@zonos/elements 1.3.249 → 1.3.251

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

@@ -1,6 +1,7 @@
 import { Fragment, h, Host, } from "@stencil/core";
 import { cartStore } from "../../../store/checkout/cart";
 import { paypalStore, paypalStoreReset, } from "../../../store/checkout/paypal";
+import { storeCreditStore, storeCreditStoreReset, } from "../../../store/checkout/storeCredit";
 import { stripeStore, stripeStoreMessageBasedOnStatus, stripeStoreReset, stripeStoreResetPromoCode, stripeStoreRetrievePayment, } from "../../../store/checkout/stripe";
 import { storageStore } from "../../../store/storageStore";
 import { translate } from "../../../store/translationStore";
@@ -431,6 +432,47 @@ export class ZonosCheckoutFinish {
             paypalStoreReset();
             storageStore.checkoutSessionId = null;
         };
+        this.checkStoreCreditOrderStatus = async () => {
+            // show success message right away when order id is already created
+            this.isLoading = false;
+            if (storeCreditStore.orderIdCreated) {
+                const checkoutSessionId = storageStore.checkoutSessionId;
+                submitGtag({
+                    event: 'zonos-checkout-success',
+                    metadata: this.buildPurchaseMetadata({
+                        checkoutSessionId: checkoutSessionId || '',
+                    }),
+                });
+                submitGtag({
+                    event: 'purchase',
+                    metadata: this.buildPurchaseMetadata({
+                        checkoutSessionId: checkoutSessionId || '',
+                    }),
+                });
+                void trackConversionEvent({
+                    checkoutSessionId,
+                    eventName: 'checkout_orderCompleted',
+                });
+                this.notificationType = 'success';
+                this.notificationTitle = translate("You're all set!");
+                this.notificationMessages =
+                    stripeStoreMessageBasedOnStatus('succeeded').messages;
+                // override title if notification type is success
+                this.useOverrideSuccessNotification();
+                const successEvent = createCustomEvent('zonos-checkout-success', {
+                    message: 'Zonos Checkout successfully processed order',
+                });
+                document.dispatchEvent(successEvent);
+                // wait this to finish before resetting store and checkout session id
+                await this.handleSuccessBehavior();
+            }
+            // reset stores when checkout is finished
+            stripeStoreResetPromoCode();
+            stripeStoreReset();
+            paypalStoreReset();
+            storeCreditStoreReset();
+            storageStore.checkoutSessionId = null;
+        };
         this.closeClickHandler = () => {
             this.closeClick.emit();
         };
