npm - @perevorot/shop - Versions diffs - 1.1.1 → 1.1.2 - Mend

@perevorot/shop 1.1.1 → 1.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (125) hide show

package/dist/js/components/shop/order/shipping/CheckoutShippingNovaposhtaWarehouse.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckoutShippingNovaposhtaWarehouse.js","sources":["../../../../../../src/js/components/shop/order/shipping/CheckoutShippingNovaposhtaWarehouse.vue","../../../../../../src/js/components/shop/order/shipping/CheckoutShippingNovaposhtaWarehouse.vue?vue&type=template&id=65fb4816&lang.js"],"sourcesContent":["<template>\n <div class=\"component novaposhta-wrapper\">\n <div class=\"dropdown\" v-bind:class=\"{ 'is-active': isCityOpened, 'is-top': cityQueryInputInQueryMode }\" @mouseleave=\"close\">\n <div class=\"dropdown-trigger\" @click=\"openCity\">\n <div class=\"user-form\">\n <div class=\"control\" v-bind:class=\"{ 'is-loading': loadingCity }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryCity\" @focus=\"focusCity\" placeholder=\"Введите название города\" autocomplete=\"chrome-off\" v-show=\"cityQueryInputInQueryMode\" ref=\"cityQueryInput\" />\n <!-- <label class=\"label\" v-show=\"cityQueryInputInQueryMode\">Город</label> -->\n <input type=\"text\" class=\"input\" :value=\"city ? city.name : ''\" @focus=\"focusCity\" placeholder=\" \" v-show=\"!cityQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!cityQueryInputInQueryMode\">Город</label>\n <svg><use xlink:href=\"#arrow-down\"></use></svg>\n </div>\n </div>\n </div>\n <div class=\"dropdown-menu\">\n <div class=\"dropdown-content\">\n <a class=\"dropdown-item\" v-for=\"item in queryCity ? cities : citiesPopular\" v-bind:key=\"item.id\" @click=\"chooseCity($event, item)\">{{ item.name }}</a>\n <div class=\"dropdown-item\" v-if=\"queryCity && !cities.length && !loadingCity\">{{ __('shop.checkout.shipment.warehouse.not_found') }}</div>\n </div>\n </div>\n </div>\n <div class=\"dropdown\" v-bind:class=\"{ 'is-active': isWarehouseOpened, 'is-top': warehouseQueryInputInQueryMode }\" v-if=\"city\" @mouseleave=\"close\">\n <div class=\"dropdown-trigger\" @click=\"openWarehouse\">\n <div class=\"user-form\">\n <div class=\"control\" v-bind:class=\"{ 'is-loading': loadingWarehouse }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryWarehouse\" @focus=\"focusWarehouse\" placeholder=\"Введите номер отделения или адрес\" autocomplete=\"chrome-off\" v-show=\"warehouseQueryInputInQueryMode\" ref=\"warehouseQueryInput\" />\n <!-- <label class=\"label\" v-show=\"warehouseQueryInputInQueryMode\">Отделение</label> -->\n <input type=\"text\" class=\"input\" :value=\"warehouse ? warehouse.name : ''\" @focus=\"focusWarehouse\" placeholder=\" \" v-show=\"!warehouseQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!warehouseQueryInputInQueryMode\">Отделение</label>\n <svg><use xlink:href=\"#arrow-down\"></use></svg>\n </div>\n </div>\n </div>\n <div class=\"dropdown-menu\">\n <div class=\"dropdown-content\">\n <a class=\"dropdown-item\" v-for=\"item in warehouses\" v-bind:key=\"item.id\" @click=\"chooseWarehouse($event, item)\">{{ item.name }}</a>\n <div class=\"dropdown-item\" v-if=\"queryWarehouse && !warehouses.length && !loadingWarehouse\">{{ __('shop.checkout.shipment.warehouse.not_found') }}</div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, watch, onMounted, defineComponent, nextTick } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const city = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].city : null;\n },\n set(city) {\n const data = {\n city: city\n };\n\n props.commit(props.item.code, data, isValid(data));\n }\n });\n\n const warehouse = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].warehouse : null;\n },\n set(warehouse) {\n const data = {\n city: city.value,\n warehouse: warehouse\n };\n\n props.commit(props.item.code, data, isValid(data));\n }\n });\n\n const isValid = (data) => {\n return !!(data.city && data.warehouse);\n };\n\n const isCityOpened = ref(false);\n const isWarehouseOpened = ref(false);\n const queryCity = ref('');\n const queryWarehouse = ref('');\n const cities = ref([]);\n const citiesPopular = ref([]);\n const warehouses = ref([]);\n const cityQueryInput = ref(null);\n const warehouseQueryInput = ref(null);\n const loadingCity = ref(false);\n const loadingWarehouse = ref(false);\n const cityQueryInputInQueryMode = ref(false);\n const warehouseQueryInputInQueryMode = ref(false);\n\n let typeTimeout;\n\n onMounted(() => {\n if (props.item.data && props.item.data.length) {\n citiesPopular.value = props.item.data;\n }\n });\n\n const openCity = () => {\n isCityOpened.value = true;\n };\n\n const openWarehouse = () => {\n isWarehouseOpened.value = true;\n };\n\n const close = () => {\n isCityOpened.value = false;\n isWarehouseOpened.value = false;\n\n cityQueryInputInQueryMode.value = false;\n warehouseQueryInputInQueryMode.value = false;\n };\n\n const chooseCity = (e, item) => {\n e.stopPropagation();\n\n city.value = item;\n //warehouse.value = null;\n warehouses.value = [];\n queryWarehouse.value = '';\n\n cityQueryInputInQueryMode.value = false;\n\n $http\n .post($ziggy('api.delivery-nova-poshta'), {\n city: item.id,\n action: 'warehouses'\n })\n .then((response) => {\n warehouses.value = response.data.warehouses;\n })\n .finally(() => {\n loadingWarehouse.value = false;\n });\n\n close();\n };\n\n const chooseWarehouse = (e, item) => {\n e.stopPropagation();\n\n warehouse.value = item;\n warehouseQueryInputInQueryMode.value = false;\n warehouse.value = item;\n\n close();\n };\n\n window.addEventListener('keyup', (e) => {\n if ((isCityOpened.value \|\| isWarehouseOpened.value) && e.key === 'Escape') {\n close();\n }\n });\n\n window.addEventListener('click', (e) => {\n if (!e.target.closest('.novaposhta-wrapper')) {\n close();\n }\n });\n\n watch(queryCity, (q) => {\n clearTimeout(typeTimeout);\n city.value = null;\n\n if (q) {\n loadingCity.value = true;\n\n typeTimeout = setTimeout(() => {\n $http\n .post($ziggy('api.delivery-nova-poshta'), {\n q: q,\n action: 'cities'\n })\n .then((response) => {\n cities.value = response.data.cities;\n })\n .finally(() => {\n loadingCity.value = false;\n });\n }, 400);\n }\n });\n\n watch(queryWarehouse, (q) => {\n clearTimeout(typeTimeout);\n\n if (q) {\n loadingWarehouse.value = true;\n\n typeTimeout = setTimeout(() => {\n $http\n .post($ziggy('api.delivery-nova-poshta'), {\n q: q,\n city: city.value.id,\n action: 'warehouses'\n })\n .then((response) => {\n warehouses.value = response.data.warehouses;\n })\n .finally(() => {\n loadingWarehouse.value = false;\n });\n }, 400);\n } else {\n warehouse.value = null;\n warehouses.value = [];\n }\n });\n\n const focusWarehouse = () => {\n isCityOpened.value = false;\n cityQueryInputInQueryMode.value = false;\n\n if (!warehouseQueryInputInQueryMode.value) {\n warehouseQueryInputInQueryMode.value = true;\n\n nextTick(() => {\n warehouseQueryInput.value.value = ' ';\n warehouseQueryInput.value.focus();\n });\n }\n };\n\n const focusCity = () => {\n isWarehouseOpened.value = false;\n warehouseQueryInputInQueryMode.value = false;\n\n if (!cityQueryInputInQueryMode.value) {\n cityQueryInputInQueryMode.value = true;\n\n nextTick(() => {\n cityQueryInput.value.value = ' ';\n cityQueryInput.value.focus();\n });\n }\n };\n\n return {\n isCityOpened,\n isWarehouseOpened,\n openCity,\n openWarehouse,\n cities,\n citiesPopular,\n warehouses,\n chooseCity,\n chooseWarehouse,\n queryCity,\n queryWarehouse,\n city,\n warehouse,\n loadingCity,\n loadingWarehouse,\n focusWarehouse,\n focusCity,\n city,\n warehouse,\n cityQueryInput,\n warehouseQueryInput,\n cityQueryInputInQueryMode,\n warehouseQueryInputInQueryMode\n };\n }\n});\n</script>\n","<template>\n <div class=\"component novaposhta-wrapper\">\n <div class=\"dropdown\" v-bind:class=\"{ 'is-active': isCityOpened, 'is-top': cityQueryInputInQueryMode }\" @mouseleave=\"close\">\n <div class=\"dropdown-trigger\" @click=\"openCity\">\n <div class=\"user-form\">\n <div class=\"control\" v-bind:class=\"{ 'is-loading': loadingCity }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryCity\" @focus=\"focusCity\" placeholder=\"Введите название города\" autocomplete=\"chrome-off\" v-show=\"cityQueryInputInQueryMode\" ref=\"cityQueryInput\" />\n <!-- <label class=\"label\" v-show=\"cityQueryInputInQueryMode\">Город</label> -->\n <input type=\"text\" class=\"input\" :value=\"city ? city.name : ''\" @focus=\"focusCity\" placeholder=\" \" v-show=\"!cityQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!cityQueryInputInQueryMode\">Город</label>\n <svg><use xlink:href=\"#arrow-down\"></use></svg>\n </div>\n </div>\n </div>\n <div class=\"dropdown-menu\">\n <div class=\"dropdown-content\">\n <a class=\"dropdown-item\" v-for=\"item in queryCity ? cities : citiesPopular\" v-bind:key=\"item.id\" @click=\"chooseCity($event, item)\">{{ item.name }}</a>\n <div class=\"dropdown-item\" v-if=\"queryCity && !cities.length && !loadingCity\">{{ __('shop.checkout.shipment.warehouse.not_found') }}</div>\n </div>\n </div>\n </div>\n <div class=\"dropdown\" v-bind:class=\"{ 'is-active': isWarehouseOpened, 'is-top': warehouseQueryInputInQueryMode }\" v-if=\"city\" @mouseleave=\"close\">\n <div class=\"dropdown-trigger\" @click=\"openWarehouse\">\n <div class=\"user-form\">\n <div class=\"control\" v-bind:class=\"{ 'is-loading': loadingWarehouse }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryWarehouse\" @focus=\"focusWarehouse\" placeholder=\"Введите номер отделения или адрес\" autocomplete=\"chrome-off\" v-show=\"warehouseQueryInputInQueryMode\" ref=\"warehouseQueryInput\" />\n <!-- <label class=\"label\" v-show=\"warehouseQueryInputInQueryMode\">Отделение</label> -->\n <input type=\"text\" class=\"input\" :value=\"warehouse ? warehouse.name : ''\" @focus=\"focusWarehouse\" placeholder=\" \" v-show=\"!warehouseQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!warehouseQueryInputInQueryMode\">Отделение</label>\n <svg><use xlink:href=\"#arrow-down\"></use></svg>\n </div>\n </div>\n </div>\n <div class=\"dropdown-menu\">\n <div class=\"dropdown-content\">\n <a class=\"dropdown-item\" v-for=\"item in warehouses\" v-bind:key=\"item.id\" @click=\"chooseWarehouse($event, item)\">{{ item.name }}</a>\n <div class=\"dropdown-item\" v-if=\"queryWarehouse && !warehouses.length && !loadingWarehouse\">{{ __('shop.checkout.shipment.warehouse.not_found') }}</div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, watch, onMounted, defineComponent, nextTick } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const city = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].city : null;\n },\n set(city) {\n const data = {\n city: city\n };\n\n props.commit(props.item.code, data, isValid(data));\n }\n });\n\n const warehouse = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].warehouse : null;\n },\n set(warehouse) {\n const data = {\n city: city.value,\n warehouse: warehouse\n };\n\n props.commit(props.item.code, data, isValid(data));\n }\n });\n\n const isValid = (data) => {\n return !!(data.city && data.warehouse);\n };\n\n const isCityOpened = ref(false);\n const isWarehouseOpened = ref(false);\n const queryCity = ref('');\n const queryWarehouse = ref('');\n const cities = ref([]);\n const citiesPopular = ref([]);\n const warehouses = ref([]);\n const cityQueryInput = ref(null);\n const warehouseQueryInput = ref(null);\n const loadingCity = ref(false);\n const loadingWarehouse = ref(false);\n const cityQueryInputInQueryMode = ref(false);\n const warehouseQueryInputInQueryMode = ref(false);\n\n let typeTimeout;\n\n onMounted(() => {\n if (props.item.data && props.item.data.length) {\n citiesPopular.value = props.item.data;\n }\n });\n\n const openCity = () => {\n isCityOpened.value = true;\n };\n\n const openWarehouse = () => {\n isWarehouseOpened.value = true;\n };\n\n const close = () => {\n isCityOpened.value = false;\n isWarehouseOpened.value = false;\n\n cityQueryInputInQueryMode.value = false;\n warehouseQueryInputInQueryMode.value = false;\n };\n\n const chooseCity = (e, item) => {\n e.stopPropagation();\n\n city.value = item;\n //warehouse.value = null;\n warehouses.value = [];\n queryWarehouse.value = '';\n\n cityQueryInputInQueryMode.value = false;\n\n $http\n .post($ziggy('api.delivery-nova-poshta'), {\n city: item.id,\n action: 'warehouses'\n })\n .then((response) => {\n warehouses.value = response.data.warehouses;\n })\n .finally(() => {\n loadingWarehouse.value = false;\n });\n\n close();\n };\n\n const chooseWarehouse = (e, item) => {\n e.stopPropagation();\n\n warehouse.value = item;\n warehouseQueryInputInQueryMode.value = false;\n warehouse.value = item;\n\n close();\n };\n\n window.addEventListener('keyup', (e) => {\n if ((isCityOpened.value \|\| isWarehouseOpened.value) && e.key === 'Escape') {\n close();\n }\n });\n\n window.addEventListener('click', (e) => {\n if (!e.target.closest('.novaposhta-wrapper')) {\n close();\n }\n });\n\n watch(queryCity, (q) => {\n clearTimeout(typeTimeout);\n city.value = null;\n\n if (q) {\n loadingCity.value = true;\n\n typeTimeout = setTimeout(() => {\n $http\n .post($ziggy('api.delivery-nova-poshta'), {\n q: q,\n action: 'cities'\n })\n .then((response) => {\n cities.value = response.data.cities;\n })\n .finally(() => {\n loadingCity.value = false;\n });\n }, 400);\n }\n });\n\n watch(queryWarehouse, (q) => {\n clearTimeout(typeTimeout);\n\n if (q) {\n loadingWarehouse.value = true;\n\n typeTimeout = setTimeout(() => {\n $http\n .post($ziggy('api.delivery-nova-poshta'), {\n q: q,\n city: city.value.id,\n action: 'warehouses'\n })\n .then((response) => {\n warehouses.value = response.data.warehouses;\n })\n .finally(() => {\n loadingWarehouse.value = false;\n });\n }, 400);\n } else {\n warehouse.value = null;\n warehouses.value = [];\n }\n });\n\n const focusWarehouse = () => {\n isCityOpened.value = false;\n cityQueryInputInQueryMode.value = false;\n\n if (!warehouseQueryInputInQueryMode.value) {\n warehouseQueryInputInQueryMode.value = true;\n\n nextTick(() => {\n warehouseQueryInput.value.value = ' ';\n warehouseQueryInput.value.focus();\n });\n }\n };\n\n const focusCity = () => {\n isWarehouseOpened.value = false;\n warehouseQueryInputInQueryMode.value = false;\n\n if (!cityQueryInputInQueryMode.value) {\n cityQueryInputInQueryMode.value = true;\n\n nextTick(() => {\n cityQueryInput.value.value = ' ';\n cityQueryInput.value.focus();\n });\n }\n };\n\n return {\n isCityOpened,\n isWarehouseOpened,\n openCity,\n openWarehouse,\n cities,\n citiesPopular,\n warehouses,\n chooseCity,\n chooseWarehouse,\n queryCity,\n queryWarehouse,\n city,\n warehouse,\n loadingCity,\n loadingWarehouse,\n focusWarehouse,\n focusCity,\n city,\n warehouse,\n cityQueryInput,\n warehouseQueryInput,\n cityQueryInputInQueryMode,\n warehouseQueryInputInQueryMode\n };\n }\n});\n</script>\n"],"names":["defineComponent","props","data","Object","item","commit","Function","setup","typeTimeout","city","computed","get","code","set","isValid","warehouse","value","isCityOpened","ref","isWarehouseOpened","queryCity","queryWarehouse","cities","citiesPopular","warehouses","cityQueryInput","warehouseQueryInput","loadingCity","loadingWarehouse","cityQueryInputInQueryMode","warehouseQueryInputInQueryMode","onMounted","length","close","window","addEventListener","e","key","target","closest","watch","q","clearTimeout","setTimeout","$http","post","$ziggy","action","then","response","finally","id","openCity","openWarehouse","chooseCity","stopPropagation","chooseWarehouse","focusWarehouse","nextTick","focus","focusCity","class","_createElementVNode","_createElementBlock","_hoisted_1","_ctx","onMouseleave","onClick","_hoisted_2","type","onFocus","placeholder","autocomplete","_createCommentVNode","name","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","$event","_hoisted_9","_hoisted_10","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_17"],"mappings":"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"}
1	+ {"version":3,"file":"CheckoutShippingNovaposhtaWarehouse.js","sources":["../../../../../../src/js/components/shop/order/shipping/CheckoutShippingNovaposhtaWarehouse.vue","../../../../../../src/js/components/shop/order/shipping/CheckoutShippingNovaposhtaWarehouse.vue?vue&type=template&id=65fb4816&lang.js"],"sourcesContent":["<template>\n <div class=\"component novaposhta-wrapper\">\n <div class=\"dropdown\" v-bind:class=\"{ 'is-active': isCityOpened, 'is-top': cityQueryInputInQueryMode }\" @mouseleave=\"close\">\n <div class=\"dropdown-trigger\" @click=\"openCity\">\n <div class=\"user-form\">\n <div class=\"control\" v-bind:class=\"{ 'is-loading': loadingCity }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryCity\" @focus=\"focusCity\" placeholder=\"Введите название города\" autocomplete=\"chrome-off\" v-show=\"cityQueryInputInQueryMode\" ref=\"cityQueryInput\" />\n <!-- <label class=\"label\" v-show=\"cityQueryInputInQueryMode\">Город</label> -->\n <input type=\"text\" class=\"input\" :value=\"city ? city.name : ''\" @focus=\"focusCity\" placeholder=\" \" v-show=\"!cityQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!cityQueryInputInQueryMode\">Город</label>\n <svg><use xlink:href=\"#arrow-down\"></use></svg>\n </div>\n </div>\n </div>\n <div class=\"dropdown-menu\">\n <div class=\"dropdown-content\">\n <a class=\"dropdown-item\" v-for=\"item in queryCity ? cities : citiesPopular\" v-bind:key=\"item.id\" @click=\"chooseCity($event, item)\">{{ item.name }}</a>\n <div class=\"dropdown-item\" v-if=\"queryCity && !cities.length && !loadingCity\">{{ __('shop.checkout.shipment.warehouse.not_found') }}</div>\n </div>\n </div>\n </div>\n <div class=\"dropdown\" v-bind:class=\"{ 'is-active': isWarehouseOpened, 'is-top': warehouseQueryInputInQueryMode }\" v-if=\"city\" @mouseleave=\"close\">\n <div class=\"dropdown-trigger\" @click=\"openWarehouse\">\n <div class=\"user-form\">\n <div class=\"control\" v-bind:class=\"{ 'is-loading': loadingWarehouse }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryWarehouse\" @focus=\"focusWarehouse\" placeholder=\"Введите номер отделения или адрес\" autocomplete=\"chrome-off\" v-show=\"warehouseQueryInputInQueryMode\" ref=\"warehouseQueryInput\" />\n <!-- <label class=\"label\" v-show=\"warehouseQueryInputInQueryMode\">Отделение</label> -->\n <input type=\"text\" class=\"input\" :value=\"warehouse ? warehouse.name : ''\" @focus=\"focusWarehouse\" placeholder=\" \" v-show=\"!warehouseQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!warehouseQueryInputInQueryMode\">Отделение</label>\n <svg><use xlink:href=\"#arrow-down\"></use></svg>\n </div>\n </div>\n </div>\n <div class=\"dropdown-menu\">\n <div class=\"dropdown-content\">\n <a class=\"dropdown-item\" v-for=\"item in warehouses\" v-bind:key=\"item.id\" @click=\"chooseWarehouse($event, item)\">{{ item.name }}</a>\n <div class=\"dropdown-item\" v-if=\"queryWarehouse && !warehouses.length && !loadingWarehouse\">{{ __('shop.checkout.shipment.warehouse.not_found') }}</div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, watch, onMounted, defineComponent, nextTick } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const city = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].city : null;\n },\n set(city) {\n const data = {\n city: city\n };\n\n props.commit(props.item.code, data, isValid(data));\n }\n });\n\n const warehouse = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].warehouse : null;\n },\n set(warehouse) {\n const data = {\n city: city.value,\n warehouse: warehouse\n };\n\n props.commit(props.item.code, data, isValid(data));\n }\n });\n\n const isValid = (data) => {\n return !!(data.city && data.warehouse);\n };\n\n const isCityOpened = ref(false);\n const isWarehouseOpened = ref(false);\n const queryCity = ref('');\n const queryWarehouse = ref('');\n const cities = ref([]);\n const citiesPopular = ref([]);\n const warehouses = ref([]);\n const cityQueryInput = ref(null);\n const warehouseQueryInput = ref(null);\n const loadingCity = ref(false);\n const loadingWarehouse = ref(false);\n const cityQueryInputInQueryMode = ref(false);\n const warehouseQueryInputInQueryMode = ref(false);\n\n let typeTimeout;\n\n onMounted(() => {\n if (props.item.data && props.item.data.length) {\n citiesPopular.value = props.item.data;\n }\n });\n\n const openCity = () => {\n isCityOpened.value = true;\n };\n\n const openWarehouse = () => {\n isWarehouseOpened.value = true;\n };\n\n const close = () => {\n isCityOpened.value = false;\n isWarehouseOpened.value = false;\n\n cityQueryInputInQueryMode.value = false;\n warehouseQueryInputInQueryMode.value = false;\n };\n\n const chooseCity = (e, item) => {\n e.stopPropagation();\n\n city.value = item;\n //warehouse.value = null;\n warehouses.value = [];\n queryWarehouse.value = '';\n\n cityQueryInputInQueryMode.value = false;\n\n $http\n .post($ziggy('api.delivery-nova-poshta'), {\n city: item.id,\n action: 'warehouses'\n })\n .then((response) => {\n warehouses.value = response.data.warehouses;\n })\n .finally(() => {\n loadingWarehouse.value = false;\n });\n\n close();\n };\n\n const chooseWarehouse = (e, item) => {\n e.stopPropagation();\n\n warehouse.value = item;\n warehouseQueryInputInQueryMode.value = false;\n warehouse.value = item;\n\n close();\n };\n\n window.addEventListener('keyup', (e) => {\n if ((isCityOpened.value \|\| isWarehouseOpened.value) && e.key === 'Escape') {\n close();\n }\n });\n\n window.addEventListener('click', (e) => {\n if (!e.target.closest('.novaposhta-wrapper')) {\n close();\n }\n });\n\n watch(queryCity, (q) => {\n clearTimeout(typeTimeout);\n city.value = null;\n\n if (q) {\n loadingCity.value = true;\n\n typeTimeout = setTimeout(() => {\n $http\n .post($ziggy('api.delivery-nova-poshta'), {\n q: q,\n action: 'cities'\n })\n .then((response) => {\n cities.value = response.data.cities;\n })\n .finally(() => {\n loadingCity.value = false;\n });\n }, 400);\n }\n });\n\n watch(queryWarehouse, (q) => {\n clearTimeout(typeTimeout);\n\n if (q) {\n loadingWarehouse.value = true;\n\n typeTimeout = setTimeout(() => {\n $http\n .post($ziggy('api.delivery-nova-poshta'), {\n q: q,\n city: city.value.id,\n action: 'warehouses'\n })\n .then((response) => {\n warehouses.value = response.data.warehouses;\n })\n .finally(() => {\n loadingWarehouse.value = false;\n });\n }, 400);\n } else {\n warehouse.value = null;\n warehouses.value = [];\n }\n });\n\n const focusWarehouse = () => {\n isCityOpened.value = false;\n cityQueryInputInQueryMode.value = false;\n\n if (!warehouseQueryInputInQueryMode.value) {\n warehouseQueryInputInQueryMode.value = true;\n\n nextTick(() => {\n warehouseQueryInput.value.value = ' ';\n warehouseQueryInput.value.focus();\n });\n }\n };\n\n const focusCity = () => {\n isWarehouseOpened.value = false;\n warehouseQueryInputInQueryMode.value = false;\n\n if (!cityQueryInputInQueryMode.value) {\n cityQueryInputInQueryMode.value = true;\n\n nextTick(() => {\n cityQueryInput.value.value = ' ';\n cityQueryInput.value.focus();\n });\n }\n };\n\n return {\n isCityOpened,\n isWarehouseOpened,\n openCity,\n openWarehouse,\n cities,\n citiesPopular,\n warehouses,\n chooseCity,\n chooseWarehouse,\n queryCity,\n queryWarehouse,\n city,\n warehouse,\n loadingCity,\n loadingWarehouse,\n focusWarehouse,\n focusCity,\n city,\n warehouse,\n cityQueryInput,\n warehouseQueryInput,\n cityQueryInputInQueryMode,\n warehouseQueryInputInQueryMode\n };\n }\n});\n</script>\n","<template>\n <div class=\"component novaposhta-wrapper\">\n <div class=\"dropdown\" v-bind:class=\"{ 'is-active': isCityOpened, 'is-top': cityQueryInputInQueryMode }\" @mouseleave=\"close\">\n <div class=\"dropdown-trigger\" @click=\"openCity\">\n <div class=\"user-form\">\n <div class=\"control\" v-bind:class=\"{ 'is-loading': loadingCity }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryCity\" @focus=\"focusCity\" placeholder=\"Введите название города\" autocomplete=\"chrome-off\" v-show=\"cityQueryInputInQueryMode\" ref=\"cityQueryInput\" />\n <!-- <label class=\"label\" v-show=\"cityQueryInputInQueryMode\">Город</label> -->\n <input type=\"text\" class=\"input\" :value=\"city ? city.name : ''\" @focus=\"focusCity\" placeholder=\" \" v-show=\"!cityQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!cityQueryInputInQueryMode\">Город</label>\n <svg><use xlink:href=\"#arrow-down\"></use></svg>\n </div>\n </div>\n </div>\n <div class=\"dropdown-menu\">\n <div class=\"dropdown-content\">\n <a class=\"dropdown-item\" v-for=\"item in queryCity ? cities : citiesPopular\" v-bind:key=\"item.id\" @click=\"chooseCity($event, item)\">{{ item.name }}</a>\n <div class=\"dropdown-item\" v-if=\"queryCity && !cities.length && !loadingCity\">{{ __('shop.checkout.shipment.warehouse.not_found') }}</div>\n </div>\n </div>\n </div>\n <div class=\"dropdown\" v-bind:class=\"{ 'is-active': isWarehouseOpened, 'is-top': warehouseQueryInputInQueryMode }\" v-if=\"city\" @mouseleave=\"close\">\n <div class=\"dropdown-trigger\" @click=\"openWarehouse\">\n <div class=\"user-form\">\n <div class=\"control\" v-bind:class=\"{ 'is-loading': loadingWarehouse }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryWarehouse\" @focus=\"focusWarehouse\" placeholder=\"Введите номер отделения или адрес\" autocomplete=\"chrome-off\" v-show=\"warehouseQueryInputInQueryMode\" ref=\"warehouseQueryInput\" />\n <!-- <label class=\"label\" v-show=\"warehouseQueryInputInQueryMode\">Отделение</label> -->\n <input type=\"text\" class=\"input\" :value=\"warehouse ? warehouse.name : ''\" @focus=\"focusWarehouse\" placeholder=\" \" v-show=\"!warehouseQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!warehouseQueryInputInQueryMode\">Отделение</label>\n <svg><use xlink:href=\"#arrow-down\"></use></svg>\n </div>\n </div>\n </div>\n <div class=\"dropdown-menu\">\n <div class=\"dropdown-content\">\n <a class=\"dropdown-item\" v-for=\"item in warehouses\" v-bind:key=\"item.id\" @click=\"chooseWarehouse($event, item)\">{{ item.name }}</a>\n <div class=\"dropdown-item\" v-if=\"queryWarehouse && !warehouses.length && !loadingWarehouse\">{{ __('shop.checkout.shipment.warehouse.not_found') }}</div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, watch, onMounted, defineComponent, nextTick } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const city = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].city : null;\n },\n set(city) {\n const data = {\n city: city\n };\n\n props.commit(props.item.code, data, isValid(data));\n }\n });\n\n const warehouse = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].warehouse : null;\n },\n set(warehouse) {\n const data = {\n city: city.value,\n warehouse: warehouse\n };\n\n props.commit(props.item.code, data, isValid(data));\n }\n });\n\n const isValid = (data) => {\n return !!(data.city && data.warehouse);\n };\n\n const isCityOpened = ref(false);\n const isWarehouseOpened = ref(false);\n const queryCity = ref('');\n const queryWarehouse = ref('');\n const cities = ref([]);\n const citiesPopular = ref([]);\n const warehouses = ref([]);\n const cityQueryInput = ref(null);\n const warehouseQueryInput = ref(null);\n const loadingCity = ref(false);\n const loadingWarehouse = ref(false);\n const cityQueryInputInQueryMode = ref(false);\n const warehouseQueryInputInQueryMode = ref(false);\n\n let typeTimeout;\n\n onMounted(() => {\n if (props.item.data && props.item.data.length) {\n citiesPopular.value = props.item.data;\n }\n });\n\n const openCity = () => {\n isCityOpened.value = true;\n };\n\n const openWarehouse = () => {\n isWarehouseOpened.value = true;\n };\n\n const close = () => {\n isCityOpened.value = false;\n isWarehouseOpened.value = false;\n\n cityQueryInputInQueryMode.value = false;\n warehouseQueryInputInQueryMode.value = false;\n };\n\n const chooseCity = (e, item) => {\n e.stopPropagation();\n\n city.value = item;\n //warehouse.value = null;\n warehouses.value = [];\n queryWarehouse.value = '';\n\n cityQueryInputInQueryMode.value = false;\n\n $http\n .post($ziggy('api.delivery-nova-poshta'), {\n city: item.id,\n action: 'warehouses'\n })\n .then((response) => {\n warehouses.value = response.data.warehouses;\n })\n .finally(() => {\n loadingWarehouse.value = false;\n });\n\n close();\n };\n\n const chooseWarehouse = (e, item) => {\n e.stopPropagation();\n\n warehouse.value = item;\n warehouseQueryInputInQueryMode.value = false;\n warehouse.value = item;\n\n close();\n };\n\n window.addEventListener('keyup', (e) => {\n if ((isCityOpened.value \|\| isWarehouseOpened.value) && e.key === 'Escape') {\n close();\n }\n });\n\n window.addEventListener('click', (e) => {\n if (!e.target.closest('.novaposhta-wrapper')) {\n close();\n }\n });\n\n watch(queryCity, (q) => {\n clearTimeout(typeTimeout);\n city.value = null;\n\n if (q) {\n loadingCity.value = true;\n\n typeTimeout = setTimeout(() => {\n $http\n .post($ziggy('api.delivery-nova-poshta'), {\n q: q,\n action: 'cities'\n })\n .then((response) => {\n cities.value = response.data.cities;\n })\n .finally(() => {\n loadingCity.value = false;\n });\n }, 400);\n }\n });\n\n watch(queryWarehouse, (q) => {\n clearTimeout(typeTimeout);\n\n if (q) {\n loadingWarehouse.value = true;\n\n typeTimeout = setTimeout(() => {\n $http\n .post($ziggy('api.delivery-nova-poshta'), {\n q: q,\n city: city.value.id,\n action: 'warehouses'\n })\n .then((response) => {\n warehouses.value = response.data.warehouses;\n })\n .finally(() => {\n loadingWarehouse.value = false;\n });\n }, 400);\n } else {\n warehouse.value = null;\n warehouses.value = [];\n }\n });\n\n const focusWarehouse = () => {\n isCityOpened.value = false;\n cityQueryInputInQueryMode.value = false;\n\n if (!warehouseQueryInputInQueryMode.value) {\n warehouseQueryInputInQueryMode.value = true;\n\n nextTick(() => {\n warehouseQueryInput.value.value = ' ';\n warehouseQueryInput.value.focus();\n });\n }\n };\n\n const focusCity = () => {\n isWarehouseOpened.value = false;\n warehouseQueryInputInQueryMode.value = false;\n\n if (!cityQueryInputInQueryMode.value) {\n cityQueryInputInQueryMode.value = true;\n\n nextTick(() => {\n cityQueryInput.value.value = ' ';\n cityQueryInput.value.focus();\n });\n }\n };\n\n return {\n isCityOpened,\n isWarehouseOpened,\n openCity,\n openWarehouse,\n cities,\n citiesPopular,\n warehouses,\n chooseCity,\n chooseWarehouse,\n queryCity,\n queryWarehouse,\n city,\n warehouse,\n loadingCity,\n loadingWarehouse,\n focusWarehouse,\n focusCity,\n city,\n warehouse,\n cityQueryInput,\n warehouseQueryInput,\n cityQueryInputInQueryMode,\n warehouseQueryInputInQueryMode\n };\n }\n});\n</script>\n"],"names":["defineComponent","props","data","Object","item","commit","Function","setup","typeTimeout","city","computed","get","code","set","isValid","warehouse","value","isCityOpened","ref","isWarehouseOpened","queryCity","queryWarehouse","cities","citiesPopular","warehouses","cityQueryInput","warehouseQueryInput","loadingCity","loadingWarehouse","cityQueryInputInQueryMode","warehouseQueryInputInQueryMode","onMounted","length","close","window","addEventListener","e","key","target","closest","watch","q","clearTimeout","setTimeout","$http","post","$ziggy","action","then","response","finally","id","openCity","openWarehouse","chooseCity","stopPropagation","chooseWarehouse","focusWarehouse","nextTick","focus","focusCity","class","_createElementVNode","_createElementBlock","_hoisted_1","_ctx","onMouseleave","onClick","_hoisted_2","type","onFocus","placeholder","autocomplete","_createCommentVNode","name","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","$event","_hoisted_9","_hoisted_10","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_17"],"mappings":"0JA6CA,MAAeA,kBAAgB,CAC3BC,MAAO,CACHC,KAAMC,OACNC,KAAMD,OACNE,OAAQC,UAEZC,eAAMN,SA8CEO,EA7CEC,EAAOC,WAAS,CAClBC,sBACWV,EAAMC,KAAKD,EAAMG,KAAKQ,MAAQX,EAAMC,KAAKD,EAAMG,KAAKQ,MAAMH,KAAO,MAE5EI,aAAIJ,OACMP,EAAO,CACTO,KAAMA,GAGVR,EAAMI,OAAOJ,EAAMG,KAAKQ,KAAMV,EAAMY,EAAQZ,OAI9Ca,EAAYL,WAAS,CACvBC,sBACWV,EAAMC,KAAKD,EAAMG,KAAKQ,MAAQX,EAAMC,KAAKD,EAAMG,KAAKQ,MAAMG,UAAY,MAEjFF,aAAIE,OACMb,EAAO,CACTO,KAAMA,EAAKO,MACXD,UAAWA,GAGfd,EAAMI,OAAOJ,EAAMG,KAAKQ,KAAMV,EAAMY,EAAQZ,OAI9CY,EAAU,SAACZ,YACHA,EAAKO,OAAQP,EAAKa,YAG1BE,EAAeC,OAAI,GACnBC,EAAoBD,OAAI,GACxBE,EAAYF,MAAI,IAChBG,EAAiBH,MAAI,IACrBI,EAASJ,MAAI,IACbK,EAAgBL,MAAI,IACpBM,EAAaN,MAAI,IACjBO,EAAiBP,MAAI,MACrBQ,EAAsBR,MAAI,MAC1BS,EAAcT,OAAI,GAClBU,EAAmBV,OAAI,GACvBW,EAA4BX,OAAI,GAChCY,EAAiCZ,OAAI,GAI3Ca,aAAU,WACF9B,EAAMG,KAAKF,MAAQD,EAAMG,KAAKF,KAAK8B,SACnCT,EAAcP,MAAQf,EAAMG,KAAKF,aAYnC+B,EAAQ,WACVhB,EAAaD,OAAQ,EACrBG,EAAkBH,OAAQ,EAE1Ba,EAA0Bb,OAAQ,EAClCc,EAA+Bd,OAAQ,GAsC3CkB,OAAOC,iBAAiB,SAAS,SAACC,IACzBnB,EAAaD,OAASG,EAAkBH,QAAoB,WAAVoB,EAAEC,KACrDJ,OAIRC,OAAOC,iBAAiB,SAAS,SAACC,GACzBA,EAAEE,OAAOC,QAAQ,wBAClBN,OAIRO,QAAMpB,GAAW,SAACqB,GACdC,aAAalC,GACbC,EAAKO,MAAQ,KAETyB,IACAd,EAAYX,OAAQ,EAEpBR,EAAcmC,YAAW,WACrBC,MACKC,KAAKC,OAAO,4BAA6B,CACtCL,EAAGA,EACHM,OAAQ,WAEXC,MAAK,SAACC,GACH3B,EAAON,MAAQiC,EAAS/C,KAAKoB,UAEhC4B,SAAQ,WACLvB,EAAYX,OAAQ,OAE7B,SAIXwB,QAAMnB,GAAgB,SAACoB,GACnBC,aAAalC,GAETiC,GACAb,EAAiBZ,OAAQ,EAEzBR,EAAcmC,YAAW,WACrBC,MACKC,KAAKC,OAAO,4BAA6B,CACtCL,EAAGA,EACHhC,KAAMA,EAAKO,MAAMmC,GACjBJ,OAAQ,eAEXC,MAAK,SAACC,GACHzB,EAAWR,MAAQiC,EAAS/C,KAAKsB,cAEpC0B,SAAQ,WACLtB,EAAiBZ,OAAQ,OAElC,OAEHD,EAAUC,MAAQ,KAClBQ,EAAWR,MAAQ,mBAiCvBC,aAAAA,EACAE,kBAAAA,EACAiC,SA/Ia,WACbnC,EAAaD,OAAQ,GA+IrBqC,cA5IkB,WAClBlC,EAAkBH,OAAQ,GA4I1BM,OAAAA,EACAC,cAAAA,EACAC,WAAAA,EACA8B,WApIe,SAAClB,EAAGhC,GACnBgC,EAAEmB,kBAEF9C,EAAKO,MAAQZ,EAEboB,EAAWR,MAAQ,GACnBK,EAAeL,MAAQ,GAEvBa,EAA0Bb,OAAQ,EAElC4B,MACKC,KAAKC,OAAO,4BAA6B,CACtCrC,KAAML,EAAK+C,GACXJ,OAAQ,eAEXC,MAAK,SAACC,GACHzB,EAAWR,MAAQiC,EAAS/C,KAAKsB,cAEpC0B,SAAQ,WACLtB,EAAiBZ,OAAQ,KAGjCiB,KA+GAuB,gBA5GoB,SAACpB,EAAGhC,GACxBgC,EAAEmB,kBAEFxC,EAAUC,MAAQZ,EAClB0B,EAA+Bd,OAAQ,EACvCD,EAAUC,MAAQZ,EAElB6B,KAsGAb,UAAAA,EACAC,eAAAA,EACAZ,KAAAA,EACAM,UAAAA,EACAY,YAAAA,EACAC,iBAAAA,EACA6B,eA5CmB,WACnBxC,EAAaD,OAAQ,EACrBa,EAA0Bb,OAAQ,EAE7Bc,EAA+Bd,QAChCc,EAA+Bd,OAAQ,EAEvC0C,YAAS,WACLhC,EAAoBV,MAAMA,MAAQ,IAClCU,EAAoBV,MAAM2C,aAoClCC,UA/Bc,WACdzC,EAAkBH,OAAQ,EAC1Bc,EAA+Bd,OAAQ,EAElCa,EAA0Bb,QAC3Ba,EAA0Bb,OAAQ,EAElC0C,YAAS,WACLjC,EAAeT,MAAMA,MAAQ,IAC7BS,EAAeT,MAAM2C,qBAuB7BlD,mBACAM,wBACAU,6BACAC,mCACAG,wCACAC,WC3QH+B,MAAM,mCAGMA,MAAM,4BAKIA,MAAM,WACbC,iCAAKA,qBAAoC,oBAApB,wBAI5BD,MAAM,oBACFA,MAAM,2CAEFA,MAAM,oBAMVA,MAAM,4BAKIA,MAAM,WACbC,iCAAKA,qBAAoC,oBAApB,wBAI5BD,MAAM,oBACFA,MAAM,2CAEFA,MAAM,qEAnC3BE,2BAAAC,GACIF,4BAAKD,wBAAM,wBAAwCI,wBAAwBA,+BAA8BC,2CAAYD,wCACjHH,4BAAKD,MAAM,mBAAoBM,sCAAOF,8CAClCH,2BAAAM,GACIN,4BAAKD,wBAAM,wBAAwCI,oCAC/CH,8BAAOO,KAAK,OAAOR,MAAM,wEAA4BI,gBAAYK,sCAAOL,8CAAWM,YAAY,0BAA0BC,aAAa,aAAgDtD,IAAI,2CAArI+C,sBAAsGA,+BAC3JQ,iHACAX,8BAAOO,KAAK,OAAOR,MAAM,QAAS7C,MAAOiD,OAAOA,OAAKS,QAAYJ,sCAAOL,8CAAWM,YAAY,2BAAaN,gDAC5GH,6BAAAa,EAAyD,wBAA3BV,+BAC9BW,UAIZd,2BAAAe,GACIf,2BAAAgB,oBACIf,kDAAwCE,YAAYA,SAASA,0BAA7B7D,wBAAhC2D,0BAAGF,MAAM,gBAA0ExB,IAAKjC,EAAK+C,GAAKgB,2BAAOF,aAAWc,EAAQ3E,uBAAUA,EAAKsE,qBAC1GT,aAAcA,SAAOjC,QAAWiC,6DAAjEF,2BAAAiB,oBAAiFf,iEAI2BA,sBAAxHF,kCAAKF,wBAAM,wBAAwCI,6BAA6BA,oCAA+CC,2CAAYD,wCACvIH,4BAAKD,MAAM,mBAAoBM,sCAAOF,wDAClCH,2BAAAmB,GACInB,4BAAKD,wBAAM,wBAAwCI,yCAC/CH,8BAAOO,KAAK,OAAOR,MAAM,wEAA4BI,qBAAiBK,sCAAOL,wDAAgBM,YAAY,oCAAoCC,aAAa,aAAqDtD,IAAI,gDAA9J+C,2BAA0HA,oCAC/KQ,0HACAX,8BAAOO,KAAK,OAAOR,MAAM,QAAS7C,MAAOiD,YAAYA,YAAUS,QAAYJ,sCAAOL,wDAAgBM,YAAY,2BAAaN,qDAC3HH,6BAAAoB,EAA8D,4BAAhCjB,oCAC9BkB,UAIZrB,2BAAAsB,GACItB,2BAAAuB,oBACItB,kDAAwCE,uBAAR7D,wBAAhC2D,0BAAGF,MAAM,gBAAkDxB,IAAKjC,EAAK+C,GAAKgB,2BAAOF,kBAAgBc,EAAQ3E,uBAAUA,EAAKsE,qBACvFT,kBAAmBA,aAAWjC,QAAWiC,kEAA1EF,2BAAAuB,oBAA+FrB"}

