@zonos/elements 1.3.142 → 1.3.144

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

@@ -18,9 +18,9 @@ export class ZonosHelloDialogFooter {
         const language = (_b = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
         // Only use gray-0 (white) when the background color is dark (apply inverted color if the element is using dark theme variable)
         const mainColor = primaryColor && isDarkColor(primaryColor) ? 'white' : 'black';
-        return (h(Host, { key: '458b65efb2fc1e6cf5f7c5588601add4af010de6', class: "zonos--elements" }, h("div", { key: 'ee8eb8cf4a3e0a5583f5fb15842a86adb443e421', class: "zonos--hello-dialog-footer", style: {
+        return (h(Host, { key: 'f84d021e99271bd6a00da32edd35fdc5e0520c5a', class: "zonos--elements" }, h("div", { key: 'db35a5022b1ef1a70e3cace021fcc14d6e8ea987', class: "zonos--hello-dialog-footer", style: {
                 '--zonos--primary-color': primaryColor,
-            } }, h("a", { key: 'fa6ab85dae56620a30275dd25c10011bf129545e', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '413b1d69091e5bf4ba639ea66e4930acc0636074', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: mainColor, size: 108 })), h("div", { key: 'be2881c022690d5a6bcb9c38a50287a427f4fc32', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: '79480397f8c59a435b1f9a4604441500991741a3', 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: 'c23ae8fa589d754ca93680006d6a45af2b440db6', 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)))));
+            } }, h("a", { key: 'bbbc50bf395e2658239e2a1a0342122b04e43a5f', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '3c80a7ba8dd9509d45bde7de20e7689f632aedc8', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: mainColor, size: 108 })), h("div", { key: 'add64f376e48cc71f6b5672aafe7b1ef62ab2354', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'a0a5059ad4a48b2cc3ea05696aa79ffce33b4bf2', 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: '2608dba553f846c5016e8395dbce079beda0aa5a', 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)))));
     }
     static get is() { return "zonos-hello-dialog-footer"; }
     static get encapsulation() { return "shadow"; }
@@ -59,7 +59,9 @@ export class ZonosHelloDialogFooter {
                 "docs": {
                     "tags": [],
                     "text": "Appearance settings"
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "setShowCountrySelect": {
                 "type": "unknown",
@@ -78,6 +80,8 @@ export class ZonosHelloDialogFooter {
                         }],
                     "text": "Whether or not the country select dialog is open"
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "() => {}"
             },
             "setShowLanguageSelect": {
@@ -97,6 +101,8 @@ export class ZonosHelloDialogFooter {
                         }],
                     "text": "Whether or not the language select dialog is open"
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "() => {}"
             }
         };

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

