{"version":3,"sources":["webpack:///./src/layouts/components/vertical-nav-menu/components/UserSidebarCard.vue?27d5","webpack:///./src/layouts/components/vertical-nav-menu/components/UserSidebarCard.vue?82c7","webpack:///src/layouts/components/vertical-nav-menu/components/UserSidebarCard.vue","webpack:///./src/layouts/components/vertical-nav-menu/components/UserSidebarCard.vue?fc9a","webpack:///./src/layouts/components/vertical-nav-menu/components/UserSidebarCard.vue","webpack:///./src/assets/images/campaign-status/out-of-budget-action-icon.svg","webpack:///./src/assets/images/pages/default-avatar.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","avatarUrl","_v","_s","activeUserInfo","name","email","$can","_f","balance","_e","on","$event","$gtag","event","staticRenderFns","data","canViewFundBtn","props","computed","avatarTempSource","$store","getters","watch","immediate","component","module","exports"],"mappings":"kHAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,sBAAsB,CAACF,EAAG,MAAM,CAACG,YAAY,qDAAqD,CAACH,EAAG,MAAM,CAACG,YAAY,6LAA6L,CAACH,EAAG,MAAM,CAACG,YAAY,qBAAqB,CAACH,EAAG,MAAM,CAACG,YAAY,8BAA8BD,MAAM,CAAC,IAAMN,EAAIQ,UAAU,IAAM,gCAAgCJ,EAAG,MAAM,CAACG,YAAY,kBAAkB,CAACH,EAAG,IAAI,CAACG,YAAY,0FAA0F,CAACP,EAAIS,GAAG,iBAAiBT,EAAIU,GAAGV,EAAIW,eAAeC,MAAQ,IAAI,kBAAkBR,EAAG,IAAI,CAACG,YAAY,6CAA6C,CAACH,EAAG,IAAI,CAACJ,EAAIS,GAAG,mBAAmBT,EAAIU,GAAGV,EAAIW,eAAeE,OAAS,IAAI,8BAA+Bb,EAAIc,KAAK,sBAAuBV,EAAG,MAAM,CAACG,YAAY,oBAAoB,CAACH,EAAG,IAAI,CAACG,YAAY,2BAA2B,CAACP,EAAIS,GAAG,gCAAgCL,EAAG,OAAO,CAACG,YAAY,aAAa,CAACP,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIe,GAAG,WAAPf,CAAmBA,EAAIgB,iBAAiBhB,EAAIiB,KAAMjB,EAAkB,eAAEI,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,cAAc,CAACG,YAAY,cAAcD,MAAM,CAAC,GAAK,0BAA0B,GAAK,6BAA6B,CAACF,EAAG,SAAS,CAACG,YAAY,cAAcW,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIoB,MAAMC,MAAM,gBAAgB,CAACjB,EAAG,MAAM,CAACG,YAAY,8BAA8BD,MAAM,CAAC,IAAM,EAAQ,WAAoEN,EAAIS,GAAG,+BAA+B,GAAGT,EAAIiB,KAAKb,EAAG,KAAK,CAACG,YAAY,0CACttDe,EAAkB,G,oCC6CtB,GACEC,KADF,WAEI,MAAO,CACLC,gBAAgB,IAGpBC,MAAO,CAAC,kBACRC,SAAU,CACRlB,UADJ,WAEM,IAAN,sBAEM,OAAOP,KAAK0B,kBAAoB,OAAtC,SAAsC,CAAtC,mCAEIX,QANJ,WAOM,OAAOf,KAAK2B,OAAOC,QAAQ,gBAAgB,aAG/CC,MAAO,CACLN,eAAgB,CACdO,WAAW,EACX,QAFN,uJAGA,mDAHA,2GChEsY,I,wBCQlYC,EAAY,eACd,EACAjC,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAAU,E,8BCnBfC,EAAOC,QAAU,IAA0B,8C,4CCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-0d6e4677.0748604c.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!./UserSidebarCard.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',{attrs:{\"id\":\"user-sidebar-card\"}},[_c('div',{staticClass:\"max-w-sm w-full lg:max-w-full justify-center px-6\"},[_c('div',{staticClass:\"border-r border-b border-l border-gray-400  lg:border-t lg:border-gray-400 rounded-b lg:rounded-b-none lg:rounded-r p-4 flex flex-col justify-between leading-normal bg-gray-card-speakol\"},[_c('div',{staticClass:\"flex items-center\"},[_c('img',{staticClass:\"w-10 h-10 rounded-full mr-5\",attrs:{\"src\":_vm.avatarUrl,\"alt\":\"Avatar of Jonathan Reinink\"}}),_c('div',{staticClass:\"text-sm w-full\"},[_c('p',{staticClass:\"text-gray-900 text-base leading-none text-black font-semibold text-data-container-user\"},[_vm._v(\"\\n            \"+_vm._s(_vm.activeUserInfo.name || '')+\"\\n          \")]),_c('p',{staticClass:\"text-gray-600 text-xs text-data-container\"},[_c('a',[_vm._v(\"\\n              \"+_vm._s(_vm.activeUserInfo.email || '')+\"\\n            \")])])])])])]),(_vm.$can('personal_dashboard'))?_c('div',{staticClass:\"my-6 text-center\"},[_c('p',{staticClass:\"available-balance-label\"},[_vm._v(\"\\n      Available Balance : \"),_c('span',{staticClass:\"font-bold\"},[_vm._v(\"$\"+_vm._s(_vm._f(\"addComma\")(_vm.balance)))])])]):_vm._e(),(_vm.canViewFundBtn)?_c('div',{staticClass:\"text-center\"},[_c('router-link',{staticClass:\"text-center\",attrs:{\"id\":\"sidebar-add-fund-button\",\"to\":\"/fund?ref=SideMenuButton\"}},[_c('button',{staticClass:\"fund-button\",on:{\"click\":function($event){return _vm.$gtag.event('Add_Funds')}}},[_c('img',{staticClass:\"align-middle pl-1 fund-icon\",attrs:{\"src\":require(\"@/assets/images/campaign-status/out-of-budget-action-icon.svg\")}}),_vm._v(\"\\n      Add Fund\\n    \")])])],1):_vm._e(),_c('hr',{staticClass:\"mx-8 my-5 mt-8 divide-gray-speakol\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"user-sidebar-card\">\n    <div class=\"max-w-sm w-full lg:max-w-full justify-center px-6\">\n      <div\n        class=\"border-r border-b border-l border-gray-400  lg:border-t lg:border-gray-400 rounded-b lg:rounded-b-none lg:rounded-r p-4 flex flex-col justify-between leading-normal bg-gray-card-speakol\">\n        <div class=\"flex items-center\">\n          <img class=\"w-10 h-10 rounded-full mr-5\" :src=\"avatarUrl\" alt=\"Avatar of Jonathan Reinink\">\n          <div class=\"text-sm w-full\">\n            <p class=\"text-gray-900 text-base leading-none text-black font-semibold text-data-container-user\">\n              {{ activeUserInfo.name || '' }}\n            </p>\n            <p class=\"text-gray-600 text-xs text-data-container\">\n              <a>\n                {{ activeUserInfo.email || '' }}\n              </a>\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <div v-if=\"$can('personal_dashboard')\" class=\"my-6 text-center\">\n      <p class=\"available-balance-label\">\n        Available Balance : <span class=\"font-bold\">${{ balance | addComma }}</span>\n      </p>\n    </div>\n\n    <div v-if=\"canViewFundBtn\" class=\"text-center\">\n\n      <router-link id=\"sidebar-add-fund-button\" to=\"/fund?ref=SideMenuButton\" class=\"text-center\">\n      <button @click=\"$gtag.event('Add_Funds')\" class=\"fund-button\">\n        <img class=\"align-middle pl-1 fund-icon\" src=\"@/assets/images/campaign-status/out-of-budget-action-icon.svg\"/>\n        Add Fund\n      </button>\n      </router-link>\n\n    </div>\n\n    <hr class=\"mx-8 my-5 mt-8 divide-gray-speakol\">\n  </div>\n\n</template>\n\n<script>\nimport {get} from 'lodash'\n\nexport default {\n  data () {\n    return {\n      canViewFundBtn: false\n    }\n  },\n  props: ['activeUserInfo'],\n  computed: {\n    avatarUrl () {\n      const user = this.activeUserInfo\n\n      return this.avatarTempSource || get(user, 'media[0].url', null) || require('@/assets/images/pages/default-avatar.png')\n    },\n    balance () {\n      return this.$store.getters['fund/balance']['balance']\n    }\n  },\n  watch: {\n    canViewFundBtn: {\n      immediate: true,\n      async handler () {\n        this.canViewFundBtn = this.$can('add_personal_fund')\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n\n.available-balance-label {\n  user-select: text;\n}\n  #user-sidebar-card {\n    .divide-gray-speakol {\n      border: 1px solid #f1f1f5;\n    }\n\n    .square {\n      border-radius: 3px;\n      padding: 0.679rem 4rem !important;\n    }\n\n    .text-data-container {\n      width: 140px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      // height: auto;\n    }\n\n    .text-data-container-user {\n      width: 140px;\n      height: 20px;\n      // margin-bottom:50px;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .fund-button {\n      padding: 10px 55px;\n      color: white;\n      border-radius: 4px;\n      background-color: rgba(var(--vs-primary), 1) !important;\n      border: rgba(var(--vs-primary), 1) !important;\n      cursor: pointer;\n    }\n\n    .fund-icon {\n      margin-right: 8px;\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!./UserSidebarCard.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!./UserSidebarCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UserSidebarCard.vue?vue&type=template&id=8d459986&\"\nimport script from \"./UserSidebarCard.vue?vue&type=script&lang=js&\"\nexport * from \"./UserSidebarCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserSidebarCard.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","module.exports = __webpack_public_path__ + \"img/out-of-budget-action-icon.9f7a17e2.svg\";","module.exports = __webpack_public_path__ + \"img/default-avatar.c3812a0d.png\";"],"sourceRoot":""}