package/dist/js/components/shop/order/shipping/CheckoutShippingPickup.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("vue"),t=e.defineComponent({props:{data:Object,item:Object,commit:Function},setup(t){var o=e.computed(()=>t.item.data.find(e=>e.id==n.value)),l=e=>!t.item.data.length||!!e;e.onMounted(()=>{o.value||t.commit(t.item.code,{},l())});var n=e.computed({get:()=>t.data[t.item.code]?t.data[t.item.code].id:null,set(e){t.commit(t.item.code,{id:e},l(e))}}),c=e.ref(!1),a=()=>{c.value=!1};return window.addEventListener("keyup",e=>{c.value&&"Escape"===e.key&&a()}),window.addEventListener("click",e=>{e.target.closest(".pickup-wrapper")||a()}),{selected:o,isOpened:c,open:()=>{c.value=!0},choose:(e,t)=>{e.stopPropagation(),setTimeout(()=>{n.value=t.id},200),a()},close:a,pickup:n}}}),o={key:0,class:"component pickup-wrapper"},l=["textContent"],n=e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#arrow-down"})],-1),c={class:"dropdown-menu"},a={class:"dropdown-content"},d=["onClick"],s={key:0,class:"data"},r={class:"columns is-gapless"},i={class:"column"},m={class:"data-wrapper"},p={key:0,class:"hours"},u=e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#hours"})],-1),v=["innerHTML"],k={key:1,class:"map"},E=["href"],N={key:2,class:"info"},V={key:0,class:"column is-4"},g={class:"image"},f=["src"];t.render=function(t,B,C,h,w,y){return t.item.data.length?(e.openBlock(),e.createElementBlock("div",o,[e.createElementVNode("div",{class:e.normalizeClass(["dropdown",{"is-active":t.isOpened}]),onMouseleave:B[1]||(B[1]=function(){return t.close&&t.close(...arguments)})},[e.createElementVNode("div",{class:"input dropdown-trigger",onClick:B[0]||(B[0]=function(){return t.open&&t.open(...arguments)})},[e.createElementVNode("span",{class:e.normalizeClass({"is-placeholder":!t.selected}),textContent:e.toDisplayString(t.selected?t.selected.name:"Выберите пункт самовывоза")},null,10,l),n]),e.createElementVNode("div",c,[e.createElementVNode("div",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.item.data,o=>(e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass(["dropdown-item",{"is-active":t.selected&&o.id==t.selected.id}]),key:o.id,onClick:e=>t.choose(e,o)},e.toDisplayString(o.name),11,d))),128))])])],34),t.selected&&(t.selected.hours||t.selected.map_url||t.selected.description||t.selected.image)?(e.openBlock(),e.createElementBlock("div",s,[e.createElementVNode("div",r,[e.createElementVNode("div",i,[e.createElementVNode("div",m,[t.selected.hours?(e.openBlock(),e.createElementBlock("div",p,[u,e.createElementVNode("span",{innerHTML:t.selected.hours},null,8,v)])):e.createCommentVNode("v-if",!0),t.selected.map_url?(e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("a",{href:t.selected.map_url,target:"_blank",rel:"noopener"},"Открыть на карте",8,E)])):e.createCommentVNode("v-if",!0),t.selected.description?(e.openBlock(),e.createElementBlock("div",N,e.toDisplayString(t.selected.description),1)):e.createCommentVNode("v-if",!0)])]),t.selected.image?(e.openBlock(),e.createElementBlock("div",V,[e.createElementVNode("div",g,[e.createElementVNode("img",{src:t.selected.image},null,8,f)])])):e.createCommentVNode("v-if",!0)])])):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0)},module.exports=t;
+"use strict";var e=require("vue"),t=e.defineComponent({props:{data:Object,item:Object,commit:Function},setup:function(t){var n=e.computed((function(){return t.item.data.find((function(e){return e.id==c.value}))})),o=function(e){return!t.item.data.length||!!e};e.onMounted((function(){n.value||t.commit(t.item.code,{},o())}));var c=e.computed({get:function(){return t.data[t.item.code]?t.data[t.item.code].id:null},set:function(e){t.commit(t.item.code,{id:e},o(e))}}),l=e.ref(!1),a=function(){l.value=!1};return window.addEventListener("keyup",(function(e){l.value&&"Escape"===e.key&&a()})),window.addEventListener("click",(function(e){e.target.closest(".pickup-wrapper")||a()})),{selected:n,isOpened:l,open:function(){l.value=!0},choose:function(e,t){e.stopPropagation(),setTimeout((function(){c.value=t.id}),200),a()},close:a,pickup:c}}}),n={key:0,class:"component pickup-wrapper"},o=["textContent"],c=e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#arrow-down"})],-1),l={class:"dropdown-menu"},a={class:"dropdown-content"},i=["onClick"],r={key:0,class:"data"},d={class:"columns is-gapless"},s={class:"column"},m={class:"data-wrapper"},u={key:0,class:"hours"},p=e.createElementVNode("svg",null,[e.createElementVNode("use",{"xlink:href":"#hours"})],-1),v=["innerHTML"],k={key:1,class:"map"},f=["href"],E={key:2,class:"info"},N={key:0,class:"column is-4"},V={class:"image"},g=["src"];t.render=function(t,B,C,h,w,y){return t.item.data.length?(e.openBlock(),e.createElementBlock("div",n,[e.createElementVNode("div",{class:e.normalizeClass(["dropdown",{"is-active":t.isOpened}]),onMouseleave:B[1]||(B[1]=function(){return t.close&&t.close.apply(t,arguments)})},[e.createElementVNode("div",{class:"input dropdown-trigger",onClick:B[0]||(B[0]=function(){return t.open&&t.open.apply(t,arguments)})},[e.createElementVNode("span",{class:e.normalizeClass({"is-placeholder":!t.selected}),textContent:e.toDisplayString(t.selected?t.selected.name:"Выберите пункт самовывоза")},null,10,o),c]),e.createElementVNode("div",l,[e.createElementVNode("div",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.item.data,(function(n){return e.openBlock(),e.createElementBlock("a",{class:e.normalizeClass(["dropdown-item",{"is-active":t.selected&&n.id==t.selected.id}]),key:n.id,onClick:function(e){return t.choose(e,n)}},e.toDisplayString(n.name),11,i)})),128))])])],34),t.selected&&(t.selected.hours||t.selected.map_url||t.selected.description||t.selected.image)?(e.openBlock(),e.createElementBlock("div",r,[e.createElementVNode("div",d,[e.createElementVNode("div",s,[e.createElementVNode("div",m,[t.selected.hours?(e.openBlock(),e.createElementBlock("div",u,[p,e.createElementVNode("span",{innerHTML:t.selected.hours},null,8,v)])):e.createCommentVNode("v-if",!0),t.selected.map_url?(e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("a",{href:t.selected.map_url,target:"_blank",rel:"noopener"},"Открыть на карте",8,f)])):e.createCommentVNode("v-if",!0),t.selected.description?(e.openBlock(),e.createElementBlock("div",E,e.toDisplayString(t.selected.description),1)):e.createCommentVNode("v-if",!0)])]),t.selected.image?(e.openBlock(),e.createElementBlock("div",N,[e.createElementVNode("div",V,[e.createElementVNode("img",{src:t.selected.image},null,8,g)])])):e.createCommentVNode("v-if",!0)])])):e.createCommentVNode("v-if",!0)])):e.createCommentVNode("v-if",!0)},module.exports=t;
 //# sourceMappingURL=CheckoutShippingPickup.js.map

