@zonos/elements 1.3.132 → 1.3.134
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{CheckoutConfig-1d38a21d.js → CheckoutConfig-165db6b6.js} +1 -1
- package/dist/cjs/{cart-1bab358a.js → cart-0f32f556.js} +1 -1
- package/dist/cjs/{handleFetch-a8dfb07c.js → handleFetch-4a90f091.js} +1 -1
- package/dist/cjs/index.cjs.js +9 -9
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{paypal-f1874626.js → paypal-045033fb.js} +2 -2
- package/dist/cjs/zonos-address_7.cjs.entry.js +11 -18
- package/dist/cjs/zonos-badge.cjs.entry.js +3 -3
- package/dist/cjs/zonos-button_3.cjs.entry.js +3 -3
- package/dist/cjs/zonos-card.cjs.entry.js +4 -4
- package/dist/cjs/zonos-cart-items_13.cjs.entry.js +39 -22
- package/dist/cjs/zonos-checkout.cjs.entry.js +36 -6
- package/dist/cjs/zonos-collapse.cjs.entry.js +2 -2
- package/dist/cjs/zonos-component.cjs.entry.js +1 -1
- package/dist/cjs/zonos-controller.cjs.entry.js +3 -3
- package/dist/cjs/zonos-country-flag.cjs.entry.js +2 -2
- package/dist/cjs/zonos-country-select_4.cjs.entry.js +10 -10
- package/dist/cjs/zonos-elements.cjs.js +1 -1
- package/dist/cjs/zonos-hello-dialog.cjs.entry.js +6 -6
- package/dist/cjs/zonos-hello.cjs.entry.js +2 -2
- package/dist/cjs/zonos-input.cjs.entry.js +4 -4
- package/dist/cjs/zonos-language-select_2.cjs.entry.js +6 -6
- package/dist/cjs/zonos-link.cjs.entry.js +1 -1
- package/dist/cjs/zonos-logo.cjs.entry.js +2 -2
- package/dist/cjs/zonos-notification_3.cjs.entry.js +5 -5
- package/dist/cjs/zonos-toggle.cjs.entry.js +2 -2
- package/dist/cjs/zonos-tooltip.cjs.entry.js +2 -2
- package/dist/cjs/zonos-v-stack.cjs.entry.js +2 -2
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.js +25 -7
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.js +2 -2
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js +34 -1
- package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.js +2 -2
- package/dist/collection/components/common/zonos-badge/zonos-badge.js +3 -3
- package/dist/collection/components/common/zonos-button/zonos-button.js +3 -3
- package/dist/collection/components/common/zonos-card/zonos-card.js +4 -4
- package/dist/collection/components/common/zonos-checkbox/zonos-checkbox.js +3 -3
- package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.js +3 -3
- package/dist/collection/components/common/zonos-collapse/zonos-collapse.js +2 -2
- package/dist/collection/components/common/zonos-confirm-dialog/zonos-confirm-dialog.js +3 -3
- package/dist/collection/components/common/zonos-country-select/zonos-country-select.js +2 -2
- package/dist/collection/components/common/zonos-custom-message/zonos-custom-message.js +2 -2
- package/dist/collection/components/common/zonos-dialog/zonos-dialog.js +3 -10
- package/dist/collection/components/common/zonos-input/zonos-input.js +4 -4
- package/dist/collection/components/common/zonos-language-select/zonos-language-select.js +2 -2
- package/dist/collection/components/common/zonos-link/zonos-link.js +1 -1
- package/dist/collection/components/common/zonos-logo/zonos-logo.js +2 -2
- package/dist/collection/components/common/zonos-rest-state/zonos-rest-state.js +3 -3
- package/dist/collection/components/common/zonos-select-dialog-header/zonos-select-dialog-header.js +2 -2
- package/dist/collection/components/common/zonos-toggle/zonos-toggle.js +2 -2
- package/dist/collection/components/common/zonos-tooltip/zonos-tooltip.js +2 -2
- package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.js +2 -2
- package/dist/collection/components/common/zonos-virtual-scroll/zonos-virtual-scroll.js +2 -2
- package/dist/collection/components/component-template/zonos-component/zonos-component.js +1 -1
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.js +2 -2
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js +4 -4
- package/dist/collection/components/main/zonos-controller.js +1 -1
- package/dist/collection/components/paypal/zonos-paypal-payment.js +1 -1
- package/dist/collection/components/stripe/zonos-address/zonos-address.js +1 -1
- package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.js +2 -2
- package/dist/collection/components/stripe/zonos-payment/zonos-payment.js +1 -1
- package/dist/collection/components/utils/logging/sendErrorLog.js +1 -1
- package/dist/collection/types/generated/graphql.frontend.types.js +3 -0
- package/dist/collection/types/generated/graphql.internal.types.js +1 -0
- package/dist/esm/{CheckoutConfig-56c63bdf.js → CheckoutConfig-930107d4.js} +1 -1
- package/dist/esm/{cart-a5a8ec74.js → cart-3e0e4d5c.js} +1 -1
- package/dist/esm/{handleFetch-40fc3562.js → handleFetch-22cb914b.js} +1 -1
- package/dist/esm/index.js +10 -10
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{paypal-828b4297.js → paypal-7f41ff20.js} +2 -2
- package/dist/esm/zonos-address_7.entry.js +11 -18
- package/dist/esm/zonos-badge.entry.js +3 -3
- package/dist/esm/zonos-button_3.entry.js +3 -3
- package/dist/esm/zonos-card.entry.js +4 -4
- package/dist/esm/zonos-cart-items_13.entry.js +39 -22
- package/dist/esm/zonos-checkout.entry.js +36 -6
- package/dist/esm/zonos-collapse.entry.js +2 -2
- package/dist/esm/zonos-component.entry.js +1 -1
- package/dist/esm/zonos-controller.entry.js +3 -3
- package/dist/esm/zonos-country-flag.entry.js +2 -2
- package/dist/esm/zonos-country-select_4.entry.js +10 -10
- package/dist/esm/zonos-elements.js +1 -1
- package/dist/esm/zonos-hello-dialog.entry.js +6 -6
- package/dist/esm/zonos-hello.entry.js +2 -2
- package/dist/esm/zonos-input.entry.js +4 -4
- package/dist/esm/zonos-language-select_2.entry.js +6 -6
- package/dist/esm/zonos-link.entry.js +1 -1
- package/dist/esm/zonos-logo.entry.js +2 -2
- package/dist/esm/zonos-notification_3.entry.js +5 -5
- package/dist/esm/zonos-toggle.entry.js +2 -2
- package/dist/esm/zonos-tooltip.entry.js +2 -2
- package/dist/esm/zonos-v-stack.entry.js +2 -2
- package/dist/esm-es5/{CheckoutConfig-56c63bdf.js → CheckoutConfig-930107d4.js} +1 -1
- package/dist/esm-es5/{cart-a5a8ec74.js → cart-3e0e4d5c.js} +1 -1
- package/dist/esm-es5/handleFetch-22cb914b.js +1 -0
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{paypal-828b4297.js → paypal-7f41ff20.js} +1 -1
- package/dist/esm-es5/zonos-address_7.entry.js +1 -1
- package/dist/esm-es5/zonos-badge.entry.js +1 -1
- package/dist/esm-es5/zonos-button_3.entry.js +1 -1
- package/dist/esm-es5/zonos-card.entry.js +1 -1
- package/dist/esm-es5/zonos-cart-items_13.entry.js +1 -1
- package/dist/esm-es5/zonos-checkout.entry.js +1 -1
- package/dist/esm-es5/zonos-collapse.entry.js +1 -1
- package/dist/esm-es5/zonos-component.entry.js +1 -1
- package/dist/esm-es5/zonos-controller.entry.js +1 -1
- package/dist/esm-es5/zonos-country-flag.entry.js +1 -1
- package/dist/esm-es5/zonos-country-select_4.entry.js +1 -1
- package/dist/esm-es5/zonos-elements.js +1 -1
- package/dist/esm-es5/zonos-hello-dialog.entry.js +1 -1
- package/dist/esm-es5/zonos-hello.entry.js +1 -1
- package/dist/esm-es5/zonos-input.entry.js +1 -1
- package/dist/esm-es5/zonos-language-select_2.entry.js +1 -1
- package/dist/esm-es5/zonos-link.entry.js +1 -1
- package/dist/esm-es5/zonos-logo.entry.js +1 -1
- package/dist/esm-es5/zonos-notification_3.entry.js +1 -1
- package/dist/esm-es5/zonos-toggle.entry.js +1 -1
- package/dist/esm-es5/zonos-tooltip.entry.js +1 -1
- package/dist/esm-es5/zonos-v-stack.entry.js +1 -1
- package/dist/scripts/index.js +1 -1
- package/dist/scripts/loadZonos.js +1 -1
- package/dist/scripts/zonos.js +1 -1
- package/dist/types/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.d.ts +9 -0
- package/dist/types/components/checkout/zonos-checkout/zonos-checkout.d.ts +2 -0
- package/dist/types/components/utils/api/getLocaleMessages.d.ts +1 -1
- package/dist/types/types/generated/graphql.frontend.types.d.ts +27 -1
- package/dist/types/types/generated/graphql.frontend.types.ts +43 -1
- package/dist/types/types/generated/graphql.internal.types.d.ts +1 -1
- package/dist/types/types/generated/graphql.internal.types.ts +2 -4
- package/dist/zonos-elements/assets/RemoveIcon.svg +1 -1
- package/dist/zonos-elements/index.esm.js +1 -1
- package/dist/zonos-elements/{p-f0ea7e98.system.entry.js → p-05826697.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-0082eefd.system.entry.js → p-1360c4b5.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-eb6d1e26.system.entry.js → p-1393d259.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-4953542e.system.entry.js → p-16e5df29.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-4794c0ab.system.js → p-1856c3fa.system.js} +1 -1
- package/dist/zonos-elements/{p-22458c90.system.entry.js → p-1ac0f941.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-3cfa90d1.system.entry.js → p-22d099fb.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-d963d9d4.entry.js → p-22e2f162.entry.js} +1 -1
- package/dist/zonos-elements/{p-92fbf9e6.entry.js → p-234b3f74.entry.js} +1 -1
- package/dist/zonos-elements/{p-c39dc3e9.system.entry.js → p-24488838.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-3a89fb48.system.entry.js → p-31a776aa.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-31e85dce.system.entry.js → p-3a5fb01a.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-937d08c1.entry.js → p-3f2ea446.entry.js} +1 -1
- package/dist/zonos-elements/{p-db70f65a.system.entry.js → p-49cecdf9.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-bdc7e244.system.entry.js → p-4b680c1e.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-3efbcf88.system.entry.js → p-5775cd68.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-7b2ee5b0.js → p-69045ca3.js} +1 -1
- package/dist/zonos-elements/{p-f7f481be.entry.js → p-6b8db2d3.entry.js} +1 -1
- package/dist/zonos-elements/{p-34471cab.system.js → p-798bb828.system.js} +1 -1
- package/dist/zonos-elements/{p-0cf44851.entry.js → p-84df573a.entry.js} +1 -1
- package/dist/zonos-elements/{p-fe899c47.entry.js → p-856bf7a4.entry.js} +1 -1
- package/dist/zonos-elements/{p-e9a565d0.entry.js → p-85fbb5f0.entry.js} +1 -1
- package/dist/zonos-elements/p-860e46ab.js +1 -0
- package/dist/zonos-elements/{p-dd517bcb.js → p-8759f66b.js} +1 -1
- package/dist/zonos-elements/{p-78227a4e.system.entry.js → p-887b05eb.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-817741b7.entry.js → p-897c809a.entry.js} +1 -1
- package/dist/zonos-elements/{p-db5e0d2b.entry.js → p-95f26bc3.entry.js} +1 -1
- package/dist/zonos-elements/p-99d47e1c.entry.js +1 -0
- package/dist/zonos-elements/{p-4170b042.entry.js → p-a0cc4dd2.entry.js} +1 -1
- package/dist/zonos-elements/p-a0de6e0f.system.entry.js +1 -0
- package/dist/zonos-elements/{p-296aee8a.system.entry.js → p-a28f3298.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-f61c142c.system.entry.js → p-aaa3addd.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-0cfab69e.entry.js → p-acae88db.entry.js} +1 -1
- package/dist/zonos-elements/p-acb45eb6.system.entry.js +1 -0
- package/dist/zonos-elements/{p-40579074.entry.js → p-b1bb00a8.entry.js} +1 -1
- package/dist/zonos-elements/{p-68cfdd01.system.entry.js → p-b500f0d1.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-0e067b2e.entry.js → p-b6fea87a.entry.js} +1 -1
- package/dist/zonos-elements/{p-942a0605.js → p-b7307c61.js} +1 -1
- package/dist/zonos-elements/{p-fb6cf324.entry.js → p-b9e4e410.entry.js} +1 -1
- package/dist/zonos-elements/{p-40596087.system.js → p-bb418544.system.js} +1 -1
- package/dist/zonos-elements/{p-6b00344a.entry.js → p-bbd5119f.entry.js} +1 -1
- package/dist/zonos-elements/{p-320e7cb9.system.entry.js → p-be468605.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-c127846c.entry.js → p-bec4d2c7.entry.js} +1 -1
- package/dist/zonos-elements/{p-e5f27005.system.entry.js → p-c0719959.system.entry.js} +1 -1
- package/dist/zonos-elements/p-c78dd680.system.js +1 -1
- package/dist/zonos-elements/{p-e933cbf0.system.entry.js → p-de020c11.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-311f6702.entry.js → p-e44ab8b8.entry.js} +1 -1
- package/dist/zonos-elements/p-e9db73d9.entry.js +1 -0
- package/dist/zonos-elements/{p-1da0c1cb.entry.js → p-f9f48476.entry.js} +1 -1
- package/dist/zonos-elements/{p-81bb0bde.system.js → p-fa790aaf.system.js} +1 -1
- package/dist/zonos-elements/p-fb7d8b52.entry.js +1 -0
- package/dist/zonos-elements/p-febc72e7.system.js +1 -0
- package/dist/zonos-elements/zonos-elements.esm.js +1 -1
- package/package.json +1 -1
- package/dist/esm-es5/handleFetch-40fc3562.js +0 -1
- package/dist/zonos-elements/p-0cfb97ae.js +0 -1
- package/dist/zonos-elements/p-3972da4c.entry.js +0 -1
- package/dist/zonos-elements/p-6305e92c.system.js +0 -1
- package/dist/zonos-elements/p-76f17790.entry.js +0 -1
- package/dist/zonos-elements/p-8aaada48.system.entry.js +0 -1
- package/dist/zonos-elements/p-a0614f3a.system.entry.js +0 -1
- package/dist/zonos-elements/p-b2641a83.entry.js +0 -1
|
@@ -3,17 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const cart = require('./cart-
|
|
7
|
-
const paypal = require('./paypal-
|
|
6
|
+
const cart = require('./cart-0f32f556.js');
|
|
7
|
+
const paypal = require('./paypal-045033fb.js');
|
|
8
8
|
const zonosStore = require('./zonosStore-293bb3ba.js');
|
|
9
|
-
const handleFetch = require('./handleFetch-
|
|
9
|
+
const handleFetch = require('./handleFetch-4a90f091.js');
|
|
10
10
|
const createCustomEvent = require('./createCustomEvent-3e982e57.js');
|
|
11
11
|
const isCheckoutMobile = require('./isCheckoutMobile-f491ca7c.js');
|
|
12
12
|
const classes = require('./classes-b7918f56.js');
|
|
13
13
|
const getBorderRadius = require('./getBorderRadius-f72d8edf.js');
|
|
14
14
|
const isDarkColor = require('./isDarkColor-dd6d723b.js');
|
|
15
15
|
const styles = require('./styles-d1e64fb9.js');
|
|
16
|
-
const CheckoutConfig = require('./CheckoutConfig-
|
|
16
|
+
const CheckoutConfig = require('./CheckoutConfig-165db6b6.js');
|
|
17
17
|
const RemoveIcon = require('./RemoveIcon-081ac073.js');
|
|
18
18
|
|
|
19
19
|
/**
|
|
@@ -255,6 +255,7 @@ const ZonosCheckout = class {
|
|
|
255
255
|
* Listener for locale change in localization store
|
|
256
256
|
*/
|
|
257
257
|
this.onChangeLocaleListener = () => { };
|
|
258
|
+
this.isRedirectAfterOrder = false;
|
|
258
259
|
this.applyStripeTheme = async () => {
|
|
259
260
|
var _a, _b, _c, _d;
|
|
260
261
|
const theme = ((_a = this.appearanceSettingsOverride) === null || _a === void 0 ? void 0 : _a.theme) || zonosStore.zonosStore.appearance.theme;
|
|
@@ -453,6 +454,9 @@ const ZonosCheckout = class {
|
|
|
453
454
|
}
|
|
454
455
|
// apply theme to stripe elements
|
|
455
456
|
await this.applyStripeTheme();
|
|
457
|
+
this.isRedirectAfterOrder =
|
|
458
|
+
zonosStore.zonosStore.checkoutSettings.successBehavior ===
|
|
459
|
+
'REDIRECT_TO_SUCCESS_PAGE' || !!cart.cartStore.externalConfirmationPageURL;
|
|
456
460
|
return true;
|
|
457
461
|
}
|
|
458
462
|
reloadCheckoutSession() {
|
|
@@ -483,6 +487,22 @@ const ZonosCheckout = class {
|
|
|
483
487
|
confirmProceedWithOrderDuplication() {
|
|
484
488
|
// Reset the placed order info
|
|
485
489
|
this.placedOrderInfo = null;
|
|
490
|
+
if (!cart.cartStore.checkoutSessionId) {
|
|
491
|
+
return;
|
|
492
|
+
}
|
|
493
|
+
// Record the order duplication consent so we know user did see the notification and proceed with the order duplication
|
|
494
|
+
void handleFetch.handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
|
|
495
|
+
body: {
|
|
496
|
+
id: cart.cartStore.checkoutSessionId,
|
|
497
|
+
metadata: [
|
|
498
|
+
{
|
|
499
|
+
key: 'orderDuplicationConsent',
|
|
500
|
+
value: '1',
|
|
501
|
+
},
|
|
502
|
+
],
|
|
503
|
+
},
|
|
504
|
+
method: 'POST',
|
|
505
|
+
});
|
|
486
506
|
}
|
|
487
507
|
handleCancelOrderDuplication() {
|
|
488
508
|
var _a;
|
|
@@ -913,6 +933,15 @@ const ZonosCheckout = class {
|
|
|
913
933
|
handleAddressChange() {
|
|
914
934
|
cart.stripeStoreReset();
|
|
915
935
|
}
|
|
936
|
+
handleOpenChange() {
|
|
937
|
+
// disable scroll on the body when dialog is open
|
|
938
|
+
if (this.open) {
|
|
939
|
+
document.body.style.overflow = 'hidden';
|
|
940
|
+
}
|
|
941
|
+
else {
|
|
942
|
+
document.body.style.overflow = 'auto';
|
|
943
|
+
}
|
|
944
|
+
}
|
|
916
945
|
componentWillLoad() {
|
|
917
946
|
void this.init();
|
|
918
947
|
this.isMobile = isCheckoutMobile.isCheckoutMobile(this.mobile);
|
|
@@ -998,7 +1027,7 @@ const ZonosCheckout = class {
|
|
|
998
1027
|
} }), index.h("zonos-collapse", {
|
|
999
1028
|
// only collapsible on mobile
|
|
1000
1029
|
collapsed: this.collapseReviewMobile && this.isMobile
|
|
1001
|
-
}, index.h("zonos-cart-items", null), this.isMobile && (index.h("zonos-v-stack", { spacing: 16 }, index.h("zonos-cart-subtotal", { submitBtnColor: submitButtonColor }), index.h("zonos-custom-message", { class: "zonos--checkout-default-message", icon: MessageIcon, message: defaultMessage }))))), index.h("zonos-cart-restricted-items", null), !this.isMobile && (index.h("zonos-v-stack", { spacing: 16 }, index.h("zonos-cart-subtotal", null), index.h("zonos-custom-message", { class: "zonos--checkout-default-message", icon: MessageIcon, message: defaultMessage }))))))), (cart.cartStore.step === 'finish' || cart.cartStore.step === 'error') && (index.h("div", { class: "zonos--done", "data-theme": rightSideTheme }, index.h("div", { class: "zonos--header" }, renderLogo(), index.h("zonos-button", { class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close checkout dialog", content: RemoveIcon.RemoveIcon }), noBackground: true, onClick: () => this.handleFinishClick(), theme: rightSideTheme })), index.h("zonos-checkout-finish", { borderRadius: style, onCloseClick: () => this.handleFinishClick(), overrideNotification: cart.cartStore.step === 'error' && !!cart.cartStore.error
|
|
1030
|
+
}, index.h("zonos-cart-items", null), this.isMobile && (index.h("zonos-v-stack", { spacing: 16 }, index.h("zonos-cart-subtotal", { submitBtnColor: submitButtonColor }), index.h("zonos-custom-message", { class: "zonos--checkout-default-message", icon: MessageIcon, message: defaultMessage }))))), index.h("zonos-cart-restricted-items", null), !this.isMobile && (index.h("zonos-v-stack", { spacing: 16 }, index.h("zonos-cart-subtotal", null), index.h("zonos-custom-message", { class: "zonos--checkout-default-message", icon: MessageIcon, message: defaultMessage }))))))), (cart.cartStore.step === 'finish' || cart.cartStore.step === 'error') && (index.h("div", { class: "zonos--done", "data-theme": rightSideTheme }, index.h("div", { class: "zonos--header" }, renderLogo(), !this.isRedirectAfterOrder && (index.h("zonos-button", { class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close checkout dialog", content: RemoveIcon.RemoveIcon }), noBackground: true, onClick: () => this.handleFinishClick(), theme: rightSideTheme }))), index.h("zonos-checkout-finish", { borderRadius: style, onCloseClick: () => this.handleFinishClick(), overrideNotification: cart.cartStore.step === 'error' && !!cart.cartStore.error
|
|
1002
1031
|
? Object.assign(Object.assign({}, cart.cartStore.error), { type: 'error' }) : undefined, storybookForceStatus: this.storybookPaymentStatusOverride }))), index.h("zonos-checkout-footer", { "data-theme": rightSideTheme, mobile: this.isMobile,
|
|
1003
1032
|
/**
|
|
1004
1033
|
* For this component, use slot instead of passing JSX through prop of other component. Because
|
|
@@ -1055,7 +1084,8 @@ const ZonosCheckout = class {
|
|
|
1055
1084
|
static get watchers() { return {
|
|
1056
1085
|
"appearanceSettingsOverride": ["appearanceSettingsOverrideChanged", "handleAppearanceSettingsOverrideChange"],
|
|
1057
1086
|
"mobile": ["handleMobileChange"],
|
|
1058
|
-
"defaultAddress": ["handleAddressChange"]
|
|
1087
|
+
"defaultAddress": ["handleAddressChange"],
|
|
1088
|
+
"open": ["handleOpenChange"]
|
|
1059
1089
|
}; }
|
|
1060
1090
|
};
|
|
1061
1091
|
ZonosCheckout.style = ZonosCheckoutStyle0;
|
|
@@ -50,10 +50,10 @@ const ZonosCollapse = class {
|
|
|
50
50
|
// set overflow to hidden to prevent content from showing when collapsed
|
|
51
51
|
this.el.style.overflow = 'hidden';
|
|
52
52
|
}
|
|
53
|
-
return (index.h(index.Host, { key: '
|
|
53
|
+
return (index.h(index.Host, { key: '441ae4124bc658957136dae338ab1b22a72f7458', class: 'zonos--elements zonos--collapse', style: {
|
|
54
54
|
'--zonos--font-family': zonosStore.zonosStoreFontFamily(),
|
|
55
55
|
height: this.getElementHeight(),
|
|
56
|
-
} }, index.h("div", { key: '
|
|
56
|
+
} }, index.h("div", { key: 'a2771dd846a0e3b5e476d7c8a555539da292a6d6' }, index.h("iframe", { key: 'a4a140435d6bac406c144a01b9cb6702e8e60474', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), index.h("slot", { key: '4c91a4473d3ea25b7dfd4c54a2dbdbeca4439d12' }))));
|
|
57
57
|
}
|
|
58
58
|
get el() { return index.getElement(this); }
|
|
59
59
|
};
|
|
@@ -22,7 +22,7 @@ const ZonosComponent = class {
|
|
|
22
22
|
return format(this.first, this.middle, this.last);
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
|
-
return index.h("div", { key: '
|
|
25
|
+
return index.h("div", { key: '4781e3197d34a39d600c1eebc8ed97e801791c81' }, "Hello, World! I'm ", this.getText());
|
|
26
26
|
}
|
|
27
27
|
};
|
|
28
28
|
ZonosComponent.style = ZonosComponentStyle0;
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-0f32f556.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-293bb3ba.js');
|
|
8
|
-
const handleFetch = require('./handleFetch-
|
|
8
|
+
const handleFetch = require('./handleFetch-4a90f091.js');
|
|
9
9
|
require('./isDarkColor-dd6d723b.js');
|
|
10
10
|
require('./getBorderRadius-f72d8edf.js');
|
|
11
11
|
|
|
@@ -357,7 +357,7 @@ const ZonosController = class {
|
|
|
357
357
|
zonosStore.zonosStore.organizationName = organizationName;
|
|
358
358
|
}
|
|
359
359
|
render() {
|
|
360
|
-
return index.h(index.Host, { key: '
|
|
360
|
+
return index.h(index.Host, { key: '465ac6979654a38581aef4bdde509c5e57f34a74', class: "zonos--elements" });
|
|
361
361
|
}
|
|
362
362
|
};
|
|
363
363
|
ZonosController.style = ZonosControllerStyle0;
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-0f32f556.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-293bb3ba.js');
|
|
8
8
|
const classes = require('./classes-b7918f56.js');
|
|
9
|
-
require('./handleFetch-
|
|
9
|
+
require('./handleFetch-4a90f091.js');
|
|
10
10
|
require('./isDarkColor-dd6d723b.js');
|
|
11
11
|
require('./getBorderRadius-f72d8edf.js');
|
|
12
12
|
|
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-0f32f556.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-293bb3ba.js');
|
|
8
8
|
const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
|
|
9
9
|
const isDarkColor = require('./isDarkColor-dd6d723b.js');
|
|
10
10
|
const ILanguage = require('./ILanguage-98b04442.js');
|
|
11
|
-
require('./handleFetch-
|
|
11
|
+
require('./handleFetch-4a90f091.js');
|
|
12
12
|
require('./getBorderRadius-f72d8edf.js');
|
|
13
13
|
|
|
14
14
|
/**
|
|
@@ -1837,9 +1837,9 @@ const ZonosCountrySelect = class {
|
|
|
1837
1837
|
? fuseObject.map(country => country.item)
|
|
1838
1838
|
: countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
|
|
1839
1839
|
const isEmpty = !filteredCountries.length;
|
|
1840
|
-
return (index.h(index.Host, { key: '
|
|
1840
|
+
return (index.h(index.Host, { key: 'ba350a068e05a5f98aba19702aa1fb485cbd7672', class: "zonos--elements", style: {
|
|
1841
1841
|
'--zonos--font-family': zonosStore.zonosStoreFontFamily(),
|
|
1842
|
-
} }, index.h("div", { key: '
|
|
1842
|
+
} }, index.h("div", { key: 'e997a8d0fa0d25c5f3eb3f5a8bc5cdb154fd788f', class: "zonos--country-select" }, index.h("zonos-v-stack", { key: '332297ccdf0ea81bdfaee93f448d4dc02fb9f960', class: "zonos--country-select-header", spacing: 8 }, index.h("zonos-select-dialog-header", { key: '66e86a39b9c309f63d509c8320e333c5b139ec94', handleOnClose: () => this.handleOnClose(), label: cart.translate('Select a country') }, index.h("input", { key: '64b67b4b797b6df43a40830b41d33271de437abc', autocomplete: "off", autofocus: "autofocus", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: cart.translate('Search countries'), value: this.inputValue }))), index.h("div", { key: '10d2f74f30e782e867bb555957c74b52ec651889', class: "zonos--country-select-content" }, isEmpty && (index.h("zonos-text", { key: '875e8b15495df5fafe3b02dd11ab1b5f4b9650e3', class: "no-country", textColor: "gray-800" }, cart.translate('No countries found'))), index.h("zonos-virtual-scroll", { key: 'aff0ae431a5350996cffa1188ed5d9338a8ca840', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index$1 => {
|
|
1843
1843
|
const country = filteredCountries[index$1];
|
|
1844
1844
|
if (!country) {
|
|
1845
1845
|
return null;
|
|
@@ -1862,9 +1862,9 @@ const ZonosCustomMessage = class {
|
|
|
1862
1862
|
}
|
|
1863
1863
|
render() {
|
|
1864
1864
|
const messageWithLinks = formatStringWithLinks.formatStringWithLinks(this.message);
|
|
1865
|
-
return (index.h(index.Host, { key: '
|
|
1865
|
+
return (index.h(index.Host, { key: '11d2b3542e2637730acd686cb6f1bc53eb388a9a', class: "zonos--elements", style: {
|
|
1866
1866
|
'--zonos--font-family': zonosStore.zonosStoreFontFamily(),
|
|
1867
|
-
} }, this.message && (index.h("zonos-card", { key: '
|
|
1867
|
+
} }, this.message && (index.h("zonos-card", { key: 'a0596fc233b89fba65df031575144b82dbb9a2c5', class: "zonos--custom-message", spacing: "12px" }, index.h("div", { key: 'eab51ba2e971e8d52abdd72e90d90ad251c034ad', class: "zonos--flex-message" }, index.h("zonos-icon", { key: '7f0f05190f5453399ab151ecc7bcdabf3e105709', "aria-label": "Custom message icon", content: this.icon }), index.h("zonos-text", { key: '3b750eebd76d5f41874525ffc53ba3ca87244253', innerHTML: messageWithLinks }))))));
|
|
1868
1868
|
}
|
|
1869
1869
|
};
|
|
1870
1870
|
ZonosCustomMessage.style = ZonosCustomMessageStyle0;
|
|
@@ -1897,9 +1897,9 @@ const ZonosHelloDialogFooter = class {
|
|
|
1897
1897
|
const language = (_b = ILanguage.languages.find(x => x.code === cart.localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
|
|
1898
1898
|
// Only use gray-0 (white) when the background color is dark (apply inverted color if the element is using dark theme variable)
|
|
1899
1899
|
const mainColor = primaryColor && isDarkColor.isDarkColor(primaryColor) ? 'white' : 'black';
|
|
1900
|
-
return (index.h(index.Host, { key: '
|
|
1900
|
+
return (index.h(index.Host, { key: '3ec3d830c3818a9f3661eefe7da50520919e7800', class: "zonos--elements" }, index.h("div", { key: 'c52ee06e602c33012d37e3a3bae67ec470acecae', class: "zonos--hello-dialog-footer", style: {
|
|
1901
1901
|
'--zonos--primary-color': primaryColor,
|
|
1902
|
-
} }, index.h("a", { key: '
|
|
1902
|
+
} }, index.h("a", { key: '62b4898ad2704b97ad9845371434b34cef8d4041', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, index.h("zonos-icon", { key: '97d1b95deded6d04d83b6f5728b82d8292a69b10', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: mainColor, size: 108 })), index.h("div", { key: '1397ed4aa265a546dea81b492c9db676b2b7c506', class: "zonos--hello-locale-wrapper" }, index.h("zonos-button", { key: '6fb04fd6b8c1be8c555fac00850e77a66d8f5f42', buttonColor: mainColor, icon: index.h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), index.h("zonos-button", { key: 'e1cc202d6266137f4d289922031738cce0759a41', buttonColor: mainColor, icon: index.h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: cart.localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, cart.localizationStore.selectedCountryCode)))));
|
|
1903
1903
|
}
|
|
1904
1904
|
get ele() { return index.getElement(this); }
|
|
1905
1905
|
};
|
|
@@ -1961,12 +1961,12 @@ const ZonosVirtualScroll = class {
|
|
|
1961
1961
|
} }, this.renderItem(i)));
|
|
1962
1962
|
accHeight += itemHeight;
|
|
1963
1963
|
}
|
|
1964
|
-
return (index.h(index.Host, { key: '
|
|
1964
|
+
return (index.h(index.Host, { key: '1aa49d98976b0856f960a6fc67ee7d04e1dd5317' }, index.h("div", { key: 'ede653037499e0b925e1cab13a632f8a6da6b9f4',
|
|
1965
1965
|
// to capture scroll action
|
|
1966
1966
|
class: "scroller", style: {
|
|
1967
1967
|
height: `${this.totalHeight}px`,
|
|
1968
1968
|
width: `${W}px`,
|
|
1969
|
-
} }), index.h("div", { key: '
|
|
1969
|
+
} }), index.h("div", { key: 'da2fb9c529a96b9f31c3604235e3a6913a145743',
|
|
1970
1970
|
// to display items
|
|
1971
1971
|
class: "item-container", ref: el => (this.container = el), style: {
|
|
1972
1972
|
height: `${this.totalHeight}px`,
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy(JSON.parse("[[\"zonos-checkout.cjs\",[[2,\"zonos-checkout\",{\"appearanceSettingsOverride\":[16],\"preview\":[4],\"mobile\":[4],\"defaultAddress\":[16],\"forceDialogOpen\":[4,\"force-dialog-open\"],\"open\":[32],\"stripe\":[32],\"submitLoading\":[32],\"collapseReviewMobile\":[32],\"isAttachError\":[32],\"isMobile\":[32],\"isIframed\":[32],\"zonosReviewRef\":[32],\"storybookPaymentStatusOverride\":[32],\"isLegacyCheckout\":[32],\"confirmDialogOpen\":[32],\"isCartExpired\":[32],\"inventoryCheckErrorMessage\":[32],\"placedOrderInfo\":[32],\"closeDialogHandler\":[64],\"init\":[64],\"setToFinishStep\":[64],\"mockCheckoutSession\":[64]},[[16,\"zonos--init-cart-info\",\"initCartInfoHandler\"],[4,\"keydown\",\"handleKeyPress\"],[9,\"resize\",\"handleWindowResize\"]],{\"appearanceSettingsOverride\":[\"appearanceSettingsOverrideChanged\",\"handleAppearanceSettingsOverrideChange\"],\"mobile\":[\"handleMobileChange\"],\"defaultAddress\":[\"handleAddressChange\"]}]]],[\"zonos-hello.cjs\",[[1,\"zonos-hello\",{\"mobileLocationOverride\":[1,\"mobile-location-override\"],\"animateFromLeftOverride\":[4,\"animate-from-left-override\"],\"appearanceSettingsOverride\":[16],\"showPeekMessage\":[32],\"zonosStoreHelloSettings\":[32],\"showDialog\":[32],\"peekMessage\":[32],\"initialUrl\":[32],\"allRestrictedItems\":[32],\"allFoundProducts\":[32],\"productsOnPage\":[32],\"isHelloWidgetRendered\":[32],\"isMobile\":[32],\"getCountryList\":[64],\"displayCurrency\":[64],\"convertAndFormat\":[64],\"convert\":[64],\"format\":[64],\"openHelloDialog\":[64]},[[9,\"resize\",\"handleResize\"]],{\"appearanceSettingsOverride\":[\"handleAppearanceSettingsOverrideChange\"]}]]],[\"zonos-controller.cjs\",[[1,\"zonos-controller\",{\"config\":[16],\"zonosApiKey\":[1,\"zonos-api-key\"],\"initCheckoutElement\":[64],\"setupGoogleFont\":[64],\"showNotification\":[64],\"reset\":[64],\"overrideConfig\":[64],\"overrideCountry\":[64],\"getAppearanceSetting\":[64],\"updateOrganizationName\":[64]},[[8,\"locationchange\",\"handleLocationChange\"]]]]],[\"zonos-tooltip.cjs\",[[1,\"zonos-tooltip\",{\"label\":[1],\"subtitle\":[1],\"showTooltip\":[32]}]]],[\"zonos-component.cjs\",[[1,\"zonos-component\",{\"first\":[1],\"middle\":[1],\"last\":[1]}]]],[\"zonos-link.cjs\",[[1,\"zonos-link\",{\"href\":[1],\"rel\":[1],\"target\":[1],\"linkTitle\":[1,\"link-title\"]}]]],[\"zonos-logo.cjs\",[[1,\"zonos-logo\",{\"theme\":[1],\"width\":[1]}]]],[\"zonos-hello-dialog.cjs\",[[1,\"zonos-hello-dialog\",{\"isOpen\":[4,\"is-open\"],\"setIsOpen\":[16],\"mobileLocationOverride\":[1,\"mobile-location-override\"],\"animateFromLeftOverride\":[4,\"animate-from-left-override\"],\"appearanceSettings\":[16],\"restrictedItems\":[16],\"welcomeMessage\":[32],\"showCountrySelect\":[32],\"showLanguageSelect\":[32]},[[4,\"click\",\"globalClickHandler\"]],{\"isOpen\":[\"isOpenHandler\"]}]]],[\"zonos-badge.cjs\",[[1,\"zonos-badge\",{\"bold\":[4],\"badgeColor\":[1,\"badge-color\"],\"icon\":[16],\"iconRight\":[4,\"icon-right\"],\"size\":[1],\"rounded\":[4],\"loading\":[4],\"dismissHandler\":[16]}]]],[\"zonos-shipping-rich-radio.cjs\",[[1,\"zonos-shipping-rich-radio\",{\"items\":[16],\"borderColor\":[1,\"border-color\"],\"borderStyle\":[1,\"border-style\"],\"theme\":[1],\"selectedItem\":[16]}]]],[\"zonos-toggle.cjs\",[[1,\"zonos-toggle\",{\"options\":[16],\"value\":[1]}]]],[\"zonos-collapse.cjs\",[[1,\"zonos-collapse\",{\"collapsed\":[4],\"collapseSize\":[2,\"collapse-size\"],\"height\":[32],\"iframe\":[32]}]]],[\"zonos-card.cjs\",[[1,\"zonos-card\",{\"actions\":[16],\"backgroundColor\":[1,\"background-color\"],\"borderRadius\":[2,\"border-radius\"],\"footerActions\":[16],\"footerContent\":[16],\"footerHeight\":[2,\"footer-height\"],\"label\":[16],\"spacing\":[1]}]]],[\"zonos-input.cjs\",[[1,\"zonos-input\",{\"inputValue\":[1,\"input-value\"],\"inputLabel\":[1,\"input-label\"],\"inputSize\":[1,\"input-size\"],\"isDisabled\":[4,\"is-disabled\"],\"isError\":[4,\"is-error\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"value\":[32]},null,{\"inputValue\":[\"onInputValueChange\"]}]]],[\"zonos-notification_3.cjs\",[[2,\"zonos-payment\",{\"titleText\":[1,\"title-text\"],\"stripe\":[32],\"stripeElements\":[32]},null,{\"stripeElements\":[\"watchInitStripe\"],\"stripe\":[\"watchInitStripe\"]}],[2,\"zonos-paypal-payment\"],[1,\"zonos-notification\",{\"notificationArray\":[32],\"showNotification\":[64]}]]],[\"zonos-banner.cjs\",[[1,\"zonos-banner\",{\"bannerTitle\":[1,\"banner-title\"],\"intent\":[1],\"hasContent\":[32]}]]],[\"zonos-country-flag.cjs\",[[1,\"zonos-country-flag\",{\"countryCode\":[1,\"country-code\"],\"size\":[2]}]]],[\"zonos-v-stack.cjs\",[[1,\"zonos-v-stack\",{\"spacing\":[2]}]]],[\"zonos-text.cjs\",[[1,\"zonos-text\",{\"textColor\":[1,\"text-color\"],\"size\":[1],\"type\":[1],\"weight\":[2],\"ready\":[32]}]]],[\"zonos-button_3.cjs\",[[17,\"zonos-button\",{\"buttonColor\":[1,\"button-color\"],\"backgroundColor\":[1,\"background-color\"],\"borderStyle\":[1,\"border-style\"],\"isDisabled\":[4,\"is-disabled\"],\"icon\":[16],\"iconRight\":[4,\"icon-right\"],\"size\":[1],\"variant\":[1],\"noBackground\":[4,\"no-background\"],\"withBoxShadow\":[4,\"with-box-shadow\"],\"noPaddingLeft\":[4,\"no-padding-left\"],\"noPaddingRight\":[4,\"no-padding-right\"],\"loading\":[4],\"justifyContent\":[1,\"justify-content\"],\"theme\":[1],\"hasIcon\":[32],\"hasContent\":[32]},[[2,\"click\",\"clickHandler\"]],{\"icon\":[\"iconChangeHandler\"]}],[1,\"zonos-spinner\",{\"size\":[2],\"spinnerColor\":[1,\"spinner-color\"]}],[1,\"zonos-icon\",{\"autoHeight\":[4,\"auto-height\"],\"iconColor\":[1,\"icon-color\"],\"content\":[1],\"size\":[2]}]]],[\"zonos-language-select_2.cjs\",[[1,\"zonos-language-select\",{\"handleOnClose\":[16]}],[1,\"zonos-select-dialog-header\",{\"handleOnClose\":[16],\"label\":[1]}]]],[\"zonos-country-select_4.cjs\",[[1,\"zonos-country-select\",{\"handleOnClose\":[16],\"inputValue\":[32]}],[1,\"zonos-hello-dialog-footer\",{\"appearanceSettings\":[16],\"setShowCountrySelect\":[16],\"setShowLanguageSelect\":[16]}],[1,\"zonos-custom-message\",{\"icon\":[1],\"message\":[1]}],[2,\"zonos-virtual-scroll\",{\"renderItem\":[16],\"itemWidth\":[2,\"item-width\"],\"fallbackItemHeight\":[2,\"fallback-item-height\"],\"itemHeights\":[16],\"container\":[32],\"scrollTop\":[32],\"totalHeight\":[32]},null,{\"itemHeights\":[\"updateTotalHeight\"],\"fallbackItemHeight\":[\"updateTotalHeight\"]}]]],[\"zonos-address_7.cjs\",[[1,\"zonos-address-update-dialog\",{\"continueLoading\":[4,\"continue-loading\"],\"dialogLoading\":[4,\"dialog-loading\"],\"dialogOpen\":[4,\"dialog-open\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"shippingAddress\":[16],\"billingAddress\":[16],\"translatedShippingAddress\":[16],\"translatedBillingAddress\":[16],\"showErrorBanner\":[32],\"translatedShippingAddressState\":[32],\"translatedBillingAddressState\":[32]},null,{\"translatedShippingAddress\":[\"watchTranslatedShippingAddress\"],\"translatedBillingAddress\":[\"watchTranslatedBillingAddress\"]}],[2,\"zonos-address\",{\"type\":[1],\"titleText\":[1,\"title-text\"],\"defaultAddress\":[16],\"stripe\":[32],\"isDirtyAddress\":[32]},null,{\"stripe\":[\"watchInitStripe\"]}],[1,\"zonos-checkbox\",{\"backgroundColor\":[1,\"background-color\"],\"label\":[1],\"isChecked\":[4,\"is-checked\"],\"isDisabled\":[4,\"is-disabled\"],\"size\":[2],\"fontSize\":[1,\"font-size\"],\"borderStyle\":[1,\"border-style\"]},[[1,\"click\",\"onClick\"]]],[2,\"zonos-link-authentication\",{\"titleText\":[1,\"title-text\"],\"defaultEmail\":[1,\"default-email\"],\"isEmailError\":[4,\"is-email-error\"],\"stripe\":[32]},null,{\"stripe\":[\"watchInitStripe\"]}],[1,\"zonos-dialog\",{\"open\":[4],\"headerText\":[1,\"header-text\"],\"width\":[1],\"height\":[1],\"minHeight\":[1,\"min-height\"],\"noHeader\":[4,\"no-header\"],\"noBodyPadding\":[4,\"no-body-padding\"],\"noBorder\":[4,\"no-border\"],\"borderStyle\":[1,\"border-style\"],\"noCloseButton\":[4,\"no-close-button\"],\"noClickOutside\":[4,\"no-click-outside\"],\"mobile\":[4],\"isLoading\":[4,\"is-loading\"],\"isMobile\":[32]},[[9,\"resize\",\"handleWindowResize\"],[4,\"keydown\",\"handleKeyDown\"]]],[1,\"zonos-address-display\",{\"currentAddress\":[16],\"addressType\":[1,\"address-type\"]}],[1,\"zonos-address-form\",{\"currentAddress\":[16],\"translatedAddress\":[16],\"addressType\":[1,\"address-type\"],\"localAddress\":[32]},null,{\"translatedAddress\":[\"watchCurrentAddress\"]}]]],[\"zonos-cart-items_13.cjs\",[[2,\"zonos-customer-info\",{\"continueLoading\":[4,\"continue-loading\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"defaultAddress\":[16],\"showErrorBanner\":[32],\"shippingCountry\":[32],\"isCheckingForRestrictedItems\":[32],\"isValidatingAddress\":[32],\"invalidShippingCharacterList\":[32],\"invalidBillingCharacterList\":[32],\"openAddressValidationDialog\":[32],\"isEmailError\":[32]}],[2,\"zonos-checkout-payment\",{\"submitBtnType\":[1,\"submit-btn-type\"],\"continueLoading\":[4,\"continue-loading\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"showErrorBanner\":[32]}],[1,\"zonos-checkout-footer\",{\"mobile\":[4],\"dataTheme\":[1,\"data-theme\"],\"showLanguageDialog\":[32],\"isMobile\":[32]},[[4,\"click\",\"handleGlobalClick\"]],{\"mobile\":[\"handleMobileChange\"]}],[2,\"zonos-shipping\",{\"continueLoading\":[4,\"continue-loading\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"selectedShippingMethod\":[32],\"collapsedDAPOptions\":[32],\"isSelecting\":[32],\"showErrorBanner\":[32],\"serviceLevelsDDP\":[32],\"serviceLevelsDAP\":[32],\"serviceLevelsOther\":[32],\"serviceLevelsAll\":[32],\"displayBaseCurrency\":[32]}],[1,\"zonos-cart-subtotal\",{\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"loading\":[32]}],[1,\"zonos-cart-restricted-items\",{\"hide\":[4],\"errorImages\":[32],\"internalCollapsed\":[32],\"firstRender\":[32]}],[1,\"zonos-checkout-finish\",{\"borderRadius\":[1,\"border-radius\"],\"storybookForceStatus\":[1,\"storybook-force-status\"],\"overrideNotification\":[16],\"isLoading\":[32],\"notificationType\":[32],\"notificationTitle\":[32],\"notificationMessages\":[32],\"notificationActionText\":[32],\"order\":[32]}],[1,\"zonos-confirm-dialog\",{\"dialogTitle\":[1,\"dialog-title\"],\"dialogIntent\":[1,\"dialog-intent\"],\"dialogSubtitle\":[1,\"dialog-subtitle\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"dialogConfirmBtnText\":[1,\"dialog-confirm-btn-text\"],\"dialogWidth\":[2,\"dialog-width\"],\"dialogCancelBtnText\":[1,\"dialog-cancel-btn-text\"],\"dialogType\":[1,\"dialog-type\"],\"isMobile\":[4,\"is-mobile\"],\"dialogOpen\":[4,\"dialog-open\"],\"noClickOutside\":[4,\"no-click-outside\"]},[[4,\"keydown\",\"handleKeyDown\"]]],[1,\"zonos-checkout-progress-tabs\",{\"tabColor\":[1,\"tab-color\"],\"backgroundColor\":[1,\"background-color\"],\"setTabItems\":[64],\"setTabSelected\":[64]}],[1,\"zonos-review\",{\"mobile\":[4],\"collapsed\":[4],\"isMobile\":[32]},[[9,\"resize\",\"handleWindowResize\"]]],[1,\"zonos-cart-items\",{\"errorImages\":[32]}],[1,\"zonos-currency-toggle\",{\"errorImages\":[32]}],[1,\"zonos-rest-state\",{\"restStateSubtitle\":[1,\"rest-state-subtitle\"],\"restStateTitle\":[1,\"rest-state-title\"],\"restStateType\":[1,\"rest-state-type\"],\"isErrorImageLoad\":[32]}]]]]"), options);
|
|
22
|
+
return index.bootstrapLazy(JSON.parse("[[\"zonos-checkout.cjs\",[[2,\"zonos-checkout\",{\"appearanceSettingsOverride\":[16],\"preview\":[4],\"mobile\":[4],\"defaultAddress\":[16],\"forceDialogOpen\":[4,\"force-dialog-open\"],\"open\":[32],\"stripe\":[32],\"submitLoading\":[32],\"collapseReviewMobile\":[32],\"isAttachError\":[32],\"isMobile\":[32],\"isIframed\":[32],\"zonosReviewRef\":[32],\"storybookPaymentStatusOverride\":[32],\"isLegacyCheckout\":[32],\"confirmDialogOpen\":[32],\"isCartExpired\":[32],\"inventoryCheckErrorMessage\":[32],\"placedOrderInfo\":[32],\"closeDialogHandler\":[64],\"init\":[64],\"setToFinishStep\":[64],\"mockCheckoutSession\":[64]},[[16,\"zonos--init-cart-info\",\"initCartInfoHandler\"],[4,\"keydown\",\"handleKeyPress\"],[9,\"resize\",\"handleWindowResize\"]],{\"appearanceSettingsOverride\":[\"appearanceSettingsOverrideChanged\",\"handleAppearanceSettingsOverrideChange\"],\"mobile\":[\"handleMobileChange\"],\"defaultAddress\":[\"handleAddressChange\"],\"open\":[\"handleOpenChange\"]}]]],[\"zonos-hello.cjs\",[[1,\"zonos-hello\",{\"mobileLocationOverride\":[1,\"mobile-location-override\"],\"animateFromLeftOverride\":[4,\"animate-from-left-override\"],\"appearanceSettingsOverride\":[16],\"showPeekMessage\":[32],\"zonosStoreHelloSettings\":[32],\"showDialog\":[32],\"peekMessage\":[32],\"initialUrl\":[32],\"allRestrictedItems\":[32],\"allFoundProducts\":[32],\"productsOnPage\":[32],\"isHelloWidgetRendered\":[32],\"isMobile\":[32],\"getCountryList\":[64],\"displayCurrency\":[64],\"convertAndFormat\":[64],\"convert\":[64],\"format\":[64],\"openHelloDialog\":[64]},[[9,\"resize\",\"handleResize\"]],{\"appearanceSettingsOverride\":[\"handleAppearanceSettingsOverrideChange\"]}]]],[\"zonos-controller.cjs\",[[1,\"zonos-controller\",{\"config\":[16],\"zonosApiKey\":[1,\"zonos-api-key\"],\"initCheckoutElement\":[64],\"setupGoogleFont\":[64],\"showNotification\":[64],\"reset\":[64],\"overrideConfig\":[64],\"overrideCountry\":[64],\"getAppearanceSetting\":[64],\"updateOrganizationName\":[64]},[[8,\"locationchange\",\"handleLocationChange\"]]]]],[\"zonos-tooltip.cjs\",[[1,\"zonos-tooltip\",{\"label\":[1],\"subtitle\":[1],\"showTooltip\":[32]}]]],[\"zonos-component.cjs\",[[1,\"zonos-component\",{\"first\":[1],\"middle\":[1],\"last\":[1]}]]],[\"zonos-link.cjs\",[[1,\"zonos-link\",{\"href\":[1],\"rel\":[1],\"target\":[1],\"linkTitle\":[1,\"link-title\"]}]]],[\"zonos-logo.cjs\",[[1,\"zonos-logo\",{\"theme\":[1],\"width\":[1]}]]],[\"zonos-hello-dialog.cjs\",[[1,\"zonos-hello-dialog\",{\"isOpen\":[4,\"is-open\"],\"setIsOpen\":[16],\"mobileLocationOverride\":[1,\"mobile-location-override\"],\"animateFromLeftOverride\":[4,\"animate-from-left-override\"],\"appearanceSettings\":[16],\"restrictedItems\":[16],\"welcomeMessage\":[32],\"showCountrySelect\":[32],\"showLanguageSelect\":[32]},[[4,\"click\",\"globalClickHandler\"]],{\"isOpen\":[\"isOpenHandler\"]}]]],[\"zonos-badge.cjs\",[[1,\"zonos-badge\",{\"bold\":[4],\"badgeColor\":[1,\"badge-color\"],\"icon\":[16],\"iconRight\":[4,\"icon-right\"],\"size\":[1],\"rounded\":[4],\"loading\":[4],\"dismissHandler\":[16]}]]],[\"zonos-shipping-rich-radio.cjs\",[[1,\"zonos-shipping-rich-radio\",{\"items\":[16],\"borderColor\":[1,\"border-color\"],\"borderStyle\":[1,\"border-style\"],\"theme\":[1],\"selectedItem\":[16]}]]],[\"zonos-toggle.cjs\",[[1,\"zonos-toggle\",{\"options\":[16],\"value\":[1]}]]],[\"zonos-collapse.cjs\",[[1,\"zonos-collapse\",{\"collapsed\":[4],\"collapseSize\":[2,\"collapse-size\"],\"height\":[32],\"iframe\":[32]}]]],[\"zonos-card.cjs\",[[1,\"zonos-card\",{\"actions\":[16],\"backgroundColor\":[1,\"background-color\"],\"borderRadius\":[2,\"border-radius\"],\"footerActions\":[16],\"footerContent\":[16],\"footerHeight\":[2,\"footer-height\"],\"label\":[16],\"spacing\":[1]}]]],[\"zonos-input.cjs\",[[1,\"zonos-input\",{\"inputValue\":[1,\"input-value\"],\"inputLabel\":[1,\"input-label\"],\"inputSize\":[1,\"input-size\"],\"isDisabled\":[4,\"is-disabled\"],\"isError\":[4,\"is-error\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"value\":[32]},null,{\"inputValue\":[\"onInputValueChange\"]}]]],[\"zonos-notification_3.cjs\",[[2,\"zonos-payment\",{\"titleText\":[1,\"title-text\"],\"stripe\":[32],\"stripeElements\":[32]},null,{\"stripeElements\":[\"watchInitStripe\"],\"stripe\":[\"watchInitStripe\"]}],[2,\"zonos-paypal-payment\"],[1,\"zonos-notification\",{\"notificationArray\":[32],\"showNotification\":[64]}]]],[\"zonos-banner.cjs\",[[1,\"zonos-banner\",{\"bannerTitle\":[1,\"banner-title\"],\"intent\":[1],\"hasContent\":[32]}]]],[\"zonos-country-flag.cjs\",[[1,\"zonos-country-flag\",{\"countryCode\":[1,\"country-code\"],\"size\":[2]}]]],[\"zonos-v-stack.cjs\",[[1,\"zonos-v-stack\",{\"spacing\":[2]}]]],[\"zonos-text.cjs\",[[1,\"zonos-text\",{\"textColor\":[1,\"text-color\"],\"size\":[1],\"type\":[1],\"weight\":[2],\"ready\":[32]}]]],[\"zonos-button_3.cjs\",[[17,\"zonos-button\",{\"buttonColor\":[1,\"button-color\"],\"backgroundColor\":[1,\"background-color\"],\"borderStyle\":[1,\"border-style\"],\"isDisabled\":[4,\"is-disabled\"],\"icon\":[16],\"iconRight\":[4,\"icon-right\"],\"size\":[1],\"variant\":[1],\"noBackground\":[4,\"no-background\"],\"withBoxShadow\":[4,\"with-box-shadow\"],\"noPaddingLeft\":[4,\"no-padding-left\"],\"noPaddingRight\":[4,\"no-padding-right\"],\"loading\":[4],\"justifyContent\":[1,\"justify-content\"],\"theme\":[1],\"hasIcon\":[32],\"hasContent\":[32]},[[2,\"click\",\"clickHandler\"]],{\"icon\":[\"iconChangeHandler\"]}],[1,\"zonos-spinner\",{\"size\":[2],\"spinnerColor\":[1,\"spinner-color\"]}],[1,\"zonos-icon\",{\"autoHeight\":[4,\"auto-height\"],\"iconColor\":[1,\"icon-color\"],\"content\":[1],\"size\":[2]}]]],[\"zonos-language-select_2.cjs\",[[1,\"zonos-language-select\",{\"handleOnClose\":[16]}],[1,\"zonos-select-dialog-header\",{\"handleOnClose\":[16],\"label\":[1]}]]],[\"zonos-country-select_4.cjs\",[[1,\"zonos-country-select\",{\"handleOnClose\":[16],\"inputValue\":[32]}],[1,\"zonos-hello-dialog-footer\",{\"appearanceSettings\":[16],\"setShowCountrySelect\":[16],\"setShowLanguageSelect\":[16]}],[1,\"zonos-custom-message\",{\"icon\":[1],\"message\":[1]}],[2,\"zonos-virtual-scroll\",{\"renderItem\":[16],\"itemWidth\":[2,\"item-width\"],\"fallbackItemHeight\":[2,\"fallback-item-height\"],\"itemHeights\":[16],\"container\":[32],\"scrollTop\":[32],\"totalHeight\":[32]},null,{\"itemHeights\":[\"updateTotalHeight\"],\"fallbackItemHeight\":[\"updateTotalHeight\"]}]]],[\"zonos-address_7.cjs\",[[1,\"zonos-address-update-dialog\",{\"continueLoading\":[4,\"continue-loading\"],\"dialogLoading\":[4,\"dialog-loading\"],\"dialogOpen\":[4,\"dialog-open\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"shippingAddress\":[16],\"billingAddress\":[16],\"translatedShippingAddress\":[16],\"translatedBillingAddress\":[16],\"showErrorBanner\":[32],\"translatedShippingAddressState\":[32],\"translatedBillingAddressState\":[32]},null,{\"translatedShippingAddress\":[\"watchTranslatedShippingAddress\"],\"translatedBillingAddress\":[\"watchTranslatedBillingAddress\"]}],[2,\"zonos-address\",{\"type\":[1],\"titleText\":[1,\"title-text\"],\"defaultAddress\":[16],\"stripe\":[32],\"isDirtyAddress\":[32]},null,{\"stripe\":[\"watchInitStripe\"]}],[1,\"zonos-checkbox\",{\"backgroundColor\":[1,\"background-color\"],\"label\":[1],\"isChecked\":[4,\"is-checked\"],\"isDisabled\":[4,\"is-disabled\"],\"size\":[2],\"fontSize\":[1,\"font-size\"],\"borderStyle\":[1,\"border-style\"]},[[1,\"click\",\"onClick\"]]],[2,\"zonos-link-authentication\",{\"titleText\":[1,\"title-text\"],\"defaultEmail\":[1,\"default-email\"],\"isEmailError\":[4,\"is-email-error\"],\"stripe\":[32]},null,{\"stripe\":[\"watchInitStripe\"]}],[1,\"zonos-dialog\",{\"open\":[4],\"headerText\":[1,\"header-text\"],\"width\":[1],\"height\":[1],\"minHeight\":[1,\"min-height\"],\"noHeader\":[4,\"no-header\"],\"noBodyPadding\":[4,\"no-body-padding\"],\"noBorder\":[4,\"no-border\"],\"borderStyle\":[1,\"border-style\"],\"noCloseButton\":[4,\"no-close-button\"],\"noClickOutside\":[4,\"no-click-outside\"],\"mobile\":[4],\"isLoading\":[4,\"is-loading\"],\"isMobile\":[32]},[[9,\"resize\",\"handleWindowResize\"],[4,\"keydown\",\"handleKeyDown\"]]],[1,\"zonos-address-display\",{\"currentAddress\":[16],\"addressType\":[1,\"address-type\"]}],[1,\"zonos-address-form\",{\"currentAddress\":[16],\"translatedAddress\":[16],\"addressType\":[1,\"address-type\"],\"localAddress\":[32]},null,{\"translatedAddress\":[\"watchCurrentAddress\"]}]]],[\"zonos-cart-items_13.cjs\",[[2,\"zonos-customer-info\",{\"continueLoading\":[4,\"continue-loading\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"isMobile\":[4,\"is-mobile\"],\"defaultAddress\":[16],\"showErrorBanner\":[32],\"shippingCountry\":[32],\"isCheckingForRestrictedItems\":[32],\"isValidatingAddress\":[32],\"invalidShippingCharacterList\":[32],\"invalidBillingCharacterList\":[32],\"openAddressValidationDialog\":[32],\"isEmailError\":[32]}],[2,\"zonos-checkout-payment\",{\"submitBtnType\":[1,\"submit-btn-type\"],\"continueLoading\":[4,\"continue-loading\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"showErrorBanner\":[32]}],[1,\"zonos-checkout-footer\",{\"mobile\":[4],\"dataTheme\":[1,\"data-theme\"],\"showLanguageDialog\":[32],\"isMobile\":[32]},[[4,\"click\",\"handleGlobalClick\"]],{\"mobile\":[\"handleMobileChange\"]}],[2,\"zonos-shipping\",{\"continueLoading\":[4,\"continue-loading\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"submitBtnType\":[1,\"submit-btn-type\"],\"selectedShippingMethod\":[32],\"collapsedDAPOptions\":[32],\"isSelecting\":[32],\"showErrorBanner\":[32],\"serviceLevelsDDP\":[32],\"serviceLevelsDAP\":[32],\"serviceLevelsOther\":[32],\"serviceLevelsAll\":[32],\"displayBaseCurrency\":[32]}],[1,\"zonos-cart-subtotal\",{\"submitBtnType\":[1,\"submit-btn-type\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"loading\":[32]}],[1,\"zonos-cart-restricted-items\",{\"hide\":[4],\"errorImages\":[32],\"internalCollapsed\":[32],\"firstRender\":[32]}],[1,\"zonos-checkout-finish\",{\"borderRadius\":[1,\"border-radius\"],\"storybookForceStatus\":[1,\"storybook-force-status\"],\"overrideNotification\":[16],\"isLoading\":[32],\"notificationType\":[32],\"notificationTitle\":[32],\"notificationMessages\":[32],\"notificationActionText\":[32],\"order\":[32],\"isWaitingToRedirect\":[32]}],[1,\"zonos-confirm-dialog\",{\"dialogTitle\":[1,\"dialog-title\"],\"dialogIntent\":[1,\"dialog-intent\"],\"dialogSubtitle\":[1,\"dialog-subtitle\"],\"submitBtnColor\":[1,\"submit-btn-color\"],\"dialogConfirmBtnText\":[1,\"dialog-confirm-btn-text\"],\"dialogWidth\":[2,\"dialog-width\"],\"dialogCancelBtnText\":[1,\"dialog-cancel-btn-text\"],\"dialogType\":[1,\"dialog-type\"],\"isMobile\":[4,\"is-mobile\"],\"dialogOpen\":[4,\"dialog-open\"],\"noClickOutside\":[4,\"no-click-outside\"]},[[4,\"keydown\",\"handleKeyDown\"]]],[1,\"zonos-checkout-progress-tabs\",{\"tabColor\":[1,\"tab-color\"],\"backgroundColor\":[1,\"background-color\"],\"setTabItems\":[64],\"setTabSelected\":[64]}],[1,\"zonos-review\",{\"mobile\":[4],\"collapsed\":[4],\"isMobile\":[32]},[[9,\"resize\",\"handleWindowResize\"]]],[1,\"zonos-cart-items\",{\"errorImages\":[32]}],[1,\"zonos-currency-toggle\",{\"errorImages\":[32]}],[1,\"zonos-rest-state\",{\"restStateSubtitle\":[1,\"rest-state-subtitle\"],\"restStateTitle\":[1,\"rest-state-title\"],\"restStateType\":[1,\"rest-state-type\"],\"isErrorImageLoad\":[32]}]]]]"), options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-0f32f556.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-293bb3ba.js');
|
|
8
8
|
const classes = require('./classes-b7918f56.js');
|
|
9
9
|
const formatStringWithLinks = require('./formatStringWithLinks-52341fc7.js');
|
|
10
10
|
const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
|
|
11
|
-
require('./handleFetch-
|
|
11
|
+
require('./handleFetch-4a90f091.js');
|
|
12
12
|
require('./isDarkColor-dd6d723b.js');
|
|
13
13
|
require('./getBorderRadius-f72d8edf.js');
|
|
14
14
|
|
|
@@ -272,18 +272,18 @@ const ZonosHelloDialog = class {
|
|
|
272
272
|
const defaultMessage = formatStringWithLinks.formatStringWithLinks(defaultMessageStr);
|
|
273
273
|
const currentPage = this.getCurrentPageEnum();
|
|
274
274
|
const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
|
|
275
|
-
return (index.h(index.Host, { key: '
|
|
275
|
+
return (index.h(index.Host, { key: '7ff123654399aee05fd295c108e01d924a8964e5', class: "zonos--elements" }, index.h("div", { key: '316720cc18d1b9fbbf86cbfcde1f25106b1197e8', class: classes.classes([
|
|
276
276
|
'zonos--hello-dialog',
|
|
277
277
|
animateLeft && 'zonos--hello-dialog-animate-from-left',
|
|
278
278
|
animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
|
|
279
279
|
!!this.mobileLocationOverride &&
|
|
280
280
|
'zonos--hello-dialog-mobile-override',
|
|
281
281
|
this.isOpen && 'zonos--hello-dialog-open',
|
|
282
|
-
]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: '
|
|
282
|
+
]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (index.h("div", { key: '29a0018c2c8eb7fdde938e432ea783517d364ea8' }, index.h("div", { key: 'a882452996503ddb4feb3e431eaf9cc14dc2ff34', class: "zonos--hello-dialog-content" }, index.h("zonos-button", { key: '2c656e792daa59c0ce5770d71a779de270a8adc8', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), index.h("zonos-v-stack", { key: '1dd3473645c5581fee41da086a478b6eb6f3104e', spacing: 24 }, index.h("zonos-country-flag", { key: '57bdcb6b5e2044b65868a53e91220b7eea5c389e', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), index.h("zonos-v-stack", { key: '8f01898edbd5c30771a2c8d12e0919f6b41cc96c', class: "zonos--hello-dialog-header", spacing: 4 }, index.h("zonos-text", { key: '75728fcc40efe82ff58e767b3c3c9f60f96f37b2', type: "boldSubheader" }, welcomeMessage), index.h("zonos-text", { key: 'b82ebf2adacbb72637064b04957846ee79f10bd5', innerHTML: defaultMessage, textColor: "gray-800" })), index.h("zonos-v-stack", { key: '7a0ae96961883e1a55248d4163da3bed2e76d077', spacing: 8 }, this.restrictedItems.map(item => {
|
|
283
283
|
var _a;
|
|
284
284
|
return item && (index.h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (index.h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
|
|
285
|
-
}), index.h("zonos-card", { key: '
|
|
286
|
-
additionalInformation.map(info => (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), index.h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: '
|
|
285
|
+
}), index.h("zonos-card", { key: 'd6a1f8270f3b6c69febc04224e6a0fa7ada5e07a', spacing: "12px" }, index.h("zonos-v-stack", { key: '209eac48b847c3ac4c7e8eb9df35c95416d89536', spacing: 12 }, hasInclusivePrices ? (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), index.h("zonos-text", null, inclusivePriceMessage))) : (index.h(index.Fragment, null, index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), index.h("zonos-text", null, dutyDeMinimisMessage)), index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), index.h("zonos-text", null, taxDeMinimisMessage)))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
|
|
286
|
+
additionalInformation.map(info => (index.h("div", { class: "zonos--flex-message" }, index.h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), index.h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (index.h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), index.h("zonos-hello-dialog-footer", { key: 'e9444ec1c3c3616712faeba92734b4275d373da1', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (index.h("div", { key: 'a612e3daa6de5e5f73422ed8ebed8b3a682c3c46' }, index.h("zonos-country-select", { key: 'b45c18d7feaf95e74da6e0540ea28325a24d287b', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (index.h("div", { key: 'e50779d3c0e3c83587ae445e9ded8e108f893e31' }, index.h("zonos-language-select", { key: 'b502cef6095a0e9a57b3c81fa354ca3614060878', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
|
|
287
287
|
}
|
|
288
288
|
static get assetsDirs() { return ["assets"]; }
|
|
289
289
|
static get watchers() { return {
|
|
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
6
|
const zonosStore = require('./zonosStore-293bb3ba.js');
|
|
7
|
-
const cart = require('./cart-
|
|
7
|
+
const cart = require('./cart-0f32f556.js');
|
|
8
8
|
const classes = require('./classes-b7918f56.js');
|
|
9
|
-
const handleFetch = require('./handleFetch-
|
|
9
|
+
const handleFetch = require('./handleFetch-4a90f091.js');
|
|
10
10
|
const getHasMoreSpaceOnRight = require('./getHasMoreSpaceOnRight-4c94667f.js');
|
|
11
11
|
require('./isDarkColor-dd6d723b.js');
|
|
12
12
|
require('./getBorderRadius-f72d8edf.js');
|
|
@@ -27,17 +27,17 @@ const ZonosInput = class {
|
|
|
27
27
|
this.inputChange.emit(newValue);
|
|
28
28
|
}
|
|
29
29
|
render() {
|
|
30
|
-
return (index.h(index.Host, { key: '
|
|
30
|
+
return (index.h(index.Host, { key: '70d14250b09b4c2e8e865c00d10015f6d0f9a8da', class: classes.classes([
|
|
31
31
|
'zonos--input zonos--elements',
|
|
32
32
|
this.inputSize,
|
|
33
33
|
this.isError && 'has-error',
|
|
34
34
|
]), style: {
|
|
35
35
|
'--zonos--border-radius': getBorderRadius.getBorderRadius(),
|
|
36
36
|
'--zonos--font-family': zonosStore.zonosStoreFontFamily(),
|
|
37
|
-
} }, index.h("div", { key: '
|
|
37
|
+
} }, index.h("div", { key: '1a7020e339f23c1aba8004b613ac4252a51e0686', class: classes.classes([
|
|
38
38
|
'zonos--label-wrapper',
|
|
39
39
|
this.isDisabled && 'disabled',
|
|
40
|
-
]) }, index.h("input", { key: '
|
|
40
|
+
]) }, index.h("input", { key: '6a4ffdb5c8f2d0058bc7ebde5427a749cedd62d1', class: classes.classes([
|
|
41
41
|
'zonos--floated-input',
|
|
42
42
|
!!this.inputLabel && 'has-label',
|
|
43
43
|
this.inputValue && 'has-content',
|
|
@@ -45,7 +45,7 @@ const ZonosInput = class {
|
|
|
45
45
|
]), disabled: this.isDisabled, onInput: e => {
|
|
46
46
|
const input = e.target;
|
|
47
47
|
this.inputChange.emit(input.value);
|
|
48
|
-
}, placeholder: this.inputPlaceholder, type: "text", value: this.value }), index.h("label", { key: '
|
|
48
|
+
}, placeholder: this.inputPlaceholder, type: "text", value: this.value }), index.h("label", { key: '62408e5b16c51f9ccb88066e384391fc7c96f0ec', class: "zonos--floated-label", "data-label": this.inputLabel }))));
|
|
49
49
|
}
|
|
50
50
|
get el() { return index.getElement(this); }
|
|
51
51
|
static get watchers() { return {
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const cart = require('./cart-
|
|
6
|
+
const cart = require('./cart-0f32f556.js');
|
|
7
7
|
const zonosStore = require('./zonosStore-293bb3ba.js');
|
|
8
8
|
const ILanguage = require('./ILanguage-98b04442.js');
|
|
9
|
-
require('./handleFetch-
|
|
9
|
+
require('./handleFetch-4a90f091.js');
|
|
10
10
|
require('./isDarkColor-dd6d723b.js');
|
|
11
11
|
require('./getBorderRadius-f72d8edf.js');
|
|
12
12
|
|
|
@@ -31,9 +31,9 @@ const ZonosLanguageSelect = class {
|
|
|
31
31
|
}
|
|
32
32
|
render() {
|
|
33
33
|
const { selectedLocale } = cart.localizationStore;
|
|
34
|
-
return (index.h(index.Host, { key: '
|
|
34
|
+
return (index.h(index.Host, { key: '38bd8435fdeb1a017b9ed7253d599b99f370a0b6', class: "zonos--elements", style: {
|
|
35
35
|
'--zonos--font-family': zonosStore.zonosStoreFontFamily(),
|
|
36
|
-
} }, index.h("div", { key: '
|
|
36
|
+
} }, index.h("div", { key: 'c7cffeecf5da28e323f60a5b4e3b292cfbe900bc', class: "zonos--language-select" }, index.h("zonos-select-dialog-header", { key: '331f76a0a0a57cbd9dbd282ba854956c183a75dd', handleOnClose: () => this.handleOnClose(), label: cart.translate('Select a language') }), index.h("div", { key: '15743243ddbfb50dd533cf91254d6e41db7597a5', class: "zonos--language-select-content" }, ILanguage.languages.map(language => (index.h("button", { class: "zonos--language-select-button", onClick: () => this.languageSelected(language.code) }, index.h("zonos-text", { textColor: "gray-800" }, language.translatedLabel), language.code === selectedLocale && (index.h("zonos-icon", { content: GreenCheckDuotoneIcon, size: 16 })))))))));
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
39
|
ZonosLanguageSelect.style = ZonosLanguageSelectStyle0;
|
|
@@ -50,9 +50,9 @@ const ZonosSelectDialogHeader = class {
|
|
|
50
50
|
this.label = '';
|
|
51
51
|
}
|
|
52
52
|
render() {
|
|
53
|
-
return (index.h(index.Host, { key: '
|
|
53
|
+
return (index.h(index.Host, { key: '82ed89ddf7915df04bad887c887edb2cdd116ff8', class: "zonos--elements", style: {
|
|
54
54
|
'--zonos--font-family': zonosStore.zonosStoreFontFamily(),
|
|
55
|
-
} }, index.h("zonos-v-stack", { key: '
|
|
55
|
+
} }, index.h("zonos-v-stack", { key: '6c91fb64db203a773f2fb375059173f2e0a4b7db', class: "zonos--select-dialog-header-wrapper", spacing: 8 }, index.h("div", { key: 'b26a23574556b119e27bf5fb0cb5308709b0eb73', class: "zonos--select-dialog-header" }, index.h("zonos-text", { key: '3347503084cae69ccfca1fe5a503174e2acecc3c', type: "boldLabel" }, this.label), index.h("zonos-button", { key: '66e91d6c0a46407cc88c4d269d880eaa27b650db', class: "zonos--close-button", icon: index.h("zonos-icon", { "aria-label": "Close select dialog", content: RemoveIcon, size: 20 }), noBackground: true, onClick: () => this.handleOnClose() })), index.h("slot", { key: '2db7470d4893918939dd54d2f2e994f49517def9' }))));
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
58
|
ZonosSelectDialogHeader.style = ZonosSelectDialogHeaderStyle0;
|
|
@@ -16,7 +16,7 @@ const ZonosLink = class {
|
|
|
16
16
|
this.linkTitle = undefined;
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (index.h(index.Host, { key: '
|
|
19
|
+
return (index.h(index.Host, { key: '9c08d2689b011f162ef47271bd50e9e1fc2d177f', class: "zonos--elements" }, index.h("a", { key: 'ad0a8003308783081a7070bb9f06cd2387bb3a78', href: this.href, rel: this.rel, target: this.target, title: this.linkTitle }, index.h("slot", { key: 'd54f21f0f36196b9b5a0bf7f63a989e9dd1c411e' }))));
|
|
20
20
|
}
|
|
21
21
|
};
|
|
22
22
|
ZonosLink.style = ZonosLinkStyle0;
|
|
@@ -19,11 +19,11 @@ const ZonosLogo = class {
|
|
|
19
19
|
const filterColor = this.theme === 'DARK'
|
|
20
20
|
? 'invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%)'
|
|
21
21
|
: 'whiteinvert(0%) sepia(100%) saturate(32%) hue-rotate(92deg) brightness(107%) contrast(107%)';
|
|
22
|
-
return (index.h(index.Host, { key: '
|
|
22
|
+
return (index.h(index.Host, { key: 'ef19703a0588e4010e50c2e4bef5abe9eb48efc7', class: classes.classes(['zonos--elements zonos--logo']), style: {
|
|
23
23
|
'--zonos--filter-color': filterColor,
|
|
24
24
|
'--zonos--font-family': zonosStore.zonosStoreFontFamily(),
|
|
25
25
|
'--zonos--width': this.width,
|
|
26
|
-
} }, index.h("img", { key: '
|
|
26
|
+
} }, index.h("img", { key: 'b14760baccb072ab399d11432fbc4c3c9c8ee876', alt: "Zonos Logo", src: index.getAssetPath('./assets/ZonosLogo.png') })));
|
|
27
27
|
}
|
|
28
28
|
static get assetsDirs() { return ["assets"]; }
|
|
29
29
|
};
|
|
@@ -6,9 +6,9 @@ const index = require('./index-d56e0a8b.js');
|
|
|
6
6
|
const zonosStore = require('./zonosStore-293bb3ba.js');
|
|
7
7
|
const classes = require('./classes-b7918f56.js');
|
|
8
8
|
const getBorderRadius = require('./getBorderRadius-f72d8edf.js');
|
|
9
|
-
const cart = require('./cart-
|
|
10
|
-
const handleFetch = require('./handleFetch-
|
|
11
|
-
const paypal = require('./paypal-
|
|
9
|
+
const cart = require('./cart-0f32f556.js');
|
|
10
|
+
const handleFetch = require('./handleFetch-4a90f091.js');
|
|
11
|
+
const paypal = require('./paypal-045033fb.js');
|
|
12
12
|
require('./isDarkColor-dd6d723b.js');
|
|
13
13
|
|
|
14
14
|
const zonosNotificationCss = ":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999999;bottom:24px;gap:8px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:8px;border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--zonos-elements-green-700)}:host .zonos--notification-item.error{background-color:var(--zonos-elements-red-700)}:host .zonos--notification-item.warning{background-color:var(--zonos-elements-orange-700)}";
|
|
@@ -111,7 +111,7 @@ const ZonosPayment = class {
|
|
|
111
111
|
}
|
|
112
112
|
render() {
|
|
113
113
|
// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
|
|
114
|
-
return (index.h(index.Host, { key: '
|
|
114
|
+
return (index.h(index.Host, { key: '8688b2ce3087fb2265b1b84229a3af6f6cba39e6', class: "zonos--payment zonos--elements" }, this.titleText && (index.h("zonos-text", { key: '7b6bc40043d7d14e55faa7e60b85cdc60d56d00a', class: "zonos--title", type: "semiBoldLabel" }, this.titleText)), index.h("div", { key: '39df45805f365e761f0001c075f94e0bdf99fabb', class: "zonos--payment-component" }), index.h("div", { key: 'a9e7d56ba2b0050926121e3ab8a61cbace9a6a14', class: "zonos--payment-paypal-container" })));
|
|
115
115
|
}
|
|
116
116
|
get el() { return index.getElement(this); }
|
|
117
117
|
static get watchers() { return {
|
|
@@ -165,7 +165,7 @@ const ZonosPaypalPayment = class {
|
|
|
165
165
|
void this.loadPaypal();
|
|
166
166
|
}
|
|
167
167
|
render() {
|
|
168
|
-
return (index.h(index.Host, { key: '
|
|
168
|
+
return (index.h(index.Host, { key: '6bfc962de500edbb105b7eb899711e48def78167', class: "zonos--paypal-payment zonos--elements" }, index.h("div", { key: '92d1b1c416f5e233c54e50d47129be375ef0a68b', class: "zonos--payment-paypal-container" })));
|
|
169
169
|
}
|
|
170
170
|
get el() { return index.getElement(this); }
|
|
171
171
|
};
|
|
@@ -17,9 +17,9 @@ const ZonosToggle = class {
|
|
|
17
17
|
this.value = undefined;
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
return (index.h(index.Host, { key: '
|
|
20
|
+
return (index.h(index.Host, { key: '4b224821c94249757cbd19e27a75af29c9fbab25', class: classes.classes(['zonos--elements zonos--toggle']), style: {
|
|
21
21
|
'--zonos--font-family': zonosStore.zonosStoreFontFamily(),
|
|
22
|
-
} }, index.h("div", { key: '
|
|
22
|
+
} }, index.h("div", { key: 'e8a3a44ccfebef2f06d94938c19aaf640d844d9e', class: "wrapper" }, this.options.map(option => {
|
|
23
23
|
const selected = option.value === this.value;
|
|
24
24
|
return (index.h("button", { class: classes.classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
|
|
25
25
|
this.toggleChanged.emit(option.value);
|
|
@@ -16,10 +16,10 @@ const ZonosTooltip = class {
|
|
|
16
16
|
this.showTooltip = false;
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
|
-
return (index.h(index.Host, { key: '
|
|
19
|
+
return (index.h(index.Host, { key: '091516a0a68f8b4ab2580a8118900c34b39e931c', class: "zonos--elements" }, index.h("div", { key: '77769b18201f87d601d5bdb860a4bc8c84bb4e90', class: "zonos--tooltip", onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("slot", { key: '139c1de415b94e12b8d575e3662cba9faf56cb2f' }), index.h("div", { key: '60c38adf74e9b776001844c2205ac87a4562b525', class: classes.classes([
|
|
20
20
|
this.showTooltip && 'zonos--show-tooltip',
|
|
21
21
|
'zonos--tooltip-content',
|
|
22
|
-
]) }, index.h("zonos-text", { key: '
|
|
22
|
+
]) }, index.h("zonos-text", { key: 'bb87c44ee7831c24b47c43b17d2b04c79112e900', size: "s", textColor: "gray-0", type: "boldLabel" }, this.label), index.h("zonos-text", { key: '5d114d284a15a1661e926bfe5fae9251513c7370', size: "xs", textColor: "gray-0" }, this.subtitle)))));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
ZonosTooltip.style = ZonosTooltipStyle0;
|
|
@@ -15,9 +15,9 @@ const VStack = class {
|
|
|
15
15
|
this.spacing = 24;
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
return (index.h(index.Host, { key: '
|
|
18
|
+
return (index.h(index.Host, { key: '99d265d6cc1c8f746217f3f42d21b8d7d5ba70b6', style: {
|
|
19
19
|
'--zonos--font-family': zonosStore.zonosStoreFontFamily(),
|
|
20
|
-
} }, index.h("div", { key: '
|
|
20
|
+
} }, index.h("div", { key: 'f935f28aebb85434e71afcc52b7dc4463df8eb4a', class: classes.classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, index.h("slot", { key: '53f2a34378fcd8b291446bf8293e89307bc15d1f' }))));
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
VStack.style = ZonosVStackStyle0;
|