{"version":3,"sources":["webpack:///./src/router/views/products/ImportProducts.vue","webpack:///src/router/views/products/ImportProducts.vue","webpack:///./src/router/views/products/ImportProducts.vue?d2fa","webpack:///./src/router/views/products/ImportProducts.vue?7db2","webpack:///./src/components/page-header.vue","webpack:///src/components/page-header.vue","webpack:///./src/components/page-header.vue?cdfe","webpack:///./src/components/page-header.vue?a911"],"names":["render","_vm","this","_c","_self","attrs","title","items","staticClass","ref","on","submitCSV","_v","dropzoneOptions","staticRenderFns","page","meta","name","content","appConfig","description","components","vueDropzone","vue2Dropzone","PageHeader","computed","_objectSpread","mapGetters","getCurrentOrganisation","data","text","href","active","url","thumbnailWidth","maxFilesize","headers","methods","mapActions","_this","_asyncToGenerator","_regeneratorRuntime","mark","_callee","file","formData","wrap","_context","prev","next","$refs","fileInput","files","FormData","append","id","importProductsCSV","stop","mounted","_callee2","_context2","component","_s","props","type","String","default","Array"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,aAAa,CAACE,MAAM,CAAC,MAAQJ,EAAIK,MAAM,MAAQL,EAAIM,SAASJ,EAAG,MAAM,CAACK,YAAY,YAAY,CAACL,EAAG,MAAM,CAACK,YAAY,aAAa,CAACL,EAAG,YAAY,CAACA,EAAG,QAAQ,CAACM,IAAI,YAAYJ,MAAM,CAAC,KAAO,UAAUF,EAAG,SAAS,CAACO,GAAG,CAAC,MAAQT,EAAIU,YAAY,CAACV,EAAIW,GAAG,eAAe,KAAKT,EAAG,MAAM,CAACK,YAAY,YAAY,CAACL,EAAG,eAAe,CAACM,IAAI,gBAAgBJ,MAAM,CAAC,GAAK,WAAW,mBAAkB,EAAK,QAAUJ,EAAIY,kBAAkB,CAACV,EAAG,MAAM,CAACK,YAAY,2BAA2B,CAACL,EAAG,IAAI,CAACK,YAAY,6CAA6CL,EAAG,KAAK,CAACF,EAAIW,GAAG,8CAA8C,IAAI,IAEtqBE,EAAkB,G,mHCMP,GACfC,KAAA,CACAT,MAAA,kBACAU,KAAA,EAAAC,KAAA,cAAAC,QAAAC,EAAAC,eAEAC,WAAA,CAAAC,YAAAC,IAAAC,mBACAC,SAAAC,eAAA,GACAC,eAAA,QAAAC,uBAAA,4BAEAC,KAAA,WACA,OACAvB,MAAA,WACAC,MAAA,CACA,CACAuB,KAAA,WACAC,KAAA,KAEA,CACAD,KAAA,SACAE,QAAA,IAIAnB,gBAAA,CACAoB,IAAA,gDACAC,eAAA,IACAC,YAAA,IACAC,QAAA,wCAIAC,QAAAX,8BAAA,GACAY,eAAA,uCACA3B,UAAA,eAAA4B,EAAA,YAAAC,eAAAC,iBAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAAC,EAAA,OAAAJ,iBAAAK,MAAA,SAAAC,GAAA,eAAAA,EAAAC,KAAAD,EAAAE,MAAA,OAEAL,EAAAL,EAAAW,MAAAC,UAAAC,MAAA,GAGAP,EAAA,IAAAQ,SACAR,EAAAS,OAAA,WAAAV,GACAC,EAAAS,OAAA,eAAAf,EAAAX,uBAAA2B,IAEAhB,EAAAiB,kBAAAX,GAAA,wBAAAE,EAAAU,UAAAd,MATAH,MAaAkB,QAAA,kBAAAlB,eAAAC,iBAAAC,MAAA,SAAAiB,IAAA,OAAAlB,iBAAAK,MAAA,SAAAc,GAAA,eAAAA,EAAAZ,KAAAY,EAAAX,MAAA,wBAAAW,EAAAH,UAAAE,MAAAnB,KCtDua,I,YCOnaqB,EAAY,eACd,EACA7D,EACAc,GACA,EACA,KACA,KACA,MAIa,aAAA+C,E,2CClBf,IAAI7D,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACK,YAAY,OAAO,CAACL,EAAG,MAAM,CAACK,YAAY,UAAU,CAACL,EAAG,MAAM,CAACK,YAAY,oEAAoE,CAACL,EAAG,KAAK,CAACK,YAAY,qBAAqB,CAACP,EAAIW,GAAGX,EAAI6D,GAAG7D,EAAIK,UAAUH,EAAG,MAAM,CAACK,YAAY,oBAAoB,CAACL,EAAG,eAAe,CAACK,YAAY,MAAMH,MAAM,CAAC,MAAQJ,EAAIM,UAAU,UAE7YO,EAAkB,GCDP,GACfO,WAAA,GACA0C,MAAA,CACAzD,MAAA,CACA0D,KAAAC,OACAC,QAAA,IAEA3D,MAAA,CACAyD,KAAAG,MACAD,QAAA,WACA,aCX4Y,I,YCOxYL,EAAY,eACd,EACA7D,EACAc,GACA,EACA,KACA,KACA,MAIa,OAAA+C,E","file":"js/chunk-4dbcad7e.58fd2c0f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('PageHeader',{attrs:{\"title\":_vm.title,\"items\":_vm.items}}),_c('div',{staticClass:\"row mb-3\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('base-card',[_c('input',{ref:\"fileInput\",attrs:{\"type\":\"file\"}}),_c('button',{on:{\"click\":_vm.submitCSV}},[_vm._v(\"Upload\")])])],1)]),_c('div',{staticClass:\"row mb-3\"},[_c('vue-dropzone',{ref:\"myVueDropzone\",attrs:{\"id\":\"dropzone\",\"use-custom-slot\":true,\"options\":_vm.dropzoneOptions}},[_c('div',{staticClass:\"dropzone-custom-content\"},[_c('i',{staticClass:\"display-4 text-muted bx bxs-cloud-upload\"}),_c('h4',[_vm._v(\"Drop files here or click to upload.\")])])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport vue2Dropzone from \"vue2-dropzone\";\n\nimport PageHeader from \"@/components/page-header\";\n\nimport appConfig from \"@/app.config\";\nimport { mapGetters, mapActions } from \"vuex\";\n\nexport default {\n  page: {\n    title: \"Products Import\",\n    meta: [{ name: \"description\", content: appConfig.description }],\n  },\n  components: { vueDropzone: vue2Dropzone, PageHeader, },\n  computed: {\n    ...mapGetters('auth', { getCurrentOrganisation: \"getCurrentOrganisation\" }),\n  },\n  data() {\n    return {\n      title: \"Products\",\n      items: [\n        {\n          text: \"Products\",\n          href: \"/\",\n        },\n        {\n          text: \"Import\",\n          active: true,\n        },\n      ],\n\n      dropzoneOptions: {\n        url: \"https://bigplushq.ams3.digitaloceanspaces.com\",\n        thumbnailWidth: 150,\n        maxFilesize: 1.5,\n        headers: { \"My-Awesome-Header\": \"header value\" }\n      }\n    };\n  },\n  methods: {\n    ...mapActions('products', ['importProductsCSV']),\n    async submitCSV() {\n      // Retrieve the selected file from the file input\n      const file = this.$refs.fileInput.files[0]\n\n      // Construct a new FormData object and append the file to it\n      const formData = new FormData()\n      formData.append('csv_file', file)\n      formData.append('organisation', this.getCurrentOrganisation.id)\n\n      this.importProductsCSV(formData)\n\n    }\n  },\n  async mounted() {\n\n  },\n};\n</script>\n\n<template>\n  <div>\n    <PageHeader :title=\"title\" :items=\"items\" />\n\n    <div class=\"row mb-3\">\n      <div class=\"col-lg-12\">\n        <base-card>\n          <input type=\"file\" ref=\"fileInput\">\n          <button @click=\"submitCSV\">Upload</button>\n        </base-card>\n      </div>\n    </div>\n\n    <div class=\"row mb-3\">\n      <vue-dropzone id=\"dropzone\" ref=\"myVueDropzone\" :use-custom-slot=\"true\" :options=\"dropzoneOptions\">\n        <div class=\"dropzone-custom-content\">\n          <i class=\"display-4 text-muted bx bxs-cloud-upload\"></i>\n          <h4>Drop files here or click to upload.</h4>\n        </div>\n      </vue-dropzone>\n    </div>\n\n  </div>\n</template>\n","import mod from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ImportProducts.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ImportProducts.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImportProducts.vue?vue&type=template&id=05890612\"\nimport script from \"./ImportProducts.vue?vue&type=script&lang=js\"\nexport * from \"./ImportProducts.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/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-12\"},[_c('div',{staticClass:\"page-title-box d-flex align-items-center justify-content-between\"},[_c('h4',{staticClass:\"mb-0 font-size-18\"},[_vm._v(_vm._s(_vm.title))]),_c('div',{staticClass:\"page-title-right\"},[_c('b-breadcrumb',{staticClass:\"m-0\",attrs:{\"items\":_vm.items}})],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\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  },\n}\n</script>\n\n<template>\n  <!-- start page title -->\n  <div class=\"row\">\n    <div class=\"col-12\">\n      <div class=\"page-title-box d-flex align-items-center justify-content-between\">\n        <h4 class=\"mb-0 font-size-18\">{{ title }}</h4>\n\n        <div class=\"page-title-right\">\n          <b-breadcrumb :items=\"items\" class=\"m-0\"></b-breadcrumb>\n        </div>\n      </div>\n    </div>\n  </div>\n  <!-- end page title -->\n</template>\n","import mod from \"-!../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--12-1!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./page-header.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js??ref--12-1!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./page-header.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./page-header.vue?vue&type=template&id=e08f28f6\"\nimport script from \"./page-header.vue?vue&type=script&lang=js\"\nexport * from \"./page-header.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/@vue/cli-service/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":""}