@zonos/elements 1.3.249 → 1.3.250

package/dist/esm/{paypal-06b67be0.js → paypal-6af6b978.js}

@@ -1,6 +1,6 @@
 import { c as createStore, z as zonosStore } from './zonosStore-5242a58d.js';
-import { t as trackConversionEvent, A as validateCheckoutSession, b as stripeStore, d as cartStore, v as stripeStoreHandleInventoryCheck, r as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-efb30253.js';
-import { t as translate, s as storageStore } from './localization-c1aff677.js';
+import { t as trackConversionEvent, y as validateCheckoutSession, b as stripeStore, d as cartStore, v as stripeStoreHandleInventoryCheck, w as storeCreditStoreApplyCredit, x as storeCreditStoreCoversFullAmount, z as storeCreditStoreCreateOrder, r as cartStoreNextStep, h as cartStoreClearCheckoutInterval, E as storeCreditStoreGetEffectiveAmount } from './cart-6e465f7b.js';
+import { t as translate, s as storageStore } from './localization-f4a7fb5a.js';
 import { h as handleFetch, l as logError, j as jsonParse } from './handleFetch-a844cac1.js';
 import { i as isContrastColor } from './isContrastColor-c17e83c9.js';
 import { l as log } from './VarianceTest-572cecf5.js';
@@ -363,6 +363,33 @@ const paypalButtonOptions = ({ checkoutSessionId, onPaypalFail, onPaypalSessionD
                 if (cartStore.inventoryCheckErrorMessage) {
                     return '';
                 }
+                // Apply store credit if customer has selected an amount
+                const storeCreditAmount = storeCreditStoreGetEffectiveAmount();
+                if (storeCreditAmount > 0) {
+                    const storeCreditResult = await storeCreditStoreApplyCredit();
+                    if (!storeCreditResult.success) {
+                        paypalStore.paypalErrorMessage =
+                            storeCreditResult.error ||
+                                translate('Unable to apply store credit. Please try again.');
+                        onPaypalFail === null || onPaypalFail === void 0 ? void 0 : onPaypalFail();
+                        return '';
+                    }
+                }
+                // If store credit covers the full order, create order directly
+                if (storeCreditStoreCoversFullAmount()) {
+                    const orderResult = await storeCreditStoreCreateOrder();
+                    if (!orderResult.success) {
+                        paypalStore.paypalErrorMessage =
+                            orderResult.error ||
+                                translate('Unable to place order with store credit. Please try again.');
+                        onPaypalFail === null || onPaypalFail === void 0 ? void 0 : onPaypalFail();
+                        return '';
+                    }
+                    onPaypalSessionDone === null || onPaypalSessionDone === void 0 ? void 0 : onPaypalSessionDone({ orderId: orderResult.orderId || '' });
+                    cartStoreNextStep();
+                    cartStoreClearCheckoutInterval();
+                    return '';
+                }
                 const paypalOrderId = await paypalStoreCreaterOrder({
                     checkoutSessionId,
                 });

package/dist/esm/{placeTestOrder-6c9a6c8a.js → placeTestOrder-d19ac166.js}

@@ -1,5 +1,5 @@
-import { d as cartStore } from './cart-efb30253.js';
-import { s as storageStore } from './localization-c1aff677.js';
+import { d as cartStore } from './cart-6e465f7b.js';
+import { s as storageStore } from './localization-f4a7fb5a.js';
 import { l as logError, h as handleFetch } from './handleFetch-a844cac1.js';
 
 const placeTestOrder = async () => {

package/dist/esm/{renderCheckoutCurrency-910fea67.js → renderCheckoutCurrency-c8aa8e7e.js}

@@ -1,5 +1,5 @@
-import { d as cartStore } from './cart-efb30253.js';
-import { o as applyInclusiveEffectiveRate, d as currencyFormat } from './localization-c1aff677.js';
+import { d as cartStore } from './cart-6e465f7b.js';
+import { o as applyInclusiveEffectiveRate, d as currencyFormat } from './localization-f4a7fb5a.js';
 
 const getDisplayCurrency = () => {
     var _a, _b;

package/dist/esm/{zonos-address-display_9.entry.js → zonos-address-display_8.entry.js}

@@ -1,18 +1,18 @@
 import { r as registerInstance, h, a as Host, d as createEvent, g as getElement } from './index-cfd394c8.js';
-import { t as translate, l as localizationStore, s as storageStore, q as storageStoreOnChange } from './localization-c1aff677.js';
+import { t as translate, l as localizationStore, s as storageStore, q as storageStoreOnChange } from './localization-f4a7fb5a.js';
 import { i as isTextContainsNonLatinChars, c as containsNonLatinChars } from './containsNonLatinChars-2d8810c3.js';
-import { K as extractName, b as stripeStore, q as stripeStorePrefetchLandedCost, t as trackConversionEvent } from './cart-efb30253.js';
+import { Q as extractName, b as stripeStore, q as stripeStorePrefetchLandedCost, t as trackConversionEvent } from './cart-6e465f7b.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-c21a42e5.js';
 import { z as zonosStore, f as zonosStoreFontFamily } from './zonosStore-5242a58d.js';
 import { R as RemoveIcon$2 } from './RemoveIcon-9dc5dd1a.js';
-import { i as isDarkColor } from './isDarkColor-3537021b.js';
 import { t as throttle_1 } from './throttle-0504ba2c.js';
 import { i as isCheckoutMobile } from './handleFetch-a844cac1.js';
 import { a as shouldRenderTaxIdInput, s as shouldRenderShortAddressCodeInput } from './shouldRenderTaxIdInput-2572bf77.js';
 import { l as log } from './VarianceTest-572cecf5.js';
 import { c as countryRequireTaxId, s as shipToTaxIdLabels } from './TaxId-50d72254.js';
 import { i as inheritAriaAttributes, a as inheritAttributes } from './helpers-2f6955b1.js';
+import { i as isDarkColor } from './isDarkColor-3537021b.js';
 import './debounce-efc0e473.js';
 import './ShortAddressCode-7620e622.js';
 
@@ -375,81 +375,6 @@ const ZonosAddressUpdateDialog = class {
 };
 ZonosAddressUpdateDialog.style = ZonosAddressUpdateDialogStyle0;
 
-const colorPrefixes = [
-    'blue',
-    'cyan',
-    'green',
-    'orange',
-    'purple',
-    'red',
-    'gray',
-    'glass',
-];
-
-const zonosCheckboxCss = ":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}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer}:host label{display:-ms-inline-flexbox;display:inline-flex;position:relative;gap:8px;-ms-flex-align:center;align-items:center}:host label.disabled{cursor:not-allowed;opacity:0.6}:host input[type=checkbox]{opacity:0;position:absolute;left:0;width:0;height:0;top:0;z-index:-99999}:host svg{opacity:0}:host .checkmark-container{height:var(--zonos--size);width:var(--zonos--size);background-color:transparent;border:1.5px solid var(--zonos-elements-gray-400);position:relative;border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-4))}:host .checkmark{opacity:0;position:absolute;top:-1.5px;left:-1.5px;right:-1.5px;bottom:-1.5px;width:calc(100% + 3px);-webkit-transition:0.3s all cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:0.3s all cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transform:scale(0.4);transform:scale(0.4);background-color:var(--zonos--background-color);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-4))}:host input[type=checkbox]:checked~.checkmark-container .checkmark{opacity:1;-webkit-transform:scale(1);transform:scale(1)}";
-const ZonosCheckboxStyle0 = zonosCheckboxCss;
-
-let inputId$1 = 0;
-const ZonosCheckbox = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.checkboxSelected = createEvent(this, "checkboxSelected", 7);
-        this.inputId = `zonos--checkbox-${++inputId$1}`;
-        /**
-         * background color of the checkbox
-         */
-        this.backgroundColor = 'blue';
-        /**
-         * Whether or not the checkbox is checked
-         */
-        this.isChecked = false;
-        /**
-         * Whether or not the checkbox is disabled
-         */
-        this.isDisabled = false;
-        /**
-         * Size of the checkbox
-         */
-        this.size = 12;
-        /**
-         * Font size of the checkbox text
-         */
-        this.fontSize = 'base';
-    }
-    onClick() {
-        if (this.isDisabled) {
-            return;
-        }
-        this.checkboxSelected.emit(!this.isChecked);
-    }
-    render() {
-        const isBackgroundVariable = colorPrefixes.includes(this.backgroundColor);
-        const backgroundColor = isBackgroundVariable
-            ? `var(--zonos-elements-${this.backgroundColor}-600)`
-            : this.backgroundColor;
-        const checkmarkColor = isBackgroundVariable
-            ? // use lighter color if the color is amino variable
-                `var(--zonos-elements-${this.backgroundColor}-200)`
-            : // if it's not an amino variable, use white if the background is dark, and dark if the background is light
-                !isDarkColor(backgroundColor)
-                    ? 'var(--zonos-elements-gray-800)'
-                    : 'var(--zonos-elements-gray-0)';
-        const borderStyle = getBorderRadius({
-            customRoundRadius: '4px',
-            overrideBorderStyle: this.borderStyle,
-        });
-        return (h(Host, { key: 'c2a9023becafd6d19ad769d449383924c85c641f', class: classes(['zonos--elements zonos--checkbox']), style: {
-                '--zonos--background-color': backgroundColor,
-                '--zonos--border-radius': borderStyle,
-                '--zonos--font-family': zonosStoreFontFamily(),
-                '--zonos--size': `${this.size}px`,
-            } }, h("label", { key: '352e8bda93f1ac9a7a55ba7038e922626c3a9594', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: '71d664f9d83345ad4c143f71209bdb0a2cb16745', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
-                this.checkboxSelected.emit(e.target.checked);
-            }, type: "checkbox" }), h("span", { key: 'c772c4e8dbbbef8035874616a0254fb4114a97c8', class: "checkmark-container" }, h("svg", { key: 'd497191975edeca268cc014431535f4befdd7b2c', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '15b26fdf72a058e81d4472d0c757a725c04e3f47', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: '2d6015d16eda08dc39eff677f4858d2aed620891', size: this.fontSize }, this.label)))));
-    }
-};
-ZonosCheckbox.style = ZonosCheckboxStyle0;
-
 const isValidZip = ({ countryFields, zip, }) => {
     if (!countryFields) {
         return true;
@@ -7414,4 +7339,4 @@ const ZonosStripeSelect = class {
 };
 ZonosStripeSelect.style = ZonosStripeSelectStyle0;
 
-export { ZonosAddressDisplay as zonos_address_display, ZonosAddressForm as zonos_address_form, ZonosAddressSuggestions as zonos_address_suggestions, ZonosAddressUpdateDialog as zonos_address_update_dialog, ZonosCheckbox as zonos_checkbox, ZonosAddress as zonos_custom_address, ZonosDialog as zonos_dialog, ZonosStripePhoneInput as zonos_stripe_phone_input, ZonosStripeSelect as zonos_stripe_select };
+export { ZonosAddressDisplay as zonos_address_display, ZonosAddressForm as zonos_address_form, ZonosAddressSuggestions as zonos_address_suggestions, ZonosAddressUpdateDialog as zonos_address_update_dialog, ZonosAddress as zonos_custom_address, ZonosDialog as zonos_dialog, ZonosStripePhoneInput as zonos_stripe_phone_input, ZonosStripeSelect as zonos_stripe_select };

package/dist/esm/zonos-address_4.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, d as createEvent, h, a as Host, g as getElement } from './index-cfd394c8.js';
 import { t as throttle_1 } from './throttle-0504ba2c.js';
-import { b as stripeStore, t as trackConversionEvent, K as extractName, B as stripeStoreOnChange, q as stripeStorePrefetchLandedCost, d as cartStore } from './cart-efb30253.js';
-import { s as storageStore, r as getFallbackDefaultCountryCode, t as translate, q as storageStoreOnChange, l as localizationStore } from './localization-c1aff677.js';
+import { b as stripeStore, t as trackConversionEvent, Q as extractName, F as stripeStoreOnChange, q as stripeStorePrefetchLandedCost, d as cartStore } from './cart-6e465f7b.js';
+import { s as storageStore, r as getFallbackDefaultCountryCode, t as translate, q as storageStoreOnChange, l as localizationStore } from './localization-f4a7fb5a.js';
 import { z as zonosStore, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-5242a58d.js';
 import { l as logError, i as isCheckoutMobile, s as sendErrorLog } from './handleFetch-a844cac1.js';
 import { a as shouldRenderTaxIdInput, s as shouldRenderShortAddressCodeInput } from './shouldRenderTaxIdInput-2572bf77.js';

package/dist/esm/zonos-card_5.entry.js

@@ -2,10 +2,10 @@ import { r as registerInstance, h, a as Host, g as getElement, d as createEvent
 import { f as zonosStoreFontFamily } from './zonosStore-5242a58d.js';
 import { c as classes } from './classes-0d95c529.js';
 import { g as getBorderRadius } from './getBorderRadius-c21a42e5.js';
-import { b as stripeStore, t as trackConversionEvent } from './cart-efb30253.js';
-import { s as storageStore } from './localization-c1aff677.js';
+import { b as stripeStore, t as trackConversionEvent } from './cart-6e465f7b.js';
+import { s as storageStore } from './localization-f4a7fb5a.js';
 import { l as logError } from './handleFetch-a844cac1.js';
-import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-06b67be0.js';
+import { d as paypalStoreInitButtons, e as paypalStoreOnChange } from './paypal-6af6b978.js';
 import { l as log } from './VarianceTest-572cecf5.js';
 import './isDarkColor-3537021b.js';
 import './isContrastColor-c17e83c9.js';

package/dist/esm/zonos-cart-items_12.entry.js

@@ -1,19 +1,19 @@
 import { r as registerInstance, e as getAssetPath, h, a as Host, F as Fragment, d as createEvent, g as getElement } from './index-cfd394c8.js';
-import { d as cartStore, E as cartStoreHasOneEligibleItem, F as stripeStoreApplyPromoCode, G as stripeStoreRemovePromoCode, b as stripeStore, y as stripeStoreReset, c as stripeStoreRetrievePayment, t as trackConversionEvent, H as stripeStoreResetPromoCode, I as stripeStoreMessageBasedOnStatus, r as cartStoreNextStep, J as stripeStoreTranslateAddressToLatin, K as extractName, z as cartStoreOnChange, L as stripeStoreAsyncAddressUpdate, D as cartStoreUpdateSelectedShippingOption, M as cartStoreGetShippingTransitInfo, N as cartStoreGetMethod, O as sortServiceLevelOptionsByAmount } from './cart-efb30253.js';
-import { t as translate, l as localizationStore, s as storageStore, c as localizationStoreOnChange } from './localization-c1aff677.js';
-import { r as renderCheckoutCurrency } from './renderCheckoutCurrency-910fea67.js';
+import { d as cartStore, I as cartStoreHasOneEligibleItem, J as stripeStoreApplyPromoCode, K as stripeStoreRemovePromoCode, b as stripeStore, C as stripeStoreReset, c as stripeStoreRetrievePayment, t as trackConversionEvent, L as stripeStoreResetPromoCode, M as stripeStoreMessageBasedOnStatus, N as storeCreditStore, O as storeCreditStoreReset, x as storeCreditStoreCoversFullAmount, r as cartStoreNextStep, P as stripeStoreTranslateAddressToLatin, Q as extractName, D as cartStoreOnChange, R as stripeStoreAsyncAddressUpdate, H as cartStoreUpdateSelectedShippingOption, S as cartStoreGetShippingTransitInfo, T as cartStoreGetMethod, U as sortServiceLevelOptionsByAmount } from './cart-6e465f7b.js';
+import { t as translate, l as localizationStore, s as storageStore, c as localizationStoreOnChange } from './localization-f4a7fb5a.js';
+import { r as renderCheckoutCurrency } from './renderCheckoutCurrency-c8aa8e7e.js';
 import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-5f7856f2.js';
 import { c as classes } from './classes-0d95c529.js';
 import { z as zonosStore, h as zonosStoreOnChange, g as getZonosStoreTheme, f as zonosStoreFontFamily } from './zonosStore-5242a58d.js';
-import { D as DUTY_KEY, T as TAXES_KEY, h as hasInclusivePrice } from './hasInclusivePrice-565ddbe5.js';
-import { c as paypalStoreReset, a as paypalStore } from './paypal-06b67be0.js';
+import { D as DUTY_KEY, T as TAXES_KEY, h as hasInclusivePrice } from './hasInclusivePrice-c49d384d.js';
+import { c as paypalStoreReset, a as paypalStore } from './paypal-6af6b978.js';
 import { h as handleFetch, s as sendErrorLog, j as jsonParse, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode } from './handleFetch-a844cac1.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getBorderRadius } from './getBorderRadius-c21a42e5.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
 import { s as submitGtag } from './submitGtag-13de9f1f.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import { p as placeTestOrder } from './placeTestOrder-6c9a6c8a.js';
+import { p as placeTestOrder } from './placeTestOrder-d19ac166.js';
 import { i as isDarkColor } from './isDarkColor-3537021b.js';
 import { g as getContrastColor } from './getContrastColor-98f0d1d5.js';
 import { i as isColorVariable } from './isColorVariable-0a94004f.js';
@@ -296,6 +296,9 @@ const ZonosCartSubtotal = class {
             } }), h("zonos-button", { loading: this.loading, onClick: () => applyPromoCode(), variant: "primary" }, translate('Apply'))))))), !!cartStore.adjustmentTotal && (h("tr", { class: "zonos--row zonos--cart-discount" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("div", { class: "zonos--title-with-icon" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Discounts')))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
             amount: cartStore.adjustmentTotal,
             isForeign: true,
+        }))))), !!cartStore.storeCredit && (h("tr", { class: "zonos--row zonos--cart-store-credit" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column zonos--cart-subtotal-title" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Store credit'))), h("td", { class: "zonos--column zonos--cart-subtotal-price" }, h("zonos-text", { textColor: "green-600", type: "semiBoldLabel" }, "-", renderCheckoutCurrency({
+            amount: cartStore.storeCredit,
+            isForeign: true,
         }))))), h("tr", { class: "zonos--row zonos--cart-pay-total" }, h("td", { class: "zonos--column" }), h("td", { class: "zonos--column" }, h("zonos-text", { class: "zonos--title", type: "semiBoldLabel" }, translate('Order total'))), h("td", { class: "zonos--column zonos--cart-total-price" }, h("zonos-text", { type: "semiBoldLabel" }, renderCheckoutCurrency({
             amount: total,
             isForeign: true,
@@ -726,6 +729,47 @@ const ZonosCheckoutFinish = class {
             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();
         };
@@ -758,6 +802,9 @@ const ZonosCheckoutFinish = class {
         if (cartStore.isStagingMode) {
             void this.checkStagingOrderStatus();
         }
+        else if (storeCreditStore.orderIdCreated) {
+            void this.checkStoreCreditOrderStatus();
+        }
         else if (paypalStore.orderIdCreated) {
             void this.checkPaypalPaymentStatus();
         }
@@ -767,11 +814,11 @@ const ZonosCheckoutFinish = class {
     }
     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: () => {
@@ -783,9 +830,9 @@ const ZonosCheckoutFinish = class {
                 }
                 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'
@@ -904,7 +951,8 @@ const ZonosCheckoutPayment = class {
          */
         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());
@@ -995,6 +1043,7 @@ const ZonosCheckoutPayment = class {
         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;
@@ -1010,7 +1059,9 @@ const ZonosCheckoutPayment = class {
                     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) {
@@ -1023,22 +1074,25 @@ const ZonosCheckoutPayment = class {
                     });
                 }, 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/esm/zonos-checkbox_2.entry.js

@@ -0,0 +1,108 @@
+import { r as registerInstance, d as createEvent, h, a as Host } from './index-cfd394c8.js';
+import { f as zonosStoreFontFamily } from './zonosStore-5242a58d.js';
+import { c as classes } from './classes-0d95c529.js';
+import { g as getBorderRadius } from './getBorderRadius-c21a42e5.js';
+import { i as isDarkColor } from './isDarkColor-3537021b.js';
+import './VarianceTest-572cecf5.js';
+
+const colorPrefixes = [
+    'blue',
+    'cyan',
+    'green',
+    'orange',
+    'purple',
+    'red',
+    'gray',
+    'glass',
+];
+
+const zonosCheckboxCss = ":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}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex;cursor:pointer}:host label{display:-ms-inline-flexbox;display:inline-flex;position:relative;gap:8px;-ms-flex-align:center;align-items:center}:host label.disabled{cursor:not-allowed;opacity:0.6}:host input[type=checkbox]{opacity:0;position:absolute;left:0;width:0;height:0;top:0;z-index:-99999}:host svg{opacity:0}:host .checkmark-container{height:var(--zonos--size);width:var(--zonos--size);background-color:transparent;border:1.5px solid var(--zonos-elements-gray-400);position:relative;border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-4))}:host .checkmark{opacity:0;position:absolute;top:-1.5px;left:-1.5px;right:-1.5px;bottom:-1.5px;width:calc(100% + 3px);-webkit-transition:0.3s all cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:0.3s all cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transform:scale(0.4);transform:scale(0.4);background-color:var(--zonos--background-color);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-4))}:host input[type=checkbox]:checked~.checkmark-container .checkmark{opacity:1;-webkit-transform:scale(1);transform:scale(1)}";
+const ZonosCheckboxStyle0 = zonosCheckboxCss;
+
+let inputId = 0;
+const ZonosCheckbox = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.checkboxSelected = createEvent(this, "checkboxSelected", 7);
+        this.inputId = `zonos--checkbox-${++inputId}`;
+        /**
+         * background color of the checkbox
+         */
+        this.backgroundColor = 'blue';
+        /**
+         * Whether or not the checkbox is checked
+         */
+        this.isChecked = false;
+        /**
+         * Whether or not the checkbox is disabled
+         */
+        this.isDisabled = false;
+        /**
+         * Size of the checkbox
+         */
+        this.size = 12;
+        /**
+         * Font size of the checkbox text
+         */
+        this.fontSize = 'base';
+    }
+    onClick() {
+        if (this.isDisabled) {
+            return;
+        }
+        this.checkboxSelected.emit(!this.isChecked);
+    }
+    render() {
+        const isBackgroundVariable = colorPrefixes.includes(this.backgroundColor);
+        const backgroundColor = isBackgroundVariable
+            ? `var(--zonos-elements-${this.backgroundColor}-600)`
+            : this.backgroundColor;
+        const checkmarkColor = isBackgroundVariable
+            ? // use lighter color if the color is amino variable
+                `var(--zonos-elements-${this.backgroundColor}-200)`
+            : // if it's not an amino variable, use white if the background is dark, and dark if the background is light
+                !isDarkColor(backgroundColor)
+                    ? 'var(--zonos-elements-gray-800)'
+                    : 'var(--zonos-elements-gray-0)';
+        const borderStyle = getBorderRadius({
+            customRoundRadius: '4px',
+            overrideBorderStyle: this.borderStyle,
+        });
+        return (h(Host, { key: 'c2a9023becafd6d19ad769d449383924c85c641f', class: classes(['zonos--elements zonos--checkbox']), style: {
+                '--zonos--background-color': backgroundColor,
+                '--zonos--border-radius': borderStyle,
+                '--zonos--font-family': zonosStoreFontFamily(),
+                '--zonos--size': `${this.size}px`,
+            } }, h("label", { key: '352e8bda93f1ac9a7a55ba7038e922626c3a9594', class: classes([this.isDisabled && 'disabled']), htmlFor: this.inputId }, h("input", { key: '71d664f9d83345ad4c143f71209bdb0a2cb16745', checked: this.isChecked, disabled: this.isDisabled, hidden: true, id: this.inputId, onChange: e => {
+                this.checkboxSelected.emit(e.target.checked);
+            }, type: "checkbox" }), h("span", { key: 'c772c4e8dbbbef8035874616a0254fb4114a97c8', class: "checkmark-container" }, h("svg", { key: 'd497191975edeca268cc014431535f4befdd7b2c', class: "checkmark", color: checkmarkColor, fill: "none", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '15b26fdf72a058e81d4472d0c757a725c04e3f47', "clip-rule": "evenodd", d: "M17.456 7.404a.75.75 0 0 1 .14 1.052l-6.5 8.5a.75.75 0 0 1-1.126.074l-4-4a.75.75 0 0 1 1.06-1.06l3.395 3.394 5.98-7.82a.75.75 0 0 1 1.05-.14Z", fill: "currentColor", "fill-rule": "evenodd" }))), this.label && (h("zonos-text", { key: '2d6015d16eda08dc39eff677f4858d2aed620891', size: this.fontSize }, this.label)))));
+    }
+};
+ZonosCheckbox.style = ZonosCheckboxStyle0;
+
+const zonosToggleCss = ":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}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex}:host .wrapper{position:relative;border-radius:6px;background-color:var(--zonos-elements-gray-50);display:-ms-flexbox;display:flex}:host .zonos--toggle-selected-slider{z-index:1;position:absolute;background-color:var(--zonos-elements-raised-surface-color);height:100%;-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard);border-radius:6px;-webkit-animation:translate 0.3s ease-in-out;animation:translate 0.3s ease-in-out}:host .zonos--option{background:transparent;border:0;z-index:2;cursor:pointer;padding:4px 12px;border-radius:6px;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);font-size:var(--zonos-elements-font-size-base);font-weight:500;color:var(--zonos-elements-text-color-secondary)}:host .zonos--option:focus{outline:none}:host .zonos--option:hover:not(.selected){color:var(--zonos-elements-text-color)}:host .zonos--option.selected{color:var(--zonos-elements-text-color);background-color:var(--zonos-elements-raised-surface-color);height:100%;-webkit-box-shadow:var(--zonos-elements-shadow-button-standard);box-shadow:var(--zonos-elements-shadow-button-standard);border-radius:6px;-webkit-animation:translate 0.3s ease-in-out;animation:translate 0.3s ease-in-out}";
+const ZonosToggleStyle0 = zonosToggleCss;
+
+const ZonosToggle = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.toggleChanged = createEvent(this, "toggleChanged", 7);
+        /**
+         * Options for the toggle
+         */
+        this.options = [];
+    }
+    render() {
+        return (h(Host, { key: 'e6be1b38ea1fd978a231a1c3dc85a92c1d86a24b', class: classes(['zonos--elements zonos--toggle']), style: {
+                '--zonos--font-family': zonosStoreFontFamily(),
+            } }, h("div", { key: 'e9ccac29c3f653e3e9d81d336089d6aaea6bbf6c', class: "wrapper" }, this.options.map(option => {
+            const selected = option.value === this.value;
+            return (h("button", { class: classes(['zonos--option', selected && 'selected']), key: option.value, onClick: () => {
+                    this.toggleChanged.emit(option.value);
+                } }, option.label));
+        }))));
+    }
+};
+ZonosToggle.style = ZonosToggleStyle0;
+
+export { ZonosCheckbox as zonos_checkbox, ZonosToggle as zonos_toggle };

package/dist/esm/zonos-checkout.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, F as Fragment, a as Host } from './index-cfd394c8.js';
-import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreSaveDomesticShippingSession, b as stripeStore, i as initStripeElements, c as stripeStoreRetrievePayment, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStoreInitCheckoutSession, k as stripeStoreGetPaymentIntent, l as cartStoreStartCheckoutInterval, t as trackConversionEvent, m as getCheckoutSessionBody, n as cartStoreUpdateToErrorState, o as stripeStoreCleanupDomesticShippingSession, p as cartStoreSetCheckoutSession, q as stripeStorePrefetchLandedCost, r as cartStoreNextStep, u as stripeStoreUpdateCheckoutSessionBaseCurrency, v as stripeStoreHandleInventoryCheck, w as stripeStoreConfirmPayment, x as stripeStoreHandleInventoryRefund, y as stripeStoreReset, z as cartStoreOnChange } from './cart-efb30253.js';
-import { p as paypalStoreHasPaypalEnabled, a as paypalStore, b as paypalInitScript } from './paypal-06b67be0.js';
-import { f as filterValidTests, l as localizationStore, a as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, b as storageStoreSetEnabledVariantTestKeys, t as translate, c as localizationStoreOnChange, d as currencyFormat } from './localization-c1aff677.js';
+import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreSaveDomesticShippingSession, b as stripeStore, i as initStripeElements, c as stripeStoreRetrievePayment, d as cartStore, e as cartStoreUpdateItems, f as cartStoreReset, g as cartStoreResetTabItems, h as cartStoreClearCheckoutInterval, j as stripeStoreInitCheckoutSession, k as stripeStoreGetPaymentIntent, l as cartStoreStartCheckoutInterval, t as trackConversionEvent, m as getCheckoutSessionBody, n as cartStoreUpdateToErrorState, o as stripeStoreCleanupDomesticShippingSession, p as cartStoreSetCheckoutSession, q as stripeStorePrefetchLandedCost, r as cartStoreNextStep, u as stripeStoreUpdateCheckoutSessionBaseCurrency, v as stripeStoreHandleInventoryCheck, w as storeCreditStoreApplyCredit, x as storeCreditStoreCoversFullAmount, y as validateCheckoutSession, z as storeCreditStoreCreateOrder, A as stripeStoreConfirmPayment, B as stripeStoreHandleInventoryRefund, C as stripeStoreReset, D as cartStoreOnChange, E as storeCreditStoreGetEffectiveAmount } from './cart-6e465f7b.js';
+import { p as paypalStoreHasPaypalEnabled, a as paypalStore, b as paypalInitScript } from './paypal-6af6b978.js';
+import { f as filterValidTests, l as localizationStore, a as localizationStoreUpdateSelectedCountryCode, g as getZCountryUrlParam, s as storageStore, V as VARIANT_TEST_KEY_EXPIRATION, b as storageStoreSetEnabledVariantTestKeys, t as translate, c as localizationStoreOnChange, d as currencyFormat } from './localization-f4a7fb5a.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-5242a58d.js';
 import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-a117f75d.js';
 import { h as handleFetch, b as getAdditionalLogMetadata, g as getIsTestMode, l as logError, j as jsonParse, s as sendErrorLog, a as getIsStagingMode, i as isCheckoutMobile } from './handleFetch-a844cac1.js';
