@zonos/elements 1.2.3 → 1.2.4-alpha.2

package/dist/esm-es5/zonos-payment.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,d as getElement}from"./index-d1aa9293.js";import{s as stripeStore}from"./cart-17650017.js";import"./zonosStore-05a62104.js";import"./localization-f3828793.js";import"./isDarkColor-6fbb9b14.js";import"./getBorderRadius-45764ad7.js";var zonosPaymentCss=".sc-zonos-payment-h{font-family:Inter;display:block}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:var(--amino-space-16)}";var ZonosPayment=function(){function t(t){registerInstance(this,t);this.titleText=undefined;this.stripe=stripeStore.stripe;this.stripeElements=stripeStore.stripeElements}t.prototype.watchInitStripe=function(){if(!this.stripeElements){return}var t=stripeStore.stripePaymentElement||this.stripeElements.create("payment",{layout:"tabs"});var e=this.el.querySelector(".zonos--payment-component");if(!e){console.error("Cannot find container element for paymentElement");return}t.mount(e);t.on("change",(function(t){stripeStore.stripePaymentEventData=t}));stripeStore.stripePaymentElement=t};t.prototype.componentDidLoad=function(){this.watchInitStripe()};t.prototype.render=function(){return h(Host,{class:"zonos--payment zonos--elements"},this.titleText&&h("zonos-text",{class:"zonos--title",type:"semiBoldLabel"},this.titleText),h("div",{class:"zonos--payment-component"}))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{stripeElements:["watchInitStripe"],stripe:["watchInitStripe"]}},enumerable:false,configurable:true});return t}();ZonosPayment.style=zonosPaymentCss;export{ZonosPayment as zonos_payment};
+import{r as registerInstance,h,H as Host,d as getElement}from"./index-3617e24c.js";import{s as stripeStore}from"./cart-cd87f476.js";import"./zonosStore-e0b7a5cf.js";import"./localization-f573428e.js";import"./isDarkColor-44e9e451.js";import"./getBorderRadius-35e8acce.js";var zonosPaymentCss=".sc-zonos-payment-h{font-family:var(--font-family, Inter), Inter;display:block}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--font-family, Inter), Inter}.sc-zonos-payment-h img.sc-zonos-payment{max-width:100%}.sc-zonos-payment-h dl.sc-zonos-payment,.sc-zonos-payment-h dd.sc-zonos-payment,.sc-zonos-payment-h h1.sc-zonos-payment,.sc-zonos-payment-h h2.sc-zonos-payment,.sc-zonos-payment-h h3.sc-zonos-payment,.sc-zonos-payment-h h4.sc-zonos-payment,.sc-zonos-payment-h h5.sc-zonos-payment,.sc-zonos-payment-h h6.sc-zonos-payment,.sc-zonos-payment-h hr.sc-zonos-payment,.sc-zonos-payment-h figure.sc-zonos-payment,.sc-zonos-payment-h p.sc-zonos-payment,.sc-zonos-payment-h pre.sc-zonos-payment{margin:0}.sc-zonos-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-payment-h .zonos--title.sc-zonos-payment{margin-bottom:var(--amino-space-16)}";var ZonosPayment=function(){function n(n){registerInstance(this,n);this.titleText=undefined;this.stripe=stripeStore.stripe;this.stripeElements=stripeStore.stripeElements}n.prototype.watchInitStripe=function(){if(!this.stripeElements){return}var n=stripeStore.stripePaymentElement||this.stripeElements.create("payment",{layout:"tabs"});var o=this.el.querySelector(".zonos--payment-component");if(!o){console.error("Cannot find container element for paymentElement");return}n.mount(o);n.on("change",(function(n){stripeStore.stripePaymentEventData=n}));stripeStore.stripePaymentElement=n};n.prototype.componentDidLoad=function(){this.watchInitStripe()};n.prototype.render=function(){return h(Host,{class:"zonos--payment zonos--elements"},this.titleText&&h("zonos-text",{class:"zonos--title",type:"semiBoldLabel"},this.titleText),h("div",{class:"zonos--payment-component"}))};Object.defineProperty(n.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{stripeElements:["watchInitStripe"],stripe:["watchInitStripe"]}},enumerable:false,configurable:true});return n}();ZonosPayment.style=zonosPaymentCss;export{ZonosPayment as zonos_payment};

package/dist/esm-es5/zonos-shipping-rich-radio.entry.js

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,H as Host}from"./index-d1aa9293.js";import{z as zonosStore}from"./zonosStore-05a62104.js";import{c as classes}from"./classes-0d95c529.js";import{g as getBorderRadius}from"./getBorderRadius-45764ad7.js";import{i as isColorVariable}from"./isColorVariable-4cda28c9.js";var zonosShippingRichRadioCss=":host{font-family:Inter;display:block}: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:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--amino-space-16);-ms-flex-align:center;align-items:center;gap:var(--amino-space-16);cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--amino-radius-10));border-bottom-left-radius:var(--border-radius, var(--amino-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(--amino-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";var ZonosShippingRichRadio=function(){function o(o){var i=this;registerInstance(this,o);this.radioSelected=createEvent(this,"radioSelected",7);this.handleRichRadioSelect=function(o){var e;i.selectedItem=o;(e=i.radioSelected)===null||e===void 0?void 0:e.emit(o)};this.getRadioItemStyleVariables=function(){var o=i.borderColor||zonosStore.appearance.colorSecondary;var e=isColorVariable(o)?"var(--amino-".concat(o,")"):o;return{"--border-radius":getBorderRadius(i.borderStyle),"--selected-border-color":e||"unset"}};this.items=undefined;this.borderColor=undefined;this.borderStyle=undefined;this.theme=undefined;this.selectedItem=null}o.prototype.render=function(){var o=this;var i;return h(Host,{class:"zonos--shipping-rich-radio zonos--elements","data-theme":this.theme,style:this.getRadioItemStyleVariables()},(i=this.items)===null||i===void 0?void 0:i.map((function(i){var e;var s=((e=o.selectedItem)===null||e===void 0?void 0:e.value)===i.value;return h("div",{"aria-hidden":"true",class:classes(["zonos--shipping-rich-radio-item",s&&"selected"]),onClick:function(){return o.handleRichRadioSelect(i)}},h("input",{checked:s,class:"zonos--shipping-rich-radio-input",name:"zonos--shipping-rich-radio",type:"radio",value:i.value}),h("div",{class:"zonos--shipping-info"},h("div",{class:"zonos--shipping-detail"},h("zonos-text",{class:"zonos--shipping-label",type:"label"},i.label),(i.sublabel||i.caption)&&h("div",{class:"zonos--sub-detail"},i.sublabel&&h("zonos-text",{color:"gray-800"},i.sublabel),i.caption&&h("zonos-text",{color:"gray-400"},i.caption))),h("zonos-text",{type:"semiBoldLabel"},i.price)))})))};return o}();ZonosShippingRichRadio.style=zonosShippingRichRadioCss;export{ZonosShippingRichRadio as zonos_shipping_rich_radio};
+import{r as registerInstance,c as createEvent,h,H as Host}from"./index-3617e24c.js";import{e as zonosStoreFontFamily,z as zonosStore}from"./zonosStore-e0b7a5cf.js";import{c as classes}from"./classes-0d95c529.js";import{g as getBorderRadius}from"./getBorderRadius-35e8acce.js";import{i as isColorVariable}from"./isColorVariable-91c33804.js";var zonosShippingRichRadioCss=":host{font-family:var(--font-family, Inter), Inter;display:block}:host *{font-family:var(--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:column;flex-direction:column}:host input{margin:0;accent-color:var(--selected-border-color, var(--amino-blue-600))}:host .zonos--shipping-rich-radio-item{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding:var(--amino-space-16);-ms-flex-align:center;align-items:center;gap:var(--amino-space-16);cursor:pointer;border:1px solid var(--amino-gray-200)}:host .zonos--shipping-rich-radio-item:first-child{border-top-left-radius:var(--border-radius, var(--amino-radius-10));border-top-right-radius:var(--border-radius, var(--amino-radius-10))}:host .zonos--shipping-rich-radio-item:last-child{border-bottom-right-radius:var(--border-radius, var(--amino-radius-10));border-bottom-left-radius:var(--border-radius, var(--amino-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(--amino-blue-600));outline-offset:-1px}:host .zonos--shipping-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex:1;flex:1}:host .zonos--shipping-detail{-ms-flex:1;flex:1}:host .zonos--sub-detail{display:-ms-inline-flexbox;display:inline-flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}";var ZonosShippingRichRadio=function(){function o(o){var i=this;registerInstance(this,o);this.radioSelected=createEvent(this,"radioSelected",7);this.handleRichRadioSelect=function(o){var s;i.selectedItem=o;(s=i.radioSelected)===null||s===void 0?void 0:s.emit(o)};this.getRadioItemStyleVariables=function(){var o=i.borderColor||zonosStore.appearance.colorSecondary;var s=isColorVariable(o)?"var(--amino-".concat(o,")"):o;return{"--border-radius":getBorderRadius(i.borderStyle),"--selected-border-color":s||"unset"}};this.items=undefined;this.borderColor=undefined;this.borderStyle=undefined;this.theme=undefined;this.selectedItem=null}o.prototype.render=function(){var o=this;var i;return h(Host,{class:"zonos--shipping-rich-radio zonos--elements","data-theme":this.theme,style:Object.assign(Object.assign({},this.getRadioItemStyleVariables()),{"--font-family":zonosStoreFontFamily()})},(i=this.items)===null||i===void 0?void 0:i.map((function(i){var s;var r=((s=o.selectedItem)===null||s===void 0?void 0:s.value)===i.value;return h("div",{"aria-hidden":"true",class:classes(["zonos--shipping-rich-radio-item",r&&"selected"]),onClick:function(){return o.handleRichRadioSelect(i)}},h("input",{checked:r,class:"zonos--shipping-rich-radio-input",name:"zonos--shipping-rich-radio",type:"radio",value:i.value}),h("div",{class:"zonos--shipping-info"},h("div",{class:"zonos--shipping-detail"},h("zonos-text",{class:"zonos--shipping-label",type:"label"},i.label),(i.sublabel||i.caption)&&h("div",{class:"zonos--sub-detail"},i.sublabel&&h("zonos-text",{color:"gray-800"},i.sublabel),i.caption&&h("zonos-text",{color:"gray-400"},i.caption))),h("zonos-text",{type:"semiBoldLabel"},i.price)))})))};return o}();ZonosShippingRichRadio.style=zonosShippingRichRadioCss;export{ZonosShippingRichRadio as zonos_shipping_rich_radio};

