{"version":3,"sources":["webpack:///./src/components/Profile/NewAddress.vue?871c","webpack:///./src/components/Profile/NewAddress.vue","webpack:///src/components/Profile/NewAddress.vue","webpack:///./src/components/Profile/NewAddress.vue?81d4","webpack:///./src/components/Profile/NewAddress.vue?aa63"],"names":["render","_vm","this","_c","_self","_m","staticClass","on","$event","preventDefault","createShippingAddress","apply","arguments","attrs","countries","customLabel","isLoading","getCountries","getTownsByCountryId","model","value","countryId","callback","$$v","expression","slot","_v","_s","translations","listIsEmpty","noResultsAccordingToTheGivenParameters","towns","getTowns","townId","directives","name","rawName","zipCode","domProps","target","composing","address","phoneNumber","isDefault","Array","isArray","_i","$$a","$$el","$$c","checked","$$i","concat","slice","save","staticRenderFns","mixins","components","VueSelect","data","computed","$store","getters","map","item","id","label","title","methods","api","then","response","$toast","info","$router","push","onCountryChange","dispatch","sortBy","isSortAscending","loadCountries","searchQuery","retrieveAll","quickSearch","loadTowns","query","mounted","window","scrollTo","top","behavior","component"],"mappings":"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","file":"js/new-address.079fcb6c.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./NewAddress.vue?vue&type=style&index=0&id=09a3c0c2&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_vm._m(0),_c('div',{staticClass:\"account-content\"},[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.createShippingAddress.apply(null, arguments)}}},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_vm._m(1),_c('div',[_c('vue-select',{attrs:{\"options\":_vm.countries,\"custom-label\":_vm.customLabel,\"id\":\"id\",\"loading\":_vm.isLoading,\"placeholder\":\"Izaberite državu\"},on:{\"search-change\":_vm.getCountries,\"select\":_vm.getTownsByCountryId},model:{value:(_vm.countryId),callback:function ($$v) {_vm.countryId=$$v},expression:\"countryId\"}},[_c('template',{slot:\"noOptions\"},[_vm._v(\" \"+_vm._s(_vm.translations.listIsEmpty)+\" \")]),_c('template',{slot:\"noResult\"},[_vm._v(\" \"+_vm._s(_vm.translations.noResultsAccordingToTheGivenParameters)+\" \")])],2)],1)])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_vm._m(2),_c('div',[_c('vue-select',{attrs:{\"options\":_vm.towns,\"custom-label\":_vm.customLabel,\"id\":\"id\",\"loading\":_vm.isLoading,\"placeholder\":\"Izaberite grad\"},on:{\"search-change\":_vm.getTowns},model:{value:(_vm.townId),callback:function ($$v) {_vm.townId=$$v},expression:\"townId\"}},[_c('template',{slot:\"noOptions\"},[_vm._v(\" \"+_vm._s(_vm.translations.listIsEmpty)+\" \")]),_c('template',{slot:\"noResult\"},[_vm._v(\" \"+_vm._s(_vm.translations.noResultsAccordingToTheGivenParameters)+\" \")])],2)],1)])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_vm._m(3),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.zipCode),expression:\"zipCode\"}],staticClass:\"form-control mw-100\",attrs:{\"type\":\"text\",\"placeholder\":\"Zip kôd\",\"id\":\"zip-code\",\"required\":\"\"},domProps:{\"value\":(_vm.zipCode)},on:{\"input\":function($event){if($event.target.composing)return;_vm.zipCode=$event.target.value}}})])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_vm._m(4),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.address),expression:\"address\"}],staticClass:\"form-control mw-100\",attrs:{\"type\":\"text\",\"id\":\"address\",\"placeholder\":\"Adresa\",\"required\":\"\"},domProps:{\"value\":(_vm.address)},on:{\"input\":function($event){if($event.target.composing)return;_vm.address=$event.target.value}}})])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_vm._m(5),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.phoneNumber),expression:\"phoneNumber\"}],staticClass:\"form-control mw-100\",attrs:{\"type\":\"text\",\"placeholder\":\"Broj telefona\",\"id\":\"phone\",\"required\":\"\"},domProps:{\"value\":(_vm.phoneNumber)},on:{\"input\":function($event){if($event.target.composing)return;_vm.phoneNumber=$event.target.value}}})])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"form-group\"},[_c('div',{staticClass:\"custom-control custom-checkbox\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.isDefault),expression:\"isDefault\"}],staticClass:\"custom-control-input\",attrs:{\"type\":\"checkbox\",\"id\":\"is-default-address\"},domProps:{\"checked\":Array.isArray(_vm.isDefault)?_vm._i(_vm.isDefault,null)>-1:(_vm.isDefault)},on:{\"change\":function($event){var $$a=_vm.isDefault,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.isDefault=$$a.concat([$$v]))}else{$$i>-1&&(_vm.isDefault=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.isDefault=$$c}}}}),_c('label',{staticClass:\"custom-control-label\",attrs:{\"for\":\"is-default-address\"}},[_vm._v(\" Zadana adresa? \")])])])])]),_c('div',{staticClass:\"form-footer mt-3 mb-0\"},[_c('button',{staticClass:\"btn btn-primary mr-0\",attrs:{\"type\":\"submit\"}},[_vm._v(_vm._s(_vm.translations.save))])])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('h3',{staticClass:\"account-sub-title d-none d-md-block mt-0 pt-1 ml-1\"},[_c('i',{staticClass:\"icon-user-2 align-middle mr-3 pr-1\"}),_vm._v(\" Nova adresa \")])\n},function (){var _vm=this,_c=_vm._self._c;return _c('label',{attrs:{\"for\":\"country\"}},[_vm._v(\" Država \"),_c('span',{staticClass:\"required\"},[_vm._v(\"*\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('label',{attrs:{\"for\":\"town\"}},[_vm._v(\" Grad \"),_c('span',{staticClass:\"required\"},[_vm._v(\"*\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('label',{attrs:{\"for\":\"zip-code\"}},[_vm._v(\" Zip kôd \"),_c('span',{staticClass:\"required\"},[_vm._v(\"*\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('label',{attrs:{\"for\":\"address\"}},[_vm._v(\" Adresa \"),_c('span',{staticClass:\"required\"},[_vm._v(\"*\")])])\n},function (){var _vm=this,_c=_vm._self._c;return _c('label',{attrs:{\"for\":\"phone\"}},[_vm._v(\" Broj telefona \"),_c('span',{staticClass:\"required\"},[_vm._v(\"*\")])])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <h3 class=\"account-sub-title d-none d-md-block mt-0 pt-1 ml-1\">\r\n      <i class=\"icon-user-2 align-middle mr-3 pr-1\"></i>\r\n      Nova adresa\r\n    </h3>\r\n    <div class=\"account-content\">\r\n      <form @submit.prevent=\"createShippingAddress\">\r\n        <div class=\"row\">\r\n          <div class=\"col-md-6\">\r\n            <div class=\"form-group\">\r\n              <label for=\"country\">\r\n                Država\r\n                <span class=\"required\">*</span>\r\n              </label>\r\n              <div>\r\n                <vue-select\r\n                  :options=\"countries\"\r\n                  v-model=\"countryId\"\r\n                  :custom-label=\"customLabel\"\r\n                  @search-change=\"getCountries\"\r\n                  id=\"id\"\r\n                  :loading=\"isLoading\"\r\n                  @select=\"getTownsByCountryId\"\r\n                  placeholder=\"Izaberite državu\"\r\n                >\r\n                  <template slot=\"noOptions\"> {{ translations.listIsEmpty }} </template>\r\n                  <template slot=\"noResult\">\r\n                    {{ translations.noResultsAccordingToTheGivenParameters }} </template>\r\n                </vue-select>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <div class=\"form-group\">\r\n              <label for=\"town\">\r\n                Grad\r\n                <span class=\"required\">*</span>\r\n              </label>\r\n              <div>\r\n                <vue-select\r\n                  :options=\"towns\"\r\n                  v-model=\"townId\"\r\n                  :custom-label=\"customLabel\"\r\n                  @search-change=\"getTowns\"\r\n                  id=\"id\"\r\n                  :loading=\"isLoading\"\r\n                  placeholder=\"Izaberite grad\"\r\n                >\r\n                  <template slot=\"noOptions\"> {{ translations.listIsEmpty }} </template>\r\n                  <template slot=\"noResult\">\r\n                     {{ translations.noResultsAccordingToTheGivenParameters }} </template>\r\n                </vue-select>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-6\">\r\n            <div class=\"form-group\">\r\n              <label for=\"zip-code\">\r\n                Zip kôd\r\n                <span class=\"required\">*</span>\r\n              </label>\r\n              <input\r\n                v-model=\"zipCode\"\r\n                type=\"text\"\r\n                class=\"form-control mw-100\"\r\n                placeholder=\"Zip kôd\"\r\n                id=\"zip-code\"\r\n                required\r\n              />\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <div class=\"form-group\">\r\n              <label for=\"address\">\r\n                Adresa\r\n                <span class=\"required\">*</span>\r\n              </label>\r\n              <input\r\n                v-model=\"address\"\r\n                type=\"text\"\r\n                class=\"form-control mw-100\"\r\n                id=\"address\"\r\n                placeholder=\"Adresa\"\r\n                required\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-6\">\r\n            <div class=\"form-group\">\r\n              <label for=\"phone\">\r\n                Broj telefona\r\n                <span class=\"required\">*</span>\r\n              </label>\r\n              <input\r\n                v-model=\"phoneNumber\"\r\n                type=\"text\"\r\n                class=\"form-control mw-100\"\r\n                placeholder=\"Broj telefona\"\r\n                id=\"phone\"\r\n                required\r\n              />\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-6\">\r\n            <div class=\"form-group\">\r\n              <div class=\"custom-control custom-checkbox\">\r\n                <input\r\n                  type=\"checkbox\"\r\n                  v-model=\"isDefault\"\r\n                  class=\"custom-control-input\"\r\n                  id=\"is-default-address\"\r\n                />\r\n                <label class=\"custom-control-label\" for=\"is-default-address\">\r\n                  Zadana adresa?\r\n                </label>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"form-footer mt-3 mb-0\">\r\n          <button type=\"submit\" class=\"btn btn-primary mr-0\">{{ translations.save }}</button>\r\n        </div>\r\n      </form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VueSelect from 'vue-multiselect';\r\n\r\nimport api from '@/services/api';\r\nimport { translations } from '@/mixins';\r\n\r\nexport default {\r\n  name: 'NewAddress',\r\n  mixins: [translations],\r\n  components: {\r\n    VueSelect,\r\n  },\r\n  data() {\r\n    return {\r\n      townId: null,\r\n      zipCode: '',\r\n      address: '',\r\n      countryId: null,\r\n      phoneNumber: '',\r\n      isLoading: false,\r\n      isDefault: true,\r\n    };\r\n  },\r\n  computed: {\r\n    countries() {\r\n      return this.$store.getters.getCountries.map((item) => ({\r\n        id: item.id,\r\n        label: item.title,\r\n      }));\r\n    },\r\n    towns() {\r\n      return this.$store.getters.getTowns.map((item) => ({\r\n        id: item.id,\r\n        label: item.title,\r\n        ...item,\r\n      }));\r\n    },\r\n  },\r\n  methods: {\r\n    customLabel({ label }) {\r\n      return label;\r\n    },\r\n    createShippingAddress() {\r\n      const {\r\n        address, zipCode, phoneNumber, countryId, townId, isDefault,\r\n      } = this;\r\n      api\r\n        .createShippingAddress({\r\n          address,\r\n          zipCode,\r\n          phoneNumber,\r\n          countryId: countryId.id,\r\n          townId: townId.id,\r\n          isDefault,\r\n        })\r\n        .then((response) => {\r\n          this.$toast.info(response.data.info);\r\n          this.$router.push({ name: 'Address' });\r\n        });\r\n    },\r\n    onCountryChange({ id }) {\r\n      this.townId = null;\r\n      this.$store.dispatch('getTowns', {\r\n        sortBy: 'title',\r\n        isSortAscending: true,\r\n        countryId: id,\r\n      });\r\n    },\r\n    loadCountries({ callback, searchQuery }) {\r\n      this.$store\r\n        .dispatch('getCountries', {\r\n          isSortAscending: true,\r\n          retrieveAll: true,\r\n          quickSearch: searchQuery,\r\n          sortBy: 'title',\r\n        })\r\n        .then(() => {\r\n          callback(null, this.countries);\r\n        });\r\n    },\r\n    loadTowns({ callback, searchQuery }) {\r\n      this.townId = null;\r\n\r\n      this.$store\r\n        .dispatch('getTowns', {\r\n          isSortAscending: true,\r\n          quickSearch: searchQuery,\r\n          sortBy: 'title',\r\n          countryId: this.countryId,\r\n        })\r\n        .then(() => {\r\n          callback(null, this.towns);\r\n        });\r\n    },\r\n    getCountries(query) {\r\n      if (query) {\r\n        this.isLoading = true;\r\n        this.$store\r\n          .dispatch('getCountries', {\r\n            quickSearch: query,\r\n          })\r\n          .then(() => {\r\n            this.isLoading = false;\r\n          });\r\n      }\r\n    },\r\n    getTownsByCountryId({ id }) {\r\n      this.$store\r\n        .dispatch('getTowns', {\r\n          countryId: id,\r\n        })\r\n        .then(() => {\r\n          this.isLoading = false;\r\n        });\r\n    },\r\n    getTowns(query) {\r\n      if (query) {\r\n        this.isLoading = true;\r\n        this.$store\r\n          .dispatch('getTowns', {\r\n            quickSearch: query,\r\n          })\r\n          .then(() => {\r\n            this.isLoading = false;\r\n          });\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n    window.scrollTo({ top: 0, behavior: 'smooth' });\r\n    this.$store.dispatch('getCountries', { retrieveAll: true });\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\">\r\n.vue-treeselect__control {\r\n  max-width: 480px;\r\n  height: 46px;\r\n  border-radius: 0;\r\n}\r\n\r\n.vue-treeselect__placeholder.vue-treeselect-helper-zoom-effect-off {\r\n  line-height: 44px;\r\n}\r\n\r\n.vue-treeselect__multi-value-item {\r\n  height: 34px;\r\n}\r\n</style>\r\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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./NewAddress.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./NewAddress.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./NewAddress.vue?vue&type=template&id=09a3c0c2\"\nimport script from \"./NewAddress.vue?vue&type=script&lang=js\"\nexport * from \"./NewAddress.vue?vue&type=script&lang=js\"\nimport style0 from \"./NewAddress.vue?vue&type=style&index=0&id=09a3c0c2&prod&lang=scss\"\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":""}