package/dist/js/components/shop/order/shipping/CheckoutShippingPickup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckoutShippingPickup.js","sources":["../../../../../../src/js/components/shop/order/shipping/CheckoutShippingPickup.vue","../../../../../../src/js/components/shop/order/shipping/CheckoutShippingPickup.vue?vue&type=template&id=3963856c&lang.js"],"sourcesContent":["<template>\n <div class=\"component pickup-wrapper\" v-if=\"item.data.length\">\n <div class=\"dropdown\" v-bind:class=\"{ 'is-active': isOpened }\" @mouseleave=\"close\">\n <div class=\"input dropdown-trigger\" @click=\"open\">\n <span v-bind:class=\"{ 'is-placeholder': !selected }\" v-text=\"selected ? selected.name : 'Выберите пункт самовывоза'\"></span>\n <svg><use xlink:href=\"#arrow-down\"></use></svg>\n </div>\n <div class=\"dropdown-menu\">\n <div class=\"dropdown-content\">\n <a class=\"dropdown-item\" v-for=\"option in item.data\" v-bind:key=\"option.id\" @click=\"choose($event, option)\" v-bind:class=\"{ 'is-active': selected && option.id == selected.id }\">{{ option.name }}</a>\n </div>\n </div>\n </div>\n <div class=\"data\" v-if=\"selected && (selected.hours \|\| selected.map_url \|\| selected.description \|\| selected.image)\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"data-wrapper\">\n <div v-if=\"selected.hours\" class=\"hours\">\n <svg><use xlink:href=\"#hours\"></use></svg>\n <span v-html=\"selected.hours\"></span>\n </div>\n <div v-if=\"selected.map_url\" class=\"map\">\n <a :href=\"selected.map_url\" target=\"_blank\" rel=\"noopener\">Открыть на карте</a>\n </div>\n <div v-if=\"selected.description\" class=\"info\">{{ selected.description }}</div>\n </div>\n </div>\n <div class=\"column is-4\" v-if=\"selected.image\">\n <div class=\"image\">\n <img :src=\"selected.image\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, defineComponent, onMounted } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const selected = computed(() => {\n return props.item.data.find((item) => item.id == pickup.value);\n });\n\n const isValid = (id) => {\n if (!props.item.data.length) {\n return true;\n } else {\n return !!id;\n }\n };\n\n onMounted(() => {\n if (!selected.value) {\n props.commit(props.item.code, {}, isValid());\n }\n });\n\n const pickup = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].id : null;\n },\n set(id) {\n props.commit(\n props.item.code,\n {\n id: id\n },\n isValid(id)\n );\n }\n });\n\n const isOpened = ref(false);\n\n const open = () => {\n isOpened.value = true;\n };\n\n const close = () => {\n isOpened.value = false;\n };\n\n const choose = (e, option) => {\n e.stopPropagation();\n\n setTimeout(() => {\n pickup.value = option.id;\n }, 200);\n\n close();\n };\n\n window.addEventListener('keyup', (e) => {\n if (isOpened.value && e.key === 'Escape') {\n close();\n }\n });\n\n window.addEventListener('click', (e) => {\n if (!e.target.closest('.pickup-wrapper')) {\n close();\n }\n });\n\n return {\n selected,\n isOpened,\n open,\n choose,\n close,\n pickup\n };\n }\n});\n</script>\n","<template>\n <div class=\"component pickup-wrapper\" v-if=\"item.data.length\">\n <div class=\"dropdown\" v-bind:class=\"{ 'is-active': isOpened }\" @mouseleave=\"close\">\n <div class=\"input dropdown-trigger\" @click=\"open\">\n <span v-bind:class=\"{ 'is-placeholder': !selected }\" v-text=\"selected ? selected.name : 'Выберите пункт самовывоза'\"></span>\n <svg><use xlink:href=\"#arrow-down\"></use></svg>\n </div>\n <div class=\"dropdown-menu\">\n <div class=\"dropdown-content\">\n <a class=\"dropdown-item\" v-for=\"option in item.data\" v-bind:key=\"option.id\" @click=\"choose($event, option)\" v-bind:class=\"{ 'is-active': selected && option.id == selected.id }\">{{ option.name }}</a>\n </div>\n </div>\n </div>\n <div class=\"data\" v-if=\"selected && (selected.hours \|\| selected.map_url \|\| selected.description \|\| selected.image)\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"data-wrapper\">\n <div v-if=\"selected.hours\" class=\"hours\">\n <svg><use xlink:href=\"#hours\"></use></svg>\n <span v-html=\"selected.hours\"></span>\n </div>\n <div v-if=\"selected.map_url\" class=\"map\">\n <a :href=\"selected.map_url\" target=\"_blank\" rel=\"noopener\">Открыть на карте</a>\n </div>\n <div v-if=\"selected.description\" class=\"info\">{{ selected.description }}</div>\n </div>\n </div>\n <div class=\"column is-4\" v-if=\"selected.image\">\n <div class=\"image\">\n <img :src=\"selected.image\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, defineComponent, onMounted } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const selected = computed(() => {\n return props.item.data.find((item) => item.id == pickup.value);\n });\n\n const isValid = (id) => {\n if (!props.item.data.length) {\n return true;\n } else {\n return !!id;\n }\n };\n\n onMounted(() => {\n if (!selected.value) {\n props.commit(props.item.code, {}, isValid());\n }\n });\n\n const pickup = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].id : null;\n },\n set(id) {\n props.commit(\n props.item.code,\n {\n id: id\n },\n isValid(id)\n );\n }\n });\n\n const isOpened = ref(false);\n\n const open = () => {\n isOpened.value = true;\n };\n\n const close = () => {\n isOpened.value = false;\n };\n\n const choose = (e, option) => {\n e.stopPropagation();\n\n setTimeout(() => {\n pickup.value = option.id;\n }, 200);\n\n close();\n };\n\n window.addEventListener('keyup', (e) => {\n if (isOpened.value && e.key === 'Escape') {\n close();\n }\n });\n\n window.addEventListener('click', (e) => {\n if (!e.target.closest('.pickup-wrapper')) {\n close();\n }\n });\n\n return {\n selected,\n isOpened,\n open,\n choose,\n close,\n pickup\n };\n }\n});\n</script>\n"],"names":["defineComponent","props","data","Object","item","commit","Function","setup","selected","computed","find","id","pickup","value","isValid","length","onMounted","code","get","set","isOpened","ref","close","window","addEventListener","e","key","target","closest","open","choose","option","stopPropagation","setTimeout","class","_createElementVNode","_ctx","_createElementBlock","_hoisted_1","onMouseleave","onClick","_toDisplayString","name","_hoisted_3","_hoisted_4","_hoisted_5","$event","hours","map_url","description","image","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","innerHTML","_hoisted_14","href","rel","_hoisted_16","_hoisted_17","_hoisted_18","src"],"mappings":"oCAuCeA,kBAAgB,CAC3BC,MAAO,CACHC,KAAMC,OACNC,KAAMD,OACNE,OAAQC,UAEZC,MAAMN,OACIO,EAAWC,WAAS,IACfR,EAAMG,KAAKF,KAAKQ,KAAMN,GAASA,EAAKO,IAAMC,EAAOC,QAGtDC,EAAWH,IACRV,EAAMG,KAAKF,KAAKa,UAGRJ,EAIjBK,YAAU,KACDR,EAASK,OACVZ,EAAMI,OAAOJ,EAAMG,KAAKa,KAAM,GAAIH,WAIpCF,EAASH,WAAS,CACpBS,IAAG,IACQjB,EAAMC,KAAKD,EAAMG,KAAKa,MAAQhB,EAAMC,KAAKD,EAAMG,KAAKa,MAAMN,GAAK,KAE1EQ,IAAIR,GACAV,EAAMI,OACFJ,EAAMG,KAAKa,KACX,CACIN,GAAIA,GAERG,EAAQH,OAKdS,EAAWC,OAAI,GAMfC,EAAQ,KACVF,EAASP,OAAQ,UAarBU,OAAOC,iBAAiB,QAAUC,IAC1BL,EAASP,OAAmB,WAAVY,EAAEC,KACpBJ,MAIRC,OAAOC,iBAAiB,QAAUC,IACzBA,EAAEE,OAAOC,QAAQ,oBAClBN,MAID,CACHd,SAAAA,EACAY,SAAAA,EACAS,KAjCS,KACTT,EAASP,OAAQ,GAiCjBiB,OA1BW,CAACL,EAAGM,KACfN,EAAEO,kBAEFC,WAAW,KACPrB,EAAOC,MAAQkB,EAAOpB,IACvB,KAEHW,KAoBAA,MAAAA,EACAV,OAAAA,eCpHHsB,MAAM,gDAICC,iCAAKA,qBAAoC,oBAApB,wBAEpBD,MAAM,oBACFA,MAAM,2CAKdA,MAAM,WACFA,MAAM,yBACFA,MAAM,aACFA,MAAM,yBACoBA,MAAM,WAC7BC,iCAAKA,qBAA+B,oBAAf,yCAGID,MAAM,2BAGFA,MAAM,iBAG1CA,MAAM,kBACFA,MAAM,yDA3BiBE,OAAKlC,KAAKa,sBAAtDsB,2BAAAC,GACIH,4BAAKD,wBAAM,wBAAwCE,cAAaG,2CAAYH,mCACxED,4BAAKD,MAAM,yBAA0BM,sCAAOJ,iCACxCD,6BAAaD,0CAA4BE,yBAAYK,kBAAQL,WAAWA,WAASM,8CACjFC,IAEJR,2BAAAS,GACIT,2BAAAU,oBACIR,kDAA0CD,OAAKlC,KAAf6B,kBAAhCM,0BAAGH,wBAAM,6BAAgIE,YAAYL,EAAOpB,IAAMyB,WAASzB,MAA/Ge,IAAKK,EAAOpB,GAAK6B,WAAOJ,SAAOU,EAAQf,sBAAiFA,EAAOW,6BAI/KN,aAAaA,WAASW,OAASX,WAASY,SAAWZ,WAASa,aAAeb,WAASc,sBAA5Gb,2BAAAc,GACIhB,2BAAAiB,GACIjB,2BAAAkB,GACIlB,2BAAAmB,GACelB,WAASW,qBAApBV,2BAAAkB,GACIC,EACArB,6BAAMsB,UAAQrB,WAASW,oDAEhBX,WAASY,uBAApBX,2BAAAqB,GACIvB,0BAAIwB,KAAMvB,WAASY,QAASrB,OAAO,SAASiC,IAAI,YAAW,2DAEpDxB,WAASa,2BAApBZ,2BAAAwB,oBAAiDzB,WAASa,qDAGnCb,WAASc,qBAAxCb,2BAAAyB,GACI3B,2BAAA4B,GACI5B,4BAAM6B,IAAK5B,WAASc"}
1	+ {"version":3,"file":"CheckoutShippingPickup.js","sources":["../../../../../../src/js/components/shop/order/shipping/CheckoutShippingPickup.vue","../../../../../../src/js/components/shop/order/shipping/CheckoutShippingPickup.vue?vue&type=template&id=3963856c&lang.js"],"sourcesContent":["<template>\n <div class=\"component pickup-wrapper\" v-if=\"item.data.length\">\n <div class=\"dropdown\" v-bind:class=\"{ 'is-active': isOpened }\" @mouseleave=\"close\">\n <div class=\"input dropdown-trigger\" @click=\"open\">\n <span v-bind:class=\"{ 'is-placeholder': !selected }\" v-text=\"selected ? selected.name : 'Выберите пункт самовывоза'\"></span>\n <svg><use xlink:href=\"#arrow-down\"></use></svg>\n </div>\n <div class=\"dropdown-menu\">\n <div class=\"dropdown-content\">\n <a class=\"dropdown-item\" v-for=\"option in item.data\" v-bind:key=\"option.id\" @click=\"choose($event, option)\" v-bind:class=\"{ 'is-active': selected && option.id == selected.id }\">{{ option.name }}</a>\n </div>\n </div>\n </div>\n <div class=\"data\" v-if=\"selected && (selected.hours \|\| selected.map_url \|\| selected.description \|\| selected.image)\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"data-wrapper\">\n <div v-if=\"selected.hours\" class=\"hours\">\n <svg><use xlink:href=\"#hours\"></use></svg>\n <span v-html=\"selected.hours\"></span>\n </div>\n <div v-if=\"selected.map_url\" class=\"map\">\n <a :href=\"selected.map_url\" target=\"_blank\" rel=\"noopener\">Открыть на карте</a>\n </div>\n <div v-if=\"selected.description\" class=\"info\">{{ selected.description }}</div>\n </div>\n </div>\n <div class=\"column is-4\" v-if=\"selected.image\">\n <div class=\"image\">\n <img :src=\"selected.image\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, defineComponent, onMounted } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const selected = computed(() => {\n return props.item.data.find((item) => item.id == pickup.value);\n });\n\n const isValid = (id) => {\n if (!props.item.data.length) {\n return true;\n } else {\n return !!id;\n }\n };\n\n onMounted(() => {\n if (!selected.value) {\n props.commit(props.item.code, {}, isValid());\n }\n });\n\n const pickup = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].id : null;\n },\n set(id) {\n props.commit(\n props.item.code,\n {\n id: id\n },\n isValid(id)\n );\n }\n });\n\n const isOpened = ref(false);\n\n const open = () => {\n isOpened.value = true;\n };\n\n const close = () => {\n isOpened.value = false;\n };\n\n const choose = (e, option) => {\n e.stopPropagation();\n\n setTimeout(() => {\n pickup.value = option.id;\n }, 200);\n\n close();\n };\n\n window.addEventListener('keyup', (e) => {\n if (isOpened.value && e.key === 'Escape') {\n close();\n }\n });\n\n window.addEventListener('click', (e) => {\n if (!e.target.closest('.pickup-wrapper')) {\n close();\n }\n });\n\n return {\n selected,\n isOpened,\n open,\n choose,\n close,\n pickup\n };\n }\n});\n</script>\n","<template>\n <div class=\"component pickup-wrapper\" v-if=\"item.data.length\">\n <div class=\"dropdown\" v-bind:class=\"{ 'is-active': isOpened }\" @mouseleave=\"close\">\n <div class=\"input dropdown-trigger\" @click=\"open\">\n <span v-bind:class=\"{ 'is-placeholder': !selected }\" v-text=\"selected ? selected.name : 'Выберите пункт самовывоза'\"></span>\n <svg><use xlink:href=\"#arrow-down\"></use></svg>\n </div>\n <div class=\"dropdown-menu\">\n <div class=\"dropdown-content\">\n <a class=\"dropdown-item\" v-for=\"option in item.data\" v-bind:key=\"option.id\" @click=\"choose($event, option)\" v-bind:class=\"{ 'is-active': selected && option.id == selected.id }\">{{ option.name }}</a>\n </div>\n </div>\n </div>\n <div class=\"data\" v-if=\"selected && (selected.hours \|\| selected.map_url \|\| selected.description \|\| selected.image)\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"data-wrapper\">\n <div v-if=\"selected.hours\" class=\"hours\">\n <svg><use xlink:href=\"#hours\"></use></svg>\n <span v-html=\"selected.hours\"></span>\n </div>\n <div v-if=\"selected.map_url\" class=\"map\">\n <a :href=\"selected.map_url\" target=\"_blank\" rel=\"noopener\">Открыть на карте</a>\n </div>\n <div v-if=\"selected.description\" class=\"info\">{{ selected.description }}</div>\n </div>\n </div>\n <div class=\"column is-4\" v-if=\"selected.image\">\n <div class=\"image\">\n <img :src=\"selected.image\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, defineComponent, onMounted } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const selected = computed(() => {\n return props.item.data.find((item) => item.id == pickup.value);\n });\n\n const isValid = (id) => {\n if (!props.item.data.length) {\n return true;\n } else {\n return !!id;\n }\n };\n\n onMounted(() => {\n if (!selected.value) {\n props.commit(props.item.code, {}, isValid());\n }\n });\n\n const pickup = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].id : null;\n },\n set(id) {\n props.commit(\n props.item.code,\n {\n id: id\n },\n isValid(id)\n );\n }\n });\n\n const isOpened = ref(false);\n\n const open = () => {\n isOpened.value = true;\n };\n\n const close = () => {\n isOpened.value = false;\n };\n\n const choose = (e, option) => {\n e.stopPropagation();\n\n setTimeout(() => {\n pickup.value = option.id;\n }, 200);\n\n close();\n };\n\n window.addEventListener('keyup', (e) => {\n if (isOpened.value && e.key === 'Escape') {\n close();\n }\n });\n\n window.addEventListener('click', (e) => {\n if (!e.target.closest('.pickup-wrapper')) {\n close();\n }\n });\n\n return {\n selected,\n isOpened,\n open,\n choose,\n close,\n pickup\n };\n }\n});\n</script>\n"],"names":["defineComponent","props","data","Object","item","commit","Function","setup","selected","computed","find","id","pickup","value","isValid","length","onMounted","code","get","set","isOpened","ref","close","window","addEventListener","e","key","target","closest","open","choose","option","stopPropagation","setTimeout","class","_createElementVNode","_ctx","_createElementBlock","_hoisted_1","onMouseleave","onClick","_toDisplayString","name","_hoisted_3","_hoisted_4","_hoisted_5","$event","hours","map_url","description","image","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","innerHTML","_hoisted_14","href","rel","_hoisted_16","_hoisted_17","_hoisted_18","src"],"mappings":"oCAuCeA,kBAAgB,CAC3BC,MAAO,CACHC,KAAMC,OACNC,KAAMD,OACNE,OAAQC,UAEZC,eAAMN,OACIO,EAAWC,YAAS,kBACfR,EAAMG,KAAKF,KAAKQ,MAAK,SAACN,UAASA,EAAKO,IAAMC,EAAOC,YAGtDC,EAAU,SAACH,UACRV,EAAMG,KAAKF,KAAKa,UAGRJ,GAIjBK,aAAU,WACDR,EAASK,OACVZ,EAAMI,OAAOJ,EAAMG,KAAKa,KAAM,GAAIH,YAIpCF,EAASH,WAAS,CACpBS,sBACWjB,EAAMC,KAAKD,EAAMG,KAAKa,MAAQhB,EAAMC,KAAKD,EAAMG,KAAKa,MAAMN,GAAK,MAE1EQ,aAAIR,GACAV,EAAMI,OACFJ,EAAMG,KAAKa,KACX,CACIN,GAAIA,GAERG,EAAQH,OAKdS,EAAWC,OAAI,GAMfC,EAAQ,WACVF,EAASP,OAAQ,UAarBU,OAAOC,iBAAiB,SAAS,SAACC,GAC1BL,EAASP,OAAmB,WAAVY,EAAEC,KACpBJ,OAIRC,OAAOC,iBAAiB,SAAS,SAACC,GACzBA,EAAEE,OAAOC,QAAQ,oBAClBN,OAID,CACHd,SAAAA,EACAY,SAAAA,EACAS,KAjCS,WACTT,EAASP,OAAQ,GAiCjBiB,OA1BW,SAACL,EAAGM,GACfN,EAAEO,kBAEFC,YAAW,WACPrB,EAAOC,MAAQkB,EAAOpB,KACvB,KAEHW,KAoBAA,MAAAA,EACAV,OAAAA,eCpHHsB,MAAM,gDAICC,iCAAKA,qBAAoC,oBAApB,wBAEpBD,MAAM,oBACFA,MAAM,2CAKdA,MAAM,WACFA,MAAM,yBACFA,MAAM,aACFA,MAAM,yBACoBA,MAAM,WAC7BC,iCAAKA,qBAA+B,oBAAf,yCAGID,MAAM,2BAGFA,MAAM,iBAG1CA,MAAM,kBACFA,MAAM,yDA3BiBE,OAAKlC,KAAKa,sBAAtDsB,2BAAAC,GACIH,4BAAKD,wBAAM,wBAAwCE,cAAaG,2CAAYH,wCACxED,4BAAKD,MAAM,yBAA0BM,sCAAOJ,sCACxCD,6BAAaD,0CAA4BE,yBAAYK,kBAAQL,WAAWA,WAASM,8CACjFC,IAEJR,2BAAAS,GACIT,2BAAAU,oBACIR,kDAA0CD,OAAKlC,eAAf6B,wBAAhCM,0BAAGH,wBAAM,6BAAgIE,YAAYL,EAAOpB,IAAMyB,WAASzB,MAA/Ge,IAAKK,EAAOpB,GAAK6B,2BAAOJ,SAAOU,EAAQf,uBAAiFA,EAAOW,8BAI/KN,aAAaA,WAASW,OAASX,WAASY,SAAWZ,WAASa,aAAeb,WAASc,sBAA5Gb,2BAAAc,GACIhB,2BAAAiB,GACIjB,2BAAAkB,GACIlB,2BAAAmB,GACelB,WAASW,qBAApBV,2BAAAkB,GACIC,EACArB,6BAAMsB,UAAQrB,WAASW,oDAEhBX,WAASY,uBAApBX,2BAAAqB,GACIvB,0BAAIwB,KAAMvB,WAASY,QAASrB,OAAO,SAASiC,IAAI,YAAW,2DAEpDxB,WAASa,2BAApBZ,2BAAAwB,oBAAiDzB,WAASa,qDAGnCb,WAASc,qBAAxCb,2BAAAyB,GACI3B,2BAAA4B,GACI5B,4BAAM6B,IAAK5B,WAASc"}

