@zonos/elements 1.3.285 → 1.3.287

package/dist/zonos-elements/{p-6afd5fab.entry.js → p-31ac495f.entry.js}

@@ -1 +1 @@
-import{r as o,h as t,a as s}from"./p-ce75b047.js";const e=class{constructor(t){o(this,t),this.href=""}render(){return t(s,{key:"a8f6a7e96c5da6d98554ca6e40999596f7d4ead8",class:"zonos--elements"},t("a",{key:"1df6e963d3e2e2dd5fadd97e39d3a05981458170",href:this.href,rel:this.rel,target:this.target,title:this.linkTitle},t("slot",{key:"515048e9395bf523b29efaad40d60509ef0d767f"})))}};e.style=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:inline-block}:host a{padding-bottom:2px;color:var(--zonos-elements-primary);-webkit-box-shadow:none;box-shadow:none;text-decoration:none;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word}:host a:link,:host a:visited{color:var(--zonos-elements-primary);-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}:host a:hover,:host a:active{color:var(--zonos-elements-primary);-webkit-box-shadow:0 1px 0 var(--zonos-elements-primary);box-shadow:0 1px 0 var(--zonos-elements-primary)}";export{e as zonos_link}
+import{r as o,h as t,a as s}from"./p-_lt63o7c.js";const e=class{constructor(t){o(this,t),this.href=""}render(){return t(s,{key:"a8f6a7e96c5da6d98554ca6e40999596f7d4ead8",class:"zonos--elements"},t("a",{key:"1df6e963d3e2e2dd5fadd97e39d3a05981458170",href:this.href,rel:this.rel,target:this.target,title:this.linkTitle},t("slot",{key:"515048e9395bf523b29efaad40d60509ef0d767f"})))}};e.style=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:inline-block}:host a{padding-bottom:2px;color:var(--zonos-elements-primary);-webkit-box-shadow:none;box-shadow:none;text-decoration:none;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word}:host a:link,:host a:visited{color:var(--zonos-elements-primary);-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}:host a:hover,:host a:active{color:var(--zonos-elements-primary);-webkit-box-shadow:0 1px 0 var(--zonos-elements-primary);box-shadow:0 1px 0 var(--zonos-elements-primary)}";export{e as zonos_link}

package/dist/zonos-elements/p-34d1545a.entry.js

@@ -0,0 +1 @@
+import{r as o,d as t,h as e,a as s,g as n}from"./p-_lt63o7c.js";import{a}from"./p-CtEsvWI6.js";import{c as l}from"./p-BJHSB96f.js";import{g as i}from"./p-3ERbuo5a.js";import"./p-BJmZPrZl.js";const r=class{constructor(e){o(this,e),this.inputChange=t(this,"inputChange",7),this.inputValue="",this.inputSize="md",this.isDisabled=!1,this.isError=!1,this.inputPlaceholder="",this.value=this.inputValue}onInputValueChange(o){this.value=o,this.inputChange.emit(o)}render(){return e(s,{key:"bda69850cbd7478614011282716320c87ae9f9aa",class:l(["zonos--input zonos--elements",this.inputSize,this.isError&&"has-error"]),style:{"--zonos--border-radius":i(),"--zonos--font-family":a()}},e("div",{key:"4159ba855ec2b63cdeba2f1c22179ca52e0c677d",class:l(["zonos--label-wrapper",this.isDisabled&&"disabled"])},e("input",{key:"97609767c20661f2dc485b56cb90a6007102660b",class:l(["zonos--floated-input",!!this.inputLabel&&"has-label",this.inputValue&&"has-content",this.isError&&"has-error"]),disabled:this.isDisabled,onInput:o=>{this.inputChange.emit(o.target.value)},placeholder:this.inputPlaceholder,type:"text",value:this.value}),e("label",{key:"9bb796fcb97082a8d2c3945ed6f0a4181d6ca7d9",class:"zonos--floated-label","data-label":this.inputLabel})))}get el(){return n(this)}static get watchers(){return{inputValue:[{onInputValueChange:0}]}}};r.style=':host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{margin:1px}:host .zonos--label-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%;background:var(--zonos-elements-input-background);border-radius:var(--zonos--border-radius);border:var(--zonos-elements-border)}:host .zonos--label-wrapper:hover{border:1px solid var(--zonos-elements-gray-300)}:host .zonos--floated-input{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;padding:0 16px;outline:none;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);width:100%;border-radius:var(--zonos--border-radius);background:var(--zonos-elements-input-background);border:0;-ms-flex-order:2;order:2;font-weight:500}:host .zonos--floated-input :-internal-autofill-selected{border-radius:var(--zonos-elements-radius-6) 0 0 var(--zonos-elements-radius-6)}:host .zonos--floated-input :-internal-autofill-selected+label+div{background-color:#e8f0fe}:host .zonos--floated-input.has-label{padding:16px 4px 8px 16px}:host .zonos--floated-input.has-label.has-input-prefix{padding-left:0}:host .zonos--floated-input.has-label.has-input-prefix+.zonos--floated-label::before{margin-left:0}:host .zonos--floated-input:not(.has-label)::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label):-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input:not(.has-label)::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input::-webkit-input-placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-moz-placeholder{-moz-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::-ms-input-placeholder{-ms-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input::placeholder{-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);opacity:0}:host .zonos--floated-input:focus{outline:none}:host .zonos--floated-input:focus+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-blue);box-shadow:var(--zonos-elements-glow-blue)}:host .zonos--floated-input.has-error+.zonos--floated-label::after{-webkit-box-shadow:var(--zonos-elements-glow-error);box-shadow:var(--zonos-elements-glow-error)}:host .zonos--floated-input.has-content::-webkit-input-placeholder,:host .zonos--floated-input:focus::-webkit-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-moz-placeholder,:host .zonos--floated-input:focus::-moz-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content:-ms-input-placeholder,:host .zonos--floated-input:focus:-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::-ms-input-placeholder,:host .zonos--floated-input:focus::-ms-input-placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content::placeholder,:host .zonos--floated-input:focus::placeholder{opacity:var(--zonos-elements-opacity-disabled)}:host .zonos--floated-input.has-content+.zonos--floated-label::before,:host .zonos--floated-input:focus+.zonos--floated-label::before{top:11px;-webkit-transform:scale(0.8);transform:scale(0.8)}:host .zonos--floated-input:-webkit-autofill,:host .zonos--floated-input:-moz-autofill{background-color:var(--zonos-elements-input-background);color:var(--zonos-elements-text-color)}:host .zonos--floated-label{display:block;max-height:0;pointer-events:none;-ms-flex-order:1;order:1}:host .zonos--floated-label::before{content:attr(data-label);color:var(--zonos-elements-gray-800);position:absolute;font-size:var(--zonos-elements-font-size-base);line-height:var(--zonos-elements-font-size-base);display:inline-block;-webkit-filter:blur(0);filter:blur(0);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:var(--zonos-elements-transition);transition:var(--zonos-elements-transition);margin-left:16px;top:calc(50% - var(--zonos-elements-font-size-base) / 2);z-index:1}:host .zonos--floated-label::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--zonos--border-radius)}:host{}:host .disabled .zonos--floated-label{pointer-events:inherit}:host .disabled .zonos--floated-label::after{cursor:not-allowed;z-index:1}:host(.sm){height:calc(var(--zonos-elements-size-sm) - 2px)}:host(.sm) .zonos--floated-input.has-label{padding-top:13px;padding-bottom:0}:host(.sm) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.sm) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:2px}:host(.md){height:calc(var(--zonos-elements-size-md) - 2px)}:host(.md) .zonos--floated-input.has-label{padding-top:20px}:host(.md) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.md) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:6px}:host(.lg){height:calc(var(--zonos-elements-size-lg) - 2px)}:host(.lg) .zonos--floated-input.has-label:focus+.zonos--floated-label::before,:host(.lg) .zonos--floated-input.has-label.has-content+.zonos--floated-label::before{top:10px}:host(.xl){height:calc(var(--zonos-elements-size-xl) - 2px)}:host(.xl) .zonos--floated-input.has-label{padding-bottom:2px}';export{r as zonos_input}

package/dist/zonos-elements/p-39c8a898.entry.js