@@ -1663,6 +1663,55 @@ const ZonosCheckout = class {
             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();

package/dist/esm/zonos-collect-cart-items_3.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, e as getAssetPath, h, a as Host } from './index-cfd394c8.js';
-import { d as cartStore } from './cart-efb30253.js';
+import { d as cartStore } from './cart-6e465f7b.js';
 import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-5f7856f2.js';
 import { f as zonosStoreFontFamily } from './zonosStore-5242a58d.js';
 import { c as classes } from './classes-0d95c529.js';
 import { s as styles } from './styles-6fc2fad9.js';
-import './localization-c1aff677.js';
+import './localization-f4a7fb5a.js';
 import './handleFetch-a844cac1.js';
 import './VarianceTest-572cecf5.js';
 import './isDarkColor-3537021b.js';

package/dist/esm/zonos-collect-finish_6.entry.js

@@ -1,18 +1,18 @@
 import { r as registerInstance, d as createEvent, h, F as Fragment, a as Host, g as getElement } from './index-cfd394c8.js';
-import { b as stripeStore, c as stripeStoreRetrievePayment, t as trackConversionEvent, H as stripeStoreResetPromoCode, y as stripeStoreReset, I as stripeStoreMessageBasedOnStatus, d as cartStore, r as cartStoreNextStep, z as cartStoreOnChange } from './cart-efb30253.js';
-import { c as paypalStoreReset, a as paypalStore, b as paypalInitScript } from './paypal-06b67be0.js';
-import { t as translate, s as storageStore, l as localizationStore, p as translationStoreOnChange } from './localization-c1aff677.js';
+import { b as stripeStore, c as stripeStoreRetrievePayment, t as trackConversionEvent, L as stripeStoreResetPromoCode, C as stripeStoreReset, M as stripeStoreMessageBasedOnStatus, d as cartStore, r as cartStoreNextStep, D as cartStoreOnChange } from './cart-6e465f7b.js';
+import { c as paypalStoreReset, a as paypalStore, b as paypalInitScript } from './paypal-6af6b978.js';
+import { t as translate, s as storageStore, l as localizationStore, p as translationStoreOnChange } from './localization-f4a7fb5a.js';
 import { z as zonosStore } from './zonosStore-5242a58d.js';
 import { h as handleFetch, s as sendErrorLog, g as getIsTestMode, i as isCheckoutMobile, a as getIsStagingMode } from './handleFetch-a844cac1.js';
 import { c as createCustomEvent } from './createCustomEvent-58159025.js';
 import { g as getBorderRadius } from './getBorderRadius-c21a42e5.js';
 import { l as log, b as allLogs } from './VarianceTest-572cecf5.js';
 import { s as submitGtag } from './submitGtag-13de9f1f.js';
-import { i as isCollectMobile, a as isCollectTablet, e as collectStore } from './isCollectMobileTablet-0bcba25a.js';
+import { i as isCollectMobile, a as isCollectTablet, e as collectStore } from './isCollectMobileTablet-48040572.js';
 import { c as classes } from './classes-0d95c529.js';
 import { l as languages } from './ILanguage-cd6acb72.js';
-import { r as renderCheckoutCurrency } from './renderCheckoutCurrency-910fea67.js';
-import { p as placeTestOrder } from './placeTestOrder-6c9a6c8a.js';
+import { r as renderCheckoutCurrency } from './renderCheckoutCurrency-c8aa8e7e.js';
+import { p as placeTestOrder } from './placeTestOrder-d19ac166.js';
 import { r as renderFallback } from './renderFallback-b250f4e9.js';
 import './isDarkColor-3537021b.js';
 import './isContrastColor-c17e83c9.js';