package/dist/js/components/shop/reviews/Review.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("vue"),t=require("vuex"),r=require("formvuelate"),a=require("@formvuelate/plugin-vee-validate"),o=require("@perevorot/shop/dist/js/forms/FormTextarea"),n=require("@perevorot/shop/dist/js/forms/FormText"),i=require("@perevorot/shop/dist/js/forms/FormRating"),l=require("yup");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var d=s(a),m=s(o),u=s(n),v=s(i),h=c(l);e.markRaw(v.default),e.markRaw(m.default),e.markRaw(u.default);var p=r.SchemaFormFactory([d.default({})]),f=e.defineComponent({name:"review",components:{SchemaForm:p},props:{id:Number},setup(a){var o=e.ref(!1),n=t.useStore(),i=e.ref(0),l=e.ref({}),s=e.computed(()=>n.getters["review/modal"]),c=e.computed(()=>n.getters["auth/is"]),d=e.computed(()=>n.getters["auth/me"]),p=e.ref(!1),f=e.ref({review:{component:m.default,label:__("shop.review.review"),model:"review"},rating:{component:v.default,model:"rating"},name:{component:u.default,label:__("shop.review.name"),model:"name"}}),w=h.object().shape({review:h.string().required(__("auth.validation.required")),rating:h.number().min(1,__("auth.validation.required")).required(__("auth.validation.required")),name:h.string().required(__("auth.validation.required"))}),g=e.ref({review:"",rating:0,name:d.value.name,id:a.id});r.useSchemaForm(g);var b=()=>{n.commit("review/modal",!1),p.value=!1};return window.addEventListener("keyup",e=>{s.value&&"Escape"===e.key&&b()}),document.addEventListener("DOMContentLoaded",()=>{var e=document.getElementById("reviews-show-more");e&&e.addEventListener("click",()=>{document.getElementById("reviews-list").querySelectorAll(".review.is-hidden").forEach(t=>{t.classList.remove("is-hidden"),e.remove()})})},!1),{loading:o,modal:s,schema:f,validation:w,add:()=>{c.value?n.commit("review/modal",!0):n.commit("auth/modal","login")},cancel:b,schema:f,onSubmit:()=>{o.value=!0,$http.post($ziggy("api.review"),g.value).then(()=>{p.value=!0,g.value={review:"",rating:0,name:d.value.name,id:a.id}}).catch(e=>{if(l.value={},e.response.data&&e.response.data.errors){for(var[t,r]of Object.entries(e.response.data.errors))r[0]&&(l.value[t]=r[0]);i.value++}}).finally(()=>{o.value=!1})},errors:l,key:i,model:g,thanks:p}}}),w={class:"shop-reviews"},g={class:"modal-content"},b=[e.createElementVNode("svg",{class:"icon close"},[e.createElementVNode("use",{"xlink:href":"#close"})],-1)],E={class:"box"},_={class:"title"},k={class:"shop-reviews-form"},y={class:"field"},N={class:"columns is-vcentered"},V={class:"column"},S={class:"column has-text-right"},q={class:"shop-reviews-thanks"},C=["innerHTML"],j={class:"mt-3"};f.render=function(t,r,a,o,n,i){var l=e.resolveComponent("SchemaForm");return e.openBlock(),e.createElementBlock("div",w,[e.createElementVNode("button",{class:"button review-add",onClick:r[0]||(r[0]=function(){return t.add&&t.add(...arguments)})},e.toDisplayString(t.__("shop.review.add")),1),e.createElementVNode("div",{class:e.normalizeClass(["modal",{"is-active":t.modal}])},[e.createElementVNode("div",{class:"modal-background",onClick:r[1]||(r[1]=function(){return t.cancel&&t.cancel(...arguments)})}),e.createElementVNode("div",g,[e.createElementVNode("button",{class:"modal-close is-large",onClick:r[2]||(r[2]=function(){return t.cancel&&t.cancel(...arguments)})},b),e.createElementVNode("div",E,[e.createElementVNode("div",_,e.toDisplayString(t.__("shop.review.title")),1),e.withDirectives(e.createElementVNode("div",k,[e.createVNode(l,{schemaRowClasses:"field",schema:t.schema,"validation-schema":t.validation,"initial-errors":t.errors,key:t.key,onSubmit:t.onSubmit},{afterForm:e.withCtx(()=>[e.createElementVNode("div",y,[e.createElementVNode("div",N,[e.createElementVNode("div",V,[e.createElementVNode("button",{class:e.normalizeClass(["button is-link",{"is-loading":t.loading}]),type:"submit"},e.toDisplayString(t.__("shop.review.save")),3)]),e.createElementVNode("div",S,[e.createElementVNode("button",{class:"button",onClick:r[3]||(r[3]=function(){return t.cancel&&t.cancel(...arguments)})},e.toDisplayString(t.__("shop.review.cancel")),1)])])])]),_:1},8,["schema","validation-schema","initial-errors","onSubmit"])],512),[[e.vShow,!t.thanks]]),e.withDirectives(e.createElementVNode("div",q,[e.createElementVNode("div",{class:"message",innerHTML:t.__("shop.review.thanks")},null,8,C),e.createElementVNode("div",j,[e.createElementVNode("button",{class:"button",onClick:r[4]||(r[4]=function(){return t.cancel&&t.cancel(...arguments)})},e.toDisplayString(t.__("shop.review.continue")),1)])],512),[[e.vShow,t.thanks]])])])],2)])},module.exports=f;
+"use strict";var e=require("vue"),t=require("vuex"),r=require("formvuelate"),n=require("@formvuelate/plugin-vee-validate"),a=require("@perevorot/shop/dist/js/forms/FormTextarea"),o=require("@perevorot/shop/dist/js/forms/FormText"),i=require("@perevorot/shop/dist/js/forms/FormRating"),l=require("yup");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=c(n),d=c(a),m=c(o),v=c(i),f=s(l);function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==r)return;var n,a,o=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(n=r.next()).done)&&(o.push(n.value),!t||o.length!==t);i=!0);}catch(e){l=!0,a=e}finally{try{i||null==r.return||r.return()}finally{if(l)throw a}}return o}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return y(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return y(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}e.markRaw(v.default),e.markRaw(d.default),e.markRaw(m.default);var w=r.SchemaFormFactory([u.default({})]),b=e.defineComponent({name:"review",components:{SchemaForm:w},props:{id:Number},setup:function(n){var a,o=e.ref(!1),i=t.useStore(),l=e.ref(0),c=e.ref({}),s=e.computed((function(){return i.getters["review/modal"]})),u=e.computed((function(){return i.getters["auth/is"]})),y=e.computed((function(){return i.getters["auth/me"]})),w=e.ref(!1),b=e.ref({review:{component:d.default,label:__("shop.review.review"),model:"review"},rating:{component:v.default,model:"rating"},name:{component:m.default,label:__("shop.review.name"),model:"name"}}),g=f.object().shape({review:f.string().required(__("auth.validation.required")),rating:f.number().min(1,__("auth.validation.required")).required(__("auth.validation.required")),name:f.string().required(__("auth.validation.required"))}),E=e.ref({review:"",rating:0,name:y.value.name,id:n.id});r.useSchemaForm(E);var _=function(){i.commit("review/modal",!1),w.value=!1};return window.addEventListener("keyup",(function(e){s.value&&"Escape"===e.key&&_()})),document.addEventListener("DOMContentLoaded",(function(){var e=document.getElementById("reviews-show-more");e&&e.addEventListener("click",(function(){document.getElementById("reviews-list").querySelectorAll(".review.is-hidden").forEach((function(t){t.classList.remove("is-hidden"),e.remove()}))}))}),!1),p(a={loading:o,modal:s,schema:b,validation:g,add:function(){u.value?i.commit("review/modal",!0):i.commit("auth/modal","login")},cancel:_},"schema",b),p(a,"onSubmit",(function(){o.value=!0,$http.post($ziggy("api.review"),E.value).then((function(){w.value=!0,E.value={review:"",rating:0,name:y.value.name,id:n.id}})).catch((function(e){if(c.value={},e.response.data&&e.response.data.errors){for(var t=0,r=Object.entries(e.response.data.errors);t<r.length;t++){var n=h(r[t],2),a=n[0],o=n[1];o[0]&&(c.value[a]=o[0])}l.value++}})).finally((function(){o.value=!1}))})),p(a,"errors",c),p(a,"key",l),p(a,"model",E),p(a,"thanks",w),a}}),g={class:"shop-reviews"},E={class:"modal-content"},_=[e.createElementVNode("svg",{class:"icon close"},[e.createElementVNode("use",{"xlink:href":"#close"})],-1)],k={class:"box"},N={class:"title"},S={class:"shop-reviews-form"},V={class:"field"},q={class:"columns is-vcentered"},j={class:"column"},C={class:"column has-text-right"},O={class:"shop-reviews-thanks"},x=["innerHTML"],D={class:"mt-3"};b.render=function(t,r,n,a,o,i){var l=e.resolveComponent("SchemaForm");return e.openBlock(),e.createElementBlock("div",g,[e.createElementVNode("button",{class:"button review-add",onClick:r[0]||(r[0]=function(){return t.add&&t.add.apply(t,arguments)})},e.toDisplayString(t.__("shop.review.add")),1),e.createElementVNode("div",{class:e.normalizeClass(["modal",{"is-active":t.modal}])},[e.createElementVNode("div",{class:"modal-background",onClick:r[1]||(r[1]=function(){return t.cancel&&t.cancel.apply(t,arguments)})}),e.createElementVNode("div",E,[e.createElementVNode("button",{class:"modal-close is-large",onClick:r[2]||(r[2]=function(){return t.cancel&&t.cancel.apply(t,arguments)})},_),e.createElementVNode("div",k,[e.createElementVNode("div",N,e.toDisplayString(t.__("shop.review.title")),1),e.withDirectives(e.createElementVNode("div",S,[e.createVNode(l,{schemaRowClasses:"field",schema:t.schema,"validation-schema":t.validation,"initial-errors":t.errors,key:t.key,onSubmit:t.onSubmit},{afterForm:e.withCtx((function(){return[e.createElementVNode("div",V,[e.createElementVNode("div",q,[e.createElementVNode("div",j,[e.createElementVNode("button",{class:e.normalizeClass(["button is-link",{"is-loading":t.loading}]),type:"submit"},e.toDisplayString(t.__("shop.review.save")),3)]),e.createElementVNode("div",C,[e.createElementVNode("button",{class:"button",onClick:r[3]||(r[3]=function(){return t.cancel&&t.cancel.apply(t,arguments)})},e.toDisplayString(t.__("shop.review.cancel")),1)])])])]})),_:1},8,["schema","validation-schema","initial-errors","onSubmit"])],512),[[e.vShow,!t.thanks]]),e.withDirectives(e.createElementVNode("div",O,[e.createElementVNode("div",{class:"message",innerHTML:t.__("shop.review.thanks")},null,8,x),e.createElementVNode("div",D,[e.createElementVNode("button",{class:"button",onClick:r[4]||(r[4]=function(){return t.cancel&&t.cancel.apply(t,arguments)})},e.toDisplayString(t.__("shop.review.continue")),1)])],512),[[e.vShow,t.thanks]])])])],2)])},module.exports=b;
 //# sourceMappingURL=Review.js.map

package/dist/js/components/shop/reviews/Review.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Review.js","sources":["../../../../../src/js/components/shop/reviews/Review.vue","../../../../../src/js/components/shop/reviews/Review.vue?vue&type=template&id=6a6c39d4&lang.js"],"sourcesContent":["<template>\n <div class=\"shop-reviews\">\n <button class=\"button review-add\" @click=\"add\">\n {{ __(\"shop.review.add\") }}\n </button>\n <div class=\"modal\" v-bind:class=\"{ 'is-active': modal }\">\n <div class=\"modal-background\" @click=\"cancel\"></div>\n <div class=\"modal-content\">\n <button class=\"modal-close is-large\" @click=\"cancel\">\n <svg class=\"icon close\">\n <use xlink:href=\"#close\" />\n </svg>\n </button>\n <div class=\"box\">\n <div class=\"title\">\n {{ __(\"shop.review.title\") }}\n </div>\n <div class=\"shop-reviews-form\" v-show=\"!thanks\">\n <SchemaForm schemaRowClasses=\"field\" :schema=\"schema\" :validation-schema=\"validation\" :initial-errors=\"errors\" :key=\"key\" @submit=\"onSubmit\">\n <template #afterForm>\n <div class=\"field\">\n <div class=\"columns is-vcentered\">\n <div class=\"column\">\n <button class=\"button is-link\" type=\"submit\" v-bind:class=\"{\n 'is-loading': loading,\n }\">\n {{ __(\"shop.review.save\") }}\n </button>\n </div>\n <div class=\"column has-text-right\">\n <button class=\"button\" @click=\"cancel\">\n {{ __(\"shop.review.cancel\") }}\n </button>\n </div>\n </div>\n </div>\n </template>\n </SchemaForm>\n </div>\n <div class=\"shop-reviews-thanks\" v-show=\"thanks\">\n <div class=\"message\" v-html=\"__('shop.review.thanks')\"></div>\n <div class=\"mt-3\">\n <button class=\"button\" @click=\"cancel\">\n {{ __(\"shop.review.continue\") }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, markRaw, computed, defineComponent } from \"vue\";\nimport { useStore } from \"vuex\";\nimport { SchemaFormFactory, useSchemaForm } from \"formvuelate\";\nimport VeeValidatePlugin from \"@formvuelate/plugin-vee-validate\";\nimport FormTextarea from \"@perevorot/shop/dist/js/forms/FormTextarea\";\nimport FormText from \"@perevorot/shop/dist/js/forms/FormText\";\nimport FormRating from \"@perevorot/shop/dist/js/forms/FormRating\";\nimport * as yup from \"yup\";\n\nmarkRaw(FormRating);\nmarkRaw(FormTextarea);\nmarkRaw(FormText);\n\nconst SchemaForm = SchemaFormFactory([VeeValidatePlugin({})]);\n\nexport default /#__PURE__/ defineComponent({\n name: \"review\",\n components: {\n SchemaForm,\n },\n props: {\n id: Number,\n },\n setup(props) {\n const loading = ref(false);\n const store = useStore();\n const key = ref(0);\n const errors = ref({});\n const modal = computed(() => store.getters[\"review/modal\"]);\n const auth = computed(() => store.getters[\"auth/is\"]);\n const user = computed(() => store.getters[\"auth/me\"]);\n const thanks = ref(false);\n\n const schema = ref({\n review: {\n component: FormTextarea,\n label: __(\"shop.review.review\"),\n model: \"review\",\n },\n rating: {\n component: FormRating,\n model: \"rating\",\n },\n name: {\n component: FormText,\n label: __(\"shop.review.name\"),\n model: \"name\",\n },\n });\n\n const validation = yup.object().shape({\n review: yup.string().required(__(\"auth.validation.required\")),\n rating: yup\n .number()\n .min(1, __(\"auth.validation.required\"))\n .required(__(\"auth.validation.required\")),\n name: yup.string().required(__(\"auth.validation.required\")),\n });\n\n const model = ref({\n review: \"\",\n rating: 0,\n name: user.value.name,\n id: props.id,\n });\n\n useSchemaForm(model);\n\n const add = () => {\n if (!auth.value) {\n store.commit(\"auth/modal\", \"login\");\n } else {\n store.commit(\"review/modal\", true);\n }\n };\n\n const cancel = () => {\n store.commit(\"review/modal\", false);\n thanks.value = false;\n };\n\n const onSubmit = () => {\n loading.value = true;\n\n $http\n .post($ziggy(\"api.review\"), model.value)\n .then(() => {\n thanks.value = true;\n\n model.value = {\n review: \"\",\n rating: 0,\n name: user.value.name,\n id: props.id,\n };\n })\n .catch((error) => {\n errors.value = {};\n\n if (error.response.data && error.response.data.errors) {\n for (const [field, messages] of Object.entries(\n error.response.data.errors\n )) {\n if (messages[0]) {\n errors.value[field] = messages[0];\n }\n }\n\n key.value++;\n }\n })\n .finally(() => {\n loading.value = false;\n });\n };\n\n window.addEventListener(\"keyup\", (e) => {\n if (modal.value && e.key === \"Escape\") {\n cancel();\n }\n });\n\n document.addEventListener(\"DOMContentLoaded\", () => {\n const showMore = document.getElementById('reviews-show-more');\n\n if (showMore) {\n showMore.addEventListener('click', () => {\n document.getElementById('reviews-list').querySelectorAll('.review.is-hidden').forEach(review => {\n review.classList.remove('is-hidden');\n showMore.remove();\n });\n });\n }\n }, false);\n\n return {\n loading,\n modal,\n schema,\n validation,\n add,\n cancel,\n schema,\n onSubmit,\n errors,\n key,\n model,\n thanks,\n };\n },\n});\n</script>","<template>\n <div class=\"shop-reviews\">\n <button class=\"button review-add\" @click=\"add\">\n {{ __(\"shop.review.add\") }}\n </button>\n <div class=\"modal\" v-bind:class=\"{ 'is-active': modal }\">\n <div class=\"modal-background\" @click=\"cancel\"></div>\n <div class=\"modal-content\">\n <button class=\"modal-close is-large\" @click=\"cancel\">\n <svg class=\"icon close\">\n <use xlink:href=\"#close\" />\n </svg>\n </button>\n <div class=\"box\">\n <div class=\"title\">\n {{ __(\"shop.review.title\") }}\n </div>\n <div class=\"shop-reviews-form\" v-show=\"!thanks\">\n <SchemaForm schemaRowClasses=\"field\" :schema=\"schema\" :validation-schema=\"validation\" :initial-errors=\"errors\" :key=\"key\" @submit=\"onSubmit\">\n <template #afterForm>\n <div class=\"field\">\n <div class=\"columns is-vcentered\">\n <div class=\"column\">\n <button class=\"button is-link\" type=\"submit\" v-bind:class=\"{\n 'is-loading': loading,\n }\">\n {{ __(\"shop.review.save\") }}\n </button>\n </div>\n <div class=\"column has-text-right\">\n <button class=\"button\" @click=\"cancel\">\n {{ __(\"shop.review.cancel\") }}\n </button>\n </div>\n </div>\n </div>\n </template>\n </SchemaForm>\n </div>\n <div class=\"shop-reviews-thanks\" v-show=\"thanks\">\n <div class=\"message\" v-html=\"__('shop.review.thanks')\"></div>\n <div class=\"mt-3\">\n <button class=\"button\" @click=\"cancel\">\n {{ __(\"shop.review.continue\") }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, markRaw, computed, defineComponent } from \"vue\";\nimport { useStore } from \"vuex\";\nimport { SchemaFormFactory, useSchemaForm } from \"formvuelate\";\nimport VeeValidatePlugin from \"@formvuelate/plugin-vee-validate\";\nimport FormTextarea from \"@perevorot/shop/dist/js/forms/FormTextarea\";\nimport FormText from \"@perevorot/shop/dist/js/forms/FormText\";\nimport FormRating from \"@perevorot/shop/dist/js/forms/FormRating\";\nimport * as yup from \"yup\";\n\nmarkRaw(FormRating);\nmarkRaw(FormTextarea);\nmarkRaw(FormText);\n\nconst SchemaForm = SchemaFormFactory([VeeValidatePlugin({})]);\n\nexport default /#__PURE__/ defineComponent({\n name: \"review\",\n components: {\n SchemaForm,\n },\n props: {\n id: Number,\n },\n setup(props) {\n const loading = ref(false);\n const store = useStore();\n const key = ref(0);\n const errors = ref({});\n const modal = computed(() => store.getters[\"review/modal\"]);\n const auth = computed(() => store.getters[\"auth/is\"]);\n const user = computed(() => store.getters[\"auth/me\"]);\n const thanks = ref(false);\n\n const schema = ref({\n review: {\n component: FormTextarea,\n label: __(\"shop.review.review\"),\n model: \"review\",\n },\n rating: {\n component: FormRating,\n model: \"rating\",\n },\n name: {\n component: FormText,\n label: __(\"shop.review.name\"),\n model: \"name\",\n },\n });\n\n const validation = yup.object().shape({\n review: yup.string().required(__(\"auth.validation.required\")),\n rating: yup\n .number()\n .min(1, __(\"auth.validation.required\"))\n .required(__(\"auth.validation.required\")),\n name: yup.string().required(__(\"auth.validation.required\")),\n });\n\n const model = ref({\n review: \"\",\n rating: 0,\n name: user.value.name,\n id: props.id,\n });\n\n useSchemaForm(model);\n\n const add = () => {\n if (!auth.value) {\n store.commit(\"auth/modal\", \"login\");\n } else {\n store.commit(\"review/modal\", true);\n }\n };\n\n const cancel = () => {\n store.commit(\"review/modal\", false);\n thanks.value = false;\n };\n\n const onSubmit = () => {\n loading.value = true;\n\n $http\n .post($ziggy(\"api.review\"), model.value)\n .then(() => {\n thanks.value = true;\n\n model.value = {\n review: \"\",\n rating: 0,\n name: user.value.name,\n id: props.id,\n };\n })\n .catch((error) => {\n errors.value = {};\n\n if (error.response.data && error.response.data.errors) {\n for (const [field, messages] of Object.entries(\n error.response.data.errors\n )) {\n if (messages[0]) {\n errors.value[field] = messages[0];\n }\n }\n\n key.value++;\n }\n })\n .finally(() => {\n loading.value = false;\n });\n };\n\n window.addEventListener(\"keyup\", (e) => {\n if (modal.value && e.key === \"Escape\") {\n cancel();\n }\n });\n\n document.addEventListener(\"DOMContentLoaded\", () => {\n const showMore = document.getElementById('reviews-show-more');\n\n if (showMore) {\n showMore.addEventListener('click', () => {\n document.getElementById('reviews-list').querySelectorAll('.review.is-hidden').forEach(review => {\n review.classList.remove('is-hidden');\n showMore.remove();\n });\n });\n }\n }, false);\n\n return {\n loading,\n modal,\n schema,\n validation,\n add,\n cancel,\n schema,\n onSubmit,\n errors,\n key,\n model,\n thanks,\n };\n },\n});\n</script>"],"names":["markRaw","FormRating","FormTextarea","FormText","SchemaForm","SchemaFormFactory","VeeValidatePlugin","defineComponent","name","components","props","id","Number","setup","loading","ref","store","useStore","key","errors","modal","computed","getters","auth","user","thanks","schema","review","component","label","__","model","rating","validation","yup","object","shape","string","required","number","min","value","useSchemaForm","cancel","commit","window","addEventListener","e","document","showMore","getElementById","querySelectorAll","forEach","classList","remove","add","onSubmit","$http","post","$ziggy","then","catch","error","response","data","field","messages","Object","entries","finally","class","_createElementVNode","_createElementBlock","_hoisted_1","onClick","_ctx","_hoisted_2","_hoisted_5","_hoisted_6","_hoisted_7","_createVNode","schemaRowClasses","afterForm","_hoisted_8","_hoisted_9","_hoisted_10","type","_hoisted_11","_hoisted_12","innerHTML","_hoisted_14"],"mappings":"4rBA8DAA,UAAQC,WACRD,UAAQE,WACRF,UAAQG,WAER,IAAMC,EAAaC,oBAAkB,CAACC,UAAkB,QAE3BC,kBAAgB,CACzCC,KAAM,SACNC,WAAY,CACRL,WAAAA,GAEJM,MAAO,CACHC,GAAIC,QAERC,MAAMH,OACII,EAAUC,OAAI,GACdC,EAAQC,aACRC,EAAMH,MAAI,GACVI,EAASJ,MAAI,IACbK,EAAQC,WAAS,IAAML,EAAMM,QAAQ,iBACrCC,EAAOF,WAAS,IAAML,EAAMM,QAAQ,YACpCE,EAAOH,WAAS,IAAML,EAAMM,QAAQ,YACpCG,EAASV,OAAI,GAEbW,EAASX,MAAI,CACfY,OAAQ,CACJC,UAAW1B,UACX2B,MAAOC,GAAG,sBACVC,MAAO,UAEXC,OAAQ,CACJJ,UAAW3B,UACX8B,MAAO,UAEXvB,KAAM,CACFoB,UAAWzB,UACX0B,MAAOC,GAAG,oBACVC,MAAO,UAITE,EAAaC,EAAIC,SAASC,MAAM,CAClCT,OAAQO,EAAIG,SAASC,SAASR,GAAG,6BACjCE,OAAQE,EACHK,SACAC,IAAI,EAAGV,GAAG,6BACVQ,SAASR,GAAG,6BACjBtB,KAAM0B,EAAIG,SAASC,SAASR,GAAG,+BAG7BC,EAAQhB,MAAI,CACdY,OAAQ,GACRK,OAAQ,EACRxB,KAAMgB,EAAKiB,MAAMjC,KACjBG,GAAID,EAAMC,KAGd+B,gBAAcX,OAURY,EAAS,KACX3B,EAAM4B,OAAO,gBAAgB,GAC7BnB,EAAOgB,OAAQ,UAsCnBI,OAAOC,iBAAiB,QAAUC,IAC1B3B,EAAMqB,OAAmB,WAAVM,EAAE7B,KACjByB,MAIRK,SAASF,iBAAiB,mBAAoB,SACpCG,EAAWD,SAASE,eAAe,qBAErCD,GACAA,EAASH,iBAAiB,QAAS,KAC/BE,SAASE,eAAe,gBAAgBC,iBAAiB,qBAAqBC,QAAQzB,IAClFA,EAAO0B,UAAUC,OAAO,aACxBL,EAASK,eAItB,GAEI,CACHxC,QAAAA,EACAM,MAAAA,EACAM,OAAAA,EACAO,WAAAA,EACAsB,IAxEQ,KACHhC,EAAKkB,MAGNzB,EAAM4B,OAAO,gBAAgB,GAF7B5B,EAAM4B,OAAO,aAAc,UAuE/BD,OAAAA,EACAjB,OAAAA,EACA8B,SA9Da,KACb1C,EAAQ2B,OAAQ,EAEhBgB,MACKC,KAAKC,OAAO,cAAe5B,EAAMU,OACjCmB,KAAK,KACFnC,EAAOgB,OAAQ,EAEfV,EAAMU,MAAQ,CACVd,OAAQ,GACRK,OAAQ,EACRxB,KAAMgB,EAAKiB,MAAMjC,KACjBG,GAAID,EAAMC,MAGjBkD,MAAOC,OACJ3C,EAAOsB,MAAQ,GAEXqB,EAAMC,SAASC,MAAQF,EAAMC,SAASC,KAAK7C,OAAQ,KAC9C,IAAO8C,EAAOC,KAAaC,OAAOC,QACnCN,EAAMC,SAASC,KAAK7C,QAEhB+C,EAAS,KACT/C,EAAOsB,MAAMwB,GAASC,EAAS,IAIvChD,EAAIuB,WAGX4B,QAAQ,KACLvD,EAAQ2B,OAAQ,KAgCxBtB,OAAAA,EACAD,IAAAA,EACAa,MAAAA,EACAN,OAAAA,SCvMH6C,MAAM,mBAMEA,MAAM,oBAEHC,4BAAKD,MAAM,eACPC,yCAAgB,oBAGnBD,MAAM,UACFA,MAAM,YAGNA,MAAM,wBAGMA,MAAM,YACFA,MAAM,2BACFA,MAAM,aAONA,MAAM,4BAU1BA,MAAM,0CAEFA,MAAM,mGAxC/BE,2BAAAC,GACIF,+BAAQD,MAAM,oBAAqBI,sCAAOC,gDACnCA,4BAEPJ,4BAAKD,wBAAM,qBAAqCK,aAC5CJ,4BAAKD,MAAM,mBAAoBI,sCAAOC,qCACtCJ,2BAAAK,GACIL,+BAAQD,MAAM,uBAAwBI,sCAAOC,uCAK7CJ,2BAAAM,GACIN,2BAAAO,oBACOH,+CAEPJ,2BAAAQ,GACIC,iBAAYC,iBAAiB,QAASvD,OAAQiD,6BAA4BA,8BAA6BA,SAASzD,IAAKyD,MAAMnB,SAAQmB,aACpHO,oBACP,KAAAX,2BAAAY,GACIZ,2BAAAa,GACIb,2BAAAc,GACId,+BAAQD,wBAAM,4CAAiBgB,KAAK,4BAG7BX,+BAGXJ,2BAAAgB,GACIhB,+BAAQD,MAAM,SAAUI,sCAAOC,sDACxBA,2HAdSA,6BAsBxCJ,2BAAAiB,GACIjB,4BAAKD,MAAM,UAAUmB,UAAQd,sCAC7BJ,2BAAAmB,GACInB,+BAAQD,MAAM,SAAUI,sCAAOC,sDACxBA,mDAJ0BA"}
1	+ {"version":3,"file":"Review.js","sources":["../../../../../src/js/components/shop/reviews/Review.vue","../../../../../src/js/components/shop/reviews/Review.vue?vue&type=template&id=6a6c39d4&lang.js"],"sourcesContent":["<template>\n <div class=\"shop-reviews\">\n <button class=\"button review-add\" @click=\"add\">\n {{ __(\"shop.review.add\") }}\n </button>\n <div class=\"modal\" v-bind:class=\"{ 'is-active': modal }\">\n <div class=\"modal-background\" @click=\"cancel\"></div>\n <div class=\"modal-content\">\n <button class=\"modal-close is-large\" @click=\"cancel\">\n <svg class=\"icon close\">\n <use xlink:href=\"#close\" />\n </svg>\n </button>\n <div class=\"box\">\n <div class=\"title\">\n {{ __(\"shop.review.title\") }}\n </div>\n <div class=\"shop-reviews-form\" v-show=\"!thanks\">\n <SchemaForm schemaRowClasses=\"field\" :schema=\"schema\" :validation-schema=\"validation\" :initial-errors=\"errors\" :key=\"key\" @submit=\"onSubmit\">\n <template #afterForm>\n <div class=\"field\">\n <div class=\"columns is-vcentered\">\n <div class=\"column\">\n <button class=\"button is-link\" type=\"submit\" v-bind:class=\"{\n 'is-loading': loading,\n }\">\n {{ __(\"shop.review.save\") }}\n </button>\n </div>\n <div class=\"column has-text-right\">\n <button class=\"button\" @click=\"cancel\">\n {{ __(\"shop.review.cancel\") }}\n </button>\n </div>\n </div>\n </div>\n </template>\n </SchemaForm>\n </div>\n <div class=\"shop-reviews-thanks\" v-show=\"thanks\">\n <div class=\"message\" v-html=\"__('shop.review.thanks')\"></div>\n <div class=\"mt-3\">\n <button class=\"button\" @click=\"cancel\">\n {{ __(\"shop.review.continue\") }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, markRaw, computed, defineComponent } from \"vue\";\nimport { useStore } from \"vuex\";\nimport { SchemaFormFactory, useSchemaForm } from \"formvuelate\";\nimport VeeValidatePlugin from \"@formvuelate/plugin-vee-validate\";\nimport FormTextarea from \"@perevorot/shop/dist/js/forms/FormTextarea\";\nimport FormText from \"@perevorot/shop/dist/js/forms/FormText\";\nimport FormRating from \"@perevorot/shop/dist/js/forms/FormRating\";\nimport * as yup from \"yup\";\n\nmarkRaw(FormRating);\nmarkRaw(FormTextarea);\nmarkRaw(FormText);\n\nconst SchemaForm = SchemaFormFactory([VeeValidatePlugin({})]);\n\nexport default /#__PURE__/ defineComponent({\n name: \"review\",\n components: {\n SchemaForm,\n },\n props: {\n id: Number,\n },\n setup(props) {\n const loading = ref(false);\n const store = useStore();\n const key = ref(0);\n const errors = ref({});\n const modal = computed(() => store.getters[\"review/modal\"]);\n const auth = computed(() => store.getters[\"auth/is\"]);\n const user = computed(() => store.getters[\"auth/me\"]);\n const thanks = ref(false);\n\n const schema = ref({\n review: {\n component: FormTextarea,\n label: __(\"shop.review.review\"),\n model: \"review\",\n },\n rating: {\n component: FormRating,\n model: \"rating\",\n },\n name: {\n component: FormText,\n label: __(\"shop.review.name\"),\n model: \"name\",\n },\n });\n\n const validation = yup.object().shape({\n review: yup.string().required(__(\"auth.validation.required\")),\n rating: yup\n .number()\n .min(1, __(\"auth.validation.required\"))\n .required(__(\"auth.validation.required\")),\n name: yup.string().required(__(\"auth.validation.required\")),\n });\n\n const model = ref({\n review: \"\",\n rating: 0,\n name: user.value.name,\n id: props.id,\n });\n\n useSchemaForm(model);\n\n const add = () => {\n if (!auth.value) {\n store.commit(\"auth/modal\", \"login\");\n } else {\n store.commit(\"review/modal\", true);\n }\n };\n\n const cancel = () => {\n store.commit(\"review/modal\", false);\n thanks.value = false;\n };\n\n const onSubmit = () => {\n loading.value = true;\n\n $http\n .post($ziggy(\"api.review\"), model.value)\n .then(() => {\n thanks.value = true;\n\n model.value = {\n review: \"\",\n rating: 0,\n name: user.value.name,\n id: props.id,\n };\n })\n .catch((error) => {\n errors.value = {};\n\n if (error.response.data && error.response.data.errors) {\n for (const [field, messages] of Object.entries(\n error.response.data.errors\n )) {\n if (messages[0]) {\n errors.value[field] = messages[0];\n }\n }\n\n key.value++;\n }\n })\n .finally(() => {\n loading.value = false;\n });\n };\n\n window.addEventListener(\"keyup\", (e) => {\n if (modal.value && e.key === \"Escape\") {\n cancel();\n }\n });\n\n document.addEventListener(\"DOMContentLoaded\", () => {\n const showMore = document.getElementById('reviews-show-more');\n\n if (showMore) {\n showMore.addEventListener('click', () => {\n document.getElementById('reviews-list').querySelectorAll('.review.is-hidden').forEach(review => {\n review.classList.remove('is-hidden');\n showMore.remove();\n });\n });\n }\n }, false);\n\n return {\n loading,\n modal,\n schema,\n validation,\n add,\n cancel,\n schema,\n onSubmit,\n errors,\n key,\n model,\n thanks,\n };\n },\n});\n</script>","<template>\n <div class=\"shop-reviews\">\n <button class=\"button review-add\" @click=\"add\">\n {{ __(\"shop.review.add\") }}\n </button>\n <div class=\"modal\" v-bind:class=\"{ 'is-active': modal }\">\n <div class=\"modal-background\" @click=\"cancel\"></div>\n <div class=\"modal-content\">\n <button class=\"modal-close is-large\" @click=\"cancel\">\n <svg class=\"icon close\">\n <use xlink:href=\"#close\" />\n </svg>\n </button>\n <div class=\"box\">\n <div class=\"title\">\n {{ __(\"shop.review.title\") }}\n </div>\n <div class=\"shop-reviews-form\" v-show=\"!thanks\">\n <SchemaForm schemaRowClasses=\"field\" :schema=\"schema\" :validation-schema=\"validation\" :initial-errors=\"errors\" :key=\"key\" @submit=\"onSubmit\">\n <template #afterForm>\n <div class=\"field\">\n <div class=\"columns is-vcentered\">\n <div class=\"column\">\n <button class=\"button is-link\" type=\"submit\" v-bind:class=\"{\n 'is-loading': loading,\n }\">\n {{ __(\"shop.review.save\") }}\n </button>\n </div>\n <div class=\"column has-text-right\">\n <button class=\"button\" @click=\"cancel\">\n {{ __(\"shop.review.cancel\") }}\n </button>\n </div>\n </div>\n </div>\n </template>\n </SchemaForm>\n </div>\n <div class=\"shop-reviews-thanks\" v-show=\"thanks\">\n <div class=\"message\" v-html=\"__('shop.review.thanks')\"></div>\n <div class=\"mt-3\">\n <button class=\"button\" @click=\"cancel\">\n {{ __(\"shop.review.continue\") }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, markRaw, computed, defineComponent } from \"vue\";\nimport { useStore } from \"vuex\";\nimport { SchemaFormFactory, useSchemaForm } from \"formvuelate\";\nimport VeeValidatePlugin from \"@formvuelate/plugin-vee-validate\";\nimport FormTextarea from \"@perevorot/shop/dist/js/forms/FormTextarea\";\nimport FormText from \"@perevorot/shop/dist/js/forms/FormText\";\nimport FormRating from \"@perevorot/shop/dist/js/forms/FormRating\";\nimport * as yup from \"yup\";\n\nmarkRaw(FormRating);\nmarkRaw(FormTextarea);\nmarkRaw(FormText);\n\nconst SchemaForm = SchemaFormFactory([VeeValidatePlugin({})]);\n\nexport default /#__PURE__/ defineComponent({\n name: \"review\",\n components: {\n SchemaForm,\n },\n props: {\n id: Number,\n },\n setup(props) {\n const loading = ref(false);\n const store = useStore();\n const key = ref(0);\n const errors = ref({});\n const modal = computed(() => store.getters[\"review/modal\"]);\n const auth = computed(() => store.getters[\"auth/is\"]);\n const user = computed(() => store.getters[\"auth/me\"]);\n const thanks = ref(false);\n\n const schema = ref({\n review: {\n component: FormTextarea,\n label: __(\"shop.review.review\"),\n model: \"review\",\n },\n rating: {\n component: FormRating,\n model: \"rating\",\n },\n name: {\n component: FormText,\n label: __(\"shop.review.name\"),\n model: \"name\",\n },\n });\n\n const validation = yup.object().shape({\n review: yup.string().required(__(\"auth.validation.required\")),\n rating: yup\n .number()\n .min(1, __(\"auth.validation.required\"))\n .required(__(\"auth.validation.required\")),\n name: yup.string().required(__(\"auth.validation.required\")),\n });\n\n const model = ref({\n review: \"\",\n rating: 0,\n name: user.value.name,\n id: props.id,\n });\n\n useSchemaForm(model);\n\n const add = () => {\n if (!auth.value) {\n store.commit(\"auth/modal\", \"login\");\n } else {\n store.commit(\"review/modal\", true);\n }\n };\n\n const cancel = () => {\n store.commit(\"review/modal\", false);\n thanks.value = false;\n };\n\n const onSubmit = () => {\n loading.value = true;\n\n $http\n .post($ziggy(\"api.review\"), model.value)\n .then(() => {\n thanks.value = true;\n\n model.value = {\n review: \"\",\n rating: 0,\n name: user.value.name,\n id: props.id,\n };\n })\n .catch((error) => {\n errors.value = {};\n\n if (error.response.data && error.response.data.errors) {\n for (const [field, messages] of Object.entries(\n error.response.data.errors\n )) {\n if (messages[0]) {\n errors.value[field] = messages[0];\n }\n }\n\n key.value++;\n }\n })\n .finally(() => {\n loading.value = false;\n });\n };\n\n window.addEventListener(\"keyup\", (e) => {\n if (modal.value && e.key === \"Escape\") {\n cancel();\n }\n });\n\n document.addEventListener(\"DOMContentLoaded\", () => {\n const showMore = document.getElementById('reviews-show-more');\n\n if (showMore) {\n showMore.addEventListener('click', () => {\n document.getElementById('reviews-list').querySelectorAll('.review.is-hidden').forEach(review => {\n review.classList.remove('is-hidden');\n showMore.remove();\n });\n });\n }\n }, false);\n\n return {\n loading,\n modal,\n schema,\n validation,\n add,\n cancel,\n schema,\n onSubmit,\n errors,\n key,\n model,\n thanks,\n };\n },\n});\n</script>"],"names":["markRaw","FormRating","FormTextarea","FormText","SchemaForm","SchemaFormFactory","VeeValidatePlugin","defineComponent","name","components","props","id","Number","setup","loading","ref","store","useStore","key","errors","modal","computed","getters","auth","user","thanks","schema","review","component","label","__","model","rating","validation","yup","object","shape","string","required","number","min","value","useSchemaForm","cancel","commit","window","addEventListener","e","document","showMore","getElementById","querySelectorAll","forEach","classList","remove","add","$http","post","$ziggy","then","catch","error","response","data","Object","entries","field","messages","finally","class","_createElementVNode","_createElementBlock","_hoisted_1","onClick","_ctx","_hoisted_2","_hoisted_5","_hoisted_6","_hoisted_7","_createVNode","schemaRowClasses","onSubmit","afterForm","_hoisted_8","_hoisted_9","_hoisted_10","type","_hoisted_11","_hoisted_12","innerHTML","_hoisted_14"],"mappings":"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"}

