@zonos/elements 1.3.137 → 1.3.138

package/dist/zonos-elements/{p-51f8719d.entry.js → p-b088f65a.entry.js}

@@ -1 +1 @@
-import{r as o,h as s,H as n,d as a,c as t}from"./p-5b7da777.js";import{d as e}from"./p-edc16f69.js";import{c as i}from"./p-b4b7f705.js";import{g as p}from"./p-d10ffd69.js";import{f as c}from"./p-afa5c13c.js";import{a as m,l as r}from"./p-860e46ab.js";import{d as y}from"./p-938b2b70.js";import"./p-10d6fe23.js";const l=class{constructor(s){o(this,s),this.notificationArray=[]}async showNotification(o){const s=`id-${Math.random().toString(36).substring(2,9)}`,n=Object.assign(Object.assign({},o),{id:s,timeout:o.timeout||5e3,transitionClass:"",type:o.type||"success"});this.notificationArray=[...this.notificationArray,n],setTimeout((()=>{this.updateTransitionClass({id:s,transitionClass:"show"})}),50),setTimeout((()=>{this.removeNotification(s)}),n.timeout)}updateTransitionClass({id:o,transitionClass:s}){this.notificationArray=this.notificationArray.map((n=>n.id===o?Object.assign(Object.assign({},n),{transitionClass:s}):n))}removeNotification(o){this.updateTransitionClass({id:o,transitionClass:""}),setTimeout((()=>{this.notificationArray=this.notificationArray.filter((s=>s.id!==o))}),300)}render(){return s(n,{key:"6a790a39afc037ae56f8a53dc89c3fa899b2d659",class:i(["zonos--elements zonos--notification"]),style:{"--zonos--border-radius":p(),"--zonos--font-family":e()}},s("div",{key:"32245a784f2322fb69a65b491648a30a84b0b3d3",class:"zonos--notification-items"},this.notificationArray.map((o=>s("div",{"aria-hidden":"true",class:i(["zonos--notification-item",o.type,o.transitionClass]),key:o.id,onClick:()=>{this.removeNotification(o.id)}},s("zonos-text",{textColor:"gray-0"},o.message))))))}};l.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 h=class{constructor(s){o(this,s),this.titleText=void 0,this.stripe=c.stripe,this.stripeElements=c.stripeElements}watchInitStripe(){if(!this.stripeElements)return;const o=c.stripePaymentElement||this.stripeElements.create("payment",{layout:"tabs"}),s=this.el.querySelector(".zonos--payment-component");s?(o.mount(s),o.on("change",(o=>{c.stripePaymentEventData=o})),c.stripePaymentElement=o):m("Cannot find container element for paymentElement")}componentDidLoad(){this.watchInitStripe()}render(){return s(n,{key:"8688b2ce3087fb2265b1b84229a3af6f6cba39e6",class:"zonos--payment zonos--elements"},this.titleText&&s("zonos-text",{key:"7b6bc40043d7d14e55faa7e60b85cdc60d56d00a",class:"zonos--title",type:"semiBoldLabel"},this.titleText),s("div",{key:"39df45805f365e761f0001c075f94e0bdf99fabb",class:"zonos--payment-component"}),s("div",{key:"a9e7d56ba2b0050926121e3ab8a61cbace9a6a14",class:"zonos--payment-paypal-container"}))}get el(){return a(this)}static get watchers(){return{stripeElements:["watchInitStripe"],stripe:["watchInitStripe"]}}};h.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 f=class{constructor(s){o(this,s),this.paypalSessionDone=t(this,"paypalSessionDone",7),this.paypalSessionFail=t(this,"paypalSessionFail",7)}async loadPaypal(){if(!window.Zonos.paypal)return void r("Paypal is not available");const o=y({onPaypalFail:()=>{r("onPaypalFail"),this.paypalSessionFail.emit()},onPaypalSessionDone:({orderId:o})=>{r("onPaypalSessionDone","info",{orderId:o}),this.paypalSessionDone.emit({orderId:o})}});if(!(null==o?void 0:o.length))return void r("There are no paypal buttons available");const s=this.el.querySelector(".zonos--payment-paypal-container");s?o.forEach((async o=>{await o.render(s)})):r("Cannot find container element for paypal buttons")}componentDidLoad(){this.loadPaypal()}render(){return s(n,{key:"6bfc962de500edbb105b7eb899711e48def78167",class:"zonos--paypal-payment zonos--elements"},s("div",{key:"92d1b1c416f5e233c54e50d47129be375ef0a68b",class:"zonos--payment-paypal-container"}))}get el(){return a(this)}};f.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{l as zonos_notification,h as zonos_payment,f as zonos_paypal_payment}
+import{r as o,h as s,H as n,d as a,c as t}from"./p-5b7da777.js";import{d as e}from"./p-edc16f69.js";import{c as i}from"./p-b4b7f705.js";import{g as p}from"./p-d10ffd69.js";import{f as m}from"./p-09636917.js";import{a as c,l as r}from"./p-860e46ab.js";import{d as y}from"./p-845ad2b8.js";import"./p-10d6fe23.js";const l=class{constructor(s){o(this,s),this.notificationArray=[]}async showNotification(o){const s=`id-${Math.random().toString(36).substring(2,9)}`,n=Object.assign(Object.assign({},o),{id:s,timeout:o.timeout||5e3,transitionClass:"",type:o.type||"success"});this.notificationArray=[...this.notificationArray,n],setTimeout((()=>{this.updateTransitionClass({id:s,transitionClass:"show"})}),50),setTimeout((()=>{this.removeNotification(s)}),n.timeout)}updateTransitionClass({id:o,transitionClass:s}){this.notificationArray=this.notificationArray.map((n=>n.id===o?Object.assign(Object.assign({},n),{transitionClass:s}):n))}removeNotification(o){this.updateTransitionClass({id:o,transitionClass:""}),setTimeout((()=>{this.notificationArray=this.notificationArray.filter((s=>s.id!==o))}),300)}render(){return s(n,{key:"6a790a39afc037ae56f8a53dc89c3fa899b2d659",class:i(["zonos--elements zonos--notification"]),style:{"--zonos--border-radius":p(),"--zonos--font-family":e()}},s("div",{key:"32245a784f2322fb69a65b491648a30a84b0b3d3",class:"zonos--notification-items"},this.notificationArray.map((o=>s("div",{"aria-hidden":"true",class:i(["zonos--notification-item",o.type,o.transitionClass]),key:o.id,onClick:()=>{this.removeNotification(o.id)}},s("zonos-text",{textColor:"gray-0"},o.message))))))}};l.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 h=class{constructor(s){o(this,s),this.titleText=void 0,this.stripe=m.stripe,this.stripeElements=m.stripeElements}watchInitStripe(){if(!this.stripeElements)return;const o=m.stripePaymentElement||this.stripeElements.create("payment",{layout:"tabs"}),s=this.el.querySelector(".zonos--payment-component");s?(o.mount(s),o.on("change",(o=>{m.stripePaymentEventData=o})),m.stripePaymentElement=o):c("Cannot find container element for paymentElement")}componentDidLoad(){this.watchInitStripe()}render(){return s(n,{key:"8688b2ce3087fb2265b1b84229a3af6f6cba39e6",class:"zonos--payment zonos--elements"},this.titleText&&s("zonos-text",{key:"7b6bc40043d7d14e55faa7e60b85cdc60d56d00a",class:"zonos--title",type:"semiBoldLabel"},this.titleText),s("div",{key:"39df45805f365e761f0001c075f94e0bdf99fabb",class:"zonos--payment-component"}),s("div",{key:"a9e7d56ba2b0050926121e3ab8a61cbace9a6a14",class:"zonos--payment-paypal-container"}))}get el(){return a(this)}static get watchers(){return{stripeElements:["watchInitStripe"],stripe:["watchInitStripe"]}}};h.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 z=class{constructor(s){o(this,s),this.paypalSessionDone=t(this,"paypalSessionDone",7),this.paypalSessionFail=t(this,"paypalSessionFail",7)}async loadPaypal(){if(!window.Zonos.paypal)return void r("Paypal is not available");const o=y({onPaypalFail:()=>{r("onPaypalFail"),this.paypalSessionFail.emit()},onPaypalSessionDone:({orderId:o})=>{r("onPaypalSessionDone","info",{orderId:o}),this.paypalSessionDone.emit({orderId:o})}});if(!(null==o?void 0:o.length))return void r("There are no paypal buttons available");const s=this.el.querySelector(".zonos--payment-paypal-container");s?o.forEach((async o=>{await o.render(s)})):r("Cannot find container element for paypal buttons")}componentDidLoad(){this.loadPaypal()}render(){return s(n,{key:"6bfc962de500edbb105b7eb899711e48def78167",class:"zonos--paypal-payment zonos--elements"},s("div",{key:"92d1b1c416f5e233c54e50d47129be375ef0a68b",class:"zonos--payment-paypal-container"}))}get el(){return a(this)}};z.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{l as zonos_notification,h as zonos_payment,z as zonos_paypal_payment}