@zonos/elements 1.3.285 → 1.3.287

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

@@ -1,5 +1,5 @@
 import { Fragment, h, Host, } from "@stencil/core";
-import { cartStore, cartStoreClearCheckoutInterval, cartStoreNextStep, cartStoreOnChange, cartStoreReset, cartStoreResetTabItems, cartStoreSetCheckoutSession, cartStoreStartCheckoutInterval, cartStoreUpdateItems, cartStoreUpdateToErrorState, } from "../../store/checkout/cart";
+import { cartStore, cartStoreClearCheckoutInterval, cartStoreIsOrderModificationPaymentOnlySession, cartStoreNextStep, cartStoreOnChange, cartStoreReset, cartStoreResetTabItems, cartStoreSetCheckoutSession, cartStoreStartCheckoutInterval, cartStoreUpdateItems, cartStoreUpdateToErrorState, } from "../../store/checkout/cart";
 import { paypalInitScript, paypalStore, paypalStoreHasPaypalEnabled, } from "../../store/checkout/paypal";
 import { isPolicyConsentRequired, policyConsentStore, policyConsentStoreReset, } from "../../store/checkout/policyConsent";
 import { storeCreditStoreApplyCredit, storeCreditStoreCoversFullAmount, storeCreditStoreCreateOrder, storeCreditStoreGetEffectiveAmount, } from "../../store/checkout/storeCredit";