@@ -0,0 +1 @@
+import{r as t,h as o,a as s,g as e,d as a}from"./p-_lt63o7c.js";import{a as n}from"./p-CtEsvWI6.js";import{c as i}from"./p-BJHSB96f.js";import{g as r}from"./p-3ERbuo5a.js";import{b as h,t as c}from"./p-DHwpNxG9.js";import{s as l}from"./p-DTgv0QpG.js";import{l as p}from"./p-DE4a-QD5.js";import{d as m,e as d}from"./p-CJCoACvU.js";import{l as y}from"./p-BJmZPrZl.js";import"./p-YdrG78th.js";import"./p-Cye-evFK.js";import"./p-CICjAi70.js";import"./p-i1iCWKdv.js";const f=class{constructor(o){t(this,o),this.borderRadius=6,this.spacing="24px"}render(){const t=this.backgroundColor?`var(--zonos-elements-${this.backgroundColor})`:"transparent",e=r({customRoundRadius:`${this.borderRadius}px`,overrideBorderStyle:"ROUNDED"});return o(s,{key:"afc0d2d9b79510aa9d85c89af3c01d5a5c767787",style:{"--zonos--font-family":n()}},o("div",{key:"b68bbbb581f56db81f9b7819f6047c1ec48a956f",class:i(["styled-card"]),style:{"--zonos--background-color":t,"--zonos--border-radius":e,padding:this.spacing}},this.label&&o("header",{key:"27db75fa9c5ac5dbdfefd92656aa6d8e5b654349",class:"card-header",style:{padding:this.spacing}},o("zonos-text",{key:"f54d58eb5f010346d2fcf919baf69d5c799bdbc4",type:"subheader"},this.label),o("h-stack",{key:"a3cbee0ae5fc73bb9507d5e30ab6779f2ce46f55",spacing:8},this.actions)),o("slot",{key:"6ce557ff8df6046d428b22b290c3d79ce6bf36ad"}),(this.footerActions||this.footerContent)&&o("footer",{key:"7cc44dfa05e46026444ac1db6755b30151937be0",class:"card-footer",style:{height:this.footerHeight?`${this.footerHeight}px`:"auto",padding:this.spacing}},o("div",{key:"6c401d4fbc34346f160b239a7190eb170763c382"},this.footerContent),o("h-stack",{key:"e6cc5de886d04757374b380149fe5b78b0874cf2",spacing:8},this.footerActions))))}};f.style=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .styled-card{border:var(--zonos-elements-border);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));padding:var(--spacing, 24px);text-align:left;background-color:var(--zonos--background-color);overflow:hidden}:host .styled-card hr{margin-left:calc(var(--spacing, 24px) * -1);margin-right:calc(var(--spacing, 24px) * -1)}:host .styled-card .card-header{margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing, 24px);border-bottom:var(--zonos-elements-border);height:65px;line-height:65px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .styled-card .card-header h5{margin-bottom:0;-ms-flex:1;flex:1}:host .styled-card .card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:calc(var(--spacing, 24px) * -1);padding:var(--spacing, 24px);border-top:var(--zonos-elements-border);background:var(--zonos-elements-surface-color-secondary);margin-top:var(--spacing, 24px);border-bottom-left-radius:var(--zonos-elements-radius-8);border-bottom-right-radius:var(--zonos-elements-radius-8);height:var(--footerHeight)}";const z=class{constructor(o){t(this,o),this.theme="LIGHT"}render(){return this.el.shadowRoot?(this.el.shadowRoot.innerHTML="DARK"===this.theme?'<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">\n<mask id="mask0_3739_19124" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="536" height="200">\n<rect width="536" height="200" fill="url(#paint0_radial_3739_19124)"/>\n</mask>\n<g mask="url(#mask0_3739_19124)">\n<rect x="0.5" y="0.5" width="117" height="63" rx="9.5" stroke="white" stroke-opacity="0.08"/>\n<rect x="126.5" y="0.5" width="117" height="63" rx="9.5" stroke="white" stroke-opacity="0.08"/>\n<rect x="252.5" y="0.5" width="117" height="63" rx="9.5" stroke="white" stroke-opacity="0.08"/>\n<rect x="378.5" y="0.5" width="117" height="63" rx="9.5" stroke="white" stroke-opacity="0.08"/>\n<rect x="504.5" y="0.5" width="31" height="63" rx="9.5" stroke="white" stroke-opacity="0.08"/>\n<rect y="96" width="124" height="8" rx="4" fill="white" fill-opacity="0.08"/>\n<rect x="0.5" y="112.5" width="535" height="39" rx="7.5" stroke="white" stroke-opacity="0.08"/>\n<rect x="0.5" y="160.5" width="263" height="39" rx="7.5" stroke="white" stroke-opacity="0.08"/>\n<rect x="272.5" y="160.5" width="263" height="39" rx="7.5" stroke="white" stroke-opacity="0.08"/>\n</g>\n<defs>\n<radialGradient id="paint0_radial_3739_19124" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(268 100) rotate(90) scale(100 268)">\n<stop offset="0.25" stop-color="white" stop-opacity="0"/>\n<stop offset="0.75" stop-color="white"/>\n</radialGradient>\n</defs>\n</svg>\n':'<svg width="536" height="200" viewBox="0 0 536 200" fill="none" xmlns="http://www.w3.org/2000/svg">\n<mask id="mask0_3739_19125" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="536" height="200">\n<rect width="536" height="200" fill="url(#paint0_radial_3739_19125)"/>\n</mask>\n<g mask="url(#mask0_3739_19125)">\n<rect x="0.5" y="0.5" width="117" height="63" rx="9.5" stroke="black" stroke-opacity="0.08"/>\n<rect x="126.5" y="0.5" width="117" height="63" rx="9.5" stroke="black" stroke-opacity="0.08"/>\n<rect x="252.5" y="0.5" width="117" height="63" rx="9.5" stroke="black" stroke-opacity="0.08"/>\n<rect x="378.5" y="0.5" width="117" height="63" rx="9.5" stroke="black" stroke-opacity="0.08"/>\n<rect x="504.5" y="0.5" width="31" height="63" rx="9.5" stroke="black" stroke-opacity="0.08"/>\n<rect y="96" width="124" height="8" rx="4" fill="black" fill-opacity="0.08"/>\n<rect x="0.5" y="112.5" width="535" height="39" rx="7.5" stroke="black" stroke-opacity="0.08"/>\n<rect x="0.5" y="160.5" width="263" height="39" rx="7.5" stroke="black" stroke-opacity="0.08"/>\n<rect x="272.5" y="160.5" width="263" height="39" rx="7.5" stroke="black" stroke-opacity="0.08"/>\n</g>\n<defs>\n<radialGradient id="paint0_radial_3739_19125" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(268 100) rotate(90) scale(100 268)">\n<stop offset="0.25" stop-color="white" stop-opacity="0"/>\n<stop offset="0.75" stop-color="white"/>\n</radialGradient>\n</defs>\n</svg>\n',o(s,{class:"zonos--elements",style:{"--zonos--font-family":n(),"--zonos--height":"100%","--zonos--width":"100%"}},o("zonos-text",{type:"semiBoldLabel"},this.emptyStateText))):null}get el(){return e(this)}};z.style=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-inline-flexbox;display:inline-flex;position:relative}:host zonos-text{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host svg{width:var(--zonos--width);height:var(--zonos--height)}";const g=class{constructor(o){t(this,o),this.notificationArray=[]}async showNotification(t){const o=`id-${Math.random().toString(36).substring(2,9)}`,s=Object.assign(Object.assign({},t),{id:o,timeout:t.timeout||5e3,transitionClass:"",type:t.type||"success"});this.notificationArray=[...this.notificationArray,s],setTimeout((()=>{this.updateTransitionClass({id:o,transitionClass:"show"})}),50),setTimeout((()=>{this.removeNotification(o)}),s.timeout)}updateTransitionClass({id:t,transitionClass:o}){this.notificationArray=this.notificationArray.map((s=>s.id===t?Object.assign(Object.assign({},s),{transitionClass:o}):s))}removeNotification(t){this.updateTransitionClass({id:t,transitionClass:""}),setTimeout((()=>{this.notificationArray=this.notificationArray.filter((o=>o.id!==t))}),300)}render(){return o(s,{key:"6a790a39afc037ae56f8a53dc89c3fa899b2d659",class:i(["zonos--elements zonos--notification"]),style:{"--zonos--border-radius":r(),"--zonos--font-family":n()}},o("div",{key:"32245a784f2322fb69a65b491648a30a84b0b3d3",class:"zonos--notification-items"},this.notificationArray.map((t=>o("div",{"aria-hidden":"true",class:i(["zonos--notification-item",t.type,t.transitionClass]),key:t.id,onClick:()=>{this.removeNotification(t.id)}},o("zonos-text",{textColor:"gray-0"},t.message))))))}};g.style=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .zonos--notification-items{position:fixed;z-index:9999999999;bottom:24px;gap:8px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--notification-item{cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding:8px;border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-6));opacity:0;-ms-flex-negative:0.0001;flex-shrink:0.0001;-webkit-transform:translateY(100%);transform:translateY(100%)}:host .zonos--notification-item+:host .zonos--notification-item{margin-top:8px}:host .zonos--notification-item.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-ms-flex-positive:1000;flex-grow:1000}:host .zonos--notification-item.success{background-color:var(--zonos-elements-green-700)}:host .zonos--notification-item.error{background-color:var(--zonos-elements-red-700)}:host .zonos--notification-item.warning{background-color:var(--zonos-elements-orange-700)}";const b=class{constructor(o){t(this,o),this.stripe=h.stripe,this.stripeElements=h.stripeElements,this.isPaymentInfoFilled=!1,this.trackingSent=!1}watchIsPaymentInfoFilled(){var t;this.isPaymentInfoFilled&&!this.trackingSent&&(c({checkoutSessionId:l.checkoutSessionId,eventName:"checkout_paymentInfoFilled",metadata:{paymentMethod:null===(t=h.stripePaymentEventData)||void 0===t?void 0:t.value.type}}),this.trackingSent=!0)}async watchInitStripe(){var t;if(!this.stripeElements)return;await this.stripeElements.fetchUpdates();const o=h.stripePaymentElement||this.stripeElements.create("payment",{defaultValues:{billingDetails:{address:{country:null===(t=h.stripeAddressEventData)||void 0===t?void 0:t.value.address.country}}},layout:"tabs"}),s=this.el.querySelector(".zonos--payment-component");s?(o.mount(s),o.on("change",(t=>{t.complete&&(this.isPaymentInfoFilled=!0),h.stripePaymentEventData=t})),h.stripePaymentElement=o):p("Cannot find container element for paymentElement")}componentDidLoad(){this.watchInitStripe()}render(){return o(s,{key:"faf7791e4cbf6bf8c98fe0b2f368f408ef32b644",class:"zonos--payment zonos--elements"},this.titleText&&o("zonos-text",{key:"e6103d0e04f9905b90533bf94539aaae1d5aa604",class:"zonos--title",type:"semiBoldLabel"},this.titleText),o("div",{key:"b042060ff6fef2d7f20b20ec672b2696cb5f837c",class:"zonos--payment-component"}),o("div",{key:"b6a220513bb964a057c70141dcec89059dbbb0c8",class:"zonos--payment-paypal-container"}))}get el(){return e(this)}static get watchers(){return{isPaymentInfoFilled:[{watchIsPaymentInfoFilled:0}],stripeElements:[{watchInitStripe:0}],stripe:[{watchInitStripe:0}]}}};b.style=".sc-zonos-payment-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-payment-h *.sc-zonos-payment{font-family:var(--zonos--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:16px}.sc-zonos-payment-h .zonos--payment-component.sc-zonos-payment{margin-bottom:4px}";const x=class{constructor(o){t(this,o),this.paypalSessionDone=a(this,"paypalSessionDone",7),this.paypalSessionFail=a(this,"paypalSessionFail",7),this.storeUnsubscribeList=[]}async loadPaypal(){if(!window.Zonos.paypal)return void y("Paypal is not available");const t=m({onPaypalFail:()=>{y("onPaypalFail"),this.paypalSessionFail.emit()},onPaypalSessionDone:({orderId:t})=>{y("onPaypalSessionDone","info",{orderId:t}),this.paypalSessionDone.emit({orderId:t})}});if(!(null==t?void 0:t.length))return void y("There are no paypal buttons available");const o=this.el.querySelector(".zonos--payment-paypal-container");o?t.forEach((async t=>{await t.render(o)})):y("Cannot find container element for paypal buttons")}componentWillLoad(){this.storeUnsubscribeList=[d("paypal",this.loadPaypal.bind(this))]}componentDidLoad(){this.loadPaypal()}disconnectedCallback(){this.storeUnsubscribeList.forEach((t=>t()))}render(){return o(s,{key:"2eb9e7f7acbe26f51c32ceb722f1e59832ac918a",class:"zonos--paypal-payment zonos--elements"},o("div",{key:"47ad7f3dfdea67dd5e222e6bbba46ed4599680be",class:"zonos--payment-paypal-container"}))}get el(){return e(this)}};x.style=".sc-zonos-paypal-payment-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-paypal-payment-h *.sc-zonos-paypal-payment{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-paypal-payment-h img.sc-zonos-paypal-payment{max-width:100%}.sc-zonos-paypal-payment-h dl.sc-zonos-paypal-payment,.sc-zonos-paypal-payment-h dd.sc-zonos-paypal-payment,.sc-zonos-paypal-payment-h h1.sc-zonos-paypal-payment,.sc-zonos-paypal-payment-h h2.sc-zonos-paypal-payment,.sc-zonos-paypal-payment-h h3.sc-zonos-paypal-payment,.sc-zonos-paypal-payment-h h4.sc-zonos-paypal-payment,.sc-zonos-paypal-payment-h h5.sc-zonos-paypal-payment,.sc-zonos-paypal-payment-h h6.sc-zonos-paypal-payment,.sc-zonos-paypal-payment-h hr.sc-zonos-paypal-payment,.sc-zonos-paypal-payment-h figure.sc-zonos-paypal-payment,.sc-zonos-paypal-payment-h p.sc-zonos-paypal-payment,.sc-zonos-paypal-payment-h pre.sc-zonos-paypal-payment{margin:0}.sc-zonos-paypal-payment-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-paypal-payment-h{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column}";export{f as zonos_card,z as zonos_empty_state_payment,g as zonos_notification,b as zonos_payment,x as zonos_paypal_payment}

