@zonos/elements 1.3.218 → 1.3.220

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

@@ -1,8 +1,10 @@
 import { r as registerInstance, h, H as Host, F as Fragment } from './index-55a03023.js';
-import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreCleanupDomesticShippingSession, b as stripeStoreSaveDomesticShippingSession, c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as cartStoreUpdateItems, g as cartStoreReset, h as cartStoreResetTabItems, j as cartStoreClearCheckoutInterval, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as getCheckoutSessionBody, o as cartStoreUpdateToErrorState, p as cartStoreSetCheckoutSession, q as stripeStorePrefetchLandedCost, r as cartStoreNextStep, u as stripeStoreUpdateCheckoutSessionBaseCurrency, v as stripeStoreHandleInventoryCheck, w as stripeStoreConfirmPayment, x as stripeStoreHandleInventoryRefund, y as stripeStoreReset } from './cart-bb0ee971.js';
-import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalStore, b as paypalInitScript } from './paypal-bd4520eb.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-d8326254.js';
+import { s as stripeStoreGetDomesticShippingSession, a as stripeStoreCleanupDomesticShippingSession, b as stripeStoreSaveDomesticShippingSession, c as stripeStore, i as initStripeElements, d as stripeStoreRetrievePayment, e as cartStore, f as cartStoreUpdateItems, g as cartStoreReset, h as cartStoreResetTabItems, j as cartStoreClearCheckoutInterval, k as stripeStoreInitCheckoutSession, l as stripeStoreGetPaymentIntent, m as cartStoreStartCheckoutInterval, t as trackConversionEvent, n as getCheckoutSessionBody, o as cartStoreUpdateToErrorState, p as cartStoreSetCheckoutSession, q as stripeStorePrefetchLandedCost, r as cartStoreNextStep, u as stripeStoreUpdateCheckoutSessionBaseCurrency, v as stripeStoreHandleInventoryCheck, w as stripeStoreConfirmPayment, x as stripeStoreHandleInventoryRefund, y as stripeStoreReset } from './cart-b2dd578c.js';
+import { p as paypalStoreHasPaypalEnabled, s as submitGtag, a as paypalStore, b as paypalInitScript } from './paypal-555bbf1e.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, c as localizationStoreOnChange, d as currencyFormat } from './localization-d7125e4e.js';
+import { t as translate } from './translationStore-13502f49.js';
 import { z as zonosStore, g as getZonosStoreTheme, m as mergeConfig } from './zonosStore-c456b933.js';
+import { b as buildCartItemsByTempCart } from './buildCartItemsByTempCart-c4488f73.js';
 import { h as handleFetch, l as log, b as logError, s as sendErrorLog, c as getElapsedTime, d as allLogs, e as getAdditionalLogMetadata, g as getIsTestMode, j as jsonParse, a as getIsStagingMode, i as isCheckoutMobile } from './handleFetch-99218189.js';
 import { u as updateCheckoutSessionAttributes } from './updateCheckoutSessionAttributes-92f42882.js';
 import { _ as _getIsValidCartId, c as checkoutHiddenBtnSelector, a as checkoutHiddenInternationalBtnSelector, d as domesticRedirectedBtnSelector, g as getAbandonedCartRenewTokenValue } from './CheckoutConfig-724d7bae.js';
@@ -15,31 +17,6 @@ import { R as RemoveIcon } from './RemoveIcon-9dc5dd1a.js';
 import './VarianceTest-fef2d958.js';
 import './debounce-c34d1270.js';
 
-/**
- * Map the items from tempCart like how we do it in dgs
- * @ref https://github.com/Zonos/ShippingQuoteService/blob/f8bd4f1ff41cb34b49b9f3f435576ec28dedf906/src/main/java/com/iglobal/services/shippingquote/dto/ShippingQuoteRequestDto.java#L393
- */
-const buildCartItemsByTempCart = (tempCartData) => {
-    const tempCartItems = tempCartData.items.map(item => ({
-        amount: item.amount,
-        attributes: item.attributes || [],
-        countryOfOrigin: item.countryOfOrigin || undefined,
-        currencyCode: item.currencyCode,
-        description: item.description || '',
-        imageUrl: item.imageUrl || '',
-        itemType: item.itemType || 'PHYSICAL_GOOD',
-        measurements: item.measurements || [],
-        name: item.name || item.description || '',
-        productId: item.productId || '',
-        quantity: item.quantity || 0,
-        sku: item.sku || '',
-    })) || [];
-    return {
-        adjustments: tempCartData.adjustments,
-        cartItems: tempCartItems,
-    };
-};
-
 /**
  * Check if store discount is enabled
  */