package/dist/js/components/shop/viewed/Viewed.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("vue"),n=require("swiper/core");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(n);o.default.use([n.Navigation,n.Mousewheel]);var i=e.defineComponent({name:"viewed",props:{slider:{type:Boolean,default:!1}},setup(n){var t=!1,i=e.ref(null),r=e.ref(null),a=e=>{e.forEach(e=>{e.isIntersecting&&(t||(t=!0,c()))})},c=()=>{$http.post($ziggy("api.viewed"),{action:"list",account:-1!==window.location.href.indexOf("/account/viewed")}).then(t=>{window.app.component("viewed-container",{template:t.data?t.data:"<i></i>"}),r.value="viewed-container",e.nextTick(()=>{if(n.slider){var e=window.viewedSwiperOptions?window.viewedSwiperOptions:{slidesPerView:5,spaceBetween:24,freeMode:!0,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},mousewheel:{forceToAxis:!0}};new o.default(i.value.querySelector(".swiper-container"),e)}window.lazyImages&&window.lazyImages.update()})})};return e.onMounted(()=>{new IntersectionObserver(a).observe(i.value)}),{container:i,component:r}}}),r={ref:"container"};i.render=function(n,t,o,i,a,c){return e.openBlock(),e.createElementBlock("div",r,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component)))],512)},module.exports=i;
+"use strict";var e=require("vue"),n=require("swiper/core");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=o(n);t.default.use([n.Navigation,n.Mousewheel]);var i=e.defineComponent({name:"viewed",props:{slider:{type:Boolean,default:!1}},setup:function(n){var o=!1,i=e.ref(null),r=e.ref(null),a=function(e){e.forEach((function(e){e.isIntersecting&&(o||(o=!0,c()))}))},c=function(){$http.post($ziggy("api.viewed"),{action:"list",account:-1!==window.location.href.indexOf("/account/viewed")}).then((function(o){window.app.component("viewed-container",{template:o.data?o.data:"<i></i>"}),r.value="viewed-container",e.nextTick((function(){if(n.slider){var e=window.viewedSwiperOptions?window.viewedSwiperOptions:{slidesPerView:5,spaceBetween:24,freeMode:!0,navigation:{nextEl:".swiper-button-next",prevEl:".swiper-button-prev"},mousewheel:{forceToAxis:!0}};new t.default(i.value.querySelector(".swiper-container"),e)}window.lazyImages&&window.lazyImages.update(),"function"==typeof window.loadProductsCallback&&window.loadProductsCallback(document.getElementById("viewed"),"Viewed products")}))}))};return e.onMounted((function(){new IntersectionObserver(a).observe(i.value)})),{container:i,component:r}}}),r={ref:"container"};i.render=function(n,o,t,i,a,c){return e.openBlock(),e.createElementBlock("div",r,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.component)))],512)},module.exports=i;
 //# sourceMappingURL=Viewed.js.map