package/dist/zonos-elements/p-3ERbuo5a.js

@@ -0,0 +1 @@
+import{z as o}from"./p-CtEsvWI6.js";const p=p=>{const s=(null==p?void 0:p.customRoundRadius)||"10px",t=null==p?void 0:p.overrideBorderStyle;return t?"SHARP"===t?"0px":s:"SHARP"===o.appearance.style?"0px":s};export{p as g}

package/dist/zonos-elements/p-450ed170.system.entry.js

@@ -0,0 +1,46 @@
+System.register(["./p-CIevpRv_.system.js","./p-DIJaXkiE.system.js","./p-BgSx82zO.system.js","./p-CPnR_T0a.system.js","./p-C2j7R11h.system.js","./p-BSgVcCxT.system.js","./p-zVLAvre1.system.js","./p-BbgqQIHv.system.js"],(function(o){"use strict";var e,s,t,n,i,a,l,d,r,h;return{setters:[function(o){e=o.r;s=o.h;t=o.a;n=o.d},function(o){i=o.t;a=o.l},function(o){l=o.i},function(o){d=o.a},function(o){r=o.c},function(o){h=o.g},null,null],execute:function(){var c=function(){return':host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--title{margin-bottom:12px}:host .zonos--address-group{display:-ms-flexbox;display:flex;gap:4px;-ms-flex-direction:column;flex-direction:column}:host .zonos--address-line{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .zonos--address-line zonos-text+zonos-text::before{content:", ";color:var(--zonos-elements-gray-1000);margin-right:4px}:host .zonos--country-flag{width:20px;height:14px;border-radius:2px;margin:1px;position:relative;overflow:hidden;-webkit-box-shadow:var(--zonos-elements-v3-shadow-medium);box-shadow:var(--zonos-elements-v3-shadow-medium);margin-right:8px;z-index:10;justify-self:center}'};var f=o("zonos_address_display",/** @class */function(){function o(o){e(this,o)}o.prototype.render=function(){var o,e;var n=this.currentAddress,d=n.city,r=n.country,h=n.email,c=n.line1,f=n.line2,m=n.name,z=n.phone,g=n.postal_code,x=n.state;
+/**
+                     * Look the country up in the full country list first, since a billing
+                     * address can be in a country the merchant does not ship to and would
+                     * otherwise render without a country line (05CHECK-915). The shipping zone
+                     * is a subset of all countries, so this is also correct for shipping.
+                     */var u=((o=a.allCountries)===null||o===void 0?void 0:o[r])||((e=a.shippingZoneCountries)===null||e===void 0?void 0:e[r]);var b=function(o){var e=o.bold,t=o.content;var n=l(t)?"red-600":"gray-1000";return s("zonos-text",{textColor:n,type:e?"boldLabel":"body"},t)};return s(t,{class:"zonos--address-form zonos--elements"},s("div",{class:"zonos--title"},s("zonos-text",{textColor:"gray-700",type:"smallHeader"},this.addressType==="shipping"?i("Shipping"):i("Billing"))),s("div",{class:"zonos--address-group"},m&&s("div",{class:"zonos--address-line"},b({bold:true,content:m})),h&&s("div",{class:"zonos--address-line"},b({content:h})),z&&s("div",{class:"zonos--address-line"},b({content:z})),c&&s("div",{class:"zonos--address-line"},b({content:c})),f&&s("div",{class:"zonos--address-line"},b({content:f})),s("div",{class:"zonos--address-line"},d&&b({content:d}),x&&b({content:x}),g&&b({content:g})),u&&s("div",{class:"zonos--address-line"},s("zonos-country-flag",{class:"zonos--country-flag",countryCode:u.code})," ",b({content:u.displayName}))))};return o}());f.style=c();var m='<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#C5C6CA" fill-rule="evenodd" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z" clip-rule="evenodd"/><path fill="#4D505A" fill-rule="evenodd" d="M8.293 8.293a1 1 0 0 1 1.414 0L12 10.586l2.293-2.293a1 1 0 1 1 1.414 1.414L13.414 12l2.293 2.293a1 1 0 0 1-1.414 1.414L12 13.414l-2.293 2.293a1 1 0 0 1-1.414-1.414L10.586 12 8.293 9.707a1 1 0 0 1 0-1.414Z" clip-rule="evenodd"/></svg>';var z=function(){return":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--backdrop,:host .zonos--dialog-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:0.3s all ease;transition:0.3s all ease}:host .zonos--backdrop{width:100vw;height:100vh;left:0;top:0;background:var(--zonos-elements-backdrop-color);position:fixed}:host .zonos--loading{position:absolute;left:0;right:0;bottom:0;top:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;gap:4px;z-index:2147483009;background:var(--zonos-elements-gray-0);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10))}:host .zonos--loading-text,:host .zonos--loading-title{max-width:100%;padding:0 32px;text-align:center}:host .zonos--dialog-layout{width:100vw;height:100vh;left:0;top:0;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:var(--zonos-elements-text-color);visibility:hidden}:host .zonos--dialog{position:relative;z-index:2147483008;background:var(--zonos-elements-gray-0);max-width:90vw;max-height:90vh;min-height:var(--zonos--min-height, auto);height:var(--zonos--height, auto);width:var(--zonos--width, auto);border-radius:var(--zonos--border-radius, var(--zonos-elements-radius-10));outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);border:var(--zonos-elements-border);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .zonos--header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:16px 24px}:host .zonos--header .-zonos-stencil-library--header-text{-ms-flex-positive:1;flex-grow:1}:host .zonos--header .zonos--close-button{width:var(--zonos-elements-size-md);height:var(--zonos-elements-size-md);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;border-radius:var(--zonos-elements-radius-10);-ms-flex-item-align:start;align-self:flex-start}:host .zonos--header .zonos--close-button:hover{background:var(--zonos-elements-hover-color)}:host .zonos--body{padding:8px 24px;max-height:100%;height:100%;overflow:auto}:host .zonos--body.zonos--no-body-padding{padding:0}:host .zonos--footer{padding:16px 24px}:host(.open) .zonos--dialog-layout,:host(.open) .zonos--backdrop{visibility:visible}:host(.open) .zonos--backdrop{z-index:2147483008;opacity:0.65}:host(.open) .zonos--dialog-layout{opacity:1;z-index:2147483009;-webkit-transform:scale(1);transform:scale(1)}:host(.no-border) .zonos--dialog{border:none}:host(.mobile) .zonos--dialog{max-width:100vw;max-height:100vh;height:100%;width:100%;border-radius:0;-webkit-box-shadow:none;box-shadow:none;border:none}"};var g=o("zonos_dialog",/** @class */function(){function o(o){var s=this;e(this,o);this.closeDialog=n(this,"closeDialog",3);
+/**
+                     * Whether or not the dialog is open
+                     * @default false
+                     */this.open=false;
+/**
+                     * The header text for the dialog
+                     */this.headerText="";
+/**
+                     * The width of the dialog
+                     * @default 460px
+                     */this.width="460px";
+/**
+                     * Whether or not to show the header
+                     * @default false
+                     */this.noHeader=false;
+/**
+                     * Whether or not to have body padding
+                     * @default false
+                     */this.noBodyPadding=false;
+/**
+                     * Whether or not to have body padding
+                     * @default false
+                     */this.noBorder=false;
+/**
+                     * Whether or not to show the close button
+                     * @default false
+                     */this.noCloseButton=false;
+/**
+                     * Whether or not to close the dialog when clicking outside of it
+                     * @default false
+                     */this.noClickOutside=false;
+/**
+                     * Flag to determine if the checkout is on mobile
+                     */this.mobile=false;
+/**
+                     * Load loading spinner for the dialog or not
+                     */this.isLoading=true;this.isMobile=false;this.isMobileMode=function(){return s.mobile||window.innerWidth<=768};this.closeButtonHandler=function(){
+// Only do the action if the dialog is open
+if(!s.open){return}s.closeDialog.emit()};this.clickOutsideDialogHandler=function(o){if(o.target===o.currentTarget&&!s.noClickOutside){s.closeDialog.emit()}}}o.prototype.handleWindowResize=function(){this.isMobile=this.isMobileMode()};o.prototype.handleKeyDown=function(o){if(o.key==="Escape"){this.closeButtonHandler()}};o.prototype.componentDidLoad=function(){this.isMobile=this.isMobileMode()};o.prototype.render=function(){var o=h({overrideBorderStyle:this.borderStyle});return s(t,{key:"73740b7d8c127367bbc2c621d036288920b3801d",class:r(["zonos--elements",this.open&&"open",this.isLoading&&"is-loading",this.noBorder&&"no-border",this.isMobile&&"mobile"]),style:{"--zonos--border-radius":o,"--zonos--font-family":d(),"--zonos--height":this.height||"initial","--zonos--min-height":this.minHeight||"500px","--zonos--width":this.width}},s("div",{key:"441c6b5c503a431909f52699ee60992609dea232",class:"zonos--backdrop"}),s("div",{key:"94fb4689581ae2d781cae264740bbf9dbd42deac",class:"zonos--dialog-layout",inert:!this.open,onClick:this.clickOutsideDialogHandler},s("div",{key:"ba788097f52ca80229d16ce910071b56647061f9",class:"zonos--dialog"},this.isLoading&&s("div",{key:"47bfe052272192a74aeed3a5ddbed802ae27bc16",class:"zonos--loading"},s("zonos-spinner",{key:"49168e9057d08233654abfa0ca36138d205ca283",size:30}),this.loadingTitle&&s("zonos-text",{key:"ed89b9b21e30b0e670b296306ed9b797f2baa75e",class:"zonos--loading-title",size:"l",weight:700},this.loadingTitle),this.loadingText&&s("zonos-text",{key:"7770dbdcf4e1fb630e0ed6c08dc4830edf00d1f0",class:"zonos--loading-text"},this.loadingText)),(this.headerText||!this.noCloseButton)&&s("div",{key:"c171e207af502ef02de35803c480d927edea3ce4",class:"zonos--header"},this.headerText&&s("h3",{key:"03999b1441d3a0dc983fed2e64680211f4a59793",class:"zonos--header-text"},this.headerText),!this.noCloseButton&&s("zonos-button",{key:"e2954d9326195df3029c0771481881e6485fae05",class:"zonos--close-button",icon:s("zonos-icon",{"aria-label":"Close dialog",content:m}),noBackground:true,onClick:this.closeButtonHandler,title:"Close dialog",variant:"subtle"})),s("div",{key:"ba456d3747bd51ada021ed909a41e5768ceed4ab",class:r(["zonos--body",this.noBodyPadding&&"zonos--no-body-padding"])},s("slot",{key:"81e4de1e59970996607f7d0f2f2aef7937f82c43"})),s("slot",{key:"3fcd369711a347b9e2d2840fc708e928e17d5da1",name:"dialog-footer"}))))};Object.defineProperty(o,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});return o}());g.style=z()}}}));