@@ -463,6 +505,9 @@ export class ZonosCheckoutFinish {
         if (cartStore.isStagingMode) {
             void this.checkStagingOrderStatus();
         }
+        else if (storeCreditStore.orderIdCreated) {
+            void this.checkStoreCreditOrderStatus();
+        }
         else if (paypalStore.orderIdCreated) {
             void this.checkPaypalPaymentStatus();
         }
@@ -472,11 +517,11 @@ export class ZonosCheckoutFinish {
     }
     render() {
         const isTestMode = getIsTestMode();
-        return (h(Host, { key: '80a543fca5dbc63dde41806702b2f6dd4fa849ab', class: "zonos--checkout-finish zonos--elements", style: {
+        return (h(Host, { key: 'c74f250bac797f8c000bac4892bc5ab56c0867bb', class: "zonos--checkout-finish zonos--elements", style: {
                 '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderRadius,
                 }),
-            } }, !this.isLoading && (h("div", { key: '6cab293041902e156563f37db6f0e77caaeeaaf9', class: "zonos--finish-details" }, h("div", { key: '6bf32844fa9d38eae6e9f337e56b7918e49bf793', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: 'bf13e59b7bc2380609ffba879fa2b1d8c5d9a9e0', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: 'c246affb94a9799e0c556affb73b2ebfb69a9c7f', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: '61fa4fa0e09c0ce2905281b2696f42172c7a2bcd',
+            } }, !this.isLoading && (h("div", { key: '5ee705381b0246f5035f512c9d19beba6dc33d4f', class: "zonos--finish-details" }, h("div", { key: '1d1a54d8f73535aaada32601c5e771c9fd381104', class: "zonos--group" }, this.notificationType === 'success' ? (h("zonos-icon", { "aria-label": "Order success", content: SuccessIcon, iconColor: 'blue-800', size: 50 })) : (h("zonos-icon", { "aria-label": "Order failed", content: RemoveIcon, iconColor: 'red-800', size: 50 })), h("zonos-text", { key: '68c898ee87166d08bd52702ae8f9bfe51c393076', class: "zonos--title", type: "semiBoldSubheader" }, this.notificationTitle), h("zonos-text", { key: '98b6eaff782fe34a8dbd258e4c7d0c81c3577bcc', class: "zonos--subtitle", textColor: "gray-600" }, this.notificationMessages.map(message => (h(Fragment, null, message, h("br", null))))), this.shouldRenderCloseButtonForRedirectBehavior() && (h("zonos-button", { key: 'ccc5e7973b2e962e22ac56dcad6e33b048621036',
             // Only show loading spinner if it's not an error notification
             loading: this.isWaitingToRedirect &&
                 this.notificationType !== 'error', onClick: () => {
@@ -488,9 +533,9 @@ export class ZonosCheckoutFinish {
                 }
                 this.closeClickHandler();
             }, size: "md", variant: "primary" }, translate('Close'))), !window.Zonos.isLegacyCheckout &&
-            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: '9227d7832ed477be556cb6d59c644a74c293c740', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
+            this.shouldRenderKeepShoppingButton() && (h("zonos-button", { key: 'cd30bc010f2a3e935d9b80e56389581a9150b021', onClick: () => this.closeClickHandler(), size: "md", variant: "primary" }, this.notificationActionText))), isTestMode &&
             cartStore.step === 'finish' &&
-            this.notificationType === 'success' && (h("div", { key: '9107be1ef7895b0a5e3fe0a985036a11de7011d3', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'b0de8743bea8dd9ac7099bd5b77811f80d80a380', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: 'f90749b9af4c17eac554efb6d3d12cc41ac6e3c8', onClick: () => {
+            this.notificationType === 'success' && (h("div", { key: '458809f316ac5129efbc7fe90d1549c042d477af', class: "zonos--finish-button-wrapper" }, h("zonos-button", { key: 'dcf0c595cb119a731c34c1aff09960db8a1fb251', backgroundColor: "gray-0", buttonColor: "gray-1000", onClick: () => this.closeClickHandler(), size: "lg", variant: "outline" }, "New test cart"), h("zonos-button", { key: '76d55870370b4906970b3e2109617ba2230eee7e', onClick: () => {
                 const isZonosDashboard = window.location.hostname.includes('dashboard.zonos.com');
                 this.redirectToUrl(isZonosDashboard
                     ? '/orders/all'

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

@@ -1,6 +1,7 @@
 import { Fragment, h, Host, } from "@stencil/core";
 import { cartStore, cartStoreNextStep, } from "../../../store/checkout/cart";
 import { paypalStore } from "../../../store/checkout/paypal";
+import { storeCreditStore, storeCreditStoreCoversFullAmount, } from "../../../store/checkout/storeCredit";
 import { stripeStore } from "../../../store/checkout/stripe";
 import { storageStore } from "../../../store/storageStore";
 import { translate } from "../../../store/translationStore";
@@ -52,7 +53,8 @@ export class ZonosCheckoutPayment {
          */
         this.continueClickHandler = async ({ currencyCode, }) => {
             var _a, _b;
-            if (!this.handleValidate()) {
+            // Skip Stripe payment validation when store credit covers the full order
+            if (!storeCreditStoreCoversFullAmount() && !this.handleValidate()) {
                 this.showErrorBanner = true;
                 // Attempt to submit the form so the missing input error will be shown in Stripe
                 void ((_a = stripeStore.stripeElements) === null || _a === void 0 ? void 0 : _a.submit());
@@ -143,6 +145,7 @@ export class ZonosCheckoutPayment {
         const isTestMode = getIsTestMode();
         const isStagingMode = cartStore.isStagingMode || getIsStagingMode();
         const isPaypalTabSelected = ((_a = stripeStore.stripePaymentEventData) === null || _a === void 0 ? void 0 : _a.value.type) === 'external_paypal';
+        const storeCreditCoversFullOrder = storeCreditStoreCoversFullAmount();
         const renderPayment = () => {
             if (isStagingMode) {
                 const { colorPrimary } = zonosStore.appearance;
@@ -158,7 +161,9 @@ export class ZonosCheckoutPayment {
                     variant: this.submitBtnType }, translate('Place test order')))));
             }
             return (h(Fragment, null, this.showErrorBanner && (h("zonos-banner", { class: "zonos--error-banner", intent: "error" }, translate('Missing required fields. Make sure all fields are completed.'))), this.hasStripePaymentError && (h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, stripeStore.customErrorMessage ||
-                translate("We couldn't complete your payment. Please verify the payment details and try again."))), paypalStore.paypalErrorMessage && (h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, paypalStore.paypalErrorMessage)), h("zonos-payment", null), h("div", { class: "zonos--group-btn" }, !isPaypalTabSelected && (h(Fragment, null, h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, isDisabled: this.continueLoading &&
+                translate("We couldn't complete your payment. Please verify the payment details and try again."))), paypalStore.paypalErrorMessage && (h("zonos-banner", { class: "zonos--payment-error-banner", intent: "error" }, paypalStore.paypalErrorMessage)), cartStore.customerAuthenticationToken &&
+                storeCreditStore.availableBalance != null &&
+                storeCreditStore.availableBalance > 0 && (h("zonos-store-credit", null)), storeCreditCoversFullOrder ? (h("zonos-banner", { intent: "info" }, translate('Store credit covers your full order'))) : (h("zonos-payment", null)), h("div", { class: "zonos--group-btn" }, (!isPaypalTabSelected || storeCreditCoversFullOrder) && (h(Fragment, null, h("zonos-button", { backgroundColor: this.submitBtnColor, bold: true, isDisabled: this.continueLoading &&
                     stripeStore.checkoutSettlementCurrency === 'USD', loading: this.continueLoading &&
                     stripeStore.checkoutSettlementCurrency !== 'USD', onClick: async () => {
                     if (!cartStore.checkoutSession) {
@@ -171,22 +176,25 @@ export class ZonosCheckoutPayment {
                     });
                 }, size: "lg",
                 // use primary type when on mobile mode
-                variant: this.submitBtnType }, translate('Pay [orderTotal]', {
-                orderTotal: renderCheckoutCurrency({
-                    amount: cartStore.total,
-                    isForeign: true,
-                }),
-            })), stripeStore.shouldRenderPayInUsdButton && (h("zonos-button", { class: "zonos--pay-in-base-currency-btn", isDisabled: this.continueLoading &&
+                variant: this.submitBtnType }, storeCreditCoversFullOrder
+                ? translate('Place order')
+                : translate('Pay [orderTotal]', {
+                    orderTotal: renderCheckoutCurrency({
+                        amount: cartStore.total,
+                        isForeign: true,
+                    }),
+                })), !storeCreditCoversFullOrder &&
+                stripeStore.shouldRenderPayInUsdButton && (h("zonos-button", { class: "zonos--pay-in-base-currency-btn", isDisabled: this.continueLoading &&
                     stripeStore.checkoutSettlementCurrency !== 'USD', loading: this.continueLoading &&
                     stripeStore.checkoutSettlementCurrency === 'USD', onClick: async () => {
                     await this.continueClickHandler({
                         currencyCode: 'USD',
                     });
-                }, size: "lg", variant: "subtle" }, translate('Click to pay in USD'))))), h("zonos-paypal-payment", { onPaypalSessionDone: ({ detail: { orderId } }) => {
+                }, size: "lg", variant: "subtle" }, translate('Click to pay in USD'))))), !storeCreditCoversFullOrder && (h("zonos-paypal-payment", { onPaypalSessionDone: ({ detail: { orderId } }) => {
                     this.paypalSessionDone.emit(orderId);
                 }, onPaypalSessionFail: () => this.paypalSessionFailed.emit(), style: {
                     display: isPaypalTabSelected ? 'block' : 'none',
-                } })), isTestMode && (h("zonos-card", { backgroundColor: "gray-100", borderRadius: 12, class: "zonos--test-cards" }, h("zonos-v-stack", { spacing: 16 }, h("div", null, h("zonos-text", { type: "semiBoldLabel" }, translate('Test cards')), h("zonos-text", { textColor: "gray-700" }, translate('Click to copy the card number. Use any future expiration date and three number CVC.'))), h("zonos-button", { icon: h("zonos-icon", { content: CheckmarkLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4242424242424242') }, translate('Success'), " (****4242)"), h("zonos-button", { icon: h("zonos-icon", { content: RemoveLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4000000000000002') }, translate('Failure'), " (****0002)")), h("zonos-notification", null)))));
+                } }))), isTestMode && (h("zonos-card", { backgroundColor: "gray-100", borderRadius: 12, class: "zonos--test-cards" }, h("zonos-v-stack", { spacing: 16 }, h("div", null, h("zonos-text", { type: "semiBoldLabel" }, translate('Test cards')), h("zonos-text", { textColor: "gray-700" }, translate('Click to copy the card number. Use any future expiration date and three number CVC.'))), h("zonos-button", { icon: h("zonos-icon", { content: CheckmarkLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4242424242424242') }, translate('Success'), " (****4242)"), h("zonos-button", { icon: h("zonos-icon", { content: RemoveLineIcon }), justifyContent: "flex-start", onClick: () => this.copyCardToClipboard('4000000000000002') }, translate('Failure'), " (****0002)")), h("zonos-notification", null)))));
         };
         return (h(Host, { class: "zonos--checkout-payment zonos--elements" }, h("div", { class: "zonos--group" }, h("zonos-text", { class: "zonos--title", type: "semiBoldSubheader" }, translate('Payment method')), renderPayment())));
     }

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-store-credit/assets/StoreCreditIcon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true">
+  <path fill="currentColor" fill-rule="evenodd" d="M4 5a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h16a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3H4Zm16 2H4a1 1 0 0 0-1 1v1h18V8a1 1 0 0 0-1-1ZM2 11h20v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-3Zm6 4.5a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2H9a1 1 0 0 1-1-1Z" clip-rule="evenodd"/>
+</svg>

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-store-credit/zonos-store-credit.css

@@ -0,0 +1,139 @@
+:host {
+  font-family: var(--zonos--font-family, Inter), Inter;
+  display: block;
+  white-space: normal;
+}
+:host * {
+  font-family: var(--zonos--font-family, Inter), Inter;
+}
+:host img {
+  max-width: 100%;
+}
+:host dl,
+:host dd,
+:host h1,
+:host h2,
+:host h3,
+:host h4,
+:host h5,
+:host h6,
+:host hr,
+:host figure,
+:host p,
+:host pre {
+  margin: 0;
+}
+
+/* All sets of variable are here */
+/* smooth font rendering */
+:host {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+}
+
+:host {
+  display: block;
+  margin-bottom: var(--zonos-elements-font-size-xl);
+}
+:host .zonos--store-credit-container {
+  background: linear-gradient(180deg, var(--zonos-elements-gray-0) 0%, var(--zonos-elements-gray-50) 100%);
+  border: 1px solid var(--zonos-elements-gray-200);
+  border-radius: var(--zonos--border-radius, var(--zonos-elements-radius-8));
+  box-shadow: var(--zonos-elements-v3-shadow-base);
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+}
+:host .zonos--store-credit-container::before {
+  background: var(--zonos--primary-color, var(--zonos-elements-gray-400));
+  content: "";
+  height: 3px;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+:host .zonos--store-credit-header {
+  padding: var(--zonos-elements-radius-12) var(--zonos-elements-font-size-l) 0;
+}
+:host .zonos--store-credit-title-row {
+  align-items: center;
+  display: flex;
+  justify-content: space-between;
+}
+:host .zonos--store-credit-title-left {
+  align-items: center;
+  display: flex;
+  gap: var(--zonos-elements-font-size-s);
+}
+:host .zonos--store-credit-title-icon {
+  align-items: center;
+  background: color-mix(in srgb, var(--zonos--primary-color, var(--zonos-elements-gray-400)) 14%, transparent);
+  border-radius: calc(var(--zonos--border-radius, var(--zonos-elements-radius-8)) * 0.75);
+  display: flex;
+  flex-shrink: 0;
+  height: 22px;
+  justify-content: center;
+  width: 22px;
+}
+:host .zonos--store-credit-balance-badge {
+  background: color-mix(in srgb, var(--zonos--primary-color, var(--zonos-elements-gray-400)) 8%, var(--zonos-elements-gray-50));
+  border: 1px solid color-mix(in srgb, var(--zonos--primary-color, var(--zonos-elements-gray-400)) 22%, var(--zonos-elements-gray-200));
+  border-radius: calc(var(--zonos--border-radius, var(--zonos-elements-radius-8)) * 0.65);
+  padding: 2px var(--zonos-elements-font-size-s);
+}
+:host .zonos--store-credit-content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--zonos-elements-font-size-s);
+  padding: var(--zonos-elements-font-size-s) var(--zonos-elements-font-size-l) var(--zonos-elements-radius-12);
+}
+:host .zonos--store-credit-checkbox {
+  align-items: center;
+  display: flex;
+}
+:host .zonos--store-credit-options {
+  display: flex;
+  flex-direction: column;
+  gap: var(--zonos-elements-font-size-s);
+}
+:host .zonos--store-credit-toggle-row {
+  display: flex;
+}
+:host .zonos--store-credit-custom-amount {
+  max-width: 240px;
+}
+:host .zonos--store-credit-custom-amount-row {
+  align-items: flex-end;
+  display: flex;
+  gap: var(--zonos-elements-font-size-s);
+}
+:host .zonos--store-credit-custom-amount-row zonos-input {
+  flex: 1;
+}
+:host .zonos--store-credit-error {
+  margin-top: 2px;
+}
+:host .zonos--store-credit-summary {
+  background: color-mix(in srgb, var(--zonos--primary-color, var(--zonos-elements-gray-400)) 6%, var(--zonos-elements-gray-50));
+  border-radius: calc(var(--zonos--border-radius, var(--zonos-elements-radius-8)) * 0.65);
+  padding: var(--zonos-elements-radius-10) var(--zonos-elements-font-size-s);
+}
+:host .zonos--store-credit-empty {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: var(--zonos-elements-font-size-s);
+  padding: var(--zonos-elements-font-size-xl) var(--zonos-elements-font-size-l) 22px;
+  text-align: center;
+}
+:host .zonos--store-credit-empty-icon {
+  align-items: center;
+  background: var(--zonos-elements-gray-100);
+  border-radius: 50%;
+  display: flex;
+  height: 52px;
+  justify-content: center;
+  opacity: 0.95;
+  width: 52px;
+}

package/dist/collection/components/checkout/zonos-checkout/zonos-checkout-payment/zonos-store-credit/zonos-store-credit.js

@@ -0,0 +1,137 @@
+import { Fragment, h, Host, } from "@stencil/core";
+import { cartStoreUpdateStoreCredit } from "../../../../store/checkout/cart";
+import { storeCreditStore, storeCreditStoreGetEffectiveAmount, storeCreditStoreRefreshBalance, storeCreditStoreSetAmount, storeCreditStoreSetEnabled, storeCreditStoreSetUseFullBalance, } from "../../../../store/checkout/storeCredit";
+import { translate } from "../../../../store/translationStore";
+import { zonosStore, zonosStoreFontFamily, } from "../../../../store/zonosStore";
+import { renderCheckoutCurrency } from "../../../../utils/checkout/renderCheckoutCurrency";
+import { getBorderRadius } from "../../../../utils/getBorderRadius";
+// eslint-disable-next-line no-relative-import-paths/no-relative-import-paths
+import StoreCreditIcon from "./assets/StoreCreditIcon.svg";
+const AMOUNT_MODE_FULL = 'full';
+const AMOUNT_MODE_CUSTOM = 'custom';
+export class ZonosStoreCredit {
+    constructor() {
+        /**
+         * Whether the component is enabled
+         */
+        this.enabled = true;
+        /**
+         * Local state for custom amount input
+         */
+        this.customAmountInput = '';
+        this.handleUseStoreCreditChange = (checked) => {
+            storeCreditStoreSetEnabled(checked);
+            if (checked) {
+                // Enable store credit usage with full balance by default
+                storeCreditStoreSetUseFullBalance(true);
+            }
+            void cartStoreUpdateStoreCredit();
+        };
+        this.handleAmountModeChange = (mode) => {
+            const isFullBalance = mode === AMOUNT_MODE_FULL;
+            storeCreditStoreSetUseFullBalance(isFullBalance);
+            if (!isFullBalance) {
+                this.customAmountInput = '';
+            }
+            void cartStoreUpdateStoreCredit();
+        };
+        this.handleCustomAmountChange = (value) => {
+            this.customAmountInput = value;
+            // Clear error when user types
+            storeCreditStore.error = null;
+        };
+        this.handleApplyCustomAmount = () => {
+            const amount = parseFloat(this.customAmountInput);
+            if (!isNaN(amount) && amount > 0) {
+                storeCreditStoreSetAmount(amount);
+            }
+            else {
+                storeCreditStoreSetAmount(null);
+            }
+            if (!storeCreditStore.error) {
+                void cartStoreUpdateStoreCredit();
+            }
+        };
+    }
+    async componentWillLoad() {
+        await storeCreditStoreRefreshBalance();
+    }
+    render() {
+        if (!this.enabled) {
+            return null;
+        }
+        const { colorPrimary } = zonosStore.appearance;
+        const borderRadius = getBorderRadius({});
+        const availableBalance = storeCreditStore.availableBalance;
+        const hasBalance = availableBalance !== null && availableBalance > 0;
+        const isUsingStoreCredit = storeCreditStore.isEnabled;
+        const useFullBalance = storeCreditStore.useFullBalance;
+        const error = storeCreditStore.error;
+        const effectiveAmount = storeCreditStoreGetEffectiveAmount();
+        const formattedBalance = renderCheckoutCurrency({
+            amount: availableBalance !== null && availableBalance !== void 0 ? availableBalance : 0,
+            isForeign: true,
+        });
+        return (h(Host, { class: "zonos--elements zonos--store-credit", style: {
+                '--zonos--border-radius': borderRadius,
+                '--zonos--font-family': zonosStoreFontFamily(),
+                '--zonos--primary-color': colorPrimary,
+            } }, h("div", { class: "zonos--store-credit-container" }, h("div", { class: "zonos--store-credit-header" }, h("div", { class: "zonos--store-credit-title-row" }, h("div", { class: "zonos--store-credit-title-left" }, h("div", { "aria-hidden": "true", class: "zonos--store-credit-title-icon" }, h("zonos-icon", { content: StoreCreditIcon, iconColor: 'gray-500', size: 22 })), h("zonos-text", { type: "semiBoldLabel" }, translate('Store credit'))), hasBalance && (h("div", { class: "zonos--store-credit-balance-badge" }, h("zonos-text", { textColor: "gray-600", type: "caption" }, formattedBalance))))), h(Fragment, null, hasBalance ? (h("div", { class: "zonos--store-credit-content" }, h("div", { class: "zonos--store-credit-checkbox" }, h("zonos-checkbox", { isChecked: isUsingStoreCredit, label: translate('Use store credit'), onCheckboxSelected: e => this.handleUseStoreCreditChange(e.detail), size: 16 })), isUsingStoreCredit && (h("div", { class: "zonos--store-credit-options" }, h("div", { class: "zonos--store-credit-toggle-row" }, h("zonos-toggle", { onToggleChanged: e => this.handleAmountModeChange(e.detail), options: [
+                {
+                    label: translate('Apply full balance'),
+                    value: AMOUNT_MODE_FULL,
+                },
+                {
+                    label: translate('Enter amount'),
+                    value: AMOUNT_MODE_CUSTOM,
+                },
+            ], value: useFullBalance ? AMOUNT_MODE_FULL : AMOUNT_MODE_CUSTOM })), !useFullBalance && (h("div", { class: "zonos--store-credit-custom-amount" }, h("div", { class: "zonos--store-credit-custom-amount-row" }, h("zonos-input", { inputLabel: translate('Enter amount'), inputValue: this.customAmountInput, isError: !!error, onInputChange: e => this.handleCustomAmountChange(e.detail) }), h("zonos-button", { onClick: this.handleApplyCustomAmount, size: "sm", variant: "primary" }, translate('Apply'))))), error && (h("div", { class: "zonos--store-credit-error" }, h("zonos-text", { textColor: "red-600", type: "caption" }, error))), h("div", { class: "zonos--store-credit-summary" }, h("zonos-text", { textColor: "gray-800", type: "semiBoldLabel" }, translate('Amount to apply: [amount]', {
+            amount: renderCheckoutCurrency({
+                amount: effectiveAmount,
+                isForeign: true,
+            }),
+        }))))))) : (h("div", { class: "zonos--store-credit-empty" }, h("div", { "aria-hidden": "true", class: "zonos--store-credit-empty-icon" }, h("zonos-icon", { content: StoreCreditIcon, iconColor: "gray-500", size: 28 })), h("zonos-text", { textColor: "gray-600", type: "caption" }, translate('No store credit available'))))))));
+    }
+    static get is() { return "zonos-store-credit"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["zonos-store-credit.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["zonos-store-credit.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "enabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the component is enabled"
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "enabled",
+                "reflect": false,
+                "defaultValue": "true"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "customAmountInput": {}
+        };
+    }
+    static get elementRef() { return "el"; }
+}

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

@@ -1,7 +1,8 @@
 import { Fragment, h, Host, } from "@stencil/core";
 import { cartStore, cartStoreClearCheckoutInterval, cartStoreNextStep, cartStoreOnChange, cartStoreReset, cartStoreResetTabItems, cartStoreSetCheckoutSession, cartStoreStartCheckoutInterval, cartStoreUpdateItems, cartStoreUpdateToErrorState, } from "../../store/checkout/cart";
 import { paypalInitScript, paypalStore, paypalStoreHasPaypalEnabled, } from "../../store/checkout/paypal";
-import { getCheckoutSessionBody, initStripeElements, stripeStore, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreGetPaymentIntent, stripeStoreHandleInventoryCheck, stripeStoreHandleInventoryRefund, stripeStoreInitCheckoutSession, stripeStorePrefetchLandedCost, stripeStoreReset, stripeStoreRetrievePayment, stripeStoreUpdateCheckoutSessionBaseCurrency, } from "../../store/checkout/stripe";
+import { storeCreditStoreApplyCredit, storeCreditStoreCoversFullAmount, storeCreditStoreCreateOrder, storeCreditStoreGetEffectiveAmount, } from "../../store/checkout/storeCredit";
+import { getCheckoutSessionBody, initStripeElements, stripeStore, stripeStoreCleanupDomesticShippingSession, stripeStoreConfirmPayment, stripeStoreGetPaymentIntent, stripeStoreHandleInventoryCheck, stripeStoreHandleInventoryRefund, stripeStoreInitCheckoutSession, stripeStoreOnChange, stripeStorePrefetchLandedCost, stripeStoreReset, stripeStoreRetrievePayment, stripeStoreUpdateCheckoutSessionBaseCurrency, } from "../../store/checkout/stripe";
 import { localizationStore, localizationStoreOnChange, } from "../../store/hello/localization";
 import { storageStore, storageStoreSetEnabledVariantTestKeys, VARIANT_TEST_KEY_EXPIRATION, } from "../../store/storageStore";
 import { translate } from "../../store/translationStore";
@@ -36,6 +37,7 @@ import { sendLoadNativeCheckoutLog } from "../../utils/logging/sendLoadNativeChe
 import { mergeConfig } from "../../utils/mergeConfig";
 import { styles } from "../../utils/styles";
 import { submitGtag } from "../../utils/submitGtag";
+import { validateCheckoutSession } from "../../utils/validateCheckoutSession";
 import { filterExpiredTests } from "../../utils/varianceTest/filterExpiredTests";
 import { getSelectedTestVariant } from "../../utils/varianceTest/getSelectedTestVariant";
 import { isTestEnabled } from "../../utils/varianceTest/isTestEnabl";
@@ -138,6 +140,11 @@ export class ZonosCheckout {
          * Whether or not the domestic checkout dialog should be shown
          */
         this.detectedDomesticCheckoutDialogOpen = false;
+        /**
+         * Whether or not the redirect to domestic checkout dialog should be shown.
+         * This is for BigCommerce stores when the user selects a domestic country in the international checkout.
+         */
+        this.redirectToDomesticCheckoutDialogOpen = false;
         /**
          * Client secret value
          */
@@ -1232,6 +1239,55 @@ export class ZonosCheckout {
             this.submitLoading = false;
             return;
         }
+        // Apply store credit if customer has selected an amount
+        const storeCreditAmount = storeCreditStoreGetEffectiveAmount();
+        if (storeCreditAmount > 0) {
+            const storeCreditResult = await storeCreditStoreApplyCredit();
+            if (!storeCreditResult.success) {
+                stripeStore.hasPaymentError = true;
+                stripeStore.customErrorMessage =
+                    storeCreditResult.error ||
+                        translate('Unable to apply store credit. Please try again.');
+                this.submitLoading = false;
+                return;
+            }
+        }
+        // If store credit covers the full order, create order directly without payment
+        if (storeCreditStoreCoversFullAmount()) {
+            try {
+                // Validate checkout session (landed cost ID, etc.) before creating order
+                const checkoutSessionStatus = await validateCheckoutSession();
+                if (!checkoutSessionStatus.valid) {
+                    stripeStore.hasPaymentError = true;
+                    stripeStore.customErrorMessage = checkoutSessionStatus.errorMessage;
+                    this.submitLoading = false;
+                    return;
+                }
+                const orderResult = await storeCreditStoreCreateOrder();
+                if (!orderResult.success) {
+                    stripeStore.hasPaymentError = true;
+                    stripeStore.customErrorMessage =
+                        orderResult.error ||
+                            translate('Unable to place order with store credit. Please try again.');
+                    this.submitLoading = false;
+                    return;
+                }
+                cartStoreNextStep();
+                cartStoreClearCheckoutInterval();
+            }
+            catch (err) {
+                logError(err);
+                submitGtag({
+                    event: 'zonos-checkout-payment-fail',
+                    metadata: {
+                        checkoutSessionId: storageStore.checkoutSessionId,
+                    },
+                });
+                stripeStore.hasPaymentError = true;
+            }
+            this.submitLoading = false;
+            return;
+        }
         try {
             await stripeStoreConfirmPayment();
             cartStoreNextStep();
@@ -1423,6 +1479,27 @@ export class ZonosCheckout {
                     this.shouldShowFedexShippingConsentDialog = true;
                 }
             }),
+            stripeStoreOnChange('stripeAddressEventData', addressEventData => {
+                var _a;
+                // For BigCommerce stores: redirect to domestic checkout when user selects a domestic country
+                // Only redirect when the store's native currency is USD and the feature is enabled
+                if (!window.Zonos.isBigCommerce ||
+                    !addressEventData ||
+                    this.redirectToDomesticCheckoutDialogOpen ||
+                    !((_a = zonosStore.genericSettings) === null || _a === void 0 ? void 0 : _a.isBigcommerceDomesticCheckoutRedirectEnabled) ||
+                    zonosStore.sourceCurrency !== 'USD') {
+                    return;
+                }
+                const shippingCountry = addressEventData.value.address.country;
+                if (shippingCountry &&
+                    zonosStore.disabledCountries.includes(shippingCountry)) {
+                    this.redirectToDomesticCheckoutDialogOpen = true;
+                    log(`Domestic country ${shippingCountry} selected in international checkout, redirecting to BigCommerce domestic checkout`, 'info');
+                    setTimeout(() => {
+                        window.location.href = '/checkout';
+                    }, 2000);
+                }
+            }),
         ];
         // Initialize test keys
         this.initializeTestKeys();
@@ -1530,7 +1607,7 @@ export class ZonosCheckout {
                 this.isMobile && 'mobile',
                 this.isIframed && 'iframed',
                 this.hiddenMode && 'hidden-mode',
-            ]) }, this.preview ? (renderContent()) : (h("zonos-dialog", { borderStyle: style, class: "zonos--checkout-dialog", "data-theme": rightSideTheme, height: "980px", isLoading: dialogLoading, mobile: this.isMobile, noBodyPadding: true, noBorder: true, noClickOutside: true, noCloseButton: true, onCloseDialog: () => this.closeDialogHandler(), open: this.open, width: "1200px" }, renderContent())), h("zonos-dialog", { isLoading: true, loadingText: translate('You will be redirected to international checkout shortly.'), loadingTitle: translate('We detected that you are shipping to an international address.'), noClickOutside: true, noCloseButton: true, open: this.detectedDomesticCheckoutDialogOpen, width: "450px" }), h("zonos-confirm-dialog", { class: "zonos--close-confirm-dialog", dialogCancelBtnText: translate("Don't close"), dialogConfirmBtnText: translate('Close'), dialogIntent: "warn", dialogOpen: this.confirmDialogOpen, dialogSubtitle: translate('Would you like to close checkout and return to the site?'), dialogTitle: translate('Are you sure?'), onCancelClicked: () => {
+            ]) }, this.preview ? (renderContent()) : (h("zonos-dialog", { borderStyle: style, class: "zonos--checkout-dialog", "data-theme": rightSideTheme, height: "980px", isLoading: dialogLoading, mobile: this.isMobile, noBodyPadding: true, noBorder: true, noClickOutside: true, noCloseButton: true, onCloseDialog: () => this.closeDialogHandler(), open: this.open, width: "1200px" }, renderContent())), h("zonos-dialog", { isLoading: true, loadingText: translate('You will be redirected to international checkout shortly.'), loadingTitle: translate('We detected that you are shipping to an international address.'), noClickOutside: true, noCloseButton: true, open: this.detectedDomesticCheckoutDialogOpen, width: "450px" }), h("zonos-dialog", { isLoading: true, loadingText: translate('You will be redirected to domestic checkout shortly.'), loadingTitle: translate('We detected that you are shipping to a domestic address.'), noClickOutside: true, noCloseButton: true, open: this.redirectToDomesticCheckoutDialogOpen, width: "450px" }), h("zonos-confirm-dialog", { class: "zonos--close-confirm-dialog", dialogCancelBtnText: translate("Don't close"), dialogConfirmBtnText: translate('Close'), dialogIntent: "warn", dialogOpen: this.confirmDialogOpen, dialogSubtitle: translate('Would you like to close checkout and return to the site?'), dialogTitle: translate('Are you sure?'), onCancelClicked: () => {
                 this.confirmDialogOpen = false;
             },
             // Mark user selected confirm to close the dialog
@@ -1767,6 +1844,7 @@ export class ZonosCheckout {
             "placedOrderInfo": {},
             "shouldShowFedexShippingConsentDialog": {},
             "detectedDomesticCheckoutDialogOpen": {},
+            "redirectToDomesticCheckoutDialogOpen": {},
             "clientSecret": {},
             "stripeCustomerSessionClientSecret": {}
         };
@@ -1842,7 +1920,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; phone: string | null; name: string | null; locality: string; postalCode: string; }[] | null; name: string | 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; }; 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; 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; taxes: number; total: number; }; varianceTestResults: { selectedVariantKey: string; testKey: string; }[] | null; }",
+                            "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; }; 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; 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; }",
                             "docs": ""
                         }],
                     "references": {

package/dist/collection/components/common/zonos-stripe-phone-input/zonos-stripe-phone-input.js

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