@zonos/elements 1.3.5 → 1.3.7-alpha.0

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

@@ -1,22 +1,25 @@
 import { h, Host } from "@stencil/core";
 import { localizationStore } from "../../../store/hello/localization";
 import { isDarkColor } from "../../../utils/isDarkColor";
+import { languages } from "../../../../types/ILanguage";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
-import ChevronDownIcon from "./assets/chevronDownIcon.svg";
+import Globe from "./assets/globe.svg";
 // eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
 import ZonosIcon from "./assets/zonosIcon.svg";
 export class ZonosHelloDialogFooter {
     constructor() {
         this.appearanceSettings = undefined;
         this.setShowCountrySelect = () => { };
+        this.setShowLanguageSelect = () => { };
     }
     render() {
-        var _a, _b;
+        var _a, _b, _c;
         const primaryColor = (_a = this.appearanceSettings) === null || _a === void 0 ? void 0 : _a.colorPrimary;
         const footerTheme = primaryColor && isDarkColor(primaryColor) ? 'DARK' : 'LIGHT';
-        return (h(Host, { key: '724259a8adaa1cb5c760f36b14be99c55d6c29e2', class: "zonos--elements" }, h("div", { key: 'cb27d219f7a0f948a939b221143c3f0f252b0eeb', class: "zonos--hello-dialog-footer", "data-theme": footerTheme, style: {
-                '--primary-color': (_b = this.appearanceSettings) === null || _b === void 0 ? void 0 : _b.colorPrimary,
-            } }, h("a", { key: 'd04f060e7db6e2c964dc2c4252dbbc7b69fba7db', href: "https://zonos.com", target: "_blank" }, h("zonos-icon", { key: 'ed138c417f139f84a5466a4228925e2aa908cd12', autoHeight: true, color: "gray-1200", content: ZonosIcon, size: 108 })), h("zonos-button", { key: '07b300a1950adfaf154c173a49cec722df74172c', icon: h("zonos-icon", { color: "gray-700", content: ChevronDownIcon }), iconRight: true, onClick: () => this.setShowCountrySelect(true), variant: "outline" }, localizationStore.selectedCountryCode))));
+        const language = (_b = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
+        return (h(Host, { key: 'a3a6ab0e4af4981cc83802be1433c3c41da58c19', class: "zonos--elements" }, h("div", { key: 'fdea45d1b4d83055a3d17918a5ae78f43a7e0042', class: "zonos--hello-dialog-footer", "data-theme": footerTheme, style: {
+                '--primary-color': (_c = this.appearanceSettings) === null || _c === void 0 ? void 0 : _c.colorPrimary,
+            } }, h("a", { key: '4d4e995052049238d4c522ff8501dddbe25e29d5', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: '4ca16c024473660f74cfc7a3d506b8ba4ebf7362', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: "gray-1200", size: 108 })), h("div", { key: 'dd1da686f8345431c3805898f374e5fb22e27289', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'd5c34c75c5006710ff6d0426d43f07a5ade41827', buttonColor: "gray-1200", icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: "gray-1200" }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: '43759ce87473b10e078f14dce529db502a5edd4d', buttonColor: "gray-1200", 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"; }
@@ -75,6 +78,25 @@ export class ZonosHelloDialogFooter {
                     "text": "Whether or not the country select dialog is open"
                 },
                 "defaultValue": "() => {}"
+            },
+            "setShowLanguageSelect": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(value: boolean) => void",
+                    "resolved": "(value: boolean) => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "Whether or not the language select dialog is open"
+                },
+                "defaultValue": "() => {}"
             }
         };
     }

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

@@ -144,12 +144,17 @@
   bottom: 0;
   width: 100vw;
   max-width: 100vw;
-  max-height: unset;
+  max-height: 500px;
   height: fit-content;
   transform: scaleY(0);
   border-radius: 0;
   transform-origin: bottom;
 }
