@zonos/elements 1.3.15-alpha.2 → 1.3.15

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.js

@@ -157,17 +157,17 @@ export class ZonosHelloDialog {
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: '5457afc57069ca9ee6b31c2d3678965e59e275ed', class: "zonos--elements" }, h("div", { key: '4b4e974fce33cf88e7627a9513222453d25fe103', "aria-hidden": "true", class: classes([
+        return (h(Host, { key: '7e8de73755369d6e94a502ad580f051fa6c8da6d', class: "zonos--elements" }, h("div", { key: '1680bee2115bd6b9c21cf7288aac99343a106fc6', "aria-hidden": "true", class: classes([
                 'zonos--hello-dialog',
                 animateLeft && 'zonos--hello-dialog-animate-from-left',
                 animateFromBottom && 'zonos--hello-dialog-animate-from-bottom',
                 !!this.mobileLocationOverride &&
                     'zonos--hello-dialog-mobile-override',
                 this.isOpen && 'zonos--hello-dialog-open',
-            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'a27fd25bcc42d984b96991fa41c62dc7f2c8fb3c' }, h("div", { key: 'a83e94def52065d49155eadce134edc5bdfd9f8a', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: 'db53cddaf04b1bd860287dcc70c6906bec71d6a3', 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: 'b23609e6727a8b0d7085dc5c96e2034382aae992', spacing: 24 }, h("zonos-country-flag", { key: 'd32019b849190e902b923c5bd82b8b293d1d2431', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'c063e4bb526b1b24ec687c80d42ebd9b18d704b6', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: 'a631361f2d44b1e21e91a1f4ff303da7101cdbef', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'c887a9764256420faa51973733a4ce4b6ba9c87a', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: 'ce5cf5c6edad63ccd06204fd6e28f07619ff92db', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '878dfde3a7df3cb257a3344a7d45b5d09f06abdd' }, h("div", { key: '167f9ad860c1d8acf36bde0ebf718d3e7e37a1e5', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '5aa8eeb4b01fb2282b881377ba4bf11cd7caa623', 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: 'aee8f07760b9f68abd57476683cf2b450a20e09e', spacing: 24 }, h("zonos-country-flag", { key: 'd71c48fb777ef4a7e15d419e4902ba1b0f4ca212', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'a00c00aaf92c76c1e7e207fb301c3e5002a83407', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '77c763fa74510d3a182a4f6f1b4f48eab6498573', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: '3d3a634aee3b4277460de8f977a901ae29f5baac', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '85237fae85ab07206bcdfff86de4cfae928fb730', spacing: 8 }, this.restrictedItems.map(item => {
             var _a;
             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)))));
-        }), h("zonos-card", { key: '4352b1c30bf2e07a330efebc0f7315bd1ac567a8', spacing: "12px" }, h("zonos-v-stack", { key: 'c92966e587ea3fe988cd450b2689e2839784b0fd', spacing: 12 }, h("div", { key: 'dc6f702ef1489d007d68b125b82ecd984d5e739c', class: "zonos--flex-message" }, h("zonos-icon", { key: 'a2ea6fbb7fb36f7e446cd28c7f6e0e57c3af67bf', "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", { key: '04fecd291baef82d8045ecd128e34dc79d2f7eeb' }, dutyDeMinimisMessage)), h("div", { key: '2f312f15d2ed7844e7408a779eaf9f69bfc55866', class: "zonos--flex-message" }, h("zonos-icon", { key: '51e4a27c2eba54a60d8516b1824cacb918dd7ecb', "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", { key: '24ecaa5087f050f994753420493f139445f93090' }, taxDeMinimisMessage)), additionalInformation && (h("div", { key: '2bdc3b49037389fc9058dfab97d02adf6ec09092', class: "zonos--flex-message" }, h("zonos-icon", { key: 'b7737b651f8df5fe555e8d26d63d3282178b225e', "aria-label": "Low value order shipping restriction", content: BagIcon }), h("zonos-text", { key: 'c9382d99555e02c03a17f58bcc7a1872cc988bd0' }, additionalInformation))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '38010a811c69787c107fac817ae1cfde249454e1', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: '564d7cc16fdb4871c5290578eb59f47310a73236' }, h("zonos-country-select", { key: '511418bcd30cd97458f90cbe78dbd296137ea925', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '9c215eadf43523a7ee8036a6637bf398c86c6c5c' }, h("zonos-language-select", { key: '2856beb0872a37cec0944688e4d72145a16baffb', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), h("zonos-card", { key: '7538d03f14fe518406f2a16afff5e08460fbbc37', spacing: "12px" }, h("zonos-v-stack", { key: 'e8e7d5dd2765b70b38e22028a0cd084a826bafbd', spacing: 12 }, h("div", { key: '0822cd8d0023b2dbf2f99e957d0cd7c0ddab5d30', class: "zonos--flex-message" }, h("zonos-icon", { key: '098699a08612c6bccd07a32597f4cb69b111ddbd', "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", { key: '28e26206a7a4eb7604030f3612265e0b623f17a5' }, dutyDeMinimisMessage)), h("div", { key: '2128d439fa2bdf1304979b8f4a1c4e438d11cced', class: "zonos--flex-message" }, h("zonos-icon", { key: 'd1fa307f787d7f8f36b31e13208761fd841603fe', "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", { key: 'b29a178d243d8b0300adef157a03e8f80e8d6590' }, taxDeMinimisMessage)), additionalInformation && (h("div", { key: '2c764bc1c8eb74f6ea036c6bab4ac7ba12753531', class: "zonos--flex-message" }, h("zonos-icon", { key: '91277f65b642b8e79a04839f7fbf3f1886d3585b', "aria-label": "Low value order shipping restriction", content: BagIcon }), h("zonos-text", { key: 'cabce597179bdf0a92334e0e72297661c9d6cd67' }, additionalInformation))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '6582cdaa19e7252b4c6401c1a69bd9df7b690b3c', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'f10d4c707e32dd77888292cbfec2bf4fe71f4467' }, h("zonos-country-select", { key: '5f09ef49c781096248104eb77845b783aa3d6d56', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '8985543a50da7be63ddfbf40a01e5a6af3e9d7b9' }, h("zonos-language-select", { key: '9b2197ea5b765a5d15a02522a14e959100254669', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/main/zonos-controller.js

@@ -152,7 +152,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: 'fb8d58a358b76ed2def980d7cd516266253bbbb4', class: "zonos--elements" });
+        return h(Host, { key: 'c607814c97ec998ef3e56ccdb28ef0369daf9ff3', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }
@@ -335,7 +335,7 @@ export class ZonosController {
                     "signature": "(countryCode: CountryCode) => Promise<void>",
                     "parameters": [{
                             "name": "countryCode",
-                            "type": "\"CI\" | \"AD\" | \"AE\" | \"AF\" | \"AG\" | \"AI\" | \"AL\" | \"AM\" | \"AO\" | \"AQ\" | \"AR\" | \"AS\" | \"AT\" | \"AU\" | \"AW\" | \"AX\" | \"AZ\" | \"BA\" | \"BB\" | \"BD\" | \"BE\" | \"BF\" | \"BG\" | \"BH\" | \"BI\" | \"BJ\" | \"BL\" | \"BM\" | \"BN\" | \"BO\" | \"BQ\" | \"BR\" | \"BS\" | \"BT\" | \"BV\" | \"BW\" | \"BY\" | \"BZ\" | \"CA\" | \"CC\" | \"CD\" | \"CF\" | \"CG\" | \"CH\" | \"CK\" | \"CL\" | \"CM\" | \"CN\" | \"CO\" | \"CR\" | \"CU\" | \"CV\" | \"CW\" | \"CX\" | \"CY\" | \"CZ\" | \"DE\" | \"DJ\" | \"DK\" | \"DM\" | \"DO\" | \"DZ\" | \"EC\" | \"EE\" | \"EG\" | \"EH\" | \"ER\" | \"ES\" | \"ET\" | \"FI\" | \"FJ\" | \"FK\" | \"FM\" | \"FO\" | \"FR\" | \"GA\" | \"GB\" | \"GD\" | \"GE\" | \"GF\" | \"GG\" | \"GH\" | \"GI\" | \"GL\" | \"GM\" | \"GN\" | \"GP\" | \"GQ\" | \"GR\" | \"GS\" | \"GT\" | \"GU\" | \"GW\" | \"GY\" | \"HK\" | \"HM\" | \"HN\" | \"HR\" | \"HT\" | \"HU\" | \"IC\" | \"ID\" | \"IE\" | \"IL\" | \"IM\" | \"IN\" | \"IO\" | \"IQ\" | \"IR\" | \"IS\" | \"IT\" | \"JE\" | \"JM\" | \"JO\" | \"JP\" | \"KE\" | \"KG\" | \"KH\" | \"KI\" | \"KM\" | \"KN\" | \"KP\" | \"KR\" | \"KW\" | \"KY\" | \"KZ\" | \"LA\" | \"LB\" | \"LC\" | \"LI\" | \"LK\" | \"LR\" | \"LS\" | \"LT\" | \"LU\" | \"LV\" | \"LY\" | \"MA\" | \"MC\" | \"MD\" | \"ME\" | \"MF\" | \"MG\" | \"MH\" | \"MK\" | \"ML\" | \"MM\" | \"MN\" | \"MO\" | \"MP\" | \"MQ\" | \"MR\" | \"MS\" | \"MT\" | \"MU\" | \"MV\" | \"MW\" | \"MX\" | \"MY\" | \"MZ\" | \"NA\" | \"NC\" | \"NE\" | \"NF\" | \"NG\" | \"NI\" | \"NL\" | \"NO\" | \"NP\" | \"NR\" | \"NU\" | \"NZ\" | \"OM\" | \"PA\" | \"PE\" | \"PF\" | \"PG\" | \"PH\" | \"PK\" | \"PL\" | \"PM\" | \"PN\" | \"PR\" | \"PS\" | \"PT\" | \"PW\" | \"PY\" | \"QA\" | \"RE\" | \"RO\" | \"RS\" | \"RU\" | \"RW\" | \"SA\" | \"SB\" | \"SC\" | \"SD\" | \"SE\" | \"SG\" | \"SH\" | \"SI\" | \"SJ\" | \"SK\" | \"SL\" | \"SM\" | \"SN\" | \"SO\" | \"SR\" | \"SS\" | \"ST\" | \"SV\" | \"SX\" | \"SY\" | \"SZ\" | \"TC\" | \"TD\" | \"TF\" | \"TG\" | \"TH\" | \"TJ\" | \"TK\" | \"TL\" | \"TM\" | \"TN\" | \"TO\" | \"TR\" | \"TT\" | \"TV\" | \"TW\" | \"TZ\" | \"UA\" | \"UG\" | \"UM\" | \"US\" | \"UY\" | \"UZ\" | \"VA\" | \"VC\" | \"VE\" | \"VG\" | \"VI\" | \"VN\" | \"VU\" | \"WF\" | \"WS\" | \"YE\" | \"YT\" | \"ZA\" | \"ZM\" | \"ZW\"",
+                            "type": "\"AD\" | \"AE\" | \"AF\" | \"AG\" | \"AI\" | \"AL\" | \"AM\" | \"AO\" | \"AQ\" | \"AR\" | \"AS\" | \"AT\" | \"AU\" | \"AW\" | \"AX\" | \"AZ\" | \"BA\" | \"BB\" | \"BD\" | \"BE\" | \"BF\" | \"BG\" | \"BH\" | \"BI\" | \"BJ\" | \"BL\" | \"BM\" | \"BN\" | \"BO\" | \"BQ\" | \"BR\" | \"BS\" | \"BT\" | \"BV\" | \"BW\" | \"BY\" | \"BZ\" | \"CA\" | \"CC\" | \"CD\" | \"CF\" | \"CG\" | \"CH\" | \"CI\" | \"CK\" | \"CL\" | \"CM\" | \"CN\" | \"CO\" | \"CR\" | \"CU\" | \"CV\" | \"CW\" | \"CX\" | \"CY\" | \"CZ\" | \"DE\" | \"DJ\" | \"DK\" | \"DM\" | \"DO\" | \"DZ\" | \"EC\" | \"EE\" | \"EG\" | \"EH\" | \"ER\" | \"ES\" | \"ET\" | \"FI\" | \"FJ\" | \"FK\" | \"FM\" | \"FO\" | \"FR\" | \"GA\" | \"GB\" | \"GD\" | \"GE\" | \"GF\" | \"GG\" | \"GH\" | \"GI\" | \"GL\" | \"GM\" | \"GN\" | \"GP\" | \"GQ\" | \"GR\" | \"GS\" | \"GT\" | \"GU\" | \"GW\" | \"GY\" | \"HK\" | \"HM\" | \"HN\" | \"HR\" | \"HT\" | \"HU\" | \"IC\" | \"ID\" | \"IE\" | \"IL\" | \"IM\" | \"IN\" | \"IO\" | \"IQ\" | \"IR\" | \"IS\" | \"IT\" | \"JE\" | \"JM\" | \"JO\" | \"JP\" | \"KE\" | \"KG\" | \"KH\" | \"KI\" | \"KM\" | \"KN\" | \"KP\" | \"KR\" | \"KW\" | \"KY\" | \"KZ\" | \"LA\" | \"LB\" | \"LC\" | \"LI\" | \"LK\" | \"LR\" | \"LS\" | \"LT\" | \"LU\" | \"LV\" | \"LY\" | \"MA\" | \"MC\" | \"MD\" | \"ME\" | \"MF\" | \"MG\" | \"MH\" | \"MK\" | \"ML\" | \"MM\" | \"MN\" | \"MO\" | \"MP\" | \"MQ\" | \"MR\" | \"MS\" | \"MT\" | \"MU\" | \"MV\" | \"MW\" | \"MX\" | \"MY\" | \"MZ\" | \"NA\" | \"NC\" | \"NE\" | \"NF\" | \"NG\" | \"NI\" | \"NL\" | \"NO\" | \"NP\" | \"NR\" | \"NU\" | \"NZ\" | \"OM\" | \"PA\" | \"PE\" | \"PF\" | \"PG\" | \"PH\" | \"PK\" | \"PL\" | \"PM\" | \"PN\" | \"PR\" | \"PS\" | \"PT\" | \"PW\" | \"PY\" | \"QA\" | \"RE\" | \"RO\" | \"RS\" | \"RU\" | \"RW\" | \"SA\" | \"SB\" | \"SC\" | \"SD\" | \"SE\" | \"SG\" | \"SH\" | \"SI\" | \"SJ\" | \"SK\" | \"SL\" | \"SM\" | \"SN\" | \"SO\" | \"SR\" | \"SS\" | \"ST\" | \"SV\" | \"SX\" | \"SY\" | \"SZ\" | \"TC\" | \"TD\" | \"TF\" | \"TG\" | \"TH\" | \"TJ\" | \"TK\" | \"TL\" | \"TM\" | \"TN\" | \"TO\" | \"TR\" | \"TT\" | \"TV\" | \"TW\" | \"TZ\" | \"UA\" | \"UG\" | \"UM\" | \"US\" | \"UY\" | \"UZ\" | \"VA\" | \"VC\" | \"VE\" | \"VG\" | \"VI\" | \"VN\" | \"VU\" | \"WF\" | \"WS\" | \"YE\" | \"YT\" | \"ZA\" | \"ZM\" | \"ZW\"",
                             "docs": ""
                         }],
                     "references": {

package/dist/collection/components/store/checkout/stripe.js

@@ -4,6 +4,7 @@ import { localizationStore } from "../hello/localization";
 import { translate } from "../translationStore";
 import { zonosStore } from "../zonosStore";
 import { calculateLandedCost } from "../../utils/api/calculateLandedCost";
+import { buildTranslateRequestBody } from "../../utils/checkout/buildTranslateRequestBody";
 import { handleFetch } from "../../utils/handleFetch";
 import { isDarkColor } from "../../utils/isDarkColor";
 import { jsonParse } from "../../utils/jsonParse";
@@ -20,9 +21,11 @@ const { onChange, reset, state: stripeStore, } = createStore(() => ({
     stripeAddressElement: null,
     stripeAddressEventData: null,
     stripeAddressUsedWhenFetchingLC: null,
+    stripeAddressUsedWhenValidatingAddress: null,
     stripeBillingAddressElement: null,
     stripeBillingAddressEventData: null,
     stripeBillingAddressUsedWhenFetchingLC: null,
+    stripeBillingAddressUsedWhenValidatingAddress: null,
     stripeElements: null,
     stripeElementsForBillingAddress: null,
     stripeElementsOptions: null,
@@ -32,6 +35,13 @@ const { onChange, reset, state: stripeStore, } = createStore(() => ({
     stripePaymentElement: null,
     stripePaymentEventData: null,
     stripeShippingSameAsBilling: true,
+    translatedAddress: {
+        address: {},
+        billingAddress: {},
+        firstName: {},
+        lastName: {},
+        name: {},
+    },
 }));
 const getStripeOptions = ({ clientSecret, overrideBorderRaidus, overridePrimaryColor, overrideSecondaryColor, overrideTheme, }) => {
     const primaryColor = overridePrimaryColor || zonosStore.appearance.colorPrimary;
@@ -118,30 +128,39 @@ const stripeStoreReset = () => {
     // set stripe back to window.Zonos.stripe
     stripeStore.stripe = window.Zonos.stripe;
 };
+const checkIsAddressOutdatedForValidation = () => {
+    var _a, _b, _c, _d;
+    const isAddressDataDirty = JSON.stringify((_a = stripeStore.stripeAddressUsedWhenValidatingAddress) === null || _a === void 0 ? void 0 : _a.value) !== JSON.stringify((_b = stripeStore.stripeAddressEventData) === null || _b === void 0 ? void 0 : _b.value);
+    const isBillingAddressDataDirty = !stripeStore.stripeShippingSameAsBilling &&
+        JSON.stringify((_c = stripeStore.stripeBillingAddressEventData) === null || _c === void 0 ? void 0 : _c.value) !==
+            JSON.stringify((_d = stripeStore.stripeBillingAddressUsedWhenValidatingAddress) === null || _d === void 0 ? void 0 : _d.value);
+    return isAddressDataDirty || isBillingAddressDataDirty;
+};
+const checkIsAddressOutdatedForLCPrefetch = () => {
+    var _a, _b, _c, _d, _e, _f;
+    const isLinkDataDirty = JSON.stringify((_a = stripeStore.stripeLinkUsedWhenFetchingLC) === null || _a === void 0 ? void 0 : _a.value) !==
+        JSON.stringify((_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.value);
+    const isAddressDataDirty = JSON.stringify((_c = stripeStore.stripeAddressUsedWhenFetchingLC) === null || _c === void 0 ? void 0 : _c.value) !==
+        JSON.stringify((_d = stripeStore.stripeAddressEventData) === null || _d === void 0 ? void 0 : _d.value);
+    const isBillingAddressDataDirty = !stripeStore.stripeShippingSameAsBilling &&
+        JSON.stringify((_e = stripeStore.stripeBillingAddressEventData) === null || _e === void 0 ? void 0 : _e.value) !==
+            JSON.stringify((_f = stripeStore.stripeBillingAddressUsedWhenFetchingLC) === null || _f === void 0 ? void 0 : _f.value);
+    return isLinkDataDirty || isAddressDataDirty || isBillingAddressDataDirty;
+};
 /**
  * Check if the address and email info used when fetching landed cost with the current email and address info are different
  * Purpose is to resend the request if the info used when fetching landed cost is different from the current info
  */
 const isPrefetchInfoOutdated = () => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a;
     // Mark the landed cost is outdated since the item total amount has changed (items total didn't match with the cart subtotal)
     const isTotalAmountChanged = cartStore.landedCostData &&
         ((_a = cartStore.landedCostData.find(Boolean)) === null || _a === void 0 ? void 0 : _a.subtotals.items) !==
             cartStore.subtotal;
-    const isLinkDataDirty = JSON.stringify((_b = stripeStore.stripeLinkUsedWhenFetchingLC) === null || _b === void 0 ? void 0 : _b.value) !==
-        JSON.stringify((_c = stripeStore.stripeLinkEventData) === null || _c === void 0 ? void 0 : _c.value);
-    const isAddressDataDirty = JSON.stringify((_d = stripeStore.stripeAddressUsedWhenFetchingLC) === null || _d === void 0 ? void 0 : _d.value) !==
-        JSON.stringify((_e = stripeStore.stripeAddressEventData) === null || _e === void 0 ? void 0 : _e.value);
-    const isBillingAddressDataDirty = !stripeStore.stripeShippingSameAsBilling &&
-        JSON.stringify((_f = stripeStore.stripeBillingAddressEventData) === null || _f === void 0 ? void 0 : _f.value) !==
-            JSON.stringify((_g = stripeStore.stripeBillingAddressUsedWhenFetchingLC) === null || _g === void 0 ? void 0 : _g.value);
+    const isAddressOutdated = checkIsAddressOutdatedForLCPrefetch();
     return (
     // if landed cost data is not available, we need to fetch it
-    !cartStore.landedCostData ||
-        isLinkDataDirty ||
-        isAddressDataDirty ||
-        isBillingAddressDataDirty ||
-        isTotalAmountChanged);
+    !cartStore.landedCostData || isAddressOutdated || isTotalAmountChanged);
 };
 const stripeStorePrefetchLandedCost = async () => {
     var _a, _b, _c, _d, _e, _f;
@@ -371,6 +390,126 @@ const stripeStoreUpdateCheckoutSession = async ({ currency, id, itemsAmount, lan
     }
     return { errors: [], json };
 };
+/**
+ * This function builds a translated address object from the current address and the translated address result.
+ * It checks each field in the current address and if it exists in the translated address result, it adds it to the translated address object.
+ * The key of each field in the translated address object is the current address's field value and the value is the corresponding translated address's field value.
+ *
+ * @param {Object} params - The parameters for the function.
+ * @param {Address} params.currentAddress - The current address information.
+ * @param {Address} params.translatedAddressResult - The translated address result.
+ *
+ * @returns {TranslatedAddress} - An object containing the translated address. Each field is an object with the current address's field value as the key and the translated address's field value as the value.
+ */
+const buildTranslatedAddress = ({ currentAddress, translatedAddressResult, }) => {
+    const translatedAddress = {};
+    if (!translatedAddressResult) {
+        return translatedAddress;
+    }
+    const { city, line1, line2, name, postal_code, state } = translatedAddressResult;
+    // If we have translated address, add it to the translated address object
+    if (currentAddress.city && city) {
+        translatedAddress.city = {
+            [currentAddress.city]: city,
+        };
+    }
+    if (currentAddress.line1 && line1) {
+        translatedAddress.line1 = {
+            [currentAddress.line1]: line1,
+        };
+    }
+    if (currentAddress.line2 && line2) {
+        translatedAddress.line2 = {
+            [currentAddress.line2]: line2,
+        };
+    }
+    if (currentAddress.postal_code && postal_code) {
+        translatedAddress.postal_code = {
+            [currentAddress.postal_code]: postal_code,
+        };
+    }
+    if (currentAddress.state && state) {
+        translatedAddress.state = {
+            [currentAddress.state]: state,
+        };
+    }
+    if (currentAddress.name && name) {
+        translatedAddress.name = {
+            [currentAddress.name]: name,
+        };
+    }
+    return translatedAddress;
+};
+/**
+ * This function translates an address to Latin characters using the Zonos API.
+ * It first builds the request body for the API call. If there's no request body, it resets the translated address in the store and returns.
+ * If the address is not outdated, it returns without making the API call.
+ * It then makes a POST request to the Zonos API to validate and translate the address. If the API call fails, it resets the translated address in the store and returns.
+ * If the API call is successful, it sets the current address and billing address in the store and builds the translated address and billing address from the API response.
+ *
+ * @param {Object} params - The parameters for the function.
+ * @param {ReturnType<typeof containsNonLatinChars> | null} params.addressInvalidCharactersList - The list of address fields that contain invalid characters.
+ * @param {ReturnType<typeof containsNonLatinChars> | null} params.billingAddressInvalidCharactersList - The list of billing address fields that contain invalid characters.
+ */
+const stripeStoreTranslateAddressToLatin = async ({ addressInvalidCharactersList, billingAddressInvalidCharactersList, }) => {
+    var _a, _b, _c, _d;
+    const requestBody = buildTranslateRequestBody({
+        addressInvalidCharactersList,
+        billingAddressInvalidCharactersList,
+        stripeAddressEventData: stripeStore.stripeAddressEventData,
+        stripeBillingAddressEventData: stripeStore.stripeBillingAddressEventData,
+        stripeShippingSameAsBilling: stripeStore.stripeShippingSameAsBilling,
+    });
+    if (!requestBody) {
+        // reset translated address if we don't have any address to translate
+        stripeStore.translatedAddress = {
+            address: {},
+            billingAddress: {},
+        };
+        return;
+    }
+    // only translate address if the address is out of date
+    const isAddressOutdated = checkIsAddressOutdatedForValidation();
+    if (!isAddressOutdated) {
+        return;
+    }
+    const routeUrl = process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL;
+    const { errors, json } = await handleFetch(`${routeUrl}/api/zonos-elements/validate-address`, {
+        body: requestBody,
+        method: 'POST',
+    });
+    if (errors.length || !json) {
+        logError('Error occurs when translating address to latin', JSON.stringify(errors, null, 2));
+        // reset translated address if we fail to translate and let user manually fix it
+        stripeStore.translatedAddress = {
+            address: {},
+            billingAddress: {},
+        };
+        return;
+    }
+    // Set current address to the store so we can compare it later to determine if we need to re-translate the address
+    stripeStore.stripeAddressUsedWhenValidatingAddress =
+        stripeStore.stripeAddressEventData;
+    stripeStore.stripeBillingAddressUsedWhenValidatingAddress =
+        stripeStore.stripeBillingAddressEventData;
+    const address = (_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.value.address;
+    const billingAddress = (_b = stripeStore.stripeBillingAddressEventData) === null || _b === void 0 ? void 0 : _b.value.address;
+    // Set the translated address to the store so we can populate it to the address element for user to update
+    stripeStore.translatedAddress = {
+        address: address
+            ? buildTranslatedAddress({
+                currentAddress: Object.assign(Object.assign({}, address), { name: (_c = stripeStore.stripeAddressEventData) === null || _c === void 0 ? void 0 : _c.value.name }),
+                translatedAddressResult: json.address || null,
+            })
+            : {},
+        billingAddress: !stripeStore.stripeShippingSameAsBilling
+            ? buildTranslatedAddress({
+                currentAddress: Object.assign(Object.assign({}, billingAddress), { name: (_d = stripeStore.stripeBillingAddressEventData) === null || _d === void 0 ? void 0 : _d.value.name }) || {},
+                translatedAddressResult: json.billingAddress || null,
+            })
+            : {},
+    };
+};
 onChange('clientSecret', clientSecret => {
     // update stripe elements when client secret changes
     if (clientSecret && stripeStore.stripe) {
@@ -380,4 +519,4 @@ onChange('clientSecret', clientSecret => {
         sessionStorage.removeItem('zonos--client-secret');
     }
 });
-export { initStripeElements, stripeStore, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreGetDomesticShippingSession, stripeStoreInitCheckoutSession, stripeStorePrefetchLandedCost, stripeStoreReset, stripeStoreRetrievePayment, stripeStoreSaveDomesticShippingSession, stripeStoreUpdateCheckoutSession, };
+export { initStripeElements, stripeStore, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreGetDomesticShippingSession, stripeStoreInitCheckoutSession, stripeStorePrefetchLandedCost, stripeStoreReset, stripeStoreRetrievePayment, stripeStoreSaveDomesticShippingSession, stripeStoreTranslateAddressToLatin, stripeStoreUpdateCheckoutSession, };

package/dist/collection/components/store/translationStore/strings.arabic.js

@@ -20,9 +20,15 @@ export const stringsArabic = {
     Back: {
         value: 'رجوع',
     },
+    Billing: {
+        value: 'الفوترة',
+    },
     'Billing address': {
         value: 'عنوان الفوترة',
     },
+    Cancel: {
+        value: 'إلغاء',
+    },
     'Cart subtotal': {
         value: 'المجموع الفرعي للسلة',
     },
@@ -59,6 +65,9 @@ export const stringsArabic = {
     'Duties, taxes, and fees': {
         value: 'الرسوم والضرائب والرسوم',
     },
+    Email: {
+        value: 'البريد الإلكتروني',
+    },
     'Error creating Checkout': {
         value: 'خطأ في إنشاء جلسة الخروج',
     },
@@ -68,6 +77,9 @@ export const stringsArabic = {
     'Expected delivery': {
         value: 'التوصيل المتوقع',
     },
+    'First name': {
+        value: 'الاسم الأول',
+    },
     'Go to payment': {
         value: 'الذهاب إلى الدفع',
     },
@@ -80,6 +92,9 @@ export const stringsArabic = {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'تعرف على الرسوم والضرائب قبل الشراء. اشترِ بثقة!',
     },
+    'Last name': {
+        value: 'الاسم الأخير',
+    },
     'Missing required fields. Make sure all fields are completed.': {
         value: 'الحقول المطلوبة مفقودة. تأكد من إكمال جميع الحقول.',
     },
@@ -125,12 +140,12 @@ export const stringsArabic = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'جارٍ معالجة الدفع. سنحدثك عند استلام الدفعة.',
     },
+    'Phone number': {
+        value: 'رقم الهاتف',
+    },
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: 'يرجى التأكد من أن نصك يستخدم الأبجدية اللاتينية فقط (A-Z, a-z).',
     },
-    'Please resolve the following errors:': {
-        value: 'الرجاء حل الأخطاء التالية:',
-    },
     'Postal code': {
         value: 'الرمز البريدي',
     },
@@ -176,6 +191,9 @@ export const stringsArabic = {
     State: {
         value: 'ولاية',
     },
+    'State/Province': {
+        value: 'الولاية/المقاطعة',
+    },
     'Taxes will apply to all orders': {
         value: 'ستنطبق الضرائب على جميع الطلبات',
     },
@@ -185,6 +203,18 @@ export const stringsArabic = {
     "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists": {
         value: 'حدث خطأ في تحديث جلسة الخروج الخاصة بك. يرجى إعادة التحميل والمحاولة مرة أخرى أو الاتصال بالدعم إذا استمر الخطأ',
     },
+    'To ensure delivery all address details must be in Latin characters.': {
+        value: 'لضمان التوصيل، يجب أن تكون جميع تفاصيل العنوان بأحرف لاتينية.',
+    },
+    'Translated address': {
+        value: 'العنوان المترجم',
+    },
+    'Update address': {
+        value: 'تحديث العنوان',
+    },
+    'Update your address': {
+        value: 'قم بتحديث عنوانك',
+    },
     "We couldn't complete your payment. Please verify the payment details and try again.": {
         value: 'تعذر علينا اكمال الدفع. يرجى التحقق من تفاصيل الدفع وإعادة المحاولة.',
     },
@@ -197,6 +227,9 @@ export const stringsArabic = {
     'Welcome!': {
         value: 'أهلا بك!',
     },
+    'What you entered': {
+        value: 'ما أدخلته',
+    },
     "You're all set!": {
         value: 'أنت جاهز!',
     },
@@ -212,9 +245,6 @@ export const stringsArabic = {
     'duty free': {
         value: 'معفى من الرسوم',
     },
-    'only supports Latin characters (A-Z, a-z)': {
-        value: 'يدعم فقط الأحرف اللاتينية (A-Z, a-z)',
-    },
     'tax free': {
         value: 'معفى من الضرائب',
     },

package/dist/collection/components/store/translationStore/strings.base.js

@@ -20,9 +20,15 @@ export const stringsBase = {
     Back: {
         value: 'Back',
     },
+    Billing: {
+        value: 'Billing',
+    },
     'Billing address': {
         value: 'Billing address',
     },
+    Cancel: {
+        value: 'Cancel',
+    },
     'Cart subtotal': {
         value: 'Cart subtotal',
     },
@@ -59,6 +65,9 @@ export const stringsBase = {
     'Duties, taxes, and fees': {
         value: 'Duties, taxes, and fees',
     },
+    Email: {
+        value: 'Email',
+    },
     'Error creating Checkout': {
         value: 'Error creating Checkout',
     },
@@ -68,6 +77,9 @@ export const stringsBase = {
     'Expected delivery': {
         value: 'Expected delivery',
     },
+    'First name': {
+        value: 'First name',
+    },
     'Go to payment': {
         value: 'Go to payment',
     },
@@ -80,6 +92,9 @@ export const stringsBase = {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: 'Know about duties and taxes before you buy. Shop with confidence!',
     },
+    'Last name': {
+        value: 'Last name',
+    },
     'Missing required fields. Make sure all fields are completed.': {
         value: 'Missing required fields. Make sure all fields are completed.',
     },
@@ -125,12 +140,12 @@ export const stringsBase = {
     "Payment processing. We'll update you when payment is received.": {
         value: "Payment processing. We'll update you when payment is received.",
     },
+    'Phone number': {
+        value: 'Phone number',
+    },
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: 'Please ensure your text uses the Latin alphabet only (A-Z, a-z).',
     },
-    'Please resolve the following errors:': {
-        value: 'Please resolve the following errors:',
-    },
     'Postal code': {
         value: 'Postal code',
     },
@@ -176,6 +191,9 @@ export const stringsBase = {
     State: {
         value: 'State',
     },
+    'State/Province': {
+        value: 'State/Province',
+    },
     'Taxes will apply to all orders': {
         value: 'Taxes will apply to all orders',
     },
@@ -185,6 +203,18 @@ export const stringsBase = {
     "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists": {
         value: "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists",
     },
+    'To ensure delivery all address details must be in Latin characters.': {
+        value: 'To ensure delivery all address details must be in Latin characters.',
+    },
+    'Translated address': {
+        value: 'Translated address',
+    },
+    'Update address': {
+        value: 'Update address',
+    },
+    'Update your address': {
+        value: 'Update your address',
+    },
     "We couldn't complete your payment. Please verify the payment details and try again.": {
         value: "We couldn't complete your payment. Please verify the payment details and try again.",
     },
@@ -197,6 +227,9 @@ export const stringsBase = {
     'Welcome!': {
         value: 'Welcome!',
     },
+    'What you entered': {
+        value: 'What you entered',
+    },
     "You're all set!": {
         value: "You're all set!",
     },
@@ -212,9 +245,6 @@ export const stringsBase = {
     'duty free': {
         value: 'duty free',
     },
-    'only supports Latin characters (A-Z, a-z)': {
-        value: 'only supports Latin characters (A-Z, a-z)',
-    },
     'tax free': {
         value: 'tax free',
     },

package/dist/collection/components/store/translationStore/strings.chinese.js

@@ -20,9 +20,15 @@ export const stringsChinese = {
     Back: {
         value: '返回',
     },
+    Billing: {
+        value: '账单',
+    },
     'Billing address': {
         value: '账单地址',
     },
+    Cancel: {
+        value: '取消',
+    },
     'Cart subtotal': {
         value: '购物车小计',
     },
@@ -59,6 +65,9 @@ export const stringsChinese = {
     'Duties, taxes, and fees': {
         value: '关税、税款和费用',
     },
+    Email: {
+        value: '电子邮件',
+    },
     'Error creating Checkout': {
         value: '创建结账时出错',
     },
@@ -68,6 +77,9 @@ export const stringsChinese = {
     'Expected delivery': {
         value: '预计送达',
     },
+    'First name': {
+        value: '名字',
+    },
     'Go to payment': {
         value: '前往付款',
     },
@@ -80,6 +92,9 @@ export const stringsChinese = {
     'Know about duties and taxes before you buy. Shop with confidence!': {
         value: '在购买之前了解关税和税款。放心购物！',
     },
+    'Last name': {
+        value: '姓',
+    },
     'Missing required fields. Make sure all fields are completed.': {
         value: '缺少必填字段。确保所有字段均已填写完整。',
     },
@@ -125,12 +140,12 @@ export const stringsChinese = {
     "Payment processing. We'll update you when payment is received.": {
         value: '付款处理中。付款收到后，我们将通知您。',
     },
+    'Phone number': {
+        value: '电话号码',
+    },
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: '请确保您的文本仅使用拉丁字母表（A-Z, a-z）。',
     },
-    'Please resolve the following errors:': {
-        value: '请解决以下错误：',
-    },
     'Postal code': {
         value: '邮政编码',
     },
@@ -176,6 +191,9 @@ export const stringsChinese = {
     State: {
         value: '州',
     },
+    'State/Province': {
+        value: '州/省',
+    },
     'Taxes will apply to all orders': {
         value: '税款将适用于所有订单',
     },
@@ -185,6 +203,18 @@ export const stringsChinese = {
     "There's been an error updating your checkout session. Please reload and try again or contact support if the error persists": {
         value: '更新您的结账会话时出现错误。如果错误仍然存在，请重新加载页面并重试，或联系支持',
     },
+    'To ensure delivery all address details must be in Latin characters.': {
+        value: '为确保送达，所有地址详情必须使用拉丁字符。',
+    },
+    'Translated address': {
+        value: '翻译地址',
+    },
+    'Update address': {
+        value: '更新地址',
+    },
+    'Update your address': {
+        value: '更新您的地址',
+    },
     "We couldn't complete your payment. Please verify the payment details and try again.": {
         value: '我们无法完成您的付款。请验证付款详情并重试。',
     },
@@ -197,6 +227,9 @@ export const stringsChinese = {
     'Welcome!': {
         value: '欢迎！',
     },
+    'What you entered': {
+        value: '您输入的内容',
+    },
     "You're all set!": {
         value: '您已完成设置！',
     },
@@ -212,9 +245,6 @@ export const stringsChinese = {
     'duty free': {
         value: '免征关税',
     },
-    'only supports Latin characters (A-Z, a-z)': {
-        value: '仅支持拉丁字符 (A-Z, a-z)',
-    },
     'tax free': {
         value: '免税',
     },