@zonos/elements 1.3.5-alpha.0 → 1.3.6

package/dist/scripts/zonosBase.js

@@ -1 +1 @@
-(function(){"use strict";const e=(e,t,...n)=>{var o;if(!window.Zonos.debug)return;let r=document.querySelector("iframe#zonos---debug-logging-iframe");r||(r=document.createElement("iframe"),r.id="zonos---debug-logging-iframe",r.style.display="none",r.style.opacity="0",r.style.position="absolute",r.style.top="-9999px",r.style.left="-9999px",r.style.width="1px",r.style.height="1px",r.style.border="none",r.style.overflow="hidden",r.style.visibility="hidden",document.body.appendChild(r));const s=(null===(o=r.contentWindow)||void 0===o?void 0:o.window.console)||window.console;switch(t){case"warn":s.warn(e,...n);break;case"info":s.info(e,...n);break;default:s.groupCollapsed(e,...n),s.trace(),s.groupEnd()}},t=(e,...t)=>{console.error(e,...t)},n="https://js.stripe.com/v3",o=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/,r="loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used";let s=null;const i=e=>(null!==s||(s=new Promise(((s,i)=>{if("undefined"!=typeof window&&"undefined"!=typeof document)if(window.Stripe&&e&&console.warn(r),window.Stripe)s(window.Stripe);else try{let l=(()=>{const e=document.querySelectorAll(`script[src^="${n}"]`);for(let t=0;t<e.length;t++){const n=e[t];if(n&&o.test(n.src))return n}return null})();l&&e?console.warn(r):l||(l=(e=>{const o=e&&!e.advancedFraudSignals?"?advancedFraudSignals=false":"",r=document.createElement("script");r.src=`${n}${o}`;const s=document.head||document.body;return s?(s.appendChild(r),r):(t("Expected document.body not to be null. Stripe.js requires a <body> element."),null)})(e)),null==l||l.addEventListener("load",(()=>{window.Stripe?s(window.Stripe):i(new Error("Stripe.js not available"))})),null==l||l.addEventListener("error",(()=>{i(new Error("Failed to load Stripe.js"))}))}catch(e){return void i(e)}else s(null)}))),s),l=Promise.resolve().then((()=>i(null)));let c=!1;l.catch((e=>{c||console.warn(e)}));var a;const d=(()=>{const e=(e=>{if(!e)return null;const t=new URL(e).searchParams.get("zonosQaUrl");return t?/[^a-zA-Z0-9-_]+/.test(t)?null:t:null})(window.location.href);if(!e)return null;const t=`https://${e}.preview.js.zonos.com`;return console.warn(`[ZONOS-WARNING] using '${t}' for loading script`),fetch(t).then((()=>{window.sessionStorage.removeItem("zonos--checkout-session-id"),window.sessionStorage.removeItem("zonos--client-secret")})).catch((()=>{alert(`[ZONOS-WARNING] '${t}' IS NO LONGER AVAILABLE. REMOVING zonosQaUrl PARAM AND RELOADING THE PAGE`);const e=new URLSearchParams(window.location.search);e.delete("zonosQaUrl");const{pathname:n}=window.location,o=`${n}?${e.toString()}`;return window.history.replaceState({},"",o),window.location.reload(),null})),t})(),u=d||"https://v1.3.5-alpha.0.js.zonos.com",p="https://unpkg.com/@zonos/elements@1.3.5-alpha.0",m="https://rsms.me",h="https://fonts.googleapis.com",y=/^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;class w{}a=w,w.doneInit=!1,w.debug=!!window.location.search.match(/\?.*(&*)zonosDebug=1/),w.isBigCommerce=!1,w.internationalHideSelector="",w.zonosQaUrl=d,w.version="v1.3.5-alpha.0",w.modeAlerted=!1,w.getCurrentTimestamp=()=>(new Date).getTime(),w.zonosController=null,w.init=async({appearance:n,checkoutSettings:o,currencyConverter:r,helloSettings:s,storeId:i,zonosApiKey:l})=>{a.doneInit||(e(`====== ZONOS DEBUG MODE: on (${a.version}) ======`),l?(a.zonosApiKey=l,a.storeId=i,e("init zonos"),a.injectSentryScript(),a.injectZonosCdn(),a.injectZonosCss(),a.injectFonts(),a.injectController({config:{appearance:n,checkoutSettings:o,currencyConverter:r,helloSettings:s},zonosApiKey:l}),a.doneInit=!0):t("Missing Zonos API key"))},w.displayCurrency=()=>{const e=document.querySelector("zonos-hello");e&&e.displayCurrency()},w.showNotification=e=>{var t;null===(t=a.zonosController)||void 0===t||t.showNotification(e)},w.updateOrganizationName=e=>{var t;null===(t=a.zonosController)||void 0===t||t.updateOrganizationName(e)},w.disablePlaceOrderButtons=({autoEnable:e=!0,disable:t,placeOrderButtonSelector:n})=>{if(n){const o=document.querySelectorAll(n),r=e=>{e.target.getAttribute("disabled")&&(e.preventDefault(),e.stopPropagation())};o.forEach((e=>{e.getAttribute("data-zonos-checkout-attached")||(t?(e.setAttribute("disabled","true"),e.addEventListener("click",r)):(e.removeAttribute("disabled"),e.removeEventListener("click",r)))})),e&&t&&setTimeout((()=>{o.forEach((e=>{e.removeAttribute("disabled"),e.removeEventListener("click",r)}))}),5e3)}},w.injectController=({config:n,zonosApiKey:o})=>{var r;if(document.querySelector("zonos-controller"))return;if(null===(r=n.checkoutSettings)||void 0===r?void 0:r.placeOrderButtonSelector){const e=n.checkoutSettings.placeOrderButtonSelector;a.disablePlaceOrderButtons({disable:!0,placeOrderButtonSelector:e});new MutationObserver((()=>{a.disablePlaceOrderButtons({disable:!0,placeOrderButtonSelector:e})})).observe(document.body,{childList:!0,subtree:!0})}const s=document.createElement("zonos-controller");s.config=n,s.zonosApiKey=o,s.addEventListener("stripeInitEvent",(async n=>{const{detail:o}=n;e("loading Stripe");const r=await(async(...e)=>{c=!0;const t=Date.now();return l.then((n=>((e,t,n)=>{if(null===e)return null;const o=e.apply(void 0,t);return((e,t)=>{e&&e._registerWrapper&&e._registerWrapper({name:"stripe-js",startTime:t})})(o,n),o})(n,e,t)))})(o.publishableKey);r?(window.Zonos.stripe=r,s.initCheckoutElement(r)):t("API seems to be invalid or missing. Failed to load Stripe")})),document.body.appendChild(s),a.zonosController=s,e("Zonos controller injected!")},w.injectSentryScript=()=>{const n="https://browser.sentry-cdn.com/7.88.0/bundle.tracing.min.js";if(document.querySelector(`script[src="${n}"]`))return void e("Sentry script already exists in the document","warn");const o=document.head||document.body,r=document.createElement("script");r.crossOrigin="anonymous",r.src=n,r.integrity="sha384-z/aQww1Fr6Mes0MO/2wlzQd2nXBCdDcKPXDTsMDMNPgTGRPqii3a4bzH79I+Vo8l",r.setAttribute("data-lazy","no"),r.onerror=()=>{t(`Failed to load ${r.src}`)},r.onload=()=>{var e;null===(e=window.Sentry)||void 0===e||e.init({allowUrls:[/js.zonos.com/],dsn:"https://19168bd05af0e2e0e7520ad58953e4f2@o446983.ingest.sentry.io/4506400622837760",release:`zonos-elements@${a.version}`})},o.appendChild(r)},w.injectScript=({fallBackDomain:n,isModule:o,scriptDomain:r,theRestUrl:s})=>{const i=`${r}/${s}`;if(document.querySelector(`script[src="${i}"]`))return void e(`Zonos script "${i}" already exists in the document`,"warn");const l=document.head||document.body,c=document.createElement("script");o?c.type="module":c.noModule=!0,c.src=i,c.crossOrigin="anonymous",c.onerror=()=>{/\/\/v\d+\./g.test(r)?(n&&a.injectScript({isModule:o,scriptDomain:n,theRestUrl:s}),t(`Failed to load ${c.src}`)):e("No need to fallback since this is not a versioned domain","warn")},l.appendChild(c)},w.injectZonosCdn=()=>{a.injectScript({fallBackDomain:p,isModule:!0,scriptDomain:u,theRestUrl:"dist/zonos-elements/zonos-elements.esm.js"}),a.injectScript({fallBackDomain:p,isModule:!1,scriptDomain:u,theRestUrl:"dist/zonos-elements/zonos-elements.js"}),e("Zonos cdn script injected!")},w.injectStylesheet=({fallBackDomain:n,stylesheetDomain:o,theRestUrl:r})=>{const s=document.head||document.body,i=document.createElement("link");i.rel="preconnect",i.href=`${u}/`,s.appendChild(i);const l=document.createElement("link");l.rel="stylesheet",l.href=`${o}/${r}`,l.onerror=()=>{const s=/\/\/v\d+\./g.test(o);s?(n&&s&&a.injectStylesheet({stylesheetDomain:n,theRestUrl:r}),t(`Failed to load ${l.href}`)):e("No need to fallback since this is not a versioned domain","warn")},s.appendChild(l)},w.injectZonosCss=()=>{document.querySelector('link[rel="stylesheet"][href*="/dist/zonos-elements/zonos-elements.css"]')?e("Zonos style links already injected","warn"):(a.injectStylesheet({fallBackDomain:p,stylesheetDomain:u,theRestUrl:"dist/zonos-elements/zonos-elements.css"}),e("Zonos style css injected!"))},w.injectFonts=()=>{if((()=>{const e=document.querySelectorAll(`link[rel="stylesheet"][href^="${m}"]`);for(let t=0;t<e.length;t++){const n=e[t];if(n&&!y.test(n.href))return n}return null})())return void e("Inter font already injected","warn");const t=document.head||document.body,n=document.createElement("link");n.rel="preconnect",n.href=m,t.appendChild(n);const o=document.createElement("link");o.rel="stylesheet",o.href=`${m}/inter/inter.css`,t.appendChild(o),e("Zonos font injected!")},w.setupGoogleFont=e=>{var t;null===(t=a.zonosController)||void 0===t||t.setupGoogleFont(e)},w.injectSupportGoogleFont=t=>{var n;e(`[FONT] injecting ${t}`);const o=null===(n=t.match(/family=(.*?):/))||void 0===n?void 0:n[1],r=document.head||document.body;if(!document.querySelector(`link[rel="preconnect"][href^="${h}"]`)){const e=document.createElement("link");e.rel="preconnect",e.href=h,r.appendChild(e)}if(document.querySelector(`link[rel="stylesheet"][href="${t}"]`))return void e(`[FONT] ${o} font already injected`,"warn");const s=document.createElement("link");s.rel="stylesheet",s.href=t,r.appendChild(s),e(`[FONT] ${o} font injected!`)},exports.Zonos=w})();
+(function(){"use strict";const e=(e,t,...n)=>{var o;if(!window.Zonos.debug)return;let r=document.querySelector("iframe#zonos---debug-logging-iframe");r||(r=document.createElement("iframe"),r.id="zonos---debug-logging-iframe",r.style.display="none",r.style.opacity="0",r.style.position="absolute",r.style.top="-9999px",r.style.left="-9999px",r.style.width="1px",r.style.height="1px",r.style.border="none",r.style.overflow="hidden",r.style.visibility="hidden",document.body.appendChild(r));const s=(null===(o=r.contentWindow)||void 0===o?void 0:o.window.console)||window.console;switch(t){case"warn":s.warn(e,...n);break;case"info":s.info(e,...n);break;default:s.groupCollapsed(e,...n),s.trace(),s.groupEnd()}},t=(e,...t)=>{console.error(e,...t)},n="https://js.stripe.com/v3",o=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/,r="loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used";let s=null;const i=e=>(null!==s||(s=new Promise(((s,i)=>{if("undefined"!=typeof window&&"undefined"!=typeof document)if(window.Stripe&&e&&console.warn(r),window.Stripe)s(window.Stripe);else try{let l=(()=>{const e=document.querySelectorAll(`script[src^="${n}"]`);for(let t=0;t<e.length;t++){const n=e[t];if(n&&o.test(n.src))return n}return null})();l&&e?console.warn(r):l||(l=(e=>{const o=e&&!e.advancedFraudSignals?"?advancedFraudSignals=false":"",r=document.createElement("script");r.src=`${n}${o}`;const s=document.head||document.body;return s?(s.appendChild(r),r):(t("Expected document.body not to be null. Stripe.js requires a <body> element."),null)})(e)),null==l||l.addEventListener("load",(()=>{window.Stripe?s(window.Stripe):i(new Error("Stripe.js not available"))})),null==l||l.addEventListener("error",(()=>{i(new Error("Failed to load Stripe.js"))}))}catch(e){return void i(e)}else s(null)}))),s),l=Promise.resolve().then((()=>i(null)));let c=!1;l.catch((e=>{c||console.warn(e)}));var a;const d=(()=>{const e=(e=>{if(!e)return null;const t=new URL(e).searchParams.get("zonosQaUrl");return t?/[^a-zA-Z0-9-_]+/.test(t)?null:t:null})(window.location.href);if(!e)return null;const t=`https://${e}.preview.js.zonos.com`;return console.warn(`[ZONOS-WARNING] using '${t}' for loading script`),fetch(t).then((()=>{window.sessionStorage.removeItem("zonos--checkout-session-id"),window.sessionStorage.removeItem("zonos--client-secret")})).catch((()=>{alert(`[ZONOS-WARNING] '${t}' IS NO LONGER AVAILABLE. REMOVING zonosQaUrl PARAM AND RELOADING THE PAGE`);const e=new URLSearchParams(window.location.search);e.delete("zonosQaUrl");const{pathname:n}=window.location,o=`${n}?${e.toString()}`;return window.history.replaceState({},"",o),window.location.reload(),null})),t})(),u=d||"https://v1.3.6.js.zonos.com",m="https://unpkg.com/@zonos/elements@1.3.6",p="https://rsms.me",h="https://fonts.googleapis.com",y=/^https:\/\/rsms\.me\/inter\/inter\.css(.*)$/;class w{}a=w,w.doneInit=!1,w.debug=!!window.location.search.match(/\?.*(&*)zonosDebug=1/),w.isBigCommerce=!1,w.internationalHideSelector="",w.zonosQaUrl=d,w.version="v1.3.6",w.modeAlerted=!1,w.getCurrentTimestamp=()=>(new Date).getTime(),w.zonosController=null,w.init=async({appearance:n,checkoutSettings:o,currencyConverter:r,helloSettings:s,storeId:i,zonosApiKey:l})=>{a.doneInit||(e(`====== ZONOS DEBUG MODE: on (${a.version}) ======`),l?(a.zonosApiKey=l,a.storeId=i,e("init zonos"),a.injectSentryScript(),a.injectZonosCdn(),a.injectZonosCss(),a.injectFonts(),a.injectController({config:{appearance:n,checkoutSettings:o,currencyConverter:r,helloSettings:s},zonosApiKey:l}),a.doneInit=!0):t("Missing Zonos API key"))},w.displayCurrency=()=>{const e=document.querySelector("zonos-hello");e&&e.displayCurrency()},w.showNotification=e=>{var t;null===(t=a.zonosController)||void 0===t||t.showNotification(e)},w.updateOrganizationName=e=>{var t;null===(t=a.zonosController)||void 0===t||t.updateOrganizationName(e)},w.disablePlaceOrderButtons=({autoEnable:e=!0,disable:t,placeOrderButtonSelector:n})=>{if(n){const o=document.querySelectorAll(n),r=e=>{e.target.getAttribute("disabled")&&(e.preventDefault(),e.stopPropagation())};o.forEach((e=>{e.getAttribute("data-zonos-checkout-attached")||(t?(e.setAttribute("disabled","true"),e.addEventListener("click",r)):(e.removeAttribute("disabled"),e.removeEventListener("click",r)))})),e&&t&&setTimeout((()=>{o.forEach((e=>{e.removeAttribute("disabled"),e.removeEventListener("click",r)}))}),5e3)}},w.injectController=({config:n,zonosApiKey:o})=>{var r;if(document.querySelector("zonos-controller"))return;if(null===(r=n.checkoutSettings)||void 0===r?void 0:r.placeOrderButtonSelector){const e=n.checkoutSettings.placeOrderButtonSelector;a.disablePlaceOrderButtons({disable:!0,placeOrderButtonSelector:e});new MutationObserver((()=>{a.disablePlaceOrderButtons({disable:!0,placeOrderButtonSelector:e})})).observe(document.body,{childList:!0,subtree:!0})}const s=document.createElement("zonos-controller");s.config=n,s.zonosApiKey=o,s.addEventListener("stripeInitEvent",(async n=>{const{detail:o}=n;e("loading Stripe");const r=await(async(...e)=>{c=!0;const t=Date.now();return l.then((n=>((e,t,n)=>{if(null===e)return null;const o=e.apply(void 0,t);return((e,t)=>{e&&e._registerWrapper&&e._registerWrapper({name:"stripe-js",startTime:t})})(o,n),o})(n,e,t)))})(o.publishableKey);r?(window.Zonos.stripe=r,s.initCheckoutElement(r)):t("API seems to be invalid or missing. Failed to load Stripe")})),document.body.appendChild(s),a.zonosController=s,e("Zonos controller injected!")},w.injectSentryScript=()=>{const n="https://browser.sentry-cdn.com/7.88.0/bundle.tracing.min.js";if(document.querySelector(`script[src="${n}"]`))return void e("Sentry script already exists in the document","warn");const o=document.head||document.body,r=document.createElement("script");r.crossOrigin="anonymous",r.src=n,r.integrity="sha384-z/aQww1Fr6Mes0MO/2wlzQd2nXBCdDcKPXDTsMDMNPgTGRPqii3a4bzH79I+Vo8l",r.setAttribute("data-lazy","no"),r.onerror=()=>{t(`Failed to load ${r.src}`)},r.onload=()=>{var e;null===(e=window.Sentry)||void 0===e||e.init({allowUrls:[/js.zonos.com/],dsn:"https://19168bd05af0e2e0e7520ad58953e4f2@o446983.ingest.sentry.io/4506400622837760",release:`zonos-elements@${a.version}`})},o.appendChild(r)},w.injectScript=({fallBackDomain:n,isModule:o,scriptDomain:r,theRestUrl:s})=>{const i=`${r}/${s}`;if(document.querySelector(`script[src="${i}"]`))return void e(`Zonos script "${i}" already exists in the document`,"warn");const l=document.head||document.body,c=document.createElement("script");o?c.type="module":c.noModule=!0,c.src=i,c.crossOrigin="anonymous",c.onerror=()=>{/\/\/v\d+\./g.test(r)?(n&&a.injectScript({isModule:o,scriptDomain:n,theRestUrl:s}),t(`Failed to load ${c.src}`)):e("No need to fallback since this is not a versioned domain","warn")},l.appendChild(c)},w.injectZonosCdn=()=>{a.injectScript({fallBackDomain:m,isModule:!0,scriptDomain:u,theRestUrl:"dist/zonos-elements/zonos-elements.esm.js"}),a.injectScript({fallBackDomain:m,isModule:!1,scriptDomain:u,theRestUrl:"dist/zonos-elements/zonos-elements.js"}),e("Zonos cdn script injected!")},w.injectStylesheet=({fallBackDomain:n,stylesheetDomain:o,theRestUrl:r})=>{const s=document.head||document.body,i=document.createElement("link");i.rel="preconnect",i.href=`${u}/`,s.appendChild(i);const l=document.createElement("link");l.rel="stylesheet",l.href=`${o}/${r}`,l.onerror=()=>{const s=/\/\/v\d+\./g.test(o);s?(n&&s&&a.injectStylesheet({stylesheetDomain:n,theRestUrl:r}),t(`Failed to load ${l.href}`)):e("No need to fallback since this is not a versioned domain","warn")},s.appendChild(l)},w.injectZonosCss=()=>{document.querySelector('link[rel="stylesheet"][href*="/dist/zonos-elements/zonos-elements.css"]')?e("Zonos style links already injected","warn"):(a.injectStylesheet({fallBackDomain:m,stylesheetDomain:u,theRestUrl:"dist/zonos-elements/zonos-elements.css"}),e("Zonos style css injected!"))},w.injectFonts=()=>{if((()=>{const e=document.querySelectorAll(`link[rel="stylesheet"][href^="${p}"]`);for(let t=0;t<e.length;t++){const n=e[t];if(n&&!y.test(n.href))return n}return null})())return void e("Inter font already injected","warn");const t=document.head||document.body,n=document.createElement("link");n.rel="preconnect",n.href=p,t.appendChild(n);const o=document.createElement("link");o.rel="stylesheet",o.href=`${p}/inter/inter.css`,t.appendChild(o),e("Zonos font injected!")},w.setupGoogleFont=e=>{var t;null===(t=a.zonosController)||void 0===t||t.setupGoogleFont(e)},w.injectSupportGoogleFont=t=>{var n;e(`[FONT] injecting ${t}`);const o=null===(n=t.match(/family=(.*?):/))||void 0===n?void 0:n[1],r=document.head||document.body;if(!document.querySelector(`link[rel="preconnect"][href^="${h}"]`)){const e=document.createElement("link");e.rel="preconnect",e.href=h,r.appendChild(e)}if(document.querySelector(`link[rel="stylesheet"][href="${t}"]`))return void e(`[FONT] ${o} font already injected`,"warn");const s=document.createElement("link");s.rel="stylesheet",s.href=t,r.appendChild(s),e(`[FONT] ${o} font injected!`)},exports.Zonos=w})();