+@media (max-height: 600px) {
+  :host .zonos--hello-dialog.zonos--hello-dialog-mobile-override {
+    max-height: 80vh;
+  }
+}
 :host .zonos--hello-dialog.zonos--hello-dialog-mobile-override.zonos--hello-dialog-animate-from-left {
   transform-origin: bottom;
 }
@@ -166,15 +171,24 @@
     bottom: 0;
     width: 100vw;
     max-width: 100vw;
-    max-height: unset;
+    max-height: 500px;
     height: fit-content;
     transform: scaleY(0);
     border-radius: 0;
     transform-origin: bottom;
   }
+}
+@media (max-width: 768px) and (max-height: 600px) {
+  :host .zonos--hello-dialog {
+    max-height: 80vh;
+  }
+}
+@media (max-width: 768px) {
   :host .zonos--hello-dialog.zonos--hello-dialog-animate-from-left {
     transform-origin: bottom;
   }
+}
+@media (max-width: 768px) {
   :host .zonos--hello-dialog.zonos--hello-dialog-open {
     opacity: 1;
     transform: scaleY(1);

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

@@ -38,6 +38,9 @@ export class ZonosHelloDialog {
         this.setShowCountrySelect = async (value) => {
             this.showCountrySelect = value;
         };
+        this.setShowLanguageSelect = async (value) => {
+            this.showLanguageSelect = value;
+        };
         this.isOpen = false;
         this.setIsOpen = () => { };
         this.mobileLocationOverride = undefined;
@@ -46,6 +49,7 @@ export class ZonosHelloDialog {
         this.restrictedItems = [];
         this.welcomeMessage = 'Welcome to our Demo App!';
         this.showCountrySelect = false;
+        this.showLanguageSelect = false;
     }
     globalClickHandler(e) {
         this.clickOutsideDialogHandler(e);
@@ -53,6 +57,7 @@ export class ZonosHelloDialog {
     isOpenHandler(isOpen) {
         if (!isOpen) {
             void this.setShowCountrySelect(false);
+            void this.setShowLanguageSelect(false);
         }
     }
     render() {
@@ -90,17 +95,17 @@ export class ZonosHelloDialog {
             translate('Know about duties and taxes before you buy. Shop with confidence!');
         const currentPage = this.getCurrentPageEnum();
         const filteredMessages = customMessages.filter(x => x.pageName === currentPage);
-        return (h(Host, { key: '56fcc25e2fabf8c2f1edf727a64d213f18729c00', class: "zonos--elements" }, h("div", { key: 'c83e357cd266c605015e136eb23906bd4385e7f5', "aria-hidden": "true", class: classes([
+        return (h(Host, { key: '303f914b4511500edcd8d041ccfd52f0c48a7a85', class: "zonos--elements" }, h("div", { key: 'f52025ee53c0cdbbf20ecbb874e5639194b6507b', "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) }, h("div", { key: '8d5811f45f2cfe8bd1c0ca3131d99ebc69b7b00d', class: "zonos--hello-dialog-content" }, h("zonos-button", { key: '137ea59ae312bee3817292dde42e2e718e70001b', class: "zonos--close-button", icon: h("zonos-icon", { content: RemoveIcon }), noBackground: true, onClick: () => this.setIsOpen(false) }), this.showCountrySelect ? (h("div", null, h("zonos-country-select", { closeCountrySelect: () => this.setShowCountrySelect(false) }))) : (h("div", null, h("zonos-v-stack", { spacing: 24 }, h("zonos-country-flag", { class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { type: "boldSubheader" }, welcomeMessage), h("zonos-text", { color: "gray-800" }, defaultMessage)), h("zonos-v-stack", { spacing: 8 }, this.restrictedItems.map(item => {
+            ]), ref: el => el && (this.dialogRef = el) }, !this.showCountrySelect && !this.showLanguageSelect && (h("div", null, h("div", { class: "zonos--hello-dialog-content" }, h("zonos-button", { 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", { spacing: 24 }, h("zonos-country-flag", { class: "zonos--hello-country-flag", countryCode: selectedCountryCode }), h("zonos-v-stack", { class: "zonos--hello-dialog-header", spacing: 4 }, h("zonos-text", { type: "boldSubheader" }, welcomeMessage), h("zonos-text", { textColor: "gray-800" }, defaultMessage)), h("zonos-v-stack", { 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", { color: "red-800" }, x === null || x === void 0 ? void 0 : x.note)))));
-        }), h("zonos-card", { spacing: "12px" }, h("zonos-v-stack", { spacing: 12 }, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { content: BagIcon }), h("zonos-text", null, dutyDeMinimisMessage)), h("div", { class: "zonos--flex-message" }, h("zonos-icon", { content: MoneyIcon }), h("zonos-text", null, taxDeMinimisMessage)))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))))), !this.showCountrySelect && (h("zonos-hello-dialog-footer", { appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value) })))));
+            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", { spacing: "12px" }, h("zonos-v-stack", { spacing: 12 }, h("div", { class: "zonos--flex-message" }, h("zonos-icon", { "aria-label": "Duty de minimis", content: BagIcon }), 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)))), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))))), h("zonos-hello-dialog-footer", { appearanceSettings: this.appearanceSettings, setShowCountrySelect: value => this.setShowCountrySelect(value), setShowLanguageSelect: value => this.setShowLanguageSelect(value) }))), this.showCountrySelect && (h("div", null, h("zonos-country-select", { handleOnClose: () => this.setShowCountrySelect(false) }))), this.showLanguageSelect && (h("div", null, h("zonos-language-select", { handleOnClose: () => this.setShowLanguageSelect(false) }))))));
     }
     static get is() { return "zonos-hello-dialog"; }
     static get encapsulation() { return "shadow"; }
@@ -255,7 +260,8 @@ export class ZonosHelloDialog {
     static get states() {
         return {
             "welcomeMessage": {},
-            "showCountrySelect": {}
+            "showCountrySelect": {},
+            "showLanguageSelect": {}
         };
     }
     static get events() {

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

@@ -153,7 +153,7 @@ export class ZonosController {
         zonosStore.organizationName = organizationName;
     }
     render() {
-        return h(Host, { key: 'ff6eb2466864a217c485484d381e6f2531631e49', class: "zonos--elements" });
+        return h(Host, { key: '5650218b8eef4246ff1b131fcd1a06319800c2e3', class: "zonos--elements" });
     }
     static get is() { return "zonos-controller"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,13 +20,17 @@ const { onChange, reset, state: stripeStore, } = createStore(() => ({
     stripeAddressEventData: null,
     stripeAddressUsedWhenFetchingLC: null,
     stripeBillingAddressElement: null,
+    stripeBillingAddressEventData: null,
+    stripeBillingAddressUsedWhenFetchingLC: null,
     stripeElements: null,
+    stripeElementsForBillingAddress: null,
     stripeElementsOptions: null,
     stripeLinkElement: null,
     stripeLinkEventData: null,
     stripeLinkUsedWhenFetchingLC: null,
     stripePaymentElement: null,
     stripePaymentEventData: null,
+    stripeShippingSameAsBilling: true,
 }));
 const getStripeOptions = ({ clientSecret, overrideBorderRaidus, overridePrimaryColor, overrideSecondaryColor, overrideTheme, }) => {
     const primaryColor = overridePrimaryColor || zonosStore.appearance.colorPrimary;
@@ -53,7 +57,7 @@ const getStripeOptions = ({ clientSecret, overrideBorderRaidus, overridePrimaryC
     };
 };
 const initStripeElements = async (props) => {
-    var _a;
+    var _a, _b;
     const clientSecret = stripeStore.clientSecret;
     if (!stripeStore.stripe) {
         log('Skip. Stripe is not initialized');
@@ -70,17 +74,24 @@ const initStripeElements = async (props) => {
         // compare with the previous options to see if we need to update
         const isSameOptions = JSON.stringify(stripeOptions) ===
             JSON.stringify(stripeStore.stripeElementsOptions);
-        if (!stripeStore.stripeElements) {
+        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;
         }
@@ -100,7 +111,7 @@ const stripeStoreReset = () => {
  * 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;
+    var _a, _b, _c, _d, _e, _f;
     const hasAbortController = stripeStore.fetchingLandedCostAbordController;
     if (!hasAbortController) {
         // if there is no abort controller, this is a new request
@@ -110,26 +121,36 @@ const isPrefetchInfoOutdated = () => {
         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);
-    return isLinkDataDirty || isAddressDataDirty;
+    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;
 };
 const stripeStorePrefetchLandedCost = async () => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const stripeAddressReady = !!((_a = stripeStore.stripeAddressEventData) === null || _a === void 0 ? void 0 : _a.complete);
     const stripeLinkReady = !!((_b = stripeStore.stripeLinkEventData) === null || _b === void 0 ? void 0 : _b.complete);
+    const stripeBillingAddressReady = stripeStore.stripeShippingSameAsBilling
+        ? !!((_c = stripeStore.stripeLinkEventData) === null || _c === void 0 ? void 0 : _c.complete)
+        : !!((_d = stripeStore.stripeBillingAddressEventData) === null || _d === void 0 ? void 0 : _d.complete);
     const shouldRefetch = isPrefetchInfoOutdated();
     if (shouldRefetch) {
         // if the info used when fetching landed cost is different from the current info, abort the previous request
-        (_c = stripeStore.fetchingLandedCostAbordController) === null || _c === void 0 ? void 0 : _c.abort();
+        (_e = stripeStore.fetchingLandedCostAbordController) === null || _e === void 0 ? void 0 : _e.abort();
         stripeStore.fetchingLandedCostAbordController = null;
     }
     // only fetch if we are not fetching or we need to refetch
     if (stripeAddressReady &&
         stripeLinkReady &&
+        stripeBillingAddressReady &&
         (shouldRefetch || !stripeStore.isFetchingLandedCost)) {
         stripeStore.isFetchingLandedCost = true;
         if (stripeStore.stripeAddressEventData) {
             stripeStore.stripeAddressUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeAddressEventData);
         }
+        if (stripeStore.stripeBillingAddressEventData) {
+            stripeStore.stripeBillingAddressUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeBillingAddressEventData);
+        }
         if (stripeStore.stripeLinkEventData) {
             stripeStore.stripeLinkUsedWhenFetchingLC = Object.assign({}, stripeStore.stripeLinkEventData);
         }
@@ -145,7 +166,7 @@ const stripeStorePrefetchLandedCost = async () => {
             cartStore.shippingData =
                 (shipmentRatingCalculateWorkflow === null || shipmentRatingCalculateWorkflow === void 0 ? void 0 : shipmentRatingCalculateWorkflow.filter(Boolean)) || null;
             // apply new subtotal and total, this is mainly to show items in the presentment currency
-            const firstLandedCostData = (_d = cartStore.landedCostData) === null || _d === void 0 ? void 0 : _d.find(Boolean);
+            const firstLandedCostData = (_f = cartStore.landedCostData) === null || _f === void 0 ? void 0 : _f.find(Boolean);
             const subtotals = !!firstLandedCostData
                 ? firstLandedCostData.subtotals
                 : null;
@@ -274,6 +295,9 @@ const stripeStoreInitCheckoutSession = async () => {
         body: {
             currency: ((_a = cartStore.items.find(Boolean)) === null || _a === void 0 ? void 0 : _a.currencyCode) || '',
             itemsAmount: total,
+            metadata: [
+                { key: 'language', value: localizationStore.selectedLocale },
+            ],
             presentmentCountryCode: localizationStore.selectedCountryCode || null,
         },
         method: 'POST',

package/dist/collection/components/store/hello/localization.js

@@ -1,4 +1,5 @@
 import { createStore } from "@stencil/store";
+import { cartStore } from "../checkout/cart";
 import { translationStoreUpdateLanguage } from "../translationStore";
 import { zonosStore } from "../zonosStore";
 import { getCountries } from "../../utils/api/getCountries";
@@ -7,10 +8,12 @@ import { getExchangeRate, } from "../../utils/api/getExchangeRate";
 import { getLocaleMessages } from "../../utils/api/getLocaleMessages";
 import { getLocalization } from "../../utils/api/getLocalization";
 import { getShippingZones } from "../../utils/api/getShippingZones";
+import { handleFetch } from "../../utils/handleFetch";
 import { currencyDisplay } from "../../utils/hello/currencyConversion/currencyDisplay";
 import { getCurrencyCode } from "../../utils/hello/currencyConversion/getCurrencyCode";
 import { setZCountryUrlParam } from "../../utils/hello/setZCountryUrlParam";
 import { log } from "../../utils/logging/log";
+import { logError } from "../../utils/logging/logError";
 const { state: localizationStore } = createStore({
     countryLandedCost: null,
     customMessages: [],
@@ -119,7 +122,7 @@ const initLocalizationStore = async () => {
     // Filter countries to only include countries in the shipping zone
     const filteredCountries = shippingZoneCountries === null || shippingZoneCountries === void 0 ? void 0 : shippingZoneCountries.reduce((acc, countryCode) => {
         const countryInfo = allCountries === null || allCountries === void 0 ? void 0 : allCountries[countryCode];
-        return countryInfo
+        return countryInfo && countryInfo.active
             ? Object.assign(Object.assign({}, acc), { [countryCode]: countryInfo }) : acc;
     }, {});
     localizationStore.shippingZoneCountries = filteredCountries || null;
@@ -140,4 +143,31 @@ const initLocalizationStore = async () => {
     localizationStore.localizationLoaded = true;
     void getCustomMessages();
 };
-export { initLocalizationStore, localizationStore, localizationStoreUpdateSelectedCountryCode, };
+const updateCheckoutSessionLanguage = async () => {
+    if (!cartStore.checkoutSessionId) {
+        return null;
+    }
+    const { errors, json } = await handleFetch(`${process.env.NEXT_PUBLIC_ZONOS_ROUTE_URL}/api/zonos-elements/update-checkout-session-metadata`, {
+        body: {
+            id: cartStore.checkoutSessionId,
+            metadata: [
+                {
+                    key: 'language',
+                    value: localizationStore.selectedLocale,
+                },
+            ],
+        },
+        method: 'POST',
+    });
+    if (errors.length || !json) {
+        logError('Error occurs when updating checkout session', JSON.stringify(errors, null, 2));
+        return { errors, json };
+    }
+    return { errors: [], json };
+};
+const localizationStoreUpdateSelectedLocale = (newSelectedLocale) => {
+    localizationStore.selectedLocale = newSelectedLocale;
+    translationStoreUpdateLanguage(newSelectedLocale);
+    void updateCheckoutSessionLanguage();
+};
+export { initLocalizationStore, localizationStore, localizationStoreUpdateSelectedCountryCode, localizationStoreUpdateSelectedLocale, };

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

@@ -8,6 +8,9 @@ export const stringsArabic = {
     Back: {
         value: 'رجوع',
     },
+    'Billing address': {
+        value: 'عنوان الفوترة',
+    },
     'Cart subtotal': {
         value: 'المجموع الفرعي للسلة',
     },
@@ -56,6 +59,9 @@ export const stringsArabic = {
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'لم يتم العثور على طرق شحن - جرب تحرير عنوانك أو الاتصال بالدعم إذا استمر الخطأ',
     },
+    'Nothing due at the door': {
+        value: 'لا شيء مستحق عند الباب',
+    },
     'Order is over the de minimis threshold for both duty and tax': {
         value: 'الطلبية أعلى من الحد الأدنى لكل من الرسوم والضرائب',
     },
@@ -89,12 +95,24 @@ export const stringsArabic = {
     'Restricted items found': {
         value: 'تم العثور على عناصر مقيدة',
     },
+    'Search countries': {
+        value: 'ابحث عن الدول',
+    },
     'See duty and tax thresholds': {
         value: 'انظر عتبات الرسوم والضرائب',
     },
+    'Select a country': {
+        value: 'اختر دولة',
+    },
+    'Select a language': {
+        value: 'اختر لغة',
+    },
     Shipping: {
         value: 'الشحن',
     },
+    'Shipping address same as billing': {
+        value: 'عنوان الشحن مطابق لعنوان الفوترة',
+    },
     'Shipping information': {
         value: 'معلومات الشحن',
     },

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

@@ -8,6 +8,9 @@ export const stringsBase = {
     Back: {
         value: 'Back',
     },
+    'Billing address': {
+        value: 'Billing address',
+    },
     'Cart subtotal': {
         value: 'Cart subtotal',
     },
@@ -56,6 +59,9 @@ export const stringsBase = {
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'No shipping methods found - try editing your address or contacting support if the error persists',
     },
+    'Nothing due at the door': {
+        value: 'Nothing due at the door',
+    },
     'Order is over the de minimis threshold for both duty and tax': {
         value: 'Order is over the de minimis threshold for both duty and tax',
     },
@@ -89,12 +95,24 @@ export const stringsBase = {
     'Restricted items found': {
         value: 'Restricted items found',
     },
+    'Search countries': {
+        value: 'Search countries',
+    },
     'See duty and tax thresholds': {
         value: 'See duty and tax thresholds',
     },
+    'Select a country': {
+        value: 'Select a country',
+    },
+    'Select a language': {
+        value: 'Select a language',
+    },
     Shipping: {
         value: 'Shipping',
     },
+    'Shipping address same as billing': {
+        value: 'Shipping address same as billing',
+    },
     'Shipping information': {
         value: 'Shipping information',
     },

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

@@ -8,6 +8,9 @@ export const stringsChinese = {
     Back: {
         value: '返回',
     },
+    'Billing address': {
+        value: '账单地址',
+    },
     'Cart subtotal': {
         value: '购物车小计',
     },
@@ -56,6 +59,9 @@ export const stringsChinese = {
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: '未找到运输方法 - 如果错误仍然存在，请尝试编辑您的地址或联系支持',
     },
+    'Nothing due at the door': {
+        value: '门口无需付款',
+    },
     'Order is over the de minimis threshold for both duty and tax': {
         value: '订单超过关税和税款的最低征税门槛',
     },
@@ -89,12 +95,24 @@ export const stringsChinese = {
     'Restricted items found': {
         value: '发现受限制的商品',
     },
+    'Search countries': {
+        value: '搜索国家',
+    },
     'See duty and tax thresholds': {
         value: '查看关税和税款门槛',
     },
+    'Select a country': {
+        value: '选择一个国家',
+    },
+    'Select a language': {
+        value: '选择一种语言',
+    },
     Shipping: {
         value: '运输',
     },
+    'Shipping address same as billing': {
+        value: '送货地址与账单地址相同',
+    },
     'Shipping information': {
         value: '运输信息',
     },

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

@@ -8,6 +8,9 @@ export const stringsDanish = {
     Back: {
         value: 'Tilbage',
     },
+    'Billing address': {
+        value: 'Fakturaadresse',
+    },
     'Cart subtotal': {
         value: 'Subtotal på kurv',
     },
@@ -56,6 +59,9 @@ export const stringsDanish = {
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'Ingen forsendelsesmetoder fundet - prøv at redigere din adresse eller kontakte support, hvis fejlen fortsætter',
     },
+    'Nothing due at the door': {
+        value: 'Intet at betale ved døren',
+    },
     'Order is over the de minimis threshold for both duty and tax': {
         value: 'Ordre er over de minimis-grænsen for både told og skat',
     },
@@ -89,12 +95,24 @@ export const stringsDanish = {
     'Restricted items found': {
         value: 'Begrænsede varer fundet',
     },
+    'Search countries': {
+        value: 'Søg lande',
+    },
     'See duty and tax thresholds': {
         value: 'Se grænser for told og skatter',
     },
+    'Select a country': {
+        value: 'Vælg et land',
+    },
+    'Select a language': {
+        value: 'Vælg et sprog',
+    },
     Shipping: {
         value: 'Levering',
     },
+    'Shipping address same as billing': {
+        value: 'Leveringsadresse samme som fakturaadresse',
+    },
     'Shipping information': {
         value: 'Leveringsinformation',
     },

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

@@ -8,6 +8,9 @@ export const stringsDutch = {
     Back: {
         value: 'Terug',
     },
+    'Billing address': {
+        value: 'Factuuradres',
+    },
     'Cart subtotal': {
         value: 'Winkelwagen subtotaal',
     },
@@ -56,6 +59,9 @@ export const stringsDutch = {
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: 'Geen verzendmethoden gevonden - probeer uw adres te bewerken of neem contact op met de ondersteuning als de fout aanhoudt',
     },
+    'Nothing due at the door': {
+        value: 'Niets te betalen aan de deur',
+    },
     'Order is over the de minimis threshold for both duty and tax': {
         value: 'Bestelling overschrijdt de minimale drempel voor zowel heffing als belasting',
     },
@@ -89,12 +95,24 @@ export const stringsDutch = {
     'Restricted items found': {
         value: 'Beperkte items gevonden',
     },
+    'Search countries': {
+        value: 'Zoek landen',
+    },
     'See duty and tax thresholds': {
         value: 'Bekijk heffings- en belastingdrempels',
     },
+    'Select a country': {
+        value: 'Selecteer een land',
+    },
+    'Select a language': {
+        value: 'Selecteer een taal',
+    },
     Shipping: {
         value: 'Verzending',
     },
+    'Shipping address same as billing': {
+        value: 'Verzendadres gelijk aan factuuradres',
+    },
     'Shipping information': {
         value: 'Verzendinformatie',
     },

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

@@ -8,6 +8,9 @@ export const stringsFrench = {
     Back: {
         value: 'Retour',
     },
+    'Billing address': {
+        value: 'Adresse de facturation',
+    },
     'Cart subtotal': {
         value: 'Sous-total du panier',
     },
@@ -56,6 +59,9 @@ export const stringsFrench = {
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: "Aucune méthode d'expédition trouvée - essayez de modifier votre adresse ou de contacter le support si l'erreur persiste",
     },
+    'Nothing due at the door': {
+        value: 'Rien à payer à la porte',
+    },
     'Order is over the de minimis threshold for both duty and tax': {
         value: 'La commande dépasse le seuil de minimis pour les droits et les taxes',
     },
@@ -89,12 +95,24 @@ export const stringsFrench = {
     'Restricted items found': {
         value: 'Articles restreints trouvés',
     },
+    'Search countries': {
+        value: 'Rechercher des pays',
+    },
     'See duty and tax thresholds': {
         value: 'Voir les seuils pour les droits et taxes',
     },
+    'Select a country': {
+        value: 'Sélectionner un pays',
+    },
+    'Select a language': {
+        value: 'Sélectionner une langue',
+    },
     Shipping: {
         value: 'Livraison',
     },
+    'Shipping address same as billing': {
+        value: "Adresse de livraison identique à l'adresse de facturation",
+    },
     'Shipping information': {
         value: 'Informations de livraison',
     },