package/dist/esm-es5/zonos-text.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host}from"./index-d1aa9293.js";import{c as classes}from"./classes-0d95c529.js";var textOptions={pageHeader:{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",weight:900},secondaryPageHeader:{label:'Secondary Page Header (3XL) • 34px, 500 "Medium"',size:"3xl",tag:"h2",weight:500},header:{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",weight:700},descriptionHeader:{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",weight:700},title:{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",weight:600},boldSubheader:{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",weight:700},semiBoldSubheader:{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",weight:600},subheader:{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",weight:500},boldLabel:{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:700},semiBoldLabel:{label:"Semi Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:600},label:{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:500},body:{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",weight:400},smallHeader:{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",weight:600},caption:{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",weight:400},hintText:{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",weight:400}};var zonosTextCss=":host{font-family:Inter;display:block}: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{color:var(--color)}:host(.zonos--text-size-3xl)>*,:host(.zonos--text-size-3xl){font-size:var(--amino-font-size-3xl)}:host(.zonos--text-size-2xl)>*,:host(.zonos--text-size-2xl){font-size:var(--amino-font-size-2xl)}:host(.zonos--text-size-xl)>*,:host(.zonos--text-size-xl){font-size:var(--amino-font-size-xl)}:host(.zonos--text-size-l)>*,:host(.zonos--text-size-l){font-size:var(--amino-font-size-l)}:host(.zonos--text-size-base)>*,:host(.zonos--text-size-base){font-size:var(--amino-font-size-base)}:host(.zonos--text-size-s)>*,:host(.zonos--text-size-s){font-size:var(--amino-font-size-s)}:host(.zonos--text-size-xs)>*,:host(.zonos--text-size-xs){font-size:var(--amino-font-size-xs)}:host(.zonos--text-weight-900)>*,:host(.zonos--text-weight-900){font-weight:900}:host(.zonos--text-weight-700)>*,:host(.zonos--text-weight-700){font-weight:700}:host(.zonos--text-weight-600)>*,:host(.zonos--text-weight-600){font-weight:600}:host(.zonos--text-weight-500)>*,:host(.zonos--text-weight-500){font-weight:500}:host(.zonos--text-weight-400)>*,:host(.zonos--text-weight-400){font-weight:400}";var ZonosText=function(){function e(e){registerInstance(this,e);this.class="";this.color="gray-1200";this.size=undefined;this.type="body";this.weight=undefined;this.content=undefined;this.ready=false}e.prototype.componentDidRender=function(){var e=this;setTimeout((function(){e.ready=true}),100)};e.prototype.render=function(){var e=textOptions.body,t=e.size,s=e.tag,o=e.weight;var i=textOptions[this.type],a=i.size,n=i.tag,l=i.weight;var r=this.size||a||t;var z=this.weight||l||o;var x=n||s;var g=function(){switch(x){case"h2":return h("h2",null,h("slot",null));case"h3":return h("h3",null,h("slot",null));case"h4":return h("h4",null,h("slot",null));case"h5":return h("h5",null,h("slot",null));case"span":default:return h("span",null,h("slot",null))}};return h(Host,{class:classes(["zonos--text-size-".concat(r),"zonos--text-weight-".concat(z),this.class]),style:{"--color":this.color?"var(--amino-".concat(this.color,")"):""}},g())};return e}();ZonosText.style=zonosTextCss;export{ZonosText as zonos_text};
+import{r as registerInstance,h,H as Host}from"./index-3617e24c.js";import{e as zonosStoreFontFamily}from"./zonosStore-e0b7a5cf.js";import{c as classes}from"./classes-0d95c529.js";var textOptions={pageHeader:{label:"Page Header (3XL) · 34px (2.125rem)",size:"3xl",tag:"h2",weight:900},secondaryPageHeader:{label:'Secondary Page Header (3XL) • 34px, 500 "Medium"',size:"3xl",tag:"h2",weight:500},header:{label:"Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",weight:700},descriptionHeader:{label:"Description Header (2XL) · 28px (1.75rem)",size:"2xl",tag:"h3",weight:700},title:{label:"Title (XL) • 22px (1.375rem)",size:"xl",tag:"h4",weight:600},boldSubheader:{label:"Bold Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",weight:700},semiBoldSubheader:{label:"Semi Bold Subheader (L / H4) • 18px (1.125rem)",size:"l",tag:"h5",weight:600},subheader:{label:"Subheader (L) • 18px (1.125rem)",size:"l",tag:"h5",weight:500},boldLabel:{label:"Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:700},semiBoldLabel:{label:"Semi Bold Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:600},label:{label:"Label (Base) • 14px (.875rem)",size:"base",tag:"span",weight:500},body:{label:"Body (Base) • 14px (.875rem)",size:"base",tag:"span",weight:400},smallHeader:{label:"Small header (S) • 12px (.75rem)",size:"s",tag:"span",weight:600},caption:{label:"Caption (S) • 12px (.75rem)",size:"s",tag:"span",weight:400},hintText:{label:"Hint text (XS) • 10px (.625rem)",size:"xs",tag:"span",weight:400}};var zonosTextCss=":host{font-family:var(--font-family, Inter), Inter;display:block}:host *{font-family:var(--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{color:var(--color)}:host(.zonos--text-size-3xl)>*,:host(.zonos--text-size-3xl){font-size:var(--amino-font-size-3xl)}:host(.zonos--text-size-2xl)>*,:host(.zonos--text-size-2xl){font-size:var(--amino-font-size-2xl)}:host(.zonos--text-size-xl)>*,:host(.zonos--text-size-xl){font-size:var(--amino-font-size-xl)}:host(.zonos--text-size-l)>*,:host(.zonos--text-size-l){font-size:var(--amino-font-size-l)}:host(.zonos--text-size-base)>*,:host(.zonos--text-size-base){font-size:var(--amino-font-size-base)}:host(.zonos--text-size-s)>*,:host(.zonos--text-size-s){font-size:var(--amino-font-size-s)}:host(.zonos--text-size-xs)>*,:host(.zonos--text-size-xs){font-size:var(--amino-font-size-xs)}:host(.zonos--text-weight-900)>*,:host(.zonos--text-weight-900){font-weight:900}:host(.zonos--text-weight-700)>*,:host(.zonos--text-weight-700){font-weight:700}:host(.zonos--text-weight-600)>*,:host(.zonos--text-weight-600){font-weight:600}:host(.zonos--text-weight-500)>*,:host(.zonos--text-weight-500){font-weight:500}:host(.zonos--text-weight-400)>*,:host(.zonos--text-weight-400){font-weight:400}";var ZonosText=function(){function t(t){registerInstance(this,t);this.class="";this.color="gray-1200";this.size=undefined;this.type="body";this.weight=undefined;this.content=undefined;this.ready=false}t.prototype.componentDidRender=function(){var t=this;setTimeout((function(){t.ready=true}),100)};t.prototype.render=function(){var t=textOptions.body,e=t.size,s=t.tag,o=t.weight;var i=textOptions[this.type],a=i.size,n=i.tag,l=i.weight;var r=this.size||a||e;var z=this.weight||l||o;var x=n||s;var g=function(){switch(x){case"h2":return h("h2",null,h("slot",null));case"h3":return h("h3",null,h("slot",null));case"h4":return h("h4",null,h("slot",null));case"h5":return h("h5",null,h("slot",null));case"span":default:return h("span",null,h("slot",null))}};return h(Host,{class:classes(["zonos--text-size-".concat(r),"zonos--text-weight-".concat(z),this.class]),style:{"--color":this.color?"var(--amino-".concat(this.color,")"):"","--font-family":zonosStoreFontFamily()}},g())};return t}();ZonosText.style=zonosTextCss;export{ZonosText as zonos_text};

package/dist/esm-es5/zonosStore-e0b7a5cf.js