package/dist/zonos-elements/p-4973f8d8.system.entry.js

@@ -0,0 +1,180 @@
+var __awaiter=this&&this.__awaiter||function(n,t,e,i){function o(n){return n instanceof e?n:new e((function(t){t(n)}))}return new(e||(e=Promise))((function(e,s){function a(n){try{l(i.next(n))}catch(n){s(n)}}function r(n){try{l(i["throw"](n))}catch(n){s(n)}}function l(n){n.done?e(n.value):o(n.value).then(a,r)}l((i=i.apply(n,t||[])).next())}))};var __generator=this&&this.__generator||function(n,t){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,o,s,a=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return a.next=r(0),a["throw"]=r(1),a["return"]=r(2),typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function r(n){return function(t){return l([n,t])}}function l(r){if(i)throw new TypeError("Generator is already executing.");while(a&&(a=0,r[0]&&(e=0)),e)try{if(i=1,o&&(s=r[0]&2?o["return"]:r[0]?o["throw"]||((s=o["return"])&&s.call(o),0):o.next)&&!(s=s.call(o,r[1])).done)return s;if(o=0,s)r=[r[0]&2,s.value];switch(r[0]){case 0:case 1:s=r;break;case 4:e.label++;return{value:r[1],done:false};case 5:e.label++;o=r[1];r=[0];continue;case 7:r=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(r[0]===6||r[0]===2)){e=0;continue}if(r[0]===3&&(!s||r[1]>s[0]&&r[1]<s[3])){e.label=r[1];break}if(r[0]===6&&e.label<s[1]){e.label=s[1];s=r;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(r);break}if(s[2])e.ops.pop();e.trys.pop();continue}r=t.call(n,e)}catch(n){r=[6,n];o=0}finally{i=s=0}if(r[0]&5)throw r[1];return{value:r[0]?r[1]:void 0,done:true}}};var __spreadArray=this&&this.__spreadArray||function(n,t,e){if(e||arguments.length===2)for(var i=0,o=t.length,s;i<o;i++){if(s||!(i in t)){if(!s)s=Array.prototype.slice.call(t,0,i);s[i]=t[i]}}return n.concat(s||Array.prototype.slice.call(t))};System.register(["./p-CIevpRv_.system.js","./p-CZl1nwqv.system.js","./p-DPW1yXt9.system.js","./p-DIJaXkiE.system.js","./p-CPnR_T0a.system.js","./p-zVLAvre1.system.js","./p-Bi-s0fp_.system.js","./p-C2j7R11h.system.js","./p-BbgqQIHv.system.js","./p-Cby4EkFu.system.js","./p-BSgVcCxT.system.js","./p-CaUXHglQ.system.js","./p-DW-fW8yR.system.js","./p-C29tlYn0.system.js"],(function(n){"use strict";var t,e,i,o,s,a,r,l,c,d,h,u,f,v,p,m,z,b,y,g,k,w,x,C,_,I,j,A,E,S;return{setters:[function(n){t=n.r;e=n.d;i=n.h;o=n.a;s=n.g},function(n){a=n.t},function(n){r=n.U;l=n.w;c=n.b;d=n.t;h=n.J;u=n.d},function(n){f=n.s;v=n.l;p=n.B;m=n.t;z=n.y},function(n){b=n.z;y=n.g;g=n.a},function(n){k=n.l;w=n.i;x=n.s},function(n){C=n.a;_=n.s},function(n){I=n.c},function(n){j=n.l},function(n){A=n.c;E=n.s},function(n){S=n.g},null,null,null],execute:function(){
+/**
+             * Map a Stripe address change event value into a Stripe `ContactOption`, used to
+             * pre-seed the address element's saved-address (contacts) list on remount.
+             */
+var O=function(n){var t=r({firstName:n.firstName,lastName:n.lastName,name:n.name}),e=t.firstName,i=t.lastName;return{address:{city:n.address.city,country:n.address.country,line1:n.address.line1,line2:n.address.line2||undefined,postal_code:n.address.postal_code,state:n.address.state},name:(n.name||"".concat(e," ").concat(i)).trim(),phone:n.phone||undefined}};
+/**
+             * Build a dedupe key for a contact so we don't add a duplicate saved address. Compared
+             * case- and whitespace-insensitively on the distinguishing fields.
+             */var L=function(n){var t,e,i;return[n.name,(t=n.address)===null||t===void 0?void 0:t.line1,(e=n.address)===null||e===void 0?void 0:e.postal_code,(i=n.address)===null||i===void 0?void 0:i.country].map((function(n){return(n||"").trim().toLowerCase()})).join("|")};
+/**
+             * Prepend the currently selected address (from the latest Stripe address event) to the
+             * list of default saved addresses so it stays selected when the address element is
+             * remounted (e.g. navigating between the customer and shipping steps). Avoids adding a
+             * duplicate contact when the current address already exists in the list.
+             */var Z=function(n){var t=n.currentEvent,e=n.defaultAddress;if(!t){return e}var i=O(t.value);var o=L(i);var s=e.some((function(n){return L(n)===o}));if(s){return e}return __spreadArray([i],e,true)};var B=function(){return".sc-zonos-address-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-address-h *.sc-zonos-address{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-address-h img.sc-zonos-address{max-width:100%}.sc-zonos-address-h dl.sc-zonos-address,.sc-zonos-address-h dd.sc-zonos-address,.sc-zonos-address-h h1.sc-zonos-address,.sc-zonos-address-h h2.sc-zonos-address,.sc-zonos-address-h h3.sc-zonos-address,.sc-zonos-address-h h4.sc-zonos-address,.sc-zonos-address-h h5.sc-zonos-address,.sc-zonos-address-h h6.sc-zonos-address,.sc-zonos-address-h hr.sc-zonos-address,.sc-zonos-address-h figure.sc-zonos-address,.sc-zonos-address-h p.sc-zonos-address,.sc-zonos-address-h pre.sc-zonos-address{margin:0}.sc-zonos-address-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-address-h .zonos--title.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h .zonos--company-name-input.sc-zonos-address,.sc-zonos-address-h .zonos--tax-id-input.sc-zonos-address,.sc-zonos-address-h .zonos--short-address-code-input.sc-zonos-address{margin-bottom:16px}.sc-zonos-address-h zonos-banner.sc-zonos-address{margin-top:8px}"};var N=n("zonos_address",/** @class */function(){function n(n){t(this,n);this.invalidCharacters=e(this,"invalidCharacters",7);this.taxIdChanged=e(this,"taxIdChanged",7);this.storeUnsubscribeList=[];
+/**
+                     * Google autocomplete overlay is conflict with our button, this is to adjust z index of the autocomplete
+                     */this.isAutoCompleteAdjusted=false;
+/**
+                     * Default address for stripe
+                     */this.defaultAddress=[];
+/**
+                     * Error message for tax id input
+                     */this.taxIdErrorMessage="";
+/**
+                     * Error message for short address code input
+                     */this.shortAddressCodeErrorMessage="";this.stripe=window.Zonos.stripe;
+/**
+                     * Check if the address is dirty or not to scroll into view. When the component is mounted, if the data is filled with address line 1, it's considered dirty
+                     */this.isDirtyAddress=false;
+/**
+                     * Local address event for stripe address element
+                     */this.isAddressFilled=false;
+/**
+                     * Local checkout session id to check if the address is filled after checkout is loaded
+                     */this.checkoutSessionId=f.checkoutSessionId;
+/**
+                     * Track previous country and postal code to detect changes
+                     */this.prevCountry=null;this.prevPostalCode=null;
+/**
+                     * Check if the tracking event is sent
+                     */this.trackingSent=false;this.prefetchLandedCost=a(l,1e3)}n.prototype.getStripeAddressInstance=function(){if(this.type==="billing"){return{stripeAddressElement:c.stripeBillingAddressElement,stripeAddressEventData:c.stripeBillingAddressEventData,stripeElements:c.stripeElementsForBillingAddress}}return{stripeAddressElement:c.stripeAddressElement,stripeAddressEventData:c.stripeAddressEventData,stripeElements:c.stripeElements}};n.prototype.updateAddressEventData=function(n){var t=n.event,e=n.type;switch(e){case"billing":c.stripeBillingAddressEventData=t;break;default:{c.stripeAddressEventData=t;break}}
+// Only trigger landed cost prefetch for shipping address
+if(e==="shipping"){
+// if line 1 has something, trigger prefetch
+if(t.value.address.line1.length){void this.prefetchLandedCost()}}};n.prototype.isAddressFilledChanged=function(){
+// Sometimes address elements is loaded with prefilled data before checkout is loaded, need to not send the event if checkout session id is not available, and send the event after checkout is loaded
+if(!f.checkoutSessionId){return}
+// Only need to track the event if the shipping address is filled
+if(this.isAddressFilled&&!this.trackingSent&&this.type==="shipping"){this.trackingSent=true;var n=f.checkoutSessionId;void d({checkoutSessionId:n,eventName:"checkout_customerInfoFilled"})}};n.prototype.updateAddressElement=function(n){var t=n.stripeAddressElement,e=n.type;if(e==="shipping"){c.stripeAddressElement=t;return}c.stripeBillingAddressElement=t};n.prototype.watchInitStripe=function(){return __awaiter(this,void 0,void 0,(function(){var n,t,e,i,o,s,a,l,c,d;var h=this;return __generator(this,(function(u){this.stripe=window.Zonos.stripe;n=this.getStripeAddressInstance(),t=n.stripeAddressEventData,e=n.stripeElements;if(!this.stripe||!e){k("Stripe is not initialized. Couldn't load stripe element.");return[2/*return*/]}i=this.defaultAddress.map((function(n){return Object.assign(Object.assign({},n),{name:n.name,phone:n.phone||undefined})}));o=v.shippingZoneCountries;s=o?Object.values(o).map((function(n){return n.code})):[];a=new URLSearchParams(window.location.search).has("zonosCheckoutAllCountries");l=this.type==="shipping"?s:[];c=(t===null||t===void 0?void 0:t.value.address.country)||p(l);j("Stripe country code: ".concat(c),"info");d=e.create("address",{allowedCountries:a?[]:l,
+// Prepend the currently selected address so it stays selected across remounts
+// (customer <-> shipping step navigation), de-duped against the default addresses.
+// Contacts are computed once here at create() time and never mutated afterwards—
+// mutating the contacts value after a remount breaks the element's onChange events.
+contacts:Z({currentEvent:t,defaultAddress:i}),defaultValues:{address:Object.assign(Object.assign({},t===null||t===void 0?void 0:t.value.address),{country:c}),firstName:t===null||t===void 0?void 0:t.value.firstName,lastName:t===null||t===void 0?void 0:t.value.lastName,phone:t===null||t===void 0?void 0:t.value.phone},display:{name:"split"},fields:{phone:"always"},mode:this.type,validation:{phone:{required:"always"}}});d.mount(this.el.querySelector(".zonos--address-component"));
+// Initialize previous values if address data exists
+if(t===null||t===void 0?void 0:t.value.address){this.prevCountry=t.value.address.country;this.prevPostalCode=t.value.address.postal_code}d.on("change",(function(n){var t=n.value;if(!h.isDirtyAddress&&t.address.line1.length>=3){h.isDirtyAddress=true;if(!h.isAutoCompleteAdjusted){var e=h.el.querySelector('iframe[src*="autocomplete-suggestions"]');if(e){e.style.zIndex="3"}h.isAutoCompleteAdjusted=true}
+// stripe element started with just address line 1, so scroll bar is not yet available. Wait for a moment before scrolling
+setTimeout((function(){
+// scroll directly into view if it's mobile
+if(w()){h.el.scrollIntoView({behavior:"smooth",block:"end"})}else{
+// scroll into the end of the page so the address placeholder won't be hidden
+var n=h.type==="shipping"?100:600;var t=h.el.closest(".zonos--group");var e=h.el.getBoundingClientRect().top+n;t===null||t===void 0?void 0:t.scrollTo({behavior:"smooth",top:e})}}),600)}var i=r({firstName:t.firstName,lastName:t.lastName,name:t.name}),o=i.firstName,s=i.lastName;h.updateAddressEventData({event:Object.assign(Object.assign({},n),{elementMode:h.type,elementType:"address",value:Object.assign(Object.assign({},t),{firstName:o,lastName:s})}),type:h.type})}));this.updateAddressElement({stripeAddressElement:d,type:this.type});return[2/*return*/]}))}))};n.prototype.defaultAddressChanged=function(n,t){
+// check if stringified json of oldAddress is different from newAddress
+var e=JSON.stringify(t);var i=JSON.stringify(n);
+// No need to reset address element if the default address is the same
+if(e===i){return}j("Reset address element when default address property is changed","info",{defaultAddress:this.defaultAddress});var o=this.getStripeAddressInstance().stripeAddressElement;o===null||o===void 0?void 0:o.clear();o===null||o===void 0?void 0:o.destroy();
+// Reset stripe address event data
+if(this.type==="shipping"){c.stripeAddressEventData=null}else{c.stripeBillingAddressEventData=null}void this.watchInitStripe()};n.prototype.isInTaxIdCountry=function(n){return A.includes(n)};
+/**
+                 * Render tax id input based on ship to country code
+                 */n.prototype.renderTaxIdInput=function(){var n=this;var t;
+// No need to render tax id input for billing address
+if(this.type==="billing"){return null}var e=(t=c.stripeAddressEventData)===null||t===void 0?void 0:t.value.address.country;
+// Don't render tax id input if the country is not provided
+if(!e){return null}
+// This just to type guard the countryCode, if it's able to get to this point it should already be in country that has tax id input
+if(!this.isInTaxIdCountry(e)){return null}var o=C({companyName:c.companyName,countryCode:e});
+// Don't render tax id input if the country doesn't require tax id
+if(!o){return null}var s=E[e];return i("div",{class:"zonos--tax-id-input"},i("zonos-stripe-input",{inputLabel:m(s.friendlyName),inputPlaceholder:s.placeholder,inputValue:c.taxId||"",isError:!!this.taxIdErrorMessage,onInputChange:function(t){c.taxId=t.detail;n.taxIdChanged.emit(t.detail)}}),this.taxIdErrorMessage&&i("zonos-text",{textColor:"red-600",type:"caption"},this.taxIdErrorMessage))};
+/**
+                 * Render short address code input based on ship to country code
+                 */n.prototype.renderShortAddressCodeInput=function(){var n;
+// No need to render short address code input for billing address
+if(this.type==="billing"){return null}var t=(n=c.stripeAddressEventData)===null||n===void 0?void 0:n.value.address.country;
+// Don't render short address code input if the country is not provided
+if(!t){return null}var e=_({countryCode:t});
+// Don't render short address code input if the country doesn't require short address code
+if(!e){return null}return i("div",{class:"zonos--short-address-code-input"},i("zonos-stripe-input",{inputLabel:m("Short address code"),inputPlaceholder:"RRRD2929",inputValue:c.shortAddressCode||"",isError:!!this.shortAddressCodeErrorMessage,onInputChange:function(n){c.shortAddressCode=n.detail}}),this.shortAddressCodeErrorMessage&&i("zonos-text",{textColor:"red-600",type:"caption"},this.shortAddressCodeErrorMessage))};n.prototype.renderCompanyNameInput=function(){
+// No need to render company name for billing address (only allow for Collect and Invoice)
+if(this.type==="billing"&&!window.Zonos.isCollect&&!window.Zonos.isInvoice){return null}
+// only render the company input if the setting is enabled or the cart is collect
+var n=b.checkoutSettings.companyFieldsStatus==="ENABLED"||!!window.Zonos.isCollect||!!window.Zonos.isInvoice;
+// No need to render company name for billing address (only allow for Collect)
+if(!n){return null}return i("zonos-stripe-input",{class:"zonos--company-name-input",inputLabel:m("Company name (optional)"),inputValue:c.companyName,onInputChange:function(n){c.companyName=n.detail}})};n.prototype.disconnectedCallback=function(){
+// destroy the stripe element when this component is removed from the DOM, so that we can re-create the new one with previous value
+var n=this.getStripeAddressInstance().stripeAddressElement;n===null||n===void 0?void 0:n.destroy();
+// unsubscribe from store subscriptions
+try{this.storeUnsubscribeList.forEach((function(n){return n()}))}catch(n){}};n.prototype.componentDidLoad=function(){var n=this;var t=this.getStripeAddressInstance().stripeAddressEventData;this.isDirtyAddress=!!t&&t.value.address.line1.length>0;
+// @Watch doesn't get trigger on initial load
+void this.watchInitStripe();this.checkoutSessionId=f.checkoutSessionId;this.storeUnsubscribeList=[z("checkoutSessionId",(function(){n.checkoutSessionId=f.checkoutSessionId})),h("stripeElements",(function(){if(n.type==="shipping"){void n.watchInitStripe()}})),h("stripeElementsForBillingAddress",(function(){if(n.type==="billing"){void n.watchInitStripe()}}))]};n.prototype.render=function(){var n;this.checkoutSessionId=f.checkoutSessionId;if((n=c.stripeAddressEventData)===null||n===void 0?void 0:n.complete){this.isAddressFilled=true}
+// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
+return i(o,{key:"9b7a5340b839d63c64da03639bdfda5a11a5c25e",class:I(["zonos--address","zonos--elements","zonos--".concat(this.type,"-address")])},this.titleText&&i("zonos-text",{key:"23739f6a48e5698372df2d53098dea6ad1c0559a",class:"zonos--title",type:"semiBoldLabel"},this.titleText),i("slot",{key:"dea4b437eedaad2af2f6bbe3a1e2ae4f0706aa13",name:"below-title"}),this.renderCompanyNameInput(),this.renderTaxIdInput(),this.renderShortAddressCodeInput(),i("div",{key:"b4be684977a632371b9b6ff4587ccdd7bacc8c67",class:"zonos--address-component"}))};Object.defineProperty(n.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{checkoutSessionId:[{isAddressFilledChanged:0}],isAddressFilled:[{isAddressFilledChanged:0}],stripe:[{watchInitStripe:0}],defaultAddress:[{defaultAddressChanged:0}]}},enumerable:false,configurable:true});return n}());N.style=B();var D='<svg color="var(--zonos-elements-red-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" style="display: block;">\n  <path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Z" data-is-secondary-color="true" fill="var(--zonos-elements-red-400)"></path>\n  <path d="M12.75 9a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0V9Zm0 5.5a.75.75 0 0 0-1.5 0v.5a.75.75 0 0 0 1.5 0v-.5Z" fill="currentColor"></path>\n</svg>';var V='<svg color="var(--zonos-elements-blue-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" style="display: block;">\n  <path d="M12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Z" data-is-secondary-color="true" fill="var(--zonos-elements-blue-400)"></path>\n  <path d="M10.25 10.25a1.75 1.75 0 1 1 2.431 1.613c-.616.26-1.431.885-1.431 1.887a.75.75 0 0 0 1.5 0c0-.053.02-.128.108-.228.092-.104.236-.205.408-.278A3.25 3.25 0 1 0 8.75 10.25a.75.75 0 0 0 1.5 0Zm2.5 5.75a.75.75 0 0 0-1.5 0v.25a.75.75 0 0 0 1.5 0V16Z" fill="currentColor"></path>\n</svg>';var R='<svg color="var(--zonos-elements-orange-800)" fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" style="display: block;">\n  <path d="M14.46 5.492c-1.014-2.027-3.906-2.027-4.92 0L4.276 16.02c-.914 1.83.416 3.98 2.46 3.98h10.528c2.044 0 3.374-2.151 2.46-3.98L14.46 5.492Z" data-is-secondary-color="true" fill="var(--zonos-elements-orange-400)"></path>\n  <path d="M12.75 10a.75.75 0 0 0-1.5 0v2.5a.75.75 0 0 0 1.5 0V10Zm0 5.5a.75.75 0 0 0-1.5 0v.5a.75.75 0 0 0 1.5 0v-.5Z" fill="currentColor"></path>\n</svg>';var M=function(){return":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--backdrop,:host .zonos--confirm-layout{opacity:0;z-index:-999;visibility:hidden;-webkit-transition:opacity 0.3s, visibility 0.3s;transition:opacity 0.3s, visibility 0.3s}:host .zonos--backdrop{width:100vw;height:100vh;left:0;top:0;background:var(--zonos-elements-backdrop-color);position:fixed}:host .zonos--confirm-layout{width:100vw;height:100vh;left:0;top:0;position:fixed;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:var(--zonos-elements-text-color)}:host .zonos--confirm-dialog{position:relative;background:var(--zonos-elements-gray-0);max-width:90vw;max-height:90vh;width:var(--zonos--dialog-width);border-radius:var(--zonos--border-radius, 10px);outline:none;-webkit-box-shadow:var(--zonos-elements-v3-shadow-xxl);box-shadow:var(--zonos-elements-v3-shadow-xxl);border:var(--zonos-elements-border);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px;gap:24px}:host .icon-wrapper{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:40px;width:40px;border-radius:50%;background:var(--zonos-elements-blue-100)}:host .warn .icon-wrapper{background:var(--zonos-elements-orange-100)}:host .danger .icon-wrapper{background:var(--zonos-elements-red-100)}:host .footer{display:-ms-flexbox;display:flex;width:100%;gap:8px}:host .footer zonos-button{-ms-flex:1;flex:1}:host .content{display:-ms-flexbox;display:flex;gap:8px;-ms-flex-direction:column;flex-direction:column}:host .content zonos-text{text-align:center}:host(.open) .zonos--confirm-layout,:host(.open) .zonos--backdrop{visibility:visible}:host(.open) .zonos--backdrop{z-index:2147483009;opacity:0.65}:host(.open) .zonos--confirm-layout{opacity:1;z-index:2147483010;-webkit-transform:scale(1);transform:scale(1)}"};var T=n("zonos_confirm_dialog",/** @class */function(){function n(n){var i=this;t(this,n);this.confirmClicked=e(this,"confirmClicked",7);this.cancelClicked=e(this,"cancelClicked",7);
+/**
+                     * Dialog title text
+                     * @default "Are you sure?"
+                     */this.dialogTitle=m("Are you sure?");
+/**
+                     * Dialog intent (for icon and button color)
+                     * @default "info"
+                     */this.dialogIntent="info";
+/**
+                     * Dialog subtitle text
+                     * @default null No subtitle
+                     */this.dialogSubtitle=null;
+/**
+                     * Dialog width
+                     * @default 350 px
+                     */this.dialogWidth=350;
+/**
+                     * Type of dialog
+                     * - "alert" - Only confirm button
+                     * - "confirm" - Both Confirm and cancel buttons
+                     * @default "confirm"
+                     */this.dialogType="confirm";
+/**
+                     * Whether or not the dialog is open
+                     */this.isMobile=false;
+/**
+                     * Whether or not to close the dialog when clicking outside of it
+                     * @default false
+                     */this.noClickOutside=false;this.clickOutsideDialogHandler=function(n){if(n.target===n.currentTarget&&!i.noClickOutside){i.closeDialogHandler()}}}n.prototype.handleKeyDown=function(n){if(n.key==="Escape"){this.closeDialogHandler()}};n.prototype.focusDialog=function(){var n=this;if(this.dialogOpen){setTimeout((function(){var t,e;
+// Focus on a non tabable element (tabIndex=-1), so we will be able to tab to other tabable elements
+(e=(t=n.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".zonos--backdrop"))===null||e===void 0?void 0:e.focus()}),100)}};n.prototype.confirmDialogHandler=function(){
+// Only do the action if the dialog is open
+if(!this.dialogOpen){return}
+// Emit confirm event
+this.confirmClicked.emit()};n.prototype.closeDialogHandler=function(){
+// Only do the action if the dialog is open
+if(!this.dialogOpen){return}
+// Emit cancel event
+this.cancelClicked.emit()};n.prototype.renderIcon=function(){switch(this.dialogIntent){case"info":return i("zonos-icon",{content:V,iconColor:"blue-800"});case"danger":return i("zonos-icon",{content:D,iconColor:"red-800"});case"warn":return i("zonos-icon",{content:R,iconColor:"orange-800"})}};n.prototype.getButtonConfirmVariant=function(){switch(this.dialogIntent){case"warn":return"warning";case"danger":return"danger";default:return"primary"}};n.prototype.render=function(){var n=this;this.focusDialog();var t=S();
+// Get theme for the update dialog, inherit from the theme, no from this component theme
+var e=y(b.appearance.theme);return i(o,{key:"9ad8aff8631692fa53ef172869d98e9fbfbdc059",class:I([this.dialogOpen&&"open","zonos--elements"]),"data-dialog-type":this.dialogType,"data-theme":e,style:{"--zonos--border-radius":t,"--zonos--dialog-width":"".concat(this.dialogWidth,"px"),"--zonos--font-family":g()}},i("div",{key:"6d7c55b90bfb05890d876a0243558eb9a2e7a772",class:"zonos--backdrop",tabIndex:-1}),i("div",{key:"abf306ddd70cefd64aa6804aeccf700506c175d7",class:I(["zonos--confirm-layout",this.dialogIntent]),onClick:function(t){return n.clickOutsideDialogHandler(t)}},i("div",{key:"dc7e9e6d501872597928603ded57d82c15c26710",class:"zonos--confirm-dialog",onBlur:function(){n.focusDialog()}},i("div",{key:"5c1fa9ec8b59cba68ccbc5dc36e66e2fdefdeae5",class:"wrapper"},i("div",{key:"0ce48c41c78e393a181fd5e9beeac90622b5c620",class:"icon-wrapper"},this.renderIcon()),i("div",{key:"b42157f8e76de8a60190e384d7d53a36d8051c67",class:"content"},i("div",{key:"bd8eb897f15a6d095df8fbd1803f62a11b9d5d7b",class:"title"},i("zonos-text",{key:"d1c06b89d4917b2366f881dda7da9e1369722126",type:"subheader"},this.dialogTitle)),this.dialogSubtitle&&i("div",{key:"4f1269aaab5ad3965d6ddfc0949341d4f202f296",class:"subtitle"},i("zonos-text",{key:"f784b5dd86ff684e790f27a586e3eeb4ac683884",textColor:"gray-800"},this.dialogSubtitle))),i("div",{key:"e0403a968aee6ff878c9e916e9ff216e2052ab0c",class:"footer"},this.dialogType==="confirm"&&i("zonos-button",{key:"66e34a9d61f677786bfe286f377854c9ebc780ed",backgroundColor:"gray-0",class:"cancel-button",onClick:function(){return n.closeDialogHandler()},size:"lg",withBoxShadow:true},this.dialogCancelBtnText||m("Cancel")),i("zonos-button",{key:"3652507591e3055856a044e191525ea36b6042ca",class:"confirm-button",onClick:function(){return n.confirmDialogHandler()},size:"lg",variant:this.getButtonConfirmVariant()},this.dialogConfirmBtnText))))))};Object.defineProperty(n,"assetsDirs",{get:function(){return["assets"]},enumerable:false,configurable:true});Object.defineProperty(n.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return n}());T.style=M();var P=function(n){var t=/^[a-zA-Z0-9.%_+-]*@[a-zA-Z0-9][a-zA-Z0-9.-]*\.[a-zA-Z0-9]{2,}$/;return t.test(n)};var F=function(){return".sc-zonos-link-authentication-h{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}.sc-zonos-link-authentication-h *.sc-zonos-link-authentication{font-family:var(--zonos--font-family, Inter), Inter}.sc-zonos-link-authentication-h img.sc-zonos-link-authentication{max-width:100%}.sc-zonos-link-authentication-h dl.sc-zonos-link-authentication,.sc-zonos-link-authentication-h dd.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h1.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h2.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h3.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h4.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h5.sc-zonos-link-authentication,.sc-zonos-link-authentication-h h6.sc-zonos-link-authentication,.sc-zonos-link-authentication-h hr.sc-zonos-link-authentication,.sc-zonos-link-authentication-h figure.sc-zonos-link-authentication,.sc-zonos-link-authentication-h p.sc-zonos-link-authentication,.sc-zonos-link-authentication-h pre.sc-zonos-link-authentication{margin:0}.sc-zonos-link-authentication-h{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.sc-zonos-link-authentication-h .zonos--title.sc-zonos-link-authentication{margin-bottom:16px}.sc-zonos-link-authentication-h .zonos--input-invalid.sc-zonos-link-authentication{border:2px solid var(--zonos-elements-red-600);border-radius:var(--zonos--border-radius)}"};var q=51;var J=n("zonos_link_authentication",/** @class */function(){function n(n){var i=this;t(this,n);this.linkAuthenticationChange=e(this,"linkAuthenticationChange",7);this.storeUnsubscribeList=[];
+/**
+                     * Default email for stripe
+                     */this.defaultEmail=null;
+/**
+                     * Email error text to dispaly
+                     */this.isEmailError=false;this.stripe=c.stripe;this.isStagingMode=u.isStagingMode;this.clientSecret=c.clientSecret;this.retriesInitializeLink=0;this.setCustomEmailInputToLinkEvent=function(n){
+// check if the email is valid
+var t=P(n);var e={complete:!!t,elementType:"linkAuthentication",empty:!n,value:{email:n}};c.stripeLinkEventData=e};this.handleNormalEmailInput=function(n){var t;var e=n.detail;i.setCustomEmailInputToLinkEvent(e);(t=i.linkAuthenticationChange)===null||t===void 0?void 0:t.emit()}}n.prototype.watchIsStagingMode=function(){var n=this;
+// Wait for the DOM to be ready before re-initializing Link element
+setTimeout((function(){void n.watchInitStripe()}),0)};n.prototype.watchInitStripe=function(){return __awaiter(this,void 0,void 0,(function(){var n,t,e,i;var o=this;return __generator(this,(function(s){switch(s.label){case 0:if(!this.stripe||!c.stripeElements){return[2/*return*/]}
+// No need to initialize link if this is staging mode since we will render the email input field
+if(u.isStagingMode||!this.clientSecret){return[2/*return*/]}n=this.defaultEmail?{email:this.defaultEmail}:undefined;s.label=1;case 1:s.trys.push([1,2,,6]);t=c.stripeLinkElement||c.stripeElements.create("linkAuthentication",{defaultValues:n});e=this.el.querySelector(".zonos--link-authentication-component");if(!e){k("Cannot find container element for linkAuthenticationElement");return[2/*return*/]}t.mount(e);t.on("change",(function(n){var t;c.stripeLinkEventData=n;(t=o.linkAuthenticationChange)===null||t===void 0?void 0:t.emit()}));c.stripeLinkElement=t;this.retriesInitializeLink=0;
+// 10 seconds
+if(this.retriesInitializeLink>11){j("Stripe link element initialized","info",{retriesInitializeLink:this.retriesInitializeLink,stripe:this.stripe});void x({endpoint:"stripe-link-authentication-init-long-running",errors:["Stripe link element initialized after 20 retries - 10 seconds"],metadata:{retriesInitializeLink:this.retriesInitializeLink}})}return[3/*break*/,6];case 2:i=s.sent();if(!(i instanceof Error))return[3/*break*/,5];
+// Wait for the stripe elements to be ready with the new client secret
+this.retriesInitializeLink++;if(!(this.retriesInitializeLink<q))return[3/*break*/,4];return[4/*yield*/,new Promise((function(n){return setTimeout(n,500)}))];case 3:s.sent();void this.watchInitStripe();s.label=4;case 4:if(this.retriesInitializeLink===q){void x({endpoint:"stripe-link-authentication-init-error",errors:[i.message],metadata:{retriesInitializeLink:this.retriesInitializeLink}})}s.label=5;case 5:return[3/*break*/,6];case 6:return[2/*return*/]}}))}))};n.prototype.watchDefaultEmail=function(n,t){var e,i;j("Default email is changed","info",{newDefaultEmail:n,oldDefaultEmail:t});if(t===n){return}if(!n){c.stripeLinkEventData=null}
+// Only set value for Stripe input input to stripeLinkEventData when checkout is in staging mode
+if(u.isStagingMode){this.setCustomEmailInputToLinkEvent(n||"");return}(e=c.stripeLinkElement)===null||e===void 0?void 0:e.clear();(i=c.stripeLinkElement)===null||i===void 0?void 0:i.destroy();c.stripeLinkElement=null;c.stripeLinkEventData=null;j("Reset stripe link element when default email is changed","info",{defaultEmail:n});void this.watchInitStripe()};n.prototype.disconnectedCallback=function(){
+// unsubscribe from store subscriptions
+try{this.storeUnsubscribeList.forEach((function(n){return n()}))}catch(n){}};n.prototype.componentDidLoad=function(){var n=this;this.storeUnsubscribeList=[h("stripeElements",(function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(n){void this.watchInitStripe();return[2/*return*/]}))}))})),h("clientSecret",(function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(n){this.clientSecret=c.clientSecret;return[2/*return*/]}))}))})),h("stripe",(function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(n){this.stripe=c.stripe;return[2/*return*/]}))}))}))];
+// @Watch doesn't get trigger on initial load
+void this.watchInitStripe();if(!this.defaultEmail){return}
+// set default email value to stripeLinkEventData if default email is provided
+this.setCustomEmailInputToLinkEvent(this.defaultEmail)};n.prototype.render=function(){var n=this;this.isStagingMode=u.isStagingMode;this.clientSecret=c.clientSecret;var t=function(){var t;if(u.isStagingMode){return i("zonos-stripe-input",{inputLabel:m("Email"),inputValue:n.defaultEmail||((t=c.stripeLinkEventData)===null||t===void 0?void 0:t.value.email)||"",isError:n.isEmailError,onBlur:function(){var t;var e=((t=c.stripeLinkEventData)===null||t===void 0?void 0:t.value.email)||"";if(!e){return}
+// check if the email is valid
+var i=P(e);n.isEmailError=!i},onInputChange:n.handleNormalEmailInput})}return i("div",{class:"zonos--link-authentication-component ".concat(n.isEmailError&&"zonos--input-invalid")})};
+// this component loads iframe from the stripe elements and puts here, so we don't need to do anything here
+return i(o,{class:"zonos--link-authentication zonos--elements",style:{"--zonos--border-radius":S()}},this.titleText&&i("zonos-text",{class:"zonos--title",type:"semiBoldLabel"},this.titleText),t(),this.isEmailError&&i("zonos-text",{textColor:"red-600"},m("Please enter a valid email address.")))};Object.defineProperty(n.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(n,"watchers",{get:function(){return{isStagingMode:[{watchIsStagingMode:0}],stripe:[{watchInitStripe:0}],clientSecret:[{watchInitStripe:0}],defaultEmail:[{watchDefaultEmail:0}]}},enumerable:false,configurable:true});return n}());J.style=F();var W=function(){return":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{position:fixed;inset:0;z-index:2147483010;pointer-events:none;display:block}:host .zonos--loading-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:var(--zonos-elements-backdrop-color);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s ease, visibility 0.3s ease;transition:opacity 0.3s ease, visibility 0.3s ease;z-index:2147483010}:host(.zonos--open){pointer-events:auto}:host(.zonos--open) .zonos--loading-overlay{opacity:0.65;visibility:visible}"};var X=n("zonos_loading_overlay",/** @class */function(){function n(n){t(this,n);
+/**
+                     * Whether or not the overlay is open
+                     * @default false
+                     */this.open=false;
+/**
+                     * Spinner size (optional, default 40)
+                     */this.size=40}n.prototype.render=function(){return i(o,{key:"8cafd99b309b04da5cf1b26b0f0804f4699c06b2",class:I(["zonos--elements",this.open&&"zonos--open"])},i("div",{key:"9ce7ac9b7e6956a5f76fc2105fa7f5d05299fd36",class:"zonos--loading-overlay"},i("zonos-spinner",{key:"4be3a8d471e3aead2e4194c4ecbf66878a7a3f17",size:this.size,spinnerColor:this.spinnerColor})))};return n}());X.style=W()}}}));

