npm - @perevorot/shop - Versions diffs - 2.0.160 → 2.0.161 - Mend

@perevorot/shop 2.0.160 → 2.0.161

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 (51) hide show

package/dist/components/shop/order/CheckoutItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckoutItem.js","sources":["../../../../src/components/shop/order/CheckoutItem.vue","../../../../src/components/shop/order/CheckoutItem.vue?vue&type=template&id=4d5a1fac&lang.js"],"sourcesContent":["<template>\n <div class=\"columns is-multiline shop-cart-item\" v-bind:class=\"{ 'is-bundle': item.attributes.bundle }\">\n <div class=\"column is-12\" v-if=\"item.attributes.bundle\">\n <div class=\"bundle-title\">{{ __('shop.cart.bundle') }}</div>\n </div>\n <div class=\"column name\">\n <div class=\"columns\" v-bind:class=\"{ 'mb-0': item.attributes.bundle }\">\n <div class=\"column is-narrow\">\n <a :href=\"item.attributes.href\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.image }\">\n <img :src=\"item.attributes.image\" v-if=\"item.attributes.image\" />\n <svg v-else><use xlink:href=\"#logo\" /></svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"columns is-gapless mb-0\">\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.code\">{{ __('shop.cart.code') }} {{ item.attributes.code }}</div>\n <div class=\"title\">\n <a :href=\"item.attributes.href\">{{ item.name }}</a>\n </div>\n </div>\n <div class=\"column is-2 has-text-centered is-relative\">\n <div class=\"quantity\">⨉ {{ item.quantity }}</div>\n <div class=\"quantity-price\" v-if=\"parseInt(item.quantity) > 1\"><span v-html=\"$filters.price(item.attributes.price)\"></span> / {{ __('shop.cart.q') }}</div>\n </div>\n <div class=\"column is-2 has-text-right\">\n <div class=\"price\" v-bind:class=\"{ 'bundle-price': item.attributes.bundle }\">\n <div v-if=\"item.attributes.priceOld\" class=\"price-old\" v-html=\"$filters.price(item.attributes.priceOld * item.quantity)\"></div>\n <div class=\"bundle-amount\" v-if=\"item.attributes.bundle && item.attributes.amount\" v-html=\"__('shop.cart.bundle_amount') + (item.attributes.amount.percent ? item.attributes.amount.percent + '%' : $filters.price(item.attributes.amount.sum * item.quantity))\"></div>\n <div v-html=\"$filters.price(item.attributes.price * item.quantity)\"></div>\n </div>\n </div>\n </div>\n <div class=\"options is-toggled\" v-if=\"itemOptions && itemOptions.length\">\n <div class=\"toggler\">\n <span>{{ __('shop.cart.additional') }} {{ itemOptions.length }}</span>\n </div>\n <div class=\"wrapper\">\n <div v-for=\"(option, index) in itemOptions\" v-bind:key=\"index\" class=\"columns is-checked\">\n <div class=\"column\">\n <div class=\"option-title\">{{ option.name }}</div>\n </div>\n <div class=\"column is-2 has-text-right\">+<span v-html=\"$filters.price(option.price)\"></span></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle\">\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\"><use xlink:href=\"#bundle-plus\" /></svg>\n <a :href=\"item.attributes.second.href\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.second.image }\">\n <img :src=\"item.attributes.second.image\" v-if=\"item.attributes.second.image\" />\n <svg v-else><use xlink:href=\"#logo\" /></svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.second.code\">{{ __('shop.cart.code') }} {{ item.attributes.second.code }}</div>\n <div class=\"title\">\n <a :href=\"item.attributes.second.href\">{{ item.attributes.second.name }}</a>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle && item.attributes.third\">\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\"><use xlink:href=\"#bundle-plus\" /></svg>\n <a :href=\"item.attributes.third.href\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.third.image }\">\n <img :src=\"item.attributes.third.image\" v-if=\"item.attributes.third.image\" />\n <svg v-else><use xlink:href=\"#logo\" /></svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.third.code\">{{ __('shop.cart.code') }} {{ item.attributes.third.code }}</div>\n <div class=\"title\">\n <a :href=\"item.attributes.third.href\">{{ item.attributes.third.name }}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { defineComponent, computed } from 'vue';\n\nexport default /#__PURE__/ defineComponent({\n name: 'CheckoutItem',\n props: {\n item: Object\n },\n setup(props) {\n const options = computed(() => (props.item.attributes.options && props.item.attributes.options.length ? props.item.attributes.options : []));\n const itemOptions = computed(() => (props.item.options && props.item.options.length ? props.item.options.filter((option) => options.value.indexOf(option.id) !== -1) : []));\n\n return {\n itemOptions\n };\n }\n});\n</script>","<template>\n <div class=\"columns is-multiline shop-cart-item\" v-bind:class=\"{ 'is-bundle': item.attributes.bundle }\">\n <div class=\"column is-12\" v-if=\"item.attributes.bundle\">\n <div class=\"bundle-title\">{{ __('shop.cart.bundle') }}</div>\n </div>\n <div class=\"column name\">\n <div class=\"columns\" v-bind:class=\"{ 'mb-0': item.attributes.bundle }\">\n <div class=\"column is-narrow\">\n <a :href=\"item.attributes.href\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.image }\">\n <img :src=\"item.attributes.image\" v-if=\"item.attributes.image\" />\n <svg v-else><use xlink:href=\"#logo\" /></svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"columns is-gapless mb-0\">\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.code\">{{ __('shop.cart.code') }} {{ item.attributes.code }}</div>\n <div class=\"title\">\n <a :href=\"item.attributes.href\">{{ item.name }}</a>\n </div>\n </div>\n <div class=\"column is-2 has-text-centered is-relative\">\n <div class=\"quantity\">⨉ {{ item.quantity }}</div>\n <div class=\"quantity-price\" v-if=\"parseInt(item.quantity) > 1\"><span v-html=\"$filters.price(item.attributes.price)\"></span> / {{ __('shop.cart.q') }}</div>\n </div>\n <div class=\"column is-2 has-text-right\">\n <div class=\"price\" v-bind:class=\"{ 'bundle-price': item.attributes.bundle }\">\n <div v-if=\"item.attributes.priceOld\" class=\"price-old\" v-html=\"$filters.price(item.attributes.priceOld * item.quantity)\"></div>\n <div class=\"bundle-amount\" v-if=\"item.attributes.bundle && item.attributes.amount\" v-html=\"__('shop.cart.bundle_amount') + (item.attributes.amount.percent ? item.attributes.amount.percent + '%' : $filters.price(item.attributes.amount.sum * item.quantity))\"></div>\n <div v-html=\"$filters.price(item.attributes.price * item.quantity)\"></div>\n </div>\n </div>\n </div>\n <div class=\"options is-toggled\" v-if=\"itemOptions && itemOptions.length\">\n <div class=\"toggler\">\n <span>{{ __('shop.cart.additional') }} {{ itemOptions.length }}</span>\n </div>\n <div class=\"wrapper\">\n <div v-for=\"(option, index) in itemOptions\" v-bind:key=\"index\" class=\"columns is-checked\">\n <div class=\"column\">\n <div class=\"option-title\">{{ option.name }}</div>\n </div>\n <div class=\"column is-2 has-text-right\">+<span v-html=\"$filters.price(option.price)\"></span></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle\">\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\"><use xlink:href=\"#bundle-plus\" /></svg>\n <a :href=\"item.attributes.second.href\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.second.image }\">\n <img :src=\"item.attributes.second.image\" v-if=\"item.attributes.second.image\" />\n <svg v-else><use xlink:href=\"#logo\" /></svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.second.code\">{{ __('shop.cart.code') }} {{ item.attributes.second.code }}</div>\n <div class=\"title\">\n <a :href=\"item.attributes.second.href\">{{ item.attributes.second.name }}</a>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle && item.attributes.third\">\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\"><use xlink:href=\"#bundle-plus\" /></svg>\n <a :href=\"item.attributes.third.href\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.third.image }\">\n <img :src=\"item.attributes.third.image\" v-if=\"item.attributes.third.image\" />\n <svg v-else><use xlink:href=\"#logo\" /></svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.third.code\">{{ __('shop.cart.code') }} {{ item.attributes.third.code }}</div>\n <div class=\"title\">\n <a :href=\"item.attributes.third.href\">{{ item.attributes.third.name }}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { defineComponent, computed } from 'vue';\n\nexport default /#__PURE__/ defineComponent({\n name: 'CheckoutItem',\n props: {\n item: Object\n },\n setup(props) {\n const options = computed(() => (props.item.attributes.options && props.item.attributes.options.length ? props.item.attributes.options : []));\n const itemOptions = computed(() => (props.item.options && props.item.options.length ? props.item.options.filter((option) => options.value.indexOf(option.id) !== -1) : []));\n\n return {\n itemOptions\n };\n }\n});\n</script>"],"names":["script","defineComponent","name","props","item","Object","setup","options","computed","attributes","length","itemOptions","filter","option","value","indexOf","id","class","_hoisted_2","_hoisted_3","_hoisted_4","_createElementVNode","createElementVNode","xlink:href","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_14","_hoisted_16","_hoisted_17","_hoisted_20","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_32","_hoisted_39","_hoisted_41","_hoisted_44","_hoisted_51","_hoisted_53","_createElementBlock","createElementBlock","is-bundle","_ctx","bundle","_openBlock","_hoisted_1","_toDisplayString","__","mb-0","href","no-thumb","image","src","_hoisted_7","_hoisted_9","code","_hoisted_13","quantity","parseInt","openBlock","_hoisted_18","innerHTML","price","_createTextVNode","createTextVNode","bundle-price","priceOld","$filters","amount","percent","sum","_hoisted_24","_Fragment","Fragment","_renderList","index","key","_hoisted_31","_hoisted_33","second","_normalizeClass","_hoisted_36","_hoisted_38","_hoisted_40","toDisplayString","_hoisted_42","third","_hoisted_43","_hoisted_45","_hoisted_48","_hoisted_50","_hoisted_52","_hoisted_54"],"mappings":"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"}
1	+ {"version":3,"file":"CheckoutItem.js","sources":["../../../../src/components/shop/order/CheckoutItem.vue","../../../../src/components/shop/order/CheckoutItem.vue?vue&type=template&id=4d5a1fac&lang.js"],"sourcesContent":["<template>\n <div class=\"columns is-multiline shop-cart-item\" v-bind:class=\"{ 'is-bundle': item.attributes.bundle }\">\n <div class=\"column is-12\" v-if=\"item.attributes.bundle\">\n <div class=\"bundle-title\">{{ __('shop.cart.bundle') }}</div>\n </div>\n <div class=\"column name\">\n <div class=\"columns\" v-bind:class=\"{ 'mb-0': item.attributes.bundle }\">\n <div class=\"column is-narrow\">\n <a :href=\"item.attributes.href\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.image }\">\n <img :src=\"item.attributes.image\" v-if=\"item.attributes.image\" />\n <svg v-else><use xlink:href=\"#logo\" /></svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"columns is-gapless mb-0\">\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.code\">{{ __('shop.cart.code') }} {{ item.attributes.code }}</div>\n <div class=\"title\">\n <a :href=\"item.attributes.href\">{{ item.name }}</a>\n </div>\n </div>\n <div class=\"column is-2 has-text-centered is-relative\">\n <div class=\"quantity\">⨉ {{ item.quantity }}</div>\n <div class=\"quantity-price\" v-if=\"parseInt(item.quantity) > 1\"><span v-html=\"$filters.price(item.attributes.price)\"></span> / {{ __('shop.cart.q') }}</div>\n </div>\n <div class=\"column is-2 has-text-right\">\n <div class=\"price\" v-bind:class=\"{ 'bundle-price': item.attributes.bundle }\">\n <div v-if=\"item.attributes.priceOld\" class=\"price-old\" v-html=\"$filters.price(item.attributes.priceOld * item.quantity)\"></div>\n <div class=\"bundle-amount\" v-if=\"item.attributes.bundle && item.attributes.amount\" v-html=\"__('shop.cart.bundle_amount') + (item.attributes.amount.percent ? item.attributes.amount.percent + '%' : $filters.price(item.attributes.amount.sum * item.quantity))\"></div>\n <div v-html=\"$filters.price(item.attributes.price * item.quantity)\"></div>\n </div>\n </div>\n </div>\n <div class=\"options is-toggled\" v-if=\"itemOptions && itemOptions.length\">\n <div class=\"toggler\">\n <span>{{ __('shop.cart.additional') }} {{ itemOptions.length }}</span>\n </div>\n <div class=\"wrapper\">\n <div v-for=\"(option, index) in itemOptions\" v-bind:key=\"index\" class=\"columns is-checked\">\n <div class=\"column\">\n <div class=\"option-title\">{{ option.name }}</div>\n </div>\n <div class=\"column is-2 has-text-right\">+<span v-html=\"$filters.price(option.price)\"></span></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle\">\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\"><use xlink:href=\"#bundle-plus\" /></svg>\n <a :href=\"item.attributes.second.href\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.second.image }\">\n <img :src=\"item.attributes.second.image\" v-if=\"item.attributes.second.image\" />\n <svg v-else><use xlink:href=\"#logo\" /></svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.second.code\">{{ __('shop.cart.code') }} {{ item.attributes.second.code }}</div>\n <div class=\"title\">\n <a :href=\"item.attributes.second.href\">{{ item.attributes.second.name }}</a>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle && item.attributes.third\">\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\"><use xlink:href=\"#bundle-plus\" /></svg>\n <a :href=\"item.attributes.third.href\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.third.image }\">\n <img :src=\"item.attributes.third.image\" v-if=\"item.attributes.third.image\" />\n <svg v-else><use xlink:href=\"#logo\" /></svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.third.code\">{{ __('shop.cart.code') }} {{ item.attributes.third.code }}</div>\n <div class=\"title\">\n <a :href=\"item.attributes.third.href\">{{ item.attributes.third.name }}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { defineComponent, computed } from 'vue';\n\nexport default /#__PURE__/ defineComponent({\n name: 'CheckoutItem',\n props: {\n item: Object\n },\n setup(props) {\n const options = computed(() => (props.item.attributes.options && props.item.attributes.options.length ? props.item.attributes.options : []));\n const itemOptions = computed(() => (props.item.options && props.item.options.length ? props.item.options.filter((option) => options.value.indexOf(option.id) !== -1) : []));\n\n return {\n itemOptions\n };\n }\n});\n</script>","<template>\n <div class=\"columns is-multiline shop-cart-item\" v-bind:class=\"{ 'is-bundle': item.attributes.bundle }\">\n <div class=\"column is-12\" v-if=\"item.attributes.bundle\">\n <div class=\"bundle-title\">{{ __('shop.cart.bundle') }}</div>\n </div>\n <div class=\"column name\">\n <div class=\"columns\" v-bind:class=\"{ 'mb-0': item.attributes.bundle }\">\n <div class=\"column is-narrow\">\n <a :href=\"item.attributes.href\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.image }\">\n <img :src=\"item.attributes.image\" v-if=\"item.attributes.image\" />\n <svg v-else><use xlink:href=\"#logo\" /></svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"columns is-gapless mb-0\">\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.code\">{{ __('shop.cart.code') }} {{ item.attributes.code }}</div>\n <div class=\"title\">\n <a :href=\"item.attributes.href\">{{ item.name }}</a>\n </div>\n </div>\n <div class=\"column is-2 has-text-centered is-relative\">\n <div class=\"quantity\">⨉ {{ item.quantity }}</div>\n <div class=\"quantity-price\" v-if=\"parseInt(item.quantity) > 1\"><span v-html=\"$filters.price(item.attributes.price)\"></span> / {{ __('shop.cart.q') }}</div>\n </div>\n <div class=\"column is-2 has-text-right\">\n <div class=\"price\" v-bind:class=\"{ 'bundle-price': item.attributes.bundle }\">\n <div v-if=\"item.attributes.priceOld\" class=\"price-old\" v-html=\"$filters.price(item.attributes.priceOld * item.quantity)\"></div>\n <div class=\"bundle-amount\" v-if=\"item.attributes.bundle && item.attributes.amount\" v-html=\"__('shop.cart.bundle_amount') + (item.attributes.amount.percent ? item.attributes.amount.percent + '%' : $filters.price(item.attributes.amount.sum * item.quantity))\"></div>\n <div v-html=\"$filters.price(item.attributes.price * item.quantity)\"></div>\n </div>\n </div>\n </div>\n <div class=\"options is-toggled\" v-if=\"itemOptions && itemOptions.length\">\n <div class=\"toggler\">\n <span>{{ __('shop.cart.additional') }} {{ itemOptions.length }}</span>\n </div>\n <div class=\"wrapper\">\n <div v-for=\"(option, index) in itemOptions\" v-bind:key=\"index\" class=\"columns is-checked\">\n <div class=\"column\">\n <div class=\"option-title\">{{ option.name }}</div>\n </div>\n <div class=\"column is-2 has-text-right\">+<span v-html=\"$filters.price(option.price)\"></span></div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle\">\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\"><use xlink:href=\"#bundle-plus\" /></svg>\n <a :href=\"item.attributes.second.href\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.second.image }\">\n <img :src=\"item.attributes.second.image\" v-if=\"item.attributes.second.image\" />\n <svg v-else><use xlink:href=\"#logo\" /></svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.second.code\">{{ __('shop.cart.code') }} {{ item.attributes.second.code }}</div>\n <div class=\"title\">\n <a :href=\"item.attributes.second.href\">{{ item.attributes.second.name }}</a>\n </div>\n </div>\n </div>\n <div class=\"bundle columns\" v-if=\"item.attributes.bundle && item.attributes.third\">\n <div class=\"column is-narrow\">\n <svg class=\"bundle-icon\"><use xlink:href=\"#bundle-plus\" /></svg>\n <a :href=\"item.attributes.third.href\">\n <figure class=\"image is-square\" v-bind:class=\"{ 'no-thumb': !item.attributes.third.image }\">\n <img :src=\"item.attributes.third.image\" v-if=\"item.attributes.third.image\" />\n <svg v-else><use xlink:href=\"#logo\" /></svg>\n </figure>\n </a>\n </div>\n <div class=\"column\">\n <div class=\"code\" v-if=\"item.attributes.third.code\">{{ __('shop.cart.code') }} {{ item.attributes.third.code }}</div>\n <div class=\"title\">\n <a :href=\"item.attributes.third.href\">{{ item.attributes.third.name }}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { defineComponent, computed } from 'vue';\n\nexport default /#__PURE__/ defineComponent({\n name: 'CheckoutItem',\n props: {\n item: Object\n },\n setup(props) {\n const options = computed(() => (props.item.attributes.options && props.item.attributes.options.length ? props.item.attributes.options : []));\n const itemOptions = computed(() => (props.item.options && props.item.options.length ? props.item.options.filter((option) => options.value.indexOf(option.id) !== -1) : []));\n\n return {\n itemOptions\n };\n }\n});\n</script>"],"names":["script","defineComponent","name","props","item","Object","setup","options","computed","attributes","length","itemOptions","filter","option","value","indexOf","id","class","_hoisted_2","_hoisted_3","_hoisted_4","_createElementVNode","createElementVNode","xlink:href","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_14","_hoisted_16","_hoisted_17","_hoisted_20","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_32","_hoisted_39","_hoisted_41","_hoisted_44","_hoisted_51","_hoisted_53","_createElementBlock","createElementBlock","is-bundle","_ctx","bundle","_openBlock","_hoisted_1","_toDisplayString","__","mb-0","href","no-thumb","image","src","_hoisted_7","_hoisted_9","code","_hoisted_13","quantity","parseInt","openBlock","_hoisted_18","innerHTML","price","_createTextVNode","createTextVNode","bundle-price","priceOld","$filters","amount","percent","sum","_hoisted_24","_Fragment","Fragment","_renderList","index","key","_hoisted_31","_hoisted_33","second","_normalizeClass","_hoisted_36","_hoisted_38","_hoisted_40","toDisplayString","_hoisted_42","third","_hoisted_43","_hoisted_45","_hoisted_48","_hoisted_50","_hoisted_52","_hoisted_54"],"mappings":"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"}

