@zonos/elements 1.3.213 → 1.3.215
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/index.cjs.js +7 -7
- package/dist/cjs/zonos-cart-items_14.cjs.entry.js +17 -12
- package/dist/cjs/zonos-checkout.cjs.entry.js +4 -0
- package/dist/cjs/zonos-country-select_4.cjs.entry.js +23 -6
- package/dist/cjs/zonos-hello-dialog.cjs.entry.js +14 -4
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.js +6 -6
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/assets/zonosIconDark.svg +10 -0
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/assets/zonosIconLight.svg +10 -0
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.js +3 -3
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout.js +4 -0
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/assets/zonosIconDark.svg +10 -0
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/assets/zonosIconLight.svg +10 -0
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.js +5 -3
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js +14 -4
- package/dist/esm/index.js +7 -7
- package/dist/esm/zonos-cart-items_14.entry.js +18 -13
- package/dist/esm/zonos-checkout.entry.js +4 -0
- package/dist/esm/zonos-country-select_4.entry.js +23 -6
- package/dist/esm/zonos-hello-dialog.entry.js +15 -5
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/zonos-cart-items_14.entry.js +1 -1
- package/dist/esm-es5/zonos-checkout.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/scripts/index.js +1 -1
- package/dist/scripts/loadZonos.js +1 -1
- package/dist/scripts/zonos.js +1 -1
- package/dist/zonos-elements/index.esm.js +1 -1
- package/dist/zonos-elements/p-41ec9531.entry.js +1 -0
- package/dist/zonos-elements/{p-6e5236eb.system.entry.js → p-6c69c5fa.system.entry.js} +1 -1
- package/dist/zonos-elements/p-79a3756e.entry.js +1 -0
- package/dist/zonos-elements/p-81b357f7.system.js +1 -1
- package/dist/zonos-elements/p-8d37bb03.entry.js +1 -0
- package/dist/zonos-elements/p-9e037920.system.entry.js +1 -0
- package/dist/zonos-elements/p-a537a179.system.entry.js +1 -0
- package/dist/zonos-elements/{p-a9ad60a5.system.entry.js → p-ac784ab8.system.entry.js} +1 -1
- package/dist/zonos-elements/p-c9c96740.entry.js +1 -0
- package/dist/zonos-elements/{p-7567bb2f.system.js → p-f99c254c.system.js} +1 -1
- package/dist/zonos-elements/zonos-elements.esm.js +1 -1
- package/package.json +1 -1
- package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-footer/assets/zonosIcon.svg +0 -5
- package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/assets/zonosIcon.svg +0 -5
- package/dist/zonos-elements/p-003f37f4.entry.js +0 -1
- package/dist/zonos-elements/p-0fd105fa.system.entry.js +0 -1
- package/dist/zonos-elements/p-236643d0.system.entry.js +0 -1
- package/dist/zonos-elements/p-a4efb55c.entry.js +0 -1
- package/dist/zonos-elements/p-aeae5a7f.entry.js +0 -1
- package/dist/zonos-elements/p-ec7a6d28.entry.js +0 -1
|
@@ -5,7 +5,9 @@ import { languages } from "../../../../types/ILanguage";
|
|
|
5
5
|
// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
|
|
6
6
|
import Globe from "./assets/globe.svg";
|
|
7
7
|
// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
|
|
8
|
-
import
|
|
8
|
+
import ZonosIconDark from "./assets/zonosIconDark.svg";
|
|
9
|
+
// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
|
|
10
|
+
import ZonosIconLight from "./assets/zonosIconLight.svg";
|
|
9
11
|
export class ZonosHelloDialogFooter {
|
|
10
12
|
constructor() {
|
|
11
13
|
/**
|
|
@@ -25,9 +27,9 @@ export class ZonosHelloDialogFooter {
|
|
|
25
27
|
const language = (_b = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
|
|
26
28
|
// Only use gray-0 (white) when the background color is dark (apply inverted color if the element is using dark theme variable)
|
|
27
29
|
const mainColor = primaryColor && isDarkColor(primaryColor) ? 'white' : 'black';
|
|
28
|
-
return (h(Host, { key: '
|
|
30
|
+
return (h(Host, { key: 'd202f2295a5a3182727f2166847ac56f5958b654', class: "zonos--elements" }, h("div", { key: 'b42f6b1339449c5c4cebc999f25c0fc02a6b6e85', class: "zonos--hello-dialog-footer", style: {
|
|
29
31
|
'--zonos--primary-color': primaryColor,
|
|
30
|
-
} }, h("a", { key: '
|
|
32
|
+
} }, h("a", { key: 'c6465111d747a9c4a5b067039df51a9dc8df1976', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'fedd91718e253a8332334bea848178f091ae1cea', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), h("div", { key: '9211d83b19f866ba87e171eeeb29690890ca9dcb', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'c88ca108b05511ebcaa9f1761d01413e61af91a5', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: 'ff2386a7e4bfced9a9c8a2d62c21257c1052053e', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
|
|
31
33
|
}
|
|
32
34
|
static get is() { return "zonos-hello-dialog-footer"; }
|
|
33
35
|
static get encapsulation() { return "shadow"; }
|
|
@@ -96,6 +96,11 @@ export class ZonosHelloDialog {
|
|
|
96
96
|
};
|
|
97
97
|
this.getDutyMessage = () => {
|
|
98
98
|
const countryLandedCost = localizationStore.countryLandedCost;
|
|
99
|
+
// For GB, if the store doesn't allow low value orders, we would like to tell shopper that duties will always apply as there would be a custom message saying "Orders to United Kingdom must be over .* to ship."
|
|
100
|
+
if (!(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.allowLowValueOrders) &&
|
|
101
|
+
(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode) === 'GB') {
|
|
102
|
+
return translate('Duties will apply to all orders.');
|
|
103
|
+
}
|
|
99
104
|
// Our Robby API spells deminimis wrong here
|
|
100
105
|
const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
|
|
101
106
|
? currencyFormat({ amount: countryLandedCost.dutyDeminimus })
|
|
@@ -109,6 +114,11 @@ export class ZonosHelloDialog {
|
|
|
109
114
|
};
|
|
110
115
|
this.getTaxMessage = () => {
|
|
111
116
|
const { countryLandedCost } = localizationStore;
|
|
117
|
+
// For GB, if the store doesn't allow low value orders, we would like to tell shopper that taxes will always apply as there would be a custom message saying "Orders to United Kingdom must be over .* to ship."
|
|
118
|
+
if (!(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.allowLowValueOrders) &&
|
|
119
|
+
(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode) === 'GB') {
|
|
120
|
+
return translate('Taxes will apply to all orders.');
|
|
121
|
+
}
|
|
112
122
|
// Our Robby API spells deminimis wrong here
|
|
113
123
|
const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
|
|
114
124
|
? currencyFormat({ amount: countryLandedCost.vatTaxDeminimus })
|
|
@@ -298,18 +308,18 @@ export class ZonosHelloDialog {
|
|
|
298
308
|
const defaultMessage = formatStringWithLinks(defaultMessageStr);
|
|
299
309
|
const currentPage = this.getCurrentPageEnum();
|
|
300
310
|
const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
|
|
301
|
-
return (h(Host, { key: '
|
|
311
|
+
return (h(Host, { key: '048945538b24e429425ba47f0964a2c16a8c2d3d', class: "zonos--elements" }, h("div", { key: '539cb35da5f85ec64a166757eb09389262232d3e', class: classes([
|
|
302
312
|
'zonos--hello-dialog',
|
|
303
313
|
animateLeft && 'zonos--hello-dialog-animate-from-left',
|
|
304
314
|
animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
|
|
305
315
|
!!this.mobileLocationOverride &&
|
|
306
316
|
'zonos--hello-dialog-mobile-override',
|
|
307
317
|
this.isOpen && 'zonos--hello-dialog-open',
|
|
308
|
-
]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '
|
|
318
|
+
]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'ef1ad9355d3244d96971217311f1c674adeb6ee3' }, h("div", { key: '463e7752c0a1c11c6c86bf0dd8031b81511c0c14', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '89c1ae9d62c5b6c21472597c1afc5733a1cb8512', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: '2657decc4b955f00eeb360018791e18a7a4ac70a', spacing: 24 }, h("zonos-country-flag", { key: '57e9c4bdfc7a14e0268097a5c0c79ef508011347', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'cda79b1e8487d72ed6ca33e2298731953ad9620e', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '17d98d8f62d953c2b41ee46678ae4bea26b09ca5', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '856cebfb2d0d34a52d23f3eb8ccc7a64ef16e822', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '905f5e46a8eba8d9ff69af0ee5f51dadd168878e', spacing: 8 }, this.restrictedItems.map(item => {
|
|
309
319
|
var _a;
|
|
310
320
|
return item && (h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
|
|
311
|
-
}), h("zonos-card", { key: '
|
|
312
|
-
additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country icon", content: BagIcon }), h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '
|
|
321
|
+
}), h("zonos-card", { key: '600e71f5ccd6f2f86d5fe00833f480b5059fa145', spacing: "12px" }, h("zonos-v-stack", { key: '75cc0236d7f59ef08e7700ef326c079b2eb273a2', spacing: 12 }, hasInclusivePrices ? (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), h("zonos-text", null, inclusivePriceMessage))) : (h(Fragment, null, dutyDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis icon", content: ImportIcon }), h("zonos-text", { "aria-label": "Duty de minimis message" }, dutyDeMinimisMessage))), taxDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis icon", content: MoneyIcon }), h("zonos-text", { "aria-label": "Tax de minimis message" }, taxDeMinimisMessage))))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
|
|
322
|
+
additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country icon", content: BagIcon }), h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '70c60065a548ab2e178df64062991b8160d62f55', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '14da13080459253ab355f60f67216f99741b69a2' }, h("zonos-country-select", { key: 'e18e90eb0e68450ceb833aa999f24108fd154eb8', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '56255cb5629ee7600378d13ee700adf1d3c73f51' }, h("zonos-language-select", { key: '3d74f4c28c067ea9f94da2d3274abf4d750bcab7', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
|
|
313
323
|
}
|
|
314
324
|
static get is() { return "zonos-hello-dialog"; }
|
|
315
325
|
static get encapsulation() { return "shadow"; }
|
package/dist/esm/index.js
CHANGED
|
@@ -129,7 +129,7 @@ const getZonosQaUrl = () => {
|
|
|
129
129
|
return null;
|
|
130
130
|
}
|
|
131
131
|
const qaUrl = extractZonosQaUrl(window.location.href);
|
|
132
|
-
const cdnUrl = "https://v1.3.
|
|
132
|
+
const cdnUrl = "https://v1.3.215.js.zonos.com";
|
|
133
133
|
// when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
|
|
134
134
|
if (!qaUrl &&
|
|
135
135
|
(cdnUrl.includes('test.') ||
|
|
@@ -372,10 +372,10 @@ const zonosLoadUrl = (() => {
|
|
|
372
372
|
}
|
|
373
373
|
return null;
|
|
374
374
|
})();
|
|
375
|
-
const ZONOS_URL = "https://v1.3.
|
|
376
|
-
const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.
|
|
377
|
-
const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.
|
|
378
|
-
const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.
|
|
375
|
+
const ZONOS_URL = "https://v1.3.215.js.zonos.com";
|
|
376
|
+
const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.215";
|
|
377
|
+
const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.215";
|
|
378
|
+
const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.215";
|
|
379
379
|
const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
|
|
380
380
|
const GOOGLE_FONT_REGEX = /^https:\/\/fonts\.googleapis\.com/;
|
|
381
381
|
class Zonos {
|
|
@@ -393,7 +393,7 @@ Zonos.iframeLogType = typeof window !== 'undefined'
|
|
|
393
393
|
? new URLSearchParams(window.location.search).get('iframeLogType')
|
|
394
394
|
: null;
|
|
395
395
|
Zonos.isBigCommerce = false;
|
|
396
|
-
Zonos.releaseDate = "
|
|
396
|
+
Zonos.releaseDate = "1749655878701";
|
|
397
397
|
Zonos.isLegacyCheckout = false;
|
|
398
398
|
Zonos.domain = typeof window !== 'undefined'
|
|
399
399
|
? // domain that embeds the iframe
|
|
@@ -411,7 +411,7 @@ Zonos.isNpm = true;
|
|
|
411
411
|
Zonos.zonosQaUrl = null;
|
|
412
412
|
Zonos.zonosQaUrlApi = null;
|
|
413
413
|
Zonos.trackEventLogs = [];
|
|
414
|
-
Zonos.version = `v${"1.3.
|
|
414
|
+
Zonos.version = `v${"1.3.215"}`;
|
|
415
415
|
Zonos.modeAlerted = false;
|
|
416
416
|
Zonos.cartData = null;
|
|
417
417
|
Zonos.paypal = null;
|
|
@@ -4,7 +4,7 @@ import { d as currencyFormat, t as translate, s as storageStore, l as localizati
|
|
|
4
4
|
import { c as classes } from './classes-0d95c529.js';
|
|
5
5
|
import { z as zonosStore, g as getZonosStoreTheme, f as zonosStoreFontFamily, h as zonosStoreOnChange } from './zonosStore-c456b933.js';
|
|
6
6
|
import { s as submitGtag, c as paypalStoreReset, a as paypalStore, i as isContrastColor } from './paypal-5963c1ab.js';
|
|
7
|
-
import { h as handleFetch, l as log, s as sendErrorLog,
|
|
7
|
+
import { h as handleFetch, l as log, s as sendErrorLog, d as allLogs, j as jsonParse, g as getIsTestMode, i as isCheckoutMobile, b as logError, a as getIsStagingMode } from './handleFetch-dd74bbb1.js';
|
|
8
8
|
import { c as createCustomEvent } from './createCustomEvent-58159025.js';
|
|
9
9
|
import { g as getBorderRadius } from './getBorderRadius-87593ff4.js';
|
|
10
10
|
import { l as languages } from './ILanguage-cd6acb72.js';
|
|
@@ -1503,7 +1503,7 @@ const ZonosCheckoutFinish = class {
|
|
|
1503
1503
|
this.checkStripePaymentStatus = async () => {
|
|
1504
1504
|
const clientSecret = new URLSearchParams(window.location.search).get('payment_intent_client_secret') || stripeStore.clientSecret;
|
|
1505
1505
|
if (clientSecret || this.storybookForceStatus) {
|
|
1506
|
-
const { error, messages,
|
|
1506
|
+
const { error, messages, status } = await stripeStoreRetrievePayment({
|
|
1507
1507
|
clientSecret,
|
|
1508
1508
|
storybookForceStatus: this.storybookForceStatus,
|
|
1509
1509
|
});
|
|
@@ -1533,7 +1533,7 @@ const ZonosCheckoutFinish = class {
|
|
|
1533
1533
|
void sendErrorLog({
|
|
1534
1534
|
endpoint: 'Stripe payment failed',
|
|
1535
1535
|
errors: [
|
|
1536
|
-
`Payment intent "${
|
|
1536
|
+
`Payment intent "${clientSecret.split('_secret_')[0]}" status: ${status} - checkout session: ${storageStore.checkoutSessionId}`,
|
|
1537
1537
|
],
|
|
1538
1538
|
metadata: {
|
|
1539
1539
|
allLogs,
|
|
@@ -1653,11 +1653,11 @@ const ZonosCheckoutFinish = class {
|
|
|
1653
1653
|
}
|
|
1654
1654
|
render() {
|
|
1655
1655
|
const isTestMode = getIsTestMode();
|
|
1656
|
-
return (h(Host, { key: '
|
|
1656
|
+
return (h(Host, { key: '7b18913d8ebe7be5cbe9ee7d520b643c342c409d', class: "zonos--checkout-finish zonos--elements", style: {
|
|
1657
1657
|
'--zonos--border-radius': getBorderRadius({
|
|
1658
1658
|
overrideBorderStyle: this.borderRadius,
|
|
1659
1659
|
}),
|
|
1660
|
-
} }, !this.isLoading && (h("div", { key: '
|
|
1660
|
+
} }, !this.isLoading && (h("div", { key: 'afb522b8b3b769817c00312fc9c14b4c032873ca', class: "zonos--finish-details" }, h("div", { key: 'c8cd43bc5269f7f252abaeb25dc98929f52b89bb', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '1a7ead411d64fc8edf2de0383049bfd60660a315', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '0c63714bbefc4e9beb1d2cf7414e5774bab4eabe', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: '06304d9815e2199108dfcb3dade1494f17b76137',
|
|
1661
1661
|
// Only show loading spinner if it's not an error notification
|
|
1662
1662
|
loading: this.isWaitingToRedirect &&
|
|
1663
1663
|
this.notificationType !== 'error', onClick: () => {
|
|
@@ -1669,9 +1669,9 @@ const ZonosCheckoutFinish = class {
|
|
|
1669
1669
|
}
|
|
1670
1670
|
this.closeClickHandler();
|
|
1671
1671
|
}, size: "md", variant: "primary" }, translate('Close'))), !window.Zonos.isLegacyCheckout &&
|
|
1672
|
-
this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: '
|
|
1672
|
+
this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: '9b809e21052fddb2149a2a1d0c22db4b10808403', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
|
|
1673
1673
|
cartStore.step === 'finish' &&
|
|
1674
|
-
this.notificationType === 'success' && (h("div", { key: '
|
|
1674
|
+
this.notificationType === 'success' && (h("div", { key: '4a278c7c4270d265c61b6b36d20864c55e1b42f1', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'fd8a876a0c5b76edd3be2d9b28da9c3963aee714', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '7882981c1fe01ab6f78d8f84bcfc9aab94bffb74', onClick: () => {
|
|
1675
1675
|
const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
|
|
1676
1676
|
this.redirectToUrl(isZonosDashboard
|
|
1677
1677
|
? '/orders/all'
|
|
@@ -1687,10 +1687,15 @@ const Globe = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" color
|
|
|
1687
1687
|
</svg>
|
|
1688
1688
|
`;
|
|
1689
1689
|
|
|
1690
|
-
const
|
|
1691
|
-
<path d="
|
|
1692
|
-
<path
|
|
1693
|
-
<path
|
|
1690
|
+
const ZonosIconDark = `<svg width="408" height="112" viewBox="0 0 408 112" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1691
|
+
<path d="M185.6 25.2H141.6C140.716 25.2 140 25.9164 140 26.8V36.4C140 37.2837 140.716 38 141.6 38H167.413C168.07 38 168.447 38.7478 168.056 39.2758L140.627 76.3519C140.22 76.9028 140 77.5699 140 78.2551V85.2001C140 86.0837 140.716 86.8 141.6 86.8H185.6C186.484 86.8 187.2 86.0837 187.2 85.2001V75.6C187.2 74.7164 186.484 74 185.6 74H159.787C159.13 74 158.753 73.2523 159.144 72.7243L186.573 35.6482C186.98 35.0973 187.2 34.4302 187.2 33.745V26.8C187.2 25.9164 186.484 25.2 185.6 25.2Z" fill="white"/>
|
|
1692
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M212.8 24.8C203.08 24.8 195.2 32.6798 195.2 42.4V69.6C195.2 79.3203 203.08 87.2001 212.8 87.2001H224.8C234.52 87.2001 242.4 79.3203 242.4 69.6V42.4001C242.4 32.6798 234.52 24.8 224.8 24.8H212.8ZM212.8 37.6C210.149 37.6 208 39.7491 208 42.4001V69.6C208 72.251 210.149 74.4001 212.8 74.4001H224.8C227.451 74.4001 229.6 72.251 229.6 69.6V42.4C229.6 39.7491 227.451 37.6 224.8 37.6H212.8Z" fill="white"/>
|
|
1693
|
+
<path d="M250.4 27.5223V85.3983C250.4 86.282 251.116 86.9983 252 86.9983H261.6C262.484 86.9983 263.2 86.282 263.2 85.3983V48.1873C263.2 46.3171 264.286 44.6172 265.983 43.8314L277.983 38.2759C281.164 36.8032 284.8 39.1263 284.8 42.6317V85.3983C284.8 86.282 285.516 86.9983 286.4 86.9983H296C296.884 86.9983 297.6 86.282 297.6 85.3983V42.6209C297.6 29.7687 284.272 21.2506 272.608 26.6484L264.318 30.4847C263.659 30.7898 262.877 30.6125 262.414 30.053L259.954 27.0817C259.346 26.3474 258.443 25.9223 257.489 25.9223H252C251.116 25.9223 250.4 26.6387 250.4 27.5223Z" fill="white"/>
|
|
1694
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M323.2 24.8C313.48 24.8 305.6 32.6798 305.6 42.4V69.6C305.6 79.3203 313.48 87.2001 323.2 87.2001H335.2C344.92 87.2001 352.8 79.3203 352.8 69.6V42.4001C352.8 32.6798 344.92 24.8 335.2 24.8H323.2ZM323.2 37.6C320.549 37.6 318.4 39.7491 318.4 42.4001V69.6C318.4 72.251 320.549 74.4001 323.2 74.4001H335.2C337.851 74.4001 340 72.251 340 69.6V42.4C340 39.7491 337.851 37.6 335.2 37.6H323.2Z" fill="white"/>
|
|
1695
|
+
<path d="M378.101 25.2H391.708C400.706 25.2 408 32.4944 408 41.4925C408 42.2395 407.444 42.8696 406.703 42.9622L396.602 44.2249C395.857 44.3179 395.2 43.7376 395.2 42.9876C395.2 40.2331 392.967 38 390.212 38H378.921C375.982 38 373.6 40.3822 373.6 43.3207C373.6 45.8196 375.339 47.9818 377.78 48.5176L394.22 52.1264C402.267 53.8928 408 61.021 408 69.2593C408 78.9468 400.147 86.8 390.459 86.8H377.092C368.094 86.8 360.8 79.5057 360.8 70.5076C360.8 69.7606 361.356 69.1305 362.097 69.0379L372.198 67.7752C372.943 67.6822 373.6 68.2625 373.6 69.0125C373.6 71.767 375.833 74 378.588 74H390.014C392.878 74 395.2 71.6783 395.2 68.8143C395.2 66.4508 393.602 64.3863 391.314 63.794L373.765 59.2508C366.132 57.2745 360.8 50.3868 360.8 42.5015C360.8 32.9462 368.546 25.2 378.101 25.2Z" fill="white"/>
|
|
1696
|
+
<path d="M8.8 58C8.8 31.9322 29.9322 10.8 56 10.8C82.0678 10.8 103.2 31.9322 103.2 58C103.2 74.868 94.3524 89.6734 81.0342 98.022C80.6447 98.2662 80.1318 98.123 79.9175 97.7162L78.7941 95.5842C78.5971 95.2104 78.7255 94.7484 79.0825 94.5224C91.1684 86.8682 99.2 73.374 99.2 58C99.2 45.1582 93.5931 33.6223 84.7029 25.7135L83.8042 24.914C83.1429 24.3257 82.1296 24.3861 81.5428 25.0488L76.655 30.5694C76.3787 30.8815 75.9095 30.9282 75.5707 30.6852C70.0598 26.7304 63.2996 24.4 56 24.4C37.4432 24.4 22.4 39.4432 22.4 58C22.4 70.9369 29.7121 82.1614 40.4157 87.7744L41.4783 88.3315C42.2607 88.7419 43.2277 88.4403 43.6381 87.6579L47.1029 81.0544C47.2912 80.6954 47.7178 80.5354 48.1006 80.6688C50.5764 81.5315 53.2355 82 56 82C69.2548 82 80 71.2548 80 58C80 44.7452 69.2548 34 56 34H54.8C53.9163 34 53.2 34.7163 53.2 35.6V43.2143C53.2 43.5965 52.9289 43.923 52.5577 44.014C46.267 45.5571 41.6 51.2335 41.6 58C41.6 62.3276 43.5125 66.2118 46.529 68.8473C49.059 71.0578 52.3762 72.4 56 72.4C63.9529 72.4 70.4 65.9529 70.4 58C70.4 51.2335 65.733 45.5571 59.4423 44.014C59.0711 43.923 58.8 43.5965 58.8 43.2143V40.7431C58.8 40.2532 59.2372 39.8772 59.7171 39.9756C68.0973 41.6948 74.4 49.1114 74.4 58C74.4 68.162 66.162 76.4 56 76.4C52.9185 76.4 50.0216 75.6447 47.4764 74.3116L46.4142 73.7552C45.6318 73.3454 44.6653 73.6471 44.255 74.4292L41.0133 80.6075C40.7934 81.0267 40.2589 81.165 39.8722 80.8921C32.6864 75.8202 28 67.4556 28 58C28 42.536 40.536 30 56 30C63.1489 30 69.6662 32.6755 74.6156 37.0841L75.5144 37.8846C76.1757 38.4736 77.1895 38.4135 77.7765 37.7505L82.4362 32.4876C82.745 32.1388 83.2861 32.1262 83.6026 32.4681C89.8104 39.1755 93.6 48.1438 93.6 58C93.6 72.4821 85.4133 85.0566 73.4023 91.3398C68.2018 94.0603 62.2848 95.6 56 95.6C39.9975 95.6 26.3233 85.602 20.8962 71.502L20.467 70.3868C20.1505 69.5646 19.229 69.1529 18.4054 69.4659L11.7892 71.9802C11.3597 72.1434 10.8807 71.9123 10.7497 71.4719C9.48157 67.2056 8.8 62.6844 8.8 58Z" fill="white"/>
|
|
1697
|
+
<path d="M47.2 58C47.2 53.1399 51.1399 49.2 56 49.2C60.8601 49.2 64.8 53.1399 64.8 58C64.8 62.8601 60.8601 66.8 56 66.8C53.7822 66.8 51.7621 65.9832 50.2135 64.6302C48.3624 63.0129 47.2 60.6439 47.2 58Z" fill="white"/>
|
|
1698
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5314 80.7132C15.335 80.3641 14.9136 80.2069 14.5392 80.3492L7.33942 83.0853C6.51543 83.3984 5.59337 82.9861 5.27738 82.1632L3.70554 78.0698C1.30997 71.8314 0 65.0616 0 58C0 27.0721 25.0721 2 56 2C86.9279 2 112 27.0721 112 58C112 79.5691 99.8043 98.2795 81.9611 107.63L78.0725 109.668C77.291 110.078 76.3256 109.777 75.9143 108.997L72.3255 102.186C72.1387 101.831 71.7185 101.67 71.3402 101.803C66.5332 103.486 61.3687 104.4 56 104.4C38.6169 104.4 23.4779 94.8422 15.5314 80.7132ZM73.8305 98.177C73.6343 97.8047 73.1837 97.6488 72.7961 97.8125C67.6303 99.9943 61.9532 101.2 56 101.2C38.8594 101.2 24.0562 91.2184 17.0752 76.7588C16.8924 76.3802 16.4515 76.1992 16.0585 76.3485L9.18358 78.9612C8.35959 79.2743 7.43754 78.862 7.12154 78.0391L6.69286 76.9227C4.43567 71.0446 3.2 64.6633 3.2 58C3.2 28.8394 26.8394 5.2 56 5.2C85.1606 5.2 108.8 28.8394 108.8 58C108.8 78.3323 97.3067 95.9756 80.4757 104.796L79.4152 105.352C78.6338 105.761 77.6683 105.461 77.257 104.68L73.8305 98.177Z" fill="white"/>
|
|
1694
1699
|
</svg>
|
|
1695
1700
|
`;
|
|
1696
1701
|
|
|
@@ -1726,10 +1731,10 @@ const ZonosCheckoutFooter = class {
|
|
|
1726
1731
|
const languageLabel = (_a = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _a === void 0 ? void 0 : _a.label;
|
|
1727
1732
|
// reverse color when on desktop. With the coversheet backdrop, the color should be white
|
|
1728
1733
|
const colorDesktop = this.dataTheme === 'LIGHT' && !this.mobile ? 'gray-0' : 'gray-1000';
|
|
1729
|
-
return (h(Host, { key: '
|
|
1734
|
+
return (h(Host, { key: 'aa7fe5e0bb22626f590d93a6c8a52876523a2dfb', class: classes(['zonos--elements', this.isMobile && 'mobile']) }, h("div", { key: '5fb0fc90649a06e324935484d0c5c1dba31d792c', class: "zonos--checkout-footer" }, h("div", { key: 'e34ac7fda1d9a13830276313e4a36a7840497d7e', class: "zonos--checkout-locale-wrapper" }, h("zonos-button", { key: '775156c9f331715768b1bf9c36970d0c7da02fd2', buttonColor: colorDesktop, class: "zonos--checkout-footer-language-button", icon: h("zonos-icon", { "aria-label": "Language select", content: Globe, iconColor: colorDesktop }), onClick: () => this.toggleLanguageDialog(), variant: "subtle" }, languageLabel), h("div", { key: 'e2cc31362529661507811b9f5aa68586b3bf9ea5', class: classes([
|
|
1730
1735
|
'zonos--checkout-footer-dialog',
|
|
1731
1736
|
this.showLanguageDialog && 'zonos--checkout-footer-dialog-open',
|
|
1732
|
-
]) }, h("zonos-language-select", { key: '
|
|
1737
|
+
]) }, h("zonos-language-select", { key: 'ad43b0a6bb947a69ea970485ee8d9afb5c8d1adb', handleOnClose: () => this.toggleLanguageDialog() }))), h("div", { key: 'c652833a9ce05beb22b9530003863ac0e5e9f8ea', class: "zonos--checkout-footer-icon-wrapper" }, h("a", { key: 'f2f8fb4ef070fe6a59a8b787e9e3e6237c2cc395', href: "https://zonos.com/docs/legal/zonos-privacy-policy", target: "_blank" }, h("zonos-text", { key: '50b8962317bfc01bc7edbbe4c51f58476ca3c4ec', textColor: colorDesktop }, "Privacy policy")), h("div", { key: '7b4b70f7c0bd4ae5f385d6738f844a795261b9b9', class: "zonos--checkout-footer-logo" }, h("zonos-text", { key: '8a4279a6584a376cb10e8da6b33d8006ac896d5b', textColor: colorDesktop }, "Powered by"), h("a", { key: '523a822b1c5b80bcb1d5dde2a7d9fce5fe476d20', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '19753e93a7820765cf208916f53adebdcdf05cf9', autoHeight: true, content: ZonosIconDark, size: 108 })))))));
|
|
1733
1738
|
}
|
|
1734
1739
|
get el() { return getElement(this); }
|
|
1735
1740
|
static get watchers() { return {
|
|
@@ -1295,6 +1295,8 @@ const ZonosCheckout = class {
|
|
|
1295
1295
|
const customerAddress1 = getParam('customerAddress1');
|
|
1296
1296
|
const customerAddress2 = getParam('customerAddress2');
|
|
1297
1297
|
const customerName = getParam('customerName');
|
|
1298
|
+
const customerFirstName = getParam('customerFirstName');
|
|
1299
|
+
const customerLastName = getParam('customerLastName');
|
|
1298
1300
|
const customerPhone = getParam('customerPhone');
|
|
1299
1301
|
const customerZip = getParam('customerZip');
|
|
1300
1302
|
const customerState = getParam('customerState');
|
|
@@ -1304,6 +1306,8 @@ const ZonosCheckout = class {
|
|
|
1304
1306
|
customerCity,
|
|
1305
1307
|
customerCountry,
|
|
1306
1308
|
customerEmail,
|
|
1309
|
+
customerFirstName,
|
|
1310
|
+
customerLastName,
|
|
1307
1311
|
customerName,
|
|
1308
1312
|
customerPhone,
|
|
1309
1313
|
customerState,
|
|
@@ -1901,10 +1901,27 @@ const Globe = `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" color
|
|
|
1901
1901
|
</svg>
|
|
1902
1902
|
`;
|
|
1903
1903
|
|
|
1904
|
-
const
|
|
1905
|
-
<path d="
|
|
1906
|
-
<path
|
|
1907
|
-
<path
|
|
1904
|
+
const ZonosIconDark = `<svg width="408" height="112" viewBox="0 0 408 112" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1905
|
+
<path d="M185.6 25.2H141.6C140.716 25.2 140 25.9164 140 26.8V36.4C140 37.2837 140.716 38 141.6 38H167.413C168.07 38 168.447 38.7478 168.056 39.2758L140.627 76.3519C140.22 76.9028 140 77.5699 140 78.2551V85.2001C140 86.0837 140.716 86.8 141.6 86.8H185.6C186.484 86.8 187.2 86.0837 187.2 85.2001V75.6C187.2 74.7164 186.484 74 185.6 74H159.787C159.13 74 158.753 73.2523 159.144 72.7243L186.573 35.6482C186.98 35.0973 187.2 34.4302 187.2 33.745V26.8C187.2 25.9164 186.484 25.2 185.6 25.2Z" fill="white"/>
|
|
1906
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M212.8 24.8C203.08 24.8 195.2 32.6798 195.2 42.4V69.6C195.2 79.3203 203.08 87.2001 212.8 87.2001H224.8C234.52 87.2001 242.4 79.3203 242.4 69.6V42.4001C242.4 32.6798 234.52 24.8 224.8 24.8H212.8ZM212.8 37.6C210.149 37.6 208 39.7491 208 42.4001V69.6C208 72.251 210.149 74.4001 212.8 74.4001H224.8C227.451 74.4001 229.6 72.251 229.6 69.6V42.4C229.6 39.7491 227.451 37.6 224.8 37.6H212.8Z" fill="white"/>
|
|
1907
|
+
<path d="M250.4 27.5223V85.3983C250.4 86.282 251.116 86.9983 252 86.9983H261.6C262.484 86.9983 263.2 86.282 263.2 85.3983V48.1873C263.2 46.3171 264.286 44.6172 265.983 43.8314L277.983 38.2759C281.164 36.8032 284.8 39.1263 284.8 42.6317V85.3983C284.8 86.282 285.516 86.9983 286.4 86.9983H296C296.884 86.9983 297.6 86.282 297.6 85.3983V42.6209C297.6 29.7687 284.272 21.2506 272.608 26.6484L264.318 30.4847C263.659 30.7898 262.877 30.6125 262.414 30.053L259.954 27.0817C259.346 26.3474 258.443 25.9223 257.489 25.9223H252C251.116 25.9223 250.4 26.6387 250.4 27.5223Z" fill="white"/>
|
|
1908
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M323.2 24.8C313.48 24.8 305.6 32.6798 305.6 42.4V69.6C305.6 79.3203 313.48 87.2001 323.2 87.2001H335.2C344.92 87.2001 352.8 79.3203 352.8 69.6V42.4001C352.8 32.6798 344.92 24.8 335.2 24.8H323.2ZM323.2 37.6C320.549 37.6 318.4 39.7491 318.4 42.4001V69.6C318.4 72.251 320.549 74.4001 323.2 74.4001H335.2C337.851 74.4001 340 72.251 340 69.6V42.4C340 39.7491 337.851 37.6 335.2 37.6H323.2Z" fill="white"/>
|
|
1909
|
+
<path d="M378.101 25.2H391.708C400.706 25.2 408 32.4944 408 41.4925C408 42.2395 407.444 42.8696 406.703 42.9622L396.602 44.2249C395.857 44.3179 395.2 43.7376 395.2 42.9876C395.2 40.2331 392.967 38 390.212 38H378.921C375.982 38 373.6 40.3822 373.6 43.3207C373.6 45.8196 375.339 47.9818 377.78 48.5176L394.22 52.1264C402.267 53.8928 408 61.021 408 69.2593C408 78.9468 400.147 86.8 390.459 86.8H377.092C368.094 86.8 360.8 79.5057 360.8 70.5076C360.8 69.7606 361.356 69.1305 362.097 69.0379L372.198 67.7752C372.943 67.6822 373.6 68.2625 373.6 69.0125C373.6 71.767 375.833 74 378.588 74H390.014C392.878 74 395.2 71.6783 395.2 68.8143C395.2 66.4508 393.602 64.3863 391.314 63.794L373.765 59.2508C366.132 57.2745 360.8 50.3868 360.8 42.5015C360.8 32.9462 368.546 25.2 378.101 25.2Z" fill="white"/>
|
|
1910
|
+
<path d="M8.8 58C8.8 31.9322 29.9322 10.8 56 10.8C82.0678 10.8 103.2 31.9322 103.2 58C103.2 74.868 94.3524 89.6734 81.0342 98.022C80.6447 98.2662 80.1318 98.123 79.9175 97.7162L78.7941 95.5842C78.5971 95.2104 78.7255 94.7484 79.0825 94.5224C91.1684 86.8682 99.2 73.374 99.2 58C99.2 45.1582 93.5931 33.6223 84.7029 25.7135L83.8042 24.914C83.1429 24.3257 82.1296 24.3861 81.5428 25.0488L76.655 30.5694C76.3787 30.8815 75.9095 30.9282 75.5707 30.6852C70.0598 26.7304 63.2996 24.4 56 24.4C37.4432 24.4 22.4 39.4432 22.4 58C22.4 70.9369 29.7121 82.1614 40.4157 87.7744L41.4783 88.3315C42.2607 88.7419 43.2277 88.4403 43.6381 87.6579L47.1029 81.0544C47.2912 80.6954 47.7178 80.5354 48.1006 80.6688C50.5764 81.5315 53.2355 82 56 82C69.2548 82 80 71.2548 80 58C80 44.7452 69.2548 34 56 34H54.8C53.9163 34 53.2 34.7163 53.2 35.6V43.2143C53.2 43.5965 52.9289 43.923 52.5577 44.014C46.267 45.5571 41.6 51.2335 41.6 58C41.6 62.3276 43.5125 66.2118 46.529 68.8473C49.059 71.0578 52.3762 72.4 56 72.4C63.9529 72.4 70.4 65.9529 70.4 58C70.4 51.2335 65.733 45.5571 59.4423 44.014C59.0711 43.923 58.8 43.5965 58.8 43.2143V40.7431C58.8 40.2532 59.2372 39.8772 59.7171 39.9756C68.0973 41.6948 74.4 49.1114 74.4 58C74.4 68.162 66.162 76.4 56 76.4C52.9185 76.4 50.0216 75.6447 47.4764 74.3116L46.4142 73.7552C45.6318 73.3454 44.6653 73.6471 44.255 74.4292L41.0133 80.6075C40.7934 81.0267 40.2589 81.165 39.8722 80.8921C32.6864 75.8202 28 67.4556 28 58C28 42.536 40.536 30 56 30C63.1489 30 69.6662 32.6755 74.6156 37.0841L75.5144 37.8846C76.1757 38.4736 77.1895 38.4135 77.7765 37.7505L82.4362 32.4876C82.745 32.1388 83.2861 32.1262 83.6026 32.4681C89.8104 39.1755 93.6 48.1438 93.6 58C93.6 72.4821 85.4133 85.0566 73.4023 91.3398C68.2018 94.0603 62.2848 95.6 56 95.6C39.9975 95.6 26.3233 85.602 20.8962 71.502L20.467 70.3868C20.1505 69.5646 19.229 69.1529 18.4054 69.4659L11.7892 71.9802C11.3597 72.1434 10.8807 71.9123 10.7497 71.4719C9.48157 67.2056 8.8 62.6844 8.8 58Z" fill="white"/>
|
|
1911
|
+
<path d="M47.2 58C47.2 53.1399 51.1399 49.2 56 49.2C60.8601 49.2 64.8 53.1399 64.8 58C64.8 62.8601 60.8601 66.8 56 66.8C53.7822 66.8 51.7621 65.9832 50.2135 64.6302C48.3624 63.0129 47.2 60.6439 47.2 58Z" fill="white"/>
|
|
1912
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5314 80.7132C15.335 80.3641 14.9136 80.2069 14.5392 80.3492L7.33942 83.0853C6.51543 83.3984 5.59337 82.9861 5.27738 82.1632L3.70554 78.0698C1.30997 71.8314 0 65.0616 0 58C0 27.0721 25.0721 2 56 2C86.9279 2 112 27.0721 112 58C112 79.5691 99.8043 98.2795 81.9611 107.63L78.0725 109.668C77.291 110.078 76.3256 109.777 75.9143 108.997L72.3255 102.186C72.1387 101.831 71.7185 101.67 71.3402 101.803C66.5332 103.486 61.3687 104.4 56 104.4C38.6169 104.4 23.4779 94.8422 15.5314 80.7132ZM73.8305 98.177C73.6343 97.8047 73.1837 97.6488 72.7961 97.8125C67.6303 99.9943 61.9532 101.2 56 101.2C38.8594 101.2 24.0562 91.2184 17.0752 76.7588C16.8924 76.3802 16.4515 76.1992 16.0585 76.3485L9.18358 78.9612C8.35959 79.2743 7.43754 78.862 7.12154 78.0391L6.69286 76.9227C4.43567 71.0446 3.2 64.6633 3.2 58C3.2 28.8394 26.8394 5.2 56 5.2C85.1606 5.2 108.8 28.8394 108.8 58C108.8 78.3323 97.3067 95.9756 80.4757 104.796L79.4152 105.352C78.6338 105.761 77.6683 105.461 77.257 104.68L73.8305 98.177Z" fill="white"/>
|
|
1913
|
+
</svg>
|
|
1914
|
+
`;
|
|
1915
|
+
|
|
1916
|
+
const ZonosIconLight = `<svg width="408" height="112" viewBox="0 0 408 112" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
1917
|
+
<path d="M185.6 25.2H141.6C140.716 25.2 140 25.9164 140 26.8V36.4C140 37.2837 140.716 38 141.6 38H167.413C168.07 38 168.447 38.7478 168.056 39.2758L140.627 76.3519C140.22 76.9028 140 77.5699 140 78.2551V85.2001C140 86.0837 140.716 86.8 141.6 86.8H185.6C186.484 86.8 187.2 86.0837 187.2 85.2001V75.6C187.2 74.7164 186.484 74 185.6 74H159.787C159.13 74 158.753 73.2523 159.144 72.7243L186.573 35.6482C186.98 35.0973 187.2 34.4302 187.2 33.745V26.8C187.2 25.9164 186.484 25.2 185.6 25.2Z" fill="#0F1015"/>
|
|
1918
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M212.8 24.8C203.08 24.8 195.2 32.6798 195.2 42.4V69.6C195.2 79.3203 203.08 87.2001 212.8 87.2001H224.8C234.52 87.2001 242.4 79.3203 242.4 69.6V42.4001C242.4 32.6798 234.52 24.8 224.8 24.8H212.8ZM212.8 37.6C210.149 37.6 208 39.7491 208 42.4001V69.6C208 72.251 210.149 74.4001 212.8 74.4001H224.8C227.451 74.4001 229.6 72.251 229.6 69.6V42.4C229.6 39.7491 227.451 37.6 224.8 37.6H212.8Z" fill="#0F1015"/>
|
|
1919
|
+
<path d="M250.4 27.5223V85.3983C250.4 86.282 251.116 86.9983 252 86.9983H261.6C262.484 86.9983 263.2 86.282 263.2 85.3983V48.1873C263.2 46.3171 264.286 44.6172 265.983 43.8314L277.983 38.2759C281.164 36.8032 284.8 39.1263 284.8 42.6317V85.3983C284.8 86.282 285.516 86.9983 286.4 86.9983H296C296.884 86.9983 297.6 86.282 297.6 85.3983V42.6209C297.6 29.7687 284.272 21.2506 272.608 26.6484L264.318 30.4847C263.659 30.7898 262.877 30.6125 262.414 30.053L259.954 27.0817C259.346 26.3474 258.443 25.9223 257.489 25.9223H252C251.116 25.9223 250.4 26.6387 250.4 27.5223Z" fill="#0F1015"/>
|
|
1920
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M323.2 24.8C313.48 24.8 305.6 32.6798 305.6 42.4V69.6C305.6 79.3203 313.48 87.2001 323.2 87.2001H335.2C344.92 87.2001 352.8 79.3203 352.8 69.6V42.4001C352.8 32.6798 344.92 24.8 335.2 24.8H323.2ZM323.2 37.6C320.549 37.6 318.4 39.7491 318.4 42.4001V69.6C318.4 72.251 320.549 74.4001 323.2 74.4001H335.2C337.851 74.4001 340 72.251 340 69.6V42.4C340 39.7491 337.851 37.6 335.2 37.6H323.2Z" fill="#0F1015"/>
|
|
1921
|
+
<path d="M378.101 25.2H391.708C400.706 25.2 408 32.4944 408 41.4925C408 42.2395 407.444 42.8696 406.703 42.9622L396.602 44.2249C395.857 44.3179 395.2 43.7376 395.2 42.9876C395.2 40.2331 392.967 38 390.212 38H378.921C375.982 38 373.6 40.3822 373.6 43.3207C373.6 45.8196 375.339 47.9818 377.78 48.5176L394.22 52.1264C402.267 53.8928 408 61.021 408 69.2593C408 78.9468 400.147 86.8 390.459 86.8H377.092C368.094 86.8 360.8 79.5057 360.8 70.5076C360.8 69.7606 361.356 69.1305 362.097 69.0379L372.198 67.7752C372.943 67.6822 373.6 68.2625 373.6 69.0125C373.6 71.767 375.833 74 378.588 74H390.014C392.878 74 395.2 71.6783 395.2 68.8143C395.2 66.4508 393.602 64.3863 391.314 63.794L373.765 59.2508C366.132 57.2745 360.8 50.3868 360.8 42.5015C360.8 32.9462 368.546 25.2 378.101 25.2Z" fill="#0F1015"/>
|
|
1922
|
+
<path d="M8 58C8 31.4903 29.4903 10 56 10C82.5097 10 104 31.4903 104 58C104 75.468 94.6696 90.7597 80.7129 99.1582C80.3237 99.3924 79.8197 99.2468 79.6079 98.845L77.7391 95.2981C77.5396 94.9194 77.6741 94.4514 78.0396 94.2286C90.245 86.7878 98.4 73.3477 98.4 58C98.4 45.396 92.898 34.0746 84.1712 26.3112L83.8716 26.0447C83.2103 25.4564 82.197 25.5168 81.6102 26.1795L76.2698 32.2113C70.6911 27.8209 63.6496 25.2 56 25.2C37.8851 25.2 23.2 39.8851 23.2 58C23.2 70.6278 30.3366 81.5856 40.7873 87.0659L41.1415 87.2516C41.9239 87.6619 42.8909 87.3604 43.3013 86.578L46.7194 80.0634C46.9121 79.6961 47.353 79.5384 47.7406 79.6861C50.3082 80.6645 53.0932 81.2 56 81.2C68.813 81.2 79.2 70.813 79.2 58C79.2 45.187 68.813 34.8 56 34.8H55.6C54.7163 34.8 54 35.5163 54 36.4V43.8553C54 44.2521 53.7083 44.5864 53.3192 44.6641C47.092 45.909 42.4 51.4066 42.4 58C42.4 62.0871 44.2053 65.7548 47.0553 68.2449C49.4452 70.3329 52.5771 71.6 56 71.6C63.5111 71.6 69.6 65.5111 69.6 58C69.6 51.4066 64.908 45.909 58.6808 44.6641C58.2917 44.5864 58 44.2521 58 43.8553V39.79C58 39.3156 58.411 38.944 58.8801 39.0146C68.1177 40.4042 75.2 48.375 75.2 58C75.2 68.6039 66.6039 77.2 56 77.2C52.7862 77.2 49.7622 76.4119 47.1053 75.0203L46.7512 74.8348C45.9688 74.425 45.0023 74.7267 44.592 75.5088L41.3048 81.7738C41.0894 82.1844 40.5705 82.3272 40.1833 82.0723C32.3591 76.9208 27.2 68.0616 27.2 58C27.2 42.0942 40.0942 29.2 56 29.2C63.3526 29.2 70.0574 31.9526 75.1478 36.4867L75.4473 36.7535C76.1086 37.3425 77.1225 37.2824 77.7095 36.6194L82.416 31.3036C82.7202 30.96 83.251 30.9417 83.5705 31.2711C90.2759 38.1859 94.4 47.6103 94.4 58C94.4 72.7914 86.0375 85.6329 73.7731 92.0487C68.4609 94.8276 62.417 96.4 56 96.4C39.6557 96.4 25.6916 86.188 20.1496 71.7893L20.0065 71.4176C19.6901 70.5954 18.7685 70.1837 17.945 70.4967L11.2754 73.0313C10.8512 73.1925 10.3773 72.9691 10.24 72.5365C8.78535 67.9531 8 63.0699 8 58Z" fill="#0F1015"/>
|
|
1923
|
+
<path d="M46.4 58C46.4 52.6981 50.6981 48.4 56 48.4C61.3019 48.4 65.6 52.6981 65.6 58C65.6 63.3019 61.3019 67.6 56 67.6C53.5814 67.6 51.376 66.7082 49.6871 65.2326C47.6696 63.4699 46.4 60.8844 46.4 58Z" fill="#0F1015"/>
|
|
1924
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5314 80.7132C15.335 80.3641 14.9136 80.2069 14.5392 80.3492L7.33942 83.0853C6.51543 83.3984 5.59337 82.9861 5.27738 82.1632L3.70554 78.0698C1.30997 71.8314 0 65.0616 0 58C0 27.0721 25.0721 2 56 2C86.9279 2 112 27.0721 112 58C112 79.5691 99.8043 98.2795 81.9611 107.63L78.0725 109.668C77.291 110.078 76.3256 109.777 75.9143 108.997L72.3255 102.186C72.1387 101.831 71.7185 101.67 71.3402 101.803C66.5332 103.486 61.3687 104.4 56 104.4C38.6169 104.4 23.4779 94.8422 15.5314 80.7132ZM74.193 97.1488C73.9943 96.7717 73.5352 96.6173 73.1454 96.7898C67.9011 99.1111 62.0989 100.4 56 100.4C38.9222 100.4 24.2068 90.3041 17.4886 75.7611C17.3101 75.3745 16.8638 75.1867 16.4658 75.3379L9.64462 77.9301C8.82063 78.2433 7.89858 77.831 7.58258 77.008L7.43969 76.6359C5.21709 70.8479 4 64.5637 4 58C4 29.2812 27.2812 6 56 6C84.7188 6 108 29.2812 108 58C108 78.0231 96.6823 95.3996 80.1044 104.087L79.7509 104.273C78.9694 104.682 78.0039 104.382 77.5927 103.601L74.193 97.1488Z" fill="#0F1015"/>
|
|
1908
1925
|
</svg>
|
|
1909
1926
|
`;
|
|
1910
1927
|
|
|
@@ -1931,9 +1948,9 @@ const ZonosHelloDialogFooter = class {
|
|
|
1931
1948
|
const language = (_b = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
|
|
1932
1949
|
// Only use gray-0 (white) when the background color is dark (apply inverted color if the element is using dark theme variable)
|
|
1933
1950
|
const mainColor = primaryColor && isDarkColor(primaryColor) ? 'white' : 'black';
|
|
1934
|
-
return (h(Host, { key: '
|
|
1951
|
+
return (h(Host, { key: 'd202f2295a5a3182727f2166847ac56f5958b654', class: "zonos--elements" }, h("div", { key: 'b42f6b1339449c5c4cebc999f25c0fc02a6b6e85', class: "zonos--hello-dialog-footer", style: {
|
|
1935
1952
|
'--zonos--primary-color': primaryColor,
|
|
1936
|
-
} }, h("a", { key: '
|
|
1953
|
+
} }, h("a", { key: 'c6465111d747a9c4a5b067039df51a9dc8df1976', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'fedd91718e253a8332334bea848178f091ae1cea', "aria-label": "Zonos Logo", autoHeight: true, content: mainColor === 'black' ? ZonosIconLight : ZonosIconDark, iconColor: mainColor, size: 108 })), h("div", { key: '9211d83b19f866ba87e171eeeb29690890ca9dcb', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'c88ca108b05511ebcaa9f1761d01413e61af91a5', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: 'ff2386a7e4bfced9a9c8a2d62c21257c1052053e', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
|
|
1937
1954
|
}
|
|
1938
1955
|
get ele() { return getElement(this); }
|
|
1939
1956
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host } from './index-55a03023.js';
|
|
2
|
-
import { l as localizationStore,
|
|
2
|
+
import { l as localizationStore, t as translate, d as currencyFormat } from './localization-cf31c728.js';
|
|
3
3
|
import { z as zonosStore } from './zonosStore-c456b933.js';
|
|
4
4
|
import { c as classes } from './classes-0d95c529.js';
|
|
5
5
|
import { f as formatStringWithLinks } from './formatStringWithLinks-9e819405.js';
|
|
@@ -131,6 +131,11 @@ const ZonosHelloDialog = class {
|
|
|
131
131
|
};
|
|
132
132
|
this.getDutyMessage = () => {
|
|
133
133
|
const countryLandedCost = localizationStore.countryLandedCost;
|
|
134
|
+
// For GB, if the store doesn't allow low value orders, we would like to tell shopper that duties will always apply as there would be a custom message saying "Orders to United Kingdom must be over .* to ship."
|
|
135
|
+
if (!(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.allowLowValueOrders) &&
|
|
136
|
+
(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode) === 'GB') {
|
|
137
|
+
return translate('Duties will apply to all orders.');
|
|
138
|
+
}
|
|
134
139
|
// Our Robby API spells deminimis wrong here
|
|
135
140
|
const dutyDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.dutyDeminimus)
|
|
136
141
|
? currencyFormat({ amount: countryLandedCost.dutyDeminimus })
|
|
@@ -144,6 +149,11 @@ const ZonosHelloDialog = class {
|
|
|
144
149
|
};
|
|
145
150
|
this.getTaxMessage = () => {
|
|
146
151
|
const { countryLandedCost } = localizationStore;
|
|
152
|
+
// For GB, if the store doesn't allow low value orders, we would like to tell shopper that taxes will always apply as there would be a custom message saying "Orders to United Kingdom must be over .* to ship."
|
|
153
|
+
if (!(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.allowLowValueOrders) &&
|
|
154
|
+
(countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.countryCode) === 'GB') {
|
|
155
|
+
return translate('Taxes will apply to all orders.');
|
|
156
|
+
}
|
|
147
157
|
// Our Robby API spells deminimis wrong here
|
|
148
158
|
const taxDeminimis = (countryLandedCost === null || countryLandedCost === void 0 ? void 0 : countryLandedCost.vatTaxDeminimus)
|
|
149
159
|
? currencyFormat({ amount: countryLandedCost.vatTaxDeminimus })
|
|
@@ -333,18 +343,18 @@ const ZonosHelloDialog = class {
|
|
|
333
343
|
const defaultMessage = formatStringWithLinks(defaultMessageStr);
|
|
334
344
|
const currentPage = this.getCurrentPageEnum();
|
|
335
345
|
const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
|
|
336
|
-
return (h(Host, { key: '
|
|
346
|
+
return (h(Host, { key: '048945538b24e429425ba47f0964a2c16a8c2d3d', class: "zonos--elements" }, h("div", { key: '539cb35da5f85ec64a166757eb09389262232d3e', class: classes([
|
|
337
347
|
'zonos--hello-dialog',
|
|
338
348
|
animateLeft && 'zonos--hello-dialog-animate-from-left',
|
|
339
349
|
animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
|
|
340
350
|
!!this.mobileLocationOverride &&
|
|
341
351
|
'zonos--hello-dialog-mobile-override',
|
|
342
352
|
this.isOpen && 'zonos--hello-dialog-open',
|
|
343
|
-
]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '
|
|
353
|
+
]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'ef1ad9355d3244d96971217311f1c674adeb6ee3' }, h("div", { key: '463e7752c0a1c11c6c86bf0dd8031b81511c0c14', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '89c1ae9d62c5b6c21472597c1afc5733a1cb8512', class: "zonos--close-button", icon: h("zonos-icon", { "aria-label": "Close Zonos Hello dialog", content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), h("zonos-v-stack", { key: '2657decc4b955f00eeb360018791e18a7a4ac70a', spacing: 24 }, h("zonos-country-flag", { key: '57e9c4bdfc7a14e0268097a5c0c79ef508011347', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'cda79b1e8487d72ed6ca33e2298731953ad9620e', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '17d98d8f62d953c2b41ee46678ae4bea26b09ca5', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '856cebfb2d0d34a52d23f3eb8ccc7a64ef16e822', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '905f5e46a8eba8d9ff69af0ee5f51dadd168878e', spacing: 8 }, this.restrictedItems.map(item => {
|
|
344
354
|
var _a;
|
|
345
355
|
return item && (h("zonos-banner", { bannerTitle: item.name, intent: "error" }, (_a = item.itemRestrictions) === null || _a === void 0 ? void 0 : _a.map(x => (h("zonos-text", { textColor: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
|
|
346
|
-
}), h("zonos-card", { key: '
|
|
347
|
-
additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country icon", content: BagIcon }), h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '
|
|
356
|
+
}), h("zonos-card", { key: '600e71f5ccd6f2f86d5fe00833f480b5059fa145', spacing: "12px" }, h("zonos-v-stack", { key: '75cc0236d7f59ef08e7700ef326c079b2eb273a2', spacing: 12 }, hasInclusivePrices ? (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: InclusivePricingIcon }), h("zonos-text", null, inclusivePriceMessage))) : (h(Fragment, null, dutyDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis icon", content: ImportIcon }), h("zonos-text", { "aria-label": "Duty de minimis message" }, dutyDeMinimisMessage))), taxDeMinimisMessage && (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis icon", content: MoneyIcon }), h("zonos-text", { "aria-label": "Tax de minimis message" }, taxDeMinimisMessage))))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
|
|
357
|
+
additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country icon", content: BagIcon }), h("zonos-text", { "aria-label": `Additional information for buying goods from selected country message`, innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '70c60065a548ab2e178df64062991b8160d62f55', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '14da13080459253ab355f60f67216f99741b69a2' }, h("zonos-country-select", { key: 'e18e90eb0e68450ceb833aa999f24108fd154eb8', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '56255cb5629ee7600378d13ee700adf1d3c73f51' }, h("zonos-language-select", { key: '3d74f4c28c067ea9f94da2d3274abf4d750bcab7', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
|
|
348
358
|
}
|
|
349
359
|
static get assetsDirs() { return ["assets"]; }
|
|
350
360
|
static get watchers() { return {
|