@zonos/elements 1.3.113 → 1.3.115
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/{cart-6d966eea.js → cart-95119cd0.js} +19 -25
- package/dist/cjs/{getBorderRadius-53c35cd1.js → getBorderRadius-61ed5601.js} +1 -1
- package/dist/cjs/index.cjs.js +7 -7
- package/dist/cjs/{isDarkColor-87ee1eb7.js → isDarkColor-d206c6fa.js} +1 -1
- package/dist/cjs/{paypal-ae7bd9f2.js → paypal-eb9670e2.js} +3 -3
- package/dist/cjs/zonos-address_7.cjs.entry.js +5 -5
- package/dist/cjs/zonos-badge.cjs.entry.js +1 -1
- package/dist/cjs/zonos-banner.cjs.entry.js +1 -1
- package/dist/cjs/zonos-button_3.cjs.entry.js +3 -3
- package/dist/cjs/zonos-card.cjs.entry.js +2 -2
- package/dist/cjs/zonos-cart-items_13.cjs.entry.js +9 -12
- package/dist/cjs/zonos-checkout.cjs.entry.js +19 -7
- package/dist/cjs/zonos-collapse.cjs.entry.js +1 -1
- package/dist/cjs/zonos-controller.cjs.entry.js +27 -4
- package/dist/cjs/zonos-country-flag.cjs.entry.js +4 -4
- package/dist/cjs/zonos-country-select_4.cjs.entry.js +4 -4
- package/dist/cjs/zonos-hello-dialog.cjs.entry.js +4 -4
- package/dist/cjs/zonos-hello.cjs.entry.js +5 -5
- package/dist/cjs/zonos-input.cjs.entry.js +2 -2
- package/dist/cjs/zonos-language-select_2.cjs.entry.js +4 -4
- package/dist/cjs/zonos-logo.cjs.entry.js +1 -1
- package/dist/cjs/zonos-notification_3.cjs.entry.js +5 -5
- package/dist/cjs/zonos-shipping-rich-radio.cjs.entry.js +2 -2
- package/dist/cjs/zonos-text.cjs.entry.js +1 -1
- package/dist/cjs/zonos-toggle.cjs.entry.js +1 -1
- package/dist/cjs/zonos-v-stack.cjs.entry.js +1 -1
- package/dist/cjs/{zonosStore-b18fe6b6.js → zonosStore-e12d459c.js} +1 -0
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js +14 -2
- package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.js +3 -6
- package/dist/collection/components/common/zonos-dialog/zonos-dialog.css +1 -1
- package/dist/collection/components/hello/zonos-hello/zonos-hello.js +1 -1
- package/dist/collection/components/store/checkout/stripe.js +2 -10
- package/dist/collection/components/store/zonosStore.js +1 -0
- package/dist/collection/components/utils/api/prepCalculateLandedCost.js +14 -12
- package/dist/collection/components/utils/cleanHtmlMarkdown.js +1 -1
- package/dist/collection/components/utils/hello/initHello.js +23 -0
- package/dist/esm/{cart-89bc298d.js → cart-6f978504.js} +19 -25
- package/dist/esm/{getBorderRadius-e55a9df1.js → getBorderRadius-008516a4.js} +1 -1
- package/dist/esm/index.js +7 -7
- package/dist/esm/{isDarkColor-4261bc3c.js → isDarkColor-dc08fa26.js} +1 -1
- package/dist/esm/{paypal-804a4bcb.js → paypal-ce731a62.js} +3 -3
- package/dist/esm/zonos-address_7.entry.js +5 -5
- package/dist/esm/zonos-badge.entry.js +1 -1
- package/dist/esm/zonos-banner.entry.js +1 -1
- package/dist/esm/zonos-button_3.entry.js +3 -3
- package/dist/esm/zonos-card.entry.js +2 -2
- package/dist/esm/zonos-cart-items_13.entry.js +9 -12
- package/dist/esm/zonos-checkout.entry.js +19 -7
- package/dist/esm/zonos-collapse.entry.js +1 -1
- package/dist/esm/zonos-controller.entry.js +27 -4
- package/dist/esm/zonos-country-flag.entry.js +4 -4
- package/dist/esm/zonos-country-select_4.entry.js +4 -4
- package/dist/esm/zonos-hello-dialog.entry.js +4 -4
- package/dist/esm/zonos-hello.entry.js +5 -5
- package/dist/esm/zonos-input.entry.js +2 -2
- package/dist/esm/zonos-language-select_2.entry.js +4 -4
- package/dist/esm/zonos-logo.entry.js +1 -1
- package/dist/esm/zonos-notification_3.entry.js +5 -5
- package/dist/esm/zonos-shipping-rich-radio.entry.js +2 -2
- package/dist/esm/zonos-text.entry.js +1 -1
- package/dist/esm/zonos-toggle.entry.js +1 -1
- package/dist/esm/zonos-v-stack.entry.js +1 -1
- package/dist/esm/{zonosStore-7798ac16.js → zonosStore-6b5bd87c.js} +1 -0
- package/dist/esm-es5/{cart-89bc298d.js → cart-6f978504.js} +1 -1
- package/dist/esm-es5/{getBorderRadius-e55a9df1.js → getBorderRadius-008516a4.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/{isDarkColor-4261bc3c.js → isDarkColor-dc08fa26.js} +1 -1
- package/dist/esm-es5/{paypal-804a4bcb.js → paypal-ce731a62.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-banner.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-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-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-logo.entry.js +1 -1
- package/dist/esm-es5/zonos-notification_3.entry.js +1 -1
- package/dist/esm-es5/zonos-shipping-rich-radio.entry.js +1 -1
- package/dist/esm-es5/zonos-text.entry.js +1 -1
- package/dist/esm-es5/zonos-toggle.entry.js +1 -1
- package/dist/esm-es5/zonos-v-stack.entry.js +1 -1
- package/dist/esm-es5/{zonosStore-7798ac16.js → zonosStore-6b5bd87c.js} +1 -1
- package/dist/scripts/index.d.ts +15 -11
- 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/utils/api/prepCalculateLandedCost.d.ts +1 -1
- package/dist/types/components/utils/cleanHtmlMarkdown.d.ts +1 -1
- package/dist/types/components/utils/hello/initHello.d.ts +1 -0
- package/dist/types/components/utils/mergeConfig.d.ts +1 -1
- package/dist/types/types/checkout/CheckoutConfig.d.ts +7 -11
- package/dist/types/types/hello/HelloConfig.d.ts +8 -0
- package/dist/zonos-elements/assets/RemoveIcon.svg +1 -1
- package/dist/zonos-elements/index.esm.js +1 -1
- package/dist/zonos-elements/{p-15750a04.system.js → p-00dc1507.system.js} +1 -1
- package/dist/zonos-elements/{p-9d7a79e3.entry.js → p-0651fcb2.entry.js} +1 -1
- package/dist/zonos-elements/{p-ad733913.entry.js → p-069a1891.entry.js} +1 -1
- package/dist/zonos-elements/{p-d49cdf77.system.entry.js → p-15d4dccb.system.entry.js} +1 -1
- package/dist/zonos-elements/p-196258ad.system.entry.js +1 -0
- package/dist/zonos-elements/{p-02b1e030.system.entry.js → p-1c6ab0ff.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-e5e63927.system.entry.js → p-20c72ca4.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-0a8b6b4a.system.entry.js → p-2578b7b7.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-7cb4523f.system.entry.js → p-28b79606.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-97114032.js → p-2db740f1.js} +1 -1
- package/dist/zonos-elements/{p-1a0e138c.entry.js → p-352d1b18.entry.js} +1 -1
- package/dist/zonos-elements/{p-1deb01e3.entry.js → p-3e2aa5e2.entry.js} +1 -1
- package/dist/zonos-elements/{p-b34ccbfd.entry.js → p-3e50ba67.entry.js} +1 -1
- package/dist/zonos-elements/{p-d1f334d8.system.entry.js → p-41109a49.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-1605dd48.entry.js → p-434cab4e.entry.js} +1 -1
- package/dist/zonos-elements/{p-31acf417.entry.js → p-438f65db.entry.js} +1 -1
- package/dist/zonos-elements/{p-2aa5575f.entry.js → p-44991bcf.entry.js} +1 -1
- package/dist/zonos-elements/{p-8f9198f2.system.js → p-46395a15.system.js} +1 -1
- package/dist/zonos-elements/{p-007c64dc.system.js → p-491f7d74.system.js} +1 -1
- package/dist/zonos-elements/{p-d0ccf2af.system.entry.js → p-4be91172.system.entry.js} +1 -1
- package/dist/zonos-elements/p-4de83ee5.entry.js +1 -0
- package/dist/zonos-elements/{p-d01cfb8b.system.entry.js → p-4f3a0185.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-55735806.system.entry.js → p-51a6f7b9.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-05d558c2.entry.js → p-5ba975aa.entry.js} +1 -1
- package/dist/zonos-elements/{p-e4a69ce9.system.entry.js → p-5c30289f.system.entry.js} +1 -1
- package/dist/zonos-elements/p-5cbddbe5.entry.js +1 -0
- package/dist/zonos-elements/{p-1769c0d2.entry.js → p-61219278.entry.js} +1 -1
- package/dist/zonos-elements/{p-e559d12d.js → p-67a32cc5.js} +1 -1
- package/dist/zonos-elements/{p-b35e67f7.system.entry.js → p-6951f071.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-fe781493.entry.js → p-793a5064.entry.js} +1 -1
- package/dist/zonos-elements/p-804eaa0a.entry.js +1 -0
- package/dist/zonos-elements/{p-ac97f26c.system.entry.js → p-80733970.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-3c326d01.system.entry.js → p-8a4cf7ec.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-c598b3c5.entry.js → p-909017d9.entry.js} +1 -1
- package/dist/zonos-elements/{p-f20b3656.entry.js → p-910b7ea8.entry.js} +1 -1
- package/dist/zonos-elements/{p-a24da794.js → p-91cfbf46.js} +1 -1
- package/dist/zonos-elements/{p-42d9d3af.system.entry.js → p-92cc93c2.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-f26c4392.entry.js → p-99b3759b.entry.js} +1 -1
- package/dist/zonos-elements/{p-42b0fca8.system.entry.js → p-a1d7f205.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-d3c1ad61.system.entry.js → p-a287f192.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-8e6bbf2c.entry.js → p-a84cca94.entry.js} +1 -1
- package/dist/zonos-elements/{p-0c7d7aec.entry.js → p-b25964f0.entry.js} +1 -1
- package/dist/zonos-elements/p-bd787506.system.entry.js +1 -0
- package/dist/zonos-elements/{p-45214b34.system.entry.js → p-c0343f7e.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-daab619c.system.js → p-c3e98be6.system.js} +1 -1
- package/dist/zonos-elements/{p-ab9af87d.system.entry.js → p-c5a67d85.system.entry.js} +1 -1
- package/dist/zonos-elements/p-c78dd680.system.js +1 -1
- package/dist/zonos-elements/{p-2cce0f21.system.js → p-c85b4e43.system.js} +1 -1
- package/dist/zonos-elements/{p-ed222a50.entry.js → p-ccd96dca.entry.js} +1 -1
- package/dist/zonos-elements/{p-514b42a4.system.entry.js → p-d1a3fa94.system.entry.js} +1 -1
- package/dist/zonos-elements/{p-ead95c3b.entry.js → p-e0a3dc73.entry.js} +1 -1
- package/dist/zonos-elements/{p-032159ed.js → p-e1ce04b1.js} +1 -1
- package/dist/zonos-elements/{p-e132bc3d.js → p-f18ce1da.js} +1 -1
- package/dist/zonos-elements/{p-a7db7ad2.system.js → p-fdffc1ce.system.js} +1 -1
- package/dist/zonos-elements/zonos-elements.esm.js +1 -1
- package/package.json +2 -2
- package/dist/zonos-elements/p-1195f857.system.entry.js +0 -1
- package/dist/zonos-elements/p-347c0756.entry.js +0 -1
- package/dist/zonos-elements/p-3cfa837c.entry.js +0 -1
- package/dist/zonos-elements/p-ece0b7ab.system.entry.js +0 -1
- package/dist/zonos-elements/p-ef13397c.entry.js +0 -1
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const zonosStore = require('./zonosStore-
|
|
6
|
+
const zonosStore = require('./zonosStore-e12d459c.js');
|
|
7
7
|
const classes = require('./classes-b7918f56.js');
|
|
8
|
-
const getBorderRadius = require('./getBorderRadius-
|
|
8
|
+
const getBorderRadius = require('./getBorderRadius-61ed5601.js');
|
|
9
9
|
const isColorVariable = require('./isColorVariable-6f5a9608.js');
|
|
10
10
|
|
|
11
11
|
const zonosShippingRichRadioCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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-direction:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--zonos-elements-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:16px;-ms-flex-align:center;align-items:center;gap:16px;cursor:pointer;border:1px solid var(--zonos-elements-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--zonos-elements-radius-10));border-top-right-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--zonos-elements-radius-10));border-bottom-left-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--shipping-rich-radio-item:not(:last-child){border-bottom:none}:host .zonos--shipping-rich-radio-item.selected{outline:1px solid var(--selected-border-color, var(--zonos-elements-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const zonosStore = require('./zonosStore-
|
|
6
|
+
const zonosStore = require('./zonosStore-e12d459c.js');
|
|
7
7
|
const classes = require('./classes-b7918f56.js');
|
|
8
8
|
const isColorVariable = require('./isColorVariable-6f5a9608.js');
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const zonosStore = require('./zonosStore-
|
|
6
|
+
const zonosStore = require('./zonosStore-e12d459c.js');
|
|
7
7
|
const classes = require('./classes-b7918f56.js');
|
|
8
8
|
|
|
9
9
|
const zonosToggleCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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-inline-flexbox;display:inline-flex}:host .wrapper{position:relative;border-radius:6px;background-color:var(--zonos-elements-gray-50);display:-ms-flexbox;display:flex}:host .zonos--toggle-selected-slider{z-index:1;position:absolute;background-color:var(--zonos-elements-raised-surface-color);height:100%;-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard);border-radius:6px;-webkit-animation:translate 0.3s ease-in-out;animation:translate 0.3s ease-in-out}:host .zonos--option{background:transparent;border:0;z-index:2;cursor:pointer;padding:4px 12px;border-radius:6px;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);font-size:var(--zonos-elements-font-size-base);font-weight:500;color:var(--zonos-elements-text-color-secondary)}:host .zonos--option:focus{outline:none}:host .zonos--option:hover:not(.selected){color:var(--zonos-elements-text-color)}:host .zonos--option.selected{color:var(--zonos-elements-text-color);background-color:var(--zonos-elements-raised-surface-color);height:100%;-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard);border-radius:6px;-webkit-animation:translate 0.3s ease-in-out;animation:translate 0.3s ease-in-out}";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d56e0a8b.js');
|
|
6
|
-
const zonosStore = require('./zonosStore-
|
|
6
|
+
const zonosStore = require('./zonosStore-e12d459c.js');
|
|
7
7
|
const classes = require('./classes-b7918f56.js');
|
|
8
8
|
|
|
9
9
|
const zonosVStackCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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 .vstack{display:grid;grid-auto-columns:minmax(0, 1fr);grid-row-gap:var(--spacing, 24px);grid-auto-flow:row}";
|
|
@@ -2823,6 +2823,7 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
|
|
|
2823
2823
|
homepageUrlPattern: '',
|
|
2824
2824
|
mobileLocation: 'BOTTOM_RIGHT',
|
|
2825
2825
|
mode: 'LIVE',
|
|
2826
|
+
notFoundElementFallback: null,
|
|
2826
2827
|
organization: '',
|
|
2827
2828
|
peekMessageBehavior: 'ENABLED',
|
|
2828
2829
|
peekMessageDelay: 0,
|
|
@@ -177,7 +177,18 @@ export class ZonosCheckout {
|
|
|
177
177
|
countryCode: localizationStore.selectedCountryCode,
|
|
178
178
|
currencyCode: localizationStore.targetCurrency,
|
|
179
179
|
});
|
|
180
|
-
|
|
180
|
+
// Remove negative line items and move them to adjustments here, this is only for the deprecated `buildCartDetail` where negative line items are just treated as global discount amounts. It is up to the caller to create the right discount line items.
|
|
181
|
+
const cartItemsFiltered = cartItems.filter(item => item.amount >= 0);
|
|
182
|
+
const negativeItems = cartItems.filter(item => item.amount < 0);
|
|
183
|
+
const adjustments = negativeItems.map(item => ({
|
|
184
|
+
amount: item.amount,
|
|
185
|
+
currencyCode: item.currencyCode,
|
|
186
|
+
description: item.name || item.description || '',
|
|
187
|
+
productId: item.productId || null,
|
|
188
|
+
sku: item.sku || null,
|
|
189
|
+
type: 'CART_TOTAL',
|
|
190
|
+
}));
|
|
191
|
+
await cartStoreUpdateItems({ adjustments, cartItems: cartItemsFiltered });
|
|
181
192
|
}
|
|
182
193
|
// if client secret doesn't exist, request a new one.
|
|
183
194
|
if (!stripeStore.clientSecret) {
|
|
@@ -622,6 +633,7 @@ export class ZonosCheckout {
|
|
|
622
633
|
void this.init();
|
|
623
634
|
this.isMobile = isCheckoutMobile(this.mobile);
|
|
624
635
|
this.isIframed = window.self !== window.top;
|
|
636
|
+
log(`iframed: ${this.isIframed}`);
|
|
625
637
|
// update theme to browser preference theme if appearance theme is system
|
|
626
638
|
this.handleAppearanceSettingsOverrideChange();
|
|
627
639
|
// listen to selected locale code change
|
|
@@ -648,7 +660,7 @@ export class ZonosCheckout {
|
|
|
648
660
|
cartStore.step !== 'error' &&
|
|
649
661
|
!stripeStore.stripeElements) ||
|
|
650
662
|
stripeStore.isFetchingSession;
|
|
651
|
-
const { colorPrimary, colorSecondary, logoUrl, style } = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride);
|
|
663
|
+
const { colorPrimary, colorSecondary, logoUrl, style } = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride || null);
|
|
652
664
|
const hasFooter = zonosStore.appearance.zonosAttribution === 'ENABLED';
|
|
653
665
|
const rightSideTheme = zonosStore.appearance.theme;
|
|
654
666
|
const themePrimaryColorBased = colorPrimary && isDarkColor(colorPrimary) ? 'DARK' : 'LIGHT';
|
|
@@ -22,10 +22,7 @@ export class ZonosShipping {
|
|
|
22
22
|
}
|
|
23
23
|
this.isSelecting = true;
|
|
24
24
|
// save selected shipping option to store
|
|
25
|
-
|
|
26
|
-
if (!updateStatus) {
|
|
27
|
-
return;
|
|
28
|
-
}
|
|
25
|
+
await cartStoreUpdateSelectedShippingOption(selectedShippingOption, e.detail.landedCostId);
|
|
29
26
|
this.isSelecting = false;
|
|
30
27
|
};
|
|
31
28
|
this.handleValidate = () => {
|
|
@@ -172,13 +169,13 @@ export class ZonosShipping {
|
|
|
172
169
|
if (this.showErrorBanner) {
|
|
173
170
|
this.showErrorBanner = !this.handleValidate();
|
|
174
171
|
}
|
|
175
|
-
return (h(Host, { key: '
|
|
172
|
+
return (h(Host, { key: '70176e5f30fc095476ee8ece7032ec0008a17642', class: "zonos--shipping zonos--elements" }, h("div", { key: 'a63647ce745b5201237d493d98bfc8f5c7be1eb2', class: "zonos--group" }, h("zonos-text", { key: '8e910c5b2f998870edd9716cd6e6b103b8b617ad', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (h("zonos-banner", { key: 'bb6991ac0beb5f57de5c00fde916936c6d36eb0b', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: 'd3635b8079fe184404c48e0e4cfb5f640567d1a0', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !this.serviceLevelsAll.length ? (h("zonos-banner", { bannerTitle: translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
|
|
176
173
|
!!this.serviceLevelsDAP.length && (h("button", { class: classes([
|
|
177
174
|
'zonos--shipping-options-collapse-trigger',
|
|
178
175
|
this.collapsedDAPOptions && 'collapsed',
|
|
179
176
|
]), onClick: () => {
|
|
180
177
|
this.collapsedDAPOptions = !this.collapsedDAPOptions;
|
|
181
|
-
} }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: '
|
|
178
|
+
} }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: '5fdef6f67c68d211220b96dc1ff802fa6159711d', class: "zonos--group-btn" }, h("zonos-button", { key: '1d4627bff782561ed545a46a54ef46494b4b2bd6', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
|
|
182
179
|
// use primary type when on mobile mode
|
|
183
180
|
variant: this.submitBtnType }, translate('Go to payment'))))));
|
|
184
181
|
}
|
|
@@ -350,7 +350,7 @@ export class ZonosHello {
|
|
|
350
350
|
}
|
|
351
351
|
const { selectedCountryCode, targetCurrency } = localizationStore;
|
|
352
352
|
const { isOnLeft, isOnTop, shouldFloat } = this.getHelloLocation();
|
|
353
|
-
const appearanceSettings = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride);
|
|
353
|
+
const appearanceSettings = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride || null);
|
|
354
354
|
const { theme } = appearanceSettings;
|
|
355
355
|
const restrictedItemsOnPage = (_b = this.allRestrictedItems) === null || _b === void 0 ? void 0 : _b.filter(product => this.productsOnPage.some(restriction => restriction.description === product.itemDescription));
|
|
356
356
|
// The organization name can be changed after init with the updateOrganizationName method.
|
|
@@ -248,15 +248,7 @@ const stripeStorePrefetchLandedCost = async (params) => {
|
|
|
248
248
|
// prefetch landed cost will not update shipping and taxes since we haven't selected shipping method yet
|
|
249
249
|
cartStoreApplySubtotals({
|
|
250
250
|
method: (matchLandedCost === null || matchLandedCost === void 0 ? void 0 : matchLandedCost.landedCost.method) || 'DDP',
|
|
251
|
-
subtotals
|
|
252
|
-
adjustments: subtotals.adjustments,
|
|
253
|
-
exchangeRate: subtotals.exchangeRate,
|
|
254
|
-
items: subtotals.items,
|
|
255
|
-
landedCostTotal: subtotals.landedCostTotal,
|
|
256
|
-
presentmentCurrencyCode: subtotals.presentmentCurrencyCode,
|
|
257
|
-
shipping: subtotals.shipping,
|
|
258
|
-
total: subtotals.total,
|
|
259
|
-
},
|
|
251
|
+
subtotals,
|
|
260
252
|
});
|
|
261
253
|
}
|
|
262
254
|
}
|
|
@@ -503,7 +495,7 @@ const stripeStoreInitCheckoutSession = async () => {
|
|
|
503
495
|
stripeStore.clientSecret = result.clientSecret;
|
|
504
496
|
cartStoreApplySubtotals({
|
|
505
497
|
method: ((_b = result.landedCost) === null || _b === void 0 ? void 0 : _b.method) || 'DDP',
|
|
506
|
-
subtotals:
|
|
498
|
+
subtotals: result.subtotals,
|
|
507
499
|
});
|
|
508
500
|
log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
|
|
509
501
|
log('done-init-checkout-session');
|
|
@@ -64,6 +64,7 @@ const { dispose: zonosStoreDispose, reset, state: zonosStore, } = createStore(()
|
|
|
64
64
|
homepageUrlPattern: '',
|
|
65
65
|
mobileLocation: 'BOTTOM_RIGHT',
|
|
66
66
|
mode: 'LIVE',
|
|
67
|
+
notFoundElementFallback: null,
|
|
67
68
|
organization: '',
|
|
68
69
|
peekMessageBehavior: 'ENABLED',
|
|
69
70
|
peekMessageDelay: 0,
|
|
@@ -21,7 +21,7 @@ const getTranslatedAddress = ({ currentAddress, translatedAddress, }) => {
|
|
|
21
21
|
};
|
|
22
22
|
};
|
|
23
23
|
/**
|
|
24
|
-
* Similar to prepCalculateLandedCost except it only uses
|
|
24
|
+
* Similar to prepCalculateLandedCost except it only uses cart ID
|
|
25
25
|
*/
|
|
26
26
|
export const prepCartCalculateLandedCost = (cartId) => {
|
|
27
27
|
var _a;
|
|
@@ -120,6 +120,18 @@ export const prepCalculateLandedCost = () => {
|
|
|
120
120
|
});
|
|
121
121
|
const billingFirstName = translatedBillingAddress.name.split(' ')[0] || '';
|
|
122
122
|
const billingLastName = translatedBillingAddress.name.split(' ').splice(1).join(' ') || '';
|
|
123
|
+
const adjustments = cartStore.promoCode
|
|
124
|
+
? [
|
|
125
|
+
{
|
|
126
|
+
amount: 0,
|
|
127
|
+
productId: null,
|
|
128
|
+
promoCode: cartStore.promoCode,
|
|
129
|
+
sku: null,
|
|
130
|
+
type: 'PROMO_CODE',
|
|
131
|
+
},
|
|
132
|
+
...cartStore.adjustments,
|
|
133
|
+
]
|
|
134
|
+
: cartStore.adjustments;
|
|
123
135
|
return {
|
|
124
136
|
billingAddress: {
|
|
125
137
|
addressLine1: translatedBillingAddress.line1,
|
|
@@ -146,17 +158,7 @@ export const prepCalculateLandedCost = () => {
|
|
|
146
158
|
phone: translatedShippingAddress.phone,
|
|
147
159
|
},
|
|
148
160
|
items: cartStore.items,
|
|
149
|
-
landedCostAdjustments:
|
|
150
|
-
? [
|
|
151
|
-
{
|
|
152
|
-
amount: 0,
|
|
153
|
-
productId: null,
|
|
154
|
-
promoCode: cartStore.promoCode,
|
|
155
|
-
sku: null,
|
|
156
|
-
type: 'PROMO_CODE',
|
|
157
|
-
},
|
|
158
|
-
]
|
|
159
|
-
: [],
|
|
161
|
+
landedCostAdjustments: adjustments,
|
|
160
162
|
shippingAddress: {
|
|
161
163
|
addressLine1: translatedShippingAddress.line1,
|
|
162
164
|
addressLine2: translatedShippingAddress.line2,
|
|
@@ -13,7 +13,7 @@ const turndownService = new TurndownService();
|
|
|
13
13
|
* @example
|
|
14
14
|
* const htmlInput = "<h1>Hello World</h1><p>This is a paragraph.</p>";
|
|
15
15
|
* const result = cleanHtmlMarkdown(htmlInput);
|
|
16
|
-
* console.
|
|
16
|
+
* console.info(result); // Outputs cleaned HTML after conversion and processing
|
|
17
17
|
*/
|
|
18
18
|
export const cleanHtmlMarkdown = (htmlString) => {
|
|
19
19
|
const mdString = turndownService.turndown(htmlString);
|
|
@@ -12,6 +12,20 @@ const injectHelloComponent = (anchorElementSelector) => {
|
|
|
12
12
|
}
|
|
13
13
|
return false;
|
|
14
14
|
};
|
|
15
|
+
const convertPosition = (position) => {
|
|
16
|
+
switch (position) {
|
|
17
|
+
case 'BOTTOM_RIGHT':
|
|
18
|
+
return 'bottom-right';
|
|
19
|
+
case 'BOTTOM_LEFT':
|
|
20
|
+
return 'bottom-left';
|
|
21
|
+
case 'TOP_LEFT':
|
|
22
|
+
return 'top-left';
|
|
23
|
+
case 'TOP_RIGHT':
|
|
24
|
+
return 'top-right';
|
|
25
|
+
default:
|
|
26
|
+
return 'bottom-right';
|
|
27
|
+
}
|
|
28
|
+
};
|
|
15
29
|
/**
|
|
16
30
|
* Injects the hello mobile wrapper to the DOM and returns the anchor element selector
|
|
17
31
|
* @returns anchor element selector
|
|
@@ -87,5 +101,14 @@ export const initHello = async (helloSettings) => {
|
|
|
87
101
|
// inject hello to mobile anchor if hello is still not found
|
|
88
102
|
injectHelloComponent(helloAnchor);
|
|
89
103
|
}, 1000);
|
|
104
|
+
setTimeout(() => {
|
|
105
|
+
if (helloSettings.notFoundElementFallback) {
|
|
106
|
+
log(`Hello anchor selector ${helloSettings.anchorElementSelector} not found after 3 seconds, falling back to 'notFoundElementFallback': ${helloSettings.notFoundElementFallback}`, 'info');
|
|
107
|
+
const defaultAnchor = injectDefaultWrapper({
|
|
108
|
+
position: convertPosition(helloSettings.notFoundElementFallback),
|
|
109
|
+
});
|
|
110
|
+
injectHelloComponent(defaultAnchor);
|
|
111
|
+
}
|
|
112
|
+
}, 3000);
|
|
90
113
|
}
|
|
91
114
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { c as createStore, z as zonosStore } from './zonosStore-
|
|
1
|
+
import { c as createStore, z as zonosStore } from './zonosStore-6b5bd87c.js';
|
|
2
2
|
import { h as handleFetch, a as logError, l as log, f as fallbackApiList, j as jsonParse } from './handleFetch-3dea7d46.js';
|
|
3
|
-
import { i as isDarkColor } from './isDarkColor-
|
|
4
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
3
|
+
import { i as isDarkColor } from './isDarkColor-dc08fa26.js';
|
|
4
|
+
import { g as getBorderRadius } from './getBorderRadius-008516a4.js';
|
|
5
5
|
|
|
6
6
|
const stringsArabic = {
|
|
7
7
|
' (Duties due at door)': {
|
|
@@ -9085,7 +9085,7 @@ const getTranslatedAddress = ({ currentAddress, translatedAddress, }) => {
|
|
|
9085
9085
|
};
|
|
9086
9086
|
};
|
|
9087
9087
|
/**
|
|
9088
|
-
* Similar to prepCalculateLandedCost except it only uses
|
|
9088
|
+
* Similar to prepCalculateLandedCost except it only uses cart ID
|
|
9089
9089
|
*/
|
|
9090
9090
|
const prepCartCalculateLandedCost = (cartId) => {
|
|
9091
9091
|
var _a;
|
|
@@ -9184,6 +9184,18 @@ const prepCalculateLandedCost = () => {
|
|
|
9184
9184
|
});
|
|
9185
9185
|
const billingFirstName = translatedBillingAddress.name.split(' ')[0] || '';
|
|
9186
9186
|
const billingLastName = translatedBillingAddress.name.split(' ').splice(1).join(' ') || '';
|
|
9187
|
+
const adjustments = cartStore.promoCode
|
|
9188
|
+
? [
|
|
9189
|
+
{
|
|
9190
|
+
amount: 0,
|
|
9191
|
+
productId: null,
|
|
9192
|
+
promoCode: cartStore.promoCode,
|
|
9193
|
+
sku: null,
|
|
9194
|
+
type: 'PROMO_CODE',
|
|
9195
|
+
},
|
|
9196
|
+
...cartStore.adjustments,
|
|
9197
|
+
]
|
|
9198
|
+
: cartStore.adjustments;
|
|
9187
9199
|
return {
|
|
9188
9200
|
billingAddress: {
|
|
9189
9201
|
addressLine1: translatedBillingAddress.line1,
|
|
@@ -9210,17 +9222,7 @@ const prepCalculateLandedCost = () => {
|
|
|
9210
9222
|
phone: translatedShippingAddress.phone,
|
|
9211
9223
|
},
|
|
9212
9224
|
items: cartStore.items,
|
|
9213
|
-
landedCostAdjustments:
|
|
9214
|
-
? [
|
|
9215
|
-
{
|
|
9216
|
-
amount: 0,
|
|
9217
|
-
productId: null,
|
|
9218
|
-
promoCode: cartStore.promoCode,
|
|
9219
|
-
sku: null,
|
|
9220
|
-
type: 'PROMO_CODE',
|
|
9221
|
-
},
|
|
9222
|
-
]
|
|
9223
|
-
: [],
|
|
9225
|
+
landedCostAdjustments: adjustments,
|
|
9224
9226
|
shippingAddress: {
|
|
9225
9227
|
addressLine1: translatedShippingAddress.line1,
|
|
9226
9228
|
addressLine2: translatedShippingAddress.line2,
|
|
@@ -9771,15 +9773,7 @@ const stripeStorePrefetchLandedCost = async (params) => {
|
|
|
9771
9773
|
// prefetch landed cost will not update shipping and taxes since we haven't selected shipping method yet
|
|
9772
9774
|
cartStoreApplySubtotals({
|
|
9773
9775
|
method: (matchLandedCost === null || matchLandedCost === void 0 ? void 0 : matchLandedCost.landedCost.method) || 'DDP',
|
|
9774
|
-
subtotals
|
|
9775
|
-
adjustments: subtotals.adjustments,
|
|
9776
|
-
exchangeRate: subtotals.exchangeRate,
|
|
9777
|
-
items: subtotals.items,
|
|
9778
|
-
landedCostTotal: subtotals.landedCostTotal,
|
|
9779
|
-
presentmentCurrencyCode: subtotals.presentmentCurrencyCode,
|
|
9780
|
-
shipping: subtotals.shipping,
|
|
9781
|
-
total: subtotals.total,
|
|
9782
|
-
},
|
|
9776
|
+
subtotals,
|
|
9783
9777
|
});
|
|
9784
9778
|
}
|
|
9785
9779
|
}
|
|
@@ -10026,7 +10020,7 @@ const stripeStoreInitCheckoutSession = async () => {
|
|
|
10026
10020
|
stripeStore.clientSecret = result.clientSecret;
|
|
10027
10021
|
cartStoreApplySubtotals({
|
|
10028
10022
|
method: ((_b = result.landedCost) === null || _b === void 0 ? void 0 : _b.method) || 'DDP',
|
|
10029
|
-
subtotals:
|
|
10023
|
+
subtotals: result.subtotals,
|
|
10030
10024
|
});
|
|
10031
10025
|
log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
|
|
10032
10026
|
log('done-init-checkout-session');
|
package/dist/esm/index.js
CHANGED
|
@@ -94,7 +94,7 @@ const getZonosQaUrl = () => {
|
|
|
94
94
|
return null;
|
|
95
95
|
}
|
|
96
96
|
const qaUrl = extractZonosQaUrl(window.location.href);
|
|
97
|
-
const cdnUrl = "https://v1.3.
|
|
97
|
+
const cdnUrl = "https://v1.3.115.js.zonos.com";
|
|
98
98
|
// when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
|
|
99
99
|
if (!qaUrl &&
|
|
100
100
|
(cdnUrl.includes('test.') ||
|
|
@@ -278,10 +278,10 @@ const zonosLoadUrl = (() => {
|
|
|
278
278
|
}
|
|
279
279
|
return null;
|
|
280
280
|
})();
|
|
281
|
-
const ZONOS_URL = "https://v1.3.
|
|
282
|
-
const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.
|
|
283
|
-
const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.
|
|
284
|
-
const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.
|
|
281
|
+
const ZONOS_URL = "https://v1.3.115.js.zonos.com";
|
|
282
|
+
const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.115";
|
|
283
|
+
const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.115";
|
|
284
|
+
const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.115";
|
|
285
285
|
const INTER_FONT_URL = 'https://rsms.me';
|
|
286
286
|
const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
|
|
287
287
|
const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
|
|
@@ -296,7 +296,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
|
|
|
296
296
|
!!window.location.search.match(/\?.*(&*)zonosConversionTest/);
|
|
297
297
|
Zonos._paypalMockResponse = null;
|
|
298
298
|
Zonos.isBigCommerce = false;
|
|
299
|
-
Zonos.releaseDate = "
|
|
299
|
+
Zonos.releaseDate = "1730743971311";
|
|
300
300
|
Zonos.isLegacyCheckout = false;
|
|
301
301
|
Zonos.showBaseForeign = typeof window !== 'undefined' &&
|
|
302
302
|
window.location.search.includes('zonosShowBaseForeign');
|
|
@@ -306,7 +306,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
|
|
|
306
306
|
Zonos.isNpm = true;
|
|
307
307
|
Zonos.zonosQaUrl = null;
|
|
308
308
|
Zonos.zonosQaUrlApi = null;
|
|
309
|
-
Zonos.version = `v${"1.3.
|
|
309
|
+
Zonos.version = `v${"1.3.115"}`;
|
|
310
310
|
Zonos.modeAlerted = false;
|
|
311
311
|
Zonos.cartData = null;
|
|
312
312
|
Zonos.paypal = null;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { z as zonosStore, c as createStore } from './zonosStore-
|
|
2
|
-
import { d as cartStore, v as stripeStoreHandleInventoryCheck, o as translate, u as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-
|
|
1
|
+
import { z as zonosStore, c as createStore } from './zonosStore-6b5bd87c.js';
|
|
2
|
+
import { d as cartStore, v as stripeStoreHandleInventoryCheck, o as translate, u as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-6f978504.js';
|
|
3
3
|
import { h as handleFetch, l as log, a as logError, j as jsonParse } from './handleFetch-3dea7d46.js';
|
|
4
|
-
import { t as tinycolor } from './isDarkColor-
|
|
4
|
+
import { t as tinycolor } from './isDarkColor-dc08fa26.js';
|
|
5
5
|
|
|
6
6
|
/*!
|
|
7
7
|
* paypal-js v8.1.0 (2024-06-07T16:55:00.122Z)
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-86b8247e.js';
|
|
2
|
-
import { j as stripeStore, R as getFallbackDefaultCountryCode, l as localizationStore, o as translate } from './cart-
|
|
2
|
+
import { j as stripeStore, R as getFallbackDefaultCountryCode, l as localizationStore, o as translate } from './cart-6f978504.js';
|
|
3
3
|
import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
|
|
4
4
|
import { a as logError, l as log } from './handleFetch-3dea7d46.js';
|
|
5
5
|
import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
|
|
6
|
-
import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-
|
|
6
|
+
import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
|
|
7
7
|
import { c as classes } from './classes-0d95c529.js';
|
|
8
8
|
import { R as RemoveIcon$1 } from './RemoveIcon-9dc5dd1a.js';
|
|
9
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
10
|
-
import { i as isDarkColor } from './isDarkColor-
|
|
9
|
+
import { g as getBorderRadius } from './getBorderRadius-008516a4.js';
|
|
10
|
+
import { i as isDarkColor } from './isDarkColor-dc08fa26.js';
|
|
11
11
|
|
|
12
12
|
const zonosAddressCss = ".sc-zonos-address-h{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:8px}";
|
|
13
13
|
const ZonosAddressStyle0 = zonosAddressCss;
|
|
@@ -459,7 +459,7 @@ ZonosCheckbox.style = ZonosCheckboxStyle0;
|
|
|
459
459
|
|
|
460
460
|
const RemoveIcon = `<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>`;
|
|
461
461
|
|
|
462
|
-
const zonosDialogCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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 .zonos--backdrop,:host .zonos--dialog-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:0.3s all ease;transition:0.3s all ease}:host .zonos--backdrop{width:100vw;height:100vh;left:0;top:0;background:var(--zonos-elements-backdrop-color);position:fixed}:host .zonos--loading{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2147483009;background:var(--zonos-elements-gray-0);border-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--dialog-layout{width:100vw;height:100vh;left:0;top:0;position:
|
|
462
|
+
const zonosDialogCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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 .zonos--backdrop,:host .zonos--dialog-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:0.3s all ease;transition:0.3s all ease}:host .zonos--backdrop{width:100vw;height:100vh;left:0;top:0;background:var(--zonos-elements-backdrop-color);position:fixed}:host .zonos--loading{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2147483009;background:var(--zonos-elements-gray-0);border-radius:var(--border-radius, var(--zonos-elements-radius-10))}:host .zonos--dialog-layout{width:100vw;height:100vh;left:0;top:0;position:absolute;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:var(--zonos-elements-text-color);visibility:hidden}:host .zonos--dialog{position:relative;z-index:2147483008;background:var(--zonos-elements-gray-0);max-width:90vw;max-height:90vh;min-height:var(--min-height, auto);height:var(--height, auto);width:var(--width, auto);border-radius:var(--border-radius, var(--zonos-elements-radius-10));outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);border:var(--zonos-elements-border);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:16px 24px}:host .zonos--header .-zonos-stencil-library--header-text{-ms-flex-positive:1;flex-grow:1}:host .zonos--header .zonos--close-button{width:var(--zonos-elements-size-md);height:var(--zonos-elements-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border-radius:var(--zonos-elements-radius-10);-ms-flex-item-align:start;align-self:flex-start}:host .zonos--header .zonos--close-button:hover{background:var(--zonos-elements-hover-color)}:host .zonos--body{padding:8px 24px;max-height:100%;height:100%;overflow:auto}:host .zonos--body.zonos--no-body-padding{padding:0}:host .zonos--footer{padding:16px 24px}:host(.open) .zonos--dialog-layout,:host(.open) .zonos--backdrop{visibility:visible}:host(.open) .zonos--backdrop{z-index:2147483008;opacity:0.65}:host(.open) .zonos--dialog-layout{opacity:1;z-index:2147483009;-webkit-transform:scale(1);transform:scale(1)}:host(.no-border) .zonos--dialog{border:none}:host(.mobile) .zonos--dialog{max-width:100vw;max-height:100vh;height:100%;width:100%;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none}";
|
|
463
463
|
const ZonosDialogStyle0 = zonosDialogCss;
|
|
464
464
|
|
|
465
465
|
const ZonosDialog = class {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
4
|
|
|
5
5
|
const RemoveLineIcon = `<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
4
|
|
|
5
5
|
const zonosBannerCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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{border-radius:var(--zonos-elements-radius-10);padding:16px;background:var(--zonos-elements-gray-100)}:host .zonos--container{display:grid;-ms-flex-align:center;align-items:center;grid-template-areas:\"icon header\" \". content\";grid-template-columns:32px auto 0}:host .zonos--icon-wrapper{grid-area:icon;display:-ms-flexbox;display:flex;justify-self:start}:host .zonos--header-wrapper{margin-top:0px;grid-area:header}:host .zonos--content-wrapper{grid-area:content;margin-top:4px}:host(.info){background-color:var(--zonos-elements-blue-100);border:1px solid var(--zonos-elements-blue-200)}:host(.success){background-color:var(--zonos-elements-green-100);border:1px solid var(--zonos-elements-green-200)}:host(.error){background-color:var(--zonos-elements-red-100);border:1px solid var(--zonos-elements-red-200)}:host(.warning){background-color:var(--zonos-elements-orange-100);border:1px solid var(--zonos-elements-orange-200)}";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host, d as getElement } from './index-86b8247e.js';
|
|
2
|
-
import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { z as zonosStore, d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
4
|
+
import { g as getBorderRadius } from './getBorderRadius-008516a4.js';
|
|
5
5
|
import { i as isColorVariable } from './isColorVariable-82457bef.js';
|
|
6
|
-
import { i as isDarkColor } from './isDarkColor-
|
|
6
|
+
import { i as isDarkColor } from './isDarkColor-dc08fa26.js';
|
|
7
7
|
|
|
8
8
|
/**
|
|
9
9
|
* Get theme for button text based on background color
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-86b8247e.js';
|
|
2
|
-
import { d as zonosStoreFontFamily } from './zonosStore-
|
|
2
|
+
import { d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
4
|
+
import { g as getBorderRadius } from './getBorderRadius-008516a4.js';
|
|
5
5
|
|
|
6
6
|
const zonosCardCss = ":host{font-family:var(--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--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 .styled-card{border:var(--zonos-elements-border);border-radius:var(--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}";
|
|
7
7
|
const ZonosCardStyle0 = zonosCardCss;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { r as registerInstance, a as getAssetPath, h, H as Host, F as Fragment, c as createEvent, d as getElement } from './index-86b8247e.js';
|
|
2
|
-
import { d as cartStore, G as currencyFormat, o as translate, H as cartStoreHasOneEligibleItem, I as stripeStoreApplyPromoCode, J as stripeStoreRemovePromoCode, y as stripeStoreReset, j as stripeStore, K as stripeStoreRetrievePayment, t as trackConversionEvent, L as stripeStoreResetPromoCode, M as stripeStoreMessageBasedOnStatus, l as localizationStore, N as stripeStoreTranslateAddressToLatin, O as cartStoreUpdateSelectedShippingOption, P as cartStoreGetShippingTransitInfo, Q as sortServiceLevelOptionsByAmount } from './cart-
|
|
2
|
+
import { d as cartStore, G as currencyFormat, o as translate, H as cartStoreHasOneEligibleItem, I as stripeStoreApplyPromoCode, J as stripeStoreRemovePromoCode, y as stripeStoreReset, j as stripeStore, K as stripeStoreRetrievePayment, t as trackConversionEvent, L as stripeStoreResetPromoCode, M as stripeStoreMessageBasedOnStatus, l as localizationStore, N as stripeStoreTranslateAddressToLatin, O as cartStoreUpdateSelectedShippingOption, P as cartStoreGetShippingTransitInfo, Q as sortServiceLevelOptionsByAmount } from './cart-6f978504.js';
|
|
3
3
|
import { c as classes } from './classes-0d95c529.js';
|
|
4
|
-
import { s as submitGtag, b as paypalStore, c as paypalStoreReset, i as isContrastColor } from './paypal-
|
|
5
|
-
import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-
|
|
4
|
+
import { s as submitGtag, b as paypalStore, c as paypalStoreReset, i as isContrastColor } from './paypal-ce731a62.js';
|
|
5
|
+
import { z as zonosStore, g as getZonosStoreTheme, d as zonosStoreFontFamily } from './zonosStore-6b5bd87c.js';
|
|
6
6
|
import { c as createCustomEvent, g as getIsTestMode } from './createCustomEvent-31a792d3.js';
|
|
7
|
-
import { g as getBorderRadius } from './getBorderRadius-
|
|
7
|
+
import { g as getBorderRadius } from './getBorderRadius-008516a4.js';
|
|
8
8
|
import { h as handleFetch, l as log, s as sendErrorLog, j as jsonParse, b as allLogs } from './handleFetch-3dea7d46.js';
|
|
9
9
|
import { i as isCheckoutMobile } from './isCheckoutMobile-8846dccb.js';
|
|
10
10
|
import { l as languages } from './ILanguage-cd6acb72.js';
|
|
11
|
-
import { i as isDarkColor, t as tinycolor } from './isDarkColor-
|
|
11
|
+
import { i as isDarkColor, t as tinycolor } from './isDarkColor-dc08fa26.js';
|
|
12
12
|
import { i as isColorVariable } from './isColorVariable-82457bef.js';
|
|
13
13
|
import { c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
|
|
14
14
|
|
|
@@ -1032,7 +1032,7 @@ const turndownService = new TurndownService();
|
|
|
1032
1032
|
* @example
|
|
1033
1033
|
* const htmlInput = "<h1>Hello World</h1><p>This is a paragraph.</p>";
|
|
1034
1034
|
* const result = cleanHtmlMarkdown(htmlInput);
|
|
1035
|
-
* console.
|
|
1035
|
+
* console.info(result); // Outputs cleaned HTML after conversion and processing
|
|
1036
1036
|
*/
|
|
1037
1037
|
const cleanHtmlMarkdown = (htmlString) => {
|
|
1038
1038
|
const mdString = turndownService.turndown(htmlString);
|
|
@@ -2248,10 +2248,7 @@ const ZonosShipping = class {
|
|
|
2248
2248
|
}
|
|
2249
2249
|
this.isSelecting = true;
|
|
2250
2250
|
// save selected shipping option to store
|
|
2251
|
-
|
|
2252
|
-
if (!updateStatus) {
|
|
2253
|
-
return;
|
|
2254
|
-
}
|
|
2251
|
+
await cartStoreUpdateSelectedShippingOption(selectedShippingOption, e.detail.landedCostId);
|
|
2255
2252
|
this.isSelecting = false;
|
|
2256
2253
|
};
|
|
2257
2254
|
this.handleValidate = () => {
|
|
@@ -2398,13 +2395,13 @@ const ZonosShipping = class {
|
|
|
2398
2395
|
if (this.showErrorBanner) {
|
|
2399
2396
|
this.showErrorBanner = !this.handleValidate();
|
|
2400
2397
|
}
|
|
2401
|
-
return (h(Host, { key: '
|
|
2398
|
+
return (h(Host, { key: '70176e5f30fc095476ee8ece7032ec0008a17642', class: "zonos--shipping zonos--elements" }, h("div", { key: 'a63647ce745b5201237d493d98bfc8f5c7be1eb2', class: "zonos--group" }, h("zonos-text", { key: '8e910c5b2f998870edd9716cd6e6b103b8b617ad', class: "zonos--title", type: "semiBoldSubheader" }, translate('Delivery options')), this.showErrorBanner && !!this.serviceLevelsAll.length && (h("zonos-banner", { key: 'bb6991ac0beb5f57de5c00fde916936c6d36eb0b', class: "zonos--error-banner", intent: "error" }, translate('No shipping method selected'))), h("zonos-text", { key: 'd3635b8079fe184404c48e0e4cfb5f640567d1a0', class: "zonos--shipping-method-title", type: "semiBoldLabel" }, translate('Shipping method')), !this.serviceLevelsAll.length ? (h("zonos-banner", { bannerTitle: translate('No shipping methods found - please review and update your address details by selecting the "Customer" tab above. If you continue to encounter issues, contact our support team for assistance.'), class: "zonos--shipping-method-error", intent: "error" })) : (h("div", { class: "zonos--shipping-options-wrapper" }, h("zonos-shipping-rich-radio", { items: defaultShownServiceLevels, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }), !!defaultShownServiceLevels.length &&
|
|
2402
2399
|
!!this.serviceLevelsDAP.length && (h("button", { class: classes([
|
|
2403
2400
|
'zonos--shipping-options-collapse-trigger',
|
|
2404
2401
|
this.collapsedDAPOptions && 'collapsed',
|
|
2405
2402
|
]), onClick: () => {
|
|
2406
2403
|
this.collapsedDAPOptions = !this.collapsedDAPOptions;
|
|
2407
|
-
} }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: '
|
|
2404
|
+
} }, h("div", { class: "zonos--title-wrapper" }, h("zonos-text", { type: "label" }, `${translate(this.collapsedDAPOptions ? 'Show non-prepaid options' : 'Hide non-prepaid options')} `), h("zonos-icon", { content: ChevronUpIcon })))), h("zonos-collapse", { collapsed: this.collapsedDAPOptions }, h("div", { class: "zonos--dap-wrapper" }, h("zonos-banner", { bannerTitle: translate('Duties and taxes will be charged upon delivery.'), intent: "warning" }, translate('You may incur additional fees from the shipping carrier by not prepaying.')), h("zonos-shipping-rich-radio", { items: this.serviceLevelsDAP, onRadioSelected: e => this.handleRadioSelected(e), selectedItem: this.selectedShippingMethod }))))), h("div", { key: '5fdef6f67c68d211220b96dc1ff802fa6159711d', class: "zonos--group-btn" }, h("zonos-button", { key: '1d4627bff782561ed545a46a54ef46494b4b2bd6', backgroundColor: this.submitBtnColor, loading: this.continueLoading || this.isSelecting, onClick: () => this.continueClickHandler(), size: "lg",
|
|
2408
2405
|
// use primary type when on mobile mode
|
|
2409
2406
|
variant: this.submitBtnType }, translate('Go to payment'))))));
|
|
2410
2407
|
}
|