package/dist/zonos-elements/p-49e7bb1e.system.entry.js

@@ -0,0 +1,7 @@
+System.register(["./p-CIevpRv_.system.js","./p-C2j7R11h.system.js"],(function(o){"use strict";var t,e,s,n;return{setters:[function(o){t=o.r;e=o.h;s=o.a},function(o){n=o.c}],execute:function(){var i=function(){return":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--tooltip{position:relative}:host .zonos--tooltip .zonos--tooltip-content{position:absolute;bottom:100%;left:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:12px;background-color:var(--zonos-elements-gray-1000);opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transform-origin:bottom left;transform-origin:bottom left;border-radius:var(--zonos-elements-radius-4);z-index:100;-webkit-box-shadow:var(--zonos-elements-v3-shadow-large);box-shadow:var(--zonos-elements-v3-shadow-large)}:host .zonos--tooltip .zonos--tooltip-content.zonos--show-tooltip{opacity:1;-webkit-transform:scale(1);transform:scale(1)}"};var a=o("zonos_tooltip",/** @class */function(){function o(o){t(this,o);
+/**
+                     * The title of the tooltip
+                     */this.label="";
+/**
+                     * The subtitle of the tooltip
+                     */this.subtitle="";this.showTooltip=false}o.prototype.render=function(){var o=this;return e(s,{key:"dec4ec190caa8eff63510bafb396087c7d1ae304",class:"zonos--elements"},e("div",{key:"fff103cf2dc66160e3c543778d563356af6e90b3",class:"zonos--tooltip",onMouseEnter:function(){return o.showTooltip=true},onMouseLeave:function(){return o.showTooltip=false}},e("slot",{key:"598f45708f665eb38bfd242304e12b99251c076e"}),e("div",{key:"d7eb99f4cf160f4493e64cc72101429181fd9cea",class:n([this.showTooltip&&"zonos--show-tooltip","zonos--tooltip-content"])},e("zonos-text",{key:"fc713d623e095ed8fc26150dd6fabdec7a53f2c7",size:"s",textColor:"gray-0",type:"boldLabel"},this.label),e("zonos-text",{key:"40201243e7c926a54225cc17fd3d65a1ce0047b9",size:"xs",textColor:"gray-0"},this.subtitle))))};return o}());a.style=i()}}}));

