@spot-flow/checkout-inline-js 0.2.1-dev.1 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -36506,7 +36506,7 @@ class hu {
|
|
|
36506
36506
|
d(this, "onClose");
|
|
36507
36507
|
d(this, "currentPaymentMethod");
|
|
36508
36508
|
d(this, "countryCode");
|
|
36509
|
-
this.container = e.container, this.email = e.email, this.amount = e.amount || 0, this.metadata = e.metadata, this.currency = e.currency, this.localCurrency = e.localCurrency, this.merchantDetail = e.merchantDetail, this.onAction = e.onAction, this.isMobile = e.isMobile, this.trial = e.trial, this.onClose = e.onClose, this.trialAmount = e.trialAmount, this.currentPaymentMethod = e.currentPaymentMethod, this.countryCode = e.countryCode;
|
|
36509
|
+
this.container = e.container, this.email = e.email, this.amount = e.amount || 0, this.metadata = e.metadata, this.currency = e.currency, this.localCurrency = e.localCurrency, this.merchantDetail = e.merchantDetail, this.onAction = e.onAction, this.isMobile = e.isMobile, this.trial = e.trial, this.onClose = e.onClose, this.trialAmount = e.trialAmount, this.currentPaymentMethod = e.currentPaymentMethod, this.countryCode = this.countryCode = e.currency === "XOF" || e.currency === "XAF" || e.localCurrency === "XOF" || e.localCurrency === "XAF" ? e.countryCode : "";
|
|
36510
36510
|
}
|
|
36511
36511
|
attachListeners() {
|
|
36512
36512
|
const e = this.container.querySelectorAll(".tab-button");
|
|
@@ -36558,7 +36558,7 @@ class hu {
|
|
|
36558
36558
|
Je,
|
|
36559
36559
|
this.countryCode
|
|
36560
36560
|
)) == null ? void 0 : mn.language, bn = /* @__PURE__ */ new Set();
|
|
36561
|
-
bn.add("en"), xn && xn !== "en" && bn.add(xn), bn.size === 1 ? we.classList.add("hidden") : we.classList.remove("hidden"),
|
|
36561
|
+
bn.add("en"), xn && xn !== "en" && bn.add(xn), xe.getTranslationError() || Cn && !bn.has(Cn) && bn.add(Cn), bn.size === 1 ? we.classList.add("hidden") : we.classList.remove("hidden"), bn.forEach((Ze) => {
|
|
36562
36562
|
const rn = new Option(Ze, Ze);
|
|
36563
36563
|
rn.value = Ze, rn.text = lu[Ze] || Ze, Ze === R() && (rn.selected = !0), we.appendChild(rn);
|
|
36564
36564
|
}), xe.subscribeToLoading((Ze) => {
|
package/dist/checkout-inline.js
CHANGED
|
@@ -1991,7 +1991,7 @@ or you can use record.mirror to access the mirror instance during recording.`;le
|
|
|
1991
1991
|
<!-- Tab options -->
|
|
1992
1992
|
</div>
|
|
1993
1993
|
</div>
|
|
1994
|
-
</div>`;class Nc{constructor(e){d(this,"container");d(this,"email");d(this,"amount",0);d(this,"metadata");d(this,"currency");d(this,"localCurrency");d(this,"mainLoader");d(this,"trialAmount");d(this,"trial");d(this,"merchantDetail");d(this,"onAction");d(this,"isMobile");d(this,"onClose");d(this,"currentPaymentMethod");d(this,"countryCode");this.container=e.container,this.email=e.email,this.amount=e.amount||0,this.metadata=e.metadata,this.currency=e.currency,this.localCurrency=e.localCurrency,this.merchantDetail=e.merchantDetail,this.onAction=e.onAction,this.isMobile=e.isMobile,this.trial=e.trial,this.onClose=e.onClose,this.trialAmount=e.trialAmount,this.currentPaymentMethod=e.currentPaymentMethod,this.countryCode=e.countryCode}attachListeners(){const e=this.container.querySelectorAll(".tab-button");Array.from(e).forEach(o=>{const a=o.dataset.name||"",l=o.querySelector(".tab-button-icon"),c=o.querySelector(".tab-button-label");l&&(l.innerHTML=se[a].icon),c&&(c.textContent=se[a].label),o.addEventListener("click",p=>{p.preventDefault(),this.onAction(a)})});const i=this.container.querySelector("#close-btn");i&&i.addEventListener("click",()=>{this.onClose(!0)});const s=document.getElementById("go-back");s==null||s.addEventListener("click",()=>{this.onAction("")})}renderComponent(){var wn,Wn,On,je,kn,Zn,me,xe,Qe,ze,De,hn,H,ye,te,Ce,qe,ne,Un,Bt,hi,mi,pi,vi,Qn,bi,re,fi,gi,yi,Ci,wi,ki,Si,gt,yt,xi,Ai,Mi,Li,Ct,Je,Ti,Sn,_i,Rt;this.container.innerHTML=this.render(),this.mainLoader=new ke(this.container),this.amount=this.amount;const e=this.container.querySelector("#merchant-logo-container"),t=this.container.querySelector("#merchant-logo"),i=this.container.querySelector("#merchant-email"),s=this.container.querySelector("#merchant-email-mob"),o=this.container.querySelector("#trial-info"),a=this.container.querySelector("#todays-total-amount"),l=this.container.querySelector("#plan-name"),c=this.container.querySelector("#plan-name-mob"),p=this.container.querySelector("#payment-fees"),m=this.container.querySelector("#currency-cursor"),y=this.container.querySelector("#currency-cursor-mob"),b=this.container.querySelector("#payment-rate-display"),g=this.container.querySelector("#payment-rate-display-mob"),w=this.container.querySelector("#designated-rate"),f=this.container.querySelector("#designated-rate-mob"),k=this.container.querySelector("#designated-rate-no-plan"),x=this.container.querySelector("#source-rate"),A=this.container.querySelector("#source-rate-mob"),M=this.container.querySelector("#tax-rate"),P=this.container.querySelector("#tax-rate-mob"),D=this.container.querySelector("#tooltip-localCurrency"),G=this.container.querySelector("#tooltip-localCurrency-mob"),W=this.container.querySelector("#select-payment-method-text"),K=this.container.querySelector("#amount-text"),Z=this.container.querySelector("#what-is-this"),de=this.container.querySelector("#reflect"),_e=this.container.querySelector("#please-note"),j=this.container.querySelector("#what-is-this-mob"),Oe=this.container.querySelector("#reflect-mob"),ge=this.container.querySelector("#please-note-mob"),Ge=this.container.querySelector("#to-pay-text"),Se=this.container.querySelector("#language-dropdown");if(Se){const an=this.currency==="USD"?this.localCurrency:this.currency,Vn=(wn=Ni(an,this.countryCode))==null?void 0:wn.language,xn=new Set;xn.add("en"),Vn&&Vn!=="en"&&xn.add(Vn),xn.size===1?Se.classList.add("hidden"):Se.classList.remove("hidden"),
|
|
1994
|
+
</div>`;class Nc{constructor(e){d(this,"container");d(this,"email");d(this,"amount",0);d(this,"metadata");d(this,"currency");d(this,"localCurrency");d(this,"mainLoader");d(this,"trialAmount");d(this,"trial");d(this,"merchantDetail");d(this,"onAction");d(this,"isMobile");d(this,"onClose");d(this,"currentPaymentMethod");d(this,"countryCode");this.container=e.container,this.email=e.email,this.amount=e.amount||0,this.metadata=e.metadata,this.currency=e.currency,this.localCurrency=e.localCurrency,this.merchantDetail=e.merchantDetail,this.onAction=e.onAction,this.isMobile=e.isMobile,this.trial=e.trial,this.onClose=e.onClose,this.trialAmount=e.trialAmount,this.currentPaymentMethod=e.currentPaymentMethod,this.countryCode=this.countryCode=e.currency==="XOF"||e.currency==="XAF"||e.localCurrency==="XOF"||e.localCurrency==="XAF"?e.countryCode:""}attachListeners(){const e=this.container.querySelectorAll(".tab-button");Array.from(e).forEach(o=>{const a=o.dataset.name||"",l=o.querySelector(".tab-button-icon"),c=o.querySelector(".tab-button-label");l&&(l.innerHTML=se[a].icon),c&&(c.textContent=se[a].label),o.addEventListener("click",p=>{p.preventDefault(),this.onAction(a)})});const i=this.container.querySelector("#close-btn");i&&i.addEventListener("click",()=>{this.onClose(!0)});const s=document.getElementById("go-back");s==null||s.addEventListener("click",()=>{this.onAction("")})}renderComponent(){var wn,Wn,On,je,kn,Zn,me,xe,Qe,ze,De,hn,H,ye,te,Ce,qe,ne,Un,Bt,hi,mi,pi,vi,Qn,bi,re,fi,gi,yi,Ci,wi,ki,Si,gt,yt,xi,Ai,Mi,Li,Ct,Je,Ti,Sn,_i,Rt;this.container.innerHTML=this.render(),this.mainLoader=new ke(this.container),this.amount=this.amount;const e=this.container.querySelector("#merchant-logo-container"),t=this.container.querySelector("#merchant-logo"),i=this.container.querySelector("#merchant-email"),s=this.container.querySelector("#merchant-email-mob"),o=this.container.querySelector("#trial-info"),a=this.container.querySelector("#todays-total-amount"),l=this.container.querySelector("#plan-name"),c=this.container.querySelector("#plan-name-mob"),p=this.container.querySelector("#payment-fees"),m=this.container.querySelector("#currency-cursor"),y=this.container.querySelector("#currency-cursor-mob"),b=this.container.querySelector("#payment-rate-display"),g=this.container.querySelector("#payment-rate-display-mob"),w=this.container.querySelector("#designated-rate"),f=this.container.querySelector("#designated-rate-mob"),k=this.container.querySelector("#designated-rate-no-plan"),x=this.container.querySelector("#source-rate"),A=this.container.querySelector("#source-rate-mob"),M=this.container.querySelector("#tax-rate"),P=this.container.querySelector("#tax-rate-mob"),D=this.container.querySelector("#tooltip-localCurrency"),G=this.container.querySelector("#tooltip-localCurrency-mob"),W=this.container.querySelector("#select-payment-method-text"),K=this.container.querySelector("#amount-text"),Z=this.container.querySelector("#what-is-this"),de=this.container.querySelector("#reflect"),_e=this.container.querySelector("#please-note"),j=this.container.querySelector("#what-is-this-mob"),Oe=this.container.querySelector("#reflect-mob"),ge=this.container.querySelector("#please-note-mob"),Ge=this.container.querySelector("#to-pay-text"),Se=this.container.querySelector("#language-dropdown");if(Se){const an=this.currency==="USD"?this.localCurrency:this.currency,Vn=(wn=Ni(an,this.countryCode))==null?void 0:wn.language,xn=new Set;xn.add("en"),Vn&&Vn!=="en"&&xn.add(Vn),Ae.getTranslationError()||pn&&!xn.has(pn)&&xn.add(pn),xn.size===1?Se.classList.add("hidden"):Se.classList.remove("hidden"),xn.forEach(Ye=>{const mn=new Option(Ye,Ye);mn.value=Ye,mn.text=Dc[Ye]||Ye,Ye===R()&&(mn.selected=!0),Se.appendChild(mn)}),Ae.subscribeToLoading(Ye=>{Se.disabled=Ye}),Se.addEventListener("change",async Ye=>{const Ei=Ye.target.value;it(Ei);try{await Ae.setLanguage(Ei)}catch(Pi){console.error("Failed to change language:",Pi)}finally{}})}if(W&&(W.innerHTML=z.select_payment_method_text),K&&(K.innerHTML=`${z.amount}:`),Ge&&(Ge.innerHTML=`${z["to-pay"]}:`),Z&&(Z.innerHTML=E["what-is-this"]),de&&(de.innerHTML=E["rate-reflect-note"]),_e&&(_e.innerHTML=E["rate-please-note"]),j&&(j.innerHTML=E["what-is-this"]),Oe&&(Oe.innerHTML=E["rate-reflect-note"]),ge&&(ge.innerHTML=E["rate-please-note"]),(Wn=this.merchantDetail)!=null&&Wn.merchantLogo?t&&t.setAttribute("src",(On=this.merchantDetail)==null?void 0:On.merchantLogo):e&&(t==null||t.remove(),e.innerHTML=`<div class="font-semibold text-tone-100 rounded-2xl w-8 h-8 bg-tone-10 container-center uppercase">${this.merchantDetail.merchantName[0]}</div>`),i&&(i.innerHTML=this.email),s&&(s.innerHTML=this.email),l){if((kn=(je=this.merchantDetail)==null?void 0:je.plan)!=null&&kn.title){const an=((me=(Zn=this.merchantDetail)==null?void 0:Zn.plan)==null?void 0:me.title)||"";l.textContent=ui(an)}(xe=this.metadata)!=null&&xe.productName&&(l.textContent=ui(this.metadata.productName))}if(c){if((ze=(Qe=this.merchantDetail)==null?void 0:Qe.plan)!=null&&ze.title){const an=((hn=(De=this.merchantDetail)==null?void 0:De.plan)==null?void 0:hn.title)||"";c.textContent=ui(an)}(H=this.metadata)!=null&&H.productName&&(c.textContent=ui(this.metadata.productName))}if(m&&(this.currency==="USD"?b&&(b.innerHTML=`1 ${((te=(ye=this.merchantDetail)==null?void 0:ye.rate)==null?void 0:te.to)||"-"} = ${((qe=(Ce=this.merchantDetail)==null?void 0:Ce.rate)==null?void 0:qe.from)||"-"} ${Te(((ne=this.merchantDetail.rate)==null?void 0:ne.rate)||1,2)} `):m.innerHTML=""),y&&(this.currency==="USD"?g&&(g.innerHTML=`1 ${((Bt=(Un=this.merchantDetail)==null?void 0:Un.rate)==null?void 0:Bt.to)||"-"} = ${((mi=(hi=this.merchantDetail)==null?void 0:hi.rate)==null?void 0:mi.from)||"-"} ${Te(((pi=this.merchantDetail.rate)==null?void 0:pi.rate)||1,2)} `):y.innerHTML=""),(Qn=(vi=this.merchantDetail)==null?void 0:vi.plan)!=null&&Qn.title||(bi=this.metadata)!=null&&bi.productName?w&&(((fi=(re=this.merchantDetail)==null?void 0:re.plan)==null?void 0:fi.trial)?(o==null||o.classList.remove("hidden"),w.innerHTML=`${this.currency} ${Te(this.amount,2)}`):(w.innerHTML=`${this.currency} ${Te(this.amount,2)}`,o==null||o.classList.add("hidden"))):(k&&(k.innerHTML=`<span> ${this.currency} ${Te(this.amount,2)} </span>`),l&&c&&(l.remove(),c==null||c.remove()),this.localCurrency?w==null||w.remove():p&&p.remove()),f){const an=(yi=(gi=this.merchantDetail)==null?void 0:gi.plan)==null?void 0:yi.trial,Vn=(Si=(ki=(wi=(Ci=this.merchantDetail)==null?void 0:Ci.plan)==null?void 0:wi.trial)==null?void 0:ki.pricingList[0])==null?void 0:Si.amount;an&&a?(a.textContent=`${this.currency} ${Te(Vn,2)}`,f.innerHTML=`${this.currency} ${Te(this.amount,2)}`):f.innerHTML=`${this.currency} ${Te(this.amount,2)}`}x&&(this.localCurrency&&this.localCurrency!==this.currency?x.children[1].innerHTML=`${this.localCurrency} ${Te(this.amount*(((yt=(gt=this.merchantDetail)==null?void 0:gt.rate)==null?void 0:yt.rate)||1),2)}`:x.remove()),A&&(this.localCurrency&&this.localCurrency!==this.currency?A.children[1].innerHTML=`${this.localCurrency} ${Te(this.amount*(((Ai=(xi=this.merchantDetail)==null?void 0:xi.rate)==null?void 0:Ai.rate)||1),2)}`:A.remove());const Cn=this.localCurrency!==this.currency?this.amount*(((Li=(Mi=this.merchantDetail)==null?void 0:Mi.rate)==null?void 0:Li.rate)||1):this.amount;M&&(Ct=this.merchantDetail)!=null&&Ct.taxQuoteId&&(Je=this.merchantDetail)!=null&&Je.totalAmount&&(M.classList.remove("hidden"),M.children[1].innerHTML=`${this.localCurrency!==this.currency?this.localCurrency:this.currency} ${Te(((Ti=this.merchantDetail)==null?void 0:Ti.totalAmount)-Cn,2)}`),P&&(Sn=this.merchantDetail)!=null&&Sn.taxQuoteId&&(_i=this.merchantDetail)!=null&&_i.totalAmount&&(P.classList.remove("hidden"),P.children[1].innerHTML=`${this.localCurrency!==this.currency?this.localCurrency:this.currency} ${Te(((Rt=this.merchantDetail)==null?void 0:Rt.totalAmount)-Cn,2)}`);const un=Ic[this.localCurrency];D&&this.localCurrency&&(D.innerHTML=un?`${un} (${this.localCurrency})`:this.localCurrency),G&&this.localCurrency&&(G.innerHTML=un?`${un} (${this.localCurrency})`:this.localCurrency),this.renderPaymentOptions(this.container),this.attachListeners()}renderPaymentOptions(e){const t=e.querySelector(".payment-options"),i=Hn(this.currency,this.localCurrency);if(t){const s=this.merchantDetail.plan?[se.card]:this.merchantDetail.paymentMethods.filter(o=>o!=="ussd").filter(o=>!(i!=="USD"&&o==="stablecoin")).map(o=>se[o]);if(this.isMobile){let o='<div class="">';s.forEach(a=>{o+=`
|
|
1995
1995
|
<div key=${a.key}>
|
|
1996
1996
|
<button class="tab-button gap-2 mb-4 group" data-name="${a.key}">
|
|
1997
1997
|
<div class="lg:block">${a.icon}</div>
|