@@ -232,18 +232,18 @@ export class ZonosHelloDialog {
         const defaultMessage = formatStringWithLinks(defaultMessageStr);
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: '25f0055cadd0b38a8374cdb0c981124d569ae9df', class: "zonos--elements" }, h("div", { key: '7c04c71c7926d0bc64499f9c124464087d19570d', class: classes([
+        return (h(Host, { key: '1fce2b616b062a02f97f711f674836d75ad25035', class: "zonos--elements" }, h("div", { key: 'caa338a462d1c0cde1727e5147268c782d6063f0', 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',
-            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: 'b4ad9c5eb5893ecd553b1bed056810bd8d69c3ca' }, h("div", { key: 'bd442c14e751180b3dded8d415662eb456b5b5fd', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '2d0f6d48e91c1897ca6ab442e8bff7efefd76920', 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: 'eb19103741ccbced87f11d800a8c9439f692fcfd', spacing: 24 }, h("zonos-country-flag", { key: '50f7375b30576d69bb751de6b6ba6565f34e83aa', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: '4e5eb35029bbafa1343d4b7b911dadfa77074be0', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: 'fc62525f1442ddb2ad98b8b4f5a4e874586ffa55', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'b85a16aacba64bdc477102d87e76071312395128', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '9cff07928aeadaccdb5d9c906125f603281d3bb1', spacing: 8 }, this.restrictedItems.map(item => {
+            ]), inert: !this.isOpen, ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", { key: '49968ece06cddb09bf870c7fac18999d9d43ad75' }, h("div", { key: '0557a439e3676dcda4668324e0ed4701a50cb365', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: 'ccf16ff294f2168d1c3b3735a1b364cc71e5d392', 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: '7aa4d6322cf48204a4eb4aa62b2ebdaab637e96b', spacing: 24 }, h("zonos-country-flag", { key: '1152da449f95ebd8f2cc3364c2ba742ed0696b0c', class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { key: 'c449283c10a1e71f1e55d7da04ae51234bb58ccf', class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { key: '2adb9745513f6f9041509d07a9584cf421a22ee9', type: "boldSubheader" }, welcomeMessage), h("zonos-text", { key: 'ece4b349db2f121b2245090a04327927775162f0', innerHTML: defaultMessage, textColor: "gray-800" })), h("zonos-v-stack", { key: '30849c1c301eed69fe3d1db06755164d852ef547', 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: 'e3a98411ec2be35dfbe3e9a2a5945851697da7ad', spacing: "12px" }, h("zonos-v-stack", { key: '09cd2bbbb94e819a272f3ef415bb9ace37111f04', 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, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
-            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '87b8ee464cc4aee3c811fa302f34126b29125565', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'b1841bad3ab471b0d6f148389e08d79907ca19e6' }, h("zonos-country-select", { key: '8571131dd95b34476e2bf165ad7a369c5b45bd0c', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '0a30a4dff4b45cdd87413688381d66624f8de3aa' }, h("zonos-language-select", { key: '4ddeb41556e241dcc234d91d402014218f91281a', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
+        }), h("zonos-card", { key: 'fbd14cc231da833e4930a52483f40c32b1e24e2d', spacing: "12px" }, h("zonos-v-stack", { key: '75da2be8ba28555258e8ff50e78c5b1ffa2403ac', 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, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: ImportIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Tax de minimis", content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)))), additionalInformation === null || additionalInformation === void 0 ? void 0 :
+            additionalInformation.map(info => (h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Additional information for buying goods from selected country", content: BagIcon }), h("zonos-text", { innerHTML: info })))))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { key: '6c15ad7d36590e1b93007e3786c0e0db191b4b8d', appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", { key: 'fae16c45b01ed1345d439c77267d1c80ce908598' }, h("zonos-country-select", { key: 'a6abe0661ee91ad227877ebbb5ee21253b110ea0', handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", { key: '7550bec8646301a4bd5afb94b79b18b62698891b' }, h("zonos-language-select", { key: 'da2e8007ebf7e33723baaf3bdd2818334090c81c', handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }
@@ -274,6 +274,8 @@ export class ZonosHelloDialog {
                     "tags": [],
                     "text": "Whether or not the dialog is open"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-open",
                 "reflect": false,
                 "defaultValue": "false"
@@ -295,6 +297,8 @@ export class ZonosHelloDialog {
                         }],
                     "text": "The function to set the open state"
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "() => {}"
             },
             "mobileLocationOverride": {
@@ -320,6 +324,8 @@ export class ZonosHelloDialog {
                         }],
                     "text": "Force mobile styling instead of media query and use the passed location value"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "mobile-location-override",
                 "reflect": false
             },
@@ -340,6 +346,8 @@ export class ZonosHelloDialog {
                         }],
                     "text": "Force left animation instead of detecting which side has more space"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "animate-from-left-override",
                 "reflect": false
             },
@@ -366,7 +374,9 @@ export class ZonosHelloDialog {
                 "docs": {
                     "tags": [],
                     "text": "Override the appearance settings"
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "restrictedItems": {
                 "type": "unknown",
@@ -391,6 +401,8 @@ export class ZonosHelloDialog {
                         }],
                     "text": "Item restrictions array if any"
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[]"
             }
         };

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

@@ -174,7 +174,7 @@ export class ZonosController {
      */
     async reset() {
         cartStore.checkoutSessionId = null;
-        stripeStore.clientSecret = null;
+        stripeStore.clientSecret = '';
     }
     /**
      * Override the setting
@@ -206,7 +206,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: '7cdde4733b47d96c6539a6bd9c78f150de8a6eb4', class: "zonos--elements" });
+        return h(Host, { key: 'ab190aefdb7b90e03ec8f4f2da73a05c3416c776', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }
@@ -241,7 +241,9 @@ export class ZonosController {
                 "docs": {
                     "tags": [],
                     "text": "The zonos config object"
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "zonosApiKey": {
                 "type": "string",
@@ -257,6 +259,8 @@ export class ZonosController {
                     "tags": [],
                     "text": "The zonos api key"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "zonos-api-key",
                 "reflect": false
             }

package/dist/collection/components/paypal/zonos-paypal-payment.js

@@ -41,7 +41,7 @@ export class ZonosPaypalPayment {
         void this.loadPaypal();
     }
     render() {
-        return (h(Host, { key: '00f9e39b2a69f5da6799301b76571fe31ad2b3db', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: '4977e93ec49ab8deca29c69072ea5fa0fc1c145b', class: "zonos--payment-paypal-container" })));
+        return (h(Host, { key: '7be3c38f702c8fb105c54e652774f69fbbcfd34c', class: "zonos--paypal-payment zonos--elements" }, h("div", { key: '6845b53c2a5d1f2637f3ae9d867d2c6de48ab1b5', class: "zonos--payment-paypal-container" })));
     }
     static get is() { return "zonos-paypal-payment"; }
     static get encapsulation() { return "scoped"; }

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

@@ -2,6 +2,7 @@ import { createStore } from "@stencil/store";
 import { stripeStore, stripeStoreInitCheckoutSession, stripeStoreReset, stripeStoreUpdateCheckoutSession, } from "./stripe";
 import { localizationStore } from "../hello/localization";
 import { translate } from "../translationStore";
+import { getIsStagingMode } from "../../utils/checkout/getIsStagingMode";
 import { log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
 const { onChange, reset, state: cartStore, } = createStore(() => ({
@@ -22,9 +23,11 @@ const { onChange, reset, state: cartStore, } = createStore(() => ({
     inventoryCheckErrorMessage: null,
     isSelectedShippingAboveDeminimis: false,
     isSelectedShippingGuarantee: false,
+    isStagingMode: getIsStagingMode(),
     items: [],
     landedCostData: null,
     landedCostMethod: 'DDP',
+    partiesData: [],
     promoCode: sessionStorage.getItem('promoCode') || '',
     // When user clicked applied button, save promocode into session storage for later use. So if session has promocode, applied button is clicked
     promoCodeApplied: !!sessionStorage.getItem('promoCode'),

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

@@ -1,5 +1,5 @@
 import { createStore } from "@stencil/store";
-import { cartStore, cartStoreApplySubtotals, cartStoreCheckItemRestrictions, cartStorePreviousStep, cartStoreResetCartItems, cartStoreSetCheckoutSession, cartStoreUpdateSelectedShippingOption, } from "./cart";
+import { cartStore, cartStoreApplySubtotals, cartStoreCheckItemRestrictions, cartStorePreviousStep, cartStoreResetCartItems, cartStoreSetCheckoutSession, cartStoreUpdateSelectedShippingOption, cartStoreUpdateToErrorState, } from "./cart";
 import { localizationStore } from "../hello/localization";
 import { translate } from "../translationStore";
 import { zonosStore } from "../zonosStore";
@@ -10,20 +10,27 @@ import { sortServiceLevelOptionsByAmount } from "../../utils/checkout/sortServic
 import { handleFetch } from "../../utils/handleFetch";
 import { isDarkColor } from "../../utils/isDarkColor";
 import { jsonParse } from "../../utils/jsonParse";
-import { log } from "../../utils/logging/log";
+import { allLogs, log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
 import { sendErrorLog } from "../../utils/logging/sendErrorLog";
 import { validateCheckoutSession } from "../../utils/validateCheckoutSession";
 import { addressRuleStyle } from "../../../styles/stripe/addressRuleStyle";
 import { defaultVariable } from "../../../styles/stripe/defaultVariable";
 const { onChange, reset, state: stripeStore, } = createStore(() => ({
-    clientSecret: sessionStorage.getItem('zonos--client-secret') || null,
+    clientSecret: sessionStorage.getItem('zonos--client-secret') || '',
     customErrorMessage: null,
     fetchingLandedCostAbortController: null,
     hasPaymentError: false,
     isFetchingLandedCost: false,
     isFetchingSession: false,
     shouldInventoryRefund: false,
+    /**
+     * Default to skip payment intent, only create payment intent when "skipPaymentIntent" in url's query params is set "0"
+     * @default true
+     */
+    skipPaymentIntent: new URLSearchParams(window.location.search).get('skipPaymentIntent') === '0'
+        ? false
+        : true,
     stripe: null,
     stripeAddressElement: null,
     stripeAddressEventData: null,
@@ -42,6 +49,8 @@ const { onChange, reset, state: stripeStore, } = createStore(() => ({
     stripePaymentElement: null,
     stripePaymentEventData: null,
     stripeShippingSameAsBilling: true,
+    taxId: '',
+    taxIdUsedWhenFetchingLC: '',
     translatedAddress: {
         address: {},
         billingAddress: {},
@@ -71,7 +80,8 @@ const getStripeOptions = ({ clientSecret, overrideBorderRadius, overridePrimaryC
                 colorPrimary: secondaryColor
             }),
         },
-        clientSecret,
+        // Client secret can be undefined since we will load other elements that doesn't require client secret first, then load client secret and render one that requires it later
+        clientSecret: clientSecret || undefined,
         externalPaymentMethodTypes: [...paypalPaymentType],
         locale: localizationStore.selectedLocale,
     };
@@ -94,41 +104,39 @@ const initStripeElements = async (props) => {
         log('Skip. Stripe is not initialized');
         return;
     }
-    if (clientSecret) {
-        const stripeOptions = getStripeOptions({
-            clientSecret,
-            overrideBorderRadius: props === null || props === void 0 ? void 0 : props.overrideBorderRadius,
-            overridePrimaryColor: props === null || props === void 0 ? void 0 : props.overridePrimaryColor,
-            overrideSecondaryColor: props === null || props === void 0 ? void 0 : props.overrideSecondaryColor,
-            overrideTheme: props === null || props === void 0 ? void 0 : props.overrideTheme,
-            paypalEnabled: props === null || props === void 0 ? void 0 : props.paypalEnabled,
-        });
-        // compare with the previous options to see if we need to update
-        const isSameOptions = JSON.stringify(stripeOptions) ===
-            JSON.stringify(stripeStore.stripeElementsOptions);
-        if (!stripeStore.stripeElements ||
-            !stripeStore.stripeElementsForBillingAddress) {
-            // init stripe elements if it doesn't exist
-            stripeStore.stripeElements = (_a = stripeStore.stripe) === null || _a === void 0 ? void 0 : _a.elements(stripeOptions);
-            // save stripe elements options for later comparison
-            stripeStore.stripeElementsOptions = stripeOptions;
-            log('Stripe elements initialized');
-            // init stripe elements for billing address
-            stripeStore.stripeElementsForBillingAddress =
-                (_b = stripeStore.stripe) === null || _b === void 0 ? void 0 : _b.elements(stripeOptions);
-            log('Stripe elements for billing address initialized');
-            return;
-        }
-        if (!isSameOptions) {
-            // update elements with new option if it already exists
-            stripeStore.stripeElements.update(stripeOptions);
-            // update elements for stripe billing address
-            stripeStore.stripeElementsForBillingAddress.update(stripeOptions);
-            // save stripe elements options for later comparison
-            stripeStore.stripeElementsOptions = stripeOptions;
-        }
+    const stripeOptions = getStripeOptions({
+        clientSecret,
+        overrideBorderRadius: props === null || props === void 0 ? void 0 : props.overrideBorderRadius,
+        overridePrimaryColor: props === null || props === void 0 ? void 0 : props.overridePrimaryColor,
+        overrideSecondaryColor: props === null || props === void 0 ? void 0 : props.overrideSecondaryColor,
+        overrideTheme: props === null || props === void 0 ? void 0 : props.overrideTheme,
+        paypalEnabled: props === null || props === void 0 ? void 0 : props.paypalEnabled,
+    });
+    // compare with the previous options to see if we need to update
+    const isSameOptions = JSON.stringify(stripeOptions) ===
+        JSON.stringify(stripeStore.stripeElementsOptions);
+    if (!stripeStore.stripeElements ||
+        !stripeStore.stripeElementsForBillingAddress) {
+        // init stripe elements if it doesn't exist
+        stripeStore.stripeElements = (_a = stripeStore.stripe) === null || _a === void 0 ? void 0 : _a.elements(stripeOptions);
+        // save stripe elements options for later comparison
+        stripeStore.stripeElementsOptions = stripeOptions;
         log('Stripe elements initialized');
+        // init stripe elements for billing address
+        stripeStore.stripeElementsForBillingAddress =
+            (_b = stripeStore.stripe) === null || _b === void 0 ? void 0 : _b.elements(stripeOptions);
+        log('Stripe elements for billing address initialized');
+        return;
+    }
+    if (!isSameOptions) {
+        // update elements with new option if it already exists
+        stripeStore.stripeElements.update(stripeOptions);
+        // update elements for stripe billing address
+        stripeStore.stripeElementsForBillingAddress.update(stripeOptions);
+        // save stripe elements options for later comparison
+        stripeStore.stripeElementsOptions = stripeOptions;
     }
+    log('Stripe elements initialized');
 };
 const stripeStoreReset = () => {
     // clean clientSecret so that we can start the new one.
@@ -168,9 +176,14 @@ const isPrefetchInfoOutdated = () => {
         ((_a = cartStore.landedCostData.find(Boolean)) === null || _a === void 0 ? void 0 : _a.subtotals.items) !==
             cartStore.subtotal;
     const isAddressOutdated = checkIsAddressOutdatedForLCPrefetch();
+    // Auto prefetch landed cost if tax id is updated
+    const isTaxIdDirty = stripeStore.taxIdUsedWhenFetchingLC !== stripeStore.taxId;
     return (
     // if landed cost data is not available, we need to fetch it
-    !cartStore.landedCostData || isAddressOutdated || isTotalAmountChanged);
+    !cartStore.landedCostData ||
+        isAddressOutdated ||
+        isTotalAmountChanged ||
+        isTaxIdDirty);
 };
 const stripeCalculateLandedCost = async () => {
     var _a;
@@ -178,7 +191,7 @@ const stripeCalculateLandedCost = async () => {
     stripeStore.fetchingLandedCostAbortController = abortController;
     // Reset cart items to non-restricted state and restricted item list
     cartStoreResetCartItems();
-    const { checkoutSessionWorkflow, errors, itemCreateWorkflow, landedCostCalculateWorkflow, shipmentRatingCalculateWorkflow, } = await calculateLandedCostNormalized(abortController);
+    const { checkoutSessionWorkflow, errors, itemCreateWorkflow, landedCostCalculateWorkflow, partyCreateWorkflow, shipmentRatingCalculateWorkflow, } = await calculateLandedCostNormalized(abortController);
     // update the error message with customized error message that rule is applying to and disabled shippment rating if there is any
     cartStore.customQuotingError =
         ((_a = errors === null || errors === void 0 ? void 0 : errors.find(error => { var _a; return ((_a = error.extensions) === null || _a === void 0 ? void 0 : _a.ruleMessageType) === 'CUSTOM'; })) === null || _a === void 0 ? void 0 : _a.message) || null;
@@ -187,6 +200,7 @@ const stripeCalculateLandedCost = async () => {
     cartStoreCheckItemRestrictions(itemCreateWorkflow);
     // reset abort controller after we are done
     stripeStore.fetchingLandedCostAbortController = null;
+    cartStore.partiesData = (partyCreateWorkflow === null || partyCreateWorkflow === void 0 ? void 0 : partyCreateWorkflow.filter(Boolean)) || [];
     // update cart store with landed cost info
     cartStore.landedCostData =
         (checkoutSessionWorkflow === null || checkoutSessionWorkflow === void 0 ? void 0 : checkoutSessionWorkflow.map(checkoutSession => {
@@ -250,6 +264,7 @@ const stripeStorePrefetchLandedCost = async (params) => {
     if (stripeStore.stripeLinkEventData) {
         stripeStore.stripeLinkUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeLinkEventData);
     }
+    stripeStore.taxIdUsedWhenFetchingLC = stripeStore.taxId;
     try {
         // Reset cart items to non-restricted state and restricted item list
         cartStoreResetCartItems();
@@ -541,9 +556,66 @@ export const getCheckoutSessionBody = () => {
             },
         ],
         presentmentCountryCode: localizationStore.selectedCountryCode,
+        skipPaymentIntent: stripeStore.skipPaymentIntent,
     };
     return body;
 };
+const stripeStoreGetPaymentIntent = async () => {
+    var _a;
+    if (stripeStore.clientSecret) {
+        log('Payment intent already exists, skipping fetching payment intent');
+        return;
+    }
+    if (!cartStore.checkoutSessionId) {
+        // We want to log the error anytime we fail to create a checkout session
+        void sendErrorLog({
+            endpoint: 'Error creating payment intent',
+            errors: ['No checkout session id found when retrieving payment intent'],
+            metadata: {
+                allLogs,
+                cartId: window.Zonos.cartId,
+            },
+        });
+        cartStoreUpdateToErrorState({
+            messages: [
+                translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
+            ],
+            title: translate('Error creating Checkout'),
+        });
+        return;
+    }
+    const { errors, json } = await handleFetch('/api/zonos-elements/create-payment-intent', {
+        body: {
+            checkoutSessionId: cartStore.checkoutSessionId,
+        },
+        method: 'POST',
+    });
+    const clientSecret = (_a = json === null || json === void 0 ? void 0 : json.checkoutSessionPaymentIntentCreate) === null || _a === void 0 ? void 0 : _a.clientSecret;
+    if (errors.length || !clientSecret) {
+        logError('Error occurs when getting payment intent', JSON.stringify(errors, null, 2));
+        // We want to log the error anytime we fail to create a payment intent
+        void sendErrorLog({
+            endpoint: 'Error creating payment intent',
+            errors: errors.map(error => error.message),
+            metadata: {
+                allLogs,
+                cartId: window.Zonos.cartId,
+                checkoutSessionId: cartStore.checkoutSessionId,
+                clientSecret,
+            },
+        });
+        cartStoreUpdateToErrorState({
+            messages: [
+                translate("There's been an error creating your checkout session. Please reload and try again or contact support if the error persists"),
+            ],
+            title: translate('Error creating Checkout'),
+        });
+        return;
+    }
+    // update stripe store with updated information
+    stripeStore.clientSecret =
+        json.checkoutSessionPaymentIntentCreate.clientSecret;
+};
 /**
  * Init checkout session
  * @returns {boolean} whether or not the checkout session is successfully created
@@ -576,6 +648,10 @@ const stripeStoreInitCheckoutSession = async () => {
     });
     log('Exchange rate updated for cart items (checkout session create)', 'info', cartStore.exchangeRate);
     log('done-init-checkout-session');
+    // get and set payment intent async except for staging mode
+    if (!cartStore.isStagingMode) {
+        void stripeStoreGetPaymentIntent();
+    }
     return true;
 };
 /**
@@ -611,6 +687,7 @@ const stripeStoreUpdateCheckoutSession = async ({ adjustmentsAmount, cartId, cur
                 },
             ],
             presentmentCountryCode,
+            skipPaymentIntent: stripeStore.skipPaymentIntent,
         },
         method: 'POST',
     });
@@ -618,6 +695,10 @@ const stripeStoreUpdateCheckoutSession = async ({ adjustmentsAmount, cartId, cur
         logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
         return { errors, json };
     }
+    // get and set payment intent async except for staging mode
+    if (!cartStore.isStagingMode) {
+        void stripeStoreGetPaymentIntent();
+    }
     return { errors: [], json };
 };
 /**
@@ -748,4 +829,4 @@ onChange('clientSecret', clientSecret => {
         sessionStorage.removeItem('zonos--client-secret');
     }
 });
-export { initStripeElements, stripeCalculateLandedCost, stripeStore, stripeStoreApplyPromoCode, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreGetDomesticShippingSession, stripeStoreHandleInventoryCheck, stripeStoreHandleInventoryRefund, stripeStoreInitCheckoutSession, stripeStoreMessageBasedOnStatus, stripeStorePrefetchLandedCost, stripeStoreRemovePromoCode, stripeStoreReset, stripeStoreResetPromoCode, stripeStoreRetrievePayment, stripeStoreSaveDomesticShippingSession, stripeStoreTranslateAddressToLatin, stripeStoreUpdateCheckoutSession, };
+export { initStripeElements, stripeCalculateLandedCost, stripeStore, stripeStoreApplyPromoCode, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreGetDomesticShippingSession, stripeStoreGetPaymentIntent, stripeStoreHandleInventoryCheck, stripeStoreHandleInventoryRefund, stripeStoreInitCheckoutSession, stripeStoreMessageBasedOnStatus, stripeStorePrefetchLandedCost, stripeStoreRemovePromoCode, stripeStoreReset, stripeStoreResetPromoCode, stripeStoreRetrievePayment, stripeStoreSaveDomesticShippingSession, stripeStoreTranslateAddressToLatin, stripeStoreUpdateCheckoutSession, };

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

@@ -38,6 +38,9 @@ export const stringsArabic = {
     'Billing address': {
         value: 'عنوان الفوترة',
     },
+    'CPF/CNPJ number': {
+        value: 'رقم CPF/CNPJ',
+    },
     Cancel: {
         value: 'إلغاء',
     },
@@ -170,6 +173,9 @@ export const stringsArabic = {
     'No countries found': {
         value: 'لم يتم العثور على دول',
     },
+    'No payment method needed for staging': {
+        value: 'لا حاجة لطريقة دفع للتجهيز',
+    },
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: 'لم يتم اختيار تقييم الشحنة. يرجى العودة إلى خطوة "الشحن" واختيار تقييم الشحنة للمتابعة.',
     },
@@ -221,9 +227,15 @@ export const stringsArabic = {
     "Payment processing. We'll update you when payment is received.": {
         value: 'جارٍ معالجة الدفع. سنحدثك عند استلام الدفعة.',
     },
+    'Personal Customers Clearance Code': {
+        value: 'رمز تخليص العملاء الشخصيين',
+    },
     'Phone number': {
         value: 'رقم الهاتف',
     },
+    'Place test order': {
+        value: 'إجراء طلب اختبار',
+    },
     'Please ensure your text uses the Latin alphabet only (A-Z, a-z).': {
         value: 'يرجى التأكد من أن نصك يستخدم الأبجدية اللاتينية فقط (A-Z, a-z).',
     },
@@ -266,6 +278,9 @@ export const stringsArabic = {
     Quantity: {
         value: 'الكمية',
     },
+    'RFC number': {
+        value: 'رقم RFC',
+    },
     Reload: {
         value: 'إعادة تحميل',
     },
@@ -323,6 +338,9 @@ export const stringsArabic = {
     'Spend [threshold] tax free.': {
         value: 'أنفق [threshold] بدون ضرائب.',
     },
+    'Staging mode': {
+        value: 'وضع التدريج',
+    },
     State: {
         value: 'ولاية',
     },
@@ -371,6 +389,9 @@ export const stringsArabic = {
     'Unable to retrieve the checkout session at the moment. Please try again or contact our support team.': {
         value: 'غير قادر على استرداد جلسة الدفع في الوقت الحالي. يرجى المحاولة مرة أخرى أو الاتصال بفريق الدعم لدينا.',
     },
+    'Unique Labor Identification Code': {
+        value: 'رمز التعريف الفريد للعمل',
+    },
     'Update address': {
         value: 'تحديث العنوان',
     },

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

@@ -38,6 +38,9 @@ export const stringsBase = {
     'Billing address': {
         value: 'Billing address',
     },
+    'CPF/CNPJ number': {
+        value: 'CPF/CNPJ number',
+    },
     Cancel: {
         value: 'Cancel',
     },
@@ -170,6 +173,9 @@ export const stringsBase = {
     'No countries found': {
         value: 'No countries found',
     },
+    'No payment method needed for staging': {
+        value: 'No payment method needed for staging',
+    },
     'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.': {
         value: 'No shipment rating selected. Please go back to the "Shipping" step and select a shipment rating to proceed.',
     },
@@ -221,9 +227,15 @@ export const stringsBase = {
     "Payment processing. We'll update you when payment is received.": {
         value: "Payment processing. We'll update you when payment is received.",
     },
+    'Personal Customers Clearance Code': {
+        value: 'Personal Customers Clearance Code',
+    },
     'Phone number': {
         value: 'Phone number',
     },
+    'Place test order': {
+        value: 'Place test order',
+    },
     '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).',
     },
@@ -266,6 +278,9 @@ export const stringsBase = {
     Quantity: {
         value: 'Quantity',
     },
+    'RFC number': {
+        value: 'RFC number',
+    },
     Reload: {
         value: 'Reload',
     },
@@ -323,6 +338,9 @@ export const stringsBase = {
     'Spend [threshold] tax free.': {
         value: 'Spend [threshold] tax free.',
     },
+    'Staging mode': {
+        value: 'Staging mode',
+    },
     State: {
         value: 'State',
     },
@@ -371,6 +389,9 @@ export const stringsBase = {
     'Unable to retrieve the checkout session at the moment. Please try again or contact our support team.': {
         value: 'Unable to retrieve the checkout session at the moment. Please try again or contact our support team.',
     },
+    'Unique Labor Identification Code': {
+        value: 'Unique Labor Identification Code',
+    },
     'Update address': {
         value: 'Update address',
     },