@@ -9,7 +9,8 @@ import { storageStore, storageStoreSetEnabledVariantTestKeys, VARIANT_TEST_KEY_E
 import { translate } from "../../store/translationStore";
 import { getZonosStoreTheme, zonosStore, } from "../../store/zonosStore";
 import { buildCartItemsByTempCart } from "../../utils/api/buildCartItemsByTempCart";
-import { isStoreDiscountEnabled } from "../../utils/api/isStoreDiscountEnabl";
+import { getCheckoutSession } from "../../utils/api/getCheckoutSession";
+import { isStoreDiscountEnabled } from "../../utils/api/isStoreDiscountEnabled";
 import { selectVarianceTest } from "../../utils/api/selectVarianceTest";
 import { trackConversionEvent } from "../../utils/api/trackConversionEvent";
 import { updateCheckoutSessionAttributes } from "../../utils/api/updateCheckoutSessionAttributes";
@@ -48,7 +49,7 @@ import { submitAnalytics } from "../../utils/submitAnalytics";
 import { validateCheckoutSession } from "../../utils/validateCheckoutSession";
 import { filterExpiredTests } from "../../utils/varianceTest/filterExpiredTests";
 import { getSelectedTestVariant } from "../../utils/varianceTest/getSelectedTestVariant";
-import { isTestEnabled } from "../../utils/varianceTest/isTestEnabl";
+import { isTestEnabled } from "../../utils/varianceTest/isTestEnabled";
 import { mergeTest } from "../../utils/varianceTest/mergeTest";
 import { setupCartData } from "../../../scripts/cart/_setupCartData";
 import { checkoutHiddenBtnSelector, checkoutHiddenInternationalBtnSelector, domesticRedirectedBtnSelector, } from "../../../types/checkout/CheckoutConfig";
@@ -232,6 +233,48 @@ export class ZonosCheckout {
             log('Payment intent is not succeeded, proceed to order');
             return { shouldAllowOrder: true };
         };
+        /**
+         * Recover an order-modification payment-only session that was already
+         * completed (or already paid but not yet completed) by the time this cart
+         * link is opened/reopened — e.g. the shopper paid, closed the tab before
+         * the async order-creation webhook finished, then reopened the same
+         * payment link. Without this, re-rendering the payment form would let them
+         * attempt to pay again against an already-resolved session. Mirrors
+         * zonos-collect's recoverCompletedCollectSession for its own no-shipping
+         * flow, minus the Airwallex branch (this checkout only supports Stripe).
+         *
+         * @returns `true` when it routed to the finish step, `false` when the
+         * caller should proceed with a normal init.
+         */
+        this.recoverCompletedOrderModificationSession = async (checkoutSessionId) => {
+            // getCheckoutSession() reads storageStore.checkoutSessionId internally.
+            storageStore.checkoutSessionId = checkoutSessionId;
+            const { errors, json } = await getCheckoutSession();
+            if (errors.length || !json) {
+                return false;
+            }
+            const { checkoutSession } = json;
+            // Session already finalized → straight to finish. An order-mod
+            // payment-only session always has `order` set *before* payment too (see
+            // isOrderModificationPaymentOnlySession) - checking `order` alone would
+            // treat every first-ever open as already paid, so both must be true.
+            if (checkoutSession.completedAt && checkoutSession.order) {
+                void this.setToFinishStep('succeeded');
+                return true;
+            }
+            // Not completed and no order yet — verify the live payment intent status.
+            if (checkoutSession.clientSecret) {
+                const { status } = await stripeStoreRetrievePayment({
+                    clientSecret: checkoutSession.clientSecret,
+                });
+                if (status === 'processing' || status === 'succeeded') {
+                    stripeStore.clientSecret = checkoutSession.clientSecret;
+                    void this.setToFinishStep(status);
+                    return true;
+                }
+            }
+            return false;
+        };
         this.initializeTestKeys = () => {
             // cleanup expired test keys
             storageStore.enabledVariantTestKeys = filterExpiredTests(storageStore.enabledVariantTestKeys || []);
@@ -581,6 +624,7 @@ export class ZonosCheckout {
         (_b = (_a = zonosStore.checkoutSettings).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     async buildCartAndInit() {
+        var _a;
         // if createCartId is provided, use it to build cart. Merchant will provide create a cart from their server side and give the cart id to us.
         if (typeof zonosStore.checkoutSettings.createCartId === 'function') {
             log('"createCartId" is provided, start building cart');
@@ -620,6 +664,37 @@ export class ZonosCheckout {
         // if tempCartUUID is provided, use it instead of buildCartDetail
         else if (window.Zonos.cartData) {
             log('tempCartUUID is provided, start building cart');
+            // A cart created against an already-existing checkout session (e.g. an
+            // order-modification payment request) must reuse that session instead
+            // of creating a fresh one — otherwise the reused cart's order/landedCost
+            // context (and, downstream, the payment-only step skip below) is lost.
+            // Mirrors the same reference lookup zonos-collect/zonos-invoice already
+            // do for their own cart types.
+            const cartCheckoutSessionId = (_a = window.Zonos.cartData.references) === null || _a === void 0 ? void 0 : _a.checkoutSessionId;
+            if (cartCheckoutSessionId) {
+                log('Setting checkout session id from cart reference', 'info', cartCheckoutSessionId);
+                // The shopper may be reopening this same payment link after already
+                // paying — e.g. they closed the tab before the async order-creation
+                // webhook finished. Check the session/payment-intent status before
+                // rendering the payment form again.
+                const recovered = await this.recoverCompletedOrderModificationSession(cartCheckoutSessionId);
+                if (recovered) {
+                    // Recovery routes straight to the finish step, bypassing the
+                    // cartStoreUpdateItems call below that would normally clear this -
+                    // without it, the finish screen would spin forever (dialogLoading
+                    // stays true while isFetchingSession is true).
+                    stripeStore.isFetchingSession = false;
+                    return true;
+                }
+                storageStore.checkoutSessionId = cartCheckoutSessionId;
+            }
+            else {
+                // Same as zonos-collect/zonos-invoice: without this, a checkout
+                // session id left over from a previous cart in this tab would leak
+                // into this unrelated one.
+                log('Clear checkout session id from storage so we start from a fresh session for this cart');
+                storageStore.checkoutSessionId = null;
+            }
             const { adjustments, cartItems } = buildCartItemsByTempCart(window.Zonos.cartData);
             await cartStoreUpdateItems({ adjustments, cartItems });
         }
@@ -663,6 +738,17 @@ export class ZonosCheckout {
             successBehavior === 'REDIRECT_TO_SUCCESS_PAGE' ||
                 (successBehavior === 'CLOSE_MODAL' && !!successRedirectUrl) ||
                 !!cartStore.externalConfirmationPageURL;
+        // A session tied to an order that hasn't completed yet is an
+        // order-modification/adjustment collection: the shopper is only paying a
+        // delta against an already-approved landed cost, so the address/shipping
+        // steps (which would re-quote against the synthetic delta line item
+        // instead of the real shipment) are skipped in favor of jumping straight
+        // to payment, same as the Collect flow does for its own cart type. Lives
+        // here (rather than at each buildCartAndInit call site) so every caller
+        // gets it, including the forceDialogOpen/preview init path.
+        if (cartStoreIsOrderModificationPaymentOnlySession()) {
+            cartStore.step = 'payment';
+        }
         return true;
     }
     reloadCheckoutSession() {
@@ -1526,7 +1612,13 @@ export class ZonosCheckout {
                 return;
             }
             try {
-                await stripeStoreConfirmPayment();
+                // Order-modification payment-only sessions skip the shipping step,
+                // so cartStore.selectedLandedCost is never populated — bypass the
+                // landed-cost guard the same way zonos-collect does for its own
+                // no-shipping-step flow.
+                await stripeStoreConfirmPayment({
+                    noLandedCostCheck: cartStoreIsOrderModificationPaymentOnlySession(),
+                });
                 cartStoreNextStep();
                 // clear the checkout session timeout timer when purchase is complete
                 cartStoreClearCheckoutInterval();
@@ -1793,6 +1885,13 @@ export class ZonosCheckout {
             cartStore.step !== 'error' &&
             !stripeStore.stripeElements) ||
             stripeStore.isFetchingSession;
+        // An order-modification/adjustment session (order attached, not yet
+        // completed) skips straight to payment — see buildCartAndInit. The
+        // customer-info/shipping steps never ran, so the progress tabs (which
+        // track completion via cartStore.tabItems, only ever flipped by those
+        // steps' own continue handlers) would otherwise show a stale, frozen
+        // bar instead of reflecting that this is a single-step flow.
+        const isPaymentOnlySession = cartStoreIsOrderModificationPaymentOnlySession();
         const { colorPrimary, colorSecondary, logoUrl, style } = mergeConfig(zonosStore.appearance, this.appearanceSettingsOverride || null);
         const hasFooter = zonosStore.appearance.zonosAttribution === 'ENABLED';
         const rightSideTheme = zonosStore.appearance.theme;
@@ -1823,9 +1922,9 @@ export class ZonosCheckout {
             const zonosDebug = urlParams.get('zonosDebug');
             const zonosE2ETest = urlParams.get('zonosE2ETest');
             const zonosStagingMode = this.overrideStagingMode || getIsStagingMode();
-            return (h("zonos-v-stack", null, h("div", { class: "zonos--logo-wrapper" }, renderLogo(), isTestMode && (h("zonos-badge", { badgeColor: "orange", size: "small" }, translate('Test mode'))), zonosStagingMode && (h("zonos-badge", { badgeColor: "red", size: "small" }, translate('Staging mode'))), zonosDebug === '1' && (h("zonos-badge", { badgeColor: "cyan", size: "small" }, "debug")), zonosQaUrl && (h("zonos-badge", { badgeColor: "purple", size: "small" }, zonosQaUrl)), zonosE2ETest && (h("zonos-badge", { badgeColor: "gray", size: "small" }, "E2E Test"))), h("zonos-checkout-progress-tabs", { backgroundColor: 
+            return (h("zonos-v-stack", null, h("div", { class: "zonos--logo-wrapper" }, renderLogo(), isTestMode && (h("zonos-badge", { badgeColor: "orange", size: "small" }, translate('Test mode'))), zonosStagingMode && (h("zonos-badge", { badgeColor: "red", size: "small" }, translate('Staging mode'))), zonosDebug === '1' && (h("zonos-badge", { badgeColor: "cyan", size: "small" }, "debug")), zonosQaUrl && (h("zonos-badge", { badgeColor: "purple", size: "small" }, zonosQaUrl)), zonosE2ETest && (h("zonos-badge", { badgeColor: "gray", size: "small" }, "E2E Test"))), !isPaymentOnlySession && (h("zonos-checkout-progress-tabs", { backgroundColor: 
                 // only use different contrast color when the secondary color is too off with the background in mobile
-                this.isMobile ? '--zonos-elements-gray-0' : null }), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))));
+                this.isMobile ? '--zonos-elements-gray-0' : null })), filteredMessages.map(x => (h("zonos-custom-message", { icon: MessageIcon, message: x.message })))));
         };
         const renderContent = () => {
             if (cartStore.checkoutSessionTimeoutShow) {
@@ -1944,7 +2043,7 @@ export class ZonosCheckout {
                 "mutable": false,
                 "complexType": {
                     "original": "Partial<AppearanceConfig>",
-                    "resolved": "undefined | { colorPrimary?: string | undefined; colorSecondary?: string | undefined; fontFamily?: string | undefined; fontSize2XL?: number | undefined; fontSize3XL?: number | undefined; fontSizeBase?: number | undefined; fontSizeInputLabel?: number | undefined; fontSizeInputValue?: number | undefined; fontSizeL?: number | undefined; fontSizeS?: number | undefined; fontSizeXL?: number | undefined; fontSizeXS?: number | undefined; logoUrl?: string | undefined; style?: ElementsUiStyle | undefined; supportedLocales?: string[] | null | undefined; theme?: ElementsUiTheme | undefined; zonosAttribution?: ZonosAttribution | null | undefined; }",
+                    "resolved": "undefined | { colorPrimary?: string | undefined; colorSecondary?: string | undefined; fontFamily: string; fontSize2XL?: number | undefined; fontSize3XL?: number | undefined; fontSizeBase?: number | undefined; fontSizeInputLabel?: number | undefined; fontSizeInputValue?: number | undefined; fontSizeL?: number | undefined; fontSizeS?: number | undefined; fontSizeXL?: number | undefined; fontSizeXS?: number | undefined; logoUrl: string; style: ElementsUiStyle; supportedLocales: string[] | null; theme: ElementsUiTheme; zonosAttribution: ZonosAttribution | null; }",
                     "references": {
                         "Partial": {
                             "location": "global",
@@ -1953,7 +2052,8 @@ export class ZonosCheckout {
                         "AppearanceConfig": {
                             "location": "import",
                             "path": "src/components/store/zonosStore",
-                            "id": "src/components/store/zonosStore.ts::AppearanceConfig"
+                            "id": "src/components/store/zonosStore.ts::AppearanceConfig",
+                            "referenceLocation": "AppearanceConfig"
                         }
                     }
                 },
@@ -1982,8 +2082,8 @@ export class ZonosCheckout {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "preview",
                 "reflect": false,
+                "attribute": "preview",
                 "defaultValue": "false"
             },
             "hiddenMode": {
@@ -2002,8 +2102,8 @@ export class ZonosCheckout {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hidden-mode",
                 "reflect": false,
+                "attribute": "hidden-mode",
                 "defaultValue": "false"
             },
             "mobile": {
@@ -2022,8 +2122,8 @@ export class ZonosCheckout {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "mobile",
                 "reflect": false,
+                "attribute": "mobile",
                 "defaultValue": "false"
             },
             "overrideStagingMode": {
@@ -2042,8 +2142,8 @@ export class ZonosCheckout {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "override-staging-mode",
-                "reflect": false
+                "reflect": false,
+                "attribute": "override-staging-mode"
             },
             "defaultAddress": {
                 "type": "unknown",
@@ -2055,7 +2155,8 @@ export class ZonosCheckout {
                         "StripeStoreContactOption": {
                             "location": "import",
                             "path": "src/components/store/checkout/stripe",
-                            "id": "src/components/store/checkout/stripe.ts::StripeStoreContactOption"
+                            "id": "src/components/store/checkout/stripe.ts::StripeStoreContactOption",
+                            "referenceLocation": "StripeStoreContactOption"
                         }
                     }
                 },
@@ -2085,8 +2186,8 @@ export class ZonosCheckout {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "force-dialog-open",
                 "reflect": false,
+                "attribute": "force-dialog-open",
                 "defaultValue": "false"
             }
         };
@@ -2176,7 +2277,8 @@ export class ZonosCheckout {
                         "PaymentIntent": {
                             "location": "import",
                             "path": "@stripe/stripe-js",
-                            "id": "node_modules::PaymentIntent"
+                            "id": "node_modules::PaymentIntent",
+                            "referenceLocation": "PaymentIntent"
                         }
                     },
                     "return": "Promise<void>"
@@ -2191,7 +2293,7 @@ export class ZonosCheckout {
                     "signature": "(session: CheckoutSessionDetailsFragment) => Promise<void>",
                     "parameters": [{
                             "name": "session",
-                            "type": "{ cartId: string | null; clientSecret: string; completedAt: string | null; customerProfile: { email: string | null; locations: { administrativeArea: string; countryCode: CountryCode; email: string | null; line1: string; line2: string | null; name: string | null; phone: string | null; locality: string; postalCode: string; }[] | null; name: string | null; storeCreditBalance: number | null; } | null; customerSessionClientSecret: string | null; id: string; landedCost: { amountSubtotals: { discounts: number | null; duties: number; fees: number; items: number; landedCostTotal: number; shipping: number; taxes: number; } | null; appliedAdjustments: { adjustment: { name: string | null; source: AdjustmentSource | null; } | null; amount: number; type: LandedCostAdjustmentType | null; item: { amount: number; } | null; }[] | null; currencyCode: CurrencyCode; deMinimis: { type: DeMinimisType; threshold: DeMinimisThreshold; method: IncotermCode; note: string; formula: string; }[]; duties: { amount: number; currencyCode: CurrencyCode; }[]; fees: { amount: number; currencyCode: CurrencyCode; }[]; landedCostGuaranteeCode: LandedCostGuaranteeCode; id: string; method: IncotermCode; remittance: { amount: number; description: string; }[]; rootId: string; shipmentRating: { amount: number; currencyCode: CurrencyCode; displayName: string; id: string; shippingProfile: { serviceLevel: { code: string; deliveryType: DeliveryType | null; }; transitTime: { guaranteedDelivery: string | null; max: number | null; min: number | null; type: TransitTypeCode | null; } | null; } | null; }; taxes: { amount: number; currencyCode: CurrencyCode; }[]; } | null; metadata: ({ key: string; value: string; } | null)[] | null; organizationId: string; paymentProcessor: CheckoutPaymentProcessorType | null; references: { inclusivePriceConfigurationId: string | null; } | null; subtotals: { adjustments: number; duties: number; exchangeRate: { id: string; rate: number; sourceCurrencyCode: CurrencyCode; targetCurrencyCode: CurrencyCode; type: ExchangeRateType; }; fees: number; items: number; landedCostTotal: number; presentmentCurrencyCode: CurrencyCode; shipping: number; storeCredit: number; taxes: number; total: number; }; varianceTestResults: { selectedVariantKey: string; testKey: string; }[] | null; }",
+                            "type": "{ id: string; clientSecret: string; customerSessionClientSecret: string | null; cartId: string | null; completedAt: string | null; paymentProcessor: CheckoutPaymentProcessorType | null; organizationId: string; order: { id: string; } | null; references: { inclusivePriceConfigurationId: string | null; } | null; customerProfile: { name: string | null; email: string | null; storeCreditBalance: number | null; locations: { name: string | null; email: string | null; phone: string | null; administrativeArea: string; countryCode: CountryCode; line1: string; line2: string | null; locality: string; postalCode: string; }[] | null; } | null; varianceTestResults: { selectedVariantKey: string; testKey: string; }[] | null; subtotals: { items: number; shipping: number; duties: number; adjustments: number; taxes: number; fees: number; landedCostTotal: number; presentmentCurrencyCode: CurrencyCode; storeCredit: number; total: number; exchangeRate: { id: string; sourceCurrencyCode: CurrencyCode; targetCurrencyCode: CurrencyCode; rate: number; type: ExchangeRateType; }; }; landedCost: { id: string; method: IncotermCode; rootId: string; landedCostGuaranteeCode: LandedCostGuaranteeCode; currencyCode: CurrencyCode; remittance: { amount: number; description: string; }[]; deMinimis: { type: DeMinimisType; threshold: DeMinimisThreshold; method: IncotermCode; note: string; formula: string; }[]; taxes: { amount: number; currencyCode: CurrencyCode; }[]; duties: { amount: number; currencyCode: CurrencyCode; }[]; fees: { amount: number; currencyCode: CurrencyCode; }[]; appliedAdjustments: { amount: number; type: LandedCostAdjustmentType | null; adjustment: { source: AdjustmentSource | null; name: string | null; } | null; item: { amount: number; } | null; }[] | null; shipmentRating: { id: string; displayName: string; currencyCode: CurrencyCode; amount: number; shippingProfile: { serviceLevel: { deliveryType: DeliveryType | null; code: string; }; transitTime: { min: number | null; max: number | null; guaranteedDelivery: string | null; type: TransitTypeCode | null; } | null; } | null; }; amountSubtotals: { duties: number; discounts: number | null; fees: number; taxes: number; items: number; shipping: number; landedCostTotal: number; } | null; } | null; metadata: ({ key: string; value: string; } | null)[] | null; }",
                             "docs": ""
                         }],
                     "references": {
@@ -2202,7 +2304,8 @@ export class ZonosCheckout {
                         "CheckoutSessionDetailsFragment": {
                             "location": "import",
                             "path": "src/types/generated/graphql.internal.types",
-                            "id": "src/types/generated/graphql.internal.types.ts::CheckoutSessionDetailsFragment"
+                            "id": "src/types/generated/graphql.internal.types.ts::CheckoutSessionDetailsFragment",
+                            "referenceLocation": "CheckoutSessionDetailsFragment"
                         }
                     },
                     "return": "Promise<void>"

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

@@ -604,8 +604,8 @@ export class ZonosCustomerInfo {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "continue-loading",
                 "reflect": false,
+                "attribute": "continue-loading",
                 "defaultValue": "false"
             },
             "submitBtnType": {
@@ -629,8 +629,8 @@ export class ZonosCustomerInfo {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "submit-btn-type",
-                "reflect": false
+                "reflect": false,
+                "attribute": "submit-btn-type"
             },
             "submitBtnColor": {
                 "type": "string",
@@ -648,8 +648,8 @@ export class ZonosCustomerInfo {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "submit-btn-color",
-                "reflect": false
+                "reflect": false,
+                "attribute": "submit-btn-color"
             },
             "isMobile": {
                 "type": "boolean",
@@ -667,8 +667,8 @@ export class ZonosCustomerInfo {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "is-mobile",
                 "reflect": false,
+                "attribute": "is-mobile",
                 "defaultValue": "false"
             },
             "defaultAddress": {
@@ -681,7 +681,8 @@ export class ZonosCustomerInfo {
                         "StripeStoreContactOption": {
                             "location": "import",
                             "path": "src/components/store/checkout/stripe",
-                            "id": "src/components/store/checkout/stripe.ts::StripeStoreContactOption"
+                            "id": "src/components/store/checkout/stripe.ts::StripeStoreContactOption",
+                            "referenceLocation": "StripeStoreContactOption"
                         }
                     }
                 },
@@ -711,8 +712,8 @@ export class ZonosCustomerInfo {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "should-use-custom-address-form-override",
                 "reflect": false,
+                "attribute": "should-use-custom-address-form-override",
                 "defaultValue": "false"
             }
         };
@@ -756,7 +757,8 @@ export class ZonosCustomerInfo {
                         "StripeAddressElementChangeEvent": {
                             "location": "import",
                             "path": "@stripe/stripe-js",
-                            "id": "node_modules::StripeAddressElementChangeEvent"
+                            "id": "node_modules::StripeAddressElementChangeEvent",
+                            "referenceLocation": "StripeAddressElementChangeEvent"
                         }
                     }
                 }
@@ -777,7 +779,8 @@ export class ZonosCustomerInfo {
                         "StripeAddressElementChangeEvent": {
                             "location": "import",
                             "path": "@stripe/stripe-js",
-                            "id": "node_modules::StripeAddressElementChangeEvent"
+                            "id": "node_modules::StripeAddressElementChangeEvent",
+                            "referenceLocation": "StripeAddressElementChangeEvent"
                         }
                     }
                 }

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

@@ -91,8 +91,8 @@ export class ZonosReview {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "mobile",
                 "reflect": false,
+                "attribute": "mobile",
                 "defaultValue": "false"
             },
             "collapsed": {
@@ -111,8 +111,8 @@ export class ZonosReview {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "collapsed",
                 "reflect": false,
+                "attribute": "collapsed",
                 "defaultValue": "false"
             }
         };

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

@@ -292,8 +292,8 @@ export class ZonosShipping {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "continue-loading",
                 "reflect": false,
+                "attribute": "continue-loading",
                 "defaultValue": "false"
             },
             "submitBtnColor": {
@@ -312,8 +312,8 @@ export class ZonosShipping {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "submit-btn-color",
-                "reflect": false
+                "reflect": false,
+                "attribute": "submit-btn-color"
             },
             "submitBtnType": {
                 "type": "string",
@@ -336,8 +336,8 @@ export class ZonosShipping {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "submit-btn-type",
-                "reflect": false
+                "reflect": false,
+                "attribute": "submit-btn-type"
             },
             "isMobile": {
                 "type": "boolean",
@@ -355,8 +355,8 @@ export class ZonosShipping {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "is-mobile",
-                "reflect": false
+                "reflect": false,
+                "attribute": "is-mobile"
             }
         };
     }

package/dist/collection/components/checkout/zonos-collect/zonos-collect-finish/zonos-collect-finish.js

@@ -401,7 +401,8 @@ export class ZonosCollectFinish {
                         "ElementsUiStyle": {
                             "location": "import",
                             "path": "src/types/generated/graphql.internal.types",
-                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiStyle"
+                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiStyle",
+                            "referenceLocation": "ElementsUiStyle"
                         }
                     }
                 },
@@ -413,8 +414,8 @@ export class ZonosCollectFinish {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "border-radius",
                 "reflect": false,
+                "attribute": "border-radius",
                 "defaultValue": "'ROUNDED'"
             },
             "storybookForceStatus": {
@@ -427,7 +428,8 @@ export class ZonosCollectFinish {
                         "PaymentIntent": {
                             "location": "import",
                             "path": "@stripe/stripe-js",
-                            "id": "node_modules::PaymentIntent"
+                            "id": "node_modules::PaymentIntent",
+                            "referenceLocation": "PaymentIntent"
                         }
                     }
                 },
@@ -439,8 +441,8 @@ export class ZonosCollectFinish {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "storybook-force-status",
-                "reflect": false
+                "reflect": false,
+                "attribute": "storybook-force-status"
             },
             "overrideNotification": {
                 "type": "unknown",
@@ -475,8 +477,8 @@ export class ZonosCollectFinish {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "confirmation-id",
                 "reflect": false,
+                "attribute": "confirmation-id",
                 "defaultValue": "null"
             }
         };

package/dist/collection/components/checkout/zonos-collect/zonos-collect-footer/zonos-collect-footer.js

@@ -89,8 +89,8 @@ export class ZonosCollectFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "mobile",
                 "reflect": false,
+                "attribute": "mobile",
                 "defaultValue": "false"
             },
             "tablet": {
@@ -109,8 +109,8 @@ export class ZonosCollectFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tablet",
                 "reflect": false,
+                "attribute": "tablet",
                 "defaultValue": "false"
             },
             "dataTheme": {
@@ -123,7 +123,8 @@ export class ZonosCollectFooter {
                         "ElementsUiTheme": {
                             "location": "import",
                             "path": "src/types/generated/graphql.internal.types",
-                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiTheme"
+                            "id": "src/types/generated/graphql.internal.types.ts::ElementsUiTheme",
+                            "referenceLocation": "ElementsUiTheme"
                         }
                     }
                 },
@@ -135,8 +136,8 @@ export class ZonosCollectFooter {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "data-theme",
-                "reflect": false
+                "reflect": false,
+                "attribute": "data-theme"
             }
         };
     }

package/dist/collection/components/checkout/zonos-collect/zonos-collect-order-details/zonos-collect-order-details.js

@@ -104,8 +104,8 @@ export class ZonosCollectOrderDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "mobile",
                 "reflect": false,
+                "attribute": "mobile",
                 "defaultValue": "true"
             },
             "collapsed": {
@@ -124,8 +124,8 @@ export class ZonosCollectOrderDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "collapsed",
-                "reflect": false
+                "reflect": false,
+                "attribute": "collapsed"
             },
             "landedCostId": {
                 "type": "string",
@@ -143,8 +143,8 @@ export class ZonosCollectOrderDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "landed-cost-id",
                 "reflect": false,
+                "attribute": "landed-cost-id",
                 "defaultValue": "''"
             }
         };

package/dist/collection/components/checkout/zonos-collect/zonos-collect-payment/zonos-collect-payment.js

@@ -243,8 +243,8 @@ export class ZonosCollectPayment {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "submit-btn-type",
-                "reflect": false
+                "reflect": false,
+                "attribute": "submit-btn-type"
             },
             "continueLoading": {
                 "type": "boolean",
@@ -262,8 +262,8 @@ export class ZonosCollectPayment {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "continue-loading",
                 "reflect": false,
+                "attribute": "continue-loading",
                 "defaultValue": "false"
             },
             "submitBtnColor": {
@@ -282,8 +282,8 @@ export class ZonosCollectPayment {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "submit-btn-color",
-                "reflect": false
+                "reflect": false,
+                "attribute": "submit-btn-color"
             },
             "overridePrimaryColor": {
                 "type": "string",
@@ -301,8 +301,8 @@ export class ZonosCollectPayment {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "override-primary-color",
-                "reflect": false
+                "reflect": false,
+                "attribute": "override-primary-color"
             }
         };
     }

package/dist/collection/components/checkout/zonos-collect/zonos-collect-review/zonos-collect-review.js

@@ -86,8 +86,8 @@ export class ZonosCollectReview {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "mobile",
                 "reflect": false,
+                "attribute": "mobile",
                 "defaultValue": "false"
             },
             "tablet": {
@@ -106,8 +106,8 @@ export class ZonosCollectReview {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tablet",
                 "reflect": false,
+                "attribute": "tablet",
                 "defaultValue": "false"
             },
             "collapsed": {
@@ -126,8 +126,8 @@ export class ZonosCollectReview {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "collapsed",
                 "reflect": false,
+                "attribute": "collapsed",
                 "defaultValue": "false"
             }
         };