package/dist/js/components/shop/viewed/Viewed.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Viewed.js","sources":["../../../../../src/js/components/shop/viewed/Viewed.vue","../../../../../src/js/components/shop/viewed/Viewed.vue?vue&type=template&id=~~b533f524~~&lang.js"],"sourcesContent":["<template>\n <div ref=\"container\">\n <component :is=\"component\"></component>\n </div>\n</template>\n<script>\nimport { ref, onMounted, nextTick, defineComponent } from 'vue';\nimport SwiperCore, { Navigation, Mousewheel } from 'swiper/core';\n\nSwiperCore.use([Navigation, Mousewheel]);\n\nexport default defineComponent({\n name: 'viewed',\n props: {\n slider: {\n type: Boolean,\n default: false\n }\n },\n setup(props) {\n let inited = false;\n\n const container = ref(null);\n const component = ref(null);\n\n const callback = (entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n if (!inited) {\n inited = true;\n load();\n }\n }\n });\n };\n\n const load = () => {\n $http\n .post($ziggy('api.viewed'), {\n action: 'list',\n account: window.location.href.indexOf('/account/viewed') !== -1\n })\n .then((response) => {\n window.app.component('viewed-container', {\n template: response.data ? response.data : '<i></i>'\n });\n\n component.value = 'viewed-container';\n\n nextTick(() => {\n if (props.slider) {\n const options = window.viewedSwiperOptions\n ? window.viewedSwiperOptions\n : {\n slidesPerView: 5,\n spaceBetween: 24,\n freeMode: true,\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev'\n },\n mousewheel: {\n forceToAxis: true\n }\n };\n\n new SwiperCore(container.value.querySelector('.swiper-container'), options);\n }\n\n if (window.lazyImages) {\n window.lazyImages.update();\n }\n });\n });\n };\n\n onMounted(() => {\n const observer = new IntersectionObserver(callback);\n observer.observe(container.value);\n });\n\n return {\n container,\n component\n };\n }\n});\n</script>\n","<template>\n <div ref=\"container\">\n <component :is=\"component\"></component>\n </div>\n</template>\n<script>\nimport { ref, onMounted, nextTick, defineComponent } from 'vue';\nimport SwiperCore, { Navigation, Mousewheel } from 'swiper/core';\n\nSwiperCore.use([Navigation, Mousewheel]);\n\nexport default defineComponent({\n name: 'viewed',\n props: {\n slider: {\n type: Boolean,\n default: false\n }\n },\n setup(props) {\n let inited = false;\n\n const container = ref(null);\n const component = ref(null);\n\n const callback = (entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n if (!inited) {\n inited = true;\n load();\n }\n }\n });\n };\n\n const load = () => {\n $http\n .post($ziggy('api.viewed'), {\n action: 'list',\n account: window.location.href.indexOf('/account/viewed') !== -1\n })\n .then((response) => {\n window.app.component('viewed-container', {\n template: response.data ? response.data : '<i></i>'\n });\n\n component.value = 'viewed-container';\n\n nextTick(() => {\n if (props.slider) {\n const options = window.viewedSwiperOptions\n ? window.viewedSwiperOptions\n : {\n slidesPerView: 5,\n spaceBetween: 24,\n freeMode: true,\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev'\n },\n mousewheel: {\n forceToAxis: true\n }\n };\n\n new SwiperCore(container.value.querySelector('.swiper-container'), options);\n }\n\n if (window.lazyImages) {\n window.lazyImages.update();\n }\n });\n });\n };\n\n onMounted(() => {\n const observer = new IntersectionObserver(callback);\n observer.observe(container.value);\n });\n\n return {\n container,\n component\n };\n }\n});\n</script>\n"],"names":["SwiperCore","use","Navigation","Mousewheel","defineComponent","name","props","slider","type","Boolean","default","setup","inited","container","ref","component","callback","entries","forEach","entry","isIntersecting","load","$http","post","$ziggy","action","account","window","location","href","indexOf","then","response","app","template","data","value","nextTick","options","viewedSwiperOptions","slidesPerView","spaceBetween","freeMode","navigation","nextEl","prevEl","mousewheel","forceToAxis","querySelector","lazyImages","update","onMounted","IntersectionObserver","observe","_createElementBlock","_hoisted_1","_createBlock","_ctx"],"mappings":"8IASAA,UAAWC,IAAI,CAACC,aAAYC,eAE5B,MAAeC,kBAAgB,CAC3BC,KAAM,SACNC,MAAO,CACHC,OAAQ,CACJC,KAAMC,QACNC,SAAS,IAGjBC,~~MAAML~~,OACEM,GAAS,EAEPC,EAAYC,MAAI,MAChBC,EAAYD,MAAI,MAEhBE,~~EAAYC~~,~~IACdA~~,EAAQC,~~QAASC~~,~~IACTA~~,EAAMC,iBACDR,IACDA,GAAS,EACTS,~~SAMVA~~,EAAO,~~KACTC~~,MACKC,KAAKC,OAAO,cAAe,CACxBC,OAAQ,OACRC,SAA8D,IAArDC,OAAOC,SAASC,KAAKC,QAAQ,qBAEzCC,~~KAAMC~~,~~IACHL~~,OAAOM,IAAIlB,UAAU,mBAAoB,CACrCmB,SAAUF,EAASG,KAAOH,EAASG,KAAO,YAG9CpB,EAAUqB,MAAQ,mBAElBC,~~WAAS~~,~~QACD~~/B,EAAMC,OAAQ,KACR+B,EAAUX,OAAOY,oBACjBZ,OAAOY,oBACP,~~CACIC~~,cAAe,EACfC,aAAc,GACdC,UAAU,EACVC,WAAY,CACRC,OAAQ,sBACRC,OAAQ,uBAEZC,WAAY,CACRC,aAAa,~~QAIvB~~/C,UAAWa,EAAUuB,MAAMY,cAAc,qBAAsBV,GAGnEX,OAAOsB,YACPtB,OAAOsB,WAAWC,~~qBAMtCC~~,~~YAAU~~,~~KACW~~,IAAIC,~~qBAAqBpC~~,~~GACjCqC~~,~~QAAQxC~~,EAAUuB,~~SAGxB~~,CACHvB,UAAAA,EACAE,UAAAA,~~SClFHD~~,IAAI,~~iEAATwC~~,2BAAAC,kBACIC,wCAAgBC"}
1	+ {"version":3,"file":"Viewed.js","sources":["../../../../../src/js/components/shop/viewed/Viewed.vue","../../../../../src/js/components/shop/viewed/Viewed.vue?vue&type=template&id=1b35c71a&lang.js"],"sourcesContent":["<template>\n <div ref=\"container\">\n <component :is=\"component\"></component>\n </div>\n</template>\n<script>\nimport { ref, onMounted, nextTick, defineComponent } from 'vue';\nimport SwiperCore, { Navigation, Mousewheel } from 'swiper/core';\n\nSwiperCore.use([Navigation, Mousewheel]);\n\nexport default defineComponent({\n name: 'viewed',\n props: {\n slider: {\n type: Boolean,\n default: false\n }\n },\n setup(props) {\n let inited = false;\n\n const container = ref(null);\n const component = ref(null);\n\n const callback = (entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n if (!inited) {\n inited = true;\n load();\n }\n }\n });\n };\n\n const load = () => {\n $http\n .post($ziggy('api.viewed'), {\n action: 'list',\n account: window.location.href.indexOf('/account/viewed') !== -1\n })\n .then((response) => {\n window.app.component('viewed-container', {\n template: response.data ? response.data : '<i></i>'\n });\n\n component.value = 'viewed-container';\n\n nextTick(() => {\n if (props.slider) {\n const options = window.viewedSwiperOptions\n ? window.viewedSwiperOptions\n : {\n slidesPerView: 5,\n spaceBetween: 24,\n freeMode: true,\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev'\n },\n mousewheel: {\n forceToAxis: true\n }\n };\n\n new SwiperCore(container.value.querySelector('.swiper-container'), options);\n }\n\n if (window.lazyImages) {\n window.lazyImages.update();\n }\n\n if (typeof window.loadProductsCallback == 'function') {\n window.loadProductsCallback(document.getElementById('viewed'), 'Viewed products');\n }\n });\n });\n };\n\n onMounted(() => {\n const observer = new IntersectionObserver(callback);\n observer.observe(container.value);\n });\n\n return {\n container,\n component\n };\n }\n});\n</script>\n","<template>\n <div ref=\"container\">\n <component :is=\"component\"></component>\n </div>\n</template>\n<script>\nimport { ref, onMounted, nextTick, defineComponent } from 'vue';\nimport SwiperCore, { Navigation, Mousewheel } from 'swiper/core';\n\nSwiperCore.use([Navigation, Mousewheel]);\n\nexport default defineComponent({\n name: 'viewed',\n props: {\n slider: {\n type: Boolean,\n default: false\n }\n },\n setup(props) {\n let inited = false;\n\n const container = ref(null);\n const component = ref(null);\n\n const callback = (entries) => {\n entries.forEach((entry) => {\n if (entry.isIntersecting) {\n if (!inited) {\n inited = true;\n load();\n }\n }\n });\n };\n\n const load = () => {\n $http\n .post($ziggy('api.viewed'), {\n action: 'list',\n account: window.location.href.indexOf('/account/viewed') !== -1\n })\n .then((response) => {\n window.app.component('viewed-container', {\n template: response.data ? response.data : '<i></i>'\n });\n\n component.value = 'viewed-container';\n\n nextTick(() => {\n if (props.slider) {\n const options = window.viewedSwiperOptions\n ? window.viewedSwiperOptions\n : {\n slidesPerView: 5,\n spaceBetween: 24,\n freeMode: true,\n navigation: {\n nextEl: '.swiper-button-next',\n prevEl: '.swiper-button-prev'\n },\n mousewheel: {\n forceToAxis: true\n }\n };\n\n new SwiperCore(container.value.querySelector('.swiper-container'), options);\n }\n\n if (window.lazyImages) {\n window.lazyImages.update();\n }\n\n if (typeof window.loadProductsCallback == 'function') {\n window.loadProductsCallback(document.getElementById('viewed'), 'Viewed products');\n }\n });\n });\n };\n\n onMounted(() => {\n const observer = new IntersectionObserver(callback);\n observer.observe(container.value);\n });\n\n return {\n container,\n component\n };\n }\n});\n</script>\n"],"names":["SwiperCore","use","Navigation","Mousewheel","defineComponent","name","props","slider","type","Boolean","default","setup","inited","container","ref","component","callback","entries","forEach","entry","isIntersecting","load","$http","post","$ziggy","action","account","window","location","href","indexOf","then","response","app","template","data","value","nextTick","options","viewedSwiperOptions","slidesPerView","spaceBetween","freeMode","navigation","nextEl","prevEl","mousewheel","forceToAxis","querySelector","lazyImages","update","loadProductsCallback","document","getElementById","onMounted","IntersectionObserver","observe","_createElementBlock","_hoisted_1","_createBlock","_ctx"],"mappings":"8IASAA,UAAWC,IAAI,CAACC,aAAYC,eAE5B,MAAeC,kBAAgB,CAC3BC,KAAM,SACNC,MAAO,CACHC,OAAQ,CACJC,KAAMC,QACNC,SAAS,IAGjBC,eAAML,OACEM,GAAS,EAEPC,EAAYC,MAAI,MAChBC,EAAYD,MAAI,MAEhBE,EAAW,SAACC,GACdA,EAAQC,SAAQ,SAACC,GACTA,EAAMC,iBACDR,IACDA,GAAS,EACTS,UAMVA,EAAO,WACTC,MACKC,KAAKC,OAAO,cAAe,CACxBC,OAAQ,OACRC,SAA8D,IAArDC,OAAOC,SAASC,KAAKC,QAAQ,qBAEzCC,MAAK,SAACC,GACHL,OAAOM,IAAIlB,UAAU,mBAAoB,CACrCmB,SAAUF,EAASG,KAAOH,EAASG,KAAO,YAG9CpB,EAAUqB,MAAQ,mBAElBC,YAAS,cACD/B,EAAMC,OAAQ,KACR+B,EAAUX,OAAOY,oBACjBZ,OAAOY,oBACP,CACEC,cAAe,EACfC,aAAc,GACdC,UAAU,EACVC,WAAY,CACRC,OAAQ,sBACRC,OAAQ,uBAEZC,WAAY,CACRC,aAAa,QAIrB/C,UAAWa,EAAUuB,MAAMY,cAAc,qBAAsBV,GAGnEX,OAAOsB,YACPtB,OAAOsB,WAAWC,SAGoB,mBAA/BvB,OAAOwB,sBACdxB,OAAOwB,qBAAqBC,SAASC,eAAe,UAAW,iCAMnFC,aAAU,WACW,IAAIC,qBAAqBvC,GACjCwC,QAAQ3C,EAAUuB,UAGxB,CACHvB,UAAAA,EACAE,UAAAA,SCtFHD,IAAI,iEAAT2C,2BAAAC,kBACIC,wCAAgBC"}

