npm - @zonos/elements - Versions diffs - 1.3.125 → 1.3.127 - Mend

@zonos/elements 1.3.125 → 1.3.127

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (272) hide show

package/dist/collection/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;
@@ -37,7 +37,7 @@
 }
 :host input {
   margin: 0;
-  accent-color: var(--selected-border-color, var(--zonos-elements-blue-600));
+  accent-color: var(--zonos--selected-border-color, var(--zonos-elements-blue-600));
 }
 :host .zonos--shipping-rich-radio-item {
   display: flex;
@@ -49,18 +49,18 @@
   border: 1px solid var(--zonos-elements-gray-200);
 }
 :host .zonos--shipping-rich-radio-item:first-child {
-  border-top-left-radius: var(--border-radius, var(--zonos-elements-radius-10));
-  border-top-right-radius: var(--border-radius, var(--zonos-elements-radius-10));
+  border-top-left-radius: var(--zonos--border-radius, var(--zonos-elements-radius-10));
+  border-top-right-radius: var(--zonos--border-radius, var(--zonos-elements-radius-10));
 }
 :host .zonos--shipping-rich-radio-item:last-child {
-  border-bottom-right-radius: var(--border-radius, var(--zonos-elements-radius-10));
-  border-bottom-left-radius: var(--border-radius, var(--zonos-elements-radius-10));
+  border-bottom-right-radius: var(--zonos--border-radius, var(--zonos-elements-radius-10));
+  border-bottom-left-radius: var(--zonos--border-radius, var(--zonos-elements-radius-10));
 }
 :host .zonos--shipping-rich-radio-item:not(:last-child) {
   border-bottom: none;
 }
 :host .zonos--shipping-rich-radio-item.selected {
-  outline: 1px solid var(--selected-border-color, var(--zonos-elements-blue-600));
+  outline: 1px solid var(--zonos--selected-border-color, var(--zonos-elements-blue-600));
   outline-offset: -1px;
 }
 :host .zonos--shipping-info {

package/dist/collection/components/common/zonos-shipping-rich-radio/zonos-shipping-rich-radio.js CHANGED Viewed

@@ -15,10 +15,10 @@ export class ZonosShippingRichRadio {
                 ? `var(--zonos-elements-${usedColor})`
                 : usedColor;
             return {
-                '--border-radius': getBorderRadius({
+                '--zonos--border-radius': getBorderRadius({
                     overrideBorderStyle: this.borderStyle,
                 }),
-                '--selected-border-color': secondaryColor || 'unset',
+                '--zonos--selected-border-color': secondaryColor || 'unset',
             };
         };
         this.items = undefined;
@@ -29,7 +29,7 @@ export class ZonosShippingRichRadio {
     }
     render() {
         var _a;
-        return (h(Host, { key: '74cb16ff6cfde65b626ef902c456b967af649f6d', class: "zonos--shipping-rich-radio zonos--elements", "data-theme": this.theme, style: Object.assign(Object.assign({}, this.getRadioItemStyleVariables()), { '--font-family': zonosStoreFontFamily() }) }, (_a = this.items) === null || _a === void 0 ? void 0 : _a.map(item => {
+        return (h(Host, { key: '34abb7026ed7d382870f912b5e5c5631e4f06f76', class: "zonos--shipping-rich-radio zonos--elements", "data-theme": this.theme, style: Object.assign(Object.assign({}, this.getRadioItemStyleVariables()), { '--zonos--font-family': zonosStoreFontFamily() }) }, (_a = this.items) === null || _a === void 0 ? void 0 : _a.map(item => {
             var _a;
             const selected = ((_a = this.selectedItem) === null || _a === void 0 ? void 0 : _a.value) === item.value;
             return (h("div", { "aria-hidden": "true", class: classes([

package/dist/collection/components/common/zonos-spinner/zonos-spinner.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;
@@ -34,13 +34,13 @@
 :host {
   position: relative;
   overflow: hidden;
-  width: var(--size);
-  height: var(--size);
+  width: var(--zonos--size);
+  height: var(--zonos--size);
   display: inline-flex;
 }
 :host svg {
-  width: var(--size);
-  height: var(--size);
+  width: var(--zonos--size);
+  height: var(--zonos--size);
   stroke: var(--zonos-elements-blue-600);
   animation: rotate 2s linear infinite;
 }

package/dist/collection/components/common/zonos-spinner/zonos-spinner.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class ZonosSpinner {
             return null;
         }
         return (h(Host, { class: classes(['zonos--elements', this.spinnerColor]), style: {
-                '--size': `${this.size}px`,
+                '--zonos--size': `${this.size}px`,
             } }, h("svg", { viewBox: "0 0 50 50" }, h("circle", { class: "track", cx: "25", cy: "25", fill: "none", id: "loading-spinner-circle", r: "20", "stroke-width": "5" }), h("circle", { cx: "25", cy: "25", fill: "none", id: "loading-spinner-circle", r: "20", "stroke-width": "5" }))));
     }
     static get is() { return "zonos-spinner"; }

package/dist/collection/components/common/zonos-text/zonos-text.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;
@@ -32,7 +32,7 @@
 }
 :host {
-  color: var(--color);
+  color: var(--zonos--color);
 }
 :host(.zonos--text-size-3xl) > *, :host(.zonos--text-size-3xl) {
@@ -52,7 +52,7 @@
 }
 :host(.zonos--text-size-base) > *, :host(.zonos--text-size-base) {
-  font-size: var(--font-size-base, var(--zonos-elements-font-size-base));
+  font-size: var(--zonos--font-size-base, var(--zonos-elements-font-size-base));
 }
 :host(.zonos--text-size-s) > *, :host(.zonos--text-size-s) {

package/dist/collection/components/common/zonos-text/zonos-text.js CHANGED Viewed

@@ -46,9 +46,9 @@ export class ZonosText {
                 `zonos--text-size-${textSize}`,
                 `zonos--text-weight-${textWeight}`,
             ]), style: styles({
-                '--color': actualTextColor,
-                '--font-family': zonosStoreFontFamily(),
-                '--font-size-base': zonosStore.appearance.fontSize
+                '--zonos--color': actualTextColor,
+                '--zonos--font-family': zonosStoreFontFamily(),
+                '--zonos--font-size-base': zonosStore.appearance.fontSize
                     ? `${zonosStore.appearance.fontSize}px`
                     : undefined,
             }) }, renderText()));

package/dist/collection/components/common/zonos-toggle/zonos-toggle.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;

package/dist/collection/components/common/zonos-toggle/zonos-toggle.js CHANGED Viewed

@@ -7,9 +7,9 @@ export class ZonosToggle {
         this.value = undefined;
     }
     render() {
-        return (h(Host, { key: '20b8a280c9f318de47df0904742350f678445173', class: classes(['zonos--elements zonos--toggle']), style: {
-                '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: 'e2e5e213922b637fda1e420f500d7e5e1c211ebb', class: "wrapper" }, this.options.map(option => {
+        return (h(Host, { key: 'c49d16b02ca854ead2b2652cc1e39a423fd67251', class: classes(['zonos--elements zonos--toggle']), style: {
+                '--zonos--font-family': zonosStoreFontFamily(),
+            } }, h("div", { key: 'cda75445836db4a4d8466e840eac952a18b3ad48', 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);

package/dist/collection/components/common/zonos-tooltip/zonos-tooltip.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;

package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;

package/dist/collection/components/common/zonos-v-stack/zonos-v-stack.js CHANGED Viewed

@@ -7,9 +7,9 @@ export class VStack {
         this.spacing = 24;
     }
     render() {
-        return (h(Host, { key: 'e542ff8bbefa3223f157ad4bd6e537af8e5d5a5d', style: {
-                '--font-family': zonosStoreFontFamily(),
-            } }, h("div", { key: '9bd1cc8fdf94265d7d2767d507af7ad21d77234d', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: 'c8a294410e4c1348405c53283cf4dba176d5b27b' }))));
+        return (h(Host, { key: '1c12857cdab3dcbfae5135d40cbf276451bbcf81', style: {
+                '--zonos--font-family': zonosStoreFontFamily(),
+            } }, h("div", { key: '8c88f2390c758ed9961daf1d9f5cadb3bd67b928', class: classes(['vstack']), style: { 'grid-row-gap': `${this.spacing}px` } }, h("slot", { key: 'fa31c9a430b53b837d840827097a56acbd033b8e' }))));
     }
     static get is() { return "zonos-v-stack"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/common/zonos-virtual-scroll/zonos-virtual-scroll.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;

package/dist/collection/components/component-template/zonos-component/zonos-component.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;

package/dist/collection/components/hello/zonos-hello/zonos-hello.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;
@@ -35,7 +35,7 @@
   text-align: left;
   display: flex;
   justify-content: space-between;
-  background: var(--primary-color, var(--zonos-elements-surface-color-secondary));
+  background: var(--zonos--primary-color, var(--zonos-elements-surface-color-secondary));
   border-top: var(--zonos-elements-border);
   padding: 12px;
   align-items: center;

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.js CHANGED Viewed

@@ -18,9 +18,9 @@ export class ZonosHelloDialogFooter {
         const language = (_b = languages.find(x => x.code === localizationStore.selectedLocale)) === null || _b === void 0 ? void 0 : _b.translatedLabel;
         // Only use gray-0 (white) when the background color is dark (apply inverted color if the element is using dark theme variable)
         const mainColor = primaryColor && isDarkColor(primaryColor) ? 'white' : 'black';
-        return (h(Host, { key: 'a9b52a67a2db1967fe6fde4f19dc8d2785469f8a', class: "zonos--elements" }, h("div", { key: '1b36f45f0f00fe2b6494fb04373b12b4848b9484', class: "zonos--hello-dialog-footer", style: {
-                '--primary-color': primaryColor,
-            } }, h("a", { key: '7ca110d30f9266d021069af41766588ffce3d2ad', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'f9f4866c18bc75577e5a3961ffdd67f48977fd68', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: mainColor, size: 108 })), h("div", { key: '2bacafbd2c2d9c79935b7a2c69ae9fd3e1ede48a', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: 'a223f6706d319da505e8f013bff6863a433effd3', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: 'aa94f1e06b80f6bec8433c3c8a7b066f0d91df08', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
+        return (h(Host, { key: 'a9b52a67a2db1967fe6fde4f19dc8d2785469f8a', class: "zonos--elements" }, h("div", { key: '83ab5c0ef0cd0d3e59d5197d8d16e5cf8b6f9c54', class: "zonos--hello-dialog-footer", style: {
+                '--zonos--primary-color': primaryColor,
+            } }, h("a", { key: 'a87d05b7a59adc9362012ea8b19df45afc5f6b33', href: "https://zonos.com", target: "_blank", title: "Zonos website" }, h("zonos-icon", { key: 'b3ff790f651daa228b67354c972577093b731f2c', "aria-label": "Zonos Logo", autoHeight: true, content: ZonosIcon, iconColor: mainColor, size: 108 })), h("div", { key: '45c168a25c0d7d03d4fe70b05b7306cf7b784cd6', class: "zonos--hello-locale-wrapper" }, h("zonos-button", { key: '7263a0906b4e226c31ba6fdfa0c66c41c557d318', buttonColor: mainColor, icon: h("zonos-icon", { "aria-label": "Open language select", content: Globe, iconColor: mainColor }), onClick: () => this.setShowLanguageSelect(true), variant: "subtle" }, language), h("zonos-button", { key: '2f1789e1f8ac23b81b4c07c47a50a44b18baccfe', buttonColor: mainColor, icon: h("zonos-country-flag", { "aria-label": "Open country select", class: "zonos--footer-country-flag", countryCode: localizationStore.selectedCountryCode }), onClick: () => this.setShowCountrySelect(true), variant: "subtle" }, localizationStore.selectedCountryCode)))));
     }
     static get is() { return "zonos-hello-dialog-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/hello/zonos-hello-dialog/zonos-hello-dialog.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;

package/dist/collection/components/main/zonos-controller.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;

package/dist/collection/components/paypal/zonos-paypal-payment.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;

package/dist/collection/components/stripe/zonos-address/zonos-address.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;

package/dist/collection/components/stripe/zonos-link-authentication/zonos-link-authentication.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;

package/dist/collection/components/stripe/zonos-payment/zonos-payment.css CHANGED Viewed

@@ -1,10 +1,10 @@
 :host {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
   display: block;
   white-space: normal;
 }
 :host * {
-  font-family: var(--font-family, Inter), Inter;
+  font-family: var(--zonos--font-family, Inter), Inter;
 }
 :host img {
   max-width: 100%;

package/dist/collection/components/utils/api/triggerBuildLandedCost.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { prepCalculateLandedCost } from "./prepCalculateLandedCost";
 import { fallbackApiList } from "../getNextFallbackApi";
 import { handleFetch } from "../handleFetch";
 export const triggerBuildLandedCost = async (buildLandedCost) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const data = prepCalculateLandedCost();
     const landedCost = await buildLandedCost({
         billingAddress: data.billingAddress,
@@ -13,8 +13,10 @@ export const triggerBuildLandedCost = async (buildLandedCost) => {
         shippingAddress: data.shippingAddress,
         zonosApiRoute: fallbackApiList['vercel'],
     });
-    if (!landedCost || ((_a = landedCost.errors) === null || _a === void 0 ? void 0 : _a.length)) {
-        throw new Error(`Failed to build landed cost: ${((_c = (_b = landedCost === null || landedCost === void 0 ? void 0 : landedCost.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.message) || 'Unknown error'}`);
+    if (!landedCost ||
+        // Only show errors if there are no rate back (checkoutSessionWorkflow) and there are errors
+        (!((_a = landedCost.checkoutSessionWorkflow) === null || _a === void 0 ? void 0 : _a.length) && ((_b = landedCost.errors) === null || _b === void 0 ? void 0 : _b.length))) {
+        throw new Error(`Failed to build landed cost: ${((_d = (_c = landedCost === null || landedCost === void 0 ? void 0 : landedCost.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.message) || 'Unknown error'}`);
     }
     // Validate the landed cost object to make sure the returned value from buildLandedCost has a valid schema
     const { errors, json } = await handleFetch('/api/zonos-elements/validate-landed-cost', {
@@ -25,7 +27,7 @@ export const triggerBuildLandedCost = async (buildLandedCost) => {
         method: 'POST',
     });
     if (!json || errors.length) {
-        throw new Error(`Invalid landed cost object: ${((_d = errors.find(Boolean)) === null || _d === void 0 ? void 0 : _d.message) || 'Unknown error'}`);
+        throw new Error(`Invalid landed cost object: ${((_e = errors.find(Boolean)) === null || _e === void 0 ? void 0 : _e.message) || 'Unknown error'}`);
     }
     return landedCost;
 };

package/dist/collection/components/utils/isColorVariable.js CHANGED Viewed

@@ -2,6 +2,8 @@ export const isColorVariable = (color) => {
     const isAminoVariable = color &&
         // match --zonos-elements-<color>
         (/--zonos-elements-/gi.test(color) ||
+            // match --zonos--<color>
+            /--zonos--/gi.test(color) ||
             // match 'gray-0'
             /(\-*)\w+-\d+/gi.test(color));
     return (!!isAminoVariable &&

package/dist/esm/{cart-65c7d5f1.js → cart-519f08e3.js} RENAMED Viewed

@@ -9354,7 +9354,7 @@ const prepCalculateLandedCost = () => {
 };
 const triggerBuildLandedCost = async (buildLandedCost) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const data = prepCalculateLandedCost();
     const landedCost = await buildLandedCost({
         billingAddress: data.billingAddress,
@@ -9365,8 +9365,10 @@ const triggerBuildLandedCost = async (buildLandedCost) => {
         shippingAddress: data.shippingAddress,
         zonosApiRoute: fallbackApiList['vercel'],
     });
-    if (!landedCost || ((_a = landedCost.errors) === null || _a === void 0 ? void 0 : _a.length)) {
-        throw new Error(`Failed to build landed cost: ${((_c = (_b = landedCost === null || landedCost === void 0 ? void 0 : landedCost.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.message) || 'Unknown error'}`);
+    if (!landedCost ||
+        // Only show errors if there are no rate back (checkoutSessionWorkflow) and there are errors
+        (!((_a = landedCost.checkoutSessionWorkflow) === null || _a === void 0 ? void 0 : _a.length) && ((_b = landedCost.errors) === null || _b === void 0 ? void 0 : _b.length))) {
+        throw new Error(`Failed to build landed cost: ${((_d = (_c = landedCost === null || landedCost === void 0 ? void 0 : landedCost.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.message) || 'Unknown error'}`);
     }
     // Validate the landed cost object to make sure the returned value from buildLandedCost has a valid schema
     const { errors, json } = await handleFetch('/api/zonos-elements/validate-landed-cost', {
@@ -9377,7 +9379,7 @@ const triggerBuildLandedCost = async (buildLandedCost) => {
         method: 'POST',
     });
     if (!json || errors.length) {
-        throw new Error(`Invalid landed cost object: ${((_d = errors.find(Boolean)) === null || _d === void 0 ? void 0 : _d.message) || 'Unknown error'}`);
+        throw new Error(`Invalid landed cost object: ${((_e = errors.find(Boolean)) === null || _e === void 0 ? void 0 : _e.message) || 'Unknown error'}`);
     }
     return landedCost;
 };

package/dist/esm/index.js CHANGED Viewed

@@ -94,7 +94,7 @@ const getZonosQaUrl = () => {
         return null;
     }
     const qaUrl = extractZonosQaUrl(window.location.href);
-    const cdnUrl = "https://v1.3.125.js.zonos.com";
+    const cdnUrl = "https://v1.3.127.js.zonos.com";
     // when the qaUrl is not set and the built URL is from the test domain, use the test domain for testing
     if (!qaUrl &&
         (cdnUrl.includes('test.') ||
@@ -278,10 +278,10 @@ const zonosLoadUrl = (() => {
     }
     return null;
 })();
-const ZONOS_URL = "https://v1.3.125.js.zonos.com";
-const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.125";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.125";
-const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.125";
+const ZONOS_URL = "https://v1.3.127.js.zonos.com";
+const JS_DELIVR_ZONOS_URL = zonosLoadUrl || "https://cdn.jsdelivr.net/npm/@zonos/elements@1.3.127";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.3.127";
+const CDNJS_ZONOS_URL = "https://cdnjs.cloudflare.com/ajax/libs/zonos-elements/1.3.127";
 const INTER_FONT_URL = 'https://rsms.me';
 const GOOGLE_FONT_URL = 'https://fonts.googleapis.com';
 const INTER_FONT_REGEX = /^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;
@@ -296,7 +296,7 @@ Zonos.zonosConversionTest = typeof window !== 'undefined' &&
     !!window.location.search.match(/\?.*(&*)zonosConversionTest/);
 Zonos._paypalMockResponse = null;
 Zonos.isBigCommerce = false;
-Zonos.releaseDate = "1731090000621";
+Zonos.releaseDate = "1731357811312";
 Zonos.isLegacyCheckout = false;
 Zonos.showBaseForeign = typeof window !== 'undefined' &&
     window.location.search.includes('zonosShowBaseForeign');
@@ -306,7 +306,7 @@ Zonos.showBaseForeign = typeof window !== 'undefined' &&
 Zonos.isNpm = true;
 Zonos.zonosQaUrl = null;
 Zonos.zonosQaUrlApi = null;
-Zonos.version = `v${"1.3.125"}`;
+Zonos.version = `v${"1.3.127"}`;
 Zonos.modeAlerted = false;
 Zonos.cartData = null;
 Zonos.paypal = null;

package/dist/esm/{isColorVariable-82457bef.js → isColorVariable-0a94004f.js} RENAMED Viewed

@@ -2,6 +2,8 @@ const isColorVariable = (color) => {
     const isAminoVariable = color &&
         // match --zonos-elements-<color>
         (/--zonos-elements-/gi.test(color) ||
+            // match --zonos--<color>
+            /--zonos--/gi.test(color) ||
             // match 'gray-0'
             /(\-*)\w+-\d+/gi.test(color));
     return (!!isAminoVariable &&

package/dist/esm/{paypal-cd96efa7.js → paypal-d0a05eda.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { z as zonosStore, c as createStore } from './zonosStore-6b5bd87c.js';
-import { d as cartStore, w as stripeStoreHandleInventoryCheck, p as translate, v as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-65c7d5f1.js';
+import { d as cartStore, w as stripeStoreHandleInventoryCheck, p as translate, v as cartStoreNextStep, h as cartStoreClearCheckoutInterval } from './cart-519f08e3.js';
 import { h as handleFetch, l as log, a as logError, j as jsonParse } from './handleFetch-da1a9c5d.js';
 import { t as tinycolor } from './isDarkColor-dc08fa26.js';