package/dist/zonos-elements/p-4a54f664.entry.js

@@ -0,0 +1 @@
+import{r as o,h as t,a as s}from"./p-_lt63o7c.js";import{d as e}from"./p-DHwpNxG9.js";import{t as n}from"./p-DTgv0QpG.js";import{r as i}from"./p-pfIceXbY.js";import{c as a}from"./p-BJHSB96f.js";import{c as l}from"./p-CKTIJ2Gr.js";import{r}from"./p-BXjdMMUy.js";import"./p-CtEsvWI6.js";import"./p-BJmZPrZl.js";import"./p-DE4a-QD5.js";import"./p-YdrG78th.js";import"./p-3ERbuo5a.js";import"./p-Cye-evFK.js";const c=class{constructor(t){o(this,t),this.isMobile=!1,this.errorImages=[],this.locale=null}componentWillLoad(){const o=navigator.language;this.locale=o}render(){const o=e.items.filter((o=>!o.isRestricted));return t(s,{key:"48cbe765b1096303cf0f2b051b0bac3911fba19b",class:a(["zonos--invoice-cart-items zonos--elements",this.isMobile&&"mobile"])},t("table",{key:"83a2f9d2de381d1f941f5d09681b3a8e58a38a08",class:"zonos--cart-table"},t("tbody",{key:"5fbce46a1069457eb578ea737b42f05982aa5867"},o.map((o=>{var s,e,a,l;const r=null===(e=null===(s=o.attributes)||void 0===s?void 0:s.find((o=>"invoiceId"===o.key||"INVOICE_ID"===o.key)))||void 0===e?void 0:e.value,c=null===(l=null===(a=o.attributes)||void 0===a?void 0:a.find((o=>"invoiceCreatedAt"===o.key)))||void 0===l?void 0:l.value,h=c&&this.locale?new Date(c).toLocaleDateString(this.locale,{day:"numeric",month:"long",year:"numeric"}):null,d=r?`https://dashboard.zonos.com/billing/invoices/${r}`:null;return t("tr",{class:"zonos--invoice-cart-item"},t("td",{class:"zonos--column zonos--cart-item-title"},t("zonos-text",{type:"semiBoldLabel"},n("Invoice:"))),t("td",{class:"zonos--column zonos--cart-item-link"},d&&r&&t("zonos-link",{href:d},r),this.isMobile&&t("zonos-text",{type:"caption"},h)),t("td",{class:"zonos--column zonos--cart-item-created-at"},!this.isMobile&&t("zonos-text",{type:"label"},h)),t("td",{class:"zonos--column zonos--cart-item-price"},t("zonos-text",{type:"label"},i({amount:o.amount,isForeign:!1}))))})))))}static get assetsDirs(){return["assets"]}};c.style=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host .zonos--cart-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column{padding:8px;padding-left:0;font-size:var(--zonos-elements-font-size-base)}:host .zonos--cart-table .zonos--column:last-child{text-align:right;padding-right:0}:host .zonos--cart-table .zonos--column:first-child{padding-left:0;width:50px}:host .zonos--cart-table .zonos--cart-item-link{text-align:left}:host .zonos--cart-table .zonos--cart-item-created-at{text-align:right}:host .zonos--cart-table td{vertical-align:middle}:host .zonos--cart-item-price zonos-text{white-space:nowrap}:host(.mobile) table{margin-top:16px}:host(.mobile) table td{vertical-align:top}";const h=class{constructor(t){o(this,t),this.isMobile=!1}render(){return t(s,{key:"b98712b01891581bb2b64f5afd82711f7d41b585",class:a(["zonos--invoice-subtotal zonos--elements",this.isMobile&&"mobile"])},t("table",{key:"ea7242545b5aa891a5214d426a96fa51ed8d5b5c",class:"zonos--invoice-table"},t("tr",{key:"7aef27c5154017fd322869c514dc20c42009a855",class:"zonos--row zonos--invoice-total"},t("td",{key:"60c5689c39d962b6c5a415bb93243259c815bfad",class:"zonos--column"}),t("td",{key:"b5886f54449738b01fa7a2884f7101a2f910dd21",class:"zonos--column zonos--invoice-subtotal-title"},t("zonos-text",{key:"1689b03f73918e7c2b6d3e1ef458473e817ac54c",type:"semiBoldLabel"},n("Payment total"))),t("td",{key:"f456cd24f03fe451814a7f0de609eed2ad761530",class:"zonos--column zonos--invoice-subtotal-price"},r({content:t("zonos-text",{type:"semiBoldLabel"},i({amount:l.amountTotalDue||0,isForeign:!0})),isLoading:l.isFetchingPayorInfo,skeletonHeight:"14px",skeletonWidth:"150px"})))))}static get assetsDirs(){return["assets"]}};h.style=":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{position:-webkit-sticky;position:sticky;bottom:60px}:host .zonos--invoice-table{width:100%;border:none;border-collapse:collapse;overflow:auto;font-size:var(--zonos-elements-font-size-base)}:host .zonos--invoice-table .zonos--column{padding:8px 8px;vertical-align:top}:host .zonos--invoice-table .zonos--column:last-child{text-align:right;padding-right:0}:host .zonos--invoice-table .zonos--column:first-child{width:60px;max-width:100px}:host .zonos--title-with-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}:host .zonos--invoice-subtotal-price{text-align:right}:host .zonos--invoice-subtotal-price zonos-text{white-space:nowrap}:host .zonos--invoice-total .zonos--column{padding:16px 0}:host .zonos--invoice-total .zonos--invoice-subtotal-title,:host .zonos--invoice-total .zonos--invoice-subtotal-price{border-top:1px solid var(--zonos-elements-gray-200)}:host .zonos--invoice-subtotal-price zonos-text,:host .zonos--invoice-pay-total zonos-text{white-space:nowrap}:host(.mobile){position:relative;bottom:0}";export{c as zonos_invoice_cart_items,h as zonos_invoice_subtotal}