package/dist/types/components/checkout/zonos-checkout/zonos-checkout-finish/zonos-checkout-finish.d.ts

@@ -1,6 +1,7 @@
 import { type EventEmitter } from '../../../../stencil-public-runtime';
 import type { PaymentIntent } from '@stripe/stripe-js';
-import { type ElementsUiStyle, type ZonosOrder } from "../../../../types/index";
+import type { ZonosOrder } from "../../../../types/checkout/CheckoutConfig";
+import type { ElementsUiStyle } from "../../../../types/generated/graphql.customer.types";
 type OverrideNotification = {
     messages: string[];
     title: string;

package/dist/types/components/checkout/zonos-checkout/zonos-checkout-footer/zonos-checkout-footer.d.ts

@@ -0,0 +1,7 @@
+export declare class ZonosCheckoutFooter {
+    el: HTMLZonosCheckoutFooterElement;
+    showDialog: boolean;
+    handleGlobalClick(e: MouseEvent): void;
+    private toggleDialog;
+    render(): any;
+}

package/dist/types/components/common/zonos-badge/zonos-badge.d.ts

@@ -9,7 +9,7 @@ export declare class ZonosBadge {
      * The size of the badge
      * @default 24
      */
-    color: ColorPrefix;
+    badgeColor: ColorPrefix;
     /**
      * The icon element to display
      * @default null
@@ -30,9 +30,5 @@ export declare class ZonosBadge {
      * @default false
      */
     rounded: boolean;
-    /**
-     * css class for the component
-     */
-    class: string;
     render(): any;
 }

package/dist/types/components/common/zonos-banner/zonos-banner.d.ts

@@ -8,10 +8,6 @@ export declare class ZonosBanner {
      * Intent of the banner (success, warning, error)
      */
     intent?: BannerIntent;
-    /**
-     * css class for the component
-     */
-    class: string;
     /**
      * Whether or not the button has content
      */

package/dist/types/components/common/zonos-button/zonos-button.d.ts

@@ -1,14 +1,10 @@
 import type { ElementsUiStyle, ElementsUiTheme } from "../../../types/generated/graphql.customer.types";
 import type { Color } from "../../../types/styles/Color";
 export declare class ZonosButton {
-    /**
-     * css class for the component
-     */
-    class: string;
     /**
      * The color of the button text and svg
      */
-    color?: Color | (string & {
+    buttonColor?: Color | (string & {
         _placeholder?: never;
     });
     /**

package/dist/types/components/common/zonos-card/zonos-card.d.ts

@@ -3,10 +3,6 @@ export declare class ZonosCard {
      * The actions to display in the header of the card
      */
     actions?: HTMLElement;
-    /**
-     * The CSS class to apply to the card element
-     */
-    class?: string;
     /**
      * The actions to display in the footer of the card
      */

package/dist/types/components/common/zonos-checkbox/zonos-checkbox.d.ts

@@ -0,0 +1,42 @@
+import { type EventEmitter } from '../../../stencil-public-runtime';
+import type { ElementsUiStyle } from "../../../types/index";
+import type { CheckboxColorPrefix } from "../../../types/styles/Color";
+import type { Size } from "../../../types/styles/Text";
+export declare class ZonosCheckbox {
+    /**
+     * background color of the checkbox
+     */
+    backgroundColor: CheckboxColorPrefix | (string & {
+        _placeholder?: never;
+    });
+    /**
+     * The label of the checkbox
+     */
+    label?: string;
+    /**
+     * Whether or not the checkbox is checked
+     */
+    isChecked: boolean;
+    /**
+     * Whether or not the checkbox is disabled
+     */
+    isDisabled: boolean;
+    /**
+     * Size of the checkbox
+     */
+    size: 12 | 16 | 24;
+    /**
+     * Font size of the checkbox text
+     */
+    fontSize: Size;
+    /**
+     * The border style of the button
+     * @default ROUNDED
+     */
+    borderStyle?: ElementsUiStyle;
+    /**
+     * Event to emit when the checkbox is changed
+     */
+    checkboxSelected: EventEmitter<boolean>;
+    render(): any;
+}

package/dist/types/components/common/zonos-country-flag/zonos-country-flag.d.ts

@@ -1,9 +1,5 @@
 import type { CountryCode } from "../../../types/generated/graphql.customer.types";
 export declare class ZonosCountryFlag {
-    /**
-     * The class name for the flag
-     */
-    class?: string;
     /**
      * The country code for the flag
      * @default localizationStore.selectedCountryCode

package/dist/types/components/common/zonos-country-select/zonos-country-select.d.ts

@@ -3,7 +3,7 @@ export declare class ZonosCountrySelect {
      * Function to close the country select
      * @default () => {}
      */
-    closeCountrySelect: () => void;
+    handleOnClose: () => void;
     inputValue: string;
     private countrySelected;
     private handleInputChange;

package/dist/types/components/common/zonos-icon/zonos-icon.d.ts

@@ -9,7 +9,7 @@ export declare class ZonosIcon {
      * Color of the SVG
      * @default 'gray-1200'
      */
-    color: Color;
+    iconColor: Color;
     /**
      * The content of the icon (full svg)
      * @example

package/dist/types/components/common/zonos-language-select/zonos-language-select.d.ts

@@ -0,0 +1,9 @@
+export declare class ZonosLanguageSelect {
+    /**
+     * Function to close the language select
+     * @default () => {}
+     */
+    handleOnClose: () => void;
+    private languageSelected;
+    render(): any;
+}

package/dist/types/components/common/zonos-logo/zonos-logo.d.ts

@@ -8,9 +8,5 @@ export declare class ZonosLogo {
      * The width of the logo
      */
     width: string;
-    /**
-     * css class for the component
-     */
-    class: string;
     render(): any;
 }

package/dist/types/components/common/zonos-notification/zonos-notification.d.ts

@@ -16,10 +16,6 @@ type NotificationItem = NotificationInit & {
     transitionClass: 'show' | '';
 };
 export declare class ZonosNotification {
-    /**
-     * Custom class to add to the notification
-     */
-    class: string;
     notificationArray: NotificationItem[];
     /**
      * Show a notification

package/dist/types/components/common/zonos-select-dialog-header/zonos-select-dialog-header.d.ts

@@ -0,0 +1,12 @@
+export declare class ZonosSelectDialogHeader {
+    /**
+     * Callback to do something on close
+     * @default () => {}
+     */
+    handleOnClose: () => void;
+    /**
+     * The label for the select dialog
+     */
+    label: string;
+    render(): any;
+}

package/dist/types/components/common/zonos-spinner/zonos-spinner.d.ts

@@ -8,7 +8,7 @@ export declare class ZonosSpinner {
     /**
      * Color of the spinner
      */
-    color?: SpinnerColor;
+    spinnerColor?: SpinnerColor;
     el: HTMLZonosSpinnerElement;
     render(): any;
 }

package/dist/types/components/common/zonos-text/zonos-text.d.ts

@@ -1,14 +1,10 @@
 import type { Color } from "../../../types/styles/Color";
 import { type FontWeight, type Size, type Type } from "../../../types/styles/Text";
 export declare class ZonosText {
-    /**
-     * css class for the component
-     */
-    class: string;
     /**
      * The icon element to display
      */
-    color: Color;
+    textColor: Color;
     /**
      * The size of the text
      */

package/dist/types/components/common/zonos-tooltip/zonos-tooltip.d.ts

@@ -0,0 +1,12 @@
+export declare class ZonosTooltip {
+    /**
+     * The title of the tooltip
+     */
+    label: string;
+    /**
+     * The subtitle of the tooltip
+     */
+    subtitle: string;
+    showTooltip: boolean;
+    render(): any;
+}

package/dist/types/components/common/zonos-v-stack/zonos-v-stack.d.ts

@@ -5,9 +5,5 @@ export declare class VStack {
      * @default 24
      */
     spacing: GridSpacing;
-    /**
-     * The CSS class to apply to the stack element
-     */
-    class: string;
     render(): any;
 }

package/dist/types/components/hello/zonos-hello-dialog/zonos-hello-dialog-footer/zonos-hello-dialog-footer.d.ts

@@ -9,5 +9,10 @@ export declare class ZonosHelloDialogFooter {
      * @default false
      */
     setShowCountrySelect: (value: boolean) => void;
+    /**
+     * Whether or not the language select dialog is open
+     * @default false
+     */
+    setShowLanguageSelect: (value: boolean) => void;
     render(): any;
 }

package/dist/types/components/hello/zonos-hello-dialog/zonos-hello-dialog.d.ts

@@ -32,6 +32,7 @@ export declare class ZonosHelloDialog {
     restrictedItems: RestrictedItem[];
     welcomeMessage: string;
     showCountrySelect: boolean;
+    showLanguageSelect: boolean;
     /**
      * Close dialog button click
      */
@@ -40,6 +41,7 @@ export declare class ZonosHelloDialog {
     private clickOutsideDialogHandler;
     private getCurrentPageEnum;
     private setShowCountrySelect;
+    private setShowLanguageSelect;
     globalClickHandler(e: MouseEvent): void;
     isOpenHandler(isOpen: boolean): void;
     render(): any;

package/dist/types/components/store/checkout/stripe.d.ts

@@ -22,18 +22,27 @@ type StripeStore = {
     stripeAddressEventData: StripeAddressElementChangeEvent | null;
     stripeAddressUsedWhenFetchingLC: StripeAddressElementChangeEvent | null;
     stripeBillingAddressElement: StripeAddressElement | null;
+    stripeBillingAddressEventData: StripeAddressElementChangeEvent | null;
+    stripeBillingAddressUsedWhenFetchingLC: StripeAddressElementChangeEvent | null;
     stripeElements: StripeElements | null;
+    stripeElementsForBillingAddress: StripeElements | null;
     stripeElementsOptions: StripeElementsOptions | null;
     stripeLinkElement: StripeLinkAuthenticationElement | null;
     stripeLinkEventData: StripeLinkAuthenticationElementChangeEvent | null;
     stripeLinkUsedWhenFetchingLC: StripeLinkAuthenticationElementChangeEvent | null;
     stripePaymentElement: StripePaymentElement | null;
     stripePaymentEventData: StripePaymentElementChangeEvent | null;
+    /**
+     * toggle to indicate if shipping address is the same as billing address
+     * @default true
+     * */
+    stripeShippingSameAsBilling: boolean;
 };
 declare const stripeStore: StripeStore;
 declare const initStripeElements: (props?: {
     overrideBorderRaidus?: ElementsUiStyle;
     overridePrimaryColor?: string;
+    overrideSecondaryColor?: string;
     overrideTheme?: ElementsUiTheme;
 }) => Promise<void>;
 declare const stripeStoreReset: () => void;

package/dist/types/components/store/hello/localization.d.ts

@@ -29,4 +29,5 @@ type ILocaleMessageForUse = {
 declare const localizationStore: LocalizationStore;
 declare const localizationStoreUpdateSelectedCountryCode: (newSelectedCountryCode: CountryCode | null) => Promise<void>;
 declare const initLocalizationStore: () => Promise<void>;
-export { initLocalizationStore, localizationStore, localizationStoreUpdateSelectedCountryCode, };
+declare const localizationStoreUpdateSelectedLocale: (newSelectedLocale: Locale_ElementsSupportedLocationCode_Enum) => void;
+export { initLocalizationStore, localizationStore, localizationStoreUpdateSelectedCountryCode, localizationStoreUpdateSelectedLocale, };

package/dist/types/components/store/translationStore/strings.arabic.d.ts

@@ -8,6 +8,9 @@ export declare const stringsArabic: {
     Back: {
         value: string;
     };
+    'Billing address': {
+        value: string;
+    };
     'Cart subtotal': {
         value: string;
     };
@@ -56,6 +59,9 @@ export declare const stringsArabic: {
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: string;
     };
+    'Nothing due at the door': {
+        value: string;
+    };
     'Order is over the de minimis threshold for both duty and tax': {
         value: string;
     };
@@ -89,12 +95,24 @@ export declare const stringsArabic: {
     'Restricted items found': {
         value: string;
     };
+    'Search countries': {
+        value: string;
+    };
     'See duty and tax thresholds': {
         value: string;
     };
+    'Select a country': {
+        value: string;
+    };
+    'Select a language': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };
+    'Shipping address same as billing': {
+        value: string;
+    };
     'Shipping information': {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.base.d.ts

@@ -8,6 +8,9 @@ export declare const stringsBase: {
     Back: {
         value: string;
     };
+    'Billing address': {
+        value: string;
+    };
     'Cart subtotal': {
         value: string;
     };
@@ -56,6 +59,9 @@ export declare const stringsBase: {
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: string;
     };
+    'Nothing due at the door': {
+        value: string;
+    };
     'Order is over the de minimis threshold for both duty and tax': {
         value: string;
     };
@@ -89,12 +95,24 @@ export declare const stringsBase: {
     'Restricted items found': {
         value: string;
     };
+    'Search countries': {
+        value: string;
+    };
     'See duty and tax thresholds': {
         value: string;
     };
+    'Select a country': {
+        value: string;
+    };
+    'Select a language': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };
+    'Shipping address same as billing': {
+        value: string;
+    };
     'Shipping information': {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.chinese.d.ts

@@ -8,6 +8,9 @@ export declare const stringsChinese: {
     Back: {
         value: string;
     };
+    'Billing address': {
+        value: string;
+    };
     'Cart subtotal': {
         value: string;
     };
@@ -56,6 +59,9 @@ export declare const stringsChinese: {
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: string;
     };
+    'Nothing due at the door': {
+        value: string;
+    };
     'Order is over the de minimis threshold for both duty and tax': {
         value: string;
     };
@@ -89,12 +95,24 @@ export declare const stringsChinese: {
     'Restricted items found': {
         value: string;
     };
+    'Search countries': {
+        value: string;
+    };
     'See duty and tax thresholds': {
         value: string;
     };
+    'Select a country': {
+        value: string;
+    };
+    'Select a language': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };
+    'Shipping address same as billing': {
+        value: string;
+    };
     'Shipping information': {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.danish.d.ts

@@ -8,6 +8,9 @@ export declare const stringsDanish: {
     Back: {
         value: string;
     };
+    'Billing address': {
+        value: string;
+    };
     'Cart subtotal': {
         value: string;
     };
@@ -56,6 +59,9 @@ export declare const stringsDanish: {
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: string;
     };
+    'Nothing due at the door': {
+        value: string;
+    };
     'Order is over the de minimis threshold for both duty and tax': {
         value: string;
     };
@@ -89,12 +95,24 @@ export declare const stringsDanish: {
     'Restricted items found': {
         value: string;
     };
+    'Search countries': {
+        value: string;
+    };
     'See duty and tax thresholds': {
         value: string;
     };
+    'Select a country': {
+        value: string;
+    };
+    'Select a language': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };
+    'Shipping address same as billing': {
+        value: string;
+    };
     'Shipping information': {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.dutch.d.ts

@@ -8,6 +8,9 @@ export declare const stringsDutch: {
     Back: {
         value: string;
     };
+    'Billing address': {
+        value: string;
+    };
     'Cart subtotal': {
         value: string;
     };
@@ -56,6 +59,9 @@ export declare const stringsDutch: {
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: string;
     };
+    'Nothing due at the door': {
+        value: string;
+    };
     'Order is over the de minimis threshold for both duty and tax': {
         value: string;
     };
@@ -89,12 +95,24 @@ export declare const stringsDutch: {
     'Restricted items found': {
         value: string;
     };
+    'Search countries': {
+        value: string;
+    };
     'See duty and tax thresholds': {
         value: string;
     };
+    'Select a country': {
+        value: string;
+    };
+    'Select a language': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };
+    'Shipping address same as billing': {
+        value: string;
+    };
     'Shipping information': {
         value: string;
     };

package/dist/types/components/store/translationStore/strings.french.d.ts

@@ -8,6 +8,9 @@ export declare const stringsFrench: {
     Back: {
         value: string;
     };
+    'Billing address': {
+        value: string;
+    };
     'Cart subtotal': {
         value: string;
     };
@@ -56,6 +59,9 @@ export declare const stringsFrench: {
     'No shipping methods found - try editing your address or contacting support if the error persists': {
         value: string;
     };
+    'Nothing due at the door': {
+        value: string;
+    };
     'Order is over the de minimis threshold for both duty and tax': {
         value: string;
     };
@@ -89,12 +95,24 @@ export declare const stringsFrench: {
     'Restricted items found': {
         value: string;
     };
+    'Search countries': {
+        value: string;
+    };
     'See duty and tax thresholds': {
         value: string;
     };
+    'Select a country': {
+        value: string;
+    };
+    'Select a language': {
+        value: string;
+    };
     Shipping: {
         value: string;
     };
+    'Shipping address same as billing': {
+        value: string;
+    };
     'Shipping information': {
         value: string;
     };