@zonos/elements 1.3.10 → 1.3.11-alpha.1

package/dist/esm/{cart-8526eb36.js → cart-6cfd7560.js}

@@ -1,6 +1,6 @@
-import { c as createStore, z as zonosStore } from './zonosStore-aac7c6ac.js';
-import { i as isDarkColor } from './isDarkColor-c34dfed9.js';
-import { g as getBorderRadius } from './getBorderRadius-5d750ab8.js';
+import { c as createStore, z as zonosStore } from './zonosStore-e5f3d4da.js';
+import { i as isDarkColor } from './isDarkColor-810fcaa5.js';
+import { g as getBorderRadius } from './getBorderRadius-c5fb7746.js';
 
 const stringsArabic = {
     'Above de minimis threshold for': {
@@ -24,9 +24,15 @@ const stringsArabic = {
     'Continue to shipping': {
         value: 'متابعة إلى الشحن',
     },
+    Customer: {
+        value: 'العميل',
+    },
     'Customer information': {
         value: 'معلومات العميل',
     },
+    Delivery: {
+        value: 'التوصيل',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'سيتم تطبيق الرسوم والضرائب على العناصر والشحن.',
     },
@@ -75,6 +81,9 @@ const stringsArabic = {
     Pay: {
         value: 'دفع',
     },
+    Payment: {
+        value: 'الدفع',
+    },
     'Payment failed': {
         value: 'فشل الدفع',
     },
@@ -195,9 +204,15 @@ const stringsBase = {
     'Continue to shipping': {
         value: 'Continue to shipping',
     },
+    Customer: {
+        value: 'Customer',
+    },
     'Customer information': {
         value: 'Customer information',
     },
+    Delivery: {
+        value: 'Delivery',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Duties and taxes will be applied to items and shipping.',
     },
@@ -246,6 +261,9 @@ const stringsBase = {
     Pay: {
         value: 'Pay',
     },
+    Payment: {
+        value: 'Payment',
+    },
     'Payment failed': {
         value: 'Payment failed',
     },
@@ -366,9 +384,15 @@ const stringsChinese = {
     'Continue to shipping': {
         value: '继续运送',
     },
+    Customer: {
+        value: '顾客',
+    },
     'Customer information': {
         value: '客户信息',
     },
+    Delivery: {
+        value: '送货',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: '商品和运费将征收关税和税款。',
     },
@@ -417,6 +441,9 @@ const stringsChinese = {
     Pay: {
         value: '支付',
     },
+    Payment: {
+        value: '支付',
+    },
     'Payment failed': {
         value: '付款失败',
     },
@@ -537,9 +564,15 @@ const stringsDanish = {
     'Continue to shipping': {
         value: 'Fortsæt til levering',
     },
+    Customer: {
+        value: 'Kunde',
+    },
     'Customer information': {
         value: 'Kundeinformation',
     },
+    Delivery: {
+        value: 'Levering',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Told og skatter vil blive pålagt varer og fragt.',
     },
@@ -588,6 +621,9 @@ const stringsDanish = {
     Pay: {
         value: 'Betal',
     },
+    Payment: {
+        value: 'Betaling',
+    },
     'Payment failed': {
         value: 'Betaling mislykkedes',
     },
@@ -708,9 +744,15 @@ const stringsDutch = {
     'Continue to shipping': {
         value: 'Ga verder naar verzending',
     },
+    Customer: {
+        value: 'Klant',
+    },
     'Customer information': {
         value: 'Klantinformatie',
     },
+    Delivery: {
+        value: 'Levering',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Belastingen en heffingen worden toegepast op artikelen en verzending.',
     },
@@ -759,6 +801,9 @@ const stringsDutch = {
     Pay: {
         value: 'Betalen',
     },
+    Payment: {
+        value: 'Betaling',
+    },
     'Payment failed': {
         value: 'Betaling mislukt',
     },
@@ -879,9 +924,15 @@ const stringsFrench = {
     'Continue to shipping': {
         value: 'Continuer vers la livraison',
     },
+    Customer: {
+        value: 'Client',
+    },
     'Customer information': {
         value: 'Informations client',
     },
+    Delivery: {
+        value: 'Livraison',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Des droits et taxes seront appliqués aux articles et à la livraison.',
     },
@@ -930,6 +981,9 @@ const stringsFrench = {
     Pay: {
         value: 'Payer',
     },
+    Payment: {
+        value: 'Paiement',
+    },
     'Payment failed': {
         value: 'Échec du paiement',
     },
@@ -1050,9 +1104,15 @@ const stringsGerman = {
     'Continue to shipping': {
         value: 'Weiter zur Lieferung',
     },
+    Customer: {
+        value: 'Kunde',
+    },
     'Customer information': {
         value: 'Kundeninformationen',
     },
+    Delivery: {
+        value: 'Lieferung',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Zölle und Steuern werden auf Artikel und Versand erhoben.',
     },
@@ -1101,6 +1161,9 @@ const stringsGerman = {
     Pay: {
         value: 'Bezahlen',
     },
+    Payment: {
+        value: 'Zahlung',
+    },
     'Payment failed': {
         value: 'Zahlung fehlgeschlagen',
     },
@@ -1221,9 +1284,15 @@ const stringsHebrew = {
     'Continue to shipping': {
         value: 'המשך למשלוח',
     },
+    Customer: {
+        value: 'לקוח',
+    },
     'Customer information': {
         value: 'פרטי לקוח',
     },
+    Delivery: {
+        value: 'מְסִירָה',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'מכס ומס יחולו על פריטים ומשלוח.',
     },
@@ -1272,6 +1341,9 @@ const stringsHebrew = {
     Pay: {
         value: 'לשלם',
     },
+    Payment: {
+        value: 'תַשְׁלוּם',
+    },
     'Payment failed': {
         value: 'התשלום נכשל',
     },
@@ -1392,9 +1464,15 @@ const stringsIndonesian = {
     'Continue to shipping': {
         value: 'Lanjutkan ke pengiriman',
     },
+    Customer: {
+        value: 'Pelanggan',
+    },
     'Customer information': {
         value: 'Informasi pelanggan',
     },
+    Delivery: {
+        value: 'Pengiriman',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Bea masuk dan pajak akan dikenakan pada barang dan pengiriman.',
     },
@@ -1443,6 +1521,9 @@ const stringsIndonesian = {
     Pay: {
         value: 'Bayar',
     },
+    Payment: {
+        value: 'Pembayaran',
+    },
     'Payment failed': {
         value: 'Pembayaran gagal',
     },
@@ -1563,9 +1644,15 @@ const stringsItalian = {
     'Continue to shipping': {
         value: 'Continua con la spedizione',
     },
+    Customer: {
+        value: 'Cliente',
+    },
     'Customer information': {
         value: 'Informazioni cliente',
     },
+    Delivery: {
+        value: 'Consegna',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Dazi e tasse saranno applicati agli articoli e alla spedizione.',
     },
@@ -1614,6 +1701,9 @@ const stringsItalian = {
     Pay: {
         value: 'Paga',
     },
+    Payment: {
+        value: 'Pagamento',
+    },
     'Payment failed': {
         value: 'Pagamento non riuscito',
     },
@@ -1734,9 +1824,15 @@ const stringsJapanese = {
     'Continue to shipping': {
         value: '配送オプションに進む',
     },
+    Customer: {
+        value: '顧客',
+    },
     'Customer information': {
         value: '顧客情報',
     },
+    Delivery: {
+        value: '配送',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: '関税と税金が商品と配送に適用されます。',
     },
@@ -1785,6 +1881,9 @@ const stringsJapanese = {
     Pay: {
         value: '支払う',
     },
+    Payment: {
+        value: '支払い',
+    },
     'Payment failed': {
         value: '支払いに失敗しました',
     },
@@ -1905,9 +2004,15 @@ const stringsKorean = {
     'Continue to shipping': {
         value: '배송 계속',
     },
+    Customer: {
+        value: '고객',
+    },
     'Customer information': {
         value: '고객 정보',
     },
+    Delivery: {
+        value: '배달',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: '물품과 배송에 관세와 세금이 부과됩니다.',
     },
@@ -1956,6 +2061,9 @@ const stringsKorean = {
     Pay: {
         value: '지불',
     },
+    Payment: {
+        value: '지불',
+    },
     'Payment failed': {
         value: '결제 실패',
     },
@@ -2076,9 +2184,15 @@ const stringsNorwegian = {
     'Continue to shipping': {
         value: 'Fortsett til frakt',
     },
+    Customer: {
+        value: 'Kunde',
+    },
     'Customer information': {
         value: 'Kundeinformasjon',
     },
+    Delivery: {
+        value: 'Levering',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Avgift og skatt vil legges til på varer og frakt.',
     },
@@ -2127,6 +2241,9 @@ const stringsNorwegian = {
     Pay: {
         value: 'Betal',
     },
+    Payment: {
+        value: 'Betaling',
+    },
     'Payment failed': {
         value: 'Betaling mislyktes',
     },
@@ -2247,9 +2364,15 @@ const stringsPolish = {
     'Continue to shipping': {
         value: 'Przejdź dalej do wysyłki',
     },
+    Customer: {
+        value: 'Klient',
+    },
     'Customer information': {
         value: 'Informacje o kliencie',
     },
+    Delivery: {
+        value: 'Dostawa',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Cła i podatki zostaną naliczone do towarów i wysyłki.',
     },
@@ -2298,6 +2421,9 @@ const stringsPolish = {
     Pay: {
         value: 'Zapłać',
     },
+    Payment: {
+        value: 'Płatność',
+    },
     'Payment failed': {
         value: 'Płatność nieudana',
     },
@@ -2418,9 +2544,15 @@ const stringsPortuguese = {
     'Continue to shipping': {
         value: 'Continuar para o envio',
     },
+    Customer: {
+        value: 'Cliente',
+    },
     'Customer information': {
         value: 'Informações do cliente',
     },
+    Delivery: {
+        value: 'Entrega',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Impostos e taxas serão aplicados aos itens e ao frete.',
     },
@@ -2469,6 +2601,9 @@ const stringsPortuguese = {
     Pay: {
         value: 'Pagar',
     },
+    Payment: {
+        value: 'Pagamento',
+    },
     'Payment failed': {
         value: 'Falha no pagamento',
     },
@@ -2589,9 +2724,15 @@ const stringsRussian = {
     'Continue to shipping': {
         value: 'Продолжить к доставке',
     },
+    Customer: {
+        value: 'Клиент',
+    },
     'Customer information': {
         value: 'Информация о клиенте',
     },
+    Delivery: {
+        value: 'Доставка',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Пошлины и налоги будут применены к товарам и доставке.',
     },
@@ -2640,6 +2781,9 @@ const stringsRussian = {
     Pay: {
         value: 'Оплатить',
     },
+    Payment: {
+        value: 'Оплата',
+    },
     'Payment failed': {
         value: 'Ошибка оплаты',
     },
@@ -2760,9 +2904,15 @@ const stringsSpanish = {
     'Continue to shipping': {
         value: 'Continuar con el envío',
     },
+    Customer: {
+        value: 'Cliente',
+    },
     'Customer information': {
         value: 'Información del cliente',
     },
+    Delivery: {
+        value: 'Entrega',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Los impuestos y aranceles se aplicarán a los artículos y al envío.',
     },
@@ -2811,6 +2961,9 @@ const stringsSpanish = {
     Pay: {
         value: 'Pagar',
     },
+    Payment: {
+        value: 'Pago',
+    },
     'Payment failed': {
         value: 'Pago fallido',
     },
@@ -2931,9 +3084,15 @@ const stringsSwedish = {
     'Continue to shipping': {
         value: 'Fortsätt till frakt',
     },
+    Customer: {
+        value: 'Kund',
+    },
     'Customer information': {
         value: 'Kundinformation',
     },
+    Delivery: {
+        value: 'Leverans',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Tull och skatter kommer att tillämpas på varor och frakt.',
     },
@@ -2982,6 +3141,9 @@ const stringsSwedish = {
     Pay: {
         value: 'Betala',
     },
+    Payment: {
+        value: 'Betalning',
+    },
     'Payment failed': {
         value: 'Betalningen misslyckades',
     },
@@ -3102,9 +3264,15 @@ const stringsTurkish = {
     'Continue to shipping': {
         value: 'Kargoya devam et',
     },
+    Customer: {
+        value: 'Müşteri',
+    },
     'Customer information': {
         value: 'Müşteri bilgileri',
     },
+    Delivery: {
+        value: 'Teslimat',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Ürünlere ve kargoya vergi ve gümrük vergisi uygulanacak.',
     },
@@ -3153,6 +3321,9 @@ const stringsTurkish = {
     Pay: {
         value: 'Öde',
     },
+    Payment: {
+        value: 'Ödeme',
+    },
     'Payment failed': {
         value: 'Ödeme başarısız',
     },
@@ -3273,9 +3444,15 @@ const stringsVietnamese = {
     'Continue to shipping': {
         value: 'Tiếp tục đến vận chuyển',
     },
+    Customer: {
+        value: 'Khách hàng',
+    },
     'Customer information': {
         value: 'Thông tin khách hàng',
     },
+    Delivery: {
+        value: 'Giao hàng',
+    },
     'Duties and taxes will be applied to items and shipping.': {
         value: 'Thuế và phí sẽ được áp dụng cho hàng hóa và vận chuyển.',
     },
@@ -3324,6 +3501,9 @@ const stringsVietnamese = {
     Pay: {
         value: 'Thanh toán',
     },
+    Payment: {
+        value: 'Thanh toán',
+    },
     'Payment failed': {
         value: 'Thanh toán thất bại',
     },
@@ -4637,6 +4817,7 @@ const getDaysDifference = (targetDate) => {
 const { onChange, reset, state: cartStore, } = createStore(() => ({
     checkoutSessionId: sessionStorage.getItem('zonos--checkout-session-id') || null,
     currency: 'USD',
+    doneSteps: [],
     dutiesTaxFees: 0,
     error: null,
     exchangeRate: null,
@@ -4652,6 +4833,27 @@ const { onChange, reset, state: cartStore, } = createStore(() => ({
     shippingData: null,
     step: 'customer-info',
     subtotal: 0,
+    tabItems: {
+        'customer-info': {
+            index: 1,
+            isDone: false,
+            label: 'Customer',
+            value: 'customer-info',
+        },
+        shipping: {
+            index: 2,
+            isDone: false,
+            label: 'Delivery',
+            value: 'shipping',
+        },
+        // eslint-disable-next-line sort-keys/sort-keys-fix
+        payment: {
+            index: 3,
+            isDone: false,
+            label: 'Payment',
+            value: 'payment',
+        },
+    },
     total: 0,
 }));
 /**
@@ -4801,37 +5003,20 @@ const cartStoreUpdateItems = async (items) => {
     });
     stripeStore.isFetchingSession = false;
 };
-const cartStoreResetSelectedShippingOption = () => {
-    cartStore.selectedShippingOption = null;
-    cartStore.isSelectedShippingAboveDeminimis = false;
-    cartStore.isSelectedShippingGuarantee = false;
-    cartStore.selectedShippingOptionExpectedDate = '';
-    cartStore.selectedShippingOptionTransitTime = '';
-    cartStore.dutiesTaxFees = 0;
-    cartStore.shipping = 0;
-    // reset total to subtotal
-    cartStore.total = cartStore.subtotal;
-};
 const cartStoreNextStep = () => {
     if (cartStore.step === 'customer-info') {
         cartStore.step = 'shipping';
+        //  set customer-info step to done
+        cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { 'customer-info': Object.assign(Object.assign({}, cartStore.tabItems['customer-info']), { isDone: true }) });
     }
     else if (cartStore.step === 'shipping') {
         cartStore.step = 'payment';
+        //  set shipping step to done
+        cartStore.tabItems = Object.assign(Object.assign({}, cartStore.tabItems), { shipping: Object.assign(Object.assign({}, cartStore.tabItems.shipping), { isDone: true }) });
     }
     else if (cartStore.step === 'payment') {
         cartStore.step = 'finish';
     }
 };
-const cartStorePreviousStep = () => {
-    if (cartStore.step === 'payment') {
-        cartStore.step = 'shipping';
-    }
-    else if (cartStore.step === 'shipping') {
-        cartStore.step = 'customer-info';
-        // reset selected shipping option
-        cartStoreResetSelectedShippingOption();
-    }
-};
 
-export { currencyConvertAndFormat as A, currencyConvert as B, currencyFormat as C, stripeStoreRetrievePayment as D, cartStoreUpdateSelectedShippingOption as E, cartStoreGetShippingTransitInfo as F, localizationStoreUpdateSelectedLocale as G, log as a, localizationStoreUpdateSelectedCountryCode as b, stripeStoreCleanupDomesticShippingSession as c, logError as d, stripeStoreSaveDomesticShippingSession as e, cartStore as f, cartStoreUpdateItems as g, cartStoreReset as h, initStripeElements as i, stripeStore as j, stripeStoreInitCheckoutSession as k, localizationStore as l, cartStoreUpdateToErrorState as m, stripeStorePrefetchLandedCost as n, cartStoreNextStep as o, stripeStoreConfirmPayment as p, stripeStoreReset as q, cartStorePreviousStep as r, stripeStoreGetDomesticShippingSession as s, translate as t, handleFetch as u, isValidSelector as v, initLocalizationStore as w, getZCountryUrlParam as x, setZCountryUrlParam as y, currencyDisplay as z };
+export { currencyConvert as A, currencyFormat as B, stripeStoreRetrievePayment as C, cartStoreUpdateSelectedShippingOption as D, cartStoreGetShippingTransitInfo as E, localizationStoreUpdateSelectedLocale as F, log as a, localizationStoreUpdateSelectedCountryCode as b, stripeStoreCleanupDomesticShippingSession as c, logError as d, stripeStoreSaveDomesticShippingSession as e, cartStore as f, cartStoreUpdateItems as g, cartStoreReset as h, initStripeElements as i, stripeStore as j, stripeStoreInitCheckoutSession as k, localizationStore as l, cartStoreUpdateToErrorState as m, stripeStorePrefetchLandedCost as n, cartStoreNextStep as o, stripeStoreConfirmPayment as p, stripeStoreReset as q, handleFetch as r, stripeStoreGetDomesticShippingSession as s, translate as t, isValidSelector as u, initLocalizationStore as v, getZCountryUrlParam as w, setZCountryUrlParam as x, currencyDisplay as y, currencyConvertAndFormat as z };

package/dist/esm/{getBorderRadius-5d750ab8.js → getBorderRadius-c5fb7746.js}

@@ -1,4 +1,4 @@
-import { z as zonosStore } from './zonosStore-aac7c6ac.js';
+import { z as zonosStore } from './zonosStore-e5f3d4da.js';
 
 /**
  * Get the border radius for the elements based on the style

package/dist/esm/getContrastColor-a1a6f6aa.js

@@ -0,0 +1,18 @@
+import { t as tinycolor, i as isDarkColor } from './isDarkColor-810fcaa5.js';
+
+const getContrastColor = ({ backgroundColor, color, }) => {
+    // get readibility of the color
+    const colorReadibilityValue = tinycolor.readability(color, backgroundColor);
+    if (colorReadibilityValue > 2.5) {
+        // no need to change the color if it's already contrast enough
+        return color;
+    }
+    if (isDarkColor(color)) {
+        return '#ffffff';
+    }
+    else {
+        return tinycolor(color).darken(25).toHexString();
+    }
+};
+
+export { getContrastColor as g };

package/dist/esm/{isColorVariable-91c33804.js → isColorVariable-fbf2d80d.js}

@@ -4,7 +4,7 @@ const isColorVariable = (color) => {
         (/--amino-/gi.test(color) ||
             // match 'gray-0'
             /(\-*)\w+-\d+/gi.test(color));
-    return (isAminoVariable &&
+    return (!!isAminoVariable &&
         // match rgb, rgba, hsl, hsla, hex, and css variable
         !color.includes('(') &&
         // match hex

package/dist/esm/{isDarkColor-c34dfed9.js → isDarkColor-810fcaa5.js}

@@ -1,4 +1,4 @@
-import { a as commonjsGlobal } from './zonosStore-aac7c6ac.js';
+import { a as commonjsGlobal } from './zonosStore-e5f3d4da.js';
 
 var tinycolor$1 = {exports: {}};
 
@@ -1196,4 +1196,4 @@ const isDarkColor = (color) => {
     return tinycolor(color).isDark();
 };
 
-export { isDarkColor as i };
+export { isDarkColor as i, tinycolor as t };