{"version":3,"sources":["webpack:///./src/views/settings/subaccounts/SubAccountDetails.vue?9d09","webpack:///src/views/settings/subaccounts/SubAccountDetails.vue","webpack:///./src/views/settings/subaccounts/SubAccountDetails.vue?d808","webpack:///./src/views/settings/subaccounts/SubAccountDetails.vue","webpack:///./src/views/settings/subaccounts/components/Header.vue?b83e","webpack:///./src/assets/images/account-details/icons8-approval 1.svg","webpack:///./src/views/settings/subaccounts/components/Header.vue?627a","webpack:///src/views/settings/subaccounts/components/Header.vue","webpack:///./src/views/settings/subaccounts/components/Header.vue?7a03","webpack:///./src/views/settings/subaccounts/components/Header.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","account","staticRenderFns","components","Header","mounted","$parent","setupTabsBar","data","component","module","exports","activeFundPrompt","on","$event","_v","_s","name","directives","rawName","value","expression","model","callback","$$v","accountFund","errors","first","addFund","clearFund","activeConfirmFundPrompt","fundSubaccount","activeSuccessPrompt","errorPopup","show","accountUrl","class","blocked","email","accountStatusText","showConfirmationPopup","responsePopupData","confirmationPopupBody","block","accountStatus","accountBalance","type","body","props","computed","methods","$validator","reset","window","axios","post"],"mappings":"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","file":"js/chunk-fa7de728.6bd60e72.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-full\"},[_c('Header',{attrs:{\"account\":_vm.account}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"w-full\">\n    <Header :account=\"account\"></Header>\n  </div>\n</template>\n\n<script>\nimport Header from './components/Header'\n\nexport default{\n  components: {\n    Header\n  },\n\n  async created () {\n\n    try {\n      this.account = (await window.axios.get(`/accounts/subaccounts/${this.$route.params.id}`)).data\n    } catch (error) {\n      //Handle error\n    }\n\n  },\n  mounted () {\n    this.$parent.setupTabsBar()\n  },\n  data () {\n    return {\n      account: {\n      }\n    }\n  }\n}\n</script>\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!./SubAccountDetails.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!./SubAccountDetails.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubAccountDetails.vue?vue&type=template&id=284bffee&\"\nimport script from \"./SubAccountDetails.vue?vue&type=script&lang=js&\"\nexport * from \"./SubAccountDetails.vue?vue&type=script&lang=js&\"\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","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!./Header.vue?vue&type=style&index=0&id=0c3479d4&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/icons8-approval 1.fdafabd8.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',[_c('vs-popup',{staticClass:\"prompt\",attrs:{\"active\":_vm.activeFundPrompt,\"buttons-hidden\":true},on:{\"update:active\":function($event){_vm.activeFundPrompt=$event}}},[_c('div',{staticClass:\"popup-parent\"},[_c('p',{staticClass:\"prompt-titles mb-3\"},[_vm._v(\"Add Fund\")]),_c('p',{staticClass:\"prompt-body mb-8\"},[_vm._v(\"\\n        Add fund to\\n        \"),_c('b',[_vm._v(_vm._s(_vm.account.name))]),_vm._v(\" using your available balance\\n      \")]),_c('label',{staticClass:\"prompt-label\"},[_vm._v(\"Amount\")]),_c('p',{staticClass:\"prompt-hints mt-2\"},[_vm._v(\"\\n      The amount must Equal to or less than your avaliable balance\")]),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|decimal:4|min:1|max:230'),expression:\"'required|decimal:4|min:1|max:230'\"}],staticClass:\"w-full mt-2\",attrs:{\"placeholder\":\"Amount\",\"name\":\"Amount\",\"type\":\"text\"},model:{value:(_vm.accountFund),callback:function ($$v) {_vm.accountFund=$$v},expression:\"accountFund\"}}),_c('span',{staticClass:\"mt-3 mb-3 text-danger text-sm block\"},[_vm._v(_vm._s(_vm.errors.first('Amount')))]),_c('div',{staticClass:\"flex flex-wrap mt-10 md:justify-end\"},[_c('button',{staticClass:\"md:ml-5 md:order-last add-fund-button\",on:{\"click\":function () {\n            _vm.addFund();\n            _vm.activeFundPrompt=false;\n          }}},[_vm._v(\"Fund\")]),_c('button',{staticClass:\"pop-up-cancel-button\",attrs:{\"type\":\"border\"},on:{\"click\":function () {\n            _vm.clearFund();\n            _vm.activeFundPrompt=false;\n          }}},[_vm._v(\"Cancel\")])])],1)]),_c('vs-popup',{attrs:{\"active\":_vm.activeConfirmFundPrompt,\"buttons-hidden\":true},on:{\"update:active\":function($event){_vm.activeConfirmFundPrompt=$event}}},[_c('div',{staticClass:\"px-6 py-10 md:p-16\"},[_c('img',{staticClass:\"mr-5 float-left\",attrs:{\"height\":\"34\",\"width\":\"34\",\"src\":require(\"@/assets/images/account-details/Question.svg\")}}),_c('div',{staticClass:\"md:flex md:flex-col\"},[_c('p',{staticClass:\"prompt-titles mb-5\"},[_vm._v(\"Add Fund Confirmation\")]),_c('p',{staticClass:\"prompt-body\"},[_vm._v(\"\\n          Are you sure you want to add\\n          \"),_c('b',[_vm._v(_vm._s(_vm.accountFund)+\"$\")]),_vm._v(\" to\\n          \"),_c('b',[_vm._v(_vm._s(_vm.account.name)+\"'s\")]),_vm._v(\"\\n          balance?\\n        \")])]),_c('div',{staticClass:\"flex flex-wrap mt-10 md:justify-end\"},[_c('vs-button',{staticClass:\"w-full mb-4 md:mb-0 md:w-1/3 md:ml-5 md:order-last primary-btns\",on:{\"click\":_vm.fundSubaccount}},[_vm._v(\"Yes\")]),_c('vs-button',{staticClass:\"w-full md:w-32 cancel-btns\",attrs:{\"type\":\"border\"},on:{\"click\":function () {\n            _vm.activeConfirmFundPrompt=false;\n            _vm.clearFund();\n          }}},[_vm._v(\"No\")])],1)])]),_c('vs-popup',{attrs:{\"title\":\"Success\",\"active\":_vm.activeSuccessPrompt,\"buttons-hidden\":true},on:{\"cancel\":_vm.clearFund,\"update:active\":function($event){_vm.activeSuccessPrompt=$event}}},[_c('div',{staticClass:\"px-8 py-10 md:p-12 flex flex-col items-center\"},[_c('img',{staticClass:\"mb-10\",attrs:{\"width\":\"100px\",\"height\":\"100px\",\"src\":require(\"@/assets/images/account-details/icons8-approval 1.svg\")}}),_c('p',{staticClass:\"confirm-box-body mb-6\"},[_vm._v(\"\\n        Money has been added to\\n        \"),_c('b',[_vm._v(_vm._s(_vm.account.name)+\"'s\")]),_vm._v(\" balance.\\n      \")]),_c('vs-button',{staticClass:\"primary-btns w-full md:w-56\",on:{\"click\":function($event){_vm.activeSuccessPrompt=false}}},[_vm._v(\"Ok\")])],1)]),_c('speakol-response-popup',{attrs:{\"responsePopupData\":_vm.errorPopup},on:{\"hide-response-popup\":function($event){_vm.errorPopup.show = false}}}),_c('div',{staticClass:\"flex flex-wrap\"},[_c('div',{staticClass:\"flex w-full justify-center md:justify-start items-center md:w-1/2\"},[_c('div',{staticClass:\"relative mr-8\"},[_c('vs-avatar',{attrs:{\"size\":\"80px\",\"src\":_vm.accountUrl}}),_c('div',{class:[_vm.account.blocked === 0 ? 'green-dot' : 'red-dot']})],1),_c('div',[_c('p',{staticClass:\"account-name mb-2\"},[_vm._v(_vm._s(_vm.account.name))]),_c('div',{staticClass:\"account-email mb-2\"},[_vm._v(_vm._s(_vm.account.email))]),_c('p',{staticClass:\"account-status\"},[_vm._v(\"\\n          status:\\n          \"),_c('span',{class:[_vm.account.blocked === 0 ? 'active-color' : 'blocked-color']},[_vm._v(_vm._s(_vm.accountStatusText))])])])]),_c('div',{staticClass:\"flex w-full flex-wrap md:flex-no-wrap md:justify-end mt-5 md:w-1/2\"},[_c('vs-button',{staticClass:\"w-full primary-btns md:mr-5 md:w-48\",attrs:{\"color\":\"primary\",\"icon-pack\":\"speakol\",\"icon\":\"speakol-plus\"},on:{\"click\":function($event){_vm.activeFundPrompt=true}}},[_vm._v(\"Add Fund\")]),_c('vs-button',{staticClass:\"w-full mt-5 md:mt-0 md:w-40 cancel-btns\",attrs:{\"text-color\":\"red\",\"icon-pack\":\"speakol\",\"icon\":\"speakol-block\",\"type\":\"border\"},on:{\"click\":function($event){_vm.showConfirmationPopup=true}}},[_vm._v(\"\\n        \"+_vm._s(_vm.account.blocked === 1 ? 'Unblock' : 'Block')+\"\\n      \")])],1)]),_c('speakol-response-popup',{attrs:{\"responsePopupData\":_vm.responsePopupData},on:{\"hide-response-popup\":function($event){_vm.responsePopupData.show = false}}}),_c('speakol-confirmation-popup',{attrs:{\"showConfirmationPopup\":_vm.showConfirmationPopup,\"title\":'Confirmation',\"body\":_vm.confirmationPopupBody},on:{\"hide-confirmation-popup\":function($event){_vm.showConfirmationPopup = false},\"confirm\":_vm.block}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- Add Fund prompt -->\n  <vx-card>\n    <vs-popup class=\"prompt\" :active.sync=\"activeFundPrompt\" :buttons-hidden=\"true\">\n      <div class=\"popup-parent\">\n        <p class=\"prompt-titles mb-3\">Add Fund</p>\n        <p class=\"prompt-body mb-8\">\n          Add fund to\n          <b>{{account.name}}</b> using your available balance\n        </p>\n        <label class=\"prompt-label\">Amount</label>\n        <p class=\"prompt-hints mt-2\">\n        The amount must Equal to or less than your avaliable balance</p>\n        <vs-input\n          v-validate=\"'required|decimal:4|min:1|max:230'\"\n          placeholder=\"Amount\"\n          v-model=\"accountFund\"\n          name=\"Amount\"\n          class=\"w-full mt-2\"\n          type=\"text\"\n        ></vs-input>\n        <span class=\"mt-3 mb-3 text-danger text-sm block\">{{ errors.first('Amount') }}</span>\n        <div class=\"flex flex-wrap mt-10 md:justify-end\">\n          <button\n            class=\"md:ml-5 md:order-last add-fund-button\"\n            v-on:click=\"() => {\n              addFund();\n              activeFundPrompt=false;\n            }\"\n          >Fund</button>\n          <button\n            class=\"pop-up-cancel-button\"\n            type=\"border\"\n            v-on:click=\"() => {\n              clearFund();\n              activeFundPrompt=false;\n            }\"\n          >Cancel</button>\n        </div>\n      </div>\n    </vs-popup>\n\n    <vs-popup :active.sync=\"activeConfirmFundPrompt\" :buttons-hidden=\"true\">\n      <div class=\"px-6 py-10 md:p-16\">\n        <img\n          height=\"34\"\n          width=\"34\"\n          class=\"mr-5 float-left\"\n          src=\"@/assets/images/account-details/Question.svg\"\n        />\n        <div class=\"md:flex md:flex-col\">\n          <p class=\"prompt-titles mb-5\">Add Fund Confirmation</p>\n          <p class=\"prompt-body\">\n            Are you sure you want to add\n            <b>{{accountFund}}$</b> to\n            <b>{{account.name}}'s</b>\n            balance?\n          </p>\n        </div>\n        <div class=\"flex flex-wrap mt-10 md:justify-end\">\n          <vs-button\n            class=\"w-full mb-4 md:mb-0 md:w-1/3 md:ml-5 md:order-last primary-btns\"\n            @click=\"fundSubaccount\"\n          >Yes</vs-button>\n          <vs-button\n            class=\"w-full md:w-32 cancel-btns\"\n            type=\"border\"\n            @click=\"() => {\n              activeConfirmFundPrompt=false;\n              clearFund();\n            }\"\n          >No</vs-button>\n        </div>\n      </div>\n    </vs-popup>\n\n    <vs-popup\n      title=\"Success\"\n      @cancel=\"clearFund\"\n      :active.sync=\"activeSuccessPrompt\"\n      :buttons-hidden=\"true\"\n    >\n      <div class=\"px-8 py-10 md:p-12 flex flex-col items-center\">\n        <img\n          class=\"mb-10\"\n          width=\"100px\"\n          height=\"100px\"\n          src=\"@/assets/images/account-details/icons8-approval 1.svg\"\n        />\n        <p class=\"confirm-box-body mb-6\">\n          Money has been added to\n          <b>{{account.name}}'s</b> balance.\n        </p>\n        <vs-button v-on:click=\"activeSuccessPrompt=false\" class=\"primary-btns w-full md:w-56\">Ok</vs-button>\n      </div>\n    </vs-popup>\n     <speakol-response-popup\n      v-on:hide-response-popup=\"errorPopup.show = false\"\n      :responsePopupData=\"errorPopup\"\n    />\n\n    <div class=\"flex flex-wrap\">\n      <!-- The account Info and avatar -->\n      <div class=\"flex w-full justify-center md:justify-start items-center md:w-1/2\">\n        <div class=\"relative mr-8\">\n          <vs-avatar size=\"80px\" :src=\"accountUrl\" />\n          <div :class=\"[account.blocked === 0 ? 'green-dot' : 'red-dot']\"></div>\n        </div>\n        <div>\n          <p class=\"account-name mb-2\">{{ account.name }}</p>\n          <div class=\"account-email mb-2\">{{ account.email }}</div>\n          <p class=\"account-status\">\n            status:\n            <span :class=\"[account.blocked === 0 ? 'active-color' : 'blocked-color']\">{{ accountStatusText }}</span>\n          </p>\n        </div>\n      </div>\n\n      <!-- The Fund and Block Button -->\n      <div class=\"flex w-full flex-wrap md:flex-no-wrap md:justify-end mt-5 md:w-1/2\">\n        <vs-button\n          class=\"w-full primary-btns md:mr-5 md:w-48\"\n          @click=\"activeFundPrompt=true\"\n          color=\"primary\"\n          icon-pack=\"speakol\"\n          icon=\"speakol-plus\"\n        >Add Fund</vs-button>\n\n        <vs-button\n          class=\"w-full mt-5 md:mt-0 md:w-40 cancel-btns\"\n          text-color=\"red\"\n          icon-pack=\"speakol\"\n          icon=\"speakol-block\"\n          type=\"border\"\n          @click=\"showConfirmationPopup=true\">\n          {{account.blocked === 1 ? 'Unblock' : 'Block'}}\n        </vs-button>\n      </div>\n    </div>\n\n    <speakol-response-popup\n      v-on:hide-response-popup=\"responsePopupData.show = false\"\n      :responsePopupData=\"responsePopupData\"\n    />\n\n    <speakol-confirmation-popup\n      v-on:hide-confirmation-popup=\"showConfirmationPopup = false\"\n      v-on:confirm=\"block\"\n      :showConfirmationPopup=\"showConfirmationPopup\"\n      :title=\"'Confirmation'\"\n      :body=\"confirmationPopupBody\"\n    />\n  </vx-card>\n</template>\n\n\n<script>\nimport { get } from 'lodash'\n\nexport default {\n  data () {\n    return {\n      accountStatus: 'Active',\n      accountFund: '',\n      accountBalance: 200,\n      activeFundPrompt: false,\n      activeConfirmFundPrompt: false,\n      activeSuccessPrompt: false,\n      showConfirmationPopup: false,\n      responsePopupData: {\n        show: false\n      },\n      errorPopup: {\n        type: 'error',\n        show: false,\n        body: ''\n      }\n    }\n  },\n  props: ['account'],\n  computed: {\n    confirmationPopupBody () {\n      if (this.account.blocked === 0) {\n        return `Are you sure you want to block ${this.account.name} ?`\n      } else {\n        return `Are you sure you want to unblock ${this.account.name} ?`\n      }\n    },\n\n    accountStatusText () {\n      if (this.account.blocked === 0) {\n        return 'Active'\n      } else {\n        return 'Blocked'\n      }\n    },\n\n    accountUrl () {\n      return get(this.account, 'owner.0.media.0.url', '')\n    }\n  },\n\n  methods: {\n    async addFund () {\n      await this.$validator.validate()\n      if (this.errors.any()) {\n        this.activeFundPrompt = true\n      } else {\n        this.activeConfirmFundPrompt = true\n      }\n    },\n\n    async fundSubaccount () {\n      try {\n        this.activeConfirmFundPrompt = false\n\n        await window.axios.post(\n          `/accounts/subaccounts/${this.$route.params.id}/fund`,\n          {\n            amount: this.accountFund\n          }\n        )\n        await this.$store.dispatch('fund/getBalance')\n        this.clearFund()\n        this.activeSuccessPrompt = true\n\n      } catch (error) {\n        // Handle error\n\n        this.clearFund()\n        this.errorPopup.body = error.response.data.message\n        this.errorPopup.show = true\n      }\n    },\n\n    clearFund () {\n      this.$validator.reset()\n      this.accountFund = ''\n    },\n\n    block () {\n\n      this.showConfirmationPopup = false\n\n      window.axios.post(`/accounts/${this.$route.params.id}/block`)\n        .then(res => {\n          this.account.blocked = res.data.payload.blocked\n\n          this.responsePopupData.show = true\n          this.responsePopupData.type = 'success'\n          this.responsePopupData.body = `You have successfully ${res.data.payload.blocked === 0 ? 'unblocked' : 'blocked'} ${res.data.payload.name}`\n          this.$store.dispatch('settings/members')\n        }).catch(() => {\n\n          this.responsePopupData.show = true\n          this.responsePopupData.type = 'error'\n          this.responsePopupData.body = 'Something went wrong!'\n        })\n\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n$speakolBlue: #0092d7;\n$speakolWhite: white;\n$outlineNone: none;\n$boxShadowNone: none;\n$borderNone: none;\n\n.account-name {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 18px;\n  line-height: 27px;\n  letter-spacing: 0.107143px;\n}\n\n.account-email {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  letter-spacing: 0.107143px;\n  color: #2c2c2c;\n}\n\n.account-status {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 12px;\n  line-height: 18px;\n  letter-spacing: 0.107143px;\n  color: rgba(44, 44, 44, 0.4);\n}\n\n.speakol-blue {\n  color: $speakolBlue;\n}\n\n.status-dot {\n  width: 18px;\n  height: 18px;\n  position: absolute;\n  bottom: 10px;\n  left: 65px;\n  top: 63%;\n  border-radius: 50%;\n  border: 2px solid $speakolWhite;\n}\n\n.green-dot {\n  @extend .status-dot;\n\n  background: #2dcd7a;\n}\n\n.red-dot {\n  @extend .status-dot;\n\n  background: red;\n}\n\n.active-color {\n  color: #2dcd7a;\n}\n\n.blocked-color {\n  color: red;\n}\n\n.w-200 {\n  width: 200px;\n}\n\n.w-600px {\n  width: 600px;\n}\n\n.btns {\n  height: 48px !important;\n  box-sizing: border-box;\n  border-radius: 3px;\n}\n\n.primary-btns {\n  @extend .btns;\n\n  background: $speakolBlue;\n}\n\n.danger-btns {\n  height: 48px;\n  background: #fff;\n  border: 2px solid #dadada;\n  box-sizing: border-box;\n  border-radius: 3px;\n  color: #db2828;\n}\n\n.cancel-btns {\n  @extend .btns;\n\n  background: #fff;\n  border: 2px solid #d9d9d9;\n  color: rgba(0, 0, 0, 0.65) !important;\n}\n\n.prompt-titles {\n  font-style: normal;\n  font-weight: 500;\n  font-size: 24px;\n  line-height: 36px;\n  letter-spacing: 0.1px;\n  color: #2c2c2c;\n}\n\n.prompt-body {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  color: rgba(0, 0, 0, 0.56);\n}\n\n.prompt-labels {\n  font-family: Poppins;\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  color: #2c2c2c;\n}\n\n.confirm-box-body {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  text-align: center;\n  letter-spacing: 0.1px;\n  color: #2c2c2c;\n}\n\n.prompt-hints {\n  font-style: normal;\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 21px;\n  display: flex;\n  align-items: center;\n  color: $speakolBlue;\n}\n\n.add-fund-button {\n  background-color: $speakolBlue;\n  color: $speakolWhite;\n  width: 185px !important;\n  height: 40px;\n  cursor: pointer;\n  outline: $outlineNone;\n  border: $borderNone;\n  box-shadow: $boxShadowNone;\n  border-radius: 3px;\n  font-weight: 500 !important;\n}\n\n.pop-up-cancel-button {\n  background-color: $speakolWhite;\n  color: black;\n  font-weight: 500 !important;\n  cursor: pointer;\n  outline: $outlineNone;\n  box-shadow: $boxShadowNone;\n  width: 135px !important;\n  height: 40px;\n  border: 2px solid #d9d9d9;\n  border-radius: 3px;\n}\n\n.popup-parent {\n  padding: 37px 37px 37px 42px;\n}\n\n@media (max-width: 768px) {\n  .add-fund-button {\n    width: 100% !important;\n    height: 40px;\n    margin-bottom: 20px;\n  }\n\n  .pop-up-cancel-button {\n    width: 100% !important;\n    height: 40px;\n  }\n\n  .popup-parent {\n    padding: 20px;\n  }\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!./Header.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!./Header.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Header.vue?vue&type=template&id=0c3479d4&scoped=true&\"\nimport script from \"./Header.vue?vue&type=script&lang=js&\"\nexport * from \"./Header.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Header.vue?vue&type=style&index=0&id=0c3479d4&lang=scss&scoped=true&\"\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  \"0c3479d4\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}