package/dist/js/components/shop/viewed/ViewedDelete.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("vue"),t=e.defineComponent({props:{id:Number},setup(t){var n=e.ref(!1),i=()=>{var e=document.getElementById("viewed-notice");e&&e.classList.remove("is-hidden")};return{action:e=>{if(!n.value){n.value=!0;var o=t.id?e.currentTarget.closest(".product"):null;$http.post($ziggy("api.viewed"),{action:"delete",id:t.id}).then(()=>{o?(o.remove(),document.getElementById("viewed-items-container").querySelectorAll(".product").length||(document.getElementById("viewed-items-container").remove(),i())):(document.getElementById("viewed-items-container").remove(),i())}).finally(()=>{n.value=!1})}},loading:n}}});t.render=function(t,n,i,o,l,r){return t.id?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(["button viewed",{"is-loading":t.loading}]),onClick:n[0]||(n[0]=e=>t.action(e))},null,2)):(e.openBlock(),e.createElementBlock("button",{key:1,class:"button is-delete-all-viewed",onClick:n[1]||(n[1]=e=>t.action(e))},e.toDisplayString(t.__("shop.viewed.delete_all")),1))},module.exports=t;
+"use strict";var e=require("vue"),t=e.defineComponent({props:{id:Number},setup:function(t){var n=e.ref(!1),i=function(){var e=document.getElementById("viewed-notice");e&&e.classList.remove("is-hidden")};return{action:function(e){if(!n.value){n.value=!0;var o=t.id?e.currentTarget.closest(".product"):null;$http.post($ziggy("api.viewed"),{action:"delete",id:t.id}).then((function(){o?(o.remove(),document.getElementById("viewed-items-container").querySelectorAll(".product").length||(document.getElementById("viewed-items-container").remove(),i())):(document.getElementById("viewed-items-container").remove(),i())})).finally((function(){n.value=!1}))}},loading:n}}});t.render=function(t,n,i,o,l,r){return t.id?(e.openBlock(),e.createElementBlock("button",{key:0,class:e.normalizeClass(["button viewed",{"is-loading":t.loading}]),onClick:n[0]||(n[0]=function(e){return t.action(e)})},null,2)):(e.openBlock(),e.createElementBlock("button",{key:1,class:"button is-delete-all-viewed",onClick:n[1]||(n[1]=function(e){return t.action(e)})},e.toDisplayString(t.__("shop.viewed.delete_all")),1))},module.exports=t;
 //# sourceMappingURL=ViewedDelete.js.map

package/dist/js/components/shop/viewed/ViewedDelete.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ViewedDelete.js","sources":["../../../../../src/js/components/shop/viewed/ViewedDelete.vue","../../../../../src/js/components/shop/viewed/ViewedDelete.vue?vue&type=template&id=0ab20d86&lang.js"],"sourcesContent":["<template>\n <button class=\"button viewed\" @click=\"action($event)\" v-bind:class=\"{ 'is-loading': loading }\" v-if=\"id\"></button>\n <button class=\"button is-delete-all-viewed\" @click=\"action($event)\" v-else>{{ __('shop.viewed.delete_all') }}</button>\n</template>\n<script>\nimport { ref, defineComponent } from 'vue';\n\nexport default /#__PURE__/ defineComponent({\n props: {\n id: Number\n },\n setup(props) {\n const loading = ref(false);\n\n const notice = () => {\n const notice = document.getElementById('viewed-notice');\n\n if (notice) {\n notice.classList.remove('is-hidden');\n }\n };\n\n const action = (e) => {\n if (!loading.value) {\n loading.value = true;\n\n let item = props.id ? e.currentTarget.closest('.product') : null;\n\n $http\n .post($ziggy('api.viewed'), {\n action: 'delete',\n id: props.id\n })\n .then(() => {\n if (item) {\n item.remove();\n\n if (!document.getElementById('viewed-items-container').querySelectorAll('.product').length) {\n document.getElementById('viewed-items-container').remove();\n\n notice();\n }\n } else {\n document.getElementById('viewed-items-container').remove();\n\n notice();\n }\n })\n .finally(() => {\n loading.value = false;\n });\n }\n };\n\n return {\n action,\n loading\n };\n }\n});\n</script>","<template>\n <button class=\"button viewed\" @click=\"action($event)\" v-bind:class=\"{ 'is-loading': loading }\" v-if=\"id\"></button>\n <button class=\"button is-delete-all-viewed\" @click=\"action($event)\" v-else>{{ __('shop.viewed.delete_all') }}</button>\n</template>\n<script>\nimport { ref, defineComponent } from 'vue';\n\nexport default /#__PURE__/ defineComponent({\n props: {\n id: Number\n },\n setup(props) {\n const loading = ref(false);\n\n const notice = () => {\n const notice = document.getElementById('viewed-notice');\n\n if (notice) {\n notice.classList.remove('is-hidden');\n }\n };\n\n const action = (e) => {\n if (!loading.value) {\n loading.value = true;\n\n let item = props.id ? e.currentTarget.closest('.product') : null;\n\n $http\n .post($ziggy('api.viewed'), {\n action: 'delete',\n id: props.id\n })\n .then(() => {\n if (item) {\n item.remove();\n\n if (!document.getElementById('viewed-items-container').querySelectorAll('.product').length) {\n document.getElementById('viewed-items-container').remove();\n\n notice();\n }\n } else {\n document.getElementById('viewed-items-container').remove();\n\n notice();\n }\n })\n .finally(() => {\n loading.value = false;\n });\n }\n };\n\n return {\n action,\n loading\n };\n }\n});\n</script>"],"names":["defineComponent","props","id","Number","setup","loading","ref","notice","document","getElementById","classList","remove","action","e","value","item","currentTarget","closest","$http","post","$ziggy","then","querySelectorAll","length","finally","_ctx","_createElementBlock","class","onClick","$event"],"mappings":"oCAO6BA,kBAAgB,CACzCC,MAAO,CACHC,GAAIC,QAERC,~~MAAMH~~,OACII,EAAUC,OAAI,GAEdC,EAAS,~~SACLA~~,EAASC,SAASC,eAAe,iBAEnCF,GACAA,EAAOG,UAAUC,OAAO,oBAoCzB,CACHC,~~OAjCYC~~,~~QACPR~~,EAAQS,MAAO,CAChBT,EAAQS,OAAQ,MAEZC,EAAOd,EAAMC,GAAKW,EAAEG,cAAcC,QAAQ,YAAc,KAE5DC,MACKC,KAAKC,OAAO,cAAe,CACxBR,OAAQ,SACRV,GAAID,EAAMC,KAEbmB,~~KAAK~~,~~KACEN~~,GACAA,EAAKJ,SAEAH,SAASC,eAAe,0BAA0Ba,iBAAiB,YAAYC,SAChFf,SAASC,eAAe,0BAA0BE,SAElDJ,OAGJC,SAASC,eAAe,0BAA0BE,SAElDJ,~~OAGPiB~~,~~QAAQ~~,~~KACLnB~~,EAAQS,OAAQ,~~MAO5BT~~,QAAAA,4CCvD6FoB,oBAArGC,qCAAQC,wBAAM,8BAAsEF,aAArDG,~~uBAAOH~~,SAAOI,~~6BAC7CH~~,qCAAQC,MAAM,8BAA+BC,~~uBAAOH~~,SAAOI,~~uBAAmBJ~~"}
1	+ {"version":3,"file":"ViewedDelete.js","sources":["../../../../../src/js/components/shop/viewed/ViewedDelete.vue","../../../../../src/js/components/shop/viewed/ViewedDelete.vue?vue&type=template&id=0ab20d86&lang.js"],"sourcesContent":["<template>\n <button class=\"button viewed\" @click=\"action($event)\" v-bind:class=\"{ 'is-loading': loading }\" v-if=\"id\"></button>\n <button class=\"button is-delete-all-viewed\" @click=\"action($event)\" v-else>{{ __('shop.viewed.delete_all') }}</button>\n</template>\n<script>\nimport { ref, defineComponent } from 'vue';\n\nexport default /#__PURE__/ defineComponent({\n props: {\n id: Number\n },\n setup(props) {\n const loading = ref(false);\n\n const notice = () => {\n const notice = document.getElementById('viewed-notice');\n\n if (notice) {\n notice.classList.remove('is-hidden');\n }\n };\n\n const action = (e) => {\n if (!loading.value) {\n loading.value = true;\n\n let item = props.id ? e.currentTarget.closest('.product') : null;\n\n $http\n .post($ziggy('api.viewed'), {\n action: 'delete',\n id: props.id\n })\n .then(() => {\n if (item) {\n item.remove();\n\n if (!document.getElementById('viewed-items-container').querySelectorAll('.product').length) {\n document.getElementById('viewed-items-container').remove();\n\n notice();\n }\n } else {\n document.getElementById('viewed-items-container').remove();\n\n notice();\n }\n })\n .finally(() => {\n loading.value = false;\n });\n }\n };\n\n return {\n action,\n loading\n };\n }\n});\n</script>","<template>\n <button class=\"button viewed\" @click=\"action($event)\" v-bind:class=\"{ 'is-loading': loading }\" v-if=\"id\"></button>\n <button class=\"button is-delete-all-viewed\" @click=\"action($event)\" v-else>{{ __('shop.viewed.delete_all') }}</button>\n</template>\n<script>\nimport { ref, defineComponent } from 'vue';\n\nexport default /#__PURE__/ defineComponent({\n props: {\n id: Number\n },\n setup(props) {\n const loading = ref(false);\n\n const notice = () => {\n const notice = document.getElementById('viewed-notice');\n\n if (notice) {\n notice.classList.remove('is-hidden');\n }\n };\n\n const action = (e) => {\n if (!loading.value) {\n loading.value = true;\n\n let item = props.id ? e.currentTarget.closest('.product') : null;\n\n $http\n .post($ziggy('api.viewed'), {\n action: 'delete',\n id: props.id\n })\n .then(() => {\n if (item) {\n item.remove();\n\n if (!document.getElementById('viewed-items-container').querySelectorAll('.product').length) {\n document.getElementById('viewed-items-container').remove();\n\n notice();\n }\n } else {\n document.getElementById('viewed-items-container').remove();\n\n notice();\n }\n })\n .finally(() => {\n loading.value = false;\n });\n }\n };\n\n return {\n action,\n loading\n };\n }\n});\n</script>"],"names":["defineComponent","props","id","Number","setup","loading","ref","notice","document","getElementById","classList","remove","action","e","value","item","currentTarget","closest","$http","post","$ziggy","then","querySelectorAll","length","finally","_ctx","_createElementBlock","class","onClick","$event"],"mappings":"oCAO6BA,kBAAgB,CACzCC,MAAO,CACHC,GAAIC,QAERC,eAAMH,OACII,EAAUC,OAAI,GAEdC,EAAS,eACLA,EAASC,SAASC,eAAe,iBAEnCF,GACAA,EAAOG,UAAUC,OAAO,oBAoCzB,CACHC,OAjCW,SAACC,OACPR,EAAQS,MAAO,CAChBT,EAAQS,OAAQ,MAEZC,EAAOd,EAAMC,GAAKW,EAAEG,cAAcC,QAAQ,YAAc,KAE5DC,MACKC,KAAKC,OAAO,cAAe,CACxBR,OAAQ,SACRV,GAAID,EAAMC,KAEbmB,MAAK,WACEN,GACAA,EAAKJ,SAEAH,SAASC,eAAe,0BAA0Ba,iBAAiB,YAAYC,SAChFf,SAASC,eAAe,0BAA0BE,SAElDJ,OAGJC,SAASC,eAAe,0BAA0BE,SAElDJ,QAGPiB,SAAQ,WACLnB,EAAQS,OAAQ,OAO5BT,QAAAA,4CCvD6FoB,oBAArGC,qCAAQC,wBAAM,8BAAsEF,aAArDG,uCAAOH,SAAOI,8BAC7CH,qCAAQC,MAAM,8BAA+BC,uCAAOH,SAAOI,wBAAmBJ"}

package/dist/js/components/shop/viewed/Viewer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("vue").defineComponent({name:"viewer",props:{slug:{type:String}},setup(e){$http.post($ziggy("api.viewed"),{action:"view",slug:e.slug})}});e.render=function(e,t,r,i,n,u){return null},module.exports=e;
+"use strict";var e=require("vue"),t=e.defineComponent({name:"viewer",props:{slug:{type:String}},setup:function(t){var r=e.ref(null);return $http.post($ziggy("api.viewed"),{action:"view",slug:t.slug}),e.onMounted((function(){var e=r.value.closest("[shop-product]"),t=e.querySelector("[shop-product-name]").textContent,o=e.querySelector("[shop-product-price]")?e.querySelector("[shop-product-price]").childNodes[0].nodeValue.replace(/ /g,""):null,c=e.dataset.code,i=e.dataset.brand,n=e.dataset.category,a={ecommerce:{currency:"UAH",value:parseFloat(o),items:[{item_name:t,item_id:c,item_list_name:"Direct",index:1}]},event:"view_item"};o&&(a.ecommerce.items[0].price=parseFloat(o)),i&&(a.ecommerce.items[0].item_brand=i),n&&(-1!==n.indexOf("/")?n.split("/").forEach((function(e,t){a.ecommerce.items[0]["item_category"+(t?t+1:"")]=e.trim()})):a.ecommerce.items[0].item_category=n),$env.debug.ecommerce&&console.log(a),!$env.debug.ecommerce&&window.dataLayer&&(window.dataLayer.push({ecommerce:null}),window.dataLayer.push(a))})),{viewer:r}}}),r={class:"is-hidden",ref:"viewer"};t.render=function(t,o,c,i,n,a){return e.openBlock(),e.createElementBlock("span",r,null,512)},module.exports=t;
 //# sourceMappingURL=Viewer.js.map

