@perevorot/shop 2.0.151 → 2.0.152

package/dist/components/shop/order/Checkout.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkout.js","sources":["../../../../src/components/shop/order/CheckoutItem.vue","../../../../src/components/shop/order/CheckoutItem.vue?vue&type=template&id=4d5a1fac&lang.js","../../../../src/components/shop/order/Checkout.vue","../../../../src/components/shop/order/Checkout.vue?vue&type=template&id=17c01fc4&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>","<template>\n    <div class=\"cart checkout\">\n        <form ref=\"redirectForm\" v-if=\"redirect.url\" :action=\"redirect.url\" style=\"position: absolute; left: -1000px; top:-1000px;\" method=\"post\">\n            <input type=\"hidden\" :name=\"name\" :value=\"value\" v-for=\"(value, name, index) in redirect.data\" v-bind:key=\"index\" />\n        </form>\n\n        <div class=\"items-wrapper\" v-if=\"items.length && !thanks\">\n            <div class=\"checkout-title\">{{ __('shop.order.checkout_title') }}</div>\n            <div class=\"columns\">\n                <div class=\"column checkout-blocks-wrapper\">\n                    <slot name=\"header\"></slot>\n                    <div class=\"checkout-block is-cart\"><!--items-->\n                        <div class=\"wrapper\">\n                            <div class=\"title-row\">\n                                <div class=\"items-title\">\n                                    {{ __('shop.order.your_order') }}\n                                    <span class=\"ml-3\" v-text=\"pluralize(quantity, __('shop.pluralize.products'))\"></span>&nbsp;<span v-html=\"__('shop.cart.bysum') + ' ' + $filters.price(total)\"></span>\n                                </div>\n                            </div>\n                            <slot name=\"cart\" :items=\"items\">\n                                <checkout-item v-for=\"item in items\" v-bind:key=\"item.id\" :item=\"item\"></checkout-item>\n                                <cart-trigger class=\"trigger\">\n                                    <template #default=\"props\">\n                                        <button class=\"button\" @click=\"props.open\">\n                                            <svg>\n                                                <use xlink:href=\"#cart-edit\" />\n                                            </svg>\n                                            <span>{{ __('shop.order.edit') }}</span>\n                                        </button>\n                                    </template>\n                                </cart-trigger>\n                            </slot>\n                            <slot name=\"cart-footer\" :total=\"total\"></slot>\n                        </div>\n                    </div>\n                    <div class=\"checkout-block is-user auth-user\">\n                        <div class=\"wrapper\">\n                            <div class=\"items-title\">{{ __('shop.order.contact_title') }}</div>\n                            <div class=\"user-tabs\" v-if=\"!auth && isLogin\">\n                                <label> <input type=\"radio\" class=\"radio\" v-model=\"userType\" value=\"new\" />{{ __('shop.order.auth_new') }}</label>\n                                <label> <input type=\"radio\" class=\"radio\" v-model=\"userType\" value=\"login\" />{{ __('shop.order.auth_old') }}</label>\n                            </div>\n                            <div class=\"columns\">\n                                <div class=\"column user-form\" v-show=\"userType == 'new'\">\n                                    <SchemaForm schemaRowClasses=\"field\" :schema=\"userSchema\" :validation-schema=\"userValidation\" :preventModelCleanupOnSchemaChange=\"true\">\n                                        <template #afterForm>\n                                            <button type=\"submit\" ref=\"userSubmitButton\" class=\"is-hidden\"></button>\n                                        </template>\n                                    </SchemaForm>\n                                </div>\n                                <div class=\"column user-login user-form\" v-show=\"userType == 'login'\" v-if=\"isLogin\">\n                                    <login :login-callback=\"loginCallback\"></login>\n                                </div>\n                                <div class=\"column\" v-if=\"isLogin\">\n                                    <div class=\"social-auth\" v-if=\"!auth\">\n                                        <div class=\"socials\">\n                                            <div class=\"description\">{{ __('shop.order.auth_social') }}</div>\n                                            <div class=\"buttons\">\n                                                <a class=\"button\" @click=\"facebook\">\n                                                    <svg class=\"icon fb-btn\">\n                                                        <use xlink:href=\"#logo-facebook-icon\" />\n                                                    </svg>\n                                                    <span>Facebook</span>\n                                                </a>\n                                                <a class=\"button\" @click=\"google\">\n                                                    <svg class=\"icon google-btn\">\n                                                        <use xlink:href=\"#logo-google-icon\" />\n                                                    </svg>\n                                                    <span>Google</span>\n                                                </a>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"checkout-block is-shipping\">\n                        <div class=\"wrapper shipping-type-block\">\n                            <div class=\"rows\">\n                                <div class=\"item\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <div class=\"items-title mb-1\">{{ __('shop.order.shipping') }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"shippingSelected && shippingSelected.nextDates\">\n                                            <div class=\"next-dates\">на {{ shippingSelected.nextDates }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"1 != 1\">\n                                            <a @click=\"shipping = null\" class=\"reset\" v-bind:class=\"{ 'is-active': shipping }\">{{ __('shop.order.reset') }}</a>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"item\" v-for=\"item in shippingTypesRestricted\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-disabled': item.restricted }\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <label>\n                                                <input type=\"radio\" class=\"radio\" v-model=\"shipping\" :value=\"item.id\" @click=\"toggleShippingRadio(item.id)\" />\n                                                <img class=\"icon\" :src=\"item.icon\" v-if=\"item.icon\" />\n                                                <svg v-else class=\"icon\">\n                                                    <use xlink:href=\"#shipping\" />\n                                                </svg>\n                                                <span>{{ item.name }}</span>\n                                            </label>\n                                            <div class=\"description\" v-if=\"item.description\">{{ item.description }}</div>\n                                        </div>\n                                        <div class=\"value\">\n                                            <span class=\"green\" v-if=\"!item.amount && item.price_label\">{{ item.price_label }}</span>\n                                            <span v-else v-html=\"item.type == 'percent' ? item.amount + '%' : $filters.price(item.amount)\"></span>\n                                        </div>\n                                    </div>\n                                    <div v-if=\"!slots.shippingFooter\">\n                                        <component :is=\"item.component\" v-if=\"item.component && item.id == shipping\" :commit=\"shippingStoreData\" :data=\"shippingComponentData\" :item=\"item\"></component>\n                                    </div>\n                                </div>\n                            </div>\n                            <slot name=\"shipping-footer\" :shippingTypesRestricted=\"shippingTypesRestricted\" :shipping=\"shipping\" :shippingStoreData=\"shippingStoreData\" :shippingComponentData=\"shippingComponentData\"></slot>\n                        </div>\n                    </div>\n                    <div class=\"checkout-block is-payment\" v-if=\"!isPaymentMethodOverSummary\">\n                        <div class=\"wrapper payment-method-block\">\n                            <div class=\"rows\">\n                                <div class=\"item\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <div class=\"items-title mb-1\">{{ __('shop.order.payment') }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"1 != 1\">\n                                            <a @click=\"payment = null\" class=\"reset\" v-bind:class=\"{ 'is-active': payment }\">{{ __('shop.order.reset') }}</a>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"item\" v-for=\"item in paymentMethodsRestricted\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-disabled': item.restricted }\">\n                                    <div class=\"row no-icon\" v-bind:class=\"'is-' + item.code\">\n                                        <div class=\"info\">\n                                            <label>\n                                                <input type=\"radio\" class=\"radio\" v-model=\"payment\" :value=\"item.id\" @click=\"togglePaymentRadio(item.id)\" />\n                                                <span>{{ item.name }}</span>\n                                            </label>\n                                            <div class=\"description\" v-if=\"item.description\">{{ item.description }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"item.amount\">\n                                            <span v-html=\"item.type == 'percent' ? item.amount + '%' : $filters.price(item.amount)\"></span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"column is-4\">\n                    <div class=\"checkout-block summary\">\n                        <div class=\"inner payment-method-block\" v-if=\"isPaymentMethodOverSummary\">\n                            <div class=\"rows\">\n                                <div class=\"item\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <div class=\"items-title mb-1\">{{ __('shop.order.payment') }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"1 != 1\">\n                                            <a @click=\"payment = null\" class=\"reset\" v-bind:class=\"{ 'is-active': payment }\">{{ __('shop.order.reset') }}</a>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"item\" v-for=\"item in paymentMethodsRestricted\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-disabled': item.restricted }\">\n                                    <div class=\"row no-icon\" v-bind:class=\"'is-' + item.code\">\n                                        <div class=\"info\">\n                                            <label>\n                                                <input type=\"radio\" class=\"radio\" v-model=\"payment\" :value=\"item.id\" @click=\"togglePaymentRadio(item.id)\" />\n                                                <span>{{ item.name }}</span>\n                                            </label>\n                                            <div class=\"description\" v-if=\"item.description\">{{ item.description }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"item.amount\">\n                                            <span v-html=\"item.type == 'percent' ? item.amount + '%' : $filters.price(item.amount)\"></span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"divider is-hidden\"></div>\n                        <div class=\"inner\">\n                            <div class=\"items-title\">{{ __('shop.order.total') }}</div>\n                            <div class=\"rows\">\n                                <div class=\"row products\">\n                                    <div class=\"info\"><span v-text=\"pluralize(quantity, __('shop.pluralize.products'))\"></span> {{ __('shop.cart.bysum') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(total)\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row discount\" v-if=\"discount\">\n                                    <div class=\"info\">{{ __('shop.order.discount') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(discount)\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row fee\" v-if=\"fee > 0\">\n                                    <div class=\"info\">{{ __('shop.order.fee') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(fee)\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row shipping\" v-if=\"shipping\">\n                                    <div class=\"info\">{{ __('shop.order.shipping_price') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(shippingPrice)\" v-if=\"shippingPrice > 0\"></span>\n                                        <span class=\"green\" v-else-if=\"shippingSelected && shippingSelected.price_label\">{{ shippingSelected.price_label }}</span>\n                                    </div>\n                                </div>\n                                <div class=\"row promo\" v-if=\"promoCodeApplied\">\n                                    <div class=\"info\">{{ __('shop.order.promo_code') }}<br><span class=\"green\">{{ promoCode }}</span></div>\n                                    <div class=\"value\">\n                                        <span v-html=\"(promoCodeApplied.type == 'percent' ? promoCodeApplied.amount + '%' : $filters.price(promoCodeApplied.amount))\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row price\">\n                                    <div class=\"info\">{{ __('shop.order.price') }}</div>\n                                    <div class=\"value orange\">\n                                        <span v-html=\"$filters.price(calculateWithPromoCodeDiscount())\"></span>\n                                    </div>\n                                </div>\n                            </div>\n                            <slot name=\"loyalty\" :loyalty=\"loyalty\"></slot>\n                            <div class=\"user-loyalty\" v-if=\"userCheckout.loyalty_points > 0\">\n                                <div class=\"notice\">{{ pluralize(readableUserLoyaltyPoints, __('shop.pluralize.points')) }} в наявності</div>\n                                <div class=\"user-form is-loyalty-use\">\n                                    <div class=\"control\">\n                                        <input type=\"number\" class=\"input\" placeholder=\"Сума бонусів\" v-model=\"loyaltyUse\" :disabled=\"loyaltyUseApplied\">\n                                    </div>\n                                    <button v-if=\"!loyaltyUseApplied\" class=\"button\" @click=\"applyLoyaltyUse\" :disabled=\"!loyaltyUse || loyaltyUse > userCheckout.loyalty_points\">Використати</button>\n                                    <button v-else class=\"button is-reset\" @click=\"resetLoyaltyUse\">Відмінити</button>\n                                </div>\n                            </div>\n                            <div class=\"checkbox-wrapper nocall\">\n                                <label> <input type=\"checkbox\" class=\"checkbox\" v-model=\"dontcall\" />{{ __('shop.order.nocall') }}</label>\n                            </div>\n                            <button class=\"button submit\" @click=\"checkout\" v-bind:class=\"{ red: !ifCheckoutReady, 'is-loading': loading }\">{{ __('shop.order.action') }}</button>\n                            <slot name=\"submit\" :total=\"total\"></slot>\n                            <div class=\"consent\" v-if=\"isConsent\">\n                                <div class=\"checkbox-wrapper\">\n                                    <label>\n                                        <input type=\"checkbox\" class=\"checkbox\" v-model=\"consent\" />\n                                        <div class=\"label\" v-html=\"__('shop.order.consent')\"></div>\n                                    </label>\n                                </div>\n                            </div>\n                            <div class=\"comment-wrapper is-promo-code\" v-bind:class=\"{ 'is-open': isPromoCodeToggled }\" v-if=\"isPromoCode\">\n                                <div class=\"toggler\" @click=\"isPromoCodeToggled = !isPromoCodeToggled\">\n                                    <span>{{ __('shop.order.promo_code') }}</span>\n                                    <svg>\n                                        <use xlink:href=\"#arrow-down\" />\n                                    </svg>\n                                </div>\n                                <div class=\"user-form is-promo-code\">\n                                    <div class=\"control\">\n                                        <input type=\"text\" class=\"input\" placeholder=\" \" v-model=\"promoCode\" :disabled=\"promoCodeApplied\" id=\"promo-code-applied\">\n                                        <label class=\"label\" for=\"promo-code-applied\">{{ __('shop.order.promo.placeholder') }}</label>\n                                    </div>\n                                    <button v-if=\"!promoCodeApplied\" class=\"button\" @click=\"applyPromoCode\" :disabled=\"!promoCode\" v-bind:class=\"{ 'is-loading': isPromoLoading }\">{{ __('shop.order.promo.apply') }}</button>\n                                    <button v-else class=\"button\" @click=\"resetPromoCode\">{{ __('shop.order.promo.reset') }}</button>\n                                </div>\n                            </div>\n                            <div class=\"comment-wrapper\" v-bind:class=\"{ 'is-open': isCommentToggled }\">\n                                <div class=\"toggler\" @click=\"isCommentToggled = !isCommentToggled\">\n                                    <span>{{ __('shop.order.comment') }}</span>\n                                    <svg>\n                                        <use xlink:href=\"#arrow-down\" />\n                                    </svg>\n                                </div>\n                                <div class=\"user-form\">\n                                    <textarea class=\"textarea\" v-model=\"comment\"></textarea>\n                                    <div class=\"chars-count\" v-if=\"comment.length\">{{ commentMaxLength - comment.length }}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"checkout-block thanks\" v-else-if=\"thanks && order\">\n            <slot name=\"thanks\" :order=\"order\" :redirect=\"redirect\" :redirectForm=\"redirectForm\" :home=\"home\" :auth=\"auth\" :filters=\"$filters\">\n                <div class=\"title\">\n                    {{ __('shop.order.order') }}\n                    <span>№{{ order.id }}</span> {{ isPayed ? __('shop.order.payed') : __('shop.order.success') }}\n                </div>\n                <div class=\"columns\">\n                    <div class=\"column is-6\" v-if=\"redirect.url\">\n                        <div class=\"subtitle\">{{ __('shop.order.pay_online') }}</div>\n                        <button class=\"button is-payment\" @click=\"redirectForm.submit()\">{{ __('shop.order.pay_online_go') }}</button>\n                    </div>\n                    <div class=\"column is-6\" v-else>\n                        <button class=\"button is-orange\" @click=\"home\">{{ __('shop.cart.continue') }}</button>\n                    </div>\n                    <div class=\"column is-6\">\n                        <div class=\"info-wrapper\" v-if=\"order.shipping[0]\">\n                            <div class=\"title\">{{ __('shop.order.shipping') }}</div>\n                            <div class=\"columns\">\n                                <div class=\"column is-6\" v-if=\"order.shipping[0]\" v-html=\"order.shipping[0]\"></div>\n                                <div class=\"column is-6\" v-if=\"order.shipping[1]\" v-html=\"order.shipping[1]\"></div>\n                            </div>\n                        </div>\n                        <div class=\"info-wrapper\" v-if=\"order.payment[0]\">\n                            <div class=\"title\">{{ __('shop.order.payment') }}</div>\n                            <div class=\"columns\">\n                                <div class=\"column is-6\" v-if=\"order.payment[0]\" v-html=\"order.payment[0]\"></div>\n                                <div class=\"column is-6\" v-if=\"order.payment[1]\" v-html=\"order.payment[1]\"></div>\n                            </div>\n                        </div>\n                        <div class=\"info-wrapper\" v-if=\"order.promoCode\">\n                            <div class=\"title\">{{ __('shop.order.promo_code') }}</div>\n                            <div class=\"columns\">\n                                <div class=\"column is-6\">\n                                    <span v-html=\"order.promoCode\" class=\"green\"></span>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </slot>\n        </div>\n        <div v-else-if=\"!redirectOnEmpty\" class=\"checkout-block empty\">\n            <div class=\"title\">{{ __('shop.cart.no_no') }}</div>\n            <div class=\"message\">\n                {{ __('shop.cart.no_prop') }}\n                <a :href=\"$env.locale.url ? $env.locale.url : '/'\">{{ __('shop.cart.no_home') }}</a>, <br />{{ __('shop.cart.no_search') }}\n            </div>\n            <a class=\"button continue\" :href=\"$env.locale.url ? $env.locale.url : '/'\">{{ __('shop.cart.continue') }}</a>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { ref, computed, markRaw, defineComponent, watch, getCurrentInstance, nextTick, provide, useSlots, onMounted } from 'vue';\nimport CheckoutItem from './CheckoutItem.vue';\nimport { pluralize, numberFormat } from '@perevorot/shop/dist/helpers';\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 FormRadio from '@perevorot/shop/dist/forms/FormRadio';\nimport * as yup from 'yup';\nimport { useToast } from 'vue-toastification';\n\nyup.addMethod(yup.string, 'numberFilled', function (min, msg) {\n    return this.test({\n        name: 'numberFilled',\n        exclusive: true,\n        message: __('auth.validation.number'),\n        params: {\n            min: min,\n        },\n        test: (value) => !(value == '' || isNaN(value)),\n    });\n});\n\nmarkRaw(FormText);\nmarkRaw(FormRadio);\n\nconst SchemaForm = SchemaFormFactory([VeeValidatePlugin({})]);\n\nconst HtmlMessage = {\n    props: {\n        message: '',\n    },\n    template: '<div v-html=\"message\"></div>',\n};\n\nwindow.viewedSwiperOptions = {\n    slidesPerView: 'auto',\n    freeMode: true,\n    slideClass: 'product',\n    mousewheel: {\n        forceToAxis: true\n    },\n    navigation: {\n        nextEl: '.next',\n        prevEl: '.prev'\n    },\n    observer: true,\n    observeParents: true\n};\n\nexport default /*#__PURE__*/ defineComponent({\n    components: {\n        CheckoutItem,\n        SchemaForm\n    },\n    props: {\n        isLogin: {\n            type: Boolean,\n            default: true\n        },\n        isPhoneMasked: {\n            type: Boolean,\n            default: true\n        },\n        isPromoCode: {\n            type: Boolean,\n            default: true\n        },\n        isConsent: {\n            type: Boolean,\n            default: false\n        },\n        isPaymentMethodOverSummary: {\n            type: Boolean,\n            default: false\n        },\n        userFields: {\n            type: Array,\n            default: ['last_name', 'name', 'email', 'phone'],\n        },\n        redirectOnEmpty: {\n            type: String,\n            default: false\n        },\n        showPlaceholders: {\n            type: Boolean,\n            default: false\n        },\n        isTrackAfterSuccessOnlinePurchase: {\n            type: Boolean,\n            default: false\n        }\n    },\n    name: 'order-checkout',\n    setup(props) {\n        const slots = useSlots();\n        const toast = useToast();\n        const store = useStore();\n        const loading = ref(false);\n        const quantity = computed(() => store.getters['cart/quantity']);\n        const items = computed(() => store.getters['cart/items']);\n        const total = computed(() => store.getters['cart/total']);\n        const auth = computed(() => store.getters['auth/is']);\n        const userCheckout = computed(() => store.getters['checkout/user']);\n        const ifCheckoutReady = ref(true);\n        const redirectForm = ref(null);\n        const thanks = ref(false);\n        const order = ref(null);\n        const consent = ref(false);\n        const shippingComponent = ref(null);\n\n        const redirect = ref({});\n\n        const shippingTypes = ref([]);\n        const paymentMethods = ref([]);\n\n        const userType = ref('new');\n        const userSubmitButton = ref(null);\n\n        const shippingComponentData = computed(() => store.getters['checkout/shippingData']);\n        const isCommentToggled = ref(false);\n        const commentMaxLength = 1000;\n\n        const isPromoCodeToggled = ref(false);\n        const promoCode = ref('');\n        const promoCodeApplied = ref(null);\n        const isPromoLoading = ref(false);\n        const app = getCurrentInstance();\n\n        const loyalty = computed(() => {\n            const points = items.value.reduce((acc, array) => acc + (array.attributes.loyalty ? array.attributes.loyalty.points * array.quantity : 0), 0);\n\n            return {\n                points: points,\n                name: pluralize(points, __('shop.pluralize.points'))\n            };\n        });\n\n        const loyaltyUse = ref('');\n        const loyaltyUseApplied = ref(false);\n        const resetLoyaltyUse = () => {\n            loyaltyUse.value = 0;\n            loyaltyUseApplied.value = false;\n        };\n        const applyLoyaltyUse = () => {\n            if (loyaltyUse.value) {\n                loyaltyUseApplied.value = true;\n            }\n        };\n\n        const readableUserLoyaltyPoints = computed(() => {\n            return numberFormat(userCheckout.value.loyalty_points - (loyaltyUseApplied.value ? loyaltyUse.value : 0));\n        });\n\n        const resetPromoCode = () => {\n            promoCode.value = '';\n            promoCodeApplied.value = null;\n        };\n\n        const isUserConsent = computed(() => {\n            return (props.isConsent && consent.value) || !props.isConsent;\n        });\n\n        const applyPromoCode = () => {\n            if (promoCode.value) {\n                isPromoLoading.value = true;\n\n                $http\n                    .post(window.location.href, {\n                        promoCodeApply: promoCode.value,\n                        email: user.value.email,\n                        total: total.value\n                    })\n                    .then(response => {\n                        promoCodeApplied.value = response.data;\n                    }).catch(error => {\n                        if (error.response && error.response.data.length) {\n                            error.response.data.forEach(error => {\n                                const component = {\n                                    component: HtmlMessage,\n                                    props: {\n                                        message: __('shop.order.promo.error_' + error.error, { number: app.appContext.config.globalProperties.$filters.price(error.number) }),\n                                    },\n                                };\n\n                                toast(component, {\n                                    type: 'error'\n                                });\n\n                                if (error.error == 'not_found') {\n                                    promoCode.value = '';\n                                }\n                            });\n\n                            promoCodeApplied.value = null;\n                        }\n                    }).finally(() => {\n                        isPromoLoading.value = false;\n                    });\n            }\n        };\n\n        const dontcall = computed({\n            get() {\n                return store.getters['checkout/dontcall'];\n            },\n            set(value) {\n                store.commit('checkout/dontcall', value);\n            }\n        });\n\n        const comment = computed({\n            get() {\n                const comment = store.getters['checkout/comment'];\n\n                if (!!comment) {\n                    isCommentToggled.value = true;\n                }\n\n                return comment;\n            },\n            set(value) {\n                store.commit('checkout/comment', value);\n            }\n        });\n\n        watch(comment, (value) => {\n            if (value.length > commentMaxLength) {\n                comment.value = comment.value.substring(0, commentMaxLength);\n            }\n        });\n\n        const field = (name, defaultValue) => {\n            return computed({\n                get() {\n                    return userCheckout.value[name] ? userCheckout.value[name] : defaultValue;\n                },\n                set(value) {\n                    let data = JSON.parse(JSON.stringify(userCheckout.value));\n                    data[name] = value;\n\n                    store.commit('checkout/user', data);\n                }\n            });\n        };\n\n        provide('field', field);\n\n        const user = ref({\n            last_name: field('last_name'),\n            middle_name: field('middle_name'),\n            name: field('name'),\n            email: field('email'),\n            phone: field('phone'),\n            registration_number: field('registration_number'),\n            company_name: field('company_name'),\n            user_type: field('user_type', 'individual'),\n        });\n\n        provide('user', user);\n\n        store.dispatch('auth/me', {\n            finally: () => { }\n        });\n\n        const calculateWithPromoCodeDiscount = () => {\n            const sum = total.value + fee.value + shippingPrice.value;\n\n            if (promoCodeApplied.value && promoCodeApplied.value.type == 'percent') {\n                return Math.round(sum - sum * promoCodeApplied.value.amount / 100);\n            }\n\n            if (promoCodeApplied.value && promoCodeApplied.value.type == 'discount') {\n                return Math.max(0, sum - promoCodeApplied.value.amount);\n            }\n\n            return sum;\n        };\n\n        const shipping = computed({\n            get() {\n                return store.getters['checkout/shipping'];\n            },\n            set(id) {\n                store.commit('checkout/shipping', id);\n            }\n        });\n\n        const payment = computed({\n            get() {\n                return store.getters['checkout/payment'];\n            },\n            set(id) {\n                store.commit('checkout/payment', id);\n            }\n        });\n\n        const shippingSelected = computed(() => {\n            return shipping.value ? shippingTypes.value.find((item) => item.id == shipping.value) : {};\n        });\n\n        const paymentSelected = computed(() => {\n            return payment.value ? paymentMethods.value.find((item) => item.id == payment.value) : {};\n        });\n\n        const shippingPrice = computed(() => {\n            return calculatePrice(shippingTypes.value, shipping.value);\n        });\n\n        const fee = computed(() => {\n            return calculatePrice(paymentMethods.value, payment.value);\n        });\n\n        const shippingTypesRestricted = computed(() => {\n            return restrictCheck(shippingTypes.value);\n        });\n\n        const paymentMethodsRestricted = computed(() => {\n            return restrictCheck(paymentMethods.value);\n        });\n\n        const categoriesInCart = computed(() => {\n            let categories = [];\n\n            items.value.forEach((item) => {\n                if (categories.indexOf(item.category_id) === -1) {\n                    categories.push(item.category_id);\n                }\n            });\n\n            return categories;\n        });\n\n        const calculatePrice = (items, value) => {\n            let price = 0;\n\n            if (value) {\n                const item = items.find((item) => item.id == value);\n\n                if (item) {\n                    if (item.type == 'sum') {\n                        price = item.amount;\n                    } else {\n                        price = Math.round((total.value * item.amount) / 100);\n                    }\n                }\n            }\n\n            return price;\n        };\n\n        const restrictCheck = (elements) => {\n            let items = [];\n\n            elements.forEach((item) => {\n                if (item.restrictions && Object.keys(item.restrictions).length) {\n                    let ok = true;\n\n                    const r = item.restrictions;\n\n                    if (r.price_min && r.price_max) {\n                        ok = total.value >= r.price_min && total.value <= r.price_max;\n                        item.restrictedForce = !ok;\n                    } else if (r.price_min) {\n                        ok = total.value >= r.price_min;\n                        item.restrictedForce = !ok;\n                    } else if (r.price_max) {\n                        ok = total.value <= r.price_max;\n                        item.restrictedForce = !ok;\n                    }\n\n                    if (ok && shipping.value) {\n                        if (r.shipping_type && r.shipping_type.length) {\n                            ok = r.shipping_type.indexOf(shipping.value) !== -1;\n                        }\n                    }\n\n                    if (ok && payment.value) {\n                        if (r.payment_method && r.payment_method.length) {\n                            ok = r.payment_method.indexOf(payment.value) !== -1;\n                        }\n                    }\n\n                    if (ok && r.categories && r.categories.length) {\n                        ok = !categoriesInCart.value.filter((value) => !r.categories.includes(value)).length;\n                        item.restrictedForce = !ok;\n                    }\n\n                    if (ok && r.code === 'user_type') {\n                        ok = r.value === user.value.user_type;\n                        item.restrictedForce = !ok;\n                    }\n\n                    item.restricted = !ok;\n                } else {\n                    item.restricted = false;\n                }\n\n                if (!item.restrictedForce) {\n                    items.push(item);\n                }\n            });\n\n            return items;\n        };\n\n        const discount = computed(() => {\n            let sum = 0;\n\n            items.value.forEach((item) => {\n                let s = 0;\n\n                if (item.attributes.priceOld) {\n                    s = item.attributes.priceOld - item.attributes.price;\n                }\n\n                sum += s * item.quantity;\n            });\n\n            return sum;\n        });\n\n        const facebook = () => {\n            window.location.href = $ziggy('auth.login.social', {\n                provider: 'facebook'\n            });\n        };\n\n        const google = () => {\n            window.location.href = $ziggy('auth.login.social', {\n                provider: 'google'\n            });\n        };\n\n        const loginCallback = () => {\n            userType.value = 'new';\n        };\n\n        $http.post(window.location.href).then((response) => {\n            shippingTypes.value = response.data.shipping;\n            paymentMethods.value = response.data.payment;\n        });\n\n        watch(userType, (value) => {\n            if (value == 'login') {\n                store.commit('auth/modal', 'login');\n            }\n        });\n\n        let userSchemaFields = {\n            user_type: {\n                component: FormRadio,\n                model: 'user_type',\n                label: '',\n                list: [\n                    { code: 'individual', value: __('auth.registration.form.user_type_individual') },\n                    { code: 'legal', value: __('auth.registration.form.user_type_legal') }\n                ],\n            },\n            name: {\n                component: FormText,\n                label: __('auth.registration.form.name'),\n                model: 'first_name',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.name') : '',\n            },\n            last_name: {\n                component: FormText,\n                label: __('auth.registration.form.last_name'),\n                model: 'last_name',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.last_name') : '',\n            },\n            middle_name: {\n                component: FormText,\n                label: __('auth.registration.form.middle_name'),\n                model: 'middle_name',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.middle_name') : '',\n            },\n            phone: {\n                component: FormText,\n                label: __('auth.registration.form.phone'),\n                model: 'phone',\n                type: 'phone',\n                //placeholder: '(050) 123-45-67'\n            },\n            registration_number: {\n                component: FormText,\n                label: __('auth.registration.form.registration_number'),\n                model: 'registration_number',\n                condition: (model) => model.user_type === 'legal',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.registration_number') : '',\n            },\n            company_name: {\n                component: FormText,\n                label: __('auth.registration.form.company_name'),\n                model: 'company_name',\n                condition: (model) => model.user_type === 'legal',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.company_name') : '',\n            },\n            email: {\n                component: FormText,\n                label: __('auth.login.form.email'),\n                model: 'email',\n                placeholder: props.showPlaceholders ? __('auth.login.form.email') : '',\n            },\n        };\n\n        if (props.isPhoneMasked) {\n            userSchemaFields.phone.mask = '(###) ###-##-##';\n        }\n\n        let userSchemaFieldsFiltered = Object.keys(userSchemaFields).reduce((obj, key) => {\n            if (props.userFields.includes(key)) {\n                obj[key] = userSchemaFields[key];\n            }\n\n            return obj;\n        }, {});\n\n        userSchemaFieldsFiltered = props.userFields.reduce((obj, key) => {\n            obj[key] = userSchemaFieldsFiltered[key];\n            return obj;\n        }, {});\n\n        const userSchema = ref(userSchemaFieldsFiltered);\n\n        useSchemaForm(user);\n\n        const phoneRegExp = /^\\(\\d{3}\\) \\d{3}\\-\\d{2}\\-\\d{2}$/;\n        const userValidationFields = {\n            last_name: yup.string().trim().required(__('auth.validation.required')),\n            middle_name: yup.string().trim().required(__('auth.validation.required')),\n            name: yup.string().trim().required(__('auth.validation.required')),\n            phone: props.isPhoneMasked ? yup.string().required(__('auth.validation.phone')).matches(phoneRegExp, __('auth.validation.phone')) : yup.string().required(__('auth.validation.phone')),\n            email: yup.string().trim().email(__('auth.validation.email')).required(__('auth.validation.required')),\n            registration_number: yup.string().when('user_type', (user_type) => {\n                if (user_type == 'legal') {\n                    return yup.string().numberFilled();\n                }\n            }),\n            company_name: yup.string().when('user_type', (user_type) => {\n                if (user_type == 'legal') {\n                    return yup.string().required(__('auth.validation.required'));\n                }\n            }),\n        };\n\n        const userValidationFieldsFiltered = Object.keys(userValidationFields).reduce((obj, key) => {\n            if (props.userFields.includes(key)) {\n                obj[key] = userValidationFields[key];\n            }\n\n            return obj;\n        }, {});\n\n        const userValidation = yup.object().shape(userValidationFieldsFiltered);\n\n        window.addEventListener('beforeunload', () => {\n            store.commit('auth/modal', null);\n        });\n\n        window.addEventListener('pagehide', () => {\n            store.commit('auth/modal', null);\n        });\n\n        const validate = async () => {\n            if (typeof shippingComponentValid.value == 'function') {\n                const isShippingComponentFormsValid = await shippingComponentValid.value();\n\n                if (userSubmitButton.value) {\n                    userSubmitButton.value.click();\n                }\n\n                userValidation.isValid(user.value).then(function (isUserValid) {\n                    ifCheckoutReady.value = isUserValid && payment.value && isUserConsent.value && shipping.value && (!shippingSelected.value.component || (shippingSelected.value.component && shippingComponentData.value[shippingSelected.value.code] && shippingComponentData.value[shippingSelected.value.code].isValid)) && isShippingComponentFormsValid;\n                });\n            }\n        };\n\n        const shippingComponentValid = ref(null);\n        provide('shippingComponentValid', shippingComponentValid);\n\n        const shippingComponentUserData = ref({});\n        provide('shippingComponentUserData', shippingComponentUserData);\n\n        const initPaymentWidget = (payment, order) => {\n            const wayforpay = new Wayforpay();\n\n            window.addEventListener('message', (event) => {\n                if (event.data == 'WfpWidgetEventClose' || event.data == 'WfpWidgetEventDeclined' || event.data == 'WfpWidgetEventPending') {\n\n                }\n\n                if (event.data == 'WfpWidgetEventApproved') {\n                    resetCheckoutForm(order);\n\n                    isPayed.value = true;\n\n                    store.dispatch('cart/clear', {\n                        finally: () => { }\n                    });\n                }\n            });\n\n            wayforpay.run(payment);\n        }\n\n        const isPayed = ref(false);\n\n        const resetCheckoutForm = (_order) => {\n            thanks.value = true;\n            order.value = _order;\n\n            document.querySelector('html').classList.add('is-checkout-thanks');\n\n            resertStore();\n        }\n\n        const checkout = async () => {\n            let isShippingComponentFormsValid = typeof shippingComponentValid.value == 'function' ? shippingComponentValid.value() : null;\n\n            if (shippingSelected.value && !shippingSelected.value.component) {\n                isShippingComponentFormsValid = true;\n            }\n\n            userValidation.isValid(user.value).then(function (valid) {\n                if (!valid) {\n                    userType.value = 'new';\n                    userSubmitButton.value.click();\n\n                    toast(__('shop.order.validate_user'), {\n                        type: 'error'\n                    });\n                } else if (!shipping.value) {\n                    toast(__('shop.order.validate_shipping'), {\n                        type: 'error'\n                    });\n                } else if (shippingSelected.value.component && (!shippingComponentData.value[shippingSelected.value.code] || !shippingComponentData.value[shippingSelected.value.code].isValid)) {\n                    toast(__('shop.order.validate_shipping1') + ': «' + shippingSelected.value.name + '»', {\n                        type: 'error'\n                    });\n                } else if (!isShippingComponentFormsValid) {\n                    toast(__('shop.order.validate_shipping1') + ': «' + shippingSelected.value.name + '»', {\n                        type: 'error'\n                    });\n                } else if (!payment.value) {\n                    toast(__('shop.order.validate_payment'), {\n                        type: 'error'\n                    });\n                } else if (!isUserConsent.value) {\n                    toast(__('shop.order.validate_consent'), {\n                        type: 'error'\n                    });\n                } else {\n                    let clientId;\n                    let data = shippingComponentData.value[shippingSelected.value.code] ? JSON.parse(JSON.stringify(shippingComponentData.value[shippingSelected.value.code])) : {};\n\n                    delete data.isValid;\n\n                    const shippingUserData = JSON.parse(JSON.stringify(shippingComponentUserData.value));\n\n                    if (document.cookie) {\n                        const cookies = document.cookie.split(';');\n\n                        cookies.forEach((cookie) => {\n                            const parts = cookie.split('=');\n\n                            if (parts[0].trim() === '_ga') {\n                                clientId = parts[1].split('.')[2] + '.' + parts[1].split('.')[3];\n                            }\n                        });\n                    }\n\n                    const model = {\n                        checkout: true,\n                        user: {\n                            last_name: user.value.last_name,\n                            middle_name: user.value.middle_name,\n                            name: user.value.name,\n                            phone: user.value.phone,\n                            email: user.value.email,\n                            user_type: user.value.user_type,\n                            registration_number: user.value.registration_number,\n                            company_name: user.value.company_name,\n                        },\n                        shipping: {\n                            id: shipping.value,\n                            data: data,\n                            user: shippingUserData,\n                        },\n                        payment: {\n                            id: payment.value\n                        },\n                        comment: comment.value,\n                        dontcall: dontcall.value,\n                        promoCode: promoCode.value,\n                        loyalty: loyaltyUse.value,\n                        clientId: clientId\n                    };\n\n                    loading.value = true;\n\n                    $http\n                        .post(window.location.href, model)\n                        .then((response) => {\n                            if (response.data && response.data.error && response.data.message) {\n                                toast(response.data.message, {\n                                    type: 'error',\n                                });\n\n                                return;\n                            }\n\n                            let products = [];\n\n                            items.value.forEach((item) => {\n                                let product = {\n                                    item_name: item.name,\n                                    item_id: item.attributes.code,\n                                    price: item.price,\n                                    quantity: item.quantity\n                                };\n\n                                if (item.attributes.brand) {\n                                    product.item_brand = item.attributes.brand;\n                                }\n\n                                if (item.attributes.property) {\n                                    product.item_variant = item.attributes.property;\n                                }\n\n                                if (item.attributes.categoryFull) {\n                                    if (item.attributes.categoryFull.indexOf('/') !== -1) {\n                                        item.attributes.categoryFull.split('/').forEach((segment, index) => {\n                                            product['item_category' + (index ? index + 1 : '')] = segment.trim();\n                                        });\n                                    } else {\n                                        product.item_category = item.attributes.categoryFull;\n                                    }\n                                }\n\n                                if (item.attributes.index) {\n                                    product.index = item.attributes.index;\n                                }\n\n                                if (item.attributes.itemListName) {\n                                    product.item_list_name = item.attributes.itemListName;\n                                }\n\n                                products.push(product);\n                            });\n\n\n                            let object = {\n                                payment_type: paymentSelected.value.name,\n                                shipping_tier: shippingSelected.value.name,\n                                ecommerce: {\n                                    transaction_id: response.data.order.id,\n                                    affiliation: 'main',\n                                    value: parseFloat(total.value),\n                                    shipping: 0,\n                                    currency: 'UAH',\n                                    items: products\n                                },\n                                event: 'purchase',\n                            };\n\n                            if (user.value.user_type) {\n                                object.user_type = __('auth.registration.form.user_type_' + user.value.user_type);\n                            }\n\n                            if (promoCode.value) {\n                                object.ecommerce.coupon = promoCode.value;\n                            }\n\n                            if (props.isTrackAfterSuccessOnlinePurchase && (response.data.redirect || (response.data.payment_widget_data && window.Wayforpay))) {\n                                localStorage.setItem('ecommerce', JSON.stringify(object));\n                            } else {\n                                if ($env.debug.ecommerce) {\n                                    console.log(object);\n                                }\n\n                                if (!$env.debug.ecommerce && window.dataLayer) {\n                                    window.dataLayer.push({\n                                        ecommerce: null\n                                    });\n\n                                    window.dataLayer.push(object);\n                                }\n                            }\n\n                            if (response.data.redirect) {\n                                redirect.value = {\n                                    url: response.data.redirect.url,\n                                    data: response.data.redirect.data\n                                };\n\n                                nextTick(() => {\n                                    setTimeout(() => {\n                                        redirectForm.value.submit();\n                                    }, 400);\n                                });\n                            }\n\n                            if (response.data.payment_widget_data && window.Wayforpay) {\n                                initPaymentWidget(JSON.parse(response.data.payment_widget_data), response.data.order);\n                            } else {\n                                resetCheckoutForm(response.data.order);\n                            }\n                        })\n                        .catch((e) => {\n                            toast(__('shop.order.error'), {\n                                type: 'error'\n                            });\n\n                            console.error(e);\n                        })\n                        .finally(() => {\n                            loading.value = false;\n                        });\n                }\n            });\n        };\n\n        const toggleShippingRadio = (id) => {\n            if (shipping.value === id) {\n                shipping.value = null;\n            }\n        };\n\n        const togglePaymentRadio = (id) => {\n            if (payment.value === id) {\n                payment.value = null;\n            }\n        };\n\n        const resertStore = () => {\n            store.commit('checkout/reset');\n            store.commit('cart/clear');\n        };\n\n        const shippingStoreData = (code, data, isValid) => {\n            let d = JSON.parse(JSON.stringify(shippingComponentData.value));\n\n            data.isValid = isValid;\n            d[code] = data;\n\n            store.commit('checkout/shippingData', d);\n        };\n\n        const home = () => {\n            window.location.href = $env.locale.url ? $env.locale.url : '/';\n        };\n\n        onMounted(() => {\n            if (!quantity.value && props.redirectOnEmpty) {\n                window.location.href = props.redirectOnEmpty;\n            }\n\n            let products = [];\n\n            items.value.forEach((item) => {\n                let product = {\n                    item_name: item.name,\n                    item_id: item.attributes.code,\n                    price: parseFloat(item.attributes.price),\n                    quantity: item.quantity\n                };\n\n                if (item.attributes.brand) {\n                    product.item_brand = item.attributes.brand;\n                }\n\n                if (item.attributes.property) {\n                    product.item_variant = item.attributes.property;\n                }\n\n                if (item.attributes.categoryFull) {\n                    if (item.attributes.categoryFull.indexOf('/') !== -1) {\n                        item.attributes.categoryFull.split('/').forEach((segment, index) => {\n                            product['item_category' + (index ? index + 1 : '')] = segment.trim();\n                        });\n                    } else {\n                        product.item_category = item.attributes.categoryFull;\n                    }\n                }\n\n                if (item.attributes.index) {\n                    product.index = item.attributes.index;\n                }\n\n                if (item.attributes.itemListName) {\n                    product.item_list_name = item.attributes.itemListName;\n                }\n\n                products.push(product);\n            });\n\n            if (products.length) {\n                const object = {\n                    ecommerce: {\n                        currency: 'UAH',\n                        items: products,\n                        value: parseFloat(total.value),\n                    },\n                    event: 'begin_checkout'\n                };\n\n                if ($env.debug.ecommerce) {\n                    console.log(object);\n                }\n\n                if (!$env.debug.ecommerce && window.dataLayer) {\n                    window.dataLayer.push({\n                        ecommerce: null\n                    });\n\n                    window.dataLayer.push(object);\n                }\n            }\n        });\n\n        return {\n            auth,\n            userType,\n            facebook,\n            google,\n            loginCallback,\n            quantity,\n            items,\n            loading,\n            pluralize,\n            discount,\n            total,\n            shipping,\n            shippingPrice,\n            payment,\n            fee,\n            userValidation,\n            userSchema,\n            userSubmitButton,\n            checkout,\n            ifCheckoutReady,\n            validate,\n            shippingTypesRestricted,\n            paymentMethodsRestricted,\n            toggleShippingRadio,\n            togglePaymentRadio,\n            shippingSelected,\n            paymentSelected,\n            shippingComponentData,\n            shippingStoreData,\n            resertStore,\n            user,\n            dontcall,\n            comment,\n            isCommentToggled,\n            commentMaxLength,\n            userCheckout,\n            thanks,\n            order,\n            redirect,\n            redirectForm,\n            home,\n            isPromoCodeToggled,\n            applyPromoCode,\n            promoCode,\n            isPromoLoading,\n            promoCodeApplied,\n            resetPromoCode,\n            calculateWithPromoCodeDiscount,\n            consent,\n            shippingComponent,\n            slots,\n            isPayed,\n            loyalty,\n            loyaltyUse,\n            loyaltyUseApplied,\n            resetLoyaltyUse,\n            applyLoyaltyUse,\n            readableUserLoyaltyPoints,\n        };\n    }\n});\n</script>","<template>\n    <div class=\"cart checkout\">\n        <form ref=\"redirectForm\" v-if=\"redirect.url\" :action=\"redirect.url\" style=\"position: absolute; left: -1000px; top:-1000px;\" method=\"post\">\n            <input type=\"hidden\" :name=\"name\" :value=\"value\" v-for=\"(value, name, index) in redirect.data\" v-bind:key=\"index\" />\n        </form>\n\n        <div class=\"items-wrapper\" v-if=\"items.length && !thanks\">\n            <div class=\"checkout-title\">{{ __('shop.order.checkout_title') }}</div>\n            <div class=\"columns\">\n                <div class=\"column checkout-blocks-wrapper\">\n                    <slot name=\"header\"></slot>\n                    <div class=\"checkout-block is-cart\"><!--items-->\n                        <div class=\"wrapper\">\n                            <div class=\"title-row\">\n                                <div class=\"items-title\">\n                                    {{ __('shop.order.your_order') }}\n                                    <span class=\"ml-3\" v-text=\"pluralize(quantity, __('shop.pluralize.products'))\"></span>&nbsp;<span v-html=\"__('shop.cart.bysum') + ' ' + $filters.price(total)\"></span>\n                                </div>\n                            </div>\n                            <slot name=\"cart\" :items=\"items\">\n                                <checkout-item v-for=\"item in items\" v-bind:key=\"item.id\" :item=\"item\"></checkout-item>\n                                <cart-trigger class=\"trigger\">\n                                    <template #default=\"props\">\n                                        <button class=\"button\" @click=\"props.open\">\n                                            <svg>\n                                                <use xlink:href=\"#cart-edit\" />\n                                            </svg>\n                                            <span>{{ __('shop.order.edit') }}</span>\n                                        </button>\n                                    </template>\n                                </cart-trigger>\n                            </slot>\n                            <slot name=\"cart-footer\" :total=\"total\"></slot>\n                        </div>\n                    </div>\n                    <div class=\"checkout-block is-user auth-user\">\n                        <div class=\"wrapper\">\n                            <div class=\"items-title\">{{ __('shop.order.contact_title') }}</div>\n                            <div class=\"user-tabs\" v-if=\"!auth && isLogin\">\n                                <label> <input type=\"radio\" class=\"radio\" v-model=\"userType\" value=\"new\" />{{ __('shop.order.auth_new') }}</label>\n                                <label> <input type=\"radio\" class=\"radio\" v-model=\"userType\" value=\"login\" />{{ __('shop.order.auth_old') }}</label>\n                            </div>\n                            <div class=\"columns\">\n                                <div class=\"column user-form\" v-show=\"userType == 'new'\">\n                                    <SchemaForm schemaRowClasses=\"field\" :schema=\"userSchema\" :validation-schema=\"userValidation\" :preventModelCleanupOnSchemaChange=\"true\">\n                                        <template #afterForm>\n                                            <button type=\"submit\" ref=\"userSubmitButton\" class=\"is-hidden\"></button>\n                                        </template>\n                                    </SchemaForm>\n                                </div>\n                                <div class=\"column user-login user-form\" v-show=\"userType == 'login'\" v-if=\"isLogin\">\n                                    <login :login-callback=\"loginCallback\"></login>\n                                </div>\n                                <div class=\"column\" v-if=\"isLogin\">\n                                    <div class=\"social-auth\" v-if=\"!auth\">\n                                        <div class=\"socials\">\n                                            <div class=\"description\">{{ __('shop.order.auth_social') }}</div>\n                                            <div class=\"buttons\">\n                                                <a class=\"button\" @click=\"facebook\">\n                                                    <svg class=\"icon fb-btn\">\n                                                        <use xlink:href=\"#logo-facebook-icon\" />\n                                                    </svg>\n                                                    <span>Facebook</span>\n                                                </a>\n                                                <a class=\"button\" @click=\"google\">\n                                                    <svg class=\"icon google-btn\">\n                                                        <use xlink:href=\"#logo-google-icon\" />\n                                                    </svg>\n                                                    <span>Google</span>\n                                                </a>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"checkout-block is-shipping\">\n                        <div class=\"wrapper shipping-type-block\">\n                            <div class=\"rows\">\n                                <div class=\"item\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <div class=\"items-title mb-1\">{{ __('shop.order.shipping') }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"shippingSelected && shippingSelected.nextDates\">\n                                            <div class=\"next-dates\">на {{ shippingSelected.nextDates }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"1 != 1\">\n                                            <a @click=\"shipping = null\" class=\"reset\" v-bind:class=\"{ 'is-active': shipping }\">{{ __('shop.order.reset') }}</a>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"item\" v-for=\"item in shippingTypesRestricted\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-disabled': item.restricted }\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <label>\n                                                <input type=\"radio\" class=\"radio\" v-model=\"shipping\" :value=\"item.id\" @click=\"toggleShippingRadio(item.id)\" />\n                                                <img class=\"icon\" :src=\"item.icon\" v-if=\"item.icon\" />\n                                                <svg v-else class=\"icon\">\n                                                    <use xlink:href=\"#shipping\" />\n                                                </svg>\n                                                <span>{{ item.name }}</span>\n                                            </label>\n                                            <div class=\"description\" v-if=\"item.description\">{{ item.description }}</div>\n                                        </div>\n                                        <div class=\"value\">\n                                            <span class=\"green\" v-if=\"!item.amount && item.price_label\">{{ item.price_label }}</span>\n                                            <span v-else v-html=\"item.type == 'percent' ? item.amount + '%' : $filters.price(item.amount)\"></span>\n                                        </div>\n                                    </div>\n                                    <div v-if=\"!slots.shippingFooter\">\n                                        <component :is=\"item.component\" v-if=\"item.component && item.id == shipping\" :commit=\"shippingStoreData\" :data=\"shippingComponentData\" :item=\"item\"></component>\n                                    </div>\n                                </div>\n                            </div>\n                            <slot name=\"shipping-footer\" :shippingTypesRestricted=\"shippingTypesRestricted\" :shipping=\"shipping\" :shippingStoreData=\"shippingStoreData\" :shippingComponentData=\"shippingComponentData\"></slot>\n                        </div>\n                    </div>\n                    <div class=\"checkout-block is-payment\" v-if=\"!isPaymentMethodOverSummary\">\n                        <div class=\"wrapper payment-method-block\">\n                            <div class=\"rows\">\n                                <div class=\"item\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <div class=\"items-title mb-1\">{{ __('shop.order.payment') }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"1 != 1\">\n                                            <a @click=\"payment = null\" class=\"reset\" v-bind:class=\"{ 'is-active': payment }\">{{ __('shop.order.reset') }}</a>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"item\" v-for=\"item in paymentMethodsRestricted\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-disabled': item.restricted }\">\n                                    <div class=\"row no-icon\" v-bind:class=\"'is-' + item.code\">\n                                        <div class=\"info\">\n                                            <label>\n                                                <input type=\"radio\" class=\"radio\" v-model=\"payment\" :value=\"item.id\" @click=\"togglePaymentRadio(item.id)\" />\n                                                <span>{{ item.name }}</span>\n                                            </label>\n                                            <div class=\"description\" v-if=\"item.description\">{{ item.description }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"item.amount\">\n                                            <span v-html=\"item.type == 'percent' ? item.amount + '%' : $filters.price(item.amount)\"></span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"column is-4\">\n                    <div class=\"checkout-block summary\">\n                        <div class=\"inner payment-method-block\" v-if=\"isPaymentMethodOverSummary\">\n                            <div class=\"rows\">\n                                <div class=\"item\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <div class=\"items-title mb-1\">{{ __('shop.order.payment') }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"1 != 1\">\n                                            <a @click=\"payment = null\" class=\"reset\" v-bind:class=\"{ 'is-active': payment }\">{{ __('shop.order.reset') }}</a>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"item\" v-for=\"item in paymentMethodsRestricted\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-disabled': item.restricted }\">\n                                    <div class=\"row no-icon\" v-bind:class=\"'is-' + item.code\">\n                                        <div class=\"info\">\n                                            <label>\n                                                <input type=\"radio\" class=\"radio\" v-model=\"payment\" :value=\"item.id\" @click=\"togglePaymentRadio(item.id)\" />\n                                                <span>{{ item.name }}</span>\n                                            </label>\n                                            <div class=\"description\" v-if=\"item.description\">{{ item.description }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"item.amount\">\n                                            <span v-html=\"item.type == 'percent' ? item.amount + '%' : $filters.price(item.amount)\"></span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"divider is-hidden\"></div>\n                        <div class=\"inner\">\n                            <div class=\"items-title\">{{ __('shop.order.total') }}</div>\n                            <div class=\"rows\">\n                                <div class=\"row products\">\n                                    <div class=\"info\"><span v-text=\"pluralize(quantity, __('shop.pluralize.products'))\"></span> {{ __('shop.cart.bysum') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(total)\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row discount\" v-if=\"discount\">\n                                    <div class=\"info\">{{ __('shop.order.discount') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(discount)\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row fee\" v-if=\"fee > 0\">\n                                    <div class=\"info\">{{ __('shop.order.fee') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(fee)\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row shipping\" v-if=\"shipping\">\n                                    <div class=\"info\">{{ __('shop.order.shipping_price') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(shippingPrice)\" v-if=\"shippingPrice > 0\"></span>\n                                        <span class=\"green\" v-else-if=\"shippingSelected && shippingSelected.price_label\">{{ shippingSelected.price_label }}</span>\n                                    </div>\n                                </div>\n                                <div class=\"row promo\" v-if=\"promoCodeApplied\">\n                                    <div class=\"info\">{{ __('shop.order.promo_code') }}<br><span class=\"green\">{{ promoCode }}</span></div>\n                                    <div class=\"value\">\n                                        <span v-html=\"(promoCodeApplied.type == 'percent' ? promoCodeApplied.amount + '%' : $filters.price(promoCodeApplied.amount))\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row price\">\n                                    <div class=\"info\">{{ __('shop.order.price') }}</div>\n                                    <div class=\"value orange\">\n                                        <span v-html=\"$filters.price(calculateWithPromoCodeDiscount())\"></span>\n                                    </div>\n                                </div>\n                            </div>\n                            <slot name=\"loyalty\" :loyalty=\"loyalty\"></slot>\n                            <div class=\"user-loyalty\" v-if=\"userCheckout.loyalty_points > 0\">\n                                <div class=\"notice\">{{ pluralize(readableUserLoyaltyPoints, __('shop.pluralize.points')) }} в наявності</div>\n                                <div class=\"user-form is-loyalty-use\">\n                                    <div class=\"control\">\n                                        <input type=\"number\" class=\"input\" placeholder=\"Сума бонусів\" v-model=\"loyaltyUse\" :disabled=\"loyaltyUseApplied\">\n                                    </div>\n                                    <button v-if=\"!loyaltyUseApplied\" class=\"button\" @click=\"applyLoyaltyUse\" :disabled=\"!loyaltyUse || loyaltyUse > userCheckout.loyalty_points\">Використати</button>\n                                    <button v-else class=\"button is-reset\" @click=\"resetLoyaltyUse\">Відмінити</button>\n                                </div>\n                            </div>\n                            <div class=\"checkbox-wrapper nocall\">\n                                <label> <input type=\"checkbox\" class=\"checkbox\" v-model=\"dontcall\" />{{ __('shop.order.nocall') }}</label>\n                            </div>\n                            <button class=\"button submit\" @click=\"checkout\" v-bind:class=\"{ red: !ifCheckoutReady, 'is-loading': loading }\">{{ __('shop.order.action') }}</button>\n                            <slot name=\"submit\" :total=\"total\"></slot>\n                            <div class=\"consent\" v-if=\"isConsent\">\n                                <div class=\"checkbox-wrapper\">\n                                    <label>\n                                        <input type=\"checkbox\" class=\"checkbox\" v-model=\"consent\" />\n                                        <div class=\"label\" v-html=\"__('shop.order.consent')\"></div>\n                                    </label>\n                                </div>\n                            </div>\n                            <div class=\"comment-wrapper is-promo-code\" v-bind:class=\"{ 'is-open': isPromoCodeToggled }\" v-if=\"isPromoCode\">\n                                <div class=\"toggler\" @click=\"isPromoCodeToggled = !isPromoCodeToggled\">\n                                    <span>{{ __('shop.order.promo_code') }}</span>\n                                    <svg>\n                                        <use xlink:href=\"#arrow-down\" />\n                                    </svg>\n                                </div>\n                                <div class=\"user-form is-promo-code\">\n                                    <div class=\"control\">\n                                        <input type=\"text\" class=\"input\" placeholder=\" \" v-model=\"promoCode\" :disabled=\"promoCodeApplied\" id=\"promo-code-applied\">\n                                        <label class=\"label\" for=\"promo-code-applied\">{{ __('shop.order.promo.placeholder') }}</label>\n                                    </div>\n                                    <button v-if=\"!promoCodeApplied\" class=\"button\" @click=\"applyPromoCode\" :disabled=\"!promoCode\" v-bind:class=\"{ 'is-loading': isPromoLoading }\">{{ __('shop.order.promo.apply') }}</button>\n                                    <button v-else class=\"button\" @click=\"resetPromoCode\">{{ __('shop.order.promo.reset') }}</button>\n                                </div>\n                            </div>\n                            <div class=\"comment-wrapper\" v-bind:class=\"{ 'is-open': isCommentToggled }\">\n                                <div class=\"toggler\" @click=\"isCommentToggled = !isCommentToggled\">\n                                    <span>{{ __('shop.order.comment') }}</span>\n                                    <svg>\n                                        <use xlink:href=\"#arrow-down\" />\n                                    </svg>\n                                </div>\n                                <div class=\"user-form\">\n                                    <textarea class=\"textarea\" v-model=\"comment\"></textarea>\n                                    <div class=\"chars-count\" v-if=\"comment.length\">{{ commentMaxLength - comment.length }}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"checkout-block thanks\" v-else-if=\"thanks && order\">\n            <slot name=\"thanks\" :order=\"order\" :redirect=\"redirect\" :redirectForm=\"redirectForm\" :home=\"home\" :auth=\"auth\" :filters=\"$filters\">\n                <div class=\"title\">\n                    {{ __('shop.order.order') }}\n                    <span>№{{ order.id }}</span> {{ isPayed ? __('shop.order.payed') : __('shop.order.success') }}\n                </div>\n                <div class=\"columns\">\n                    <div class=\"column is-6\" v-if=\"redirect.url\">\n                        <div class=\"subtitle\">{{ __('shop.order.pay_online') }}</div>\n                        <button class=\"button is-payment\" @click=\"redirectForm.submit()\">{{ __('shop.order.pay_online_go') }}</button>\n                    </div>\n                    <div class=\"column is-6\" v-else>\n                        <button class=\"button is-orange\" @click=\"home\">{{ __('shop.cart.continue') }}</button>\n                    </div>\n                    <div class=\"column is-6\">\n                        <div class=\"info-wrapper\" v-if=\"order.shipping[0]\">\n                            <div class=\"title\">{{ __('shop.order.shipping') }}</div>\n                            <div class=\"columns\">\n                                <div class=\"column is-6\" v-if=\"order.shipping[0]\" v-html=\"order.shipping[0]\"></div>\n                                <div class=\"column is-6\" v-if=\"order.shipping[1]\" v-html=\"order.shipping[1]\"></div>\n                            </div>\n                        </div>\n                        <div class=\"info-wrapper\" v-if=\"order.payment[0]\">\n                            <div class=\"title\">{{ __('shop.order.payment') }}</div>\n                            <div class=\"columns\">\n                                <div class=\"column is-6\" v-if=\"order.payment[0]\" v-html=\"order.payment[0]\"></div>\n                                <div class=\"column is-6\" v-if=\"order.payment[1]\" v-html=\"order.payment[1]\"></div>\n                            </div>\n                        </div>\n                        <div class=\"info-wrapper\" v-if=\"order.promoCode\">\n                            <div class=\"title\">{{ __('shop.order.promo_code') }}</div>\n                            <div class=\"columns\">\n                                <div class=\"column is-6\">\n                                    <span v-html=\"order.promoCode\" class=\"green\"></span>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </slot>\n        </div>\n        <div v-else-if=\"!redirectOnEmpty\" class=\"checkout-block empty\">\n            <div class=\"title\">{{ __('shop.cart.no_no') }}</div>\n            <div class=\"message\">\n                {{ __('shop.cart.no_prop') }}\n                <a :href=\"$env.locale.url ? $env.locale.url : '/'\">{{ __('shop.cart.no_home') }}</a>, <br />{{ __('shop.cart.no_search') }}\n            </div>\n            <a class=\"button continue\" :href=\"$env.locale.url ? $env.locale.url : '/'\">{{ __('shop.cart.continue') }}</a>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { ref, computed, markRaw, defineComponent, watch, getCurrentInstance, nextTick, provide, useSlots, onMounted } from 'vue';\nimport CheckoutItem from './CheckoutItem.vue';\nimport { pluralize, numberFormat } from '@perevorot/shop/dist/helpers';\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 FormRadio from '@perevorot/shop/dist/forms/FormRadio';\nimport * as yup from 'yup';\nimport { useToast } from 'vue-toastification';\n\nyup.addMethod(yup.string, 'numberFilled', function (min, msg) {\n    return this.test({\n        name: 'numberFilled',\n        exclusive: true,\n        message: __('auth.validation.number'),\n        params: {\n            min: min,\n        },\n        test: (value) => !(value == '' || isNaN(value)),\n    });\n});\n\nmarkRaw(FormText);\nmarkRaw(FormRadio);\n\nconst SchemaForm = SchemaFormFactory([VeeValidatePlugin({})]);\n\nconst HtmlMessage = {\n    props: {\n        message: '',\n    },\n    template: '<div v-html=\"message\"></div>',\n};\n\nwindow.viewedSwiperOptions = {\n    slidesPerView: 'auto',\n    freeMode: true,\n    slideClass: 'product',\n    mousewheel: {\n        forceToAxis: true\n    },\n    navigation: {\n        nextEl: '.next',\n        prevEl: '.prev'\n    },\n    observer: true,\n    observeParents: true\n};\n\nexport default /*#__PURE__*/ defineComponent({\n    components: {\n        CheckoutItem,\n        SchemaForm\n    },\n    props: {\n        isLogin: {\n            type: Boolean,\n            default: true\n        },\n        isPhoneMasked: {\n            type: Boolean,\n            default: true\n        },\n        isPromoCode: {\n            type: Boolean,\n            default: true\n        },\n        isConsent: {\n            type: Boolean,\n            default: false\n        },\n        isPaymentMethodOverSummary: {\n            type: Boolean,\n            default: false\n        },\n        userFields: {\n            type: Array,\n            default: ['last_name', 'name', 'email', 'phone'],\n        },\n        redirectOnEmpty: {\n            type: String,\n            default: false\n        },\n        showPlaceholders: {\n            type: Boolean,\n            default: false\n        },\n        isTrackAfterSuccessOnlinePurchase: {\n            type: Boolean,\n            default: false\n        }\n    },\n    name: 'order-checkout',\n    setup(props) {\n        const slots = useSlots();\n        const toast = useToast();\n        const store = useStore();\n        const loading = ref(false);\n        const quantity = computed(() => store.getters['cart/quantity']);\n        const items = computed(() => store.getters['cart/items']);\n        const total = computed(() => store.getters['cart/total']);\n        const auth = computed(() => store.getters['auth/is']);\n        const userCheckout = computed(() => store.getters['checkout/user']);\n        const ifCheckoutReady = ref(true);\n        const redirectForm = ref(null);\n        const thanks = ref(false);\n        const order = ref(null);\n        const consent = ref(false);\n        const shippingComponent = ref(null);\n\n        const redirect = ref({});\n\n        const shippingTypes = ref([]);\n        const paymentMethods = ref([]);\n\n        const userType = ref('new');\n        const userSubmitButton = ref(null);\n\n        const shippingComponentData = computed(() => store.getters['checkout/shippingData']);\n        const isCommentToggled = ref(false);\n        const commentMaxLength = 1000;\n\n        const isPromoCodeToggled = ref(false);\n        const promoCode = ref('');\n        const promoCodeApplied = ref(null);\n        const isPromoLoading = ref(false);\n        const app = getCurrentInstance();\n\n        const loyalty = computed(() => {\n            const points = items.value.reduce((acc, array) => acc + (array.attributes.loyalty ? array.attributes.loyalty.points * array.quantity : 0), 0);\n\n            return {\n                points: points,\n                name: pluralize(points, __('shop.pluralize.points'))\n            };\n        });\n\n        const loyaltyUse = ref('');\n        const loyaltyUseApplied = ref(false);\n        const resetLoyaltyUse = () => {\n            loyaltyUse.value = 0;\n            loyaltyUseApplied.value = false;\n        };\n        const applyLoyaltyUse = () => {\n            if (loyaltyUse.value) {\n                loyaltyUseApplied.value = true;\n            }\n        };\n\n        const readableUserLoyaltyPoints = computed(() => {\n            return numberFormat(userCheckout.value.loyalty_points - (loyaltyUseApplied.value ? loyaltyUse.value : 0));\n        });\n\n        const resetPromoCode = () => {\n            promoCode.value = '';\n            promoCodeApplied.value = null;\n        };\n\n        const isUserConsent = computed(() => {\n            return (props.isConsent && consent.value) || !props.isConsent;\n        });\n\n        const applyPromoCode = () => {\n            if (promoCode.value) {\n                isPromoLoading.value = true;\n\n                $http\n                    .post(window.location.href, {\n                        promoCodeApply: promoCode.value,\n                        email: user.value.email,\n                        total: total.value\n                    })\n                    .then(response => {\n                        promoCodeApplied.value = response.data;\n                    }).catch(error => {\n                        if (error.response && error.response.data.length) {\n                            error.response.data.forEach(error => {\n                                const component = {\n                                    component: HtmlMessage,\n                                    props: {\n                                        message: __('shop.order.promo.error_' + error.error, { number: app.appContext.config.globalProperties.$filters.price(error.number) }),\n                                    },\n                                };\n\n                                toast(component, {\n                                    type: 'error'\n                                });\n\n                                if (error.error == 'not_found') {\n                                    promoCode.value = '';\n                                }\n                            });\n\n                            promoCodeApplied.value = null;\n                        }\n                    }).finally(() => {\n                        isPromoLoading.value = false;\n                    });\n            }\n        };\n\n        const dontcall = computed({\n            get() {\n                return store.getters['checkout/dontcall'];\n            },\n            set(value) {\n                store.commit('checkout/dontcall', value);\n            }\n        });\n\n        const comment = computed({\n            get() {\n                const comment = store.getters['checkout/comment'];\n\n                if (!!comment) {\n                    isCommentToggled.value = true;\n                }\n\n                return comment;\n            },\n            set(value) {\n                store.commit('checkout/comment', value);\n            }\n        });\n\n        watch(comment, (value) => {\n            if (value.length > commentMaxLength) {\n                comment.value = comment.value.substring(0, commentMaxLength);\n            }\n        });\n\n        const field = (name, defaultValue) => {\n            return computed({\n                get() {\n                    return userCheckout.value[name] ? userCheckout.value[name] : defaultValue;\n                },\n                set(value) {\n                    let data = JSON.parse(JSON.stringify(userCheckout.value));\n                    data[name] = value;\n\n                    store.commit('checkout/user', data);\n                }\n            });\n        };\n\n        provide('field', field);\n\n        const user = ref({\n            last_name: field('last_name'),\n            middle_name: field('middle_name'),\n            name: field('name'),\n            email: field('email'),\n            phone: field('phone'),\n            registration_number: field('registration_number'),\n            company_name: field('company_name'),\n            user_type: field('user_type', 'individual'),\n        });\n\n        provide('user', user);\n\n        store.dispatch('auth/me', {\n            finally: () => { }\n        });\n\n        const calculateWithPromoCodeDiscount = () => {\n            const sum = total.value + fee.value + shippingPrice.value;\n\n            if (promoCodeApplied.value && promoCodeApplied.value.type == 'percent') {\n                return Math.round(sum - sum * promoCodeApplied.value.amount / 100);\n            }\n\n            if (promoCodeApplied.value && promoCodeApplied.value.type == 'discount') {\n                return Math.max(0, sum - promoCodeApplied.value.amount);\n            }\n\n            return sum;\n        };\n\n        const shipping = computed({\n            get() {\n                return store.getters['checkout/shipping'];\n            },\n            set(id) {\n                store.commit('checkout/shipping', id);\n            }\n        });\n\n        const payment = computed({\n            get() {\n                return store.getters['checkout/payment'];\n            },\n            set(id) {\n                store.commit('checkout/payment', id);\n            }\n        });\n\n        const shippingSelected = computed(() => {\n            return shipping.value ? shippingTypes.value.find((item) => item.id == shipping.value) : {};\n        });\n\n        const paymentSelected = computed(() => {\n            return payment.value ? paymentMethods.value.find((item) => item.id == payment.value) : {};\n        });\n\n        const shippingPrice = computed(() => {\n            return calculatePrice(shippingTypes.value, shipping.value);\n        });\n\n        const fee = computed(() => {\n            return calculatePrice(paymentMethods.value, payment.value);\n        });\n\n        const shippingTypesRestricted = computed(() => {\n            return restrictCheck(shippingTypes.value);\n        });\n\n        const paymentMethodsRestricted = computed(() => {\n            return restrictCheck(paymentMethods.value);\n        });\n\n        const categoriesInCart = computed(() => {\n            let categories = [];\n\n            items.value.forEach((item) => {\n                if (categories.indexOf(item.category_id) === -1) {\n                    categories.push(item.category_id);\n                }\n            });\n\n            return categories;\n        });\n\n        const calculatePrice = (items, value) => {\n            let price = 0;\n\n            if (value) {\n                const item = items.find((item) => item.id == value);\n\n                if (item) {\n                    if (item.type == 'sum') {\n                        price = item.amount;\n                    } else {\n                        price = Math.round((total.value * item.amount) / 100);\n                    }\n                }\n            }\n\n            return price;\n        };\n\n        const restrictCheck = (elements) => {\n            let items = [];\n\n            elements.forEach((item) => {\n                if (item.restrictions && Object.keys(item.restrictions).length) {\n                    let ok = true;\n\n                    const r = item.restrictions;\n\n                    if (r.price_min && r.price_max) {\n                        ok = total.value >= r.price_min && total.value <= r.price_max;\n                        item.restrictedForce = !ok;\n                    } else if (r.price_min) {\n                        ok = total.value >= r.price_min;\n                        item.restrictedForce = !ok;\n                    } else if (r.price_max) {\n                        ok = total.value <= r.price_max;\n                        item.restrictedForce = !ok;\n                    }\n\n                    if (ok && shipping.value) {\n                        if (r.shipping_type && r.shipping_type.length) {\n                            ok = r.shipping_type.indexOf(shipping.value) !== -1;\n                        }\n                    }\n\n                    if (ok && payment.value) {\n                        if (r.payment_method && r.payment_method.length) {\n                            ok = r.payment_method.indexOf(payment.value) !== -1;\n                        }\n                    }\n\n                    if (ok && r.categories && r.categories.length) {\n                        ok = !categoriesInCart.value.filter((value) => !r.categories.includes(value)).length;\n                        item.restrictedForce = !ok;\n                    }\n\n                    if (ok && r.code === 'user_type') {\n                        ok = r.value === user.value.user_type;\n                        item.restrictedForce = !ok;\n                    }\n\n                    item.restricted = !ok;\n                } else {\n                    item.restricted = false;\n                }\n\n                if (!item.restrictedForce) {\n                    items.push(item);\n                }\n            });\n\n            return items;\n        };\n\n        const discount = computed(() => {\n            let sum = 0;\n\n            items.value.forEach((item) => {\n                let s = 0;\n\n                if (item.attributes.priceOld) {\n                    s = item.attributes.priceOld - item.attributes.price;\n                }\n\n                sum += s * item.quantity;\n            });\n\n            return sum;\n        });\n\n        const facebook = () => {\n            window.location.href = $ziggy('auth.login.social', {\n                provider: 'facebook'\n            });\n        };\n\n        const google = () => {\n            window.location.href = $ziggy('auth.login.social', {\n                provider: 'google'\n            });\n        };\n\n        const loginCallback = () => {\n            userType.value = 'new';\n        };\n\n        $http.post(window.location.href).then((response) => {\n            shippingTypes.value = response.data.shipping;\n            paymentMethods.value = response.data.payment;\n        });\n\n        watch(userType, (value) => {\n            if (value == 'login') {\n                store.commit('auth/modal', 'login');\n            }\n        });\n\n        let userSchemaFields = {\n            user_type: {\n                component: FormRadio,\n                model: 'user_type',\n                label: '',\n                list: [\n                    { code: 'individual', value: __('auth.registration.form.user_type_individual') },\n                    { code: 'legal', value: __('auth.registration.form.user_type_legal') }\n                ],\n            },\n            name: {\n                component: FormText,\n                label: __('auth.registration.form.name'),\n                model: 'first_name',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.name') : '',\n            },\n            last_name: {\n                component: FormText,\n                label: __('auth.registration.form.last_name'),\n                model: 'last_name',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.last_name') : '',\n            },\n            middle_name: {\n                component: FormText,\n                label: __('auth.registration.form.middle_name'),\n                model: 'middle_name',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.middle_name') : '',\n            },\n            phone: {\n                component: FormText,\n                label: __('auth.registration.form.phone'),\n                model: 'phone',\n                type: 'phone',\n                //placeholder: '(050) 123-45-67'\n            },\n            registration_number: {\n                component: FormText,\n                label: __('auth.registration.form.registration_number'),\n                model: 'registration_number',\n                condition: (model) => model.user_type === 'legal',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.registration_number') : '',\n            },\n            company_name: {\n                component: FormText,\n                label: __('auth.registration.form.company_name'),\n                model: 'company_name',\n                condition: (model) => model.user_type === 'legal',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.company_name') : '',\n            },\n            email: {\n                component: FormText,\n                label: __('auth.login.form.email'),\n                model: 'email',\n                placeholder: props.showPlaceholders ? __('auth.login.form.email') : '',\n            },\n        };\n\n        if (props.isPhoneMasked) {\n            userSchemaFields.phone.mask = '(###) ###-##-##';\n        }\n\n        let userSchemaFieldsFiltered = Object.keys(userSchemaFields).reduce((obj, key) => {\n            if (props.userFields.includes(key)) {\n                obj[key] = userSchemaFields[key];\n            }\n\n            return obj;\n        }, {});\n\n        userSchemaFieldsFiltered = props.userFields.reduce((obj, key) => {\n            obj[key] = userSchemaFieldsFiltered[key];\n            return obj;\n        }, {});\n\n        const userSchema = ref(userSchemaFieldsFiltered);\n\n        useSchemaForm(user);\n\n        const phoneRegExp = /^\\(\\d{3}\\) \\d{3}\\-\\d{2}\\-\\d{2}$/;\n        const userValidationFields = {\n            last_name: yup.string().trim().required(__('auth.validation.required')),\n            middle_name: yup.string().trim().required(__('auth.validation.required')),\n            name: yup.string().trim().required(__('auth.validation.required')),\n            phone: props.isPhoneMasked ? yup.string().required(__('auth.validation.phone')).matches(phoneRegExp, __('auth.validation.phone')) : yup.string().required(__('auth.validation.phone')),\n            email: yup.string().trim().email(__('auth.validation.email')).required(__('auth.validation.required')),\n            registration_number: yup.string().when('user_type', (user_type) => {\n                if (user_type == 'legal') {\n                    return yup.string().numberFilled();\n                }\n            }),\n            company_name: yup.string().when('user_type', (user_type) => {\n                if (user_type == 'legal') {\n                    return yup.string().required(__('auth.validation.required'));\n                }\n            }),\n        };\n\n        const userValidationFieldsFiltered = Object.keys(userValidationFields).reduce((obj, key) => {\n            if (props.userFields.includes(key)) {\n                obj[key] = userValidationFields[key];\n            }\n\n            return obj;\n        }, {});\n\n        const userValidation = yup.object().shape(userValidationFieldsFiltered);\n\n        window.addEventListener('beforeunload', () => {\n            store.commit('auth/modal', null);\n        });\n\n        window.addEventListener('pagehide', () => {\n            store.commit('auth/modal', null);\n        });\n\n        const validate = async () => {\n            if (typeof shippingComponentValid.value == 'function') {\n                const isShippingComponentFormsValid = await shippingComponentValid.value();\n\n                if (userSubmitButton.value) {\n                    userSubmitButton.value.click();\n                }\n\n                userValidation.isValid(user.value).then(function (isUserValid) {\n                    ifCheckoutReady.value = isUserValid && payment.value && isUserConsent.value && shipping.value && (!shippingSelected.value.component || (shippingSelected.value.component && shippingComponentData.value[shippingSelected.value.code] && shippingComponentData.value[shippingSelected.value.code].isValid)) && isShippingComponentFormsValid;\n                });\n            }\n        };\n\n        const shippingComponentValid = ref(null);\n        provide('shippingComponentValid', shippingComponentValid);\n\n        const shippingComponentUserData = ref({});\n        provide('shippingComponentUserData', shippingComponentUserData);\n\n        const initPaymentWidget = (payment, order) => {\n            const wayforpay = new Wayforpay();\n\n            window.addEventListener('message', (event) => {\n                if (event.data == 'WfpWidgetEventClose' || event.data == 'WfpWidgetEventDeclined' || event.data == 'WfpWidgetEventPending') {\n\n                }\n\n                if (event.data == 'WfpWidgetEventApproved') {\n                    resetCheckoutForm(order);\n\n                    isPayed.value = true;\n\n                    store.dispatch('cart/clear', {\n                        finally: () => { }\n                    });\n                }\n            });\n\n            wayforpay.run(payment);\n        }\n\n        const isPayed = ref(false);\n\n        const resetCheckoutForm = (_order) => {\n            thanks.value = true;\n            order.value = _order;\n\n            document.querySelector('html').classList.add('is-checkout-thanks');\n\n            resertStore();\n        }\n\n        const checkout = async () => {\n            let isShippingComponentFormsValid = typeof shippingComponentValid.value == 'function' ? shippingComponentValid.value() : null;\n\n            if (shippingSelected.value && !shippingSelected.value.component) {\n                isShippingComponentFormsValid = true;\n            }\n\n            userValidation.isValid(user.value).then(function (valid) {\n                if (!valid) {\n                    userType.value = 'new';\n                    userSubmitButton.value.click();\n\n                    toast(__('shop.order.validate_user'), {\n                        type: 'error'\n                    });\n                } else if (!shipping.value) {\n                    toast(__('shop.order.validate_shipping'), {\n                        type: 'error'\n                    });\n                } else if (shippingSelected.value.component && (!shippingComponentData.value[shippingSelected.value.code] || !shippingComponentData.value[shippingSelected.value.code].isValid)) {\n                    toast(__('shop.order.validate_shipping1') + ': «' + shippingSelected.value.name + '»', {\n                        type: 'error'\n                    });\n                } else if (!isShippingComponentFormsValid) {\n                    toast(__('shop.order.validate_shipping1') + ': «' + shippingSelected.value.name + '»', {\n                        type: 'error'\n                    });\n                } else if (!payment.value) {\n                    toast(__('shop.order.validate_payment'), {\n                        type: 'error'\n                    });\n                } else if (!isUserConsent.value) {\n                    toast(__('shop.order.validate_consent'), {\n                        type: 'error'\n                    });\n                } else {\n                    let clientId;\n                    let data = shippingComponentData.value[shippingSelected.value.code] ? JSON.parse(JSON.stringify(shippingComponentData.value[shippingSelected.value.code])) : {};\n\n                    delete data.isValid;\n\n                    const shippingUserData = JSON.parse(JSON.stringify(shippingComponentUserData.value));\n\n                    if (document.cookie) {\n                        const cookies = document.cookie.split(';');\n\n                        cookies.forEach((cookie) => {\n                            const parts = cookie.split('=');\n\n                            if (parts[0].trim() === '_ga') {\n                                clientId = parts[1].split('.')[2] + '.' + parts[1].split('.')[3];\n                            }\n                        });\n                    }\n\n                    const model = {\n                        checkout: true,\n                        user: {\n                            last_name: user.value.last_name,\n                            middle_name: user.value.middle_name,\n                            name: user.value.name,\n                            phone: user.value.phone,\n                            email: user.value.email,\n                            user_type: user.value.user_type,\n                            registration_number: user.value.registration_number,\n                            company_name: user.value.company_name,\n                        },\n                        shipping: {\n                            id: shipping.value,\n                            data: data,\n                            user: shippingUserData,\n                        },\n                        payment: {\n                            id: payment.value\n                        },\n                        comment: comment.value,\n                        dontcall: dontcall.value,\n                        promoCode: promoCode.value,\n                        loyalty: loyaltyUse.value,\n                        clientId: clientId\n                    };\n\n                    loading.value = true;\n\n                    $http\n                        .post(window.location.href, model)\n                        .then((response) => {\n                            if (response.data && response.data.error && response.data.message) {\n                                toast(response.data.message, {\n                                    type: 'error',\n                                });\n\n                                return;\n                            }\n\n                            let products = [];\n\n                            items.value.forEach((item) => {\n                                let product = {\n                                    item_name: item.name,\n                                    item_id: item.attributes.code,\n                                    price: item.price,\n                                    quantity: item.quantity\n                                };\n\n                                if (item.attributes.brand) {\n                                    product.item_brand = item.attributes.brand;\n                                }\n\n                                if (item.attributes.property) {\n                                    product.item_variant = item.attributes.property;\n                                }\n\n                                if (item.attributes.categoryFull) {\n                                    if (item.attributes.categoryFull.indexOf('/') !== -1) {\n                                        item.attributes.categoryFull.split('/').forEach((segment, index) => {\n                                            product['item_category' + (index ? index + 1 : '')] = segment.trim();\n                                        });\n                                    } else {\n                                        product.item_category = item.attributes.categoryFull;\n                                    }\n                                }\n\n                                if (item.attributes.index) {\n                                    product.index = item.attributes.index;\n                                }\n\n                                if (item.attributes.itemListName) {\n                                    product.item_list_name = item.attributes.itemListName;\n                                }\n\n                                products.push(product);\n                            });\n\n\n                            let object = {\n                                payment_type: paymentSelected.value.name,\n                                shipping_tier: shippingSelected.value.name,\n                                ecommerce: {\n                                    transaction_id: response.data.order.id,\n                                    affiliation: 'main',\n                                    value: parseFloat(total.value),\n                                    shipping: 0,\n                                    currency: 'UAH',\n                                    items: products\n                                },\n                                event: 'purchase',\n                            };\n\n                            if (user.value.user_type) {\n                                object.user_type = __('auth.registration.form.user_type_' + user.value.user_type);\n                            }\n\n                            if (promoCode.value) {\n                                object.ecommerce.coupon = promoCode.value;\n                            }\n\n                            if (props.isTrackAfterSuccessOnlinePurchase && (response.data.redirect || (response.data.payment_widget_data && window.Wayforpay))) {\n                                localStorage.setItem('ecommerce', JSON.stringify(object));\n                            } else {\n                                if ($env.debug.ecommerce) {\n                                    console.log(object);\n                                }\n\n                                if (!$env.debug.ecommerce && window.dataLayer) {\n                                    window.dataLayer.push({\n                                        ecommerce: null\n                                    });\n\n                                    window.dataLayer.push(object);\n                                }\n                            }\n\n                            if (response.data.redirect) {\n                                redirect.value = {\n                                    url: response.data.redirect.url,\n                                    data: response.data.redirect.data\n                                };\n\n                                nextTick(() => {\n                                    setTimeout(() => {\n                                        redirectForm.value.submit();\n                                    }, 400);\n                                });\n                            }\n\n                            if (response.data.payment_widget_data && window.Wayforpay) {\n                                initPaymentWidget(JSON.parse(response.data.payment_widget_data), response.data.order);\n                            } else {\n                                resetCheckoutForm(response.data.order);\n                            }\n                        })\n                        .catch((e) => {\n                            toast(__('shop.order.error'), {\n                                type: 'error'\n                            });\n\n                            console.error(e);\n                        })\n                        .finally(() => {\n                            loading.value = false;\n                        });\n                }\n            });\n        };\n\n        const toggleShippingRadio = (id) => {\n            if (shipping.value === id) {\n                shipping.value = null;\n            }\n        };\n\n        const togglePaymentRadio = (id) => {\n            if (payment.value === id) {\n                payment.value = null;\n            }\n        };\n\n        const resertStore = () => {\n            store.commit('checkout/reset');\n            store.commit('cart/clear');\n        };\n\n        const shippingStoreData = (code, data, isValid) => {\n            let d = JSON.parse(JSON.stringify(shippingComponentData.value));\n\n            data.isValid = isValid;\n            d[code] = data;\n\n            store.commit('checkout/shippingData', d);\n        };\n\n        const home = () => {\n            window.location.href = $env.locale.url ? $env.locale.url : '/';\n        };\n\n        onMounted(() => {\n            if (!quantity.value && props.redirectOnEmpty) {\n                window.location.href = props.redirectOnEmpty;\n            }\n\n            let products = [];\n\n            items.value.forEach((item) => {\n                let product = {\n                    item_name: item.name,\n                    item_id: item.attributes.code,\n                    price: parseFloat(item.attributes.price),\n                    quantity: item.quantity\n                };\n\n                if (item.attributes.brand) {\n                    product.item_brand = item.attributes.brand;\n                }\n\n                if (item.attributes.property) {\n                    product.item_variant = item.attributes.property;\n                }\n\n                if (item.attributes.categoryFull) {\n                    if (item.attributes.categoryFull.indexOf('/') !== -1) {\n                        item.attributes.categoryFull.split('/').forEach((segment, index) => {\n                            product['item_category' + (index ? index + 1 : '')] = segment.trim();\n                        });\n                    } else {\n                        product.item_category = item.attributes.categoryFull;\n                    }\n                }\n\n                if (item.attributes.index) {\n                    product.index = item.attributes.index;\n                }\n\n                if (item.attributes.itemListName) {\n                    product.item_list_name = item.attributes.itemListName;\n                }\n\n                products.push(product);\n            });\n\n            if (products.length) {\n                const object = {\n                    ecommerce: {\n                        currency: 'UAH',\n                        items: products,\n                        value: parseFloat(total.value),\n                    },\n                    event: 'begin_checkout'\n                };\n\n                if ($env.debug.ecommerce) {\n                    console.log(object);\n                }\n\n                if (!$env.debug.ecommerce && window.dataLayer) {\n                    window.dataLayer.push({\n                        ecommerce: null\n                    });\n\n                    window.dataLayer.push(object);\n                }\n            }\n        });\n\n        return {\n            auth,\n            userType,\n            facebook,\n            google,\n            loginCallback,\n            quantity,\n            items,\n            loading,\n            pluralize,\n            discount,\n            total,\n            shipping,\n            shippingPrice,\n            payment,\n            fee,\n            userValidation,\n            userSchema,\n            userSubmitButton,\n            checkout,\n            ifCheckoutReady,\n            validate,\n            shippingTypesRestricted,\n            paymentMethodsRestricted,\n            toggleShippingRadio,\n            togglePaymentRadio,\n            shippingSelected,\n            paymentSelected,\n            shippingComponentData,\n            shippingStoreData,\n            resertStore,\n            user,\n            dontcall,\n            comment,\n            isCommentToggled,\n            commentMaxLength,\n            userCheckout,\n            thanks,\n            order,\n            redirect,\n            redirectForm,\n            home,\n            isPromoCodeToggled,\n            applyPromoCode,\n            promoCode,\n            isPromoLoading,\n            promoCodeApplied,\n            resetPromoCode,\n            calculateWithPromoCodeDiscount,\n            consent,\n            shippingComponent,\n            slots,\n            isPayed,\n            loyalty,\n            loyaltyUse,\n            loyaltyUseApplied,\n            resetLoyaltyUse,\n            applyLoyaltyUse,\n            readableUserLoyaltyPoints,\n        };\n    }\n});\n</script>"],"names":["defineComponent","name","props","item","Object","setup","options","computed","attributes","length","itemOptions","filter","option","value","indexOf","id","_createElementVNode","then","Promise","resolve","f","i","arguments","e","reject","_createElementBlock","_ctx","bundle","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","href","image","src","_hoisted_10","_hoisted_11","_hoisted_12","code","_hoisted_13","_hoisted_14","_hoisted_16","_hoisted_17","quantity","parseInt","_hoisted_18","innerHTML","price","_hoisted_20","priceOld","amount","percent","sum","_hoisted_24","_hoisted_25","_hoisted_26","index","key","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_31","_hoisted_32","_hoisted_33","second","_hoisted_39","_hoisted_40","_hoisted_41","third","_hoisted_43","_hoisted_44","_hoisted_45","_hoisted_51","_hoisted_52","_hoisted_53","yup","addMethod","string","min","msg","this","test","exclusive","message","__","params","isNaN","markRaw","FormText","FormRadio","SchemaForm","SchemaFormFactory","VeeValidatePlugin","HtmlMessage","template","window","viewedSwiperOptions","slidesPerView","freeMode","slideClass","mousewheel","forceToAxis","navigation","nextEl","prevEl","observer","observeParents","components","CheckoutItem","isLogin","type","Boolean","isPhoneMasked","isPromoCode","isConsent","isPaymentMethodOverSummary","userFields","Array","redirectOnEmpty","String","showPlaceholders","isTrackAfterSuccessOnlinePurchase","slots","useSlots","toast","useToast","store","useStore","loading","ref","getters","items","total","auth","userCheckout","ifCheckoutReady","redirectForm","thanks","order","consent","shippingComponent","redirect","shippingTypes","paymentMethods","userType","userSubmitButton","shippingComponentData","isCommentToggled","isPromoCodeToggled","promoCode","promoCodeApplied","isPromoLoading","app","getCurrentInstance","loyalty","points","reduce","acc","array","pluralize","loyaltyUse","loyaltyUseApplied","readableUserLoyaltyPoints","numberFormat","loyalty_points","isUserConsent","dontcall","get","set","commit","comment","watch","substring","field","defaultValue","data","JSON","parse","stringify","provide","user","last_name","middle_name","email","phone","registration_number","company_name","user_type","dispatch","shipping","payment","shippingSelected","find","paymentSelected","shippingPrice","calculatePrice","fee","shippingTypesRestricted","restrictCheck","paymentMethodsRestricted","categoriesInCart","categories","forEach","category_id","push","Math","round","elements","restrictions","keys","ok","r","price_min","price_max","restrictedForce","shipping_type","payment_method","includes","restricted","discount","s","$http","post","location","response","userSchemaFields","component","model","label","list","placeholder","condition","mask","userSchemaFieldsFiltered","obj","userSchema","useSchemaForm","userValidationFields","trim","required","matches","when","numberFilled","userValidationFieldsFiltered","userValidation","object","shape","addEventListener","validate","body","result","shippingComponentValid","isShippingComponentFormsValid","click","isValid","isUserValid","shippingComponentUserData","isPayed","resetCheckoutForm","_order","document","querySelector","classList","add","resertStore","checkout","valid","clientId","shippingUserData","cookie","split","parts","error","products","product","item_name","item_id","brand","item_brand","property","item_variant","categoryFull","segment","item_category","itemListName","item_list_name","payment_type","shipping_tier","ecommerce","transaction_id","affiliation","parseFloat","currency","event","coupon","payment_widget_data","Wayforpay","localStorage","setItem","$env","debug","console","log","dataLayer","url","nextTick","setTimeout","submit","wayforpay","run","initPaymentWidget","onMounted","facebook","$ziggy","provider","google","loginCallback","toggleShippingRadio","togglePaymentRadio","shippingStoreData","d","commentMaxLength","home","locale","applyPromoCode","promoCodeApply","number","appContext","config","globalProperties","$filters","resetPromoCode","calculateWithPromoCodeDiscount","max","resetLoyaltyUse","applyLoyaltyUse","action","style","method","_hoisted_5","_hoisted_6","_hoisted_7","_renderSlot","_hoisted_8","_createCommentVNode","_hoisted_9","_toDisplayString","_createBlock","_createVNode","onClick","open","_hoisted_15","_hoisted_19","_hoisted_21","schemaRowClasses","schema","preventModelCleanupOnSchemaChange","afterForm","_hoisted_22","_hoisted_23","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","nextDates","_hoisted_42","_hoisted_46","icon","_hoisted_49","description","price_label","_hoisted_54","shippingFooter","_hoisted_57","_hoisted_58","_hoisted_59","_hoisted_60","_hoisted_61","_hoisted_62","_hoisted_63","_hoisted_65","_hoisted_67","_hoisted_68","_hoisted_70","_hoisted_71","_hoisted_72","_hoisted_73","_hoisted_74","_hoisted_75","_hoisted_76","_hoisted_77","_hoisted_79","_hoisted_81","_hoisted_82","_hoisted_84","_hoisted_85","_hoisted_86","_hoisted_87","_hoisted_88","_hoisted_89","_hoisted_91","_hoisted_93","_hoisted_94","_hoisted_95","_hoisted_97","_hoisted_98","_hoisted_99","_hoisted_101","_hoisted_102","_hoisted_103","_hoisted_105","_hoisted_106","_hoisted_107","_hoisted_108","_hoisted_109","_hoisted_110","_hoisted_112","_hoisted_113","_hoisted_114","_hoisted_116","_hoisted_117","_hoisted_118","_hoisted_119","disabled","_hoisted_122","_hoisted_123","_hoisted_124","_hoisted_126","_hoisted_127","_hoisted_128","_hoisted_130","_hoisted_132","_hoisted_133","_hoisted_134","_hoisted_135","filters","_hoisted_136","_hoisted_137","_hoisted_138","_hoisted_139","_hoisted_140","_hoisted_141","_hoisted_142","_hoisted_143","_hoisted_144","_hoisted_147","_hoisted_148","_hoisted_149","_hoisted_152","_hoisted_153","_hoisted_154","_hoisted_155","_hoisted_157","_hoisted_158","_hoisted_159","_hoisted_161"],"mappings":"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"}
+{"version":3,"file":"Checkout.js","sources":["../../../../src/components/shop/order/CheckoutItem.vue","../../../../src/components/shop/order/CheckoutItem.vue?vue&type=template&id=4d5a1fac&lang.js","../../../../src/components/shop/order/Checkout.vue","../../../../src/components/shop/order/Checkout.vue?vue&type=template&id=17c01fc4&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>","<template>\n    <div class=\"cart checkout\">\n        <form ref=\"redirectForm\" v-if=\"redirect.url\" :action=\"redirect.url\" style=\"position: absolute; left: -1000px; top:-1000px;\" method=\"post\">\n            <input type=\"hidden\" :name=\"name\" :value=\"value\" v-for=\"(value, name, index) in redirect.data\" v-bind:key=\"index\" />\n        </form>\n\n        <div class=\"items-wrapper\" v-if=\"items.length && !thanks\">\n            <div class=\"checkout-title\">{{ __('shop.order.checkout_title') }}</div>\n            <div class=\"columns\">\n                <div class=\"column checkout-blocks-wrapper\">\n                    <slot name=\"header\"></slot>\n                    <div class=\"checkout-block is-cart\"><!--items-->\n                        <div class=\"wrapper\">\n                            <div class=\"title-row\">\n                                <div class=\"items-title\">\n                                    {{ __('shop.order.your_order') }}\n                                    <span class=\"ml-3\" v-text=\"pluralize(quantity, __('shop.pluralize.products'))\"></span>&nbsp;<span v-html=\"__('shop.cart.bysum') + ' ' + $filters.price(total)\"></span>\n                                </div>\n                            </div>\n                            <slot name=\"cart\" :items=\"items\">\n                                <checkout-item v-for=\"item in items\" v-bind:key=\"item.id\" :item=\"item\"></checkout-item>\n                                <cart-trigger class=\"trigger\">\n                                    <template #default=\"props\">\n                                        <button class=\"button\" @click=\"props.open\">\n                                            <svg>\n                                                <use xlink:href=\"#cart-edit\" />\n                                            </svg>\n                                            <span>{{ __('shop.order.edit') }}</span>\n                                        </button>\n                                    </template>\n                                </cart-trigger>\n                            </slot>\n                            <slot name=\"cart-footer\" :total=\"total\"></slot>\n                        </div>\n                    </div>\n                    <div class=\"checkout-block is-user auth-user\">\n                        <div class=\"wrapper\">\n                            <div class=\"items-title\">{{ __('shop.order.contact_title') }}</div>\n                            <div class=\"user-tabs\" v-if=\"!auth && isLogin\">\n                                <label> <input type=\"radio\" class=\"radio\" v-model=\"userType\" value=\"new\" />{{ __('shop.order.auth_new') }}</label>\n                                <label> <input type=\"radio\" class=\"radio\" v-model=\"userType\" value=\"login\" />{{ __('shop.order.auth_old') }}</label>\n                            </div>\n                            <div class=\"columns\">\n                                <div class=\"column user-form\" v-show=\"userType == 'new'\">\n                                    <SchemaForm schemaRowClasses=\"field\" :schema=\"userSchema\" :validation-schema=\"userValidation\" :preventModelCleanupOnSchemaChange=\"true\">\n                                        <template #afterForm>\n                                            <button type=\"submit\" ref=\"userSubmitButton\" class=\"is-hidden\"></button>\n                                        </template>\n                                    </SchemaForm>\n                                </div>\n                                <div class=\"column user-login user-form\" v-show=\"userType == 'login'\" v-if=\"isLogin\">\n                                    <login :login-callback=\"loginCallback\"></login>\n                                </div>\n                                <div class=\"column\" v-if=\"isLogin\">\n                                    <div class=\"social-auth\" v-if=\"!auth\">\n                                        <div class=\"socials\">\n                                            <div class=\"description\">{{ __('shop.order.auth_social') }}</div>\n                                            <div class=\"buttons\">\n                                                <a class=\"button\" @click=\"facebook\">\n                                                    <svg class=\"icon fb-btn\">\n                                                        <use xlink:href=\"#logo-facebook-icon\" />\n                                                    </svg>\n                                                    <span>Facebook</span>\n                                                </a>\n                                                <a class=\"button\" @click=\"google\">\n                                                    <svg class=\"icon google-btn\">\n                                                        <use xlink:href=\"#logo-google-icon\" />\n                                                    </svg>\n                                                    <span>Google</span>\n                                                </a>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"checkout-block is-shipping\">\n                        <div class=\"wrapper shipping-type-block\">\n                            <div class=\"rows\">\n                                <div class=\"item\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <div class=\"items-title mb-1\">{{ __('shop.order.shipping') }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"shippingSelected && shippingSelected.nextDates\">\n                                            <div class=\"next-dates\">на {{ shippingSelected.nextDates }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"1 != 1\">\n                                            <a @click=\"shipping = null\" class=\"reset\" v-bind:class=\"{ 'is-active': shipping }\">{{ __('shop.order.reset') }}</a>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"item\" v-for=\"item in shippingTypesRestricted\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-disabled': item.restricted }\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <label>\n                                                <input type=\"radio\" class=\"radio\" v-model=\"shipping\" :value=\"item.id\" @click=\"toggleShippingRadio(item.id)\" />\n                                                <img class=\"icon\" :src=\"item.icon\" v-if=\"item.icon\" />\n                                                <svg v-else class=\"icon\">\n                                                    <use xlink:href=\"#shipping\" />\n                                                </svg>\n                                                <span>{{ item.name }}</span>\n                                            </label>\n                                            <div class=\"description\" v-if=\"item.description\">{{ item.description }}</div>\n                                        </div>\n                                        <div class=\"value\">\n                                            <span class=\"green\" v-if=\"!item.amount && item.price_label\">{{ item.price_label }}</span>\n                                            <span v-else v-html=\"item.type == 'percent' ? item.amount + '%' : $filters.price(item.amount)\"></span>\n                                        </div>\n                                    </div>\n                                    <div v-if=\"!slots.shippingFooter\">\n                                        <component :is=\"item.component\" v-if=\"item.component && item.id == shipping\" :commit=\"shippingStoreData\" :data=\"shippingComponentData\" :item=\"item\"></component>\n                                    </div>\n                                </div>\n                            </div>\n                            <slot name=\"shipping-footer\" :shippingTypesRestricted=\"shippingTypesRestricted\" :shipping=\"shipping\" :shippingStoreData=\"shippingStoreData\" :shippingComponentData=\"shippingComponentData\"></slot>\n                        </div>\n                    </div>\n                    <div class=\"checkout-block is-payment\" v-if=\"!isPaymentMethodOverSummary\">\n                        <div class=\"wrapper payment-method-block\">\n                            <div class=\"rows\">\n                                <div class=\"item\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <div class=\"items-title mb-1\">{{ __('shop.order.payment') }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"1 != 1\">\n                                            <a @click=\"payment = null\" class=\"reset\" v-bind:class=\"{ 'is-active': payment }\">{{ __('shop.order.reset') }}</a>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"item\" v-for=\"item in paymentMethodsRestricted\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-disabled': item.restricted }\">\n                                    <div class=\"row no-icon\" v-bind:class=\"'is-' + item.code\">\n                                        <div class=\"info\">\n                                            <label>\n                                                <input type=\"radio\" class=\"radio\" v-model=\"payment\" :value=\"item.id\" @click=\"togglePaymentRadio(item.id)\" />\n                                                <span>{{ item.name }}</span>\n                                            </label>\n                                            <div class=\"description\" v-if=\"item.description\">{{ item.description }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"item.amount\">\n                                            <span v-html=\"item.type == 'percent' ? item.amount + '%' : $filters.price(item.amount)\"></span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"column is-4\">\n                    <div class=\"checkout-block summary\">\n                        <div class=\"inner payment-method-block\" v-if=\"isPaymentMethodOverSummary\">\n                            <div class=\"rows\">\n                                <div class=\"item\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <div class=\"items-title mb-1\">{{ __('shop.order.payment') }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"1 != 1\">\n                                            <a @click=\"payment = null\" class=\"reset\" v-bind:class=\"{ 'is-active': payment }\">{{ __('shop.order.reset') }}</a>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"item\" v-for=\"item in paymentMethodsRestricted\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-disabled': item.restricted }\">\n                                    <div class=\"row no-icon\" v-bind:class=\"'is-' + item.code\">\n                                        <div class=\"info\">\n                                            <label>\n                                                <input type=\"radio\" class=\"radio\" v-model=\"payment\" :value=\"item.id\" @click=\"togglePaymentRadio(item.id)\" />\n                                                <span>{{ item.name }}</span>\n                                            </label>\n                                            <div class=\"description\" v-if=\"item.description\">{{ item.description }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"item.amount\">\n                                            <span v-html=\"item.type == 'percent' ? item.amount + '%' : $filters.price(item.amount)\"></span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"divider is-hidden\"></div>\n                        <div class=\"inner\">\n                            <div class=\"items-title\">{{ __('shop.order.total') }}</div>\n                            <div class=\"rows\">\n                                <div class=\"row products\">\n                                    <div class=\"info\"><span v-text=\"pluralize(quantity, __('shop.pluralize.products'))\"></span> {{ __('shop.cart.bysum') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(total)\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row discount\" v-if=\"discount\">\n                                    <div class=\"info\">{{ __('shop.order.discount') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(discount)\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row fee\" v-if=\"fee > 0\">\n                                    <div class=\"info\">{{ __('shop.order.fee') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(fee)\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row shipping\" v-if=\"shipping\">\n                                    <div class=\"info\">{{ __('shop.order.shipping_price') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(shippingPrice)\" v-if=\"shippingPrice > 0\"></span>\n                                        <span class=\"green\" v-else-if=\"shippingSelected && shippingSelected.price_label\">{{ shippingSelected.price_label }}</span>\n                                    </div>\n                                </div>\n                                <div class=\"row promo\" v-if=\"promoCodeApplied\">\n                                    <div class=\"info\">{{ __('shop.order.promo_code') }}<br><span class=\"green\">{{ promoCode }}</span></div>\n                                    <div class=\"value\">\n                                        <span v-html=\"(promoCodeApplied.type == 'percent' ? promoCodeApplied.amount + '%' : $filters.price(promoCodeApplied.amount))\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row price\">\n                                    <div class=\"info\">{{ __('shop.order.price') }}</div>\n                                    <div class=\"value orange\">\n                                        <span v-html=\"$filters.price(calculateWithPromoCodeDiscount())\"></span>\n                                    </div>\n                                </div>\n                            </div>\n                            <slot name=\"loyalty\" :loyalty=\"loyalty\"></slot>\n                            <div class=\"user-loyalty\" v-if=\"userCheckout.loyalty_points > 0\">\n                                <div class=\"notice\">{{ pluralize(readableUserLoyaltyPoints, __('shop.pluralize.points')) }} в наявності</div>\n                                <div class=\"user-form is-loyalty-use\">\n                                    <div class=\"control\">\n                                        <input type=\"number\" class=\"input\" placeholder=\"Сума бонусів\" v-model=\"loyaltyUse\" :disabled=\"loyaltyUseApplied\">\n                                    </div>\n                                    <button v-if=\"!loyaltyUseApplied\" class=\"button\" @click=\"applyLoyaltyUse\" :disabled=\"!loyaltyUse || loyaltyUse > userCheckout.loyalty_points\">Використати</button>\n                                    <button v-else class=\"button is-reset\" @click=\"resetLoyaltyUse\">Відмінити</button>\n                                </div>\n                            </div>\n                            <div class=\"checkbox-wrapper nocall\">\n                                <label> <input type=\"checkbox\" class=\"checkbox\" v-model=\"dontcall\" />{{ __('shop.order.nocall') }}</label>\n                            </div>\n                            <button class=\"button submit\" @click=\"checkout\" v-bind:class=\"{ red: !ifCheckoutReady, 'is-loading': loading }\">{{ __('shop.order.action') }}</button>\n                            <slot name=\"submit\" :total=\"total\"></slot>\n                            <div class=\"consent\" v-if=\"isConsent\">\n                                <div class=\"checkbox-wrapper\">\n                                    <label>\n                                        <input type=\"checkbox\" class=\"checkbox\" v-model=\"consent\" />\n                                        <div class=\"label\" v-html=\"__('shop.order.consent')\"></div>\n                                    </label>\n                                </div>\n                            </div>\n                            <div class=\"comment-wrapper is-promo-code\" v-bind:class=\"{ 'is-open': isPromoCodeToggled }\" v-if=\"isPromoCode\">\n                                <div class=\"toggler\" @click=\"isPromoCodeToggled = !isPromoCodeToggled\">\n                                    <span>{{ __('shop.order.promo_code') }}</span>\n                                    <svg>\n                                        <use xlink:href=\"#arrow-down\" />\n                                    </svg>\n                                </div>\n                                <div class=\"user-form is-promo-code\">\n                                    <div class=\"control\">\n                                        <input type=\"text\" class=\"input\" placeholder=\" \" v-model=\"promoCode\" :disabled=\"promoCodeApplied\" id=\"promo-code-applied\">\n                                        <label class=\"label\" for=\"promo-code-applied\">{{ __('shop.order.promo.placeholder') }}</label>\n                                    </div>\n                                    <button v-if=\"!promoCodeApplied\" class=\"button\" @click=\"applyPromoCode\" :disabled=\"!promoCode\" v-bind:class=\"{ 'is-loading': isPromoLoading }\">{{ __('shop.order.promo.apply') }}</button>\n                                    <button v-else class=\"button\" @click=\"resetPromoCode\">{{ __('shop.order.promo.reset') }}</button>\n                                </div>\n                            </div>\n                            <div class=\"comment-wrapper\" v-bind:class=\"{ 'is-open': isCommentToggled }\">\n                                <div class=\"toggler\" @click=\"isCommentToggled = !isCommentToggled\">\n                                    <span>{{ __('shop.order.comment') }}</span>\n                                    <svg>\n                                        <use xlink:href=\"#arrow-down\" />\n                                    </svg>\n                                </div>\n                                <div class=\"user-form\">\n                                    <textarea class=\"textarea\" v-model=\"comment\"></textarea>\n                                    <div class=\"chars-count\" v-if=\"comment.length\">{{ commentMaxLength - comment.length }}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"checkout-block thanks\" v-else-if=\"thanks && order\">\n            <slot name=\"thanks\" :order=\"order\" :redirect=\"redirect\" :redirectForm=\"redirectForm\" :home=\"home\" :auth=\"auth\" :filters=\"$filters\">\n                <div class=\"title\">\n                    {{ __('shop.order.order') }}\n                    <span>№{{ order.id }}</span> {{ isPayed ? __('shop.order.payed') : __('shop.order.success') }}\n                </div>\n                <div class=\"columns\">\n                    <div class=\"column is-6\" v-if=\"redirect.url\">\n                        <div class=\"subtitle\">{{ __('shop.order.pay_online') }}</div>\n                        <button class=\"button is-payment\" @click=\"redirectForm.submit()\">{{ __('shop.order.pay_online_go') }}</button>\n                    </div>\n                    <div class=\"column is-6\" v-else>\n                        <button class=\"button is-orange\" @click=\"home\">{{ __('shop.cart.continue') }}</button>\n                    </div>\n                    <div class=\"column is-6\">\n                        <div class=\"info-wrapper\" v-if=\"order.shipping[0]\">\n                            <div class=\"title\">{{ __('shop.order.shipping') }}</div>\n                            <div class=\"columns\">\n                                <div class=\"column is-6\" v-if=\"order.shipping[0]\" v-html=\"order.shipping[0]\"></div>\n                                <div class=\"column is-6\" v-if=\"order.shipping[1]\" v-html=\"order.shipping[1]\"></div>\n                            </div>\n                        </div>\n                        <div class=\"info-wrapper\" v-if=\"order.payment[0]\">\n                            <div class=\"title\">{{ __('shop.order.payment') }}</div>\n                            <div class=\"columns\">\n                                <div class=\"column is-6\" v-if=\"order.payment[0]\" v-html=\"order.payment[0]\"></div>\n                                <div class=\"column is-6\" v-if=\"order.payment[1]\" v-html=\"order.payment[1]\"></div>\n                            </div>\n                        </div>\n                        <div class=\"info-wrapper\" v-if=\"order.promoCode\">\n                            <div class=\"title\">{{ __('shop.order.promo_code') }}</div>\n                            <div class=\"columns\">\n                                <div class=\"column is-6\">\n                                    <span v-html=\"order.promoCode\" class=\"green\"></span>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </slot>\n        </div>\n        <div v-else-if=\"!redirectOnEmpty\" class=\"checkout-block empty\">\n            <div class=\"title\">{{ __('shop.cart.no_no') }}</div>\n            <div class=\"message\">\n                {{ __('shop.cart.no_prop') }}\n                <a :href=\"$env.locale.url ? $env.locale.url : '/'\">{{ __('shop.cart.no_home') }}</a>, <br />{{ __('shop.cart.no_search') }}\n            </div>\n            <a class=\"button continue\" :href=\"$env.locale.url ? $env.locale.url : '/'\">{{ __('shop.cart.continue') }}</a>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { ref, computed, markRaw, defineComponent, watch, getCurrentInstance, nextTick, provide, useSlots, onMounted } from 'vue';\nimport CheckoutItem from './CheckoutItem.vue';\nimport { pluralize, numberFormat } from '@perevorot/shop/dist/helpers';\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 FormRadio from '@perevorot/shop/dist/forms/FormRadio';\nimport * as yup from 'yup';\nimport { useToast } from 'vue-toastification';\n\nyup.addMethod(yup.string, 'numberFilled', function (min, msg) {\n    return this.test({\n        name: 'numberFilled',\n        exclusive: true,\n        message: __('auth.validation.number'),\n        params: {\n            min: min,\n        },\n        test: (value) => !(value == '' || isNaN(value)),\n    });\n});\n\nmarkRaw(FormText);\nmarkRaw(FormRadio);\n\nconst SchemaForm = SchemaFormFactory([VeeValidatePlugin({})]);\n\nconst HtmlMessage = {\n    props: {\n        message: '',\n    },\n    template: '<div v-html=\"message\"></div>',\n};\n\nwindow.viewedSwiperOptions = {\n    slidesPerView: 'auto',\n    freeMode: true,\n    slideClass: 'product',\n    mousewheel: {\n        forceToAxis: true\n    },\n    navigation: {\n        nextEl: '.next',\n        prevEl: '.prev'\n    },\n    observer: true,\n    observeParents: true\n};\n\nexport default /*#__PURE__*/ defineComponent({\n    components: {\n        CheckoutItem,\n        SchemaForm\n    },\n    props: {\n        isLogin: {\n            type: Boolean,\n            default: true\n        },\n        isPhoneMasked: {\n            type: Boolean,\n            default: true\n        },\n        isPromoCode: {\n            type: Boolean,\n            default: true\n        },\n        isConsent: {\n            type: Boolean,\n            default: false\n        },\n        isPaymentMethodOverSummary: {\n            type: Boolean,\n            default: false\n        },\n        userFields: {\n            type: Array,\n            default: ['last_name', 'name', 'email', 'phone'],\n        },\n        redirectOnEmpty: {\n            type: String,\n            default: false\n        },\n        showPlaceholders: {\n            type: Boolean,\n            default: false\n        },\n        isTrackAfterSuccessOnlinePurchase: {\n            type: Boolean,\n            default: false\n        }\n    },\n    name: 'order-checkout',\n    setup(props) {\n        const slots = useSlots();\n        const toast = useToast();\n        const store = useStore();\n        const loading = ref(false);\n        const quantity = computed(() => store.getters['cart/quantity']);\n        const items = computed(() => store.getters['cart/items']);\n        const total = computed(() => store.getters['cart/total']);\n        const auth = computed(() => store.getters['auth/is']);\n        const userCheckout = computed(() => store.getters['checkout/user']);\n        const ifCheckoutReady = ref(true);\n        const redirectForm = ref(null);\n        const thanks = ref(false);\n        const order = ref(null);\n        const consent = ref(false);\n        const shippingComponent = ref(null);\n\n        const redirect = ref({});\n\n        const shippingTypes = ref([]);\n        const paymentMethods = ref([]);\n\n        const userType = ref('new');\n        const userSubmitButton = ref(null);\n\n        const shippingComponentData = computed(() => store.getters['checkout/shippingData']);\n        const isCommentToggled = ref(false);\n        const commentMaxLength = 1000;\n\n        const isPromoCodeToggled = ref(false);\n        const promoCode = ref('');\n        const promoCodeApplied = ref(null);\n        const isPromoLoading = ref(false);\n        const app = getCurrentInstance();\n\n        const loyalty = computed(() => {\n            const points = items.value.reduce((acc, array) => acc + (array.attributes.loyalty ? array.attributes.loyalty.points * array.quantity : 0), 0);\n\n            return {\n                points: points,\n                name: pluralize(points, __('shop.pluralize.points'))\n            };\n        });\n\n        const loyaltyUse = ref('');\n        const loyaltyUseApplied = ref(false);\n        const resetLoyaltyUse = () => {\n            loyaltyUse.value = 0;\n            loyaltyUseApplied.value = false;\n        };\n        const applyLoyaltyUse = () => {\n            if (loyaltyUse.value) {\n                loyaltyUseApplied.value = true;\n            }\n        };\n\n        const readableUserLoyaltyPoints = computed(() => {\n            return numberFormat(userCheckout.value.loyalty_points - (loyaltyUseApplied.value ? loyaltyUse.value : 0));\n        });\n\n        const resetPromoCode = () => {\n            promoCode.value = '';\n            promoCodeApplied.value = null;\n        };\n\n        const isUserConsent = computed(() => {\n            return (props.isConsent && consent.value) || !props.isConsent;\n        });\n\n        const applyPromoCode = () => {\n            if (promoCode.value) {\n                isPromoLoading.value = true;\n\n                $http\n                    .post(window.location.href, {\n                        promoCodeApply: promoCode.value,\n                        email: user.value.email,\n                        total: total.value\n                    })\n                    .then(response => {\n                        promoCodeApplied.value = response.data;\n                    }).catch(error => {\n                        if (error.response && error.response.data.length) {\n                            error.response.data.forEach(error => {\n                                const component = {\n                                    component: HtmlMessage,\n                                    props: {\n                                        message: __('shop.order.promo.error_' + error.error, { number: app.appContext.config.globalProperties.$filters.price(error.number) }),\n                                    },\n                                };\n\n                                toast(component, {\n                                    type: 'error'\n                                });\n\n                                if (error.error == 'not_found') {\n                                    promoCode.value = '';\n                                }\n                            });\n\n                            promoCodeApplied.value = null;\n                        }\n                    }).finally(() => {\n                        isPromoLoading.value = false;\n                    });\n            }\n        };\n\n        const dontcall = computed({\n            get() {\n                return store.getters['checkout/dontcall'];\n            },\n            set(value) {\n                store.commit('checkout/dontcall', value);\n            }\n        });\n\n        const comment = computed({\n            get() {\n                const comment = store.getters['checkout/comment'];\n\n                if (!!comment) {\n                    isCommentToggled.value = true;\n                }\n\n                return comment;\n            },\n            set(value) {\n                store.commit('checkout/comment', value);\n            }\n        });\n\n        watch(comment, (value) => {\n            if (value.length > commentMaxLength) {\n                comment.value = comment.value.substring(0, commentMaxLength);\n            }\n        });\n\n        const field = (name, defaultValue) => {\n            return computed({\n                get() {\n                    return userCheckout.value[name] ? userCheckout.value[name] : defaultValue;\n                },\n                set(value) {\n                    let data = JSON.parse(JSON.stringify(userCheckout.value));\n                    data[name] = value;\n\n                    store.commit('checkout/user', data);\n                }\n            });\n        };\n\n        provide('field', field);\n\n        const user = ref({\n            last_name: field('last_name'),\n            middle_name: field('middle_name'),\n            name: field('name'),\n            email: field('email'),\n            phone: field('phone'),\n            registration_number: field('registration_number'),\n            company_name: field('company_name'),\n            user_type: field('user_type', 'individual'),\n        });\n\n        provide('user', user);\n\n        store.dispatch('auth/me', {\n            finally: () => { }\n        });\n\n        const calculateWithPromoCodeDiscount = () => {\n            const sum = total.value + fee.value + shippingPrice.value;\n\n            if (promoCodeApplied.value && promoCodeApplied.value.type == 'percent') {\n                return Math.round(sum - sum * promoCodeApplied.value.amount / 100);\n            }\n\n            if (promoCodeApplied.value && promoCodeApplied.value.type == 'discount') {\n                return Math.max(0, sum - promoCodeApplied.value.amount);\n            }\n\n            return sum;\n        };\n\n        const shipping = computed({\n            get() {\n                return store.getters['checkout/shipping'];\n            },\n            set(id) {\n                store.commit('checkout/shipping', id);\n            }\n        });\n\n        const payment = computed({\n            get() {\n                return store.getters['checkout/payment'];\n            },\n            set(id) {\n                store.commit('checkout/payment', id);\n            }\n        });\n\n        const shippingSelected = computed(() => {\n            return shipping.value ? shippingTypes.value.find((item) => item.id == shipping.value) : {};\n        });\n\n        const paymentSelected = computed(() => {\n            return payment.value ? paymentMethods.value.find((item) => item.id == payment.value) : {};\n        });\n\n        const shippingPrice = computed(() => {\n            return calculatePrice(shippingTypes.value, shipping.value);\n        });\n\n        const fee = computed(() => {\n            return calculatePrice(paymentMethods.value, payment.value);\n        });\n\n        const shippingTypesRestricted = computed(() => {\n            return restrictCheck(shippingTypes.value);\n        });\n\n        const paymentMethodsRestricted = computed(() => {\n            return restrictCheck(paymentMethods.value);\n        });\n\n        const categoriesInCart = computed(() => {\n            let categories = [];\n\n            items.value.forEach((item) => {\n                if (categories.indexOf(item.category_id) === -1) {\n                    categories.push(item.category_id);\n                }\n            });\n\n            return categories;\n        });\n\n        const calculatePrice = (items, value) => {\n            let price = 0;\n\n            if (value) {\n                const item = items.find((item) => item.id == value);\n\n                if (item) {\n                    if (item.type == 'sum') {\n                        price = item.amount;\n                    } else {\n                        price = Math.round((total.value * item.amount) / 100);\n                    }\n                }\n            }\n\n            return price;\n        };\n\n        const restrictCheck = (elements) => {\n            let items = [];\n\n            elements.forEach((item) => {\n                if (item.restrictions && Object.keys(item.restrictions).length) {\n                    let ok = true;\n\n                    const r = item.restrictions;\n\n                    if (r.price_min && r.price_max) {\n                        ok = total.value >= r.price_min && total.value <= r.price_max;\n                        item.restrictedForce = !ok;\n                    } else if (r.price_min) {\n                        ok = total.value >= r.price_min;\n                        item.restrictedForce = !ok;\n                    } else if (r.price_max) {\n                        ok = total.value <= r.price_max;\n                        item.restrictedForce = !ok;\n                    }\n\n                    if (ok && shipping.value) {\n                        if (r.shipping_type && r.shipping_type.length) {\n                            ok = r.shipping_type.indexOf(shipping.value) !== -1;\n                        }\n                    }\n\n                    if (ok && payment.value) {\n                        if (r.payment_method && r.payment_method.length) {\n                            ok = r.payment_method.indexOf(payment.value) !== -1;\n                        }\n                    }\n\n                    if (ok && r.categories && r.categories.length) {\n                        ok = !categoriesInCart.value.filter((value) => !r.categories.includes(value)).length;\n                        item.restrictedForce = !ok;\n                    }\n\n                    if (ok && r.code === 'user_type') {\n                        ok = r.value === user.value.user_type;\n                        item.restrictedForce = !ok;\n                    }\n\n                    item.restricted = !ok;\n                } else {\n                    item.restricted = false;\n                }\n\n                if (!item.restrictedForce) {\n                    items.push(item);\n                }\n            });\n\n            return items;\n        };\n\n        const discount = computed(() => {\n            let sum = 0;\n\n            items.value.forEach((item) => {\n                let s = 0;\n\n                if (item.attributes.priceOld) {\n                    s = item.attributes.priceOld - item.attributes.price;\n                }\n\n                sum += s * item.quantity;\n            });\n\n            return sum;\n        });\n\n        const facebook = () => {\n            window.location.href = $ziggy('auth.login.social', {\n                provider: 'facebook'\n            });\n        };\n\n        const google = () => {\n            window.location.href = $ziggy('auth.login.social', {\n                provider: 'google'\n            });\n        };\n\n        const loginCallback = () => {\n            userType.value = 'new';\n        };\n\n        $http.post(window.location.href).then((response) => {\n            shippingTypes.value = response.data.shipping;\n            paymentMethods.value = response.data.payment;\n        });\n\n        watch(userType, (value) => {\n            if (value == 'login') {\n                store.commit('auth/modal', 'login');\n            }\n        });\n\n        let userSchemaFields = {\n            user_type: {\n                component: FormRadio,\n                model: 'user_type',\n                label: '',\n                list: [\n                    { code: 'individual', value: __('auth.registration.form.user_type_individual') },\n                    { code: 'legal', value: __('auth.registration.form.user_type_legal') }\n                ],\n            },\n            name: {\n                component: FormText,\n                label: __('auth.registration.form.name'),\n                model: 'first_name',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.name') : '',\n            },\n            last_name: {\n                component: FormText,\n                label: __('auth.registration.form.last_name'),\n                model: 'last_name',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.last_name') : '',\n            },\n            middle_name: {\n                component: FormText,\n                label: __('auth.registration.form.middle_name'),\n                model: 'middle_name',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.middle_name') : '',\n            },\n            phone: {\n                component: FormText,\n                label: __('auth.registration.form.phone'),\n                model: 'phone',\n                type: 'phone',\n                //placeholder: '(050) 123-45-67'\n            },\n            registration_number: {\n                component: FormText,\n                label: __('auth.registration.form.registration_number'),\n                model: 'registration_number',\n                condition: (model) => model.user_type === 'legal',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.registration_number') : '',\n            },\n            company_name: {\n                component: FormText,\n                label: __('auth.registration.form.company_name'),\n                model: 'company_name',\n                condition: (model) => model.user_type === 'legal',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.company_name') : '',\n            },\n            email: {\n                component: FormText,\n                label: __('auth.login.form.email'),\n                model: 'email',\n                placeholder: props.showPlaceholders ? __('auth.login.form.email') : '',\n            },\n        };\n\n        if (props.isPhoneMasked) {\n            userSchemaFields.phone.mask = '(###) ###-##-##';\n        }\n\n        let userSchemaFieldsFiltered = Object.keys(userSchemaFields).reduce((obj, key) => {\n            if (props.userFields.includes(key)) {\n                obj[key] = userSchemaFields[key];\n            }\n\n            return obj;\n        }, {});\n\n        userSchemaFieldsFiltered = props.userFields.reduce((obj, key) => {\n            obj[key] = userSchemaFieldsFiltered[key];\n            return obj;\n        }, {});\n\n        const userSchema = ref(userSchemaFieldsFiltered);\n\n        useSchemaForm(user);\n\n        const phoneRegExp = /^\\(\\d{3}\\) \\d{3}\\-\\d{2}\\-\\d{2}$/;\n        const userValidationFields = {\n            last_name: yup.string().trim().required(__('auth.validation.required')),\n            middle_name: yup.string().trim().required(__('auth.validation.required')),\n            name: yup.string().trim().required(__('auth.validation.required')),\n            phone: props.isPhoneMasked ? yup.string().required(__('auth.validation.phone')).matches(phoneRegExp, __('auth.validation.phone')) : yup.string().required(__('auth.validation.phone')),\n            email: yup.string().trim().email(__('auth.validation.email')).required(__('auth.validation.required')),\n            registration_number: yup.string().when('user_type', (user_type) => {\n                if (user_type == 'legal') {\n                    return yup.string().numberFilled();\n                }\n            }),\n            company_name: yup.string().when('user_type', (user_type) => {\n                if (user_type == 'legal') {\n                    return yup.string().required(__('auth.validation.required'));\n                }\n            }),\n        };\n\n        const userValidationFieldsFiltered = Object.keys(userValidationFields).reduce((obj, key) => {\n            if (props.userFields.includes(key)) {\n                obj[key] = userValidationFields[key];\n            }\n\n            return obj;\n        }, {});\n\n        const userValidation = yup.object().shape(userValidationFieldsFiltered);\n\n        window.addEventListener('beforeunload', () => {\n            store.commit('auth/modal', null);\n        });\n\n        window.addEventListener('pagehide', () => {\n            store.commit('auth/modal', null);\n        });\n\n        const validate = async () => {\n            if (typeof shippingComponentValid.value == 'function') {\n                const isShippingComponentFormsValid = await shippingComponentValid.value();\n\n                if (userSubmitButton.value) {\n                    userSubmitButton.value.click();\n                }\n\n                userValidation.isValid(user.value).then(function (isUserValid) {\n                    ifCheckoutReady.value = isUserValid && payment.value && isUserConsent.value && shipping.value && (!shippingSelected.value.component || (shippingSelected.value.component && shippingComponentData.value[shippingSelected.value.code] && shippingComponentData.value[shippingSelected.value.code].isValid)) && isShippingComponentFormsValid;\n                });\n            }\n        };\n\n        const shippingComponentValid = ref(null);\n        provide('shippingComponentValid', shippingComponentValid);\n\n        const shippingComponentUserData = ref({});\n        provide('shippingComponentUserData', shippingComponentUserData);\n\n        const initPaymentWidget = (payment, order) => {\n            const wayforpay = new Wayforpay();\n\n            window.addEventListener('message', (event) => {\n                if (event.data == 'WfpWidgetEventClose' || event.data == 'WfpWidgetEventDeclined' || event.data == 'WfpWidgetEventPending') {\n\n                }\n\n                if (event.data == 'WfpWidgetEventApproved') {\n                    resetCheckoutForm(order);\n\n                    isPayed.value = true;\n\n                    store.dispatch('cart/clear', {\n                        finally: () => { }\n                    });\n                }\n            });\n\n            wayforpay.run(payment);\n        }\n\n        const isPayed = ref(false);\n\n        const resetCheckoutForm = (_order) => {\n            thanks.value = true;\n            order.value = _order;\n\n            document.querySelector('html').classList.add('is-checkout-thanks');\n\n            resertStore();\n        }\n\n        const checkout = async () => {\n            let isShippingComponentFormsValid = typeof shippingComponentValid.value == 'function' ? shippingComponentValid.value() : null;\n\n            if (shippingSelected.value && !shippingSelected.value.component) {\n                isShippingComponentFormsValid = true;\n            }\n\n            userValidation.isValid(user.value).then(function (valid) {\n                if (!valid) {\n                    userType.value = 'new';\n                    userSubmitButton.value.click();\n\n                    toast(__('shop.order.validate_user'), {\n                        type: 'error'\n                    });\n                } else if (!shipping.value) {\n                    toast(__('shop.order.validate_shipping'), {\n                        type: 'error'\n                    });\n                } else if (shippingSelected.value.component && (!shippingComponentData.value[shippingSelected.value.code] || !shippingComponentData.value[shippingSelected.value.code].isValid)) {\n                    toast(__('shop.order.validate_shipping1') + ': «' + shippingSelected.value.name + '»', {\n                        type: 'error'\n                    });\n                } else if (!isShippingComponentFormsValid) {\n                    toast(__('shop.order.validate_shipping1') + ': «' + shippingSelected.value.name + '»', {\n                        type: 'error'\n                    });\n                } else if (!payment.value) {\n                    toast(__('shop.order.validate_payment'), {\n                        type: 'error'\n                    });\n                } else if (!isUserConsent.value) {\n                    toast(__('shop.order.validate_consent'), {\n                        type: 'error'\n                    });\n                } else {\n                    let clientId;\n                    let data = shippingComponentData.value[shippingSelected.value.code] ? JSON.parse(JSON.stringify(shippingComponentData.value[shippingSelected.value.code])) : {};\n\n                    delete data.isValid;\n\n                    const shippingUserData = JSON.parse(JSON.stringify(shippingComponentUserData.value));\n\n                    if (document.cookie) {\n                        const cookies = document.cookie.split(';');\n\n                        cookies.forEach((cookie) => {\n                            const parts = cookie.split('=');\n\n                            if (parts[0].trim() === '_ga') {\n                                clientId = parts[1].split('.')[2] + '.' + parts[1].split('.')[3];\n                            }\n                        });\n                    }\n\n                    const model = {\n                        checkout: true,\n                        user: {\n                            last_name: user.value.last_name,\n                            middle_name: user.value.middle_name,\n                            name: user.value.name,\n                            phone: user.value.phone,\n                            email: user.value.email,\n                            user_type: user.value.user_type,\n                            registration_number: user.value.registration_number,\n                            company_name: user.value.company_name,\n                        },\n                        shipping: {\n                            id: shipping.value,\n                            data: data,\n                            user: shippingUserData,\n                        },\n                        payment: {\n                            id: payment.value\n                        },\n                        comment: comment.value,\n                        dontcall: dontcall.value,\n                        promoCode: promoCode.value,\n                        loyalty: loyaltyUse.value,\n                        clientId: clientId\n                    };\n\n                    loading.value = true;\n\n                    $http\n                        .post(window.location.href, model)\n                        .then((response) => {\n                            if (response.data && response.data.error && response.data.message) {\n                                toast(response.data.message, {\n                                    type: 'error',\n                                });\n\n                                return;\n                            }\n\n                            let products = [];\n\n                            items.value.forEach((item) => {\n                                let product = {\n                                    item_name: item.name,\n                                    item_id: item.attributes.code,\n                                    price: item.price,\n                                    quantity: item.quantity\n                                };\n\n                                if (item.attributes.brand) {\n                                    product.item_brand = item.attributes.brand;\n                                }\n\n                                if (item.attributes.property) {\n                                    product.item_variant = item.attributes.property;\n                                }\n\n                                if (item.attributes.categoryFull) {\n                                    if (item.attributes.categoryFull.indexOf('/') !== -1) {\n                                        item.attributes.categoryFull.split('/').forEach((segment, index) => {\n                                            product['item_category' + (index ? index + 1 : '')] = segment.trim();\n                                        });\n                                    } else {\n                                        product.item_category = item.attributes.categoryFull;\n                                    }\n                                }\n\n                                if (item.attributes.index) {\n                                    product.index = item.attributes.index;\n                                }\n\n                                if (item.attributes.itemListName) {\n                                    product.item_list_name = item.attributes.itemListName;\n                                }\n\n                                products.push(product);\n                            });\n\n\n                            let object = {\n                                payment_type: paymentSelected.value.name,\n                                shipping_tier: shippingSelected.value.name,\n                                ecommerce: {\n                                    transaction_id: response.data.order.id,\n                                    affiliation: 'main',\n                                    value: parseFloat(total.value),\n                                    shipping: 0,\n                                    currency: 'UAH',\n                                    items: products\n                                },\n                                event: 'purchase',\n                            };\n\n                            if (user.value.user_type) {\n                                object.user_type = __('auth.registration.form.user_type_' + user.value.user_type);\n                            }\n\n                            if (promoCode.value) {\n                                object.ecommerce.coupon = promoCode.value;\n                            }\n\n                            if (props.isTrackAfterSuccessOnlinePurchase && (response.data.redirect || (response.data.payment_widget_data && window.Wayforpay))) {\n                                localStorage.setItem('ecommerce', JSON.stringify(object));\n                            } else {\n                                if ($env.debug.ecommerce) {\n                                    console.log(object);\n                                }\n\n                                if (!$env.debug.ecommerce && window.dataLayer) {\n                                    window.dataLayer.push({\n                                        ecommerce: null\n                                    });\n\n                                    window.dataLayer.push(object);\n                                }\n                            }\n\n                            if (response.data.redirect) {\n                                redirect.value = {\n                                    url: response.data.redirect.url,\n                                    data: response.data.redirect.data\n                                };\n\n                                nextTick(() => {\n                                    setTimeout(() => {\n                                        redirectForm.value.submit();\n                                    }, 400);\n                                });\n                            }\n\n                            if (response.data.payment_widget_data && window.Wayforpay) {\n                                initPaymentWidget(JSON.parse(response.data.payment_widget_data), response.data.order);\n                            } else {\n                                resetCheckoutForm(response.data.order);\n                            }\n                        })\n                        .catch((e) => {\n                            toast(__('shop.order.error'), {\n                                type: 'error'\n                            });\n\n                            console.error(e);\n                        })\n                        .finally(() => {\n                            loading.value = false;\n                        });\n                }\n            });\n        };\n\n        const toggleShippingRadio = (id) => {\n            if (shipping.value === id) {\n                shipping.value = null;\n            }\n        };\n\n        const togglePaymentRadio = (id) => {\n            if (payment.value === id) {\n                payment.value = null;\n            }\n        };\n\n        const resertStore = () => {\n            store.commit('checkout/reset');\n            store.commit('cart/clear');\n        };\n\n        const shippingStoreData = (code, data, isValid) => {\n            let d = JSON.parse(JSON.stringify(shippingComponentData.value));\n\n            data.isValid = isValid;\n            d[code] = data;\n\n            store.commit('checkout/shippingData', d);\n        };\n\n        const home = () => {\n            window.location.href = $env.locale.url ? $env.locale.url : '/';\n        };\n\n        onMounted(() => {\n            if (!quantity.value && props.redirectOnEmpty) {\n                window.location.href = props.redirectOnEmpty;\n            }\n\n            let products = [];\n\n            items.value.forEach((item) => {\n                let product = {\n                    item_name: item.name,\n                    item_id: item.attributes.code,\n                    price: parseFloat(item.attributes.price),\n                    quantity: item.quantity\n                };\n\n                if (item.attributes.brand) {\n                    product.item_brand = item.attributes.brand;\n                }\n\n                if (item.attributes.property) {\n                    product.item_variant = item.attributes.property;\n                }\n\n                if (item.attributes.categoryFull) {\n                    if (item.attributes.categoryFull.indexOf('/') !== -1) {\n                        item.attributes.categoryFull.split('/').forEach((segment, index) => {\n                            product['item_category' + (index ? index + 1 : '')] = segment.trim();\n                        });\n                    } else {\n                        product.item_category = item.attributes.categoryFull;\n                    }\n                }\n\n                if (item.attributes.index) {\n                    product.index = item.attributes.index;\n                }\n\n                if (item.attributes.itemListName) {\n                    product.item_list_name = item.attributes.itemListName;\n                }\n\n                products.push(product);\n            });\n\n            if (products.length) {\n                const object = {\n                    ecommerce: {\n                        currency: 'UAH',\n                        items: products,\n                        value: parseFloat(total.value),\n                    },\n                    event: 'begin_checkout'\n                };\n\n                if ($env.debug.ecommerce) {\n                    console.log(object);\n                }\n\n                if (!$env.debug.ecommerce && window.dataLayer) {\n                    window.dataLayer.push({\n                        ecommerce: null\n                    });\n\n                    window.dataLayer.push(object);\n                }\n            }\n        });\n\n        return {\n            auth,\n            userType,\n            facebook,\n            google,\n            loginCallback,\n            quantity,\n            items,\n            loading,\n            pluralize,\n            discount,\n            total,\n            shipping,\n            shippingPrice,\n            payment,\n            fee,\n            userValidation,\n            userSchema,\n            userSubmitButton,\n            checkout,\n            ifCheckoutReady,\n            validate,\n            shippingTypesRestricted,\n            paymentMethodsRestricted,\n            toggleShippingRadio,\n            togglePaymentRadio,\n            shippingSelected,\n            paymentSelected,\n            shippingComponentData,\n            shippingStoreData,\n            resertStore,\n            user,\n            dontcall,\n            comment,\n            isCommentToggled,\n            commentMaxLength,\n            userCheckout,\n            thanks,\n            order,\n            redirect,\n            redirectForm,\n            home,\n            isPromoCodeToggled,\n            applyPromoCode,\n            promoCode,\n            isPromoLoading,\n            promoCodeApplied,\n            resetPromoCode,\n            calculateWithPromoCodeDiscount,\n            consent,\n            shippingComponent,\n            slots,\n            isPayed,\n            loyalty,\n            loyaltyUse,\n            loyaltyUseApplied,\n            resetLoyaltyUse,\n            applyLoyaltyUse,\n            readableUserLoyaltyPoints,\n        };\n    }\n});\n</script>","<template>\n    <div class=\"cart checkout\">\n        <form ref=\"redirectForm\" v-if=\"redirect.url\" :action=\"redirect.url\" style=\"position: absolute; left: -1000px; top:-1000px;\" method=\"post\">\n            <input type=\"hidden\" :name=\"name\" :value=\"value\" v-for=\"(value, name, index) in redirect.data\" v-bind:key=\"index\" />\n        </form>\n\n        <div class=\"items-wrapper\" v-if=\"items.length && !thanks\">\n            <div class=\"checkout-title\">{{ __('shop.order.checkout_title') }}</div>\n            <div class=\"columns\">\n                <div class=\"column checkout-blocks-wrapper\">\n                    <slot name=\"header\"></slot>\n                    <div class=\"checkout-block is-cart\"><!--items-->\n                        <div class=\"wrapper\">\n                            <div class=\"title-row\">\n                                <div class=\"items-title\">\n                                    {{ __('shop.order.your_order') }}\n                                    <span class=\"ml-3\" v-text=\"pluralize(quantity, __('shop.pluralize.products'))\"></span>&nbsp;<span v-html=\"__('shop.cart.bysum') + ' ' + $filters.price(total)\"></span>\n                                </div>\n                            </div>\n                            <slot name=\"cart\" :items=\"items\">\n                                <checkout-item v-for=\"item in items\" v-bind:key=\"item.id\" :item=\"item\"></checkout-item>\n                                <cart-trigger class=\"trigger\">\n                                    <template #default=\"props\">\n                                        <button class=\"button\" @click=\"props.open\">\n                                            <svg>\n                                                <use xlink:href=\"#cart-edit\" />\n                                            </svg>\n                                            <span>{{ __('shop.order.edit') }}</span>\n                                        </button>\n                                    </template>\n                                </cart-trigger>\n                            </slot>\n                            <slot name=\"cart-footer\" :total=\"total\"></slot>\n                        </div>\n                    </div>\n                    <div class=\"checkout-block is-user auth-user\">\n                        <div class=\"wrapper\">\n                            <div class=\"items-title\">{{ __('shop.order.contact_title') }}</div>\n                            <div class=\"user-tabs\" v-if=\"!auth && isLogin\">\n                                <label> <input type=\"radio\" class=\"radio\" v-model=\"userType\" value=\"new\" />{{ __('shop.order.auth_new') }}</label>\n                                <label> <input type=\"radio\" class=\"radio\" v-model=\"userType\" value=\"login\" />{{ __('shop.order.auth_old') }}</label>\n                            </div>\n                            <div class=\"columns\">\n                                <div class=\"column user-form\" v-show=\"userType == 'new'\">\n                                    <SchemaForm schemaRowClasses=\"field\" :schema=\"userSchema\" :validation-schema=\"userValidation\" :preventModelCleanupOnSchemaChange=\"true\">\n                                        <template #afterForm>\n                                            <button type=\"submit\" ref=\"userSubmitButton\" class=\"is-hidden\"></button>\n                                        </template>\n                                    </SchemaForm>\n                                </div>\n                                <div class=\"column user-login user-form\" v-show=\"userType == 'login'\" v-if=\"isLogin\">\n                                    <login :login-callback=\"loginCallback\"></login>\n                                </div>\n                                <div class=\"column\" v-if=\"isLogin\">\n                                    <div class=\"social-auth\" v-if=\"!auth\">\n                                        <div class=\"socials\">\n                                            <div class=\"description\">{{ __('shop.order.auth_social') }}</div>\n                                            <div class=\"buttons\">\n                                                <a class=\"button\" @click=\"facebook\">\n                                                    <svg class=\"icon fb-btn\">\n                                                        <use xlink:href=\"#logo-facebook-icon\" />\n                                                    </svg>\n                                                    <span>Facebook</span>\n                                                </a>\n                                                <a class=\"button\" @click=\"google\">\n                                                    <svg class=\"icon google-btn\">\n                                                        <use xlink:href=\"#logo-google-icon\" />\n                                                    </svg>\n                                                    <span>Google</span>\n                                                </a>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"checkout-block is-shipping\">\n                        <div class=\"wrapper shipping-type-block\">\n                            <div class=\"rows\">\n                                <div class=\"item\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <div class=\"items-title mb-1\">{{ __('shop.order.shipping') }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"shippingSelected && shippingSelected.nextDates\">\n                                            <div class=\"next-dates\">на {{ shippingSelected.nextDates }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"1 != 1\">\n                                            <a @click=\"shipping = null\" class=\"reset\" v-bind:class=\"{ 'is-active': shipping }\">{{ __('shop.order.reset') }}</a>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"item\" v-for=\"item in shippingTypesRestricted\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-disabled': item.restricted }\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <label>\n                                                <input type=\"radio\" class=\"radio\" v-model=\"shipping\" :value=\"item.id\" @click=\"toggleShippingRadio(item.id)\" />\n                                                <img class=\"icon\" :src=\"item.icon\" v-if=\"item.icon\" />\n                                                <svg v-else class=\"icon\">\n                                                    <use xlink:href=\"#shipping\" />\n                                                </svg>\n                                                <span>{{ item.name }}</span>\n                                            </label>\n                                            <div class=\"description\" v-if=\"item.description\">{{ item.description }}</div>\n                                        </div>\n                                        <div class=\"value\">\n                                            <span class=\"green\" v-if=\"!item.amount && item.price_label\">{{ item.price_label }}</span>\n                                            <span v-else v-html=\"item.type == 'percent' ? item.amount + '%' : $filters.price(item.amount)\"></span>\n                                        </div>\n                                    </div>\n                                    <div v-if=\"!slots.shippingFooter\">\n                                        <component :is=\"item.component\" v-if=\"item.component && item.id == shipping\" :commit=\"shippingStoreData\" :data=\"shippingComponentData\" :item=\"item\"></component>\n                                    </div>\n                                </div>\n                            </div>\n                            <slot name=\"shipping-footer\" :shippingTypesRestricted=\"shippingTypesRestricted\" :shipping=\"shipping\" :shippingStoreData=\"shippingStoreData\" :shippingComponentData=\"shippingComponentData\"></slot>\n                        </div>\n                    </div>\n                    <div class=\"checkout-block is-payment\" v-if=\"!isPaymentMethodOverSummary\">\n                        <div class=\"wrapper payment-method-block\">\n                            <div class=\"rows\">\n                                <div class=\"item\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <div class=\"items-title mb-1\">{{ __('shop.order.payment') }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"1 != 1\">\n                                            <a @click=\"payment = null\" class=\"reset\" v-bind:class=\"{ 'is-active': payment }\">{{ __('shop.order.reset') }}</a>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"item\" v-for=\"item in paymentMethodsRestricted\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-disabled': item.restricted }\">\n                                    <div class=\"row no-icon\" v-bind:class=\"'is-' + item.code\">\n                                        <div class=\"info\">\n                                            <label>\n                                                <input type=\"radio\" class=\"radio\" v-model=\"payment\" :value=\"item.id\" @click=\"togglePaymentRadio(item.id)\" />\n                                                <span>{{ item.name }}</span>\n                                            </label>\n                                            <div class=\"description\" v-if=\"item.description\">{{ item.description }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"item.amount\">\n                                            <span v-html=\"item.type == 'percent' ? item.amount + '%' : $filters.price(item.amount)\"></span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"column is-4\">\n                    <div class=\"checkout-block summary\">\n                        <div class=\"inner payment-method-block\" v-if=\"isPaymentMethodOverSummary\">\n                            <div class=\"rows\">\n                                <div class=\"item\">\n                                    <div class=\"row\">\n                                        <div class=\"info\">\n                                            <div class=\"items-title mb-1\">{{ __('shop.order.payment') }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"1 != 1\">\n                                            <a @click=\"payment = null\" class=\"reset\" v-bind:class=\"{ 'is-active': payment }\">{{ __('shop.order.reset') }}</a>\n                                        </div>\n                                    </div>\n                                </div>\n                                <div class=\"item\" v-for=\"item in paymentMethodsRestricted\" v-bind:key=\"item.id\" v-bind:class=\"{ 'is-disabled': item.restricted }\">\n                                    <div class=\"row no-icon\" v-bind:class=\"'is-' + item.code\">\n                                        <div class=\"info\">\n                                            <label>\n                                                <input type=\"radio\" class=\"radio\" v-model=\"payment\" :value=\"item.id\" @click=\"togglePaymentRadio(item.id)\" />\n                                                <span>{{ item.name }}</span>\n                                            </label>\n                                            <div class=\"description\" v-if=\"item.description\">{{ item.description }}</div>\n                                        </div>\n                                        <div class=\"value\" v-if=\"item.amount\">\n                                            <span v-html=\"item.type == 'percent' ? item.amount + '%' : $filters.price(item.amount)\"></span>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"divider is-hidden\"></div>\n                        <div class=\"inner\">\n                            <div class=\"items-title\">{{ __('shop.order.total') }}</div>\n                            <div class=\"rows\">\n                                <div class=\"row products\">\n                                    <div class=\"info\"><span v-text=\"pluralize(quantity, __('shop.pluralize.products'))\"></span> {{ __('shop.cart.bysum') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(total)\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row discount\" v-if=\"discount\">\n                                    <div class=\"info\">{{ __('shop.order.discount') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(discount)\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row fee\" v-if=\"fee > 0\">\n                                    <div class=\"info\">{{ __('shop.order.fee') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(fee)\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row shipping\" v-if=\"shipping\">\n                                    <div class=\"info\">{{ __('shop.order.shipping_price') }}</div>\n                                    <div class=\"value\">\n                                        <span v-html=\"$filters.price(shippingPrice)\" v-if=\"shippingPrice > 0\"></span>\n                                        <span class=\"green\" v-else-if=\"shippingSelected && shippingSelected.price_label\">{{ shippingSelected.price_label }}</span>\n                                    </div>\n                                </div>\n                                <div class=\"row promo\" v-if=\"promoCodeApplied\">\n                                    <div class=\"info\">{{ __('shop.order.promo_code') }}<br><span class=\"green\">{{ promoCode }}</span></div>\n                                    <div class=\"value\">\n                                        <span v-html=\"(promoCodeApplied.type == 'percent' ? promoCodeApplied.amount + '%' : $filters.price(promoCodeApplied.amount))\"></span>\n                                    </div>\n                                </div>\n                                <div class=\"row price\">\n                                    <div class=\"info\">{{ __('shop.order.price') }}</div>\n                                    <div class=\"value orange\">\n                                        <span v-html=\"$filters.price(calculateWithPromoCodeDiscount())\"></span>\n                                    </div>\n                                </div>\n                            </div>\n                            <slot name=\"loyalty\" :loyalty=\"loyalty\"></slot>\n                            <div class=\"user-loyalty\" v-if=\"userCheckout.loyalty_points > 0\">\n                                <div class=\"notice\">{{ pluralize(readableUserLoyaltyPoints, __('shop.pluralize.points')) }} в наявності</div>\n                                <div class=\"user-form is-loyalty-use\">\n                                    <div class=\"control\">\n                                        <input type=\"number\" class=\"input\" placeholder=\"Сума бонусів\" v-model=\"loyaltyUse\" :disabled=\"loyaltyUseApplied\">\n                                    </div>\n                                    <button v-if=\"!loyaltyUseApplied\" class=\"button\" @click=\"applyLoyaltyUse\" :disabled=\"!loyaltyUse || loyaltyUse > userCheckout.loyalty_points\">Використати</button>\n                                    <button v-else class=\"button is-reset\" @click=\"resetLoyaltyUse\">Відмінити</button>\n                                </div>\n                            </div>\n                            <div class=\"checkbox-wrapper nocall\">\n                                <label> <input type=\"checkbox\" class=\"checkbox\" v-model=\"dontcall\" />{{ __('shop.order.nocall') }}</label>\n                            </div>\n                            <button class=\"button submit\" @click=\"checkout\" v-bind:class=\"{ red: !ifCheckoutReady, 'is-loading': loading }\">{{ __('shop.order.action') }}</button>\n                            <slot name=\"submit\" :total=\"total\"></slot>\n                            <div class=\"consent\" v-if=\"isConsent\">\n                                <div class=\"checkbox-wrapper\">\n                                    <label>\n                                        <input type=\"checkbox\" class=\"checkbox\" v-model=\"consent\" />\n                                        <div class=\"label\" v-html=\"__('shop.order.consent')\"></div>\n                                    </label>\n                                </div>\n                            </div>\n                            <div class=\"comment-wrapper is-promo-code\" v-bind:class=\"{ 'is-open': isPromoCodeToggled }\" v-if=\"isPromoCode\">\n                                <div class=\"toggler\" @click=\"isPromoCodeToggled = !isPromoCodeToggled\">\n                                    <span>{{ __('shop.order.promo_code') }}</span>\n                                    <svg>\n                                        <use xlink:href=\"#arrow-down\" />\n                                    </svg>\n                                </div>\n                                <div class=\"user-form is-promo-code\">\n                                    <div class=\"control\">\n                                        <input type=\"text\" class=\"input\" placeholder=\" \" v-model=\"promoCode\" :disabled=\"promoCodeApplied\" id=\"promo-code-applied\">\n                                        <label class=\"label\" for=\"promo-code-applied\">{{ __('shop.order.promo.placeholder') }}</label>\n                                    </div>\n                                    <button v-if=\"!promoCodeApplied\" class=\"button\" @click=\"applyPromoCode\" :disabled=\"!promoCode\" v-bind:class=\"{ 'is-loading': isPromoLoading }\">{{ __('shop.order.promo.apply') }}</button>\n                                    <button v-else class=\"button\" @click=\"resetPromoCode\">{{ __('shop.order.promo.reset') }}</button>\n                                </div>\n                            </div>\n                            <div class=\"comment-wrapper\" v-bind:class=\"{ 'is-open': isCommentToggled }\">\n                                <div class=\"toggler\" @click=\"isCommentToggled = !isCommentToggled\">\n                                    <span>{{ __('shop.order.comment') }}</span>\n                                    <svg>\n                                        <use xlink:href=\"#arrow-down\" />\n                                    </svg>\n                                </div>\n                                <div class=\"user-form\">\n                                    <textarea class=\"textarea\" v-model=\"comment\"></textarea>\n                                    <div class=\"chars-count\" v-if=\"comment.length\">{{ commentMaxLength - comment.length }}</div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"checkout-block thanks\" v-else-if=\"thanks && order\">\n            <slot name=\"thanks\" :order=\"order\" :redirect=\"redirect\" :redirectForm=\"redirectForm\" :home=\"home\" :auth=\"auth\" :filters=\"$filters\">\n                <div class=\"title\">\n                    {{ __('shop.order.order') }}\n                    <span>№{{ order.id }}</span> {{ isPayed ? __('shop.order.payed') : __('shop.order.success') }}\n                </div>\n                <div class=\"columns\">\n                    <div class=\"column is-6\" v-if=\"redirect.url\">\n                        <div class=\"subtitle\">{{ __('shop.order.pay_online') }}</div>\n                        <button class=\"button is-payment\" @click=\"redirectForm.submit()\">{{ __('shop.order.pay_online_go') }}</button>\n                    </div>\n                    <div class=\"column is-6\" v-else>\n                        <button class=\"button is-orange\" @click=\"home\">{{ __('shop.cart.continue') }}</button>\n                    </div>\n                    <div class=\"column is-6\">\n                        <div class=\"info-wrapper\" v-if=\"order.shipping[0]\">\n                            <div class=\"title\">{{ __('shop.order.shipping') }}</div>\n                            <div class=\"columns\">\n                                <div class=\"column is-6\" v-if=\"order.shipping[0]\" v-html=\"order.shipping[0]\"></div>\n                                <div class=\"column is-6\" v-if=\"order.shipping[1]\" v-html=\"order.shipping[1]\"></div>\n                            </div>\n                        </div>\n                        <div class=\"info-wrapper\" v-if=\"order.payment[0]\">\n                            <div class=\"title\">{{ __('shop.order.payment') }}</div>\n                            <div class=\"columns\">\n                                <div class=\"column is-6\" v-if=\"order.payment[0]\" v-html=\"order.payment[0]\"></div>\n                                <div class=\"column is-6\" v-if=\"order.payment[1]\" v-html=\"order.payment[1]\"></div>\n                            </div>\n                        </div>\n                        <div class=\"info-wrapper\" v-if=\"order.promoCode\">\n                            <div class=\"title\">{{ __('shop.order.promo_code') }}</div>\n                            <div class=\"columns\">\n                                <div class=\"column is-6\">\n                                    <span v-html=\"order.promoCode\" class=\"green\"></span>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </slot>\n        </div>\n        <div v-else-if=\"!redirectOnEmpty\" class=\"checkout-block empty\">\n            <div class=\"title\">{{ __('shop.cart.no_no') }}</div>\n            <div class=\"message\">\n                {{ __('shop.cart.no_prop') }}\n                <a :href=\"$env.locale.url ? $env.locale.url : '/'\">{{ __('shop.cart.no_home') }}</a>, <br />{{ __('shop.cart.no_search') }}\n            </div>\n            <a class=\"button continue\" :href=\"$env.locale.url ? $env.locale.url : '/'\">{{ __('shop.cart.continue') }}</a>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { ref, computed, markRaw, defineComponent, watch, getCurrentInstance, nextTick, provide, useSlots, onMounted } from 'vue';\nimport CheckoutItem from './CheckoutItem.vue';\nimport { pluralize, numberFormat } from '@perevorot/shop/dist/helpers';\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 FormRadio from '@perevorot/shop/dist/forms/FormRadio';\nimport * as yup from 'yup';\nimport { useToast } from 'vue-toastification';\n\nyup.addMethod(yup.string, 'numberFilled', function (min, msg) {\n    return this.test({\n        name: 'numberFilled',\n        exclusive: true,\n        message: __('auth.validation.number'),\n        params: {\n            min: min,\n        },\n        test: (value) => !(value == '' || isNaN(value)),\n    });\n});\n\nmarkRaw(FormText);\nmarkRaw(FormRadio);\n\nconst SchemaForm = SchemaFormFactory([VeeValidatePlugin({})]);\n\nconst HtmlMessage = {\n    props: {\n        message: '',\n    },\n    template: '<div v-html=\"message\"></div>',\n};\n\nwindow.viewedSwiperOptions = {\n    slidesPerView: 'auto',\n    freeMode: true,\n    slideClass: 'product',\n    mousewheel: {\n        forceToAxis: true\n    },\n    navigation: {\n        nextEl: '.next',\n        prevEl: '.prev'\n    },\n    observer: true,\n    observeParents: true\n};\n\nexport default /*#__PURE__*/ defineComponent({\n    components: {\n        CheckoutItem,\n        SchemaForm\n    },\n    props: {\n        isLogin: {\n            type: Boolean,\n            default: true\n        },\n        isPhoneMasked: {\n            type: Boolean,\n            default: true\n        },\n        isPromoCode: {\n            type: Boolean,\n            default: true\n        },\n        isConsent: {\n            type: Boolean,\n            default: false\n        },\n        isPaymentMethodOverSummary: {\n            type: Boolean,\n            default: false\n        },\n        userFields: {\n            type: Array,\n            default: ['last_name', 'name', 'email', 'phone'],\n        },\n        redirectOnEmpty: {\n            type: String,\n            default: false\n        },\n        showPlaceholders: {\n            type: Boolean,\n            default: false\n        },\n        isTrackAfterSuccessOnlinePurchase: {\n            type: Boolean,\n            default: false\n        }\n    },\n    name: 'order-checkout',\n    setup(props) {\n        const slots = useSlots();\n        const toast = useToast();\n        const store = useStore();\n        const loading = ref(false);\n        const quantity = computed(() => store.getters['cart/quantity']);\n        const items = computed(() => store.getters['cart/items']);\n        const total = computed(() => store.getters['cart/total']);\n        const auth = computed(() => store.getters['auth/is']);\n        const userCheckout = computed(() => store.getters['checkout/user']);\n        const ifCheckoutReady = ref(true);\n        const redirectForm = ref(null);\n        const thanks = ref(false);\n        const order = ref(null);\n        const consent = ref(false);\n        const shippingComponent = ref(null);\n\n        const redirect = ref({});\n\n        const shippingTypes = ref([]);\n        const paymentMethods = ref([]);\n\n        const userType = ref('new');\n        const userSubmitButton = ref(null);\n\n        const shippingComponentData = computed(() => store.getters['checkout/shippingData']);\n        const isCommentToggled = ref(false);\n        const commentMaxLength = 1000;\n\n        const isPromoCodeToggled = ref(false);\n        const promoCode = ref('');\n        const promoCodeApplied = ref(null);\n        const isPromoLoading = ref(false);\n        const app = getCurrentInstance();\n\n        const loyalty = computed(() => {\n            const points = items.value.reduce((acc, array) => acc + (array.attributes.loyalty ? array.attributes.loyalty.points * array.quantity : 0), 0);\n\n            return {\n                points: points,\n                name: pluralize(points, __('shop.pluralize.points'))\n            };\n        });\n\n        const loyaltyUse = ref('');\n        const loyaltyUseApplied = ref(false);\n        const resetLoyaltyUse = () => {\n            loyaltyUse.value = 0;\n            loyaltyUseApplied.value = false;\n        };\n        const applyLoyaltyUse = () => {\n            if (loyaltyUse.value) {\n                loyaltyUseApplied.value = true;\n            }\n        };\n\n        const readableUserLoyaltyPoints = computed(() => {\n            return numberFormat(userCheckout.value.loyalty_points - (loyaltyUseApplied.value ? loyaltyUse.value : 0));\n        });\n\n        const resetPromoCode = () => {\n            promoCode.value = '';\n            promoCodeApplied.value = null;\n        };\n\n        const isUserConsent = computed(() => {\n            return (props.isConsent && consent.value) || !props.isConsent;\n        });\n\n        const applyPromoCode = () => {\n            if (promoCode.value) {\n                isPromoLoading.value = true;\n\n                $http\n                    .post(window.location.href, {\n                        promoCodeApply: promoCode.value,\n                        email: user.value.email,\n                        total: total.value\n                    })\n                    .then(response => {\n                        promoCodeApplied.value = response.data;\n                    }).catch(error => {\n                        if (error.response && error.response.data.length) {\n                            error.response.data.forEach(error => {\n                                const component = {\n                                    component: HtmlMessage,\n                                    props: {\n                                        message: __('shop.order.promo.error_' + error.error, { number: app.appContext.config.globalProperties.$filters.price(error.number) }),\n                                    },\n                                };\n\n                                toast(component, {\n                                    type: 'error'\n                                });\n\n                                if (error.error == 'not_found') {\n                                    promoCode.value = '';\n                                }\n                            });\n\n                            promoCodeApplied.value = null;\n                        }\n                    }).finally(() => {\n                        isPromoLoading.value = false;\n                    });\n            }\n        };\n\n        const dontcall = computed({\n            get() {\n                return store.getters['checkout/dontcall'];\n            },\n            set(value) {\n                store.commit('checkout/dontcall', value);\n            }\n        });\n\n        const comment = computed({\n            get() {\n                const comment = store.getters['checkout/comment'];\n\n                if (!!comment) {\n                    isCommentToggled.value = true;\n                }\n\n                return comment;\n            },\n            set(value) {\n                store.commit('checkout/comment', value);\n            }\n        });\n\n        watch(comment, (value) => {\n            if (value.length > commentMaxLength) {\n                comment.value = comment.value.substring(0, commentMaxLength);\n            }\n        });\n\n        const field = (name, defaultValue) => {\n            return computed({\n                get() {\n                    return userCheckout.value[name] ? userCheckout.value[name] : defaultValue;\n                },\n                set(value) {\n                    let data = JSON.parse(JSON.stringify(userCheckout.value));\n                    data[name] = value;\n\n                    store.commit('checkout/user', data);\n                }\n            });\n        };\n\n        provide('field', field);\n\n        const user = ref({\n            last_name: field('last_name'),\n            middle_name: field('middle_name'),\n            name: field('name'),\n            email: field('email'),\n            phone: field('phone'),\n            registration_number: field('registration_number'),\n            company_name: field('company_name'),\n            user_type: field('user_type', 'individual'),\n        });\n\n        provide('user', user);\n\n        store.dispatch('auth/me', {\n            finally: () => { }\n        });\n\n        const calculateWithPromoCodeDiscount = () => {\n            const sum = total.value + fee.value + shippingPrice.value;\n\n            if (promoCodeApplied.value && promoCodeApplied.value.type == 'percent') {\n                return Math.round(sum - sum * promoCodeApplied.value.amount / 100);\n            }\n\n            if (promoCodeApplied.value && promoCodeApplied.value.type == 'discount') {\n                return Math.max(0, sum - promoCodeApplied.value.amount);\n            }\n\n            return sum;\n        };\n\n        const shipping = computed({\n            get() {\n                return store.getters['checkout/shipping'];\n            },\n            set(id) {\n                store.commit('checkout/shipping', id);\n            }\n        });\n\n        const payment = computed({\n            get() {\n                return store.getters['checkout/payment'];\n            },\n            set(id) {\n                store.commit('checkout/payment', id);\n            }\n        });\n\n        const shippingSelected = computed(() => {\n            return shipping.value ? shippingTypes.value.find((item) => item.id == shipping.value) : {};\n        });\n\n        const paymentSelected = computed(() => {\n            return payment.value ? paymentMethods.value.find((item) => item.id == payment.value) : {};\n        });\n\n        const shippingPrice = computed(() => {\n            return calculatePrice(shippingTypes.value, shipping.value);\n        });\n\n        const fee = computed(() => {\n            return calculatePrice(paymentMethods.value, payment.value);\n        });\n\n        const shippingTypesRestricted = computed(() => {\n            return restrictCheck(shippingTypes.value);\n        });\n\n        const paymentMethodsRestricted = computed(() => {\n            return restrictCheck(paymentMethods.value);\n        });\n\n        const categoriesInCart = computed(() => {\n            let categories = [];\n\n            items.value.forEach((item) => {\n                if (categories.indexOf(item.category_id) === -1) {\n                    categories.push(item.category_id);\n                }\n            });\n\n            return categories;\n        });\n\n        const calculatePrice = (items, value) => {\n            let price = 0;\n\n            if (value) {\n                const item = items.find((item) => item.id == value);\n\n                if (item) {\n                    if (item.type == 'sum') {\n                        price = item.amount;\n                    } else {\n                        price = Math.round((total.value * item.amount) / 100);\n                    }\n                }\n            }\n\n            return price;\n        };\n\n        const restrictCheck = (elements) => {\n            let items = [];\n\n            elements.forEach((item) => {\n                if (item.restrictions && Object.keys(item.restrictions).length) {\n                    let ok = true;\n\n                    const r = item.restrictions;\n\n                    if (r.price_min && r.price_max) {\n                        ok = total.value >= r.price_min && total.value <= r.price_max;\n                        item.restrictedForce = !ok;\n                    } else if (r.price_min) {\n                        ok = total.value >= r.price_min;\n                        item.restrictedForce = !ok;\n                    } else if (r.price_max) {\n                        ok = total.value <= r.price_max;\n                        item.restrictedForce = !ok;\n                    }\n\n                    if (ok && shipping.value) {\n                        if (r.shipping_type && r.shipping_type.length) {\n                            ok = r.shipping_type.indexOf(shipping.value) !== -1;\n                        }\n                    }\n\n                    if (ok && payment.value) {\n                        if (r.payment_method && r.payment_method.length) {\n                            ok = r.payment_method.indexOf(payment.value) !== -1;\n                        }\n                    }\n\n                    if (ok && r.categories && r.categories.length) {\n                        ok = !categoriesInCart.value.filter((value) => !r.categories.includes(value)).length;\n                        item.restrictedForce = !ok;\n                    }\n\n                    if (ok && r.code === 'user_type') {\n                        ok = r.value === user.value.user_type;\n                        item.restrictedForce = !ok;\n                    }\n\n                    item.restricted = !ok;\n                } else {\n                    item.restricted = false;\n                }\n\n                if (!item.restrictedForce) {\n                    items.push(item);\n                }\n            });\n\n            return items;\n        };\n\n        const discount = computed(() => {\n            let sum = 0;\n\n            items.value.forEach((item) => {\n                let s = 0;\n\n                if (item.attributes.priceOld) {\n                    s = item.attributes.priceOld - item.attributes.price;\n                }\n\n                sum += s * item.quantity;\n            });\n\n            return sum;\n        });\n\n        const facebook = () => {\n            window.location.href = $ziggy('auth.login.social', {\n                provider: 'facebook'\n            });\n        };\n\n        const google = () => {\n            window.location.href = $ziggy('auth.login.social', {\n                provider: 'google'\n            });\n        };\n\n        const loginCallback = () => {\n            userType.value = 'new';\n        };\n\n        $http.post(window.location.href).then((response) => {\n            shippingTypes.value = response.data.shipping;\n            paymentMethods.value = response.data.payment;\n        });\n\n        watch(userType, (value) => {\n            if (value == 'login') {\n                store.commit('auth/modal', 'login');\n            }\n        });\n\n        let userSchemaFields = {\n            user_type: {\n                component: FormRadio,\n                model: 'user_type',\n                label: '',\n                list: [\n                    { code: 'individual', value: __('auth.registration.form.user_type_individual') },\n                    { code: 'legal', value: __('auth.registration.form.user_type_legal') }\n                ],\n            },\n            name: {\n                component: FormText,\n                label: __('auth.registration.form.name'),\n                model: 'first_name',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.name') : '',\n            },\n            last_name: {\n                component: FormText,\n                label: __('auth.registration.form.last_name'),\n                model: 'last_name',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.last_name') : '',\n            },\n            middle_name: {\n                component: FormText,\n                label: __('auth.registration.form.middle_name'),\n                model: 'middle_name',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.middle_name') : '',\n            },\n            phone: {\n                component: FormText,\n                label: __('auth.registration.form.phone'),\n                model: 'phone',\n                type: 'phone',\n                //placeholder: '(050) 123-45-67'\n            },\n            registration_number: {\n                component: FormText,\n                label: __('auth.registration.form.registration_number'),\n                model: 'registration_number',\n                condition: (model) => model.user_type === 'legal',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.registration_number') : '',\n            },\n            company_name: {\n                component: FormText,\n                label: __('auth.registration.form.company_name'),\n                model: 'company_name',\n                condition: (model) => model.user_type === 'legal',\n                placeholder: props.showPlaceholders ? __('auth.registration.form.company_name') : '',\n            },\n            email: {\n                component: FormText,\n                label: __('auth.login.form.email'),\n                model: 'email',\n                placeholder: props.showPlaceholders ? __('auth.login.form.email') : '',\n            },\n        };\n\n        if (props.isPhoneMasked) {\n            userSchemaFields.phone.mask = '(###) ###-##-##';\n        }\n\n        let userSchemaFieldsFiltered = Object.keys(userSchemaFields).reduce((obj, key) => {\n            if (props.userFields.includes(key)) {\n                obj[key] = userSchemaFields[key];\n            }\n\n            return obj;\n        }, {});\n\n        userSchemaFieldsFiltered = props.userFields.reduce((obj, key) => {\n            obj[key] = userSchemaFieldsFiltered[key];\n            return obj;\n        }, {});\n\n        const userSchema = ref(userSchemaFieldsFiltered);\n\n        useSchemaForm(user);\n\n        const phoneRegExp = /^\\(\\d{3}\\) \\d{3}\\-\\d{2}\\-\\d{2}$/;\n        const userValidationFields = {\n            last_name: yup.string().trim().required(__('auth.validation.required')),\n            middle_name: yup.string().trim().required(__('auth.validation.required')),\n            name: yup.string().trim().required(__('auth.validation.required')),\n            phone: props.isPhoneMasked ? yup.string().required(__('auth.validation.phone')).matches(phoneRegExp, __('auth.validation.phone')) : yup.string().required(__('auth.validation.phone')),\n            email: yup.string().trim().email(__('auth.validation.email')).required(__('auth.validation.required')),\n            registration_number: yup.string().when('user_type', (user_type) => {\n                if (user_type == 'legal') {\n                    return yup.string().numberFilled();\n                }\n            }),\n            company_name: yup.string().when('user_type', (user_type) => {\n                if (user_type == 'legal') {\n                    return yup.string().required(__('auth.validation.required'));\n                }\n            }),\n        };\n\n        const userValidationFieldsFiltered = Object.keys(userValidationFields).reduce((obj, key) => {\n            if (props.userFields.includes(key)) {\n                obj[key] = userValidationFields[key];\n            }\n\n            return obj;\n        }, {});\n\n        const userValidation = yup.object().shape(userValidationFieldsFiltered);\n\n        window.addEventListener('beforeunload', () => {\n            store.commit('auth/modal', null);\n        });\n\n        window.addEventListener('pagehide', () => {\n            store.commit('auth/modal', null);\n        });\n\n        const validate = async () => {\n            if (typeof shippingComponentValid.value == 'function') {\n                const isShippingComponentFormsValid = await shippingComponentValid.value();\n\n                if (userSubmitButton.value) {\n                    userSubmitButton.value.click();\n                }\n\n                userValidation.isValid(user.value).then(function (isUserValid) {\n                    ifCheckoutReady.value = isUserValid && payment.value && isUserConsent.value && shipping.value && (!shippingSelected.value.component || (shippingSelected.value.component && shippingComponentData.value[shippingSelected.value.code] && shippingComponentData.value[shippingSelected.value.code].isValid)) && isShippingComponentFormsValid;\n                });\n            }\n        };\n\n        const shippingComponentValid = ref(null);\n        provide('shippingComponentValid', shippingComponentValid);\n\n        const shippingComponentUserData = ref({});\n        provide('shippingComponentUserData', shippingComponentUserData);\n\n        const initPaymentWidget = (payment, order) => {\n            const wayforpay = new Wayforpay();\n\n            window.addEventListener('message', (event) => {\n                if (event.data == 'WfpWidgetEventClose' || event.data == 'WfpWidgetEventDeclined' || event.data == 'WfpWidgetEventPending') {\n\n                }\n\n                if (event.data == 'WfpWidgetEventApproved') {\n                    resetCheckoutForm(order);\n\n                    isPayed.value = true;\n\n                    store.dispatch('cart/clear', {\n                        finally: () => { }\n                    });\n                }\n            });\n\n            wayforpay.run(payment);\n        }\n\n        const isPayed = ref(false);\n\n        const resetCheckoutForm = (_order) => {\n            thanks.value = true;\n            order.value = _order;\n\n            document.querySelector('html').classList.add('is-checkout-thanks');\n\n            resertStore();\n        }\n\n        const checkout = async () => {\n            let isShippingComponentFormsValid = typeof shippingComponentValid.value == 'function' ? shippingComponentValid.value() : null;\n\n            if (shippingSelected.value && !shippingSelected.value.component) {\n                isShippingComponentFormsValid = true;\n            }\n\n            userValidation.isValid(user.value).then(function (valid) {\n                if (!valid) {\n                    userType.value = 'new';\n                    userSubmitButton.value.click();\n\n                    toast(__('shop.order.validate_user'), {\n                        type: 'error'\n                    });\n                } else if (!shipping.value) {\n                    toast(__('shop.order.validate_shipping'), {\n                        type: 'error'\n                    });\n                } else if (shippingSelected.value.component && (!shippingComponentData.value[shippingSelected.value.code] || !shippingComponentData.value[shippingSelected.value.code].isValid)) {\n                    toast(__('shop.order.validate_shipping1') + ': «' + shippingSelected.value.name + '»', {\n                        type: 'error'\n                    });\n                } else if (!isShippingComponentFormsValid) {\n                    toast(__('shop.order.validate_shipping1') + ': «' + shippingSelected.value.name + '»', {\n                        type: 'error'\n                    });\n                } else if (!payment.value) {\n                    toast(__('shop.order.validate_payment'), {\n                        type: 'error'\n                    });\n                } else if (!isUserConsent.value) {\n                    toast(__('shop.order.validate_consent'), {\n                        type: 'error'\n                    });\n                } else {\n                    let clientId;\n                    let data = shippingComponentData.value[shippingSelected.value.code] ? JSON.parse(JSON.stringify(shippingComponentData.value[shippingSelected.value.code])) : {};\n\n                    delete data.isValid;\n\n                    const shippingUserData = JSON.parse(JSON.stringify(shippingComponentUserData.value));\n\n                    if (document.cookie) {\n                        const cookies = document.cookie.split(';');\n\n                        cookies.forEach((cookie) => {\n                            const parts = cookie.split('=');\n\n                            if (parts[0].trim() === '_ga') {\n                                clientId = parts[1].split('.')[2] + '.' + parts[1].split('.')[3];\n                            }\n                        });\n                    }\n\n                    const model = {\n                        checkout: true,\n                        user: {\n                            last_name: user.value.last_name,\n                            middle_name: user.value.middle_name,\n                            name: user.value.name,\n                            phone: user.value.phone,\n                            email: user.value.email,\n                            user_type: user.value.user_type,\n                            registration_number: user.value.registration_number,\n                            company_name: user.value.company_name,\n                        },\n                        shipping: {\n                            id: shipping.value,\n                            data: data,\n                            user: shippingUserData,\n                        },\n                        payment: {\n                            id: payment.value\n                        },\n                        comment: comment.value,\n                        dontcall: dontcall.value,\n                        promoCode: promoCode.value,\n                        loyalty: loyaltyUse.value,\n                        clientId: clientId\n                    };\n\n                    loading.value = true;\n\n                    $http\n                        .post(window.location.href, model)\n                        .then((response) => {\n                            if (response.data && response.data.error && response.data.message) {\n                                toast(response.data.message, {\n                                    type: 'error',\n                                });\n\n                                return;\n                            }\n\n                            let products = [];\n\n                            items.value.forEach((item) => {\n                                let product = {\n                                    item_name: item.name,\n                                    item_id: item.attributes.code,\n                                    price: item.price,\n                                    quantity: item.quantity\n                                };\n\n                                if (item.attributes.brand) {\n                                    product.item_brand = item.attributes.brand;\n                                }\n\n                                if (item.attributes.property) {\n                                    product.item_variant = item.attributes.property;\n                                }\n\n                                if (item.attributes.categoryFull) {\n                                    if (item.attributes.categoryFull.indexOf('/') !== -1) {\n                                        item.attributes.categoryFull.split('/').forEach((segment, index) => {\n                                            product['item_category' + (index ? index + 1 : '')] = segment.trim();\n                                        });\n                                    } else {\n                                        product.item_category = item.attributes.categoryFull;\n                                    }\n                                }\n\n                                if (item.attributes.index) {\n                                    product.index = item.attributes.index;\n                                }\n\n                                if (item.attributes.itemListName) {\n                                    product.item_list_name = item.attributes.itemListName;\n                                }\n\n                                products.push(product);\n                            });\n\n\n                            let object = {\n                                payment_type: paymentSelected.value.name,\n                                shipping_tier: shippingSelected.value.name,\n                                ecommerce: {\n                                    transaction_id: response.data.order.id,\n                                    affiliation: 'main',\n                                    value: parseFloat(total.value),\n                                    shipping: 0,\n                                    currency: 'UAH',\n                                    items: products\n                                },\n                                event: 'purchase',\n                            };\n\n                            if (user.value.user_type) {\n                                object.user_type = __('auth.registration.form.user_type_' + user.value.user_type);\n                            }\n\n                            if (promoCode.value) {\n                                object.ecommerce.coupon = promoCode.value;\n                            }\n\n                            if (props.isTrackAfterSuccessOnlinePurchase && (response.data.redirect || (response.data.payment_widget_data && window.Wayforpay))) {\n                                localStorage.setItem('ecommerce', JSON.stringify(object));\n                            } else {\n                                if ($env.debug.ecommerce) {\n                                    console.log(object);\n                                }\n\n                                if (!$env.debug.ecommerce && window.dataLayer) {\n                                    window.dataLayer.push({\n                                        ecommerce: null\n                                    });\n\n                                    window.dataLayer.push(object);\n                                }\n                            }\n\n                            if (response.data.redirect) {\n                                redirect.value = {\n                                    url: response.data.redirect.url,\n                                    data: response.data.redirect.data\n                                };\n\n                                nextTick(() => {\n                                    setTimeout(() => {\n                                        redirectForm.value.submit();\n                                    }, 400);\n                                });\n                            }\n\n                            if (response.data.payment_widget_data && window.Wayforpay) {\n                                initPaymentWidget(JSON.parse(response.data.payment_widget_data), response.data.order);\n                            } else {\n                                resetCheckoutForm(response.data.order);\n                            }\n                        })\n                        .catch((e) => {\n                            toast(__('shop.order.error'), {\n                                type: 'error'\n                            });\n\n                            console.error(e);\n                        })\n                        .finally(() => {\n                            loading.value = false;\n                        });\n                }\n            });\n        };\n\n        const toggleShippingRadio = (id) => {\n            if (shipping.value === id) {\n                shipping.value = null;\n            }\n        };\n\n        const togglePaymentRadio = (id) => {\n            if (payment.value === id) {\n                payment.value = null;\n            }\n        };\n\n        const resertStore = () => {\n            store.commit('checkout/reset');\n            store.commit('cart/clear');\n        };\n\n        const shippingStoreData = (code, data, isValid) => {\n            let d = JSON.parse(JSON.stringify(shippingComponentData.value));\n\n            data.isValid = isValid;\n            d[code] = data;\n\n            store.commit('checkout/shippingData', d);\n        };\n\n        const home = () => {\n            window.location.href = $env.locale.url ? $env.locale.url : '/';\n        };\n\n        onMounted(() => {\n            if (!quantity.value && props.redirectOnEmpty) {\n                window.location.href = props.redirectOnEmpty;\n            }\n\n            let products = [];\n\n            items.value.forEach((item) => {\n                let product = {\n                    item_name: item.name,\n                    item_id: item.attributes.code,\n                    price: parseFloat(item.attributes.price),\n                    quantity: item.quantity\n                };\n\n                if (item.attributes.brand) {\n                    product.item_brand = item.attributes.brand;\n                }\n\n                if (item.attributes.property) {\n                    product.item_variant = item.attributes.property;\n                }\n\n                if (item.attributes.categoryFull) {\n                    if (item.attributes.categoryFull.indexOf('/') !== -1) {\n                        item.attributes.categoryFull.split('/').forEach((segment, index) => {\n                            product['item_category' + (index ? index + 1 : '')] = segment.trim();\n                        });\n                    } else {\n                        product.item_category = item.attributes.categoryFull;\n                    }\n                }\n\n                if (item.attributes.index) {\n                    product.index = item.attributes.index;\n                }\n\n                if (item.attributes.itemListName) {\n                    product.item_list_name = item.attributes.itemListName;\n                }\n\n                products.push(product);\n            });\n\n            if (products.length) {\n                const object = {\n                    ecommerce: {\n                        currency: 'UAH',\n                        items: products,\n                        value: parseFloat(total.value),\n                    },\n                    event: 'begin_checkout'\n                };\n\n                if ($env.debug.ecommerce) {\n                    console.log(object);\n                }\n\n                if (!$env.debug.ecommerce && window.dataLayer) {\n                    window.dataLayer.push({\n                        ecommerce: null\n                    });\n\n                    window.dataLayer.push(object);\n                }\n            }\n        });\n\n        return {\n            auth,\n            userType,\n            facebook,\n            google,\n            loginCallback,\n            quantity,\n            items,\n            loading,\n            pluralize,\n            discount,\n            total,\n            shipping,\n            shippingPrice,\n            payment,\n            fee,\n            userValidation,\n            userSchema,\n            userSubmitButton,\n            checkout,\n            ifCheckoutReady,\n            validate,\n            shippingTypesRestricted,\n            paymentMethodsRestricted,\n            toggleShippingRadio,\n            togglePaymentRadio,\n            shippingSelected,\n            paymentSelected,\n            shippingComponentData,\n            shippingStoreData,\n            resertStore,\n            user,\n            dontcall,\n            comment,\n            isCommentToggled,\n            commentMaxLength,\n            userCheckout,\n            thanks,\n            order,\n            redirect,\n            redirectForm,\n            home,\n            isPromoCodeToggled,\n            applyPromoCode,\n            promoCode,\n            isPromoLoading,\n            promoCodeApplied,\n            resetPromoCode,\n            calculateWithPromoCodeDiscount,\n            consent,\n            shippingComponent,\n            slots,\n            isPayed,\n            loyalty,\n            loyaltyUse,\n            loyaltyUseApplied,\n            resetLoyaltyUse,\n            applyLoyaltyUse,\n            readableUserLoyaltyPoints,\n        };\n    }\n});\n</script>"],"names":["defineComponent","name","props","item","Object","setup","options","computed","attributes","length","itemOptions","filter","option","value","indexOf","id","_createElementVNode","then","Promise","resolve","f","i","arguments","e","reject","_createElementBlock","_ctx","bundle","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","href","image","src","_hoisted_10","_hoisted_11","_hoisted_12","code","_hoisted_13","_hoisted_14","_hoisted_16","_hoisted_17","quantity","parseInt","_hoisted_18","innerHTML","price","_hoisted_20","priceOld","amount","percent","sum","_hoisted_24","_hoisted_25","_hoisted_26","index","key","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_32","_hoisted_33","_hoisted_34","second","_hoisted_40","_hoisted_41","_hoisted_42","third","_hoisted_44","_hoisted_45","_hoisted_46","_hoisted_52","_hoisted_53","_hoisted_54","yup","addMethod","string","min","msg","this","test","exclusive","message","__","params","isNaN","markRaw","FormText","FormRadio","SchemaForm","SchemaFormFactory","VeeValidatePlugin","HtmlMessage","template","window","viewedSwiperOptions","slidesPerView","freeMode","slideClass","mousewheel","forceToAxis","navigation","nextEl","prevEl","observer","observeParents","components","CheckoutItem","isLogin","type","Boolean","isPhoneMasked","isPromoCode","isConsent","isPaymentMethodOverSummary","userFields","Array","redirectOnEmpty","String","showPlaceholders","isTrackAfterSuccessOnlinePurchase","slots","useSlots","toast","useToast","store","useStore","loading","ref","getters","items","total","auth","userCheckout","ifCheckoutReady","redirectForm","thanks","order","consent","shippingComponent","redirect","shippingTypes","paymentMethods","userType","userSubmitButton","shippingComponentData","isCommentToggled","isPromoCodeToggled","promoCode","promoCodeApplied","isPromoLoading","app","getCurrentInstance","loyalty","points","reduce","acc","array","pluralize","loyaltyUse","loyaltyUseApplied","readableUserLoyaltyPoints","numberFormat","loyalty_points","isUserConsent","dontcall","get","set","commit","comment","watch","substring","field","defaultValue","data","JSON","parse","stringify","provide","user","last_name","middle_name","email","phone","registration_number","company_name","user_type","dispatch","shipping","payment","shippingSelected","find","paymentSelected","shippingPrice","calculatePrice","fee","shippingTypesRestricted","restrictCheck","paymentMethodsRestricted","categoriesInCart","categories","forEach","category_id","push","Math","round","elements","restrictions","keys","ok","r","price_min","price_max","restrictedForce","shipping_type","payment_method","includes","restricted","discount","s","$http","post","location","response","userSchemaFields","component","model","label","list","placeholder","condition","mask","userSchemaFieldsFiltered","obj","userSchema","useSchemaForm","userValidationFields","trim","required","matches","when","numberFilled","userValidationFieldsFiltered","userValidation","object","shape","addEventListener","validate","body","result","shippingComponentValid","isShippingComponentFormsValid","click","isValid","isUserValid","shippingComponentUserData","isPayed","resetCheckoutForm","_order","document","querySelector","classList","add","resertStore","checkout","valid","clientId","shippingUserData","cookie","split","parts","error","products","product","item_name","item_id","brand","item_brand","property","item_variant","categoryFull","segment","item_category","itemListName","item_list_name","payment_type","shipping_tier","ecommerce","transaction_id","affiliation","parseFloat","currency","event","coupon","payment_widget_data","Wayforpay","localStorage","setItem","$env","debug","console","log","dataLayer","url","nextTick","setTimeout","submit","wayforpay","run","initPaymentWidget","onMounted","facebook","$ziggy","provider","google","loginCallback","toggleShippingRadio","togglePaymentRadio","shippingStoreData","d","commentMaxLength","home","locale","applyPromoCode","promoCodeApply","number","appContext","config","globalProperties","$filters","resetPromoCode","calculateWithPromoCodeDiscount","max","resetLoyaltyUse","applyLoyaltyUse","action","style","method","_hoisted_5","_hoisted_6","_hoisted_7","_renderSlot","_hoisted_8","_createCommentVNode","_hoisted_9","_toDisplayString","_createBlock","_createVNode","onClick","open","_hoisted_19","_hoisted_21","_hoisted_22","schemaRowClasses","schema","preventModelCleanupOnSchemaChange","afterForm","_hoisted_23","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","nextDates","_hoisted_43","_hoisted_47","icon","_hoisted_50","description","price_label","_hoisted_55","shippingFooter","_hoisted_58","_hoisted_59","_hoisted_60","_hoisted_61","_hoisted_62","_hoisted_63","_hoisted_64","_hoisted_66","_hoisted_68","_hoisted_69","_hoisted_71","_hoisted_72","_hoisted_73","_hoisted_74","_hoisted_75","_hoisted_76","_hoisted_77","_hoisted_78","_hoisted_80","_hoisted_82","_hoisted_83","_hoisted_85","_hoisted_86","_hoisted_87","_hoisted_88","_hoisted_89","_hoisted_90","_hoisted_92","_hoisted_94","_hoisted_95","_hoisted_96","_hoisted_98","_hoisted_99","_hoisted_100","_hoisted_102","_hoisted_103","_hoisted_104","_hoisted_106","_hoisted_107","_hoisted_108","_hoisted_109","_hoisted_110","_hoisted_111","_hoisted_113","_hoisted_114","_hoisted_115","_hoisted_117","_hoisted_118","_hoisted_119","_hoisted_120","disabled","_hoisted_123","_hoisted_124","_hoisted_125","_hoisted_127","_hoisted_128","_hoisted_129","_hoisted_131","_hoisted_133","_hoisted_134","_hoisted_135","_hoisted_136","filters","_hoisted_137","_hoisted_138","_hoisted_139","_hoisted_140","_hoisted_141","_hoisted_142","_hoisted_143","_hoisted_144","_hoisted_145","_hoisted_148","_hoisted_149","_hoisted_150","_hoisted_153","_hoisted_154","_hoisted_155","_hoisted_156","_hoisted_158","_hoisted_159","_hoisted_160","_hoisted_163"],"mappings":"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"}