{"version":3,"sources":["webpack:///./src/views/settings/subaccounts/components/AccountCard.vue?8a6a","webpack:///./src/views/settings/subaccounts/components/AccountCard.vue?4543","webpack:///src/views/settings/subaccounts/components/AccountCard.vue","webpack:///./src/views/settings/subaccounts/components/AccountCard.vue?301d","webpack:///./src/views/settings/subaccounts/components/AccountCard.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","avatar","_e","_v","_s","name","showParent","parentId","invitationStatus","$can","id","email","staticRenderFns","props","component"],"mappings":"kHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMP,EAAIQ,OAAO,IAAM,YAAaR,EAAY,SAAE,CAAEA,EAAa,UAAEI,EAAG,OAAO,CAACA,EAAG,OAAO,CAACE,YAAY,0BAA0BF,EAAG,OAAO,CAAEJ,EAAoB,iBAAEI,EAAG,OAAO,CAACE,YAAY,yBAAyBF,EAAG,OAAO,CAACE,YAAY,2BAA2BN,EAAIS,MAAM,GAAGL,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACN,EAAIU,GAAGV,EAAIW,GAAGX,EAAIY,SAAUZ,EAAIa,YAAcb,EAAIc,SAAU,CAAEd,EAAIe,kBAAoBf,EAAIgB,KAAK,oBAAqBZ,EAAG,OAAO,CAACE,YAAY,iCAAiCC,MAAM,CAAC,UAAUP,EAAIiB,KAAK,CAACjB,EAAIU,GAAG,UAAWV,EAAIgB,KAAK,sBAAuBZ,EAAG,OAAO,CAACE,YAAY,yBAAyBC,MAAM,CAAC,UAAUP,EAAIiB,KAAK,CAACjB,EAAIU,GAAG,YAAYV,EAAIS,MAAMT,EAAIS,MAAM,GAAGL,EAAG,IAAI,CAACE,YAAY,cAAc,CAACN,EAAIU,GAAGV,EAAIW,GAAGX,EAAIkB,UAAyGlB,EAAIS,SAAUT,EAAIe,kBAAoBf,EAAIgB,KAAK,sBAAuBZ,EAAG,SAAS,CAACE,YAAY,+BAA+BC,MAAM,CAAC,UAAUP,EAAIiB,KAAK,CAACjB,EAAIU,GAAG,OAAOV,EAAIS,UACv0CU,EAAkB,GCiCtB,GACEP,KAAM,eACNQ,MAAO,CAAC,OAAQ,QAAS,cAAe,mBAAoB,SAAU,WAAY,KAAM,aAAc,cCpC0R,I,wBCQ9XC,EAAY,eACd,EACAtB,EACAoB,GACA,EACA,KACA,KACA,MAIa,aAAAE,E","file":"js/chunk-3f707b00.94ab66b9.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountCard.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"relative hema-div\"},[_c('div',{staticClass:\"account_card_container\"},[_c('div',{staticClass:\"clearfix pt-4\"},[_c('div',{staticClass:\"account_card_avatar\"},[_c('img',{attrs:{\"src\":_vm.avatar,\"alt\":\"avatar\"}}),(_vm.parentId)?[(_vm.isBlocked)?_c('span',[_c('span',{staticClass:\"status-icon blocked\"})]):_c('span',[(_vm.invitationStatus)?_c('span',{staticClass:\"status-icon approved\"}):_c('span',{staticClass:\"status-icon pending\"})])]:_vm._e()],2),_c('div',{staticClass:\"account_card_details\"},[_c('h5',[_c('span',{staticClass:\"account-name\"},[_vm._v(_vm._s(_vm.name))]),(_vm.showParent && _vm.parentId)?[(_vm.invitationStatus && _vm.$can('view_sub_account'))?_c('span',{staticClass:\"link go-to-sub-account-details\",attrs:{\"data-id\":_vm.id}},[_vm._v(\"View\")]):(_vm.$can('invite_sub_account'))?_c('span',{staticClass:\"link resend-invitation\",attrs:{\"data-id\":_vm.id}},[_vm._v(\"Resend\")]):_vm._e()]:_vm._e()],2),_c('p',{staticClass:\"email mt-6\"},[_vm._v(_vm._s(_vm.email))]),(false)?_c('p',{staticClass:\"accounts_num \"},[_vm._v(_vm._s(_vm.accountsNum)+\" subaccounts\")]):_vm._e()])]),(_vm.invitationStatus && _vm.$can('invite_sub_account'))?_c('button',{staticClass:\"account_card_invite absolute\",attrs:{\"data-id\":_vm.id}},[_vm._v(\"+\")]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"relative hema-div\">\n        <div class=\"account_card_container\">\n            <div class=\"clearfix pt-4\">\n                <div class=\"account_card_avatar\">\n                    <img :src=\"avatar\" alt=\"avatar\">\n                    <template v-if=\"parentId\">\n                        <span v-if=\"isBlocked\">\n                            <span class=\"status-icon blocked\"></span>\n                        </span>\n                        <span v-else>\n                            <span v-if=\"invitationStatus\" class=\"status-icon approved\"></span>\n                            <span v-else class=\"status-icon pending\"></span>\n                        </span>\n                    </template>\n                </div>\n                <div class=\"account_card_details\">\n                    <h5>\n                        <span class=\"account-name\">{{name}}</span>\n                        <template v-if=\"showParent && parentId\">\n                            <span class=\"link go-to-sub-account-details\" v-if=\"invitationStatus && $can('view_sub_account')\" :data-id=\"id\">View</span>\n                            <span class=\"link resend-invitation\" v-else-if=\"$can('invite_sub_account')\" :data-id=\"id\">Resend</span>\n                        </template>\n                    </h5>\n                    <p class=\"email mt-6\">{{email}}</p>\n                    <p class=\"accounts_num \" v-if=\"false\">{{accountsNum}} subaccounts</p>\n                </div>\n            </div>\n            <button class=\"account_card_invite absolute\" v-if=\"invitationStatus && $can('invite_sub_account')\" :data-id=\"id\">+</button>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n  name: 'account-card',\n  props: ['name', 'email', 'accountsNum', 'invitationStatus', 'avatar', 'parentId', 'id', 'showParent', 'isBlocked']\n}\n</script>\n\n<style lang=\"scss\">\n.account_card_container,\n.account_card_container * {\n  padding: 0;\n  margin: 0;\n  border-spacing: 0;\n}\n\n.account_card_container {\n  position: relative;\n  min-width: 444px;\n  min-height: 130px;\n  padding: 15px !important;\n\n  .account_card_avatar {\n    width: 80px;\n    height: 80px;\n    float: left;\n    position: relative;\n    margin-right: 10px;\n\n    img {\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n    }\n\n    .status-icon {\n      display: inline-block;\n      position: absolute;\n      border-radius: 50%;\n      width: 18px;\n      height: 18px;\n      bottom: 5px;\n      right: 5px;\n      border: 1px solid #fff;\n    }\n\n    .approved {\n      background: rgb(45, 205, 122);\n    }\n\n    .pending {\n      background: #f2af03;\n    }\n\n    .blocked {\n      background: #db2827;\n    }\n  }\n\n  .account_card_details {\n    text-align: left;\n    min-width: 200px;\n\n    h5 {\n      padding-top: 5px;\n      margin-bottom: 10px;\n      color: #2c2c2c;\n\n      .link {\n        float: right;\n        font-size: 14px;\n        cursor: pointer;\n        color: #0092d7;\n        line-height: 21px;\n      }\n    }\n\n    .account-name {\n      font-size: 18px !important;\n      letter-spacing: 0.107143px;\n      line-height: 27px;\n      color: #2c2c2c;\n    }\n\n    .email {\n      margin-bottom: 5px;\n      color: #2c2c2c;\n      font-size: 14px !important;\n      line-height: 21px;\n      letter-spacing: 0.107143px;\n    }\n\n    .accounts_num {\n      color: rgba(44, 44, 44, 0.4);\n    }\n  }\n\n  .account_card_invite {\n    background: #0092d7;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    color: white;\n    font-weight: bold;\n    font-size: 20px;\n    cursor: pointer;\n    border: 0;\n    position: absolute;\n    left: 49%;\n    margin-left: -15px;\n    top: 96%;\n    padding-top: 3px;\n    display: flex;\n    align-items: center !important;\n    justify-content: center;\n    top: 82%;\n  }\n}\n</style>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AccountCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AccountCard.vue?vue&type=template&id=1d20e342&\"\nimport script from \"./AccountCard.vue?vue&type=script&lang=js&\"\nexport * from \"./AccountCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AccountCard.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}