package/dist/js/components/shop/viewed/Viewer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Viewer.js","sources":["../../../../../src/js/components/shop/viewed/Viewer.vue"],"sourcesContent":["<template></template>\n<script>\nimport { defineComponent } from \"vue\";\n\nexport default /#__PURE__/ defineComponent({\n name: \"viewer\",\n props: {\n slug: {\n type: String,\n },\n },\n setup(props) {\n $http.post($ziggy(\"api.viewed\"), {\n action: \"view\",\n slug: props.slug,\n });\n },\n});\n</script>"],"names":["name","props","slug","type","String","setup","$http","post","$ziggy","action"],"mappings":"~~kDAI6C~~,~~CACzCA~~,KAAM,SACNC,MAAO,CACHC,KAAM,CACFC,KAAMC,SAGdC,~~MAAMJ~~,~~GACFK~~,MAAMC,KAAKC,OAAO,cAAe,CAC7BC,OAAQ,~~OACRP~~,KAAMD,EAAMC"}
1	+ {"version":3,"file":"Viewer.js","sources":["../../../../../src/js/components/shop/viewed/Viewer.vue","../../../../../src/js/components/shop/viewed/Viewer.vue?vue&type=template&id=5710fade&lang.js"],"sourcesContent":["<template>\n <span class=\"is-hidden\" ref=\"viewer\"></span>\n</template>\n<script>\nimport { defineComponent, ref, onMounted } from \"vue\";\n\nexport default /#__PURE__/ defineComponent({\n name: \"viewer\",\n props: {\n slug: {\n type: String,\n },\n },\n setup(props) {\n const viewer = ref(null);\n\n $http.post($ziggy(\"api.viewed\"), {\n action: \"view\",\n slug: props.slug,\n });\n\n onMounted(() => {\n const product = viewer.value.closest('[shop-product]');\n const name = product.querySelector('[shop-product-name]').textContent;\n const price = product.querySelector('[shop-product-price]') ? product.querySelector('[shop-product-price]').childNodes[0].nodeValue.replace(/ /g, '') : null;\n const code = product.dataset.code;\n const brand = product.dataset.brand;\n const category = product.dataset.category;\n\n let object = {\n ecommerce: {\n currency: 'UAH',\n value: parseFloat(price),\n items: [\n {\n item_name: name,\n item_id: code,\n item_list_name: 'Direct',\n index: 1,\n }\n ]\n },\n event: 'view_item'\n };\n\n if (price) {\n object.ecommerce.items[0].price = parseFloat(price);\n }\n\n if (brand) {\n object.ecommerce.items[0].item_brand = brand;\n }\n\n if (category) {\n if (category.indexOf('/') !== -1) {\n category.split('/').forEach((segment, index) => {\n object.ecommerce.items[0]['item_category' + (index ? index + 1 : '')] = segment.trim();\n });\n } else {\n object.ecommerce.items[0].item_category = category;\n }\n }\n\n if ($env.debug.ecommerce) {\n console.log(object);\n }\n\n if (!$env.debug.ecommerce && window.dataLayer) {\n window.dataLayer.push({\n ecommerce: null\n });\n\n window.dataLayer.push(object);\n }\n });\n\n return {\n viewer\n };\n },\n});\n</script>","<template>\n <span class=\"is-hidden\" ref=\"viewer\"></span>\n</template>\n<script>\nimport { defineComponent, ref, onMounted } from \"vue\";\n\nexport default /#__PURE__/ defineComponent({\n name: \"viewer\",\n props: {\n slug: {\n type: String,\n },\n },\n setup(props) {\n const viewer = ref(null);\n\n $http.post($ziggy(\"api.viewed\"), {\n action: \"view\",\n slug: props.slug,\n });\n\n onMounted(() => {\n const product = viewer.value.closest('[shop-product]');\n const name = product.querySelector('[shop-product-name]').textContent;\n const price = product.querySelector('[shop-product-price]') ? product.querySelector('[shop-product-price]').childNodes[0].nodeValue.replace(/ /g, '') : null;\n const code = product.dataset.code;\n const brand = product.dataset.brand;\n const category = product.dataset.category;\n\n let object = {\n ecommerce: {\n currency: 'UAH',\n value: parseFloat(price),\n items: [\n {\n item_name: name,\n item_id: code,\n item_list_name: 'Direct',\n index: 1,\n }\n ]\n },\n event: 'view_item'\n };\n\n if (price) {\n object.ecommerce.items[0].price = parseFloat(price);\n }\n\n if (brand) {\n object.ecommerce.items[0].item_brand = brand;\n }\n\n if (category) {\n if (category.indexOf('/') !== -1) {\n category.split('/').forEach((segment, index) => {\n object.ecommerce.items[0]['item_category' + (index ? index + 1 : '')] = segment.trim();\n });\n } else {\n object.ecommerce.items[0].item_category = category;\n }\n }\n\n if ($env.debug.ecommerce) {\n console.log(object);\n }\n\n if (!$env.debug.ecommerce && window.dataLayer) {\n window.dataLayer.push({\n ecommerce: null\n });\n\n window.dataLayer.push(object);\n }\n });\n\n return {\n viewer\n };\n },\n});\n</script>"],"names":["defineComponent","name","props","slug","type","String","setup","viewer","ref","$http","post","$ziggy","action","onMounted","product","value","closest","querySelector","textContent","price","childNodes","nodeValue","replace","code","dataset","brand","category","object","ecommerce","currency","parseFloat","items","item_name","item_id","item_list_name","index","event","item_brand","indexOf","split","forEach","segment","trim","item_category","$env","debug","console","log","window","dataLayer","push","class","_createElementBlock","_hoisted_1"],"mappings":"oCAM6BA,kBAAgB,CACzCC,KAAM,SACNC,MAAO,CACHC,KAAM,CACFC,KAAMC,SAGdC,eAAMJ,OACIK,EAASC,MAAI,aAEnBC,MAAMC,KAAKC,OAAO,cAAe,CAC7BC,OAAQ,OACRT,KAAMD,EAAMC,OAGhBU,aAAU,eACAC,EAAUP,EAAOQ,MAAMC,QAAQ,kBAC/Bf,EAAOa,EAAQG,cAAc,uBAAuBC,YACpDC,EAAQL,EAAQG,cAAc,wBAA0BH,EAAQG,cAAc,wBAAwBG,WAAW,GAAGC,UAAUC,QAAQ,KAAM,IAAM,KAClJC,EAAOT,EAAQU,QAAQD,KACvBE,EAAQX,EAAQU,QAAQC,MACxBC,EAAWZ,EAAQU,QAAQE,SAE7BC,EAAS,CACTC,UAAW,CACPC,SAAU,MACVd,MAAOe,WAAWX,GAClBY,MAAO,CACH,CACIC,UAAW/B,EACXgC,QAASV,EACTW,eAAgB,SAChBC,MAAO,KAInBC,MAAO,aAGPjB,IACAQ,EAAOC,UAAUG,MAAM,GAAGZ,MAAQW,WAAWX,IAG7CM,IACAE,EAAOC,UAAUG,MAAM,GAAGM,WAAaZ,GAGvCC,KAC+B,IAA3BA,EAASY,QAAQ,KACjBZ,EAASa,MAAM,KAAKC,SAAQ,SAACC,EAASN,GAClCR,EAAOC,UAAUG,MAAM,GAAG,iBAAmBI,EAAQA,EAAQ,EAAI,KAAOM,EAAQC,UAGpFf,EAAOC,UAAUG,MAAM,GAAGY,cAAgBjB,GAI9CkB,KAAKC,MAAMjB,WACXkB,QAAQC,IAAIpB,IAGXiB,KAAKC,MAAMjB,WAAaoB,OAAOC,YAChCD,OAAOC,UAAUC,KAAK,CAClBtB,UAAW,OAGfoB,OAAOC,UAAUC,KAAKvB,OAIvB,CACHpB,OAAAA,SC5EF4C,MAAM,YAAY3C,IAAI,8DAA5B4C,4BAAAC"}

package/dist/js/components/shop/wishlist/SuccessMessage.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("vue"),s={props:{last:null},setup:()=>({translate:window.__})},t={class:"shop-wishlist-success-message"},l=["href"];s.render=function(s,r,o,a,i,n){return e.openBlock(),e.createElementBlock("div",t,[e.createElementVNode("div",null,e.toDisplayString(a.translate("shop.wishlist.product_added_named",{product:o.last.name})),1),e.createElementVNode("a",{href:o.last.url,class:"mt-2 is-size-7",style:{color:"#fff","border-bottom":"1px solid #fff"}},e.toDisplayString(a.translate("shop.wishlist.goto")),9,l)])},module.exports=s;
+"use strict";var e=require("vue"),t={props:{last:null},setup:function(){return{translate:window.__}}},s={class:"shop-wishlist-success-message"},r=["href"];t.render=function(t,l,o,a,n,i){return e.openBlock(),e.createElementBlock("div",s,[e.createElementVNode("div",null,e.toDisplayString(a.translate("shop.wishlist.product_added_named",{product:o.last.name})),1),e.createElementVNode("a",{href:o.last.url,class:"mt-2 is-size-7",style:{color:"#fff","border-bottom":"1px solid #fff"}},e.toDisplayString(a.translate("shop.wishlist.goto")),9,r)])},module.exports=t;
 //# sourceMappingURL=SuccessMessage.js.map

package/dist/js/components/shop/wishlist/SuccessMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SuccessMessage.js","sources":["../../../../../src/js/components/shop/wishlist/SuccessMessage.vue","../../../../../src/js/components/shop/wishlist/SuccessMessage.vue?vue&type=template&id=74840bcb&lang.js"],"sourcesContent":["<template>\n <div class=\"shop-wishlist-success-message\">\n <div>\n {{\n translate(\"shop.wishlist.product_added_named\", {\n product: last.name,\n })\n }}\n </div>\n <a\n :href=\"last.url\"\n class=\"mt-2 is-size-7\"\n style=\"color: #fff; border-bottom: 1px solid #fff\"\n >{{ translate(\"shop.wishlist.goto\") }}</a\n >\n </div>\n</template>\n<script>\nexport default {\n props: {\n last: null,\n },\n setup() {\n const translate = window.__;\n\n return {\n translate,\n };\n },\n};\n</script>","<template>\n <div class=\"shop-wishlist-success-message\">\n <div>\n {{\n translate(\"shop.wishlist.product_added_named\", {\n product: last.name,\n })\n }}\n </div>\n <a\n :href=\"last.url\"\n class=\"mt-2 is-size-7\"\n style=\"color: #fff; border-bottom: 1px solid #fff\"\n >{{ translate(\"shop.wishlist.goto\") }}</a\n >\n </div>\n</template>\n<script>\nexport default {\n props: {\n last: null,\n },\n setup() {\n const translate = window.__;\n\n return {\n translate,\n };\n },\n};\n</script>"],"names":["props","last","setup","translate","window","__","class","_createElementBlock","_hoisted_1","_createElementVNode","$setup","href","$props","url","style"],"mappings":"oCAkBe,CACXA,MAAO,CACHC,KAAM,MAEVC,~~MAAK~~,~~KAGM,~~CACHC,UAHcC,OAAOC,SCtBxBC,MAAM,gGAAXC,2BAAAC,GACIC,kDAEQC,2EAKRD,0BACKE,KAAMC,OAAKC,IACZP,MAAM,iBACNQ,MAAA,mEACIJ"}
1	+ {"version":3,"file":"SuccessMessage.js","sources":["../../../../../src/js/components/shop/wishlist/SuccessMessage.vue","../../../../../src/js/components/shop/wishlist/SuccessMessage.vue?vue&type=template&id=74840bcb&lang.js"],"sourcesContent":["<template>\n <div class=\"shop-wishlist-success-message\">\n <div>\n {{\n translate(\"shop.wishlist.product_added_named\", {\n product: last.name,\n })\n }}\n </div>\n <a\n :href=\"last.url\"\n class=\"mt-2 is-size-7\"\n style=\"color: #fff; border-bottom: 1px solid #fff\"\n >{{ translate(\"shop.wishlist.goto\") }}</a\n >\n </div>\n</template>\n<script>\nexport default {\n props: {\n last: null,\n },\n setup() {\n const translate = window.__;\n\n return {\n translate,\n };\n },\n};\n</script>","<template>\n <div class=\"shop-wishlist-success-message\">\n <div>\n {{\n translate(\"shop.wishlist.product_added_named\", {\n product: last.name,\n })\n }}\n </div>\n <a\n :href=\"last.url\"\n class=\"mt-2 is-size-7\"\n style=\"color: #fff; border-bottom: 1px solid #fff\"\n >{{ translate(\"shop.wishlist.goto\") }}</a\n >\n </div>\n</template>\n<script>\nexport default {\n props: {\n last: null,\n },\n setup() {\n const translate = window.__;\n\n return {\n translate,\n };\n },\n};\n</script>"],"names":["props","last","setup","translate","window","__","class","_createElementBlock","_hoisted_1","_createElementVNode","$setup","href","$props","url","style"],"mappings":"oCAkBe,CACXA,MAAO,CACHC,KAAM,MAEVC,uBAGW,CACHC,UAHcC,OAAOC,SCtBxBC,MAAM,gGAAXC,2BAAAC,GACIC,kDAEQC,2EAKRD,0BACKE,KAAMC,OAAKC,IACZP,MAAM,iBACNQ,MAAA,mEACIJ"}

package/dist/js/components/shop/wishlist/Wishlist.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("vue"),t=require("vuex"),n=e.defineComponent({setup(){var n=t.useStore(),o=e.ref(!1),i=e.computed(()=>n.getters["wishlist/items"]),a=e.computed(()=>n.getters["auth/is"]);return n.dispatch("wishlist/get",{finally:()=>{o.value=!0}}),{mounted:o,auth:a,action:()=>{a.value?window.location.href=$ziggy("account.wish"):n.commit("auth/modal","login")},items:i}}}),o=e.createElementVNode("span",null,[e.createElementVNode("i",{class:"fas fa-heart"})],-1),i={class:"ml-2"};n.render=function(t,n,a,l,r,s){return t.mounted?(e.openBlock(),e.createElementBlock("div",{key:0,class:"button",onClick:n[0]||(n[0]=function(){return t.action&&t.action(...arguments)})},[e.renderSlot(t.$slots,"default",{total:t.items.length},()=>[o,e.createElementVNode("span",i,e.toDisplayString(t.items.length),1)])])):e.createCommentVNode("v-if",!0)},module.exports=n;
+"use strict";var e=require("vue"),t=require("vuex"),n=e.defineComponent({setup:function(){var n=t.useStore(),o=e.ref(!1),i=e.computed((function(){return n.getters["wishlist/items"]})),r=e.computed((function(){return n.getters["auth/is"]}));return n.dispatch("wishlist/get",{finally:function(){o.value=!0}}),{mounted:o,auth:r,action:function(){r.value?window.location.href=$ziggy("account.wish"):n.commit("auth/modal","login")},items:i}}}),o=e.createElementVNode("span",null,[e.createElementVNode("i",{class:"fas fa-heart"})],-1),i={class:"ml-2"};n.render=function(t,n,r,u,a,l){return t.mounted?(e.openBlock(),e.createElementBlock("div",{key:0,class:"button",onClick:n[0]||(n[0]=function(){return t.action&&t.action.apply(t,arguments)})},[e.renderSlot(t.$slots,"default",{total:t.items.length},(function(){return[o,e.createElementVNode("span",i,e.toDisplayString(t.items.length),1)]}))])):e.createCommentVNode("v-if",!0)},module.exports=n;
 //# sourceMappingURL=Wishlist.js.map

package/dist/js/components/shop/wishlist/Wishlist.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Wishlist.js","sources":["../../../../../src/js/components/shop/wishlist/Wishlist.vue","../../../../../src/js/components/shop/wishlist/Wishlist.vue?vue&type=template&id=fd37bbf2&lang.js"],"sourcesContent":["<template>\n <div class=\"button\" @click=\"action\" v-if=\"mounted\">\n <slot :total=\"items.length\">\n <span>\n <i class=\"fas fa-heart\"></i>\n </span>\n <span class=\"ml-2\">\n {{ items.length }}\n </span>\n </slot>\n </div>\n</template>\n<script>\nimport { ref, computed, defineComponent } from \"vue\";\nimport { useStore } from \"vuex\";\n\nexport default /#__PURE__/ defineComponent({\n setup() {\n const store = useStore();\n const mounted = ref(false);\n const items = computed(() => store.getters[\"wishlist/items\"]);\n const auth = computed(() => store.getters[\"auth/is\"]);\n\n const action = () => {\n if (!auth.value) {\n store.commit(\"auth/modal\", \"login\");\n } else {\n window.location.href = $ziggy(\"account.wish\");\n }\n };\n\n store.dispatch(\"wishlist/get\", {\n finally: () => {\n mounted.value = true;\n },\n });\n\n return {\n mounted,\n auth,\n action,\n items,\n };\n },\n});\n</script>","<template>\n <div class=\"button\" @click=\"action\" v-if=\"mounted\">\n <slot :total=\"items.length\">\n <span>\n <i class=\"fas fa-heart\"></i>\n </span>\n <span class=\"ml-2\">\n {{ items.length }}\n </span>\n </slot>\n </div>\n</template>\n<script>\nimport { ref, computed, defineComponent } from \"vue\";\nimport { useStore } from \"vuex\";\n\nexport default /#__PURE__/ defineComponent({\n setup() {\n const store = useStore();\n const mounted = ref(false);\n const items = computed(() => store.getters[\"wishlist/items\"]);\n const auth = computed(() => store.getters[\"auth/is\"]);\n\n const action = () => {\n if (!auth.value) {\n store.commit(\"auth/modal\", \"login\");\n } else {\n window.location.href = $ziggy(\"account.wish\");\n }\n };\n\n store.dispatch(\"wishlist/get\", {\n finally: () => {\n mounted.value = true;\n },\n });\n\n return {\n mounted,\n auth,\n action,\n items,\n };\n },\n});\n</script>"],"names":["defineComponent","setup","store","useStore","mounted","ref","items","computed","getters","auth","dispatch","finally","value","action","window","location","href","$ziggy","commit","_createElementVNode","class","_ctx","_createElementBlock","onClick","_renderSlot","total","length","_hoisted_1","_hoisted_2"],"mappings":"sDAgB6BA,kBAAgB,CACzCC,~~YACUC~~,EAAQC,aACRC,EAAUC,OAAI,GACdC,EAAQC,~~WAAS~~,~~IAAML~~,EAAMM,QAAQ,~~mBACrCC~~,EAAOF,~~WAAS~~,~~IAAML~~,EAAMM,QAAQ,~~mBAU1CN~~,EAAMQ,SAAS,eAAgB,CAC3BC,QAAS,~~KACLP~~,EAAQQ,OAAQ,KAIjB,CACHR,QAAAA,EACAK,KAAAA,EACAI,OAjBW,~~KACNJ~~,EAAKG,MAGNE,OAAOC,SAASC,KAAOC,OAAO,gBAF9Bf,EAAMgB,OAAO,aAAc,UAgB/BZ,MAAAA,QCtCAa,kCACIA,0BAAGC,MAAM,yBAEPA,MAAM,8CALsBC,yBAA1CC,kCAAKF,MAAM,SAAUG,sCAAOF,~~qCACxBG~~,iCAAOC,MAAOJ,QAAMK,~~QAApB~~,~~KACIC~~,EAGAR,4BAAAS,oBACOP,QAAMK"}
1	+ {"version":3,"file":"Wishlist.js","sources":["../../../../../src/js/components/shop/wishlist/Wishlist.vue","../../../../../src/js/components/shop/wishlist/Wishlist.vue?vue&type=template&id=fd37bbf2&lang.js"],"sourcesContent":["<template>\n <div class=\"button\" @click=\"action\" v-if=\"mounted\">\n <slot :total=\"items.length\">\n <span>\n <i class=\"fas fa-heart\"></i>\n </span>\n <span class=\"ml-2\">\n {{ items.length }}\n </span>\n </slot>\n </div>\n</template>\n<script>\nimport { ref, computed, defineComponent } from \"vue\";\nimport { useStore } from \"vuex\";\n\nexport default /#__PURE__/ defineComponent({\n setup() {\n const store = useStore();\n const mounted = ref(false);\n const items = computed(() => store.getters[\"wishlist/items\"]);\n const auth = computed(() => store.getters[\"auth/is\"]);\n\n const action = () => {\n if (!auth.value) {\n store.commit(\"auth/modal\", \"login\");\n } else {\n window.location.href = $ziggy(\"account.wish\");\n }\n };\n\n store.dispatch(\"wishlist/get\", {\n finally: () => {\n mounted.value = true;\n },\n });\n\n return {\n mounted,\n auth,\n action,\n items,\n };\n },\n});\n</script>","<template>\n <div class=\"button\" @click=\"action\" v-if=\"mounted\">\n <slot :total=\"items.length\">\n <span>\n <i class=\"fas fa-heart\"></i>\n </span>\n <span class=\"ml-2\">\n {{ items.length }}\n </span>\n </slot>\n </div>\n</template>\n<script>\nimport { ref, computed, defineComponent } from \"vue\";\nimport { useStore } from \"vuex\";\n\nexport default /#__PURE__/ defineComponent({\n setup() {\n const store = useStore();\n const mounted = ref(false);\n const items = computed(() => store.getters[\"wishlist/items\"]);\n const auth = computed(() => store.getters[\"auth/is\"]);\n\n const action = () => {\n if (!auth.value) {\n store.commit(\"auth/modal\", \"login\");\n } else {\n window.location.href = $ziggy(\"account.wish\");\n }\n };\n\n store.dispatch(\"wishlist/get\", {\n finally: () => {\n mounted.value = true;\n },\n });\n\n return {\n mounted,\n auth,\n action,\n items,\n };\n },\n});\n</script>"],"names":["defineComponent","setup","store","useStore","mounted","ref","items","computed","getters","auth","dispatch","finally","value","action","window","location","href","$ziggy","commit","_createElementVNode","class","_ctx","_createElementBlock","onClick","_renderSlot","total","length","_hoisted_1","_hoisted_2"],"mappings":"sDAgB6BA,kBAAgB,CACzCC,qBACUC,EAAQC,aACRC,EAAUC,OAAI,GACdC,EAAQC,YAAS,kBAAML,EAAMM,QAAQ,qBACrCC,EAAOF,YAAS,kBAAML,EAAMM,QAAQ,qBAU1CN,EAAMQ,SAAS,eAAgB,CAC3BC,QAAS,WACLP,EAAQQ,OAAQ,KAIjB,CACHR,QAAAA,EACAK,KAAAA,EACAI,OAjBW,WACNJ,EAAKG,MAGNE,OAAOC,SAASC,KAAOC,OAAO,gBAF9Bf,EAAMgB,OAAO,aAAc,UAgB/BZ,MAAAA,QCtCAa,kCACIA,0BAAGC,MAAM,yBAEPA,MAAM,8CALsBC,yBAA1CC,kCAAKF,MAAM,SAAUG,sCAAOF,0CACxBG,iCAAOC,MAAOJ,QAAMK,SAApB,kBACIC,EAGAR,4BAAAS,oBACOP,QAAMK"}