package/dist/zonos-elements/p-4ab1c533.system.entry.js

@@ -0,0 +1,4 @@
+System.register(["./p-CIevpRv_.system.js"],(function(o){"use strict";var t,e,s;return{setters:[function(o){t=o.r;e=o.h;s=o.a}],execute:function(){var n=function(){return":host{font-family:var(--zonos--font-family, Inter), Inter;display:block;white-space:normal}:host *{font-family:var(--zonos--font-family, Inter), Inter}:host img{max-width:100%}:host dl,:host dd,:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host hr,:host figure,:host p,:host pre{margin:0}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}:host{display:inline-block}:host a{padding-bottom:2px;color:var(--zonos-elements-primary);-webkit-box-shadow:none;box-shadow:none;text-decoration:none;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word}:host a:link,:host a:visited{color:var(--zonos-elements-primary);-webkit-transition:all 150ms ease-in-out;transition:all 150ms ease-in-out}:host a:hover,:host a:active{color:var(--zonos-elements-primary);-webkit-box-shadow:0 1px 0 var(--zonos-elements-primary);box-shadow:0 1px 0 var(--zonos-elements-primary)}"};var a=o("zonos_link",/** @class */function(){function o(o){t(this,o);
+/**
+                     * The href for the link
+                     */this.href=""}o.prototype.render=function(){return e(s,{key:"a8f6a7e96c5da6d98554ca6e40999596f7d4ead8",class:"zonos--elements"},e("a",{key:"1df6e963d3e2e2dd5fadd97e39d3a05981458170",href:this.href,rel:this.rel,target:this.target,title:this.linkTitle},e("slot",{key:"515048e9395bf523b29efaad40d60509ef0d767f"})))};return o}());a.style=n()}}}));