@@ -895,7 +872,7 @@ const ZonosCheckout = class {
             const cartIdResult = await zonosStore.checkoutSettings.createCartId();
             let cartId;
             if (typeof cartIdResult === 'object') {
-                log('object detected, use cartId and prefill address from createCartId');
+                log('object detected, use cartId and prefill address from createCartId', 'info', cartIdResult);
                 cartId = cartIdResult.cartId;
                 // set prefill address if provided in createCartId callback result
                 this.useShippingDataFromCreateCartId(cartIdResult.shippingData);

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

@@ -53,10 +53,10 @@ const ZonosCollapse = class {
             // set overflow to hidden to prevent content from showing when collapsed
             this.el.style.overflow = 'hidden';
         }
-        return (h(Host, { key: 'f27608bd02d0800dda8273909aa3041311dda3eb', class: 'zonos--elements zonos--collapse', style: {
+        return (h(Host, { key: 'c63b825021f8aaf17727e37072c3701e4a55b992', class: 'zonos--elements zonos--collapse', style: {
                 '--zonos--font-family': zonosStoreFontFamily(),
                 height: this.getElementHeight(),
-            } }, h("div", { key: '7901ab34757169767c99b46523e8cc353874a606' }, h("iframe", { key: '1d1e735c535df07e209878f6d66089ab30b943a3', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '213bb5f472be8dfcd026207d706f8a0a3227f5cb' }))));
+            } }, h("div", { key: 'bc51b1a1318b0934c752ae74dfeae8d5f43f1a63' }, h("iframe", { key: '0bb69f8aaa5c095bc90f2210fab3770491867754', class: "height-change-listener", tabindex: "-1", title: "collapse-height-change-listener" }), h("slot", { key: '64fdc09e82d28f57fd081578ebd2a3523760c7c7' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -0,0 +1,86 @@
+import { r as registerInstance, d as getAssetPath, h, H as Host } from './index-55a03023.js';
+import { e as cartStore } from './cart-b2dd578c.js';
+import { c as cleanHtmlMarkdown } from './cleanHtmlMarkdown-b5b18743.js';
+import { f as zonosStoreFontFamily } from './zonosStore-c456b933.js';
+import { c as classes } from './classes-0d95c529.js';
+import { s as styles } from './styles-6fc2fad9.js';
+import './localization-d7125e4e.js';
+import './handleFetch-99218189.js';
+import './VarianceTest-fef2d958.js';
+import './translationStore-13502f49.js';
+import './isDarkColor-1f58b6be.js';
+import './getBorderRadius-87593ff4.js';
+
+const zonosCollectCartItemsCss = ":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 .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;padding-left:0;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:first-child{width:48px}:host .zonos--cart-table td{vertical-align:middle}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host img{min-width:40px;margin-top:6px;-webkit-box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);box-shadow:0 0 0 1px rgba(110, 110, 120, 0.1), 0 1px 2px 0 rgba(10, 10, 11, 0.06), 0 1px 3px 0 rgba(10, 10, 11, 0.1);border-radius:10px}";
+const ZonosCollectCartItemsStyle0 = zonosCollectCartItemsCss;
+
+const ZonosCollectCartItems = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorImages = [];
+    }
+    render() {
+        const emptyItemImg = getAssetPath('./assets/empty-item.jpeg');
+        const nonRestrictedItems = cartStore.items.filter(item => !item.isRestricted);
+        return (h(Host, { key: '2f5507537492851b67a5204ab68ce2f938899f23', class: "zonos--collect-cart-items zonos--elements" }, h("table", { key: 'e648cda9d4c111ecde60291f420178e4e4230b50', class: "zonos--cart-table" }, h("tbody", { key: 'b266291e61d0df5c0ea3ae8240a3bfb6147edbb4' }, nonRestrictedItems.map(item => {
+            const itemImg = item.imageUrl;
+            const cleanedItemNames = cleanHtmlMarkdown(item.name);
+            return (h("tr", { class: "zonos--collect-cart-item" }, h("td", { class: "zonos--column zonos--cart-item-image" }, itemImg && !this.errorImages.includes(itemImg) ? (h("img", { alt: item.name, onError: () => {
+                    this.errorImages = [...this.errorImages, itemImg];
+                }, src: item.imageUrl, style: {
+                    'min-width': '40px',
+                }, width: 40 })) : (h("img", { alt: item.name, src: emptyItemImg, width: 40 }))), h("td", { class: "zonos--column zonos--cart-item-name" }, h("div", null, cleanedItemNames.map(name => (h("zonos-text", { type: "semiBoldLabel" }, name)))))));
+        })))));
+    }
+    static get assetsDirs() { return ["assets"]; }
+};
+ZonosCollectCartItems.style = ZonosCollectCartItemsStyle0;
+
+const zonosHStackCss = ":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-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:var(--spacing, 24px)}";
+const ZonosHStackStyle0 = zonosHStackCss;
+
+const HStack = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * The spacing between elements in the stack
+         * @default 24
+         */
+        this.spacing = 24;
+    }
+    render() {
+        return (h(Host, { key: '92689fdc45c9e980d61f9b96c378ca52ed37a608', style: {
+                '--spacing': `${this.spacing}px`,
+                '--zonos--font-family': zonosStoreFontFamily(),
+            } }, h("slot", { key: 'b94e0bcd372d0194ba2a86b570914fe33af427cd' })));
+    }
+};
+HStack.style = ZonosHStackStyle0;
+
+const zonosSkeletonCss = ":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:inline-block;background:var(--zonos-elements-gray-200);border-radius:var(--zonos-elements-radius-12);width:var(--zonos--skeleton-width);height:var(--zonos--skeleton-height)}";
+const ZonosSkeletonStyle0 = zonosSkeletonCss;
+
+const ZonosSkeleton = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * The width of the skeleton
+         * @default '100%'
+         */
+        this.skeletonWidth = '100%';
+        /**
+         * The height of the skeleton
+         * @default '14px'
+         */
+        this.skeletonHeight = '14px';
+    }
+    render() {
+        return (h(Host, { key: '4ffa2b8c03f0c8d3bd08521d950903cba9685109', class: classes(['zonos--elements zonos--skeleton']), style: styles({
+                '--zonos--skeleton-height': this.skeletonHeight,
+                '--zonos--skeleton-width': this.skeletonWidth,
+            }) }));
+    }
+};
+ZonosSkeleton.style = ZonosSkeletonStyle0;
+
+export { ZonosCollectCartItems as zonos_collect_cart_items, HStack as zonos_h_stack, ZonosSkeleton as zonos_skeleton };