{"version":3,"sources":["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","webpack:///./src/router/views/imports/ImportCustomers.vue","webpack:///src/router/views/imports/ImportCustomers.vue","webpack:///./src/router/views/imports/ImportCustomers.vue?cfbf","webpack:///./src/router/views/imports/ImportCustomers.vue?d5ed"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","title","attrs","items","staticRenderFns","components","props","type","String","default","Array","component","ref","on","submitCSV","dropzoneOptions","page","meta","name","content","appConfig","description","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","importCustomers","stop","mounted","_callee2","_context2"],"mappings":"gHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,oEAAoE,CAACF,EAAG,KAAK,CAACE,YAAY,qBAAqB,CAACJ,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,UAAUL,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,eAAe,CAACE,YAAY,MAAMI,MAAM,CAAC,MAAQR,EAAIS,UAAU,UAE7YC,EAAkB,GCDP,GACfC,WAAA,GACAC,MAAA,CACAL,MAAA,CACAM,KAAAC,OACAC,QAAA,IAEAN,MAAA,CACAI,KAAAG,MACAD,QAAA,WACA,aCX4Y,I,YCOxYE,EAAY,eACd,EACAlB,EACAW,GACA,EACA,KACA,KACA,MAIa,OAAAO,E,oDClBf,IAAIlB,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,aAAa,CAACM,MAAM,CAAC,MAAQR,EAAIO,MAAM,MAAQP,EAAIS,SAASP,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,YAAY,CAACA,EAAG,QAAQ,CAACgB,IAAI,YAAYV,MAAM,CAAC,KAAO,UAAUN,EAAG,SAAS,CAACiB,GAAG,CAAC,MAAQnB,EAAIoB,YAAY,CAACpB,EAAIK,GAAG,eAAe,KAAKH,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,eAAe,CAACgB,IAAI,gBAAgBV,MAAM,CAAC,GAAK,WAAW,mBAAkB,EAAK,QAAUR,EAAIqB,kBAAkB,CAACnB,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,IAAI,CAACE,YAAY,6CAA6CF,EAAG,KAAK,CAACF,EAAIK,GAAG,8CAA8C,IAAI,IAEtqBK,EAAkB,G,mHCMP,GACfY,KAAA,CACAf,MAAA,mBACAgB,KAAA,EAAAC,KAAA,cAAAC,QAAAC,EAAAC,eAEAhB,WAAA,CAAAiB,YAAAC,IAAAC,mBACAC,SAAAC,eAAA,GACAC,eAAA,QAAAC,uBAAA,4BAEAC,KAAA,WACA,OACA5B,MAAA,YACAE,MAAA,CACA,CACA2B,KAAA,YACAC,KAAA,KAEA,CACAD,KAAA,SACAE,QAAA,IAIAjB,gBAAA,CACAkB,IAAA,gDACAC,eAAA,IACAC,YAAA,IACAC,QAAA,wCAIAC,QAAAX,8BAAA,GACAY,eAAA,oCACAxB,UAAA,eAAAyB,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,gBAAAX,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,KCtDwa,I,YCOpa7B,EAAY,eACd,EACAlB,EACAW,GACA,EACA,KACA,KACA,MAIa,aAAAO,E","file":"js/chunk-4dbb3998.a7d878a1.js","sourcesContent":["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","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: \"Customers 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: \"Customers\",\n      items: [\n        {\n          text: \"Customers\",\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('imports', ['importCustomers']),\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.importCustomers(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!./ImportCustomers.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!./ImportCustomers.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ImportCustomers.vue?vue&type=template&id=e13b931e\"\nimport script from \"./ImportCustomers.vue?vue&type=script&lang=js\"\nexport * from \"./ImportCustomers.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":""}