@zonos/elements 1.3.207 → 1.3.209

package/dist/collection/components/checkout/zonos-checkout/zonos-customer-info/zonos-customer-info.js

@@ -1,16 +1,18 @@
 import { h, Host, } from "@stencil/core";
+import { cartStore, cartStoreOnChange, } from "../../../store/checkout/cart";
 import { stripeStore, stripeStoreTranslateAddressToLatin, } from "../../../store/checkout/stripe";
-import { localizationStore } from "../../../store/hello/localization";
+import { localizationStore, localizationStoreOnChange, } from "../../../store/hello/localization";
 import { storageStore } from "../../../store/storageStore";
 import { translate } from "../../../store/translationStore";
-import { getZonosStoreTheme, zonosStore, } from "../../../store/zonosStore";
+import { getZonosStoreTheme, zonosStore, zonosStoreOnChange, } from "../../../store/zonosStore";
+import { updateCheckoutSessionAttributes } from "../../../utils/api/updateCheckoutSessionAttributes";
 import { containsNonLatinChars } from "../../../utils/containsNonLatinChars";
-import { handleFetch } from "../../../utils/handleFetch";
 import { log } from "../../../utils/logging/log";
 import { sendErrorLog } from "../../../utils/logging/sendErrorLog";
 import { taxIdValidationResult } from "../../../utils/taxIdValidationResult";
 export class ZonosCustomerInfo {
     constructor() {
+        this.storeUnsubscribeList = [];
         /**
          * Whether or not the continue button is loading
          */
@@ -53,10 +55,6 @@ export class ZonosCustomerInfo {
          * Handler for the dialog close button
          */
         this.openAddressValidationDialog = false;
-        /**
-         * Whether or not the custom address form is enabled
-         */
-        this.shouldEnabledCustomAddress = false;
         /**
          * Handler for the email error state
          */
@@ -65,6 +63,9 @@ export class ZonosCustomerInfo {
          * Whether or not the custom address form is used
          */
         this.recordedFormTypeUsed = false;
+        this.selectedCountryCode = localizationStore.selectedCountryCode;
+        this.genericSettings = zonosStore.genericSettings;
+        this.addressFormRenderType = cartStore.addressFormRenderType;
         /**
          * Handler for invalid characters in the address
          */
@@ -184,7 +185,7 @@ export class ZonosCustomerInfo {
             };
         };
         this.handleValidate = () => {
-            var _a, _b, _c, _d;
+            var _a, _b;
             const stripeShippingAddressEventData = stripeStore.stripeAddressEventData;
             const stripeBillingAddressEventData = stripeStore.stripeBillingAddressEventData;
             const stripeLinkEventData = stripeStore.stripeLinkEventData;
@@ -198,11 +199,11 @@ export class ZonosCustomerInfo {
             void ((_a = stripeStore.stripeAddressElement) === null || _a === void 0 ? void 0 : _a.getValue());
             void ((_b = stripeStore.stripeBillingAddressElement) === null || _b === void 0 ? void 0 : _b.getValue());
             // if the custom address form is enabled, use the custom address form validation result, otherwise use the stripe validation result
-            const isValidBilling = ((_c = zonosStore.genericSettings) === null || _c === void 0 ? void 0 : _c.shouldEnabledCustomAddress)
+            const isValidBilling = this.addressFormRenderType === 'zonos'
                 ? this.validateCustomAddressForm('billing').isValid
                 : isValidStripeBilling;
             // if the custom address form is enabled, use the custom address form validation result, otherwise use the stripe validation result
-            const isValidShipping = ((_d = zonosStore.genericSettings) === null || _d === void 0 ? void 0 : _d.shouldEnabledCustomAddress)
+            const isValidShipping = this.addressFormRenderType === 'zonos'
                 ? this.validateCustomAddressForm('shipping').isValid
                 : isValidStripeShipping;
             if (!isValidLink && (stripeLinkEventData === null || stripeLinkEventData === void 0 ? void 0 : stripeLinkEventData.empty)) {
@@ -254,8 +255,7 @@ export class ZonosCustomerInfo {
             };
         };
         this.renderAddressComponent = (type) => {
-            var _a, _b;
-            if (!localizationStore.selectedCountryCode) {
+            if (!this.selectedCountryCode) {
                 void sendErrorLog({
                     endpoint: 'NO_COUNTRY_SELECTED_WHEN_RENDERING_ADDRESS_COMPONENT',
                     errors: ['No country selected when rendering address component'],
@@ -267,29 +267,23 @@ export class ZonosCustomerInfo {
             }
             // Only use the default address for shipping address
             const defaultAddress = type === 'shipping' ? this.defaultAddress : [];
-            const shouldUseCustomAddressForm = !!localizationStore.selectedCountryCode &&
-                this.shouldEnabledCustomAddress &&
-                !!((_b = (_a = zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.countryCustomAddressEnabled) === null || _b === void 0 ? void 0 : _b.includes(localizationStore.selectedCountryCode));
             // Should only record the form type used once
             if (type === 'shipping' &&
                 storageStore.checkoutSessionId &&
                 !this.recordedFormTypeUsed) {
-                void handleFetch('/api/zonos-elements/update-checkout-session-metadata', {
-                    body: {
-                        id: storageStore.checkoutSessionId,
-                        metadata: [
-                            {
-                                key: 'ZONOS_FORM_TYPE_USING',
-                                value: shouldUseCustomAddressForm ? 'custom' : 'stripe',
-                            },
-                        ],
-                    },
-                    method: 'POST',
+                void updateCheckoutSessionAttributes({
+                    attributes: [
+                        {
+                            key: 'ZONOS_FORM_TYPE_USING',
+                            value: this.addressFormRenderType === 'zonos' ? 'custom' : 'stripe',
+                        },
+                    ],
+                    checkoutSessionId: storageStore.checkoutSessionId,
                 });
                 this.recordedFormTypeUsed = true;
             }
             // Render custom address component if the custom address form is enabled
-            if (shouldUseCustomAddressForm) {
+            if (this.addressFormRenderType === 'zonos') {
                 return (h("zonos-custom-address", { defaultAddress: defaultAddress, taxIdErrorMessage: this.taxIdErrorMessage, titleText: translate(type === 'shipping' ? 'Shipping address' : 'Billing address'), type: type }));
             }
             // Render Stripe address component by default
@@ -327,8 +321,41 @@ export class ZonosCustomerInfo {
         }
         return invalidList;
     }
+    watchShouldEnabledCustomAddress() {
+        var _a, _b, _c;
+        const shouldEnabledCustomAddress = this.shouldUseCustomAddressFormOverride ||
+            !!((_a = this.genericSettings) === null || _a === void 0 ? void 0 : _a.shouldEnabledCustomAddress);
+        const shouldUseCustomAddressForm = !!this.selectedCountryCode &&
+            shouldEnabledCustomAddress &&
+            !!((_c = (_b = this.genericSettings) === null || _b === void 0 ? void 0 : _b.countryCustomAddressEnabled) === null || _c === void 0 ? void 0 : _c.includes(this.selectedCountryCode));
+        // Update the address form render type in the cart store
+        cartStore.addressFormRenderType = shouldUseCustomAddressForm
+            ? 'zonos'
+            : 'stripe';
+    }
+    disconnectedCallback() {
+        // unsubscribe from store subscriptions
+        try {
+            this.storeUnsubscribeList.forEach(subscription => subscription());
+        }
+        catch (_a) { }
+    }
+    componentWillLoad() {
+        this.watchShouldEnabledCustomAddress();
+        this.storeUnsubscribeList = [
+            zonosStoreOnChange('genericSettings', () => {
+                this.genericSettings = zonosStore.genericSettings;
+            }),
+            localizationStoreOnChange('selectedCountryCode', () => {
+                this.selectedCountryCode = localizationStore.selectedCountryCode;
+            }),
+            cartStoreOnChange('addressFormRenderType', () => {
+                this.addressFormRenderType = cartStore.addressFormRenderType;
+            }),
+        ];
+    }
     render() {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f;
         if (!stripeStore.stripeElements) {
             return null;
         }
@@ -344,16 +371,13 @@ export class ZonosCustomerInfo {
             this.shippingCountry =
                 stripeStore.stripeAddressEventData.value.address.country;
         }
-        this.shouldEnabledCustomAddress =
-            this.shouldUseCustomAddressFormOverride ||
-                !!((_b = zonosStore.genericSettings) === null || _b === void 0 ? void 0 : _b.shouldEnabledCustomAddress);
         const showBilling = !stripeStore.stripeShippingSameAsBilling;
         // Get theme for the update dialog, inherit from the theme, no from this component theme
         const theme = getZonosStoreTheme(zonosStore.appearance.theme);
         // Attempt to get the email from email from customer profile's locations, if not provided, just use the email from root customer profile
-        const defaultEmail = ((_c = this.defaultAddress.find(Boolean)) === null || _c === void 0 ? void 0 : _c.email) ||
-            ((_f = (_e = (_d = stripeStore.customerProfile) === null || _d === void 0 ? void 0 : _d.locations) === null || _e === void 0 ? void 0 : _e.find(Boolean)) === null || _f === void 0 ? void 0 : _f.email) ||
-            ((_g = stripeStore.customerProfile) === null || _g === void 0 ? void 0 : _g.email);
+        const defaultEmail = ((_b = this.defaultAddress.find(Boolean)) === null || _b === void 0 ? void 0 : _b.email) ||
+            ((_e = (_d = (_c = stripeStore.customerProfile) === null || _c === void 0 ? void 0 : _c.locations) === null || _d === void 0 ? void 0 : _d.find(Boolean)) === null || _e === void 0 ? void 0 : _e.email) ||
+            ((_f = stripeStore.customerProfile) === null || _f === void 0 ? void 0 : _f.email);
         return (h(Host, { class: "zonos--customer-info zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Customer information')), this.showErrorBanner && (h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translate('Missing required fields. Make sure all fields are completed.'))), h("zonos-link-authentication", { defaultEmail: defaultEmail, isEmailError: this.isEmailError, onLinkAuthenticationChange: this.handleEmailValidation, titleText: translate('Contact') }), this.renderAddressComponent('shipping'), h("zonos-checkbox", { class: "zonos--shipping-same-as-billing-cbx", isChecked: stripeStore.stripeShippingSameAsBilling, label: translate('Shipping address same as billing'), onCheckboxSelected: e => {
                 stripeStore.stripeShippingSameAsBilling = e.detail;
             } }), h("zonos-collapse", { collapsed: !showBilling }, this.renderAddressComponent('billing')), h("div", { class: "zonos--group-btn" }, h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, loading: this.continueLoading, onClick: () => this.continueClickHandler(), size: "lg",
@@ -526,9 +550,11 @@ export class ZonosCustomerInfo {
             "invalidShippingCharacterList": {},
             "invalidBillingCharacterList": {},
             "openAddressValidationDialog": {},
-            "shouldEnabledCustomAddress": {},
             "isEmailError": {},
-            "recordedFormTypeUsed": {}
+            "recordedFormTypeUsed": {},
+            "selectedCountryCode": {},
+            "genericSettings": {},
+            "addressFormRenderType": {}
         };
     }
     static get events() {
@@ -581,6 +607,15 @@ export class ZonosCustomerInfo {
         return [{
                 "propName": "showErrorBanner",
                 "methodName": "watchShowErrorBanner"
+            }, {
+                "propName": "shouldUseCustomAddressFormOverride",
+                "methodName": "watchShouldEnabledCustomAddress"
+            }, {
+                "propName": "genericSettings",
+                "methodName": "watchShouldEnabledCustomAddress"
+            }, {
+                "propName": "selectedCountryCode",
+                "methodName": "watchShouldEnabledCustomAddress"
             }];
     }
 }

package/dist/collection/components/checkout/zonos-checkout/zonos-shipping/zonos-shipping.js

@@ -1,6 +1,6 @@
 import { Fragment, h, Host, } from "@stencil/core";
-import { cartStore, cartStoreGetMethod, cartStoreGetShippingTransitInfo, cartStoreUpdateSelectedShippingOption, } from "../../../store/checkout/cart";
-import { stripeStore } from "../../../store/checkout/stripe";
+import { cartStore, cartStoreGetMethod, cartStoreGetShippingTransitInfo, cartStoreOnChange, cartStoreUpdateSelectedShippingOption, } from "../../../store/checkout/cart";
+import { stripeStore, stripeStoreAsyncAddressUpdate, } from "../../../store/checkout/stripe";
 import { storageStore } from "../../../store/storageStore";
 import { translate } from "../../../store/translationStore";
 import { trackConversionEvent } from "../../../utils/api/trackConversionEvent";
@@ -12,6 +12,7 @@ import { submitGtag } from "../../../utils/submitGtag";
 import ChevronUpIcon from "./assets/ChevronUpIcon.svg";
 export class ZonosShipping {
     constructor() {
+        this.storeUnsubscribeList = [];
         /**
          * Whether or not the continue button is loading
          */
@@ -32,6 +33,7 @@ export class ZonosShipping {
         this.serviceLevelsOther = [];
         this.serviceLevelsAll = [];
         this.displayBaseCurrency = false;
+        this.shippingData = [];
         this.handleRadioSelected = async (e) => {
             var _a;
             this.selectedShippingMethod = e.detail;
@@ -43,6 +45,8 @@ export class ZonosShipping {
                 return;
             }
             this.isSelecting = true;
+            // update the address async if we already got landed cost data
+            await stripeStoreAsyncAddressUpdate();
             // save selected shipping option to store
             await cartStoreUpdateSelectedShippingOption(selectedShippingOption, e.detail.landedCostId);
             this.isSelecting = false;
@@ -97,6 +101,7 @@ export class ZonosShipping {
         };
         this.initServiceLevels = () => {
             var _a;
+            this.collapsedDAPOptions = true;
             const serviceLevels = ((_a = cartStore.shippingData) === null || _a === void 0 ? void 0 : _a.flatMap(item => {
                 var _a;
                 const transitData = cartStoreGetShippingTransitInfo(item);
@@ -154,12 +159,14 @@ export class ZonosShipping {
             }
             return false;
         };
-        this.preselectFirstShippingMethod = () => {
+        this.preselectFirstShippingMethod = async () => {
             this.initServiceLevels();
             const selectedServiceLevel = this.serviceLevelsAll.find(item => { var _a; return item.shipmentRatingId === ((_a = cartStore.selectedShippingOption) === null || _a === void 0 ? void 0 : _a.id); }) || null;
             if (selectedServiceLevel) {
                 // keep the selected shipping method
-                this.selectedShippingMethod = selectedServiceLevel;
+                void this.handleRadioSelected({
+                    detail: selectedServiceLevel,
+                });
                 return;
             }
             const firstServiceLevel = this.serviceLevelsAll.find(Boolean);
@@ -171,16 +178,30 @@ export class ZonosShipping {
             }
         };
     }
+    disconnectedCallback() {
+        // unsubscribe from store subscriptions
+        this.storeUnsubscribeList.forEach(subscription => subscription());
+    }
     componentWillLoad() {
-        this.preselectFirstShippingMethod();
+        void this.preselectFirstShippingMethod();
+        this.storeUnsubscribeList = [
+            cartStoreOnChange('shippingData', () => {
+                if (this.isOutdatedShippingData()) {
+                    // re-init service levels if the shipping data is outdated (promo code applied)
+                    void this.preselectFirstShippingMethod();
+                }
+            }),
+            cartStoreOnChange('landedCostData', () => {
+                if (this.isOutdatedShippingData()) {
+                    // re-init service levels if the shipping data is outdated (promo code applied)
+                    void this.preselectFirstShippingMethod();
+                }
+            }),
+        ];
     }
     render() {
-        if (this.isOutdatedShippingData()) {
-            // re-init service levels if the shipping data is outdated (promo code applied)
-            this.preselectFirstShippingMethod();
-        }
         // re-init service levels if the currency is toggled
-        else if (this.isCurrencyToggled()) {
+        if (this.isCurrencyToggled()) {
             this.initServiceLevels();
         }
         const defaultShownServiceLevels = [
@@ -300,7 +321,8 @@ export class ZonosShipping {
             "serviceLevelsDAP": {},
             "serviceLevelsOther": {},
             "serviceLevelsAll": {},
-            "displayBaseCurrency": {}
+            "displayBaseCurrency": {},
+            "shippingData": {}
         };
     }
     static get events() {

package/dist/collection/components/common/zonos-checkout-progress-tabs/zonos-checkout-progress-tabs.js

@@ -82,12 +82,12 @@ export class ZonosCheckoutProgressTabs {
                 '--zonos--progress-percent': this.getTotalSuccessStep(),
             } }, h("div", { key: 'd173893ab0da684a189127ab511db90ba3a0985c', class: "zonos--tab-wrapper" }, Object.values(cartStore.tabItems).map((tab, index) => {
             const isSelected = tab.value === selectedStep;
-            return (h("button", { class: classes([
+            return (h("button", { "aria-label": `Tab ${tab.label}`, class: classes([
                     'zonos--tab-item',
                     tab.value === selectedStep && 'selected',
                     tab.isDone && 'done',
                 ]), disabled: !this.isTabClickable(tab.value), key: tab.value, onClick: () => this.setTabSelected(tab.value) }, h("div", { class: "zonos--tab-index" }, h("zonos-text", { class: "zonos--tab-index-label", textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, index + 1), h("zonos-icon", { class: "zonos--tab-index-done-icon", content: TabCheckmark, iconColor: isSelected ? contrastLabelColor : 'gray-1000' })), h("zonos-text", { textColor: isSelected ? contrastLabelColor : 'gray-1000', type: "label" }, translate(tab.label))));
-        })), h("div", { key: '1e8dbcee0cc21837b030760250755fe5292bd261', class: "zonos--tab-progress" }, h("div", { key: 'a9250c1ca7b7a40f5b6d0bbbeca24f657471cda1', class: "zonos--progress-bar-fill" }))));
+        })), h("div", { key: 'e424eda69e8338599446f71f407c76617d2b79cf', class: "zonos--tab-progress" }, h("div", { key: 'acccc44ce950da71c8c0ee0798dc2086d9656ed2', class: "zonos--progress-bar-fill" }))));
     }
     static get is() { return "zonos-checkout-progress-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-country-select/zonos-country-select.js

@@ -31,9 +31,9 @@ export class ZonosCountrySelect {
         };
     }
     componentDidRender() {
-        var _a, _b;
-        // focus the input on render
-        (_b = (_a = this.ele.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.zonos--country-filter-input')) === null || _b === void 0 ? void 0 : _b.focus();
+        var _a;
+        this.inputRef.autocomplete = 'off';
+        (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
     }
     render() {
         const { helloCountryList } = localizationStore;
@@ -48,9 +48,13 @@ export class ZonosCountrySelect {
             ? fuseObject.map(country => country.item)
             : countries.sort((a, b) => a.displayName.localeCompare(b.displayName));
         const isEmpty = !filteredCountries.length;
-        return (h(Host, { key: '25c360767efe1c48edde5401a6c0929ceb7bd47c', class: "zonos--elements", style: {
+        return (h(Host, { key: '83c9005b99e1dc8d3b4a4d50e6edbed0f17ce6e0', class: "zonos--elements", style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'ee63b18e0504ffe1d6a6a50fdfea00e8cf808211', class: "zonos--country-select" }, h("zonos-v-stack", { key: '448a30acc483e5b945435a5650c222180a3159d4', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'f4ed039f14059db21ad325372f300e742191588c', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '40f772868810c96b27dfa8bab56a01d5c9385599', autocomplete: "off", autofocus: "autofocus", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), value: this.inputValue }))), h("div", { key: 'f752f5426257f0538041597e2a76f92c6754835f', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: 'febbe41e09b452430e1a03d33732c9cc3710701b', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: 'afec99a75a3a0cd3450a539154670508aed8c57e', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
+            } }, h("div", { key: '173d6c9d1808e80cdcb808b6418a9e3928e6a971', class: "zonos--country-select" }, h("zonos-v-stack", { key: '47118836d03e8505f9bd87e795387ea19cf67843', class: "zonos--country-select-header", spacing: 8 }, h("zonos-select-dialog-header", { key: 'c5be83953dd01e47dbe814cbe83a114d700de830', handleOnClose: () => this.handleOnClose(), label: translate('Select a country') }, h("input", { key: '2afe5eed1f156b8923a10564cf2b96d2cd6eb9bb', autoComplete: "off", class: "zonos--country-select-input", onInput: this.handleInputChange, placeholder: translate('Search countries'), ref: el => {
+                if (el) {
+                    this.inputRef = el;
+                }
+            }, type: "text", value: this.inputValue }))), h("div", { key: '4d64a4d3c08292ae1f574973c09aa9ec42b48c37', class: "zonos--country-select-content" }, isEmpty && (h("zonos-text", { key: 'dc30685daa60063cb9e6c6e7730f54cc5a25249b', class: "no-country", textColor: "gray-800" }, translate('No countries found'))), h("zonos-virtual-scroll", { key: '69f6d39cf40abd951857542d734424623cbd7031', class: "zonos--country-filter-content", fallbackItemHeight: 34, itemHeights: filteredCountries.map(() => 34), renderItem: index => {
                 const country = filteredCountries[index];
                 if (!country) {
                     return null;

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

@@ -9,7 +9,8 @@ import { allLogs, log } from "../../utils/logging/log";
 import { logError } from "../../utils/logging/logError";
 import { sendErrorLog } from "../../utils/logging/sendErrorLog";
 import { filterValidTests } from "../../utils/varianceTest/filterValidTests";
-const { reset, state: cartStore } = createStore(() => ({
+const { onChange: cartStoreOnChange, reset, state: cartStore, } = createStore(() => ({
+    addressFormRenderType: 'stripe',
     adjustmentTotal: 0,
     adjustments: [],
     checkoutSession: null,
@@ -224,12 +225,14 @@ const cartStoreReCalculateTotal = async ({ adjustmentsAmount, cartId, currency,
     }
     const { errors, json } = await stripeStoreUpdateCheckoutSession({
         adjustmentsAmount,
+        billToPartyId: stripeStore.partyBillingId,
         cartId,
         currency,
         id: storageStore.checkoutSessionId,
         itemsAmount,
         landedCostId,
         presentmentCountryCode: localizationStore.selectedCountryCode,
+        shipToPartyId: stripeStore.partyShippingId,
         varianceTestInput: storageStore.enabledVariantTestKeys || [],
     });
     if (errors.length > 0 || !json) {
@@ -313,9 +316,11 @@ const cartStoreUpdateSelectedShippingOption = async (selectedShippingOption, lan
     // update session with selected landed cost
     const updateCalculateStatus = await cartStoreReCalculateTotal({
         adjustmentsAmount: cartStore.adjustmentTotal,
+        billToPartyId: stripeStore.partyBillingId,
         cartId: window.Zonos.cartId,
         dutiesTaxesFeesEstimate: dutiesTaxesFeesEstimate,
         landedCostId: (_f = selectedLandedCost.landedCost) === null || _f === void 0 ? void 0 : _f.id,
+        shipToPartyId: stripeStore.partyShippingId,
         varianceTestInput: storageStore.enabledVariantTestKeys || [],
     });
     // update conditionally render pay in USD button
@@ -378,10 +383,12 @@ const cartStoreUpdateItems = async ({ adjustments, cartItems, }) => {
     stripeStore.isFetchingSession = true;
     await cartStoreReCalculateTotal({
         adjustmentsAmount: adjustmentTotal,
+        billToPartyId: stripeStore.partyBillingId,
         cartId: window.Zonos.cartId,
         currency: currency,
         dutiesTaxesFeesEstimate: 0,
         itemsAmount: total,
+        shipToPartyId: stripeStore.partyShippingId,
         // attempt to init session on failure to update checkout session
         shouldInitSessionOnFailure: true,
         varianceTestInput: storageStore.enabledVariantTestKeys || [],
@@ -436,4 +443,4 @@ const cartStoreResetTabItems = () => {
     cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { 'customer-info': Object.assign(Object.assign({}, cartStore.tabItems['customer-info']), { isDone: false }), payment: Object.assign(Object.assign({}, cartStore.tabItems.payment), { isDone: false }), shipping: Object.assign(Object.assign({}, cartStore.tabItems.shipping), { isDone: false }) });
     cartStoreResetSelectedShippingOption();
 };
-export { cartStore, cartStoreApplySubtotals, cartStoreCheckItemRestrictions, cartStoreClearCheckoutInterval, cartStoreGetMethod, cartStoreGetShippingTransitInfo, cartStoreHasOneEligibleItem, cartStoreNextStep, cartStorePreviousStep, cartStoreReset, cartStoreResetCartItems, cartStoreResetTabItems, cartStoreSetCheckoutSession, cartStoreStartCheckoutInterval, cartStoreUpdateItems, cartStoreUpdateSelectedShippingOption, cartStoreUpdateToErrorState, };
+export { cartStore, cartStoreApplySubtotals, cartStoreCheckItemRestrictions, cartStoreClearCheckoutInterval, cartStoreGetMethod, cartStoreGetShippingTransitInfo, cartStoreHasOneEligibleItem, cartStoreNextStep, cartStoreOnChange, cartStorePreviousStep, cartStoreReset, cartStoreResetCartItems, cartStoreResetTabItems, cartStoreSetCheckoutSession, cartStoreStartCheckoutInterval, cartStoreUpdateItems, cartStoreUpdateSelectedShippingOption, cartStoreUpdateToErrorState, };