@@ -0,0 +1 @@
+var __spreadArray=this&&this.__spreadArray||function(e,r,t){if(t||arguments.length===2)for(var a=0,n=r.length,o;a<n;a++){if(o||!(a in r)){if(!o)o=Array.prototype.slice.call(r,0,a);o[a]=r[a]}}return e.concat(o||Array.prototype.slice.call(r))};import{g as getRenderingRef,f as forceUpdate}from"./index-3617e24c.js";var appendToMap=function(e,r,t){var a=e.get(r);if(!a){e.set(r,[t])}else if(!a.includes(t)){a.push(t)}};var debounce=function(e,r){var t;return function(){var a=[];for(var n=0;n<arguments.length;n++){a[n]=arguments[n]}if(t){clearTimeout(t)}t=setTimeout((function(){t=0;e.apply(void 0,a)}),r)}};var isConnected=function(e){return!("isConnected"in e)||e.isConnected};var cleanupElements=debounce((function(e){for(var r=0,t=e.keys();r<t.length;r++){var a=t[r];e.set(a,e.get(a).filter(isConnected))}}),2e3);var stencilSubscription=function(){if(typeof getRenderingRef!=="function"){return{}}var e=new Map;return{dispose:function(){return e.clear()},get:function(r){var t=getRenderingRef();if(t){appendToMap(e,r,t)}},set:function(r){var t=e.get(r);if(t){e.set(r,t.filter(forceUpdate))}cleanupElements(e)},reset:function(){e.forEach((function(e){return e.forEach(forceUpdate)}));cleanupElements(e)}}};var unwrap=function(e){return typeof e==="function"?e():e};var createObservableMap=function(e,r){if(r===void 0){r=function(e,r){return e!==r}}var t=unwrap(e);var a=new Map(Object.entries(t!==null&&t!==void 0?t:{}));var n={dispose:[],get:[],set:[],reset:[]};var o=function(){var r;a=new Map(Object.entries((r=unwrap(e))!==null&&r!==void 0?r:{}));n.reset.forEach((function(e){return e()}))};var i=function(){n.dispose.forEach((function(e){return e()}));o()};var s=function(e){n.get.forEach((function(r){return r(e)}));return a.get(e)};var c=function(e,t){var o=a.get(e);if(r(t,o,e)){a.set(e,t);n.set.forEach((function(r){return r(e,t,o)}))}};var u=typeof Proxy==="undefined"?{}:new Proxy(t,{get:function(e,r){return s(r)},ownKeys:function(e){return Array.from(a.keys())},getOwnPropertyDescriptor:function(){return{enumerable:true,configurable:true}},has:function(e,r){return a.has(r)},set:function(e,r,t){c(r,t);return true}});var f=function(e,r){n[e].push(r);return function(){removeFromArray(n[e],r)}};var v=function(r,t){var a=f("set",(function(e,a){if(e===r){t(a)}}));var n=f("reset",(function(){return t(unwrap(e)[r])}));return function(){a();n()}};var l=function(){var e=[];for(var r=0;r<arguments.length;r++){e[r]=arguments[r]}var t=e.reduce((function(e,r){if(r.set){e.push(f("set",r.set))}if(r.get){e.push(f("get",r.get))}if(r.reset){e.push(f("reset",r.reset))}if(r.dispose){e.push(f("dispose",r.dispose))}return e}),[]);return function(){return t.forEach((function(e){return e()}))}};var _=function(e){var r=a.get(e);n.set.forEach((function(t){return t(e,r,r)}))};return{state:u,get:s,set:c,on:f,onChange:v,use:l,dispose:i,reset:o,forceUpdate:_}};var removeFromArray=function(e,r){var t=e.indexOf(r);if(t>=0){e[t]=e[e.length-1];e.length--}};var createStore=function(e,r){var t=createObservableMap(e,r);t.use(stencilSubscription());return t};function listCacheClear(){this.__data__=[];this.size=0}var _listCacheClear=listCacheClear;function eq(e,r){return e===r||e!==e&&r!==r}var eq_1=eq;function assocIndexOf(e,r){var t=e.length;while(t--){if(eq_1(e[t][0],r)){return t}}return-1}var _assocIndexOf=assocIndexOf;var arrayProto=Array.prototype;var splice=arrayProto.splice;function listCacheDelete(e){var r=this.__data__,t=_assocIndexOf(r,e);if(t<0){return false}var a=r.length-1;if(t==a){r.pop()}else{splice.call(r,t,1)}--this.size;return true}var _listCacheDelete=listCacheDelete;function listCacheGet(e){var r=this.__data__,t=_assocIndexOf(r,e);return t<0?undefined:r[t][1]}var _listCacheGet=listCacheGet;function listCacheHas(e){return _assocIndexOf(this.__data__,e)>-1}var _listCacheHas=listCacheHas;function listCacheSet(e,r){var t=this.__data__,a=_assocIndexOf(t,e);if(a<0){++this.size;t.push([e,r])}else{t[a][1]=r}return this}var _listCacheSet=listCacheSet;function ListCache(e){var r=-1,t=e==null?0:e.length;this.clear();while(++r<t){var a=e[r];this.set(a[0],a[1])}}ListCache.prototype.clear=_listCacheClear;ListCache.prototype["delete"]=_listCacheDelete;ListCache.prototype.get=_listCacheGet;ListCache.prototype.has=_listCacheHas;ListCache.prototype.set=_listCacheSet;var _ListCache=ListCache;function stackClear(){this.__data__=new _ListCache;this.size=0}var _stackClear=stackClear;function stackDelete(e){var r=this.__data__,t=r["delete"](e);this.size=r.size;return t}var _stackDelete=stackDelete;function stackGet(e){return this.__data__.get(e)}var _stackGet=stackGet;function stackHas(e){return this.__data__.has(e)}var _stackHas=stackHas;var commonjsGlobal=typeof globalThis!=="undefined"?globalThis:typeof window!=="undefined"?window:typeof global!=="undefined"?global:typeof self!=="undefined"?self:{};function createCommonjsModule(e,r,t){return t={path:r,exports:{},require:function(e,r){return commonjsRequire()}},e(t,t.exports),t.exports}function commonjsRequire(){throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs")}var freeGlobal=typeof commonjsGlobal=="object"&&commonjsGlobal&&commonjsGlobal.Object===Object&&commonjsGlobal;var _freeGlobal=freeGlobal;var freeSelf=typeof self=="object"&&self&&self.Object===Object&&self;var root=_freeGlobal||freeSelf||Function("return this")();var _root=root;var Symbol=_root.Symbol;var _Symbol=Symbol;var objectProto$a=Object.prototype;var hasOwnProperty$8=objectProto$a.hasOwnProperty;var nativeObjectToString$1=objectProto$a.toString;var symToStringTag$1=_Symbol?_Symbol.toStringTag:undefined;function getRawTag(e){var r=hasOwnProperty$8.call(e,symToStringTag$1),t=e[symToStringTag$1];try{e[symToStringTag$1]=undefined;var a=true}catch(e){}var n=nativeObjectToString$1.call(e);if(a){if(r){e[symToStringTag$1]=t}else{delete e[symToStringTag$1]}}return n}var _getRawTag=getRawTag;var objectProto$9=Object.prototype;var nativeObjectToString=objectProto$9.toString;function objectToString(e){return nativeObjectToString.call(e)}var _objectToString=objectToString;var nullTag="[object Null]",undefinedTag="[object Undefined]";var symToStringTag=_Symbol?_Symbol.toStringTag:undefined;function baseGetTag(e){if(e==null){return e===undefined?undefinedTag:nullTag}return symToStringTag&&symToStringTag in Object(e)?_getRawTag(e):_objectToString(e)}var _baseGetTag=baseGetTag;function isObject(e){var r=typeof e;return e!=null&&(r=="object"||r=="function")}var isObject_1=isObject;var asyncTag="[object AsyncFunction]",funcTag$1="[object Function]",genTag="[object GeneratorFunction]",proxyTag="[object Proxy]";function isFunction(e){if(!isObject_1(e)){return false}var r=_baseGetTag(e);return r==funcTag$1||r==genTag||r==asyncTag||r==proxyTag}var isFunction_1=isFunction;var coreJsData=_root["__core-js_shared__"];var _coreJsData=coreJsData;var maskSrcKey=function(){var e=/[^.]+$/.exec(_coreJsData&&_coreJsData.keys&&_coreJsData.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""}();function isMasked(e){return!!maskSrcKey&&maskSrcKey in e}var _isMasked=isMasked;var funcProto$2=Function.prototype;var funcToString$2=funcProto$2.toString;function toSource(e){if(e!=null){try{return funcToString$2.call(e)}catch(e){}try{return e+""}catch(e){}}return""}var _toSource=toSource;var reRegExpChar=/[\\^$.*+?()[\]{}|]/g;var reIsHostCtor=/^\[object .+?Constructor\]$/;var funcProto$1=Function.prototype,objectProto$8=Object.prototype;var funcToString$1=funcProto$1.toString;var hasOwnProperty$7=objectProto$8.hasOwnProperty;var reIsNative=RegExp("^"+funcToString$1.call(hasOwnProperty$7).replace(reRegExpChar,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function baseIsNative(e){if(!isObject_1(e)||_isMasked(e)){return false}var r=isFunction_1(e)?reIsNative:reIsHostCtor;return r.test(_toSource(e))}var _baseIsNative=baseIsNative;function getValue(e,r){return e==null?undefined:e[r]}var _getValue=getValue;function getNative(e,r){var t=_getValue(e,r);return _baseIsNative(t)?t:undefined}var _getNative=getNative;var Map$1=_getNative(_root,"Map");var _Map=Map$1;var nativeCreate=_getNative(Object,"create");var _nativeCreate=nativeCreate;function hashClear(){this.__data__=_nativeCreate?_nativeCreate(null):{};this.size=0}var _hashClear=hashClear;function hashDelete(e){var r=this.has(e)&&delete this.__data__[e];this.size-=r?1:0;return r}var _hashDelete=hashDelete;var HASH_UNDEFINED$1="__lodash_hash_undefined__";var objectProto$7=Object.prototype;var hasOwnProperty$6=objectProto$7.hasOwnProperty;function hashGet(e){var r=this.__data__;if(_nativeCreate){var t=r[e];return t===HASH_UNDEFINED$1?undefined:t}return hasOwnProperty$6.call(r,e)?r[e]:undefined}var _hashGet=hashGet;var objectProto$6=Object.prototype;var hasOwnProperty$5=objectProto$6.hasOwnProperty;function hashHas(e){var r=this.__data__;return _nativeCreate?r[e]!==undefined:hasOwnProperty$5.call(r,e)}var _hashHas=hashHas;var HASH_UNDEFINED="__lodash_hash_undefined__";function hashSet(e,r){var t=this.__data__;this.size+=this.has(e)?0:1;t[e]=_nativeCreate&&r===undefined?HASH_UNDEFINED:r;return this}var _hashSet=hashSet;function Hash(e){var r=-1,t=e==null?0:e.length;this.clear();while(++r<t){var a=e[r];this.set(a[0],a[1])}}Hash.prototype.clear=_hashClear;Hash.prototype["delete"]=_hashDelete;Hash.prototype.get=_hashGet;Hash.prototype.has=_hashHas;Hash.prototype.set=_hashSet;var _Hash=Hash;function mapCacheClear(){this.size=0;this.__data__={hash:new _Hash,map:new(_Map||_ListCache),string:new _Hash}}var _mapCacheClear=mapCacheClear;function isKeyable(e){var r=typeof e;return r=="string"||r=="number"||r=="symbol"||r=="boolean"?e!=="__proto__":e===null}var _isKeyable=isKeyable;function getMapData(e,r){var t=e.__data__;return _isKeyable(r)?t[typeof r=="string"?"string":"hash"]:t.map}var _getMapData=getMapData;function mapCacheDelete(e){var r=_getMapData(this,e)["delete"](e);this.size-=r?1:0;return r}var _mapCacheDelete=mapCacheDelete;function mapCacheGet(e){return _getMapData(this,e).get(e)}var _mapCacheGet=mapCacheGet;function mapCacheHas(e){return _getMapData(this,e).has(e)}var _mapCacheHas=mapCacheHas;function mapCacheSet(e,r){var t=_getMapData(this,e),a=t.size;t.set(e,r);this.size+=t.size==a?0:1;return this}var _mapCacheSet=mapCacheSet;function MapCache(e){var r=-1,t=e==null?0:e.length;this.clear();while(++r<t){var a=e[r];this.set(a[0],a[1])}}MapCache.prototype.clear=_mapCacheClear;MapCache.prototype["delete"]=_mapCacheDelete;MapCache.prototype.get=_mapCacheGet;MapCache.prototype.has=_mapCacheHas;MapCache.prototype.set=_mapCacheSet;var _MapCache=MapCache;var LARGE_ARRAY_SIZE=200;function stackSet(e,r){var t=this.__data__;if(t instanceof _ListCache){var a=t.__data__;if(!_Map||a.length<LARGE_ARRAY_SIZE-1){a.push([e,r]);this.size=++t.size;return this}t=this.__data__=new _MapCache(a)}t.set(e,r);this.size=t.size;return this}var _stackSet=stackSet;function Stack(e){var r=this.__data__=new _ListCache(e);this.size=r.size}Stack.prototype.clear=_stackClear;Stack.prototype["delete"]=_stackDelete;Stack.prototype.get=_stackGet;Stack.prototype.has=_stackHas;Stack.prototype.set=_stackSet;var _Stack=Stack;var defineProperty=function(){try{var e=_getNative(Object,"defineProperty");e({},"",{});return e}catch(e){}}();var _defineProperty=defineProperty;function baseAssignValue(e,r,t){if(r=="__proto__"&&_defineProperty){_defineProperty(e,r,{configurable:true,enumerable:true,value:t,writable:true})}else{e[r]=t}}var _baseAssignValue=baseAssignValue;function assignMergeValue(e,r,t){if(t!==undefined&&!eq_1(e[r],t)||t===undefined&&!(r in e)){_baseAssignValue(e,r,t)}}var _assignMergeValue=assignMergeValue;function createBaseFor(e){return function(r,t,a){var n=-1,o=Object(r),i=a(r),s=i.length;while(s--){var c=i[e?s:++n];if(t(o[c],c,o)===false){break}}return r}}var _createBaseFor=createBaseFor;var baseFor=_createBaseFor();var _baseFor=baseFor;var _cloneBuffer=createCommonjsModule((function(e,r){var t=r&&!r.nodeType&&r;var a=t&&"object"=="object"&&e&&!e.nodeType&&e;var n=a&&a.exports===t;var o=n?_root.Buffer:undefined,i=o?o.allocUnsafe:undefined;function s(e,r){if(r){return e.slice()}var t=e.length,a=i?i(t):new e.constructor(t);e.copy(a);return a}e.exports=s}));var Uint8Array=_root.Uint8Array;var _Uint8Array=Uint8Array;function cloneArrayBuffer(e){var r=new e.constructor(e.byteLength);new _Uint8Array(r).set(new _Uint8Array(e));return r}var _cloneArrayBuffer=cloneArrayBuffer;function cloneTypedArray(e,r){var t=r?_cloneArrayBuffer(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.length)}var _cloneTypedArray=cloneTypedArray;function copyArray(e,r){var t=-1,a=e.length;r||(r=Array(a));while(++t<a){r[t]=e[t]}return r}var _copyArray=copyArray;var objectCreate=Object.create;var baseCreate=function(){function e(){}return function(r){if(!isObject_1(r)){return{}}if(objectCreate){return objectCreate(r)}e.prototype=r;var t=new e;e.prototype=undefined;return t}}();var _baseCreate=baseCreate;function overArg(e,r){return function(t){return e(r(t))}}var _overArg=overArg;var getPrototype=_overArg(Object.getPrototypeOf,Object);var _getPrototype=getPrototype;var objectProto$5=Object.prototype;function isPrototype(e){var r=e&&e.constructor,t=typeof r=="function"&&r.prototype||objectProto$5;return e===t}var _isPrototype=isPrototype;function initCloneObject(e){return typeof e.constructor=="function"&&!_isPrototype(e)?_baseCreate(_getPrototype(e)):{}}var _initCloneObject=initCloneObject;function isObjectLike(e){return e!=null&&typeof e=="object"}var isObjectLike_1=isObjectLike;var argsTag$1="[object Arguments]";function baseIsArguments(e){return isObjectLike_1(e)&&_baseGetTag(e)==argsTag$1}var _baseIsArguments=baseIsArguments;var objectProto$4=Object.prototype;var hasOwnProperty$4=objectProto$4.hasOwnProperty;var propertyIsEnumerable=objectProto$4.propertyIsEnumerable;var isArguments=_baseIsArguments(function(){return arguments}())?_baseIsArguments:function(e){return isObjectLike_1(e)&&hasOwnProperty$4.call(e,"callee")&&!propertyIsEnumerable.call(e,"callee")};var isArguments_1=isArguments;var isArray=Array.isArray;var isArray_1=isArray;var MAX_SAFE_INTEGER$1=9007199254740991;function isLength(e){return typeof e=="number"&&e>-1&&e%1==0&&e<=MAX_SAFE_INTEGER$1}var isLength_1=isLength;function isArrayLike(e){return e!=null&&isLength_1(e.length)&&!isFunction_1(e)}var isArrayLike_1=isArrayLike;function isArrayLikeObject(e){return isObjectLike_1(e)&&isArrayLike_1(e)}var isArrayLikeObject_1=isArrayLikeObject;function stubFalse(){return false}var stubFalse_1=stubFalse;var isBuffer_1=createCommonjsModule((function(e,r){var t=r&&!r.nodeType&&r;var a=t&&"object"=="object"&&e&&!e.nodeType&&e;var n=a&&a.exports===t;var o=n?_root.Buffer:undefined;var i=o?o.isBuffer:undefined;var s=i||stubFalse_1;e.exports=s}));var objectTag$1="[object Object]";var funcProto=Function.prototype,objectProto$3=Object.prototype;var funcToString=funcProto.toString;var hasOwnProperty$3=objectProto$3.hasOwnProperty;var objectCtorString=funcToString.call(Object);function isPlainObject(e){if(!isObjectLike_1(e)||_baseGetTag(e)!=objectTag$1){return false}var r=_getPrototype(e);if(r===null){return true}var t=hasOwnProperty$3.call(r,"constructor")&&r.constructor;return typeof t=="function"&&t instanceof t&&funcToString.call(t)==objectCtorString}var isPlainObject_1=isPlainObject;var argsTag="[object Arguments]",arrayTag="[object Array]",boolTag="[object Boolean]",dateTag="[object Date]",errorTag="[object Error]",funcTag="[object Function]",mapTag="[object Map]",numberTag="[object Number]",objectTag="[object Object]",regexpTag="[object RegExp]",setTag="[object Set]",stringTag="[object String]",weakMapTag="[object WeakMap]";var arrayBufferTag="[object ArrayBuffer]",dataViewTag="[object DataView]",float32Tag="[object Float32Array]",float64Tag="[object Float64Array]",int8Tag="[object Int8Array]",int16Tag="[object Int16Array]",int32Tag="[object Int32Array]",uint8Tag="[object Uint8Array]",uint8ClampedTag="[object Uint8ClampedArray]",uint16Tag="[object Uint16Array]",uint32Tag="[object Uint32Array]";var typedArrayTags={};typedArrayTags[float32Tag]=typedArrayTags[float64Tag]=typedArrayTags[int8Tag]=typedArrayTags[int16Tag]=typedArrayTags[int32Tag]=typedArrayTags[uint8Tag]=typedArrayTags[uint8ClampedTag]=typedArrayTags[uint16Tag]=typedArrayTags[uint32Tag]=true;typedArrayTags[argsTag]=typedArrayTags[arrayTag]=typedArrayTags[arrayBufferTag]=typedArrayTags[boolTag]=typedArrayTags[dataViewTag]=typedArrayTags[dateTag]=typedArrayTags[errorTag]=typedArrayTags[funcTag]=typedArrayTags[mapTag]=typedArrayTags[numberTag]=typedArrayTags[objectTag]=typedArrayTags[regexpTag]=typedArrayTags[setTag]=typedArrayTags[stringTag]=typedArrayTags[weakMapTag]=false;function baseIsTypedArray(e){return isObjectLike_1(e)&&isLength_1(e.length)&&!!typedArrayTags[_baseGetTag(e)]}var _baseIsTypedArray=baseIsTypedArray;function baseUnary(e){return function(r){return e(r)}}var _baseUnary=baseUnary;var _nodeUtil=createCommonjsModule((function(e,r){var t=r&&!r.nodeType&&r;var a=t&&"object"=="object"&&e&&!e.nodeType&&e;var n=a&&a.exports===t;var o=n&&_freeGlobal.process;var i=function(){try{var e=a&&a.require&&a.require("util").types;if(e){return e}return o&&o.binding&&o.binding("util")}catch(e){}}();e.exports=i}));var nodeIsTypedArray=_nodeUtil&&_nodeUtil.isTypedArray;var isTypedArray=nodeIsTypedArray?_baseUnary(nodeIsTypedArray):_baseIsTypedArray;var isTypedArray_1=isTypedArray;function safeGet(e,r){if(r==="constructor"&&typeof e[r]==="function"){return}if(r=="__proto__"){return}return e[r]}var _safeGet=safeGet;var objectProto$2=Object.prototype;var hasOwnProperty$2=objectProto$2.hasOwnProperty;function assignValue(e,r,t){var a=e[r];if(!(hasOwnProperty$2.call(e,r)&&eq_1(a,t))||t===undefined&&!(r in e)){_baseAssignValue(e,r,t)}}var _assignValue=assignValue;function copyObject(e,r,t,a){var n=!t;t||(t={});var o=-1,i=r.length;while(++o<i){var s=r[o];var c=a?a(t[s],e[s],s,t,e):undefined;if(c===undefined){c=e[s]}if(n){_baseAssignValue(t,s,c)}else{_assignValue(t,s,c)}}return t}var _copyObject=copyObject;function baseTimes(e,r){var t=-1,a=Array(e);while(++t<e){a[t]=r(t)}return a}var _baseTimes=baseTimes;var MAX_SAFE_INTEGER=9007199254740991;var reIsUint=/^(?:0|[1-9]\d*)$/;function isIndex(e,r){var t=typeof e;r=r==null?MAX_SAFE_INTEGER:r;return!!r&&(t=="number"||t!="symbol"&&reIsUint.test(e))&&(e>-1&&e%1==0&&e<r)}var _isIndex=isIndex;var objectProto$1=Object.prototype;var hasOwnProperty$1=objectProto$1.hasOwnProperty;function arrayLikeKeys(e,r){var t=isArray_1(e),a=!t&&isArguments_1(e),n=!t&&!a&&isBuffer_1(e),o=!t&&!a&&!n&&isTypedArray_1(e),i=t||a||n||o,s=i?_baseTimes(e.length,String):[],c=s.length;for(var u in e){if((r||hasOwnProperty$1.call(e,u))&&!(i&&(u=="length"||n&&(u=="offset"||u=="parent")||o&&(u=="buffer"||u=="byteLength"||u=="byteOffset")||_isIndex(u,c)))){s.push(u)}}return s}var _arrayLikeKeys=arrayLikeKeys;function nativeKeysIn(e){var r=[];if(e!=null){for(var t in Object(e)){r.push(t)}}return r}var _nativeKeysIn=nativeKeysIn;var objectProto=Object.prototype;var hasOwnProperty=objectProto.hasOwnProperty;function baseKeysIn(e){if(!isObject_1(e)){return _nativeKeysIn(e)}var r=_isPrototype(e),t=[];for(var a in e){if(!(a=="constructor"&&(r||!hasOwnProperty.call(e,a)))){t.push(a)}}return t}var _baseKeysIn=baseKeysIn;function keysIn(e){return isArrayLike_1(e)?_arrayLikeKeys(e,true):_baseKeysIn(e)}var keysIn_1=keysIn;function toPlainObject(e){return _copyObject(e,keysIn_1(e))}var toPlainObject_1=toPlainObject;function baseMergeDeep(e,r,t,a,n,o,i){var s=_safeGet(e,t),c=_safeGet(r,t),u=i.get(c);if(u){_assignMergeValue(e,t,u);return}var f=o?o(s,c,t+"",e,r,i):undefined;var v=f===undefined;if(v){var l=isArray_1(c),_=!l&&isBuffer_1(c),g=!l&&!_&&isTypedArray_1(c);f=c;if(l||_||g){if(isArray_1(s)){f=s}else if(isArrayLikeObject_1(s)){f=_copyArray(s)}else if(_){v=false;f=_cloneBuffer(c,true)}else if(g){v=false;f=_cloneTypedArray(c,true)}else{f=[]}}else if(isPlainObject_1(c)||isArguments_1(c)){f=s;if(isArguments_1(s)){f=toPlainObject_1(s)}else if(!isObject_1(s)||isFunction_1(s)){f=_initCloneObject(c)}}else{v=false}}if(v){i.set(c,f);n(f,c,a,o,i);i["delete"](c)}_assignMergeValue(e,t,f)}var _baseMergeDeep=baseMergeDeep;function baseMerge(e,r,t,a,n){if(e===r){return}_baseFor(r,(function(o,i){n||(n=new _Stack);if(isObject_1(o)){_baseMergeDeep(e,r,i,t,baseMerge,a,n)}else{var s=a?a(_safeGet(e,i),o,i+"",e,r,n):undefined;if(s===undefined){s=o}_assignMergeValue(e,i,s)}}),keysIn_1)}var _baseMerge=baseMerge;function identity(e){return e}var identity_1=identity;function apply(e,r,t){switch(t.length){case 0:return e.call(r);case 1:return e.call(r,t[0]);case 2:return e.call(r,t[0],t[1]);case 3:return e.call(r,t[0],t[1],t[2])}return e.apply(r,t)}var _apply=apply;var nativeMax=Math.max;function overRest(e,r,t){r=nativeMax(r===undefined?e.length-1:r,0);return function(){var a=arguments,n=-1,o=nativeMax(a.length-r,0),i=Array(o);while(++n<o){i[n]=a[r+n]}n=-1;var s=Array(r+1);while(++n<r){s[n]=a[n]}s[r]=t(i);return _apply(e,this,s)}}var _overRest=overRest;function constant(e){return function(){return e}}var constant_1=constant;var baseSetToString=!_defineProperty?identity_1:function(e,r){return _defineProperty(e,"toString",{configurable:true,enumerable:false,value:constant_1(r),writable:true})};var _baseSetToString=baseSetToString;var HOT_COUNT=800,HOT_SPAN=16;var nativeNow=Date.now;function shortOut(e){var r=0,t=0;return function(){var a=nativeNow(),n=HOT_SPAN-(a-t);t=a;if(n>0){if(++r>=HOT_COUNT){return arguments[0]}}else{r=0}return e.apply(undefined,arguments)}}var _shortOut=shortOut;var setToString=_shortOut(_baseSetToString);var _setToString=setToString;function baseRest(e,r){return _setToString(_overRest(e,r,identity_1),e+"")}var _baseRest=baseRest;function isIterateeCall(e,r,t){if(!isObject_1(t)){return false}var a=typeof r;if(a=="number"?isArrayLike_1(t)&&_isIndex(r,t.length):a=="string"&&r in t){return eq_1(t[r],e)}return false}var _isIterateeCall=isIterateeCall;function createAssigner(e){return _baseRest((function(r,t){var a=-1,n=t.length,o=n>1?t[n-1]:undefined,i=n>2?t[2]:undefined;o=e.length>3&&typeof o=="function"?(n--,o):undefined;if(i&&_isIterateeCall(t[0],t[1],i)){o=n<3?undefined:o;n=1}r=Object(r);while(++a<n){var s=t[a];if(s){e(r,s,a,o)}}return r}))}var _createAssigner=createAssigner;var merge=_createAssigner((function(e,r,t){_baseMerge(e,r,t)}));var merge_1=merge;var mergeConfig=function(e,r){var t=[];for(var a=2;a<arguments.length;a++){t[a-2]=arguments[a]}var n=__spreadArray([e,r],t,true).filter(Boolean);return merge_1.apply(null,n)};var _d=createStore((function(){return{appearance:{colorPrimary:"purple",fontFamily:"Inter",logoUrl:"",style:"ROUNDED",theme:"LIGHT",zonosAttribution:"DISABLED"},checkoutSettings:{allowedDomains:[],analyticsProviders:[],orderNotifications:{abandonedCart:{delay:0,discountPercent:0,status:{active:"DISABLED",sendCopiesTo:[]}},orderCancelled:{active:"DISABLED",sendCopiesTo:[]},orderConfirmation:{active:"DISABLED",sendCopiesTo:[]},orderShipped:{active:"DISABLED",sendCopiesTo:[]}},organization:"",placeOrderButtonSelector:null,subscriptionStatus:"INACTIVE",successBehavior:"REDIRECT_TO_SUCCESS_PAGE",successRedirectUrl:"",visibilityStatus:"ENABLED"},currentHelloPage:"",helloSettings:{allowedDomains:[],anchorElementSelector:"",cartUrlPattern:"",currencyBehavior:"ENABLED",currencyElementSelector:".money",dutyTaxEstimationBehavior:"ENABLED",excludedUrlPatterns:[],homepageUrlPattern:"",mobileLocation:"BOTTOM_RIGHT",mode:"LIVE",organization:"",peekMessageBehavior:"ENABLED",peekMessageDelay:0,productAddToCartElementSelector:"",productDescriptionElementSelector:"",productDetailUrlPattern:"",productListUrlPattern:"",productPriceElementSelector:"",productTitleElementSelector:"",restrictionBehavior:"DISABLED"},loadedConfig:false,onlineStoreSettings:{allowedDomains:[]},organizationName:"",sourceCurrency:"USD",storeId:null,stripeApiKey:"",zonosApiKey:""}})),reset=_d.reset,zonosStore=_d.state;var savedZonosSettings=null;var zonosStoreInitSetting=function(e){var r=e.overrideSettings,t=e.zonosSettings;var a,n,o;reset();if(t){savedZonosSettings=t}zonosStore.appearance=mergeConfig(zonosStore.appearance,(savedZonosSettings===null||savedZonosSettings===void 0?void 0:savedZonosSettings.appearanceSettings)||(t===null||t===void 0?void 0:t.appearanceSettings)||null,r.appearance);zonosStore.checkoutSettings=mergeConfig(zonosStore.checkoutSettings,(savedZonosSettings===null||savedZonosSettings===void 0?void 0:savedZonosSettings.checkoutSettings)||(t===null||t===void 0?void 0:t.checkoutSettings)||null,r.checkoutSettings);zonosStore.helloSettings=mergeConfig(zonosStore.helloSettings,(savedZonosSettings===null||savedZonosSettings===void 0?void 0:savedZonosSettings.helloSettings)||(t===null||t===void 0?void 0:t.helloSettings)||null,r.helloSettings);zonosStore.onlineStoreSettings=mergeConfig(zonosStore.onlineStoreSettings,(savedZonosSettings===null||savedZonosSettings===void 0?void 0:savedZonosSettings.onlineStoreSettings)||(t===null||t===void 0?void 0:t.onlineStoreSettings)||null,r.onlineStoreSettings);zonosStore.loadedConfig=true;zonosStore.organizationName=((a=t===null||t===void 0?void 0:t.organization)===null||a===void 0?void 0:a.name)||"";zonosStore.storeId=((o=(n=t===null||t===void 0?void 0:t.organization)===null||n===void 0?void 0:n.references)===null||o===void 0?void 0:o.storeId)||null;zonosStore.currencyConverter=r.currencyConverter};var zonosStoreFontFamily=function(){var e=zonosStore.appearance.fontFamily||"Inter";return e};export{_root as _,createCommonjsModule as a,commonjsGlobal as b,createStore as c,zonosStoreInitSetting as d,zonosStoreFontFamily as e,_baseGetTag as f,isObject_1 as g,isObjectLike_1 as i,mergeConfig as m,zonosStore as z};

package/dist/scripts/extractZonosQaUrl.js

@@ -0,0 +1,30 @@
+'use strict';
+
+/**
+ * Extracts the zonosQaUrl from the url
+ *
+ * @param url - url to extract zonosQaUrl from
+ *
+ * **NOTE**: value of zonosQaUrl param should be without protocol, allowed characters are: a-z, A-Z, 0-9, -, _
+ * @example
+ * valid: https://www.zonos.com/?zonosQaUrl=some-feature-v988
+ * invalid: https://www.zonos.com/?zonosQaUrl=https://zonos-something
+ */
+const extractZonosQaUrl = (url) => {
+    if (!url) {
+        return null;
+    }
+    // get params from url
+    const param = new URL(url).searchParams;
+    const zonosQaUrl = param.get('zonosQaUrl');
+    if (!zonosQaUrl) {
+        return null;
+    }
+    const hasInvalidCharacters = /[^a-zA-Z0-9-_]+/.test(zonosQaUrl);
+    if (!!hasInvalidCharacters) {
+        return null;
+    }
+    return zonosQaUrl;
+};
+
+exports.extractZonosQaUrl = extractZonosQaUrl;

package/dist/scripts/loadZonos.js

@@ -30,6 +30,33 @@ const logError = (message, ...rest) => {
     console.error(message, ...rest);
 };
 
+/**
+ * Extracts the zonosQaUrl from the url
+ *
+ * @param url - url to extract zonosQaUrl from
+ *
+ * **NOTE**: value of zonosQaUrl param should be without protocol, allowed characters are: a-z, A-Z, 0-9, -, _
+ * @example
+ * valid: https://www.zonos.com/?zonosQaUrl=some-feature-v988
+ * invalid: https://www.zonos.com/?zonosQaUrl=https://zonos-something
+ */
+const extractZonosQaUrl = (url) => {
+    if (!url) {
+        return null;
+    }
+    // get params from url
+    const param = new URL(url).searchParams;
+    const zonosQaUrl = param.get('zonosQaUrl');
+    if (!zonosQaUrl) {
+        return null;
+    }
+    const hasInvalidCharacters = /[^a-zA-Z0-9-_]+/.test(zonosQaUrl);
+    if (!!hasInvalidCharacters) {
+        return null;
+    }
+    return zonosQaUrl;
+};
+
 /* eslint-disable no-console */
 /** Loading stripe script extracted from stripe.js repository  */
 const V3_URL = 'https://js.stripe.com/v3';
@@ -141,44 +168,40 @@ const zonosLoadStripe = async (...args) => {
 };
 
 var _a;
-// 3 hours
-const EXPIRED_QA_TIME = 3 * 60 * 60 * 1000;
-// validate the time format (yyyymmddhhmmss) in the qa params if exceeds 1 hour, don't use qa
-const isZonosQa = (() => {
-    const zonosQaTime = window.location.search.match(/\?.*(&*)zonosQa=(\d+)/);
-    if (!zonosQaTime) {
-        return false;
-    }
-    const [, , zonosQaTimeExtracted] = zonosQaTime;
-    if (!zonosQaTimeExtracted) {
-        return false;
-    }
-    const zonosQaTimeValue = parseInt(zonosQaTimeExtracted, 10);
-    const now = new Date();
-    const nowTime = now.getTime();
-    const isValid = nowTime - zonosQaTimeValue < EXPIRED_QA_TIME;
-    if (isValid) {
-        // Zonos class is not available in here yet, so we use console.warn instead of log util
-        // eslint-disable-next-line no-console
-        console.warn(`[ZONOS-WARNING] USING DEBUG DOMAIN, THIS IS ONLY FOR ZONOS DEVELOPER TO DEBUG, PLEASE REMOVE zonosQa=xxx OUT OF URL IF YOU DON'T KNOW WHAT YOU'RE DOING`);
+const zonosQaUrl = (() => {
+    const qaUrl = extractZonosQaUrl(window.location.href);
+    if (!qaUrl) {
+        return null;
     }
-    else {
-        // Zonos class is not available in here yet, so we use console.warn instead of log util
+    const suffixDomain = 'preview.js.zonos.com';
+    const fullUrl = `https://${qaUrl}.${suffixDomain}`;
+    // eslint-disable-next-line no-console
+    console.warn(`[ZONOS-WARNING] using '${fullUrl}' for loading script`);
+    // request to the url and check if the request has an error
+    void fetch(fullUrl)
+        .then(() => {
+        // cleanup checkout session to avoid using the prod session in preview domain
+        window.sessionStorage.removeItem('zonos--checkout-session-id');
+        window.sessionStorage.removeItem('zonos--client-secret');
+    })
+        .catch(() => {
         // eslint-disable-next-line no-console
-        console.warn(`[ZONOS-WARNING] QA DOMAIN IS EXPIRED, USING PRODUCTION DOMAIN NOW`);
-        // remove the zonosQa param from url
+        alert(`[ZONOS-WARNING] '${fullUrl}' IS NO LONGER AVAILABLE. REMOVING zonosQaUrl PARAM AND RELOADING THE PAGE`);
+        // remove the zonosQaUrl param from url
         const urlSearchParams = new URLSearchParams(window.location.search);
-        urlSearchParams.delete('zonosQa');
-        const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
+        urlSearchParams.delete('zonosQaUrl');
+        const { pathname } = window.location;
+        const newUrl = `${pathname}?${urlSearchParams.toString()}`;
         window.history.replaceState({}, '', newUrl);
-    }
-    return isValid;
+        window.location.reload();
+        return null;
+    });
+    return fullUrl;
 })();
-const ZONOS_URL = isZonosQa
-    ? 'https://debug.js.zonos.com'
-    : "https://v1.2.3.js.zonos.com";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.2.3";
+const ZONOS_URL = zonosQaUrl || "https://v1.2.4-alpha.2.js.zonos.com";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.2.4-alpha.2";
 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(.*)$/;
 class Zonos {
 }
@@ -188,10 +211,13 @@ Zonos.doneInit = false;
 Zonos.debug = !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
 Zonos.isBigCommerce = false;
 Zonos.internationalHideSelector = '';
-Zonos.version = `v${"1.2.3"}`;
+Zonos.zonosQaUrl = zonosQaUrl;
+Zonos.version = `v${"1.2.4-alpha.2"}`;
+Zonos.modeAlerted = false;
 Zonos.getCurrentTimestamp = () => new Date().getTime();
+Zonos.zonosController = null;
 Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, zonosApiKey, }) => {
-    if (Zonos.doneInit) {
+    if (_a.doneInit) {
         // do nothing if zonos is already initializeds
         return;
     }
@@ -203,13 +229,13 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
     _a.zonosApiKey = zonosApiKey;
     log('init zonos');
     // inject zonos cdn
-    Zonos.injectZonosCdn();
+    _a.injectZonosCdn();
     // inject css for zonos elements
-    Zonos.injectZonosCss();
+    _a.injectZonosCss();
     // inject fonts for zonos elements
-    Zonos.injectFonts();
+    _a.injectFonts();
     // init zonos controller
-    Zonos.injectController({
+    _a.injectController({
         config: {
             appearance,
             checkoutSettings,
@@ -218,7 +244,7 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
         },
         zonosApiKey,
     });
-    Zonos.doneInit = true;
+    _a.doneInit = true;
 };
 Zonos.displayCurrency = () => {
     const zonosHello = document.querySelector('zonos-hello');
@@ -227,8 +253,8 @@ Zonos.displayCurrency = () => {
     }
 };
 Zonos.showNotification = (notification) => {
-    const zonosController = document.querySelector('zonos-controller');
-    void (zonosController === null || zonosController === void 0 ? void 0 : zonosController.showNotification(notification));
+    var _b;
+    void ((_b = _a.zonosController) === null || _b === void 0 ? void 0 : _b.showNotification(notification));
 };
 Zonos.disablePlaceOrderButtons = ({ autoEnable = true, disable, placeOrderButtonSelector, }) => {
     // if placeOrderAnchor is passed in the config for checkoutSettings, disable the place order button until zonos is initialized
@@ -295,7 +321,8 @@ Zonos.injectController = ({ config, zonosApiKey, }) => {
         void zonosController.initCheckoutElement(stripe);
     });
     document.body.appendChild(zonosController);
-    // eslint-disable-next-line no-console
+    // set zonos controller to be global
+    _a.zonosController = zonosController;
     log('Zonos controller injected!');
 };
 Zonos.injectScript = ({ fallBackDomain, isModule, scriptDomain, theRestUrl, }) => {
@@ -390,7 +417,6 @@ Zonos.injectZonosCss = () => {
         return !!document.querySelector(`link[rel="stylesheet"][href*="/dist/zonos-elements/zonos-elements.css"]`);
     };
     if (findStyleLink()) {
-        // eslint-disable-next-line no-console
         log('Zonos style links already injected', 'warn');
         return;
     }
@@ -400,7 +426,6 @@ Zonos.injectZonosCss = () => {
         stylesheetDomain: ZONOS_URL,
         theRestUrl: 'dist/zonos-elements/zonos-elements.css',
     });
-    // eslint-disable-next-line no-console
     log('Zonos style css injected!');
 };
 Zonos.injectFonts = () => {
@@ -419,23 +444,49 @@ Zonos.injectFonts = () => {
         return null;
     };
     if (findFont()) {
-        // eslint-disable-next-line no-console
         log('Inter font already injected', 'warn');
         return;
     }
     const headOrBody = document.head || document.body;
-    // inject css for zonos elements
+    // inject font css for zonos elements
     const fontPreconnect = document.createElement('link');
     fontPreconnect.rel = 'preconnect';
     fontPreconnect.href = INTER_FONT_URL;
     headOrBody.appendChild(fontPreconnect);
-    // inject css for zonos elements
+    // inject font css for zonos elements
     const font = document.createElement('link');
     font.rel = 'stylesheet';
     font.href = `${INTER_FONT_URL}/inter/inter.css`;
     headOrBody.appendChild(font);
-    // eslint-disable-next-line no-console
     log('Zonos font injected!');
 };
+// apply font for zonos elements and inject font if needed
+Zonos.setupGoogleFont = (fontFamily) => {
+    var _b;
+    void ((_b = _a.zonosController) === null || _b === void 0 ? void 0 : _b.setupGoogleFont(fontFamily));
+};
+// this function is to inject google font to the browser, not apply the font for zonos elements, to apply the font and inject font if needed, use `setupGoogleFont` instead
+Zonos.injectSupportGoogleFont = (fontUrl) => {
+    var _b;
+    log(`[FONT] injecting ${fontUrl}`);
+    const fontFamily = (_b = fontUrl.match(/family=(.*?):/)) === null || _b === void 0 ? void 0 : _b[1];
+    const headOrBody = document.head || document.body;
+    // inject font css for zonos elements
+    if (!document.querySelector(`link[rel="preconnect"][href^="${GOOGLE_FONT_URL}"]`)) {
+        const customFontPreconnect = document.createElement('link');
+        customFontPreconnect.rel = 'preconnect';
+        customFontPreconnect.href = GOOGLE_FONT_URL;
+        headOrBody.appendChild(customFontPreconnect);
+    }
+    if (document.querySelector(`link[rel="stylesheet"][href="${fontUrl}"]`)) {
+        log(`[FONT] ${fontFamily} font already injected`, 'warn');
+        return;
+    }
+    const customFont = document.createElement('link');
+    customFont.rel = 'stylesheet';
+    customFont.href = fontUrl;
+    headOrBody.appendChild(customFont);
+    log(`[FONT] ${fontFamily} font injected!`);
+};
 
 window.Zonos = Zonos;

package/dist/scripts/zonos.js

@@ -30,6 +30,33 @@ const logError = (message, ...rest) => {
     console.error(message, ...rest);
 };
 
+/**
+ * Extracts the zonosQaUrl from the url
+ *
+ * @param url - url to extract zonosQaUrl from
+ *
+ * **NOTE**: value of zonosQaUrl param should be without protocol, allowed characters are: a-z, A-Z, 0-9, -, _
+ * @example
+ * valid: https://www.zonos.com/?zonosQaUrl=some-feature-v988
+ * invalid: https://www.zonos.com/?zonosQaUrl=https://zonos-something
+ */
+const extractZonosQaUrl = (url) => {
+    if (!url) {
+        return null;
+    }
+    // get params from url
+    const param = new URL(url).searchParams;
+    const zonosQaUrl = param.get('zonosQaUrl');
+    if (!zonosQaUrl) {
+        return null;
+    }
+    const hasInvalidCharacters = /[^a-zA-Z0-9-_]+/.test(zonosQaUrl);
+    if (!!hasInvalidCharacters) {
+        return null;
+    }
+    return zonosQaUrl;
+};
+
 /* eslint-disable no-console */
 /** Loading stripe script extracted from stripe.js repository  */
 const V3_URL = 'https://js.stripe.com/v3';
@@ -141,44 +168,40 @@ const zonosLoadStripe = async (...args) => {
 };
 
 var _a;
-// 3 hours
-const EXPIRED_QA_TIME = 3 * 60 * 60 * 1000;
-// validate the time format (yyyymmddhhmmss) in the qa params if exceeds 1 hour, don't use qa
-const isZonosQa = (() => {
-    const zonosQaTime = window.location.search.match(/\?.*(&*)zonosQa=(\d+)/);
-    if (!zonosQaTime) {
-        return false;
-    }
-    const [, , zonosQaTimeExtracted] = zonosQaTime;
-    if (!zonosQaTimeExtracted) {
-        return false;
-    }
-    const zonosQaTimeValue = parseInt(zonosQaTimeExtracted, 10);
-    const now = new Date();
-    const nowTime = now.getTime();
-    const isValid = nowTime - zonosQaTimeValue < EXPIRED_QA_TIME;
-    if (isValid) {
-        // Zonos class is not available in here yet, so we use console.warn instead of log util
-        // eslint-disable-next-line no-console
-        console.warn(`[ZONOS-WARNING] USING DEBUG DOMAIN, THIS IS ONLY FOR ZONOS DEVELOPER TO DEBUG, PLEASE REMOVE zonosQa=xxx OUT OF URL IF YOU DON'T KNOW WHAT YOU'RE DOING`);
+const zonosQaUrl = (() => {
+    const qaUrl = extractZonosQaUrl(window.location.href);
+    if (!qaUrl) {
+        return null;
     }
-    else {
-        // Zonos class is not available in here yet, so we use console.warn instead of log util
+    const suffixDomain = 'preview.js.zonos.com';
+    const fullUrl = `https://${qaUrl}.${suffixDomain}`;
+    // eslint-disable-next-line no-console
+    console.warn(`[ZONOS-WARNING] using '${fullUrl}' for loading script`);
+    // request to the url and check if the request has an error
+    void fetch(fullUrl)
+        .then(() => {
+        // cleanup checkout session to avoid using the prod session in preview domain
+        window.sessionStorage.removeItem('zonos--checkout-session-id');
+        window.sessionStorage.removeItem('zonos--client-secret');
+    })
+        .catch(() => {
         // eslint-disable-next-line no-console
-        console.warn(`[ZONOS-WARNING] QA DOMAIN IS EXPIRED, USING PRODUCTION DOMAIN NOW`);
-        // remove the zonosQa param from url
+        alert(`[ZONOS-WARNING] '${fullUrl}' IS NO LONGER AVAILABLE. REMOVING zonosQaUrl PARAM AND RELOADING THE PAGE`);
+        // remove the zonosQaUrl param from url
         const urlSearchParams = new URLSearchParams(window.location.search);
-        urlSearchParams.delete('zonosQa');
-        const newUrl = `${window.location.pathname}?${urlSearchParams.toString()}`;
+        urlSearchParams.delete('zonosQaUrl');
+        const { pathname } = window.location;
+        const newUrl = `${pathname}?${urlSearchParams.toString()}`;
         window.history.replaceState({}, '', newUrl);
-    }
-    return isValid;
+        window.location.reload();
+        return null;
+    });
+    return fullUrl;
 })();
-const ZONOS_URL = isZonosQa
-    ? 'https://debug.js.zonos.com'
-    : "https://v1.2.3.js.zonos.com";
-const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.2.3";
+const ZONOS_URL = zonosQaUrl || "https://v1.2.4-alpha.2.js.zonos.com";
+const UNPKG_ZONOS_URL = "https://unpkg.com/@zonos/elements@1.2.4-alpha.2";
 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(.*)$/;
 class Zonos {
 }
@@ -188,10 +211,13 @@ Zonos.doneInit = false;
 Zonos.debug = !!window.location.search.match(/\?.*(&*)zonosDebug=1/);
 Zonos.isBigCommerce = false;
 Zonos.internationalHideSelector = '';
-Zonos.version = `v${"1.2.3"}`;
+Zonos.zonosQaUrl = zonosQaUrl;
+Zonos.version = `v${"1.2.4-alpha.2"}`;
+Zonos.modeAlerted = false;
 Zonos.getCurrentTimestamp = () => new Date().getTime();
+Zonos.zonosController = null;
 Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSettings, zonosApiKey, }) => {
-    if (Zonos.doneInit) {
+    if (_a.doneInit) {
         // do nothing if zonos is already initializeds
         return;
     }
@@ -203,13 +229,13 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
     _a.zonosApiKey = zonosApiKey;
     log('init zonos');
     // inject zonos cdn
-    Zonos.injectZonosCdn();
+    _a.injectZonosCdn();
     // inject css for zonos elements
-    Zonos.injectZonosCss();
+    _a.injectZonosCss();
     // inject fonts for zonos elements
-    Zonos.injectFonts();
+    _a.injectFonts();
     // init zonos controller
-    Zonos.injectController({
+    _a.injectController({
         config: {
             appearance,
             checkoutSettings,
@@ -218,7 +244,7 @@ Zonos.init = async ({ appearance, checkoutSettings, currencyConverter, helloSett
         },
         zonosApiKey,
     });
-    Zonos.doneInit = true;
+    _a.doneInit = true;
 };
 Zonos.displayCurrency = () => {
     const zonosHello = document.querySelector('zonos-hello');
@@ -227,8 +253,8 @@ Zonos.displayCurrency = () => {
     }
 };
 Zonos.showNotification = (notification) => {
-    const zonosController = document.querySelector('zonos-controller');
-    void (zonosController === null || zonosController === void 0 ? void 0 : zonosController.showNotification(notification));
+    var _b;
+    void ((_b = _a.zonosController) === null || _b === void 0 ? void 0 : _b.showNotification(notification));
 };
 Zonos.disablePlaceOrderButtons = ({ autoEnable = true, disable, placeOrderButtonSelector, }) => {
     // if placeOrderAnchor is passed in the config for checkoutSettings, disable the place order button until zonos is initialized
@@ -295,7 +321,8 @@ Zonos.injectController = ({ config, zonosApiKey, }) => {
         void zonosController.initCheckoutElement(stripe);
     });
     document.body.appendChild(zonosController);
-    // eslint-disable-next-line no-console
+    // set zonos controller to be global
+    _a.zonosController = zonosController;
     log('Zonos controller injected!');
 };
 Zonos.injectScript = ({ fallBackDomain, isModule, scriptDomain, theRestUrl, }) => {
@@ -390,7 +417,6 @@ Zonos.injectZonosCss = () => {
         return !!document.querySelector(`link[rel="stylesheet"][href*="/dist/zonos-elements/zonos-elements.css"]`);
     };
     if (findStyleLink()) {
-        // eslint-disable-next-line no-console
         log('Zonos style links already injected', 'warn');
         return;
     }
@@ -400,7 +426,6 @@ Zonos.injectZonosCss = () => {
         stylesheetDomain: ZONOS_URL,
         theRestUrl: 'dist/zonos-elements/zonos-elements.css',
     });
-    // eslint-disable-next-line no-console
     log('Zonos style css injected!');
 };
 Zonos.injectFonts = () => {
@@ -419,23 +444,49 @@ Zonos.injectFonts = () => {
         return null;
     };
     if (findFont()) {
-        // eslint-disable-next-line no-console
         log('Inter font already injected', 'warn');
         return;
     }
     const headOrBody = document.head || document.body;
-    // inject css for zonos elements
+    // inject font css for zonos elements
     const fontPreconnect = document.createElement('link');
     fontPreconnect.rel = 'preconnect';
     fontPreconnect.href = INTER_FONT_URL;
     headOrBody.appendChild(fontPreconnect);
-    // inject css for zonos elements
+    // inject font css for zonos elements
     const font = document.createElement('link');
     font.rel = 'stylesheet';
     font.href = `${INTER_FONT_URL}/inter/inter.css`;
     headOrBody.appendChild(font);
-    // eslint-disable-next-line no-console
     log('Zonos font injected!');
 };
+// apply font for zonos elements and inject font if needed
+Zonos.setupGoogleFont = (fontFamily) => {
+    var _b;
+    void ((_b = _a.zonosController) === null || _b === void 0 ? void 0 : _b.setupGoogleFont(fontFamily));
+};
+// this function is to inject google font to the browser, not apply the font for zonos elements, to apply the font and inject font if needed, use `setupGoogleFont` instead
+Zonos.injectSupportGoogleFont = (fontUrl) => {
+    var _b;
+    log(`[FONT] injecting ${fontUrl}`);
+    const fontFamily = (_b = fontUrl.match(/family=(.*?):/)) === null || _b === void 0 ? void 0 : _b[1];
+    const headOrBody = document.head || document.body;
+    // inject font css for zonos elements
+    if (!document.querySelector(`link[rel="preconnect"][href^="${GOOGLE_FONT_URL}"]`)) {
+        const customFontPreconnect = document.createElement('link');
+        customFontPreconnect.rel = 'preconnect';
+        customFontPreconnect.href = GOOGLE_FONT_URL;
+        headOrBody.appendChild(customFontPreconnect);
+    }
+    if (document.querySelector(`link[rel="stylesheet"][href="${fontUrl}"]`)) {
+        log(`[FONT] ${fontFamily} font already injected`, 'warn');
+        return;
+    }
+    const customFont = document.createElement('link');
+    customFont.rel = 'stylesheet';
+    customFont.href = fontUrl;
+    headOrBody.appendChild(customFont);
+    log(`[FONT] ${fontFamily} font injected!`);
+};
 
 exports.Zonos = Zonos;

package/dist/types/__tests__/build-utils/urlCheckOne.d.ts

@@ -0,0 +1,6 @@
+export declare const urlCheckOne: ({ branch, filePath, packageVersion, }: {
+    /** Branch that the build is compiled for */
+    branch: string;
+    filePath: string;
+    packageVersion: string;
+}) => Promise<boolean>;