{"version":3,"sources":["webpack:///./src/views/pages/checkout/collateral-setup.vue","webpack:///src/views/pages/checkout/collateral-setup.vue","webpack:///./src/views/pages/checkout/collateral-setup.vue?f21b","webpack:///./src/views/pages/checkout/collateral-setup.vue?60f5","webpack:///./src/components/page-header-custom.vue","webpack:///src/components/page-header-custom.vue","webpack:///./src/components/page-header-custom.vue?bde1","webpack:///./src/components/page-header-custom.vue?189e"],"names":["render","_vm","this","_c","_self","attrs","title","breadCrumbs","name","params","scopedSlots","_u","key","fn","handleSubmit","reset","ref","on","$event","preventDefault","submitCampaign","apply","arguments","_v","staticClass","validationContext","getValidationState","model","value","marketing_campaign_name","callback","$$v","expression","_s","errors","openModal","collateral_list","tblFields","data","item","store_name","collaterals","isSubmitted","_e","backToCheckout","closeModal","staticStyle","query","referrer","staticRenderFns","components","Layout","PageHeader","computed","layoutComputed","checkoutComputed","asyncComputed","list","i","checkoutItems","x","listings","status","push","storeName","type","placement","placements","size","dimension","availableItem","isSoldOut","methods","layoutMethods","checkoutMethods","modal","$bvModal","show","hide","$router","$route","redirectFrom","confirmOrder","campaign_name","then","res","success","dirty","validated","valid","sortable","changeBreadCrumb","text","to","fetchCheckoutItems","confirmDisabled","component","backButton","goBack","items","props","String","default","Array","prev","Object","Boolean","go","error"],"mappings":"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","file":"js/chunk-70b2deb8.c4046f77.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('Layout',[_c('div',{},[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.breadCrumbs,\"prev\":{name:'confirm-order',params:{}}}}),_c('b-card',{},[_c('ValidationObserver',{scopedSlots:_vm._u([{key:\"default\",fn:function({ handleSubmit, reset }){return [_c('b-form',{ref:\"collateralSetupForm\",on:{\"submit\":function($event){$event.preventDefault();return handleSubmit(_vm.submitCampaign)},\"reset\":function($event){$event.preventDefault();return reset.apply(null, arguments)}}},[_c('h5',[_vm._v(\"Collateral Setup\")]),_c('b-form-group',{staticClass:\"mt-4 ts-14\"},[_c('label',[_vm._v(\"Marketing Campaign Name \"),_c('span',{staticClass:\"text-danger\"},[_vm._v(\"*\")])]),_c('validation-provider',{attrs:{\"name\":\"marketing campaign name\",\"rules\":\"required\"},scopedSlots:_vm._u([{key:\"default\",fn:function(validationContext){return [_c('b-form-input',{attrs:{\"state\":_vm.getValidationState(validationContext),\"placeholder\":\"Enter marketing campaign name\",\"trim\":\"\"},model:{value:(_vm.marketing_campaign_name),callback:function ($$v) {_vm.marketing_campaign_name=$$v},expression:\"marketing_campaign_name\"}}),_c('b-form-invalid-feedback',[_vm._v(\" \"+_vm._s(validationContext.errors[0])+\" \")])]}}],null,true)})],1),_c('div',{staticClass:\"mt-4\"},[_c('span',{staticClass:\"float-end text-primary c-pointer\",on:{\"click\":function($event){return _vm.openModal('bv-modal-collateral')}}},[_vm._v(\"How to Ship Collaterals\")]),_c('h5',[_vm._v(\"Collateral List\")])]),_c('div',[_c('div',{staticClass:\"table-responsive\"},[_c('div',{staticClass:\"table align-middle table-nowrap\"},[_c('b-table',{attrs:{\"items\":_vm.collateral_list,\"fields\":_vm.tblFields,\"responsive\":\"sm\"},scopedSlots:_vm._u([{key:\"cell(store_name)\",fn:function(data){return [_c('span',{staticClass:\"text-capitalize\"},[_vm._v(_vm._s(data.item.store_name))])]}},{key:\"cell(collaterals)\",fn:function(data){return [_c('span',{staticClass:\"text-capitalize\"},[_vm._v(_vm._s(data.item.collaterals))])]}}],null,true)})],1)])]),_c('div',{staticClass:\"mt-4\"},[_c('b-button',{staticClass:\"float-end\",attrs:{\"type\":\"submit\",\"variant\":\"primary\",\"disabled\":_vm.isSubmitted}},[(_vm.isSubmitted)?_c('span',{staticClass:\"spinner-grow spinner-grow-sm\",attrs:{\"role\":\"status\",\"aria-hidden\":\"true\"}}):_vm._e(),_vm._v(\" Submit \")]),_c('span',{staticClass:\"d-flex align-items-center c-pointer\",on:{\"click\":_vm.backToCheckout}},[_c('i',{staticClass:\"text-primary bx bx-chevron-left font-size-18\"}),_vm._v(\" Back to Checkout \")])],1)],1)]}}])}),_c('b-modal',{attrs:{\"id\":\"bv-modal-collateral\",\"title\":\"How to ship collaterals\",\"size\":\"md\",\"hide-header\":\"\",\"hide-title\":\"\",\"hide-footer\":\"\",\"hide-header-close\":\"\"}},[_c('span',{staticClass:\"float-end c-pointer\",on:{\"click\":function($event){return _vm.closeModal('bv-modal-collateral')}}},[_c('i',{staticClass:\"bx bx-x\"})]),_c('div',{staticClass:\"row p-2 mt-4\"},[_c('div',{staticClass:\"col-12 d-flex align-items-center justify-content-center my-3\"},[_c('i',{staticClass:\"uil-truck text-primary\",staticStyle:{\"font-size\":\"50px\"}})]),_c('div',{staticClass:\"col-12 text-center\"},[_c('p',{staticStyle:{\"font-family\":\"Poppins\",\"font-size\":\"24px\",\"font-weight\":\"500\"}},[_vm._v(\"How to Ship Collaterals\")])]),_c('div',{staticClass:\"col-12 mt-2\"},[_c('p',{staticClass:\"mb-0\"},[_c('span',{staticClass:\"text-primary me-2\"},[_vm._v(\"Step 1:\")]),_c('span',{staticClass:\"fw-semibold\"},[_vm._v(\"Process the order\")])]),_c('p',{staticClass:\"ts-12 mt-0\"},[_vm._v(\"Create/produce collaterals that need to be shipped. Ensure that they are properly printed and well-organized for shipping.\")]),_c('p',{staticClass:\"mb-0\"},[_c('span',{staticClass:\"text-primary me-2\"},[_vm._v(\"Step 2:\")]),_c('span',{staticClass:\"fw-semibold\"},[_vm._v(\"Prepare packaging materials\")])]),_c('p',{staticClass:\"ts-12 mt-0\"},[_vm._v(\"Ensure you prepare the appropriate size box for the collaterals. Prepare sturdy boxes and bubble wraps for added protection.\")]),_c('p',{staticClass:\"mb-0\"},[_c('span',{staticClass:\"text-primary me-2\"},[_vm._v(\"Step 3:\")]),_c('span',{staticClass:\"fw-semibold\"},[_vm._v(\"Package the order\")])]),_c('p',{staticClass:\"ts-12 mt-0\"},[_vm._v(\"Place the collateral carefully in the box. The package must be tightly packed to prevent damage and movement during shipping. If not, fill in the empty spaces with filling materials (paper, Styrofoam balls, bubble wrap, etc.).\")]),_c('p',{staticClass:\"mb-0\"},[_c('span',{staticClass:\"text-primary me-2\"},[_vm._v(\"Step 4:\")]),_c('span',{staticClass:\"fw-semibold\"},[_vm._v(\"Label and seal the package\")])]),_c('p',{staticClass:\"ts-12 mt-0\"},[_vm._v(\"Label the package with the necessary information, such as the recipient's name, address, and contact details. Secure the package with tape to prevent accidental openings.\")]),_c('p',{staticClass:\"mb-0\"},[_c('span',{staticClass:\"text-primary me-2\"},[_vm._v(\"Step 5:\")]),_c('span',{staticClass:\"fw-semibold\"},[_vm._v(\"Ship the package\")])]),_c('p',{staticClass:\"ts-12 mt-0\"},[_vm._v(\"Choose a reliable shipping provider. Take your package to the shipping provider and have it delivered to the recipient. Ensure that you take note of the tracking number and enter it into the Shipping Details section via Audit Space.\")])])])]),_c('b-modal',{attrs:{\"centered\":\"\",\"id\":\"bv-modal-insufficient\",\"title\":\"insufficient wallet balance\",\"size\":\"md\",\"hide-header\":\"\",\"hide-title\":\"\",\"hide-footer\":\"\",\"hide-header-close\":\"\"}},[_c('span',{staticClass:\"float-end c-pointer\",on:{\"click\":function($event){return _vm.closeModal('bv-modal-insufficient')}}},[_c('i',{staticClass:\"bx bx-x\"})]),_c('div',{staticClass:\"row p-2 mt-4\"},[_c('div',{staticClass:\"col-12 d-flex align-items-center justify-content-center my-3\"},[_c('i',{staticClass:\"bx bx-wallet-alt text-primary\",staticStyle:{\"font-size\":\"50px\"}})]),_c('div',{staticClass:\"col-12 text-center\"},[_c('p',{staticStyle:{\"font-family\":\"Poppins\",\"font-size\":\"24px\",\"font-weight\":\"500\"}},[_vm._v(\"Insufficient Wallet Balance\")]),_c('p',{staticStyle:{\"font-family\":\"Roboto\",\"font-size\":\"14px\"}},[_vm._v(\"Top-up your wallet before you can proceed with your order.\")]),_c('router-link',{attrs:{\"to\":{ name: 'wallet-topup', query: { referrer: 'confirm-order'} }}},[_c('button',{staticClass:\"btn btn-primary w-100 btn-block\",attrs:{\"type\":\"button\"}},[_vm._v(\"Top-up Now\")])])],1)])])],1)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <Layout>\n    <div class=\"\">\n      <PageHeader :title=\"title\" :items=\"breadCrumbs\" :prev=\"{name:'confirm-order',params:{}}\"/>\n      <b-card class=\"\">\n        <ValidationObserver v-slot=\"{ handleSubmit, reset }\">\n          <b-form\n            ref=\"collateralSetupForm\"\n            @submit.prevent=\"handleSubmit(submitCampaign)\"\n            @reset.prevent=\"reset\"\n          >\n            <h5>Collateral Setup</h5>\n            <b-form-group class=\"mt-4 ts-14\">\n              <label>Marketing Campaign Name <span class=\"text-danger\">*</span></label>\n              <validation-provider\n                name=\"marketing campaign name\"\n                rules=\"required\"\n                v-slot=\"validationContext\"\n              >\n                <b-form-input\n                  :state=\"getValidationState(validationContext)\"\n                  placeholder=\"Enter marketing campaign name\"\n                  v-model=\"marketing_campaign_name\"\n                  trim\n                ></b-form-input>\n                <b-form-invalid-feedback>\n                  {{ validationContext.errors[0] }}\n                </b-form-invalid-feedback>\n              </validation-provider>\n            </b-form-group>\n            <div class=\"mt-4\">\n              <span class=\"float-end text-primary c-pointer\" @click=\"openModal('bv-modal-collateral')\">How to Ship Collaterals</span>\n              <h5>Collateral List</h5>\n            </div>\n            <div>\n              <div class=\"table-responsive\">\n                <div class=\"table align-middle table-nowrap\">\n                  <b-table\n                    :items=\"collateral_list\"\n                    :fields=\"tblFields\"\n                    responsive=\"sm\"\n                  >\n                    <template #cell(store_name)=\"data\">\n                      <span class=\"text-capitalize\">{{data.item.store_name}}</span>\n                    </template>\n                    <template #cell(collaterals)=\"data\">\n                      <span class=\"text-capitalize\">{{data.item.collaterals}}</span>\n                    </template>\n                  </b-table>\n                </div>\n              </div>\n            </div>\n            <div class=\"mt-4\">\n              <b-button\n                class=\"float-end\"\n                type=\"submit\"\n                variant=\"primary\"\n                :disabled=\"isSubmitted\"\n              >\n                <span\n                  v-if=\"isSubmitted\"\n                  class=\"spinner-grow spinner-grow-sm\"\n                  role=\"status\"\n                  aria-hidden=\"true\"\n                ></span>\n                Submit\n              </b-button>\n              <span class=\"d-flex align-items-center c-pointer\" @click=\"backToCheckout\">\n                <i class=\"text-primary bx bx-chevron-left font-size-18\"></i>\n                Back to Checkout\n              </span>\n            </div>\n          </b-form>\n        </ValidationObserver>\n        <!--end of collateral setup-->\n        \n        <b-modal id=\"bv-modal-collateral\" title=\"How to ship collaterals\" size=\"md\" hide-header hide-title hide-footer hide-header-close>\n          <span class=\"float-end c-pointer \" @click=\"closeModal('bv-modal-collateral')\"><i class=\"bx bx-x\"></i></span>\n          <div class=\"row p-2 mt-4\">\n            <div class=\"col-12 d-flex align-items-center justify-content-center my-3\">\n              <i style=\"font-size: 50px;\" class=\"uil-truck text-primary\"></i>\n            </div>\n            <div class=\"col-12 text-center\">\n              <p style=\"font-family: Poppins;\n                font-size: 24px;\n                font-weight: 500;\n                \">How to Ship Collaterals</p>\n            </div>\n            <div class=\"col-12 mt-2\">\n              <p class=\"mb-0\">\n                <span class=\"text-primary me-2\">Step 1:</span>\n                <span class=\"fw-semibold\">Process the order</span>\n              </p>\n              <p class=\"ts-12 mt-0\">Create/produce collaterals that need to be shipped. Ensure that they are properly printed and well-organized for shipping.</p>\n              <p class=\"mb-0\">\n                <span class=\"text-primary me-2\">Step 2:</span>\n                <span class=\"fw-semibold\">Prepare packaging materials</span>\n              </p>\n              <p class=\"ts-12 mt-0\">Ensure you prepare the appropriate size box for the collaterals. Prepare sturdy boxes and bubble wraps for added protection.</p>\n              <p class=\"mb-0\">\n                <span class=\"text-primary me-2\">Step 3:</span>\n                <span class=\"fw-semibold\">Package the order</span>\n              </p>\n              <p class=\"ts-12 mt-0\">Place the collateral carefully in the box. The package must be tightly packed to prevent damage and movement during shipping. If not, fill in the empty spaces with filling materials (paper, Styrofoam balls, bubble wrap, etc.).</p>\n              <p class=\"mb-0\">\n                <span class=\"text-primary me-2\">Step 4:</span>\n                <span class=\"fw-semibold\">Label and seal the package</span>\n              </p>\n              <p class=\"ts-12 mt-0\">Label the package with the necessary information, such as the recipient's name, address, and contact details. Secure the package with tape to prevent accidental openings.</p>\n              <p class=\"mb-0\">\n                <span class=\"text-primary me-2\">Step 5:</span>\n                <span class=\"fw-semibold\">Ship the package</span>\n              </p>\n              <p class=\"ts-12 mt-0\">Choose a reliable shipping provider. Take your package to the shipping provider and have it delivered to the recipient. Ensure that you take note of the tracking number and enter it into the Shipping Details section via Audit Space.</p>\n            </div>\n          </div>\n        </b-modal>\n        <b-modal centered id=\"bv-modal-insufficient\" title=\"insufficient wallet balance\" size=\"md\" hide-header hide-title hide-footer hide-header-close>\n          <span class=\"float-end c-pointer \" @click=\"closeModal('bv-modal-insufficient')\"><i class=\"bx bx-x\"></i></span>\n          <div class=\"row p-2 mt-4\">\n            <div class=\"col-12 d-flex align-items-center justify-content-center my-3\">\n              <i style=\"font-size: 50px;\" class=\"bx bx-wallet-alt text-primary\"></i>\n            </div>\n            <div class=\"col-12 text-center\">\n              <p style=\"font-family: Poppins;\n                font-size: 24px;\n                font-weight: 500;\n                \">Insufficient Wallet Balance</p>\n              <p style=\"font-family: Roboto;\n                font-size: 14px;\n                \">Top-up your wallet before you can proceed with your order.</p>\n                <router-link :to=\"{ name: 'wallet-topup', query: { referrer: 'confirm-order'} }\">\n                  <button type=\"button\" class=\"btn btn-primary w-100 btn-block\" >Top-up Now</button>\n                </router-link>\n            </div>\n          </div>\n        </b-modal>\n        <!-- <Toast ref=\"toast\" /> -->\n      </b-card>\n    </div>\n  </Layout>\n</template>\n<script>\nimport Layout from \"@/views/layouts/main.vue\";\nimport {layoutMethods, layoutComputed, checkoutMethods, checkoutComputed} from \"@/state/helpers\";\nimport PageHeader from '@/components/page-header-custom.vue';\n// import Toast from \"@/components/widgets/toast.vue\";\n\nexport default {\n  components: {\n    Layout,\n    PageHeader,\n    // Toast\n  },\n  computed: {\n    ...layoutComputed,\n    ...checkoutComputed\n  },\n  asyncComputed: {\n    async collateral_list() {\n      var list = [];\n      console.log(\"this.checkoutItems:\", this.checkoutItems);\n      for(let i of this.checkoutItems){\n        for(let x of i.listings){\n          if(x.status == \"available\"){\n            list.push({\n              store_name  :i.storeName,\n              collaterals :x.type,\n              placement   :x.placements,\n              size        :x.dimension,\n            })\n          }\n        }\n      }\n      console.log(\"collateral_list:\", list);\n      return list;\n    },\n    async confirmDisabled() {\n      var availableItem = 0;\n      for(let i of this.checkoutItems){\n        if(!i.isSoldOut){\n          availableItem++;\n        }\n      }\n      return availableItem > 0 ? true:false;\n    },\n  },\n  methods: {\n    ...layoutMethods,\n    ...checkoutMethods,\n    openModal(modal=''){\n      this.$bvModal.show(modal);\n    },\n    closeModal(modal=''){\n      this.$bvModal.hide(modal);\n    },\n    backToCheckout(){\n      this.$router.push(\n        this.$route.query.redirectFrom || {\n          name: \"confirm-order\", params: {}\n        }\n      )\n    },\n    submitCampaign(){\n      this.isSubmitted = true;\n      this.confirmOrder({\n        campaign_name: this.marketing_campaign_name\n      }).then((res)=>{\n        this.isSubmitted = false;\n        console.log(\"><><><> confirmOrder\",JSON.stringify(res));\n        if(res.status == \"insufficient\"){\n          this.openModal(\"bv-modal-insufficient\");\n        }\n        else if(res.status == \"complete\"){\n          console.log(\"res.status\",res);\n          // this.$refs.toast.showToast('success', 'Success', 'Your Order has been submitted');\n          this.$router.push(\n            this.$route.query.redirectFrom || {\n              name: \"campaigns\", query: { success: '1' }\n              // name: \"listings\", query: { success: '1' }\n            }\n          )\n        }\n        else{\n          //if cart's item is sold\n          console.log(\"res.status\",res);\n        }\n      });\n    },\n    getValidationState({ dirty, validated, valid = null }) {\n      return dirty || validated ? valid : null;\n    },\n  },\n  data() {\n    return {\n      marketing_campaign_name:null,\n      tblFields: [\n        {key: 'store_name', sortable: false},\n        {key: 'collaterals', sortable: false},\n        {key: 'placement', sortable: false},\n        {key: 'size', sortable: false},\n      ],\n      isSubmitted: false\n    };\n  },\n  async mounted(){\n    this.changeBreadCrumb({\n      breadCrumbs: [\n        { text: \"My Checkout\", to: { name: \"my-checkout\" } },\n        { text: 'Confirm Order', to: { name: 'confirm-order'} },\n        { text: 'Collateral Setup', to: { name: 'collateral-setup'} }\n      ],\n    });\n    await this.fetchCheckoutItems().then(()=>{\n      console.log(\">>>this.confirmDisabled\",this.confirmDisabled)\n      if(!this.confirmDisabled){\n        this.$router.push(\n          this.$route.query.redirectFrom || {\n            name: \"listings\"//, query: { success: '1' }\n          }\n        )\n      }\n    });\n  }\n};\n</script>\n<style>\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./collateral-setup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./collateral-setup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./collateral-setup.vue?vue&type=template&id=2b989c02&\"\nimport script from \"./collateral-setup.vue?vue&type=script&lang=js&\"\nexport * from \"./collateral-setup.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","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-8\"},[_c('div',{staticClass:\"page-title-box d-flex align-items-center\"},[(_vm.backButton)?_c('button',{staticClass:\"btn btn-primary btn-sm me-4\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.goBack}},[_c('svg',{staticClass:\"bi bi-arrow-left\",attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"16\",\"height\":\"16\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 16 16\"}},[_c('path',{attrs:{\"fill-rule\":\"evenodd\",\"d\":\"M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z\"}})])]):_vm._e(),_c('b-breadcrumb',{staticClass:\"m-0 text-capitalize\",attrs:{\"items\":_vm.items}})],1)]),_c('div',{staticClass:\"col-4\"},[_c('h4',{staticClass:\"mb-0 font-size-18 float-end\"},[_vm._v(_vm._s(_vm.title))])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\n/**\n * Page-header compponent\n */\nexport default {\n  components: {},\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    items: {\n      type: Array,\n      default: () => {\n        return []\n      },\n    },\n    prev: {\n      type: Object,\n      default: () => {\n        return {}\n      },\n    },\n    backButton: {\n      type: Boolean,\n      default: () => {\n        return true;\n      }\n    }\n  },\n  methods: {\n    goBack(){\n      try {\n        console.log(\"Go back\",JSON.stringify(this.prev));\n        // this.$router.push(\n        //   this.$route.query.redirectFrom || {\n        //     name: this.prev.name, params: this.prev.params\n        //   }\n        // );\n        this.$router.go(-1);\n      } catch (error) {\n        console.log(\"Can't go back\", error);\n      }\n    }\n  },\n}\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-8\">\n      <div class=\"page-title-box d-flex align-items-center\">\n        <button type=\"button\" class=\"btn btn-primary btn-sm me-4\" @click=\"goBack\" v-if=\"backButton\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-arrow-left\" viewBox=\"0 0 16 16\">\n            <path fill-rule=\"evenodd\" d=\"M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z\"/>\n          </svg>\n        </button>\n        <b-breadcrumb :items=\"items\" class=\"m-0 text-capitalize\"></b-breadcrumb>\n      </div>\n    </div>\n    <div class=\"col-4\">\n      <h4 class=\"mb-0 font-size-18 float-end\">{{ title }}</h4>\n    </div>\n  </div>\n  <!-- end page title -->\n</template>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./page-header-custom.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./page-header-custom.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./page-header-custom.vue?vue&type=template&id=1de31342&\"\nimport script from \"./page-header-custom.vue?vue&type=script&lang=js&\"\nexport * from \"./page-header-custom.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"],"sourceRoot":""}