package/dist/components/shop/order/OneClick.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OneClick.js","sources":["../../../../src/components/shop/order/OneClick.vue","../../../../src/components/shop/order/OneClick.vue?vue&type=template&id=fe7f9726&lang.js"],"sourcesContent":["<template>\n <div class=\"shop-order-one-click\">\n <button v-bind:class=\"className ? className : 'button is-link is-small'\" @click=\"open\">\n <span>{{ __('shop.order.' + nameSpace + '.add') }}</span>\n </button>\n\n <div class=\"modal\" v-bind:class=\"{ 'is-active': modal }\">\n <div class=\"modal-background\" @click=\"close\"></div>\n <div class=\"modal-content\">\n <button class=\"modal-close is-large\" @click=\"close\">\n <svg class=\"icon close\">\n <use xlink:href=\"#close\" />\n </svg>\n </button>\n <div class=\"box\">\n <div class=\"title\">\n {{ __('shop.order.' + nameSpace + '.title') }}\n </div>\n <div 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 <button class=\"button is-link\" type=\"submit\" v-bind:class=\"{\n 'is-loading': loading\n }\">\n {{ __('shop.order.' + nameSpace + '.submit') }}\n </button>\n </div>\n </template>\n </SchemaForm>\n </div>\n <div v-show=\"thanks\">\n <div v-html=\"__('shop.order.' + nameSpace + '.thanks')\"></div>\n <div class=\"mt-3\">\n <button class=\"button\" @click=\"close($event, true)\">\n {{ __('shop.order.' + nameSpace + '.continue') }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, markRaw, onMounted } from 'vue';\nimport { useStore } from 'vuex';\nimport { SchemaFormFactory, useSchemaForm } from 'formvuelate';\nimport VeeValidatePlugin from '@formvuelate/plugin-vee-validate';\nimport FormText from '@perevorot/shop/dist/forms/FormText';\nimport FormTextarea from '@perevorot/shop/dist/forms/FormTextarea';\nimport * as yup from 'yup';\nimport { useToast } from 'vue-toastification';\n\nconst toast = useToast();\n\nmarkRaw(FormText);\nmarkRaw(FormTextarea);\n\nconst SchemaForm = SchemaFormFactory([VeeValidatePlugin({})]);\n\nexport default {\n components: {\n SchemaForm\n },\n name: 'order-one-click',\n props: {\n id: Number,\n className: String,\n callback: Function,\n closeAction: Function,\n model: Array,\n nameSpace: {\n type: String,\n default: 'oneclick'\n },\n showPlaceholders: {\n type: Boolean,\n default: false\n }\n },\n setup(props) {\n const loading = ref(false);\n const key = ref(0);\n const errors = ref({});\n const store = useStore();\n const modal = ref(false);\n const user = computed(() => store.getters['auth/me']);\n const thanks = ref(false);\n\n const open = () => {\n thanks.value = false;\n modal.value = true;\n };\n\n const close = (e, fromButton) => {\n modal.value = false;\n\n if (fromButton && props.closeAction) {\n props.closeAction();\n }\n };\n\n let schemaObject = {};\n\n if (props.model.indexOf('name') !== -1) {\n schemaObject.name = {\n component: FormText,\n label: __('shop.order.' + props.nameSpace + '.name'),\n store: props.nameSpace,\n model: 'name',\n placeholder: props.showPlaceholders ? __('shop.order.' + props.nameSpace + '.name') : ' ',\n }\n }\n\n if (props.model.indexOf('phone') !== -1) {\n schemaObject.phone = {\n component: FormText,\n label: __('shop.order.' + props.nameSpace + '.phone'),\n type: 'phone',\n placeholder: '(050) 123-45-67',\n mask: '(###) ###-##-##',\n store: props.nameSpace,\n model: 'phone'\n }\n }\n\n if (props.model.indexOf('email') !== -1) {\n schemaObject.email = {\n component: FormText,\n label: __('shop.order.' + props.nameSpace + '.email'),\n store: props.nameSpace,\n model: 'email',\n placeholder: props.showPlaceholders ? __('shop.order.' + props.nameSpace + '.email') : ' ',\n };\n }\n\n if (props.model.indexOf('comment') !== -1) {\n schemaObject.comment = {\n component: FormTextarea,\n label: __('shop.order.' + props.nameSpace + '.comment'),\n store: props.nameSpace,\n model: 'comment',\n placeholder: props.showPlaceholders ? __('shop.order.' + props.nameSpace + '.comment') : ' ',\n };\n }\n\n const schema = ref(schemaObject);\n\n const phoneRegExp = /^\$\\d{3}\$ \\d{3}\\-\\d{2}\\-\\d{2}$/;\n\n let validationObject = {};\n\n if (props.model.indexOf('name') !== -1) {\n validationObject.name = yup.string().trim().required(__('auth.validation.required'));\n }\n\n if (props.model.indexOf('phone') !== -1) {\n validationObject.phone = yup.string().trim().required(__('auth.validation.required')).matches(phoneRegExp, __('auth.validation.phone'));\n }\n\n if (props.model.indexOf('email') !== -1) {\n validationObject.email = yup.string().trim().email(__('auth.validation.email')).required(__('auth.validation.required'));\n }\n\n const validation = yup.object().shape(validationObject);\n\n const model = ref({});\n\n onMounted(() => {\n model.value = {\n name: (user.value.last_name ? user.value.last_name : '') + (user.value.name ? ' ' + user.value.name : ''),\n email: user.value.email ? user.value.email : '',\n phone: user.value.phone_formatted ? user.value.phone_formatted : '',\n comment: '',\n id: props.id ? props.id : null,\n namespace: props.nameSpace\n };\n });\n\n useSchemaForm(model);\n\n const onSubmit = () => {\n loading.value = true;\n\n const quantityInput = document.querySelector('.shop-product .product-info .cart-change-quantity input');\n\n if (quantityInput) {\n model.value.quantity = quantityInput.value;\n }\n\n $http\n .post($ziggy('api.order.oneclick'), model.value)\n .then((response) => {\n if (props.callback) {\n close();\n props.callback(response);\n } else {\n thanks.value = true;\n\n key.value++;\n }\n })\n .finally(() => {\n loading.value = false;\n })\n .catch((error) => {\n if (error.response.data && error.response.data.error && error.response.data.message) {\n toast(error.response.data.message, {\n type: 'error'\n });\n }\n\n if (error.response.data && error.response.data.errors) {\n for (const [field, messages] of Object.entries(error.response.data.errors)) {\n if (messages[0]) {\n errors.value[field] = messages[0];\n }\n }\n\n key.value++;\n }\n });\n };\n\n return {\n open,\n close,\n modal,\n loading,\n key,\n errors,\n schema,\n validation,\n model,\n onSubmit,\n thanks\n };\n }\n};\n</script>","<template>\n <div class=\"shop-order-one-click\">\n <button v-bind:class=\"className ? className : 'button is-link is-small'\" @click=\"open\">\n <span>{{ __('shop.order.' + nameSpace + '.add') }}</span>\n </button>\n\n <div class=\"modal\" v-bind:class=\"{ 'is-active': modal }\">\n <div class=\"modal-background\" @click=\"close\"></div>\n <div class=\"modal-content\">\n <button class=\"modal-close is-large\" @click=\"close\">\n <svg class=\"icon close\">\n <use xlink:href=\"#close\" />\n </svg>\n </button>\n <div class=\"box\">\n <div class=\"title\">\n {{ __('shop.order.' + nameSpace + '.title') }}\n </div>\n <div 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 <button class=\"button is-link\" type=\"submit\" v-bind:class=\"{\n 'is-loading': loading\n }\">\n {{ __('shop.order.' + nameSpace + '.submit') }}\n </button>\n </div>\n </template>\n </SchemaForm>\n </div>\n <div v-show=\"thanks\">\n <div v-html=\"__('shop.order.' + nameSpace + '.thanks')\"></div>\n <div class=\"mt-3\">\n <button class=\"button\" @click=\"close($event, true)\">\n {{ __('shop.order.' + nameSpace + '.continue') }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, markRaw, onMounted } from 'vue';\nimport { useStore } from 'vuex';\nimport { SchemaFormFactory, useSchemaForm } from 'formvuelate';\nimport VeeValidatePlugin from '@formvuelate/plugin-vee-validate';\nimport FormText from '@perevorot/shop/dist/forms/FormText';\nimport FormTextarea from '@perevorot/shop/dist/forms/FormTextarea';\nimport * as yup from 'yup';\nimport { useToast } from 'vue-toastification';\n\nconst toast = useToast();\n\nmarkRaw(FormText);\nmarkRaw(FormTextarea);\n\nconst SchemaForm = SchemaFormFactory([VeeValidatePlugin({})]);\n\nexport default {\n components: {\n SchemaForm\n },\n name: 'order-one-click',\n props: {\n id: Number,\n className: String,\n callback: Function,\n closeAction: Function,\n model: Array,\n nameSpace: {\n type: String,\n default: 'oneclick'\n },\n showPlaceholders: {\n type: Boolean,\n default: false\n }\n },\n setup(props) {\n const loading = ref(false);\n const key = ref(0);\n const errors = ref({});\n const store = useStore();\n const modal = ref(false);\n const user = computed(() => store.getters['auth/me']);\n const thanks = ref(false);\n\n const open = () => {\n thanks.value = false;\n modal.value = true;\n };\n\n const close = (e, fromButton) => {\n modal.value = false;\n\n if (fromButton && props.closeAction) {\n props.closeAction();\n }\n };\n\n let schemaObject = {};\n\n if (props.model.indexOf('name') !== -1) {\n schemaObject.name = {\n component: FormText,\n label: __('shop.order.' + props.nameSpace + '.name'),\n store: props.nameSpace,\n model: 'name',\n placeholder: props.showPlaceholders ? __('shop.order.' + props.nameSpace + '.name') : ' ',\n }\n }\n\n if (props.model.indexOf('phone') !== -1) {\n schemaObject.phone = {\n component: FormText,\n label: __('shop.order.' + props.nameSpace + '.phone'),\n type: 'phone',\n placeholder: '(050) 123-45-67',\n mask: '(###) ###-##-##',\n store: props.nameSpace,\n model: 'phone'\n }\n }\n\n if (props.model.indexOf('email') !== -1) {\n schemaObject.email = {\n component: FormText,\n label: __('shop.order.' + props.nameSpace + '.email'),\n store: props.nameSpace,\n model: 'email',\n placeholder: props.showPlaceholders ? __('shop.order.' + props.nameSpace + '.email') : ' ',\n };\n }\n\n if (props.model.indexOf('comment') !== -1) {\n schemaObject.comment = {\n component: FormTextarea,\n label: __('shop.order.' + props.nameSpace + '.comment'),\n store: props.nameSpace,\n model: 'comment',\n placeholder: props.showPlaceholders ? __('shop.order.' + props.nameSpace + '.comment') : ' ',\n };\n }\n\n const schema = ref(schemaObject);\n\n const phoneRegExp = /^\$\\d{3}\$ \\d{3}\\-\\d{2}\\-\\d{2}$/;\n\n let validationObject = {};\n\n if (props.model.indexOf('name') !== -1) {\n validationObject.name = yup.string().trim().required(__('auth.validation.required'));\n }\n\n if (props.model.indexOf('phone') !== -1) {\n validationObject.phone = yup.string().trim().required(__('auth.validation.required')).matches(phoneRegExp, __('auth.validation.phone'));\n }\n\n if (props.model.indexOf('email') !== -1) {\n validationObject.email = yup.string().trim().email(__('auth.validation.email')).required(__('auth.validation.required'));\n }\n\n const validation = yup.object().shape(validationObject);\n\n const model = ref({});\n\n onMounted(() => {\n model.value = {\n name: (user.value.last_name ? user.value.last_name : '') + (user.value.name ? ' ' + user.value.name : ''),\n email: user.value.email ? user.value.email : '',\n phone: user.value.phone_formatted ? user.value.phone_formatted : '',\n comment: '',\n id: props.id ? props.id : null,\n namespace: props.nameSpace\n };\n });\n\n useSchemaForm(model);\n\n const onSubmit = () => {\n loading.value = true;\n\n const quantityInput = document.querySelector('.shop-product .product-info .cart-change-quantity input');\n\n if (quantityInput) {\n model.value.quantity = quantityInput.value;\n }\n\n $http\n .post($ziggy('api.order.oneclick'), model.value)\n .then((response) => {\n if (props.callback) {\n close();\n props.callback(response);\n } else {\n thanks.value = true;\n\n key.value++;\n }\n })\n .finally(() => {\n loading.value = false;\n })\n .catch((error) => {\n if (error.response.data && error.response.data.error && error.response.data.message) {\n toast(error.response.data.message, {\n type: 'error'\n });\n }\n\n if (error.response.data && error.response.data.errors) {\n for (const [field, messages] of Object.entries(error.response.data.errors)) {\n if (messages[0]) {\n errors.value[field] = messages[0];\n }\n }\n\n key.value++;\n }\n });\n };\n\n return {\n open,\n close,\n modal,\n loading,\n key,\n errors,\n schema,\n validation,\n model,\n onSubmit,\n thanks\n };\n }\n};\n</script>"],"names":["toast","useToast","markRaw","FormText","FormTextarea","script","components","SchemaForm","SchemaFormFactory","VeeValidatePlugin","name","props","id","Number","className","String","callback","Function","closeAction","model","Array","nameSpace","type","default","showPlaceholders","Boolean","setup","loading","ref","key","errors","store","useStore","modal","user","computed","getters","thanks","close","e","fromButton","value","schemaObject","indexOf","component","label","__","placeholder","phone","mask","email","comment","schema","validationObject","yup","string","trim","required","matches","validation","object","shape","onMounted","last_name","phone_formatted","namespace","useSchemaForm","open","onSubmit","quantityInput","document","querySelector","quantity","$http","post","$ziggy","then","response","error","data","message","_i","_Object$entries","Object","entries","length","_Object$entries$_i","_slicedToArray","field","messages","_hoisted_1","class","_hoisted_2","_createElementVNode","createElementVNode","xlink:href","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_9","_openBlock","_createElementBlock","_normalizeClass","normalizeClass","$props","onClick","$setup","apply","arguments","_toDisplayString","_ctx","is-active","_createBlock","_component_SchemaForm","schemaRowClasses","validation-schema","initial-errors","afterForm","innerHTML","_cache","$event"],"mappings":"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"}
1	+ {"version":3,"file":"OneClick.js","sources":["../../../../src/components/shop/order/OneClick.vue","../../../../src/components/shop/order/OneClick.vue?vue&type=template&id=fe7f9726&lang.js"],"sourcesContent":["<template>\n <div class=\"shop-order-one-click\">\n <button v-bind:class=\"className ? className : 'button is-link is-small'\" @click=\"open\">\n <span>{{ __('shop.order.' + nameSpace + '.add') }}</span>\n </button>\n\n <div class=\"modal\" v-bind:class=\"{ 'is-active': modal }\">\n <div class=\"modal-background\" @click=\"close\"></div>\n <div class=\"modal-content\">\n <button class=\"modal-close is-large\" @click=\"close\">\n <svg class=\"icon close\">\n <use xlink:href=\"#close\" />\n </svg>\n </button>\n <div class=\"box\">\n <div class=\"title\">\n {{ __('shop.order.' + nameSpace + '.title') }}\n </div>\n <div 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 <button class=\"button is-link\" type=\"submit\" v-bind:class=\"{\n 'is-loading': loading\n }\">\n {{ __('shop.order.' + nameSpace + '.submit') }}\n </button>\n </div>\n </template>\n </SchemaForm>\n </div>\n <div v-show=\"thanks\">\n <div v-html=\"__('shop.order.' + nameSpace + '.thanks')\"></div>\n <div class=\"mt-3\">\n <button class=\"button\" @click=\"close($event, true)\">\n {{ __('shop.order.' + nameSpace + '.continue') }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, markRaw, onMounted } from 'vue';\nimport { useStore } from 'vuex';\nimport { SchemaFormFactory, useSchemaForm } from 'formvuelate';\nimport VeeValidatePlugin from '@formvuelate/plugin-vee-validate';\nimport FormText from '@perevorot/shop/dist/forms/FormText';\nimport FormTextarea from '@perevorot/shop/dist/forms/FormTextarea';\nimport * as yup from 'yup';\nimport { useToast } from 'vue-toastification';\n\nconst toast = useToast();\n\nmarkRaw(FormText);\nmarkRaw(FormTextarea);\n\nconst SchemaForm = SchemaFormFactory([VeeValidatePlugin({})]);\n\nexport default {\n components: {\n SchemaForm\n },\n name: 'order-one-click',\n props: {\n id: Number,\n className: String,\n callback: Function,\n closeAction: Function,\n model: Array,\n nameSpace: {\n type: String,\n default: 'oneclick'\n },\n showPlaceholders: {\n type: Boolean,\n default: false\n }\n },\n setup(props) {\n const loading = ref(false);\n const key = ref(0);\n const errors = ref({});\n const store = useStore();\n const modal = ref(false);\n const user = computed(() => store.getters['auth/me']);\n const thanks = ref(false);\n\n const open = () => {\n thanks.value = false;\n modal.value = true;\n };\n\n const close = (e, fromButton) => {\n modal.value = false;\n\n if (fromButton && props.closeAction) {\n props.closeAction();\n }\n };\n\n let schemaObject = {};\n\n if (props.model.indexOf('name') !== -1) {\n schemaObject.name = {\n component: FormText,\n label: __('shop.order.' + props.nameSpace + '.name'),\n store: props.nameSpace,\n model: 'name',\n placeholder: props.showPlaceholders ? __('shop.order.' + props.nameSpace + '.name') : ' ',\n }\n }\n\n if (props.model.indexOf('phone') !== -1) {\n schemaObject.phone = {\n component: FormText,\n label: __('shop.order.' + props.nameSpace + '.phone'),\n type: 'phone',\n placeholder: '(050) 123-45-67',\n mask: '(###) ###-##-##',\n store: props.nameSpace,\n model: 'phone'\n }\n }\n\n if (props.model.indexOf('email') !== -1) {\n schemaObject.email = {\n component: FormText,\n label: __('shop.order.' + props.nameSpace + '.email'),\n store: props.nameSpace,\n model: 'email',\n placeholder: props.showPlaceholders ? __('shop.order.' + props.nameSpace + '.email') : ' ',\n };\n }\n\n if (props.model.indexOf('comment') !== -1) {\n schemaObject.comment = {\n component: FormTextarea,\n label: __('shop.order.' + props.nameSpace + '.comment'),\n store: props.nameSpace,\n model: 'comment',\n placeholder: props.showPlaceholders ? __('shop.order.' + props.nameSpace + '.comment') : ' ',\n };\n }\n\n const schema = ref(schemaObject);\n\n const phoneRegExp = /^\$\\d{3}\$ \\d{3}\\-\\d{2}\\-\\d{2}$/;\n\n let validationObject = {};\n\n if (props.model.indexOf('name') !== -1) {\n validationObject.name = yup.string().trim().required(__('auth.validation.required'));\n }\n\n if (props.model.indexOf('phone') !== -1) {\n validationObject.phone = yup.string().trim().required(__('auth.validation.required')).matches(phoneRegExp, __('auth.validation.phone'));\n }\n\n if (props.model.indexOf('email') !== -1) {\n validationObject.email = yup.string().trim().email(__('auth.validation.email')).required(__('auth.validation.required'));\n }\n\n const validation = yup.object().shape(validationObject);\n\n const model = ref({});\n\n onMounted(() => {\n model.value = {\n name: (user.value.last_name ? user.value.last_name : '') + (user.value.name ? ' ' + user.value.name : ''),\n email: user.value.email ? user.value.email : '',\n phone: user.value.phone_formatted ? user.value.phone_formatted : '',\n comment: '',\n id: props.id ? props.id : null,\n namespace: props.nameSpace\n };\n });\n\n useSchemaForm(model);\n\n const onSubmit = () => {\n loading.value = true;\n\n const quantityInput = document.querySelector('.shop-product .product-info .cart-change-quantity input');\n\n if (quantityInput) {\n model.value.quantity = quantityInput.value;\n }\n\n $http\n .post($ziggy('api.order.oneclick'), model.value)\n .then((response) => {\n if (props.callback) {\n close();\n props.callback(response);\n } else {\n thanks.value = true;\n\n key.value++;\n }\n })\n .finally(() => {\n loading.value = false;\n })\n .catch((error) => {\n if (error.response.data && error.response.data.error && error.response.data.message) {\n toast(error.response.data.message, {\n type: 'error'\n });\n }\n\n if (error.response.data && error.response.data.errors) {\n for (const [field, messages] of Object.entries(error.response.data.errors)) {\n if (messages[0]) {\n errors.value[field] = messages[0];\n }\n }\n\n key.value++;\n }\n });\n };\n\n return {\n open,\n close,\n modal,\n loading,\n key,\n errors,\n schema,\n validation,\n model,\n onSubmit,\n thanks\n };\n }\n};\n</script>","<template>\n <div class=\"shop-order-one-click\">\n <button v-bind:class=\"className ? className : 'button is-link is-small'\" @click=\"open\">\n <span>{{ __('shop.order.' + nameSpace + '.add') }}</span>\n </button>\n\n <div class=\"modal\" v-bind:class=\"{ 'is-active': modal }\">\n <div class=\"modal-background\" @click=\"close\"></div>\n <div class=\"modal-content\">\n <button class=\"modal-close is-large\" @click=\"close\">\n <svg class=\"icon close\">\n <use xlink:href=\"#close\" />\n </svg>\n </button>\n <div class=\"box\">\n <div class=\"title\">\n {{ __('shop.order.' + nameSpace + '.title') }}\n </div>\n <div 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 <button class=\"button is-link\" type=\"submit\" v-bind:class=\"{\n 'is-loading': loading\n }\">\n {{ __('shop.order.' + nameSpace + '.submit') }}\n </button>\n </div>\n </template>\n </SchemaForm>\n </div>\n <div v-show=\"thanks\">\n <div v-html=\"__('shop.order.' + nameSpace + '.thanks')\"></div>\n <div class=\"mt-3\">\n <button class=\"button\" @click=\"close($event, true)\">\n {{ __('shop.order.' + nameSpace + '.continue') }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, markRaw, onMounted } from 'vue';\nimport { useStore } from 'vuex';\nimport { SchemaFormFactory, useSchemaForm } from 'formvuelate';\nimport VeeValidatePlugin from '@formvuelate/plugin-vee-validate';\nimport FormText from '@perevorot/shop/dist/forms/FormText';\nimport FormTextarea from '@perevorot/shop/dist/forms/FormTextarea';\nimport * as yup from 'yup';\nimport { useToast } from 'vue-toastification';\n\nconst toast = useToast();\n\nmarkRaw(FormText);\nmarkRaw(FormTextarea);\n\nconst SchemaForm = SchemaFormFactory([VeeValidatePlugin({})]);\n\nexport default {\n components: {\n SchemaForm\n },\n name: 'order-one-click',\n props: {\n id: Number,\n className: String,\n callback: Function,\n closeAction: Function,\n model: Array,\n nameSpace: {\n type: String,\n default: 'oneclick'\n },\n showPlaceholders: {\n type: Boolean,\n default: false\n }\n },\n setup(props) {\n const loading = ref(false);\n const key = ref(0);\n const errors = ref({});\n const store = useStore();\n const modal = ref(false);\n const user = computed(() => store.getters['auth/me']);\n const thanks = ref(false);\n\n const open = () => {\n thanks.value = false;\n modal.value = true;\n };\n\n const close = (e, fromButton) => {\n modal.value = false;\n\n if (fromButton && props.closeAction) {\n props.closeAction();\n }\n };\n\n let schemaObject = {};\n\n if (props.model.indexOf('name') !== -1) {\n schemaObject.name = {\n component: FormText,\n label: __('shop.order.' + props.nameSpace + '.name'),\n store: props.nameSpace,\n model: 'name',\n placeholder: props.showPlaceholders ? __('shop.order.' + props.nameSpace + '.name') : ' ',\n }\n }\n\n if (props.model.indexOf('phone') !== -1) {\n schemaObject.phone = {\n component: FormText,\n label: __('shop.order.' + props.nameSpace + '.phone'),\n type: 'phone',\n placeholder: '(050) 123-45-67',\n mask: '(###) ###-##-##',\n store: props.nameSpace,\n model: 'phone'\n }\n }\n\n if (props.model.indexOf('email') !== -1) {\n schemaObject.email = {\n component: FormText,\n label: __('shop.order.' + props.nameSpace + '.email'),\n store: props.nameSpace,\n model: 'email',\n placeholder: props.showPlaceholders ? __('shop.order.' + props.nameSpace + '.email') : ' ',\n };\n }\n\n if (props.model.indexOf('comment') !== -1) {\n schemaObject.comment = {\n component: FormTextarea,\n label: __('shop.order.' + props.nameSpace + '.comment'),\n store: props.nameSpace,\n model: 'comment',\n placeholder: props.showPlaceholders ? __('shop.order.' + props.nameSpace + '.comment') : ' ',\n };\n }\n\n const schema = ref(schemaObject);\n\n const phoneRegExp = /^\$\\d{3}\$ \\d{3}\\-\\d{2}\\-\\d{2}$/;\n\n let validationObject = {};\n\n if (props.model.indexOf('name') !== -1) {\n validationObject.name = yup.string().trim().required(__('auth.validation.required'));\n }\n\n if (props.model.indexOf('phone') !== -1) {\n validationObject.phone = yup.string().trim().required(__('auth.validation.required')).matches(phoneRegExp, __('auth.validation.phone'));\n }\n\n if (props.model.indexOf('email') !== -1) {\n validationObject.email = yup.string().trim().email(__('auth.validation.email')).required(__('auth.validation.required'));\n }\n\n const validation = yup.object().shape(validationObject);\n\n const model = ref({});\n\n onMounted(() => {\n model.value = {\n name: (user.value.last_name ? user.value.last_name : '') + (user.value.name ? ' ' + user.value.name : ''),\n email: user.value.email ? user.value.email : '',\n phone: user.value.phone_formatted ? user.value.phone_formatted : '',\n comment: '',\n id: props.id ? props.id : null,\n namespace: props.nameSpace\n };\n });\n\n useSchemaForm(model);\n\n const onSubmit = () => {\n loading.value = true;\n\n const quantityInput = document.querySelector('.shop-product .product-info .cart-change-quantity input');\n\n if (quantityInput) {\n model.value.quantity = quantityInput.value;\n }\n\n $http\n .post($ziggy('api.order.oneclick'), model.value)\n .then((response) => {\n if (props.callback) {\n close();\n props.callback(response);\n } else {\n thanks.value = true;\n\n key.value++;\n }\n })\n .finally(() => {\n loading.value = false;\n })\n .catch((error) => {\n if (error.response.data && error.response.data.error && error.response.data.message) {\n toast(error.response.data.message, {\n type: 'error'\n });\n }\n\n if (error.response.data && error.response.data.errors) {\n for (const [field, messages] of Object.entries(error.response.data.errors)) {\n if (messages[0]) {\n errors.value[field] = messages[0];\n }\n }\n\n key.value++;\n }\n });\n };\n\n return {\n open,\n close,\n modal,\n loading,\n key,\n errors,\n schema,\n validation,\n model,\n onSubmit,\n thanks\n };\n }\n};\n</script>"],"names":["toast","useToast","markRaw","FormText","FormTextarea","script","components","SchemaForm","SchemaFormFactory","VeeValidatePlugin","name","props","id","Number","className","String","callback","Function","closeAction","model","Array","nameSpace","type","default","showPlaceholders","Boolean","setup","loading","ref","key","errors","store","useStore","modal","user","computed","getters","thanks","close","e","fromButton","value","schemaObject","indexOf","component","label","__","placeholder","phone","mask","email","comment","schema","validationObject","yup","string","trim","required","matches","validation","object","shape","onMounted","last_name","phone_formatted","namespace","useSchemaForm","open","onSubmit","quantityInput","document","querySelector","quantity","$http","post","$ziggy","then","response","error","data","message","_i","_Object$entries","Object","entries","length","_Object$entries$_i","_slicedToArray","field","messages","_hoisted_1","class","_hoisted_2","_createElementVNode","createElementVNode","xlink:href","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_9","_openBlock","_createElementBlock","_normalizeClass","normalizeClass","$props","onClick","$setup","apply","arguments","_toDisplayString","_ctx","is-active","_createBlock","_component_SchemaForm","schemaRowClasses","validation-schema","initial-errors","afterForm","innerHTML","_cache","$event"],"mappings":"ypDAsDA,IAAMA,EAAQC,EAAQA,WAEtBC,EAAOA,QAACC,EAAQ,SAChBD,EAAOA,QAACE,EAAY,SAEpB,IAEeC,EAAA,CACXC,WAAY,CACRC,WAJWC,EAAAA,kBAAkB,CAACC,EAAiB,QAAC,OAMpDC,KAAM,kBACNC,MAAO,CACHC,GAAIC,OACJC,UAAWC,OACXC,SAAUC,SACVC,YAAaD,SACbE,MAAOC,MACPC,UAAW,CACPC,KAAMP,OACNQ,QAAS,YAEbC,iBAAkB,CACdF,KAAMG,QACNF,SAAS,IAGjBG,MAAAA,SAAMf,GACF,IAAMgB,EAAUC,OAAI,GACdC,EAAMD,MAAI,GACVE,EAASF,MAAI,IACbG,EAAQC,EAAAA,WACRC,EAAQL,OAAI,GACZM,EAAOC,EAAAA,UAAS,WAAA,OAAMJ,EAAMK,QAAQ,cACpCC,EAAST,OAAI,GAObU,EAAQ,SAACC,EAAGC,GACdP,EAAMQ,OAAQ,EAEVD,GAAc7B,EAAMO,aACpBP,EAAMO,eAIVwB,EAAe,IAEkB,IAAjC/B,EAAMQ,MAAMwB,QAAQ,UACpBD,EAAahC,KAAO,CAChBkC,UAAWzC,EAAQ,QACnB0C,MAAOC,GAAG,cAAgBnC,EAAMU,UAAY,SAC5CU,MAAOpB,EAAMU,UACbF,MAAO,OACP4B,YAAapC,EAAMa,iBAAmBsB,GAAG,cAAgBnC,EAAMU,UAAY,SAAW,OAIxD,IAAlCV,EAAMQ,MAAMwB,QAAQ,WACpBD,EAAaM,MAAQ,CACjBJ,UAAWzC,EAAQ,QACnB0C,MAAOC,GAAG,cAAgBnC,EAAMU,UAAY,UAC5CC,KAAM,QACNyB,YAAa,kBACbE,KAAM,kBACNlB,MAAOpB,EAAMU,UACbF,MAAO,WAIuB,IAAlCR,EAAMQ,MAAMwB,QAAQ,WACpBD,EAAaQ,MAAQ,CACjBN,UAAWzC,EAAQ,QACnB0C,MAAOC,GAAG,cAAgBnC,EAAMU,UAAY,UAC5CU,MAAOpB,EAAMU,UACbF,MAAO,QACP4B,YAAapC,EAAMa,iBAAmBsB,GAAG,cAAgBnC,EAAMU,UAAY,UAAY,OAIvD,IAApCV,EAAMQ,MAAMwB,QAAQ,aACpBD,EAAaS,QAAU,CACnBP,UAAWxC,EAAY,QACvByC,MAAOC,GAAG,cAAgBnC,EAAMU,UAAY,YAC5CU,MAAOpB,EAAMU,UACbF,MAAO,UACP4B,YAAapC,EAAMa,iBAAmBsB,GAAG,cAAgBnC,EAAMU,UAAY,YAAc,MAIjG,IAAM+B,EAASxB,MAAIc,GAIfW,EAAmB,IAEc,IAAjC1C,EAAMQ,MAAMwB,QAAQ,UACpBU,EAAiB3C,KAAO4C,EAAIC,SAASC,OAAOC,SAASX,GAAG,+BAGtB,IAAlCnC,EAAMQ,MAAMwB,QAAQ,WACpBU,EAAiBL,MAAQM,EAAIC,SAASC,OAAOC,SAASX,GAAG,6BAA6BY,QATtE,kCAS2FZ,GAAG,4BAG5E,IAAlCnC,EAAMQ,MAAMwB,QAAQ,WACpBU,EAAiBH,MAAQI,EAAIC,SAASC,OAAON,MAAMJ,GAAG,0BAA0BW,SAASX,GAAG,8BAGhG,IAAMa,EAAaL,EAAIM,SAASC,MAAMR,GAEhClC,EAAQS,MAAI,IAElBkC,EAAAA,WAAU,WACN3C,EAAMsB,MAAQ,CACV/B,MAAOwB,EAAKO,MAAMsB,UAAY7B,EAAKO,MAAMsB,UAAY,KAAO7B,EAAKO,MAAM/B,KAAO,IAAMwB,EAAKO,MAAM/B,KAAO,IACtGwC,MAAOhB,EAAKO,MAAMS,MAAQhB,EAAKO,MAAMS,MAAQ,GAC7CF,MAAOd,EAAKO,MAAMuB,gBAAkB9B,EAAKO,MAAMuB,gBAAkB,GACjEb,QAAS,GACTvC,GAAID,EAAMC,GAAKD,EAAMC,GAAK,KAC1BqD,UAAWtD,EAAMU,cAIzB6C,EAAaA,cAAC/C,GA6Cd,MAAO,CACHgD,KAxIS,WACT9B,EAAOI,OAAQ,EACfR,EAAMQ,OAAQ,GAuIdH,MAAAA,EACAL,MAAAA,EACAN,QAAAA,EACAE,IAAAA,EACAC,OAAAA,EACAsB,OAAAA,EACAO,WAAAA,EACAxC,MAAAA,EACAiD,SArDa,WACbzC,EAAQc,OAAQ,EAEhB,IAAM4B,EAAgBC,SAASC,cAAc,2DAEzCF,IACAlD,EAAMsB,MAAM+B,SAAWH,EAAc5B,OAGzCgC,MACKC,KAAKC,OAAO,sBAAuBxD,EAAMsB,OACzCmC,MAAK,SAACC,GACClE,EAAMK,UACNsB,IACA3B,EAAMK,SAAS6D,KAEfxC,EAAOI,OAAQ,EAEfZ,EAAIY,YAGJ,SAAC,WACLd,EAAQc,OAAQ,KACnB,OACM,SAACqC,GAOJ,GANIA,EAAMD,SAASE,MAAQD,EAAMD,SAASE,KAAKD,OAASA,EAAMD,SAASE,KAAKC,SACxEhF,EAAM8E,EAAMD,SAASE,KAAKC,QAAS,CAC/B1D,KAAM,UAIVwD,EAAMD,SAASE,MAAQD,EAAMD,SAASE,KAAKjD,OAAQ,CACnD,IAAAmD,IAAAA,EAAAC,EAAAA,EAAgCC,OAAOC,QAAQN,EAAMD,SAASE,KAAKjD,QAAOmD,EAAAC,EAAAG,OAAAJ,IAAE,CAAvE,IAAAK,EAAAC,EAAAL,EAAAD,GAAA,GAAOO,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GACnBG,EAAS,KACT3D,EAAOW,MAAM+C,GAASC,EAAS,IAIvC5D,EAAIY,aAgBhBJ,OAAAA,KC3OHqD,EAAA,CAAAC,MAAM,wBAOEC,EAAA,CAAAD,MAAM,oBAEHE,EAEKC,mBAAA,MAAA,CAFAH,MAAM,cAAY,CACnBE,EAA0BC,mBAAA,MAAA,CAArBC,aAAW,iBAGnBC,EAAA,CAAAL,MAAM,OACFM,EAAA,CAAAN,MAAM,SAMMO,EAAA,CAAAP,MAAM,yBAYdQ,EAAA,CAAAR,MAAM,8EAhC/B,OAAAS,EAAAA,YAAAC,qBAyCK,MAzCLX,EAyCK,CAxCDG,EAEQC,mBAAA,SAAA,CAFOH,MAAKW,EAAAC,eAAEC,EAAU1F,UAAE0F,EAAU1F,UAAA,2BAA8B2F,sCAAOC,EAAIvC,MAAAuC,EAAAvC,KAAAwC,MAAAD,EAAAE,eACjFf,EAAwDC,mBAAA,OAAA,KAAAe,EAAAA,gBAA/CC,EAAEhE,GAAA,cAAiB0D,EAAQnF,UAAA,SAAA,OAGxCwE,EAmCKC,mBAAA,MAAA,CAnCAH,MAAKW,EAAAA,eAAA,CAAC,QAAQ,CAAAS,YAA6BL,EAAMzE,WAClD4D,EAAkDC,mBAAA,MAAA,CAA7CH,MAAM,mBAAoBc,sCAAOC,EAAKpE,OAAAoE,EAAApE,MAAAqE,MAAAD,EAAAE,eAC3Cf,EAAAC,mBAgCK,MAhCLF,EAgCK,CA/BDC,EAAAA,mBAIQ,SAAA,CAJAF,MAAM,uBAAwBc,sCAAOC,EAAKpE,OAAAoE,EAAApE,MAAAqE,MAAAD,EAAAE,iBAKlDf,qBAyBK,MAzBLG,EAyBK,CAxBDH,qBAEK,MAFLI,EACOY,EAAAA,gBAAAC,EAAAhE,iBAAmB0D,EAAUnF,UAAA,WAAA,oBAEpCwE,EAAAA,mBAYK,MAAA,KAAA,gBAXDmB,EAAAA,YAUYC,EAAA,CAVAC,iBAAiB,QAAS9D,OAAQsD,EAAMtD,OAAG+D,oBAAmBT,EAAU/C,WAAGyD,iBAAgBV,EAAM5E,OAAGD,IAAK6E,EAAG7E,IAAGuC,SAAQsC,EAAQtC,WAC5HiD,qBACP,WAAA,MAMK,CANLxB,EAAAC,mBAMK,MANLI,EAMK,CALDL,EAAAA,mBAIQ,SAAA,CAJAF,wBAAM,+BAA6Ce,EAAA/E,WAA5BL,KAAK,UAG7BuF,kBAAAC,EAAAhE,iBAAmB0D,sHAP5BE,EAAMrE,2BAapBwD,qBAOK,MAAA,KAAA,CANDA,EAA6DC,mBAAA,MAAA,CAAxDwB,UAAQR,EAAEhE,GAAA,cAAiB0D,EAAQnF,UAAA,sBACxCwE,EAAAA,mBAIK,MAJLM,EAIK,CAHDN,EAEQC,mBAAA,SAAA,CAFAH,MAAM,SAAUc,QAAKc,EAAA,KAAAA,EAAA,GAAA,SAAAC,GAAA,OAAEd,EAAKpE,MAACkF,GAAM,MACpCX,kBAAAC,EAAAhE,iBAAmB0D,EAAUnF,UAAA,cAAA,qBAJ/BqF,EAAMrE"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckoutShippingCourier.js","sources":["../../../../../src/components/shop/order/shipping/CheckoutShippingCourier.vue","../../../../../src/components/shop/order/shipping/CheckoutShippingCourier.vue?vue&type=template&id=7dba5934&lang.js"],"sourcesContent":["<template>\n <div class=\"component\">\n <div class=\"user-form\">\n <div class=\"control\">\n <input type=\"input\" class=\"input\" v-model=\"address\" :id=\"'shipping-courier-' + item.id\" placeholder=\" \" autocomplete=\"chrome-off\" />\n <label class=\"label\" :for=\"'shipping-courier-' + item.id\">{{ __('shop.order.delivery_address') }}</label>\n </div>\n </div>\n <div class=\"time\">\n <div v-for=\"item in item.data\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-selected': time == item.name }\" @click=\"time = item.name\">{{ item.name }}</div>\n </div>\n </div>\n</template>\n<script>\nimport { computed, defineComponent, inject, onMounted } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const shippingComponentValid = inject('shippingComponentValid');\n\n onMounted(() => {\n shippingComponentValid.value = async () => {\n return !!(address.value) && !!(time.value);\n // return new Promise(resolve => {\n // resolve(!!(address.value) && !!(time.value));\n // });\n };\n });\n\n const address = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].address : '';\n },\n set(address) {\n const data = {\n address: address,\n time: time.value\n };\n\n props.commit(props.item.code, data, isValid(data));\n\n return address;\n }\n });\n\n const time = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].time : '';\n },\n set(time) {\n const data = {\n address: address.value,\n time: time\n };\n\n props.commit(props.item.code, data, isValid(data));\n\n return time;\n }\n });\n\n const isValid = (data) => {\n return data.address.trim() != '' && (!props.item.data.length \|\| (props.item.data.length && data.time.trim() !== ''));\n };\n\n return {\n address,\n time\n };\n }\n});\n</script>\n","<template>\n <div class=\"component\">\n <div class=\"user-form\">\n <div class=\"control\">\n <input type=\"input\" class=\"input\" v-model=\"address\" :id=\"'shipping-courier-' + item.id\" placeholder=\" \" autocomplete=\"chrome-off\" />\n <label class=\"label\" :for=\"'shipping-courier-' + item.id\">{{ __('shop.order.delivery_address') }}</label>\n </div>\n </div>\n <div class=\"time\">\n <div v-for=\"item in item.data\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-selected': time == item.name }\" @click=\"time = item.name\">{{ item.name }}</div>\n </div>\n </div>\n</template>\n<script>\nimport { computed, defineComponent, inject, onMounted } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const shippingComponentValid = inject('shippingComponentValid');\n\n onMounted(() => {\n shippingComponentValid.value = async () => {\n return !!(address.value) && !!(time.value);\n // return new Promise(resolve => {\n // resolve(!!(address.value) && !!(time.value));\n // });\n };\n });\n\n const address = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].address : '';\n },\n set(address) {\n const data = {\n address: address,\n time: time.value\n };\n\n props.commit(props.item.code, data, isValid(data));\n\n return address;\n }\n });\n\n const time = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].time : '';\n },\n set(time) {\n const data = {\n address: address.value,\n time: time\n };\n\n props.commit(props.item.code, data, isValid(data));\n\n return time;\n }\n });\n\n const isValid = (data) => {\n return data.address.trim() != '' && (!props.item.data.length \|\| (props.item.data.length && data.time.trim() !== ''));\n };\n\n return {\n address,\n time\n };\n }\n});\n</script>\n"],"names":["script","defineComponent","props","data","Object","item","commit","Function","setup","shippingComponentValid","inject","onMounted","value","address","time","computed","get","code","set","isValid","trim","length","_hoisted_1","class","_hoisted_2","_hoisted_3","_hoisted_6","_openBlock","_createElementBlock","createElementBlock","_createElementVNode","createElementVNode","type","_ctx","$event","id","placeholder","autocomplete","for","__","_hoisted_5","_Fragment","_renderList","renderList","key","_normalizeClass","is-selected","name","onClick","_toDisplayString","_hoisted_7"],"mappings":"kCAgBA,IAAAA,EAAeC,kBAAgB,CAC3BC,MAAO,CACHC,KAAMC,OACNC,KAAMD,OACNE,OAAQC,UAEZC,~~MAAK~~,~~SAACN~~,GACF,IAAMO,EAAyBC,SAAO,0BAEtCC,EAAAA,WAAU,iBACNF,EAAuBG,SAAoB,WACvC,QAAUC,EAAQD,SAAaE,EAAKF,gKAO5C,IAAMC,EAAUE,EAAAA,SAAS,CACrBC,IAAG,WACC,OAAOd,EAAMC,KAAKD,EAAMG,KAAKY,MAAQf,EAAMC,KAAKD,EAAMG,KAAKY,MAAMJ,QAAU,IAE/EK,~~IAAG~~,~~SAACL~~,GACA,IAAMV,EAAO,CACTU,QAASA,EACTC,KAAMA,EAAKF,OAKf,OAFAV,EAAMI,OAAOJ,EAAMG,KAAKY,KAAMd,EAAMgB,EAAQhB,IAErCU,KAITC,EAAOC,EAAAA,SAAS,CAClBC,IAAG,WACC,OAAOd,EAAMC,KAAKD,EAAMG,KAAKY,MAAQf,EAAMC,KAAKD,EAAMG,KAAKY,MAAMH,KAAO,IAE5EI,~~IAAG~~,~~SAACJ~~,GACA,IAAMX,EAAO,CACTU,QAASA,EAAQD,MACjBE,KAAMA,GAKV,OAFAZ,EAAMI,OAAOJ,EAAMG,KAAKY,KAAMd,EAAMgB,EAAQhB,IAErCW,KAITK,EAAU,SAAChB,GACb,MAA8B,IAAvBA,EAAKU,QAAQO,UAAkBlB,EAAMG,KAAKF,KAAKkB,QAAWnB,EAAMG,KAAKF,KAAKkB,QAA+B,KAArBlB,EAAKW,KAAKM,SAGzG,MAAO,CACHP,QAAAA,EACAC,KAAAA,MCvEHQ,EAAA,CAAAC,MAAM,aACFC,EAAA,CAAAD,MAAM,aACFE,EAAA,CAAAF,MAAM,8BAKVG,EAAA,CAAAH,MAAM,qDAPf,OAAAI,EAAAA,YAAAC,EAAAC,mBAUK,MAVLP,EAUK,CATDQ,EAAAA,mBAKK,MALLN,EAKK,CAJDM,EAAAA,mBAGK,MAHLL,EAGK,kBAFDK,EAAmIC,mBAAA,QAAA,CAA5HC,KAAK,QAAQT,MAAM,6DAAiBU,EAAOpB,QAAAqB,IAAGC,GAAE,oBAAwBF,EAAI5B,KAAC8B,GAAIC,YAAY,IAAIC,aAAa,uCAA1EJ,EAAOpB,WAClDiB,EAAAA,mBAAwG,QAAA,CAAjGP,MAAM,QAASe,IAAG,oBAAwBL,EAAI5B,KAAC8B,sBAAOF,EAAEM,GAAA,gCAAA,EAAAC,OAGvEV,EAAAC,mBAEK,MAFLL,EAEK,EADDC,aAAA,GAAAC,EAAAA,mBAAsJa,EAAAA,SAAlI,KAAAC,EAAAC,WAAAV,EAAA5B,KAAKF,eAAbE,wBAAZuB,EAAsJC,mBAAA,MAAA,CAAhHe,IAAKvC,EAAK8B,GAAWZ,MAAwBsB,EAAAA,eAAA,CAAAC,cAAAb,EAAAnB,MAAQT,EAAK0C,OAASC,QAAO,SAAAd,GAAA,OAAAD,EAAAnB,KAAOT,EAAK0C,OAASE,EAAAA,gBAAA5C,EAAK0C,MAAK,GAAAG"}
1	+ {"version":3,"file":"CheckoutShippingCourier.js","sources":["../../../../../src/components/shop/order/shipping/CheckoutShippingCourier.vue","../../../../../src/components/shop/order/shipping/CheckoutShippingCourier.vue?vue&type=template&id=7dba5934&lang.js"],"sourcesContent":["<template>\n <div class=\"component\">\n <div class=\"user-form\">\n <div class=\"control\">\n <input type=\"input\" class=\"input\" v-model=\"address\" :id=\"'shipping-courier-' + item.id\" placeholder=\" \" autocomplete=\"chrome-off\" />\n <label class=\"label\" :for=\"'shipping-courier-' + item.id\">{{ __('shop.order.delivery_address') }}</label>\n </div>\n </div>\n <div class=\"time\">\n <div v-for=\"item in item.data\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-selected': time == item.name }\" @click=\"time = item.name\">{{ item.name }}</div>\n </div>\n </div>\n</template>\n<script>\nimport { computed, defineComponent, inject, onMounted } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const shippingComponentValid = inject('shippingComponentValid');\n\n onMounted(() => {\n shippingComponentValid.value = async () => {\n return !!(address.value) && !!(time.value);\n // return new Promise(resolve => {\n // resolve(!!(address.value) && !!(time.value));\n // });\n };\n });\n\n const address = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].address : '';\n },\n set(address) {\n const data = {\n address: address,\n time: time.value\n };\n\n props.commit(props.item.code, data, isValid(data));\n\n return address;\n }\n });\n\n const time = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].time : '';\n },\n set(time) {\n const data = {\n address: address.value,\n time: time\n };\n\n props.commit(props.item.code, data, isValid(data));\n\n return time;\n }\n });\n\n const isValid = (data) => {\n return data.address.trim() != '' && (!props.item.data.length \|\| (props.item.data.length && data.time.trim() !== ''));\n };\n\n return {\n address,\n time\n };\n }\n});\n</script>\n","<template>\n <div class=\"component\">\n <div class=\"user-form\">\n <div class=\"control\">\n <input type=\"input\" class=\"input\" v-model=\"address\" :id=\"'shipping-courier-' + item.id\" placeholder=\" \" autocomplete=\"chrome-off\" />\n <label class=\"label\" :for=\"'shipping-courier-' + item.id\">{{ __('shop.order.delivery_address') }}</label>\n </div>\n </div>\n <div class=\"time\">\n <div v-for=\"item in item.data\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-selected': time == item.name }\" @click=\"time = item.name\">{{ item.name }}</div>\n </div>\n </div>\n</template>\n<script>\nimport { computed, defineComponent, inject, onMounted } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const shippingComponentValid = inject('shippingComponentValid');\n\n onMounted(() => {\n shippingComponentValid.value = async () => {\n return !!(address.value) && !!(time.value);\n // return new Promise(resolve => {\n // resolve(!!(address.value) && !!(time.value));\n // });\n };\n });\n\n const address = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].address : '';\n },\n set(address) {\n const data = {\n address: address,\n time: time.value\n };\n\n props.commit(props.item.code, data, isValid(data));\n\n return address;\n }\n });\n\n const time = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].time : '';\n },\n set(time) {\n const data = {\n address: address.value,\n time: time\n };\n\n props.commit(props.item.code, data, isValid(data));\n\n return time;\n }\n });\n\n const isValid = (data) => {\n return data.address.trim() != '' && (!props.item.data.length \|\| (props.item.data.length && data.time.trim() !== ''));\n };\n\n return {\n address,\n time\n };\n }\n});\n</script>\n"],"names":["script","defineComponent","props","data","Object","item","commit","Function","setup","shippingComponentValid","inject","onMounted","value","address","time","computed","get","code","set","isValid","trim","length","_hoisted_1","class","_hoisted_2","_hoisted_3","_hoisted_6","_openBlock","_createElementBlock","createElementBlock","_createElementVNode","createElementVNode","type","_ctx","$event","id","placeholder","autocomplete","for","__","_hoisted_5","_Fragment","_renderList","renderList","key","_normalizeClass","is-selected","name","onClick","_toDisplayString","_hoisted_7"],"mappings":"kCAgBA,IAAAA,EAAeC,kBAAgB,CAC3BC,MAAO,CACHC,KAAMC,OACNC,KAAMD,OACNE,OAAQC,UAEZC,MAAAA,SAAMN,GACF,IAAMO,EAAyBC,SAAO,0BAEtCC,EAAAA,WAAU,iBACNF,EAAuBG,SAAoB,WACvC,QAAUC,EAAQD,SAAaE,EAAKF,gKAO5C,IAAMC,EAAUE,EAAAA,SAAS,CACrBC,IAAG,WACC,OAAOd,EAAMC,KAAKD,EAAMG,KAAKY,MAAQf,EAAMC,KAAKD,EAAMG,KAAKY,MAAMJ,QAAU,IAE/EK,IAAAA,SAAIL,GACA,IAAMV,EAAO,CACTU,QAASA,EACTC,KAAMA,EAAKF,OAKf,OAFAV,EAAMI,OAAOJ,EAAMG,KAAKY,KAAMd,EAAMgB,EAAQhB,IAErCU,KAITC,EAAOC,EAAAA,SAAS,CAClBC,IAAG,WACC,OAAOd,EAAMC,KAAKD,EAAMG,KAAKY,MAAQf,EAAMC,KAAKD,EAAMG,KAAKY,MAAMH,KAAO,IAE5EI,IAAAA,SAAIJ,GACA,IAAMX,EAAO,CACTU,QAASA,EAAQD,MACjBE,KAAMA,GAKV,OAFAZ,EAAMI,OAAOJ,EAAMG,KAAKY,KAAMd,EAAMgB,EAAQhB,IAErCW,KAITK,EAAU,SAAChB,GACb,MAA8B,IAAvBA,EAAKU,QAAQO,UAAkBlB,EAAMG,KAAKF,KAAKkB,QAAWnB,EAAMG,KAAKF,KAAKkB,QAA+B,KAArBlB,EAAKW,KAAKM,SAGzG,MAAO,CACHP,QAAAA,EACAC,KAAAA,MCvEHQ,EAAA,CAAAC,MAAM,aACFC,EAAA,CAAAD,MAAM,aACFE,EAAA,CAAAF,MAAM,8BAKVG,EAAA,CAAAH,MAAM,qDAPf,OAAAI,EAAAA,YAAAC,EAAAC,mBAUK,MAVLP,EAUK,CATDQ,EAAAA,mBAKK,MALLN,EAKK,CAJDM,EAAAA,mBAGK,MAHLL,EAGK,kBAFDK,EAAmIC,mBAAA,QAAA,CAA5HC,KAAK,QAAQT,MAAM,6DAAiBU,EAAOpB,QAAAqB,IAAGC,GAAE,oBAAwBF,EAAI5B,KAAC8B,GAAIC,YAAY,IAAIC,aAAa,uCAA1EJ,EAAOpB,WAClDiB,EAAAA,mBAAwG,QAAA,CAAjGP,MAAM,QAASe,IAAG,oBAAwBL,EAAI5B,KAAC8B,sBAAOF,EAAEM,GAAA,gCAAA,EAAAC,OAGvEV,EAAAC,mBAEK,MAFLL,EAEK,EADDC,aAAA,GAAAC,EAAAA,mBAAsJa,EAAAA,SAAlI,KAAAC,EAAAC,WAAAV,EAAA5B,KAAKF,eAAbE,wBAAZuB,EAAsJC,mBAAA,MAAA,CAAhHe,IAAKvC,EAAK8B,GAAWZ,MAAwBsB,EAAAA,eAAA,CAAAC,cAAAb,EAAAnB,MAAQT,EAAK0C,OAASC,QAAO,SAAAd,GAAA,OAAAD,EAAAnB,KAAOT,EAAK0C,OAASE,EAAAA,gBAAA5C,EAAK0C,MAAK,GAAAG"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckoutShippingNovaposhtaAddress.js","sources":["../../../../../src/components/shop/order/shipping/CheckoutShippingNovaposhtaAddress.vue","../../../../../src/components/shop/order/shipping/CheckoutShippingNovaposhtaAddress.vue?vue&type=template&id=9890da46&lang.js"],"sourcesContent":["<template>\n <div class=\"component\">\n <div class=\"user-form\">\n <div class=\"control\">\n <input type=\"input\" class=\"input\" v-model=\"address\" :id=\"'shipping-courier-' + item.id\" placeholder=\" \" autocomplete=\"chrome-off\" />\n <label class=\"label\" :for=\"'shipping-courier-' + item.id\">{{ __('shop.order.delivery_address') }}</label>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { computed, defineComponent, inject, onMounted } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const shippingComponentValid = inject('shippingComponentValid');\n\n onMounted(() => {\n shippingComponentValid.value = async () => {\n return !!(address.value);\n // return new Promise(resolve => {\n // resolve();\n // });\n };\n });\n\n const address = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].address : '';\n },\n set(address) {\n const data = {\n address: address\n };\n\n props.commit(props.item.code, data, address.trim() !== '');\n\n return address;\n }\n });\n\n return {\n address\n };\n }\n});\n</script>\n","<template>\n <div class=\"component\">\n <div class=\"user-form\">\n <div class=\"control\">\n <input type=\"input\" class=\"input\" v-model=\"address\" :id=\"'shipping-courier-' + item.id\" placeholder=\" \" autocomplete=\"chrome-off\" />\n <label class=\"label\" :for=\"'shipping-courier-' + item.id\">{{ __('shop.order.delivery_address') }}</label>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { computed, defineComponent, inject, onMounted } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const shippingComponentValid = inject('shippingComponentValid');\n\n onMounted(() => {\n shippingComponentValid.value = async () => {\n return !!(address.value);\n // return new Promise(resolve => {\n // resolve();\n // });\n };\n });\n\n const address = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].address : '';\n },\n set(address) {\n const data = {\n address: address\n };\n\n props.commit(props.item.code, data, address.trim() !== '');\n\n return address;\n }\n });\n\n return {\n address\n };\n }\n});\n</script>\n"],"names":["script","defineComponent","props","data","Object","item","commit","Function","setup","shippingComponentValid","inject","onMounted","value","address","computed","get","code","set","trim","_hoisted_1","class","_hoisted_2","_hoisted_3","_openBlock","_createElementBlock","createElementBlock","_createElementVNode","createElementVNode","type","_ctx","$event","id","placeholder","autocomplete","for","__","_hoisted_5"],"mappings":"kCAaA,IAAAA,EAAeC,kBAAgB,CAC3BC,MAAO,CACHC,KAAMC,OACNC,KAAMD,OACNE,OAAQC,UAEZC,~~MAAK~~,~~SAACN~~,GACF,IAAMO,EAAyBC,SAAO,0BAEtCC,EAAAA,WAAU,iBACNF,EAAuBG,SAAoB,WACvC,QAAUC,EAAQD,gKAO1B,IAAMC,EAAUC,EAAAA,SAAS,CACrBC,IAAG,WACC,OAAOb,EAAMC,KAAKD,EAAMG,KAAKW,MAAQd,EAAMC,KAAKD,EAAMG,KAAKW,MAAMH,QAAU,IAE/EI,~~IAAG~~,~~SAACJ~~,GACA,IAAMV,EAAO,CACTU,QAASA,GAKb,OAFAX,EAAMI,OAAOJ,EAAMG,KAAKW,KAAMb,EAAyB,KAAnBU,EAAQK,QAErCL,KAIf,MAAO,CACHA,QAAAA,MC9CHM,EAAA,CAAAC,MAAM,aACFC,EAAA,CAAAD,MAAM,aACFE,EAAA,CAAAF,MAAM,6DAFnB,OAAAG,EAAAA,YAAAC,EAAAC,mBAOK,MAPLN,EAOK,CANDO,EAAAA,mBAKK,MALLL,EAKK,CAJDK,EAAAA,mBAGK,MAHLJ,EAGK,kBAFDI,EAAmIC,mBAAA,QAAA,CAA5HC,KAAK,QAAQR,MAAM,6DAAiBS,EAAOhB,QAAAiB,IAAGC,GAAE,oBAAwBF,EAAIxB,KAAC0B,GAAIC,YAAY,IAAIC,aAAa,uCAA1EJ,EAAOhB,WAClDa,EAAAA,mBAAwG,QAAA,CAAjGN,MAAM,QAASc,IAAG,oBAAwBL,EAAIxB,KAAC0B,sBAAOF,EAAEM,GAAA,gCAAA,EAAAC"}
1	+ {"version":3,"file":"CheckoutShippingNovaposhtaAddress.js","sources":["../../../../../src/components/shop/order/shipping/CheckoutShippingNovaposhtaAddress.vue","../../../../../src/components/shop/order/shipping/CheckoutShippingNovaposhtaAddress.vue?vue&type=template&id=9890da46&lang.js"],"sourcesContent":["<template>\n <div class=\"component\">\n <div class=\"user-form\">\n <div class=\"control\">\n <input type=\"input\" class=\"input\" v-model=\"address\" :id=\"'shipping-courier-' + item.id\" placeholder=\" \" autocomplete=\"chrome-off\" />\n <label class=\"label\" :for=\"'shipping-courier-' + item.id\">{{ __('shop.order.delivery_address') }}</label>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { computed, defineComponent, inject, onMounted } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const shippingComponentValid = inject('shippingComponentValid');\n\n onMounted(() => {\n shippingComponentValid.value = async () => {\n return !!(address.value);\n // return new Promise(resolve => {\n // resolve();\n // });\n };\n });\n\n const address = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].address : '';\n },\n set(address) {\n const data = {\n address: address\n };\n\n props.commit(props.item.code, data, address.trim() !== '');\n\n return address;\n }\n });\n\n return {\n address\n };\n }\n});\n</script>\n","<template>\n <div class=\"component\">\n <div class=\"user-form\">\n <div class=\"control\">\n <input type=\"input\" class=\"input\" v-model=\"address\" :id=\"'shipping-courier-' + item.id\" placeholder=\" \" autocomplete=\"chrome-off\" />\n <label class=\"label\" :for=\"'shipping-courier-' + item.id\">{{ __('shop.order.delivery_address') }}</label>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { computed, defineComponent, inject, onMounted } from 'vue';\n\nexport default defineComponent({\n props: {\n data: Object,\n item: Object,\n commit: Function\n },\n setup(props) {\n const shippingComponentValid = inject('shippingComponentValid');\n\n onMounted(() => {\n shippingComponentValid.value = async () => {\n return !!(address.value);\n // return new Promise(resolve => {\n // resolve();\n // });\n };\n });\n\n const address = computed({\n get() {\n return props.data[props.item.code] ? props.data[props.item.code].address : '';\n },\n set(address) {\n const data = {\n address: address\n };\n\n props.commit(props.item.code, data, address.trim() !== '');\n\n return address;\n }\n });\n\n return {\n address\n };\n }\n});\n</script>\n"],"names":["script","defineComponent","props","data","Object","item","commit","Function","setup","shippingComponentValid","inject","onMounted","value","address","computed","get","code","set","trim","_hoisted_1","class","_hoisted_2","_hoisted_3","_openBlock","_createElementBlock","createElementBlock","_createElementVNode","createElementVNode","type","_ctx","$event","id","placeholder","autocomplete","for","__","_hoisted_5"],"mappings":"kCAaA,IAAAA,EAAeC,kBAAgB,CAC3BC,MAAO,CACHC,KAAMC,OACNC,KAAMD,OACNE,OAAQC,UAEZC,MAAAA,SAAMN,GACF,IAAMO,EAAyBC,SAAO,0BAEtCC,EAAAA,WAAU,iBACNF,EAAuBG,SAAoB,WACvC,QAAUC,EAAQD,gKAO1B,IAAMC,EAAUC,EAAAA,SAAS,CACrBC,IAAG,WACC,OAAOb,EAAMC,KAAKD,EAAMG,KAAKW,MAAQd,EAAMC,KAAKD,EAAMG,KAAKW,MAAMH,QAAU,IAE/EI,IAAAA,SAAIJ,GACA,IAAMV,EAAO,CACTU,QAASA,GAKb,OAFAX,EAAMI,OAAOJ,EAAMG,KAAKW,KAAMb,EAAyB,KAAnBU,EAAQK,QAErCL,KAIf,MAAO,CACHA,QAAAA,MC9CHM,EAAA,CAAAC,MAAM,aACFC,EAAA,CAAAD,MAAM,aACFE,EAAA,CAAAF,MAAM,6DAFnB,OAAAG,EAAAA,YAAAC,EAAAC,mBAOK,MAPLN,EAOK,CANDO,EAAAA,mBAKK,MALLL,EAKK,CAJDK,EAAAA,mBAGK,MAHLJ,EAGK,kBAFDI,EAAmIC,mBAAA,QAAA,CAA5HC,KAAK,QAAQR,MAAM,6DAAiBS,EAAOhB,QAAAiB,IAAGC,GAAE,oBAAwBF,EAAIxB,KAAC0B,GAAIC,YAAY,IAAIC,aAAa,uCAA1EJ,EAAOhB,WAClDa,EAAAA,mBAAwG,QAAA,CAAjGN,MAAM,QAASc,IAAG,oBAAwBL,EAAIxB,KAAC0B,sBAAOF,EAAEM,GAAA,gCAAA,EAAAC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckoutShippingNovaposhtaWarehouse.js","sources":["../../../../../src/components/shop/order/shipping/CheckoutShippingNovaposhtaWarehouse.vue","../../../../../src/components/shop/order/shipping/CheckoutShippingNovaposhtaWarehouse.vue?vue&type=template&id=b8ffe8f4&lang.js"],"sourcesContent":["<template>\n <div class=\"component novaposhta-wrapper\">\n <checkout-shipping-other-recipient v-if=\"item.params?.is_other_recipient\" ref=\"userForm\"></checkout-shipping-other-recipient>\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, 'is-danger': !cityIsValid }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryCity\" @focus=\"focusCity\" :placeholder=\"__('shop.order.city_placeholder')\" autocomplete=\"chrome-off\" v-show=\"cityQueryInputInQueryMode\" ref=\"cityQueryInput\" />\n <input type=\"text\" class=\"input\" :value=\"city ? city.name : ''\" @focus=\"focusCity\" placeholder=\" \" v-show=\"!cityQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!cityQueryInputInQueryMode\">{{ __('shop.order.city') }}</label>\n <svg>\n <use xlink:href=\"#arrow-down\"></use>\n </svg>\n </div>\n <p class=\"help is-danger\" v-if=\"!cityIsValid\">{{ __('auth.validation.required') }}</p>\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, 'is-danger': !warehouseIsValid }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryWarehouse\" @focus=\"focusWarehouse\" :placeholder=\"__('shop.order.warehouse_placeholder')\" autocomplete=\"chrome-off\" v-show=\"warehouseQueryInputInQueryMode\" ref=\"warehouseQueryInput\" />\n <input type=\"text\" class=\"input\" :value=\"warehouse ? warehouse.name : ''\" @focus=\"focusWarehouse\" placeholder=\" \" v-show=\"!warehouseQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!warehouseQueryInputInQueryMode\">{{ __('shop.order.warehouse') }}</label>\n <svg>\n <use xlink:href=\"#arrow-down\"></use>\n </svg>\n </div>\n <p class=\"help is-danger\" v-if=\"!warehouseIsValid\">{{ __('auth.validation.required') }}</p>\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 class=\"dropdown\" v-bind:class=\"{ 'is-top': warehouseQueryInputInQueryMode }\" v-else>\n <div class=\"dropdown-trigger\">\n <div class=\"user-form\">\n <div class=\"control\">\n <input type=\"text\" class=\"input\" disabled />\n <label class=\"label\">{{ __('shop.order.warehouse') }}</label>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, watch, onMounted, defineComponent, nextTick, inject } 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 userForm = ref(null);\n\n const isValid = (data) => {\n return !!(data.city && data.warehouse);\n };\n\n const shippingComponentValid = inject('shippingComponentValid');\n const shippingComponentUserData = inject('shippingComponentUserData');\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 const cityIsValid = computed(() => {\n return city.value ? true : (!isCityInputBlured.value ? true : false);\n });\n\n const isCityInputBlured = ref(false);\n\n const warehouseIsValid = computed(() => {\n return warehouse.value ? true : (!isWarehouseInputBlured.value ? true : false);\n });\n\n const isWarehouseInputBlured = ref(false);\n\n let typeTimeout;\n\n onMounted(() => {\n shippingComponentValid.value = async () => {\n isCityInputBlured.value = true;\n isWarehouseInputBlured.value = true;\n\n if (props.item.params?.is_other_recipient && userForm.value) {\n const valid = await userForm.value.isValid();\n\n if (valid) {\n shippingComponentUserData.value = userForm.value.getValue();\n }\n\n return !!(city.value && warehouse.value && valid);\n }\n\n return !!(city.value && warehouse.value);\n };\n\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 isCityInputBlured.value = true;\n isWarehouseInputBlured.value = true;\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 ((isCityOpened.value \|\| isWarehouseOpened.value) && !e.target.closest('.dropdown')) {\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 isWarehouseInputBlured.value = false;\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 isCityInputBlured.value = false;\n isWarehouseInputBlured.value = false;\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 userForm,\n cityIsValid,\n warehouseIsValid\n };\n }\n});\n</script>\n","<template>\n <div class=\"component novaposhta-wrapper\">\n <checkout-shipping-other-recipient v-if=\"item.params?.is_other_recipient\" ref=\"userForm\"></checkout-shipping-other-recipient>\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, 'is-danger': !cityIsValid }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryCity\" @focus=\"focusCity\" :placeholder=\"__('shop.order.city_placeholder')\" autocomplete=\"chrome-off\" v-show=\"cityQueryInputInQueryMode\" ref=\"cityQueryInput\" />\n <input type=\"text\" class=\"input\" :value=\"city ? city.name : ''\" @focus=\"focusCity\" placeholder=\" \" v-show=\"!cityQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!cityQueryInputInQueryMode\">{{ __('shop.order.city') }}</label>\n <svg>\n <use xlink:href=\"#arrow-down\"></use>\n </svg>\n </div>\n <p class=\"help is-danger\" v-if=\"!cityIsValid\">{{ __('auth.validation.required') }}</p>\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, 'is-danger': !warehouseIsValid }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryWarehouse\" @focus=\"focusWarehouse\" :placeholder=\"__('shop.order.warehouse_placeholder')\" autocomplete=\"chrome-off\" v-show=\"warehouseQueryInputInQueryMode\" ref=\"warehouseQueryInput\" />\n <input type=\"text\" class=\"input\" :value=\"warehouse ? warehouse.name : ''\" @focus=\"focusWarehouse\" placeholder=\" \" v-show=\"!warehouseQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!warehouseQueryInputInQueryMode\">{{ __('shop.order.warehouse') }}</label>\n <svg>\n <use xlink:href=\"#arrow-down\"></use>\n </svg>\n </div>\n <p class=\"help is-danger\" v-if=\"!warehouseIsValid\">{{ __('auth.validation.required') }}</p>\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 class=\"dropdown\" v-bind:class=\"{ 'is-top': warehouseQueryInputInQueryMode }\" v-else>\n <div class=\"dropdown-trigger\">\n <div class=\"user-form\">\n <div class=\"control\">\n <input type=\"text\" class=\"input\" disabled />\n <label class=\"label\">{{ __('shop.order.warehouse') }}</label>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, watch, onMounted, defineComponent, nextTick, inject } 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 userForm = ref(null);\n\n const isValid = (data) => {\n return !!(data.city && data.warehouse);\n };\n\n const shippingComponentValid = inject('shippingComponentValid');\n const shippingComponentUserData = inject('shippingComponentUserData');\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 const cityIsValid = computed(() => {\n return city.value ? true : (!isCityInputBlured.value ? true : false);\n });\n\n const isCityInputBlured = ref(false);\n\n const warehouseIsValid = computed(() => {\n return warehouse.value ? true : (!isWarehouseInputBlured.value ? true : false);\n });\n\n const isWarehouseInputBlured = ref(false);\n\n let typeTimeout;\n\n onMounted(() => {\n shippingComponentValid.value = async () => {\n isCityInputBlured.value = true;\n isWarehouseInputBlured.value = true;\n\n if (props.item.params?.is_other_recipient && userForm.value) {\n const valid = await userForm.value.isValid();\n\n if (valid) {\n shippingComponentUserData.value = userForm.value.getValue();\n }\n\n return !!(city.value && warehouse.value && valid);\n }\n\n return !!(city.value && warehouse.value);\n };\n\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 isCityInputBlured.value = true;\n isWarehouseInputBlured.value = true;\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 ((isCityOpened.value \|\| isWarehouseOpened.value) && !e.target.closest('.dropdown')) {\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 isWarehouseInputBlured.value = false;\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 isCityInputBlured.value = false;\n isWarehouseInputBlured.value = false;\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 userForm,\n cityIsValid,\n warehouseIsValid\n };\n }\n});\n</script>\n"],"names":["script","defineComponent","props","data","Object","item","commit","Function","setup","typeTimeout","city","computed","get","code","set","isValid","warehouse","value","userForm","ref","shippingComponentValid","inject","shippingComponentUserData","isCityOpened","isWarehouseOpened","queryCity","queryWarehouse","cities","citiesPopular","warehouses","cityQueryInput","warehouseQueryInput","loadingCity","loadingWarehouse","cityQueryInputInQueryMode","warehouseQueryInputInQueryMode","cityIsValid","isCityInputBlured","warehouseIsValid","isWarehouseInputBlured","onMounted","f","_exit","_invoke","_props$item$params","then","direct","params","is_other_recipient","valid","getValue","_temp","Promise","resolve","_result","args","i","arguments","length","apply","this","e","close","window","addEventListener","key","target","closest","watch","q","clearTimeout","setTimeout","$http","post","$ziggy","action","response","id","_defineProperty","openCity","openWarehouse","chooseCity","stopPropagation","chooseWarehouse","focusWarehouse","nextTick","focus","focusCity","_hoisted_1","class","_hoisted_2","_createElementVNode","createElementVNode","xlink:href","_hoisted_7","_hoisted_8","_hoisted_11","_hoisted_16","_hoisted_17","_hoisted_20","_hoisted_21","_hoisted_22","type","disabled","_hoisted_24","_openBlock","openBlock","_createElementBlock","_ctx","_ctx$item$params","_createBlock","createBlock","_component_checkout_shipping_other_recipient","_normalizeClass","is-active","onMouseleave","onClick","is-loading","$event","onFocus","placeholder","__","autocomplete","name","_withDirectives","_hoisted_5","_hoisted_6","_toDisplayString","createElementBlock","_Fragment","_hoisted_9","_hoisted_10","_hoisted_14","_hoisted_15","_renderList","_hoisted_18","_hoisted_19","toDisplayString","is-top","_hoisted_23"],"mappings":"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"}
1	+ {"version":3,"file":"CheckoutShippingNovaposhtaWarehouse.js","sources":["../../../../../src/components/shop/order/shipping/CheckoutShippingNovaposhtaWarehouse.vue","../../../../../src/components/shop/order/shipping/CheckoutShippingNovaposhtaWarehouse.vue?vue&type=template&id=b8ffe8f4&lang.js"],"sourcesContent":["<template>\n <div class=\"component novaposhta-wrapper\">\n <checkout-shipping-other-recipient v-if=\"item.params?.is_other_recipient\" ref=\"userForm\"></checkout-shipping-other-recipient>\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, 'is-danger': !cityIsValid }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryCity\" @focus=\"focusCity\" :placeholder=\"__('shop.order.city_placeholder')\" autocomplete=\"chrome-off\" v-show=\"cityQueryInputInQueryMode\" ref=\"cityQueryInput\" />\n <input type=\"text\" class=\"input\" :value=\"city ? city.name : ''\" @focus=\"focusCity\" placeholder=\" \" v-show=\"!cityQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!cityQueryInputInQueryMode\">{{ __('shop.order.city') }}</label>\n <svg>\n <use xlink:href=\"#arrow-down\"></use>\n </svg>\n </div>\n <p class=\"help is-danger\" v-if=\"!cityIsValid\">{{ __('auth.validation.required') }}</p>\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, 'is-danger': !warehouseIsValid }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryWarehouse\" @focus=\"focusWarehouse\" :placeholder=\"__('shop.order.warehouse_placeholder')\" autocomplete=\"chrome-off\" v-show=\"warehouseQueryInputInQueryMode\" ref=\"warehouseQueryInput\" />\n <input type=\"text\" class=\"input\" :value=\"warehouse ? warehouse.name : ''\" @focus=\"focusWarehouse\" placeholder=\" \" v-show=\"!warehouseQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!warehouseQueryInputInQueryMode\">{{ __('shop.order.warehouse') }}</label>\n <svg>\n <use xlink:href=\"#arrow-down\"></use>\n </svg>\n </div>\n <p class=\"help is-danger\" v-if=\"!warehouseIsValid\">{{ __('auth.validation.required') }}</p>\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 class=\"dropdown\" v-bind:class=\"{ 'is-top': warehouseQueryInputInQueryMode }\" v-else>\n <div class=\"dropdown-trigger\">\n <div class=\"user-form\">\n <div class=\"control\">\n <input type=\"text\" class=\"input\" disabled />\n <label class=\"label\">{{ __('shop.order.warehouse') }}</label>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, watch, onMounted, defineComponent, nextTick, inject } 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 userForm = ref(null);\n\n const isValid = (data) => {\n return !!(data.city && data.warehouse);\n };\n\n const shippingComponentValid = inject('shippingComponentValid');\n const shippingComponentUserData = inject('shippingComponentUserData');\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 const cityIsValid = computed(() => {\n return city.value ? true : (!isCityInputBlured.value ? true : false);\n });\n\n const isCityInputBlured = ref(false);\n\n const warehouseIsValid = computed(() => {\n return warehouse.value ? true : (!isWarehouseInputBlured.value ? true : false);\n });\n\n const isWarehouseInputBlured = ref(false);\n\n let typeTimeout;\n\n onMounted(() => {\n shippingComponentValid.value = async () => {\n isCityInputBlured.value = true;\n isWarehouseInputBlured.value = true;\n\n if (props.item.params?.is_other_recipient && userForm.value) {\n const valid = await userForm.value.isValid();\n\n if (valid) {\n shippingComponentUserData.value = userForm.value.getValue();\n }\n\n return !!(city.value && warehouse.value && valid);\n }\n\n return !!(city.value && warehouse.value);\n };\n\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 isCityInputBlured.value = true;\n isWarehouseInputBlured.value = true;\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 ((isCityOpened.value \|\| isWarehouseOpened.value) && !e.target.closest('.dropdown')) {\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 isWarehouseInputBlured.value = false;\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 isCityInputBlured.value = false;\n isWarehouseInputBlured.value = false;\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 userForm,\n cityIsValid,\n warehouseIsValid\n };\n }\n});\n</script>\n","<template>\n <div class=\"component novaposhta-wrapper\">\n <checkout-shipping-other-recipient v-if=\"item.params?.is_other_recipient\" ref=\"userForm\"></checkout-shipping-other-recipient>\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, 'is-danger': !cityIsValid }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryCity\" @focus=\"focusCity\" :placeholder=\"__('shop.order.city_placeholder')\" autocomplete=\"chrome-off\" v-show=\"cityQueryInputInQueryMode\" ref=\"cityQueryInput\" />\n <input type=\"text\" class=\"input\" :value=\"city ? city.name : ''\" @focus=\"focusCity\" placeholder=\" \" v-show=\"!cityQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!cityQueryInputInQueryMode\">{{ __('shop.order.city') }}</label>\n <svg>\n <use xlink:href=\"#arrow-down\"></use>\n </svg>\n </div>\n <p class=\"help is-danger\" v-if=\"!cityIsValid\">{{ __('auth.validation.required') }}</p>\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, 'is-danger': !warehouseIsValid }\">\n <input type=\"text\" class=\"input is-nolabel\" v-model=\"queryWarehouse\" @focus=\"focusWarehouse\" :placeholder=\"__('shop.order.warehouse_placeholder')\" autocomplete=\"chrome-off\" v-show=\"warehouseQueryInputInQueryMode\" ref=\"warehouseQueryInput\" />\n <input type=\"text\" class=\"input\" :value=\"warehouse ? warehouse.name : ''\" @focus=\"focusWarehouse\" placeholder=\" \" v-show=\"!warehouseQueryInputInQueryMode\" />\n <label class=\"label\" v-show=\"!warehouseQueryInputInQueryMode\">{{ __('shop.order.warehouse') }}</label>\n <svg>\n <use xlink:href=\"#arrow-down\"></use>\n </svg>\n </div>\n <p class=\"help is-danger\" v-if=\"!warehouseIsValid\">{{ __('auth.validation.required') }}</p>\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 class=\"dropdown\" v-bind:class=\"{ 'is-top': warehouseQueryInputInQueryMode }\" v-else>\n <div class=\"dropdown-trigger\">\n <div class=\"user-form\">\n <div class=\"control\">\n <input type=\"text\" class=\"input\" disabled />\n <label class=\"label\">{{ __('shop.order.warehouse') }}</label>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n<script>\nimport { ref, computed, watch, onMounted, defineComponent, nextTick, inject } 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 userForm = ref(null);\n\n const isValid = (data) => {\n return !!(data.city && data.warehouse);\n };\n\n const shippingComponentValid = inject('shippingComponentValid');\n const shippingComponentUserData = inject('shippingComponentUserData');\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 const cityIsValid = computed(() => {\n return city.value ? true : (!isCityInputBlured.value ? true : false);\n });\n\n const isCityInputBlured = ref(false);\n\n const warehouseIsValid = computed(() => {\n return warehouse.value ? true : (!isWarehouseInputBlured.value ? true : false);\n });\n\n const isWarehouseInputBlured = ref(false);\n\n let typeTimeout;\n\n onMounted(() => {\n shippingComponentValid.value = async () => {\n isCityInputBlured.value = true;\n isWarehouseInputBlured.value = true;\n\n if (props.item.params?.is_other_recipient && userForm.value) {\n const valid = await userForm.value.isValid();\n\n if (valid) {\n shippingComponentUserData.value = userForm.value.getValue();\n }\n\n return !!(city.value && warehouse.value && valid);\n }\n\n return !!(city.value && warehouse.value);\n };\n\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 isCityInputBlured.value = true;\n isWarehouseInputBlured.value = true;\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 ((isCityOpened.value \|\| isWarehouseOpened.value) && !e.target.closest('.dropdown')) {\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 isWarehouseInputBlured.value = false;\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 isCityInputBlured.value = false;\n isWarehouseInputBlured.value = false;\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 userForm,\n cityIsValid,\n warehouseIsValid\n };\n }\n});\n</script>\n"],"names":["script","defineComponent","props","data","Object","item","commit","Function","setup","typeTimeout","city","computed","get","code","set","isValid","warehouse","value","userForm","ref","shippingComponentValid","inject","shippingComponentUserData","isCityOpened","isWarehouseOpened","queryCity","queryWarehouse","cities","citiesPopular","warehouses","cityQueryInput","warehouseQueryInput","loadingCity","loadingWarehouse","cityQueryInputInQueryMode","warehouseQueryInputInQueryMode","cityIsValid","isCityInputBlured","warehouseIsValid","isWarehouseInputBlured","onMounted","f","_exit","_invoke","_props$item$params","then","direct","params","is_other_recipient","valid","getValue","_temp","Promise","resolve","_result","args","i","arguments","length","apply","this","e","close","window","addEventListener","key","target","closest","watch","q","clearTimeout","setTimeout","$http","post","$ziggy","action","response","id","_defineProperty","openCity","openWarehouse","chooseCity","stopPropagation","chooseWarehouse","focusWarehouse","nextTick","focus","focusCity","_hoisted_1","class","_hoisted_2","_createElementVNode","createElementVNode","xlink:href","_hoisted_7","_hoisted_8","_hoisted_11","_hoisted_16","_hoisted_17","_hoisted_20","_hoisted_21","_hoisted_22","type","disabled","_hoisted_24","_openBlock","openBlock","_createElementBlock","_ctx","_ctx$item$params","_createBlock","createBlock","_component_checkout_shipping_other_recipient","_normalizeClass","is-active","onMouseleave","onClick","is-loading","$event","onFocus","placeholder","__","autocomplete","name","_withDirectives","_hoisted_5","_hoisted_6","_toDisplayString","createElementBlock","_Fragment","_hoisted_9","_hoisted_10","_hoisted_14","_hoisted_15","_renderList","_hoisted_18","_hoisted_19","toDisplayString","is-top","_hoisted_23"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@perevorot/shop/dist/helpers"),t=require("vue");var n=t.defineComponent({props:{data:Object,item:Object,commit:Function},setup:function(n){var o=t.computed((function(){return n.item.data.find((function(e){return e.id==i.value}))})),c=function(e){return!n.item.data.length||!!e},l=t.inject("shippingComponentValid"),r=t.inject("shippingComponentUserData");t.onMounted((function(){var e;l.value=(e=function(){return!!o.value},function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];try{return Promise.resolve(e.apply(this,t))}catch(e){return Promise.reject(e)}}),r.value={},o.value||n.commit(n.item.code,{},c())}));var i=t.computed({get:function(){return n.data[n.item.code]?n.data[n.item.code].id:null},set:function(e){n.commit(n.item.code,{id:e},c(e))}}),a=t.ref(!1),s=function(){a.value=!1};return window.addEventListener("keyup",(function(e){a.value&&"Escape"===e.key&&s()})),window.addEventListener("click",(function(e){e.target.closest(".pickup-wrapper")||s()})),{selected:o,isOpened:a,open:function(){a.value=!0},choose:function(e,t){e.stopPropagation(),setTimeout((function(){i.value=t.id}),200),s()},close:s,pickup:i,nl2p:e.nl2p}}}),o={key:0,class:"component pickup-wrapper"},c={key:0,class:"label"},l=["textContent"],r=t.createElementVNode("svg",null,[t.createElementVNode("use",{"xlink:href":"#arrow-down"})],-1),i={class:"dropdown-menu"},a={class:"dropdown-content"},s=["onClick"],d={key:1,class:"data"},p={class:"columns is-gapless"},m={class:"column"},u={class:"data-wrapper"},v={key:0,class:"hours"},k=t.createElementVNode("svg",null,[t.createElementVNode("use",{"xlink:href":"#hours"})],-1),f=["innerHTML"],E={key:1,class:"map"},h=["href"],g=["innerHTML"],V={key:0,class:"column is-4"},N={class:"image"},y=["src"];n.render=function(e,n,B,C,w,_){return e.item.data.length?(t.openBlock(),t.createElementBlock("div",o,[e.__("shop.order.pickup_label")?(t.openBlock(),t.createElementBlock("div",c,t.toDisplayString(e.__("shop.order.pickup_label")),1)):t.createCommentVNode("v-if",!0),t.createElementVNode("div",{class:t.normalizeClass(["dropdown",{"is-active":e.isOpened}]),onMouseleave:n[1]||(n[1]=function(){return e.close&&e.close.apply(e,arguments)})},[t.createElementVNode("div",{class:"input dropdown-trigger",onClick:n[0]||(n[0]=function(){return e.open&&e.open.apply(e,arguments)})},[t.createElementVNode("span",{class:t.normalizeClass({"is-placeholder":!e.selected}),textContent:t.toDisplayString(e.selected?e.selected.name:e.__("shop.order.pickup"))},null,10,l),r]),t.createElementVNode("div",i,[t.createElementVNode("div",a,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.item.data,(function(n){return t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["dropdown-item",{"is-active":e.selected&&n.id==e.selected.id}]),key:n.id,onClick:function(t){return e.choose(t,n)}},t.toDisplayString(n.name),11,s)})),128))])])],34),e.selected&&(e.selected.hours||e.selected.map_url||e.selected.description||e.selected.image)?(t.openBlock(),t.createElementBlock("div",d,[t.createElementVNode("div",p,[t.createElementVNode("div",m,[t.createElementVNode("div",u,[e.selected.hours?(t.openBlock(),t.createElementBlock("div",v,[k,t.createElementVNode("span",{innerHTML:e.selected.hours},null,8,f)])):t.createCommentVNode("v-if",!0),e.selected.map_url?(t.openBlock(),t.createElementBlock("div",E,[t.createElementVNode("a",{href:e.selected.map_url,target:"_blank",rel:"noopener"},t.toDisplayString(e.__("shop.order.map")),9,h)])):t.createCommentVNode("v-if",!0),e.selected.description?(t.openBlock(),t.createElementBlock("div",{key:2,class:"info",innerHTML:e.nl2p(e.selected.description)},null,8,g)):t.createCommentVNode("v-if",!0)])]),e.selected.image?(t.openBlock(),t.createElementBlock("div",V,[t.createElementVNode("div",N,[t.createElementVNode("img",{src:e.selected.image},null,8,y)])])):t.createCommentVNode("v-if",!0)])])):t.createCommentVNode("v-if",!0)])):t.createCommentVNode("v-if",!0)},module.exports=n;
+"use strict";var e=require("@perevorot/shop/dist/helpers"),t=require("vue");var n=t.defineComponent({props:{data:Object,item:Object,commit:Function},setup:function(n){var o=t.computed((function(){return n.item.data.find((function(e){return e.id==i.value}))})),l=function(e){return!n.item.data.length||!!e},c=t.inject("shippingComponentValid"),r=t.inject("shippingComponentUserData");t.onMounted((function(){var e;c.value=(e=function(){return!!o.value},function(){for(var t=[],n=0;n<arguments.length;n++)t[n]=arguments[n];try{return Promise.resolve(e.apply(this,t))}catch(e){return Promise.reject(e)}}),r.value={},o.value||n.commit(n.item.code,{},l())}));var i=t.computed({get:function(){return n.data[n.item.code]?n.data[n.item.code].id:null},set:function(e){n.commit(n.item.code,{id:e},l(e))}}),a=t.ref(!1),s=function(){a.value=!1};return window.addEventListener("keyup",(function(e){a.value&&"Escape"===e.key&&s()})),window.addEventListener("click",(function(e){e.target.closest(".pickup-wrapper")||s()})),{selected:o,isOpened:a,open:function(){a.value=!0},choose:function(e,t){e.stopPropagation(),setTimeout((function(){i.value=t.id}),200),s()},close:s,pickup:i,nl2p:e.nl2p}}}),o={key:0,class:"component pickup-wrapper"},l={key:0,class:"label"},c=["textContent"],r=t.createElementVNode("svg",null,[t.createElementVNode("use",{"xlink:href":"#arrow-down"})],-1),i={class:"dropdown-menu"},a={class:"dropdown-content"},s=["onClick"],d={key:1,class:"data"},p={class:"columns is-gapless"},m={class:"column"},u={class:"data-wrapper"},v={key:0,class:"hours"},k=t.createElementVNode("svg",null,[t.createElementVNode("use",{"xlink:href":"#hours"})],-1),f=["innerHTML"],E={key:1,class:"map"},h=["href"],g=["innerHTML"],V={key:0,class:"column is-4"},N={class:"image"},y=["src"];n.render=function(e,n,B,C,_,w){return e.item.data.length?(t.openBlock(),t.createElementBlock("div",o,["shop.order.pickup_label"!=e.__("shop.order.pickup_label")?(t.openBlock(),t.createElementBlock("div",l,t.toDisplayString(e.__("shop.order.pickup_label")),1)):t.createCommentVNode("v-if",!0),t.createElementVNode("div",{class:t.normalizeClass(["dropdown",{"is-active":e.isOpened}]),onMouseleave:n[1]||(n[1]=function(){return e.close&&e.close.apply(e,arguments)})},[t.createElementVNode("div",{class:"input dropdown-trigger",onClick:n[0]||(n[0]=function(){return e.open&&e.open.apply(e,arguments)})},[t.createElementVNode("span",{class:t.normalizeClass({"is-placeholder":!e.selected}),textContent:t.toDisplayString(e.selected?e.selected.name:e.__("shop.order.pickup"))},null,10,c),r]),t.createElementVNode("div",i,[t.createElementVNode("div",a,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.item.data,(function(n){return t.openBlock(),t.createElementBlock("a",{class:t.normalizeClass(["dropdown-item",{"is-active":e.selected&&n.id==e.selected.id}]),key:n.id,onClick:function(t){return e.choose(t,n)}},t.toDisplayString(n.name),11,s)})),128))])])],34),e.selected&&(e.selected.hours||e.selected.map_url||e.selected.description||e.selected.image)?(t.openBlock(),t.createElementBlock("div",d,[t.createElementVNode("div",p,[t.createElementVNode("div",m,[t.createElementVNode("div",u,[e.selected.hours?(t.openBlock(),t.createElementBlock("div",v,[k,t.createElementVNode("span",{innerHTML:e.selected.hours},null,8,f)])):t.createCommentVNode("v-if",!0),e.selected.map_url?(t.openBlock(),t.createElementBlock("div",E,[t.createElementVNode("a",{href:e.selected.map_url,target:"_blank",rel:"noopener"},t.toDisplayString(e.__("shop.order.map")),9,h)])):t.createCommentVNode("v-if",!0),e.selected.description?(t.openBlock(),t.createElementBlock("div",{key:2,class:"info",innerHTML:e.nl2p(e.selected.description)},null,8,g)):t.createCommentVNode("v-if",!0)])]),e.selected.image?(t.openBlock(),t.createElementBlock("div",V,[t.createElementVNode("div",N,[t.createElementVNode("img",{src:e.selected.image},null,8,y)])])):t.createCommentVNode("v-if",!0)])])):t.createCommentVNode("v-if",!0)])):t.createCommentVNode("v-if",!0)},module.exports=n;
 //# sourceMappingURL=CheckoutShippingPickup.js.map