rebill-web-components-sdk 1.13.19 → 1.13.21

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.
Files changed (44) hide show
  1. package/dist/cjs/card-fields-wrapper_11.cjs.entry.js +1 -1
  2. package/dist/cjs/{google-maps.service-C61Pm1no.js → google-maps.service-CZcMzFBX.js} +49 -3
  3. package/dist/cjs/google-maps.service-CZcMzFBX.js.map +1 -0
  4. package/dist/cjs/index-C-VTnc0I.js.map +1 -1
  5. package/dist/cjs/rebill-change-card.cjs.entry.js +1 -1
  6. package/dist/cjs/rebill-checkout.cjs.entry.js +1 -1
  7. package/dist/cjs/rebill-renewal.cjs.entry.js +1 -1
  8. package/dist/collection/utils/google-maps.service.js +47 -1
  9. package/dist/collection/utils/google-maps.service.js.map +1 -1
  10. package/dist/components/p-8BpuJ_V5.js.map +1 -1
  11. package/dist/components/{p-BLo8Aps6.js → p-8MtEW13e.js} +49 -3
  12. package/dist/components/p-8MtEW13e.js.map +1 -0
  13. package/dist/components/{p-D2qupJgh.js → p-C8zfxcyS.js} +3 -3
  14. package/dist/components/{p-D2qupJgh.js.map → p-C8zfxcyS.js.map} +1 -1
  15. package/dist/components/rebill-address-search.js +1 -1
  16. package/dist/components/rebill-address.js +1 -1
  17. package/dist/components/rebill-change-card.js +2 -2
  18. package/dist/components/rebill-checkout.js +2 -2
  19. package/dist/components/rebill-renewal.js +2 -2
  20. package/dist/esm/card-fields-wrapper_11.entry.js +1 -1
  21. package/dist/esm/{google-maps.service-DM1Z3gTC.js → google-maps.service-C2nYpE_A.js} +49 -3
  22. package/dist/esm/google-maps.service-C2nYpE_A.js.map +1 -0
  23. package/dist/esm/index-D8cwEAmw.js.map +1 -1
  24. package/dist/esm/rebill-change-card.entry.js +1 -1
  25. package/dist/esm/rebill-checkout.entry.js +1 -1
  26. package/dist/esm/rebill-renewal.entry.js +1 -1
  27. package/dist/rebill-web-components-sdk/p-C2nYpE_A.js +2 -0
  28. package/dist/rebill-web-components-sdk/p-C2nYpE_A.js.map +1 -0
  29. package/dist/rebill-web-components-sdk/p-D8cwEAmw.js.map +1 -1
  30. package/dist/rebill-web-components-sdk/{p-f08ee974.entry.js → p-b9a3b27f.entry.js} +2 -2
  31. package/dist/rebill-web-components-sdk/{p-fa2647be.entry.js → p-bf15156a.entry.js} +2 -2
  32. package/dist/rebill-web-components-sdk/{p-0c396bf4.entry.js → p-c327a984.entry.js} +2 -2
  33. package/dist/rebill-web-components-sdk/{p-5c4c4d5f.entry.js → p-f3859b65.entry.js} +2 -2
  34. package/dist/rebill-web-components-sdk/rebill-web-components-sdk.esm.js +1 -1
  35. package/package.json +1 -1
  36. package/dist/cjs/google-maps.service-C61Pm1no.js.map +0 -1
  37. package/dist/components/p-BLo8Aps6.js.map +0 -1
  38. package/dist/esm/google-maps.service-DM1Z3gTC.js.map +0 -1
  39. package/dist/rebill-web-components-sdk/p-DM1Z3gTC.js +0 -2
  40. package/dist/rebill-web-components-sdk/p-DM1Z3gTC.js.map +0 -1
  41. /package/dist/rebill-web-components-sdk/{p-f08ee974.entry.js.map → p-b9a3b27f.entry.js.map} +0 -0
  42. /package/dist/rebill-web-components-sdk/{p-fa2647be.entry.js.map → p-bf15156a.entry.js.map} +0 -0
  43. /package/dist/rebill-web-components-sdk/{p-0c396bf4.entry.js.map → p-c327a984.entry.js.map} +0 -0
  44. /package/dist/rebill-web-components-sdk/{p-5c4c4d5f.entry.js.map → p-f3859b65.entry.js.map} +0 -0
package/dist/rebill-web-components-sdk/{p-f08ee974.entry.js → p-b9a3b27f.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as e,c as i,h as r}from"./p-D8cwEAmw.js";import{c as t}from"./p-MMCcKmy_.js";import{a as o}from"./p-CtVYl54u.js";import{P as l,S as a,I as n}from"./p-B0zTy7-V.js";import{r as s,R as c,o as d}from"./p-BXnYPPj4.js";import{B as p,g as m,i as b}from"./p-Do_vNuMa.js";import{f as u}from"./p-DttB4YfU.js";import{G as g}from"./p-DM1Z3gTC.js";import{s as h,i as f,b as y}from"./p-CznPkI5O.js";import{g as x,a as k}from"./p-Beadzmln.js";import"./p-E-ZsRS8r.js";import"./p-gx2Z4Khq.js";import"./p-NRdSSs6s.js";const w=":root{--rebill-color-primary:#0056f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-link:#3b82f6;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}@media (max-width: 1024px){.rebill-checkout-renewal{flex-direction:column;gap:0;justify-content:flex-start;background:var(--rebill-color-background);padding:20px}.right-section .left-section{width:100%;height:100%;background:var(--rebill-color-background)}.checkout-form-section{display:flex;flex-direction:column;justify-content:flex-start;gap:24px;height:100%;margin-top:24px}.otp-container{display:flex;flex-direction:column;justify-content:flex-start;gap:24px}}@media (min-width: 1025px){.rebill-checkout-renewal{width:100vw;min-height:100vh;display:flex;flex-direction:row;justify-content:center;overflow-y:auto}.left-section{display:flex;width:60%;background:var(--rebill-color-background-left);justify-content:space-around}.right-section{display:flex;padding-top:72px;width:40%;background:var(--rebill-color-background-right);position:sticky;top:0;justify-content:center}.checkout-form-section{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:36px;margin-top:24px;gap:32px}.left-section-container{max-width:450px;min-width:450px;margin:2.5rem 2rem 1.5rem 2rem;display:flex;flex-direction:column}.checkout-summary-section{max-width:450px;min-width:350px;margin:0rem 2rem;background:var(--rebill-color-background-right);display:flex;flex-direction:column;justify-content:flex-start;width:100%}.checkout-form-section user-information,.checkout-form-section payment-method-selector,.checkout-form-section rebill-address,.checkout-summary-section rebill-summary{width:100%}.pac-container{border-radius:4px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border:1px solid #e0e0e0;margin-top:4px;font-family:inherit}.pac-item{padding:10px 12px;cursor:pointer;border-top:none}.pac-item:first-child{border-top:none}.pac-item:hover{background-color:#f5f5f5}.pac-item-query{font-weight:500}.pac-icon{display:none}}.payment-button-container{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.animated-component{transition:all 0.3s ease-in-out;overflow:visible}.fade-in{animation:fadeIn 0.4s ease-in-out}.slide-in{animation:slideIn 0.5s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px);max-height:0}to{opacity:1;transform:translateX(0);max-height:450px}}.animated-component.hide{animation:fadeOut 0.3s ease-in-out forwards}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}rebill-mode-sandbox{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);z-index:1000}@media (max-width: 1024px){rebill-test-mode-chip{bottom:46px}}@media (min-width: 1025px){rebill-test-mode-chip{bottom:46px}}.mode-sandbox-mobile-container{display:flex;align-items:center;width:100%;padding:0;margin:0;box-sizing:border-box}@media (min-width: 1451px){.left-section-container{min-width:450px;margin:2.5rem 5rem 1.5rem 5rem}.checkout-summary-section{min-width:450px;margin:0rem 5rem}}:root{--rebill-color-primary:#0056f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-link:#3b82f6;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.success-page__text-content{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.success-page__success-content{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;overflow-x:hidden;box-sizing:border-box}.success-page__lottie-container{width:80px;height:80px}.success-page__success-content rebill-typography[variant='h3']{margin:0 !important;padding:0 !important}.success-page__success-icon{display:flex;justify-content:center;margin:0.5rem 0}.success-page__info-card{padding:24px;gap:16px;width:100%;max-width:450px;border:1px solid #ebedef;border-radius:8px;display:flex;flex-direction:column;box-sizing:border-box}.success-page__card-row{display:flex;justify-content:space-between;align-items:start;min-height:20px;gap:15%}.success-page__card-row:last-of-type{margin-bottom:0}.success-page__card-value{display:flex;align-items:center;gap:0.5rem}.success-page__payment-method-display{display:flex;align-items:center;gap:8px;justify-content:center}.success-page__payment-method-display rebill-card-icon{display:inline-block;flex-shrink:0;margin-right:8px;vertical-align:middle}.success-page__payment-method-display rebill-card-icon svg{display:block}.success-page__payment-method-display rebill-icon{display:inline-block;vertical-align:middle;margin-right:8px}.success-page__payment-method-display rebill-icon div{display:block}.success-page__card-divider{height:1px;background:#e5e7eb}.success-page__download-container{display:flex;align-items:center;justify-content:flex-start;gap:2px;text-decoration:none;cursor:pointer}.success-page__contact-info{text-align:left}.success-page__reference-number{word-break:break-all;overflow-wrap:break-word;hyphens:auto;max-width:100%;text-align:right}.success-page__total-amount-container{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-direction:row}.success-page__trial-pill{background-color:var(--rebill-color-green-light-2);border-radius:4px;padding:4px 6px 4px 6px;display:flex;align-items:center;justify-content:center}.success-page__next-charge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.success-page__next-charge-details{display:flex;justify-content:space-between;align-items:flex-start}.success-page__next-charge-amount{display:flex;flex-direction:row;align-items:center;gap:4px}.success-page__next-charge-date{text-align:right}.success-page__next-charge-section{margin-top:12px;padding-top:12px}@media (max-width: 1024px){.success-page__success-content{max-width:100%;gap:1.5rem;margin-left:16px;margin-right:16px}.success-page__info-card{width:100%;max-width:100%;padding:12px}.success-page__text-content{gap:12px}}@media (max-width: 767px){.success-page__info-card{padding:12px}.success-page__processing-container{padding:0 16px}}.success-page__success-icon{background:rgba(27, 167, 122, 0.15);width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center}.success-page__info-card{margin-top:24px;background:white}.success-page__payment-method-display{display:flex;align-items:center;gap:8px}";const _=class{constructor(r){e(this,r);this.success=i(this,"success");this.paymentError=i(this,"paymentError")}changeCardData;changeCardToken;isSubmitting=false;isCardSubmitting=false;isCardSuccess=false;errorMessage=null;breakpoint=p.DESKTOP;errorPaymentCard=false;initialData={};countries=[];allRequiredFields={};currentRequiredFields=[];errorCardInvalid=false;cardMode="input";completedAt=null;success;paymentError;currentPaymentMethod=l.CARD;validationSchema={phoneNumber:t().when([],{is:()=>f("phoneNumber",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.phoneRequired"),otherwise:e=>e.notRequired()}),"billing-country":t().when([],{is:()=>f("billing-country",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.countryRequired"),otherwise:e=>e.notRequired()}),"billing-state":t().when([],{is:()=>f("billing-state",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.stateRequired"),otherwise:e=>e.notRequired()}),"billing-address":t().when([],{is:()=>f("billing-address",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.addressRequired"),otherwise:e=>e.notRequired()}),"billing-city":t().when([],{is:()=>f("billing-city",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.cityRequired"),otherwise:e=>e.notRequired()}),"billing-zip":t().when([],{is:()=>f("billing-zip",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.zipRequired"),otherwise:e=>e.notRequired()}),documentType:t().when([],{is:()=>h(s.data?.price?.currency)&&f("documentType",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.documentTypeRequired"),otherwise:e=>e.notRequired()}),documentNumber:t().when([],{is:()=>h(s.data?.price?.currency)&&f("documentNumber",this.currentRequiredFields)&&this.cardMode==="input",then:e=>{const i=e.required("validation.documentNumberRequired").min(7,"validation.documentInvalid");if(s.data?.price?.country==="BR"){return i.test("numeric-only","validation.documentNumberNumericOnly",(e=>{if(!e)return true;return/^\d+$/.test(e)}))}return i},otherwise:e=>e.notRequired()})};resizeHandler=()=>{this.breakpoint=m(window.innerWidth)};async componentWillLoad(){this.resizeHandler();window.addEventListener("resize",this.resizeHandler);const e=typeof this.changeCardData==="string"?JSON.parse(this.changeCardData):this.changeCardData;c.initializeRenewal({...e,token:this.changeCardToken});s.data.subscription.customerId="";c.setCardId(null);c.setCardTokenId(null);c.setCardInformation(null);a.setCustomerId(null);a.setCardId(null);a.setCardTokenId(null);c.setCardMode("input");this.cardMode="input";c.setSelectedPaymentMethod(l.CARD);g.loadGoogleMapsScript();try{const e=await o.data.getCountries();this.countries=e.data}catch(e){console.error("Error loading countries:",e)}try{this.allRequiredFields=await x()}catch(e){console.error("Error loading required fields:",e)}try{this.currentRequiredFields=k(l.CARD,this.allRequiredFields).fields}catch(e){console.error("Error getting required fields for card:",e)}await this.initializeFingerprint();this.initialData=this.getInitialData();d("cardMode",(()=>{if(s.cardMode!=="input"){c.setCardMode("input");return}this.cardMode="input"}))}disconnectedCallback(){window.removeEventListener("resize",this.resizeHandler)}async initializeFingerprint(){if(!s.deviceId&&s.providerKey==="decidir"){try{const e=crypto.randomUUID();const i=await o.fingerPrint.getFingerPrint(e);c.setDeviceId(e);const r=i.result.script;const t=document.createElement("script");t.innerHTML=r;document.body.appendChild(t)}catch(e){console.error("[RebillChangeCard] Failed to initialize Decidir fingerprint:",e)}}}async handleSubmit(e){if(this.isSubmitting){return}await this.handleChangeCard(e)}async handleChangeCard(e){const i=e?.detail||this.getInitialData();if(!s.data.cardTokenId||!s.data.cardInformation){this.errorCardInvalid=true;return}this.errorCardInvalid=false;this.isSubmitting=true;this.isCardSubmitting=true;c.setLoading(true);try{const e={};e.cardTokenId=s.data.cardTokenId;e.billingDetails={address:{lineOne:i["billing-address"]||"",city:i["billing-city"]||"",state:i["billing-state"]||"",country:i["billing-country"]||"",zipCode:i["billing-zip"]||""},identification:y(s.data?.price?.currency,i.documentType||"",i.documentNumber||"",this.currentPaymentMethod)};const r=await o.subscriptions.changeCard(s.data.subscription.id,e,this.changeCardToken);if(r.data?.card){c.setCardInformation({brand:r.data.card.brand,type:s.data.cardInformation?.type||"",isoCountry:s.data.cardInformation?.isoCountry||"",bank:s.data.cardInformation?.bank||"",lastFour:r.data.card.lastFour,installments:s.data.cardInformation?.installments||{installments:[]}})}this.completedAt=(new Date).toISOString();this.isSubmitting=false;this.isCardSubmitting=false;c.setLoading(false);this.isCardSuccess=true;this.success.emit(r.data)}catch(e){this.isSubmitting=false;this.isCardSubmitting=false;c.setLoading(false);this.errorPaymentCard=true;this.errorMessage={message:e.data?.error?.message};this.paymentError.emit(e)}}getInitialData=()=>({email:s.data.subscription.customerEmail,fullName:s.data.subscription.customerName,card:"","billing-country":"","billing-state":"","billing-address":"","billing-city":"","billing-zip":"",bankId:"",phoneNumber:"",countryCodePhoneNumber:"",documentType:"",documentNumber:""});hasPrefilledAddress=()=>{const e=["billing-country","billing-state","billing-address","billing-city","billing-zip"];return e.some((e=>{const i=this.initialData[e];return i&&i.trim()!==""}))};getFormattedCompletionDate=()=>{if(!this.completedAt){return""}return u(this.completedAt)};get isSandboxMode(){const e=s.data?.organization?.id;return e?e.startsWith("test"):false}render(){if(!s.isInitialized){return r("div",{class:"loading"},n.translate("renewal.loading"))}const e=e=>r("renewal-summary",{titleKey:"changeCard.title",totalAmount:s.data.price.amount,subTotalAmount:s.data.subscription.subTotalAmount,currency:s.data.price.currency,subscriptionTitle:s.data.subscription.name[0]?.text||"Subscription",subscriptionAmount:s.data.subscription.amount,nextChargeDate:s.data.subscription.nextChargeDate,frequency:s.data.subscription.frequency,couponCode:s.data.price.couponCode,discountAmount:s.data.price.discountedAmount,discountPercentage:s.data.price.discountPercentage,...e});return r(r.Fragment,null,r("rebill-processing-payment",{style:{display:this.isCardSubmitting?"block":"none"},titleKey:"changeCard.processingTitle",subtitleKey:"changeCard.processingSubtitle"}),this.isCardSuccess?r("change-card-success",{customerName:s.data.subscription.customerName,cardBrand:s.data.cardInformation?.brand,cardLastFour:s.data.cardInformation?.lastFour||"****",paymentDate:this.getFormattedCompletionDate(),customerEmail:s.data.subscription.customerEmail}):r("rebill-checkout-form",{style:{display:this.isCardSubmitting||this.isCardSuccess?"none":"block"},validationSchema:this.validationSchema,initialData:this.initialData,onSubmit:e=>this.handleSubmit(e),renderForm:({submit:i,errors:t})=>r("div",{class:"rebill-checkout-renewal"},r("div",{class:"left-section"},r("div",{class:"left-section-container"},this.isSandboxMode&&b(this.breakpoint,p.DESKTOP)&&r("div",{class:"mode-sandbox-mobile-container",style:{display:this.isCardSubmitting||this.isCardSuccess?"none":"block"}},r("rebill-mode-sandbox-mobile",null)),r("organization-logo",{organization:s.data.organization}),r("div",{class:"checkout-form-section"},r("user-information-static",{userInfo:{customerName:s.data.subscription.customerName,customerEmail:s.data.subscription.customerEmail}}),b(this.breakpoint,p.DESKTOP)&&e({displayedComponents:"header"}),b(this.breakpoint,p.DESKTOP)&&e({displayedComponents:"details"}),r("div",{style:{display:"flex",flexDirection:"column",gap:"32px"}},r("payment-method-selector",{enabledPaymentMethods:[l.CARD],defaultSelected:this.currentPaymentMethod,errorComponent:{showErrorComponent:this.errorPaymentCard,alertTitle:this.errorMessage?.alertTitle||n.translate("changeCard.errorTitle"),message:this.errorMessage?.message||n.translate("changeCard.errorDescription")},cardError:{showCardInvalid:this.errorCardInvalid,type:null},country:s.data.price.country,documentTypeError:t?.documentType,documentNumberError:t?.documentNumber,showDocument:this.cardMode==="input"&&h(s.data?.price?.currency)&&(f("documentType",this.currentRequiredFields)||f("documentNumber",this.currentRequiredFields))})),this.cardMode==="input"&&(f("billing-country",this.currentRequiredFields)||f("billing-state",this.currentRequiredFields)||f("billing-address",this.currentRequiredFields)||f("billing-city",this.currentRequiredFields)||f("billing-zip",this.currentRequiredFields))&&r("div",{class:"animated-component slide-in"},r("rebill-address",{countryOptions:this.countries.map((e=>({label:e.country,value:e.isoCountryCode}))),billingView:this.hasPrefilledAddress()?"form":"search",errors:{"billing-country":t["billing-country"],"billing-state":t["billing-state"],"billing-address":t["billing-address"],"billing-city":t["billing-city"],"billing-zip":t["billing-zip"]}})),this.cardMode==="input"&&f("phoneNumber",this.currentRequiredFields)&&r("div",{class:"animated-component fade-in"},r("user-information-phone",{error:t?.phoneNumber||t?.isValidPhoneNumber})),b(this.breakpoint,p.DESKTOP)&&e({displayedComponents:"summary"}),r("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},r("payment-button",{paymentMethod:l.CARD,isLoading:this.isSubmitting,isChangeCard:true,country:s.data.price.country,isDisabled:s.fetchingInstallments,onSubmit:()=>i()}),r("rebill-alert",{type:"secure",variant:"variant-secure",icon:"lock-outline",message:n.translate("otp.secureMessage")}))),this.isSandboxMode&&!b(this.breakpoint,p.DESKTOP)&&r("rebill-mode-sandbox",null),r("rebill-footer",{style:{marginTop:b(this.breakpoint,p.DESKTOP)?"24px":"auto"}}))),!b(this.breakpoint,p.DESKTOP)&&r("div",{class:"right-section"},r("div",{class:"checkout-summary-section"},e({displayedComponents:["header","details","summary"]}))))}))}};_.style=w;export{_ as rebill_change_card};
2
- //# sourceMappingURL=p-f08ee974.entry.js.map
1
+ import{r as e,c as i,h as r}from"./p-D8cwEAmw.js";import{c as t}from"./p-MMCcKmy_.js";import{a as o}from"./p-CtVYl54u.js";import{P as l,S as a,I as n}from"./p-B0zTy7-V.js";import{r as s,R as c,o as d}from"./p-BXnYPPj4.js";import{B as p,g as m,i as b}from"./p-Do_vNuMa.js";import{f as u}from"./p-DttB4YfU.js";import{G as g}from"./p-C2nYpE_A.js";import{s as h,i as f,b as y}from"./p-CznPkI5O.js";import{g as x,a as k}from"./p-Beadzmln.js";import"./p-E-ZsRS8r.js";import"./p-gx2Z4Khq.js";import"./p-NRdSSs6s.js";const w=":root{--rebill-color-primary:#0056f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-link:#3b82f6;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}@media (max-width: 1024px){.rebill-checkout-renewal{flex-direction:column;gap:0;justify-content:flex-start;background:var(--rebill-color-background);padding:20px}.right-section .left-section{width:100%;height:100%;background:var(--rebill-color-background)}.checkout-form-section{display:flex;flex-direction:column;justify-content:flex-start;gap:24px;height:100%;margin-top:24px}.otp-container{display:flex;flex-direction:column;justify-content:flex-start;gap:24px}}@media (min-width: 1025px){.rebill-checkout-renewal{width:100vw;min-height:100vh;display:flex;flex-direction:row;justify-content:center;overflow-y:auto}.left-section{display:flex;width:60%;background:var(--rebill-color-background-left);justify-content:space-around}.right-section{display:flex;padding-top:72px;width:40%;background:var(--rebill-color-background-right);position:sticky;top:0;justify-content:center}.checkout-form-section{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:36px;margin-top:24px;gap:32px}.left-section-container{max-width:450px;min-width:450px;margin:2.5rem 2rem 1.5rem 2rem;display:flex;flex-direction:column}.checkout-summary-section{max-width:450px;min-width:350px;margin:0rem 2rem;background:var(--rebill-color-background-right);display:flex;flex-direction:column;justify-content:flex-start;width:100%}.checkout-form-section user-information,.checkout-form-section payment-method-selector,.checkout-form-section rebill-address,.checkout-summary-section rebill-summary{width:100%}.pac-container{border-radius:4px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border:1px solid #e0e0e0;margin-top:4px;font-family:inherit}.pac-item{padding:10px 12px;cursor:pointer;border-top:none}.pac-item:first-child{border-top:none}.pac-item:hover{background-color:#f5f5f5}.pac-item-query{font-weight:500}.pac-icon{display:none}}.payment-button-container{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.animated-component{transition:all 0.3s ease-in-out;overflow:visible}.fade-in{animation:fadeIn 0.4s ease-in-out}.slide-in{animation:slideIn 0.5s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px);max-height:0}to{opacity:1;transform:translateX(0);max-height:450px}}.animated-component.hide{animation:fadeOut 0.3s ease-in-out forwards}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}rebill-mode-sandbox{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);z-index:1000}@media (max-width: 1024px){rebill-test-mode-chip{bottom:46px}}@media (min-width: 1025px){rebill-test-mode-chip{bottom:46px}}.mode-sandbox-mobile-container{display:flex;align-items:center;width:100%;padding:0;margin:0;box-sizing:border-box}@media (min-width: 1451px){.left-section-container{min-width:450px;margin:2.5rem 5rem 1.5rem 5rem}.checkout-summary-section{min-width:450px;margin:0rem 5rem}}:root{--rebill-color-primary:#0056f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-link:#3b82f6;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.success-page__text-content{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.success-page__success-content{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;overflow-x:hidden;box-sizing:border-box}.success-page__lottie-container{width:80px;height:80px}.success-page__success-content rebill-typography[variant='h3']{margin:0 !important;padding:0 !important}.success-page__success-icon{display:flex;justify-content:center;margin:0.5rem 0}.success-page__info-card{padding:24px;gap:16px;width:100%;max-width:450px;border:1px solid #ebedef;border-radius:8px;display:flex;flex-direction:column;box-sizing:border-box}.success-page__card-row{display:flex;justify-content:space-between;align-items:start;min-height:20px;gap:15%}.success-page__card-row:last-of-type{margin-bottom:0}.success-page__card-value{display:flex;align-items:center;gap:0.5rem}.success-page__payment-method-display{display:flex;align-items:center;gap:8px;justify-content:center}.success-page__payment-method-display rebill-card-icon{display:inline-block;flex-shrink:0;margin-right:8px;vertical-align:middle}.success-page__payment-method-display rebill-card-icon svg{display:block}.success-page__payment-method-display rebill-icon{display:inline-block;vertical-align:middle;margin-right:8px}.success-page__payment-method-display rebill-icon div{display:block}.success-page__card-divider{height:1px;background:#e5e7eb}.success-page__download-container{display:flex;align-items:center;justify-content:flex-start;gap:2px;text-decoration:none;cursor:pointer}.success-page__contact-info{text-align:left}.success-page__reference-number{word-break:break-all;overflow-wrap:break-word;hyphens:auto;max-width:100%;text-align:right}.success-page__total-amount-container{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-direction:row}.success-page__trial-pill{background-color:var(--rebill-color-green-light-2);border-radius:4px;padding:4px 6px 4px 6px;display:flex;align-items:center;justify-content:center}.success-page__next-charge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.success-page__next-charge-details{display:flex;justify-content:space-between;align-items:flex-start}.success-page__next-charge-amount{display:flex;flex-direction:row;align-items:center;gap:4px}.success-page__next-charge-date{text-align:right}.success-page__next-charge-section{margin-top:12px;padding-top:12px}@media (max-width: 1024px){.success-page__success-content{max-width:100%;gap:1.5rem;margin-left:16px;margin-right:16px}.success-page__info-card{width:100%;max-width:100%;padding:12px}.success-page__text-content{gap:12px}}@media (max-width: 767px){.success-page__info-card{padding:12px}.success-page__processing-container{padding:0 16px}}.success-page__success-icon{background:rgba(27, 167, 122, 0.15);width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center}.success-page__info-card{margin-top:24px;background:white}.success-page__payment-method-display{display:flex;align-items:center;gap:8px}";const _=class{constructor(r){e(this,r);this.success=i(this,"success");this.paymentError=i(this,"paymentError")}changeCardData;changeCardToken;isSubmitting=false;isCardSubmitting=false;isCardSuccess=false;errorMessage=null;breakpoint=p.DESKTOP;errorPaymentCard=false;initialData={};countries=[];allRequiredFields={};currentRequiredFields=[];errorCardInvalid=false;cardMode="input";completedAt=null;success;paymentError;currentPaymentMethod=l.CARD;validationSchema={phoneNumber:t().when([],{is:()=>f("phoneNumber",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.phoneRequired"),otherwise:e=>e.notRequired()}),"billing-country":t().when([],{is:()=>f("billing-country",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.countryRequired"),otherwise:e=>e.notRequired()}),"billing-state":t().when([],{is:()=>f("billing-state",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.stateRequired"),otherwise:e=>e.notRequired()}),"billing-address":t().when([],{is:()=>f("billing-address",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.addressRequired"),otherwise:e=>e.notRequired()}),"billing-city":t().when([],{is:()=>f("billing-city",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.cityRequired"),otherwise:e=>e.notRequired()}),"billing-zip":t().when([],{is:()=>f("billing-zip",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.zipRequired"),otherwise:e=>e.notRequired()}),documentType:t().when([],{is:()=>h(s.data?.price?.currency)&&f("documentType",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.documentTypeRequired"),otherwise:e=>e.notRequired()}),documentNumber:t().when([],{is:()=>h(s.data?.price?.currency)&&f("documentNumber",this.currentRequiredFields)&&this.cardMode==="input",then:e=>{const i=e.required("validation.documentNumberRequired").min(7,"validation.documentInvalid");if(s.data?.price?.country==="BR"){return i.test("numeric-only","validation.documentNumberNumericOnly",(e=>{if(!e)return true;return/^\d+$/.test(e)}))}return i},otherwise:e=>e.notRequired()})};resizeHandler=()=>{this.breakpoint=m(window.innerWidth)};async componentWillLoad(){this.resizeHandler();window.addEventListener("resize",this.resizeHandler);const e=typeof this.changeCardData==="string"?JSON.parse(this.changeCardData):this.changeCardData;c.initializeRenewal({...e,token:this.changeCardToken});s.data.subscription.customerId="";c.setCardId(null);c.setCardTokenId(null);c.setCardInformation(null);a.setCustomerId(null);a.setCardId(null);a.setCardTokenId(null);c.setCardMode("input");this.cardMode="input";c.setSelectedPaymentMethod(l.CARD);g.loadGoogleMapsScript();try{const e=await o.data.getCountries();this.countries=e.data}catch(e){console.error("Error loading countries:",e)}try{this.allRequiredFields=await x()}catch(e){console.error("Error loading required fields:",e)}try{this.currentRequiredFields=k(l.CARD,this.allRequiredFields).fields}catch(e){console.error("Error getting required fields for card:",e)}await this.initializeFingerprint();this.initialData=this.getInitialData();d("cardMode",(()=>{if(s.cardMode!=="input"){c.setCardMode("input");return}this.cardMode="input"}))}disconnectedCallback(){window.removeEventListener("resize",this.resizeHandler)}async initializeFingerprint(){if(!s.deviceId&&s.providerKey==="decidir"){try{const e=crypto.randomUUID();const i=await o.fingerPrint.getFingerPrint(e);c.setDeviceId(e);const r=i.result.script;const t=document.createElement("script");t.innerHTML=r;document.body.appendChild(t)}catch(e){console.error("[RebillChangeCard] Failed to initialize Decidir fingerprint:",e)}}}async handleSubmit(e){if(this.isSubmitting){return}await this.handleChangeCard(e)}async handleChangeCard(e){const i=e?.detail||this.getInitialData();if(!s.data.cardTokenId||!s.data.cardInformation){this.errorCardInvalid=true;return}this.errorCardInvalid=false;this.isSubmitting=true;this.isCardSubmitting=true;c.setLoading(true);try{const e={};e.cardTokenId=s.data.cardTokenId;e.billingDetails={address:{lineOne:i["billing-address"]||"",city:i["billing-city"]||"",state:i["billing-state"]||"",country:i["billing-country"]||"",zipCode:i["billing-zip"]||""},identification:y(s.data?.price?.currency,i.documentType||"",i.documentNumber||"",this.currentPaymentMethod)};const r=await o.subscriptions.changeCard(s.data.subscription.id,e,this.changeCardToken);if(r.data?.card){c.setCardInformation({brand:r.data.card.brand,type:s.data.cardInformation?.type||"",isoCountry:s.data.cardInformation?.isoCountry||"",bank:s.data.cardInformation?.bank||"",lastFour:r.data.card.lastFour,installments:s.data.cardInformation?.installments||{installments:[]}})}this.completedAt=(new Date).toISOString();this.isSubmitting=false;this.isCardSubmitting=false;c.setLoading(false);this.isCardSuccess=true;this.success.emit(r.data)}catch(e){this.isSubmitting=false;this.isCardSubmitting=false;c.setLoading(false);this.errorPaymentCard=true;this.errorMessage={message:e.data?.error?.message};this.paymentError.emit(e)}}getInitialData=()=>({email:s.data.subscription.customerEmail,fullName:s.data.subscription.customerName,card:"","billing-country":"","billing-state":"","billing-address":"","billing-city":"","billing-zip":"",bankId:"",phoneNumber:"",countryCodePhoneNumber:"",documentType:"",documentNumber:""});hasPrefilledAddress=()=>{const e=["billing-country","billing-state","billing-address","billing-city","billing-zip"];return e.some((e=>{const i=this.initialData[e];return i&&i.trim()!==""}))};getFormattedCompletionDate=()=>{if(!this.completedAt){return""}return u(this.completedAt)};get isSandboxMode(){const e=s.data?.organization?.id;return e?e.startsWith("test"):false}render(){if(!s.isInitialized){return r("div",{class:"loading"},n.translate("renewal.loading"))}const e=e=>r("renewal-summary",{titleKey:"changeCard.title",totalAmount:s.data.price.amount,subTotalAmount:s.data.subscription.subTotalAmount,currency:s.data.price.currency,subscriptionTitle:s.data.subscription.name[0]?.text||"Subscription",subscriptionAmount:s.data.subscription.amount,nextChargeDate:s.data.subscription.nextChargeDate,frequency:s.data.subscription.frequency,couponCode:s.data.price.couponCode,discountAmount:s.data.price.discountedAmount,discountPercentage:s.data.price.discountPercentage,...e});return r(r.Fragment,null,r("rebill-processing-payment",{style:{display:this.isCardSubmitting?"block":"none"},titleKey:"changeCard.processingTitle",subtitleKey:"changeCard.processingSubtitle"}),this.isCardSuccess?r("change-card-success",{customerName:s.data.subscription.customerName,cardBrand:s.data.cardInformation?.brand,cardLastFour:s.data.cardInformation?.lastFour||"****",paymentDate:this.getFormattedCompletionDate(),customerEmail:s.data.subscription.customerEmail}):r("rebill-checkout-form",{style:{display:this.isCardSubmitting||this.isCardSuccess?"none":"block"},validationSchema:this.validationSchema,initialData:this.initialData,onSubmit:e=>this.handleSubmit(e),renderForm:({submit:i,errors:t})=>r("div",{class:"rebill-checkout-renewal"},r("div",{class:"left-section"},r("div",{class:"left-section-container"},this.isSandboxMode&&b(this.breakpoint,p.DESKTOP)&&r("div",{class:"mode-sandbox-mobile-container",style:{display:this.isCardSubmitting||this.isCardSuccess?"none":"block"}},r("rebill-mode-sandbox-mobile",null)),r("organization-logo",{organization:s.data.organization}),r("div",{class:"checkout-form-section"},r("user-information-static",{userInfo:{customerName:s.data.subscription.customerName,customerEmail:s.data.subscription.customerEmail}}),b(this.breakpoint,p.DESKTOP)&&e({displayedComponents:"header"}),b(this.breakpoint,p.DESKTOP)&&e({displayedComponents:"details"}),r("div",{style:{display:"flex",flexDirection:"column",gap:"32px"}},r("payment-method-selector",{enabledPaymentMethods:[l.CARD],defaultSelected:this.currentPaymentMethod,errorComponent:{showErrorComponent:this.errorPaymentCard,alertTitle:this.errorMessage?.alertTitle||n.translate("changeCard.errorTitle"),message:this.errorMessage?.message||n.translate("changeCard.errorDescription")},cardError:{showCardInvalid:this.errorCardInvalid,type:null},country:s.data.price.country,documentTypeError:t?.documentType,documentNumberError:t?.documentNumber,showDocument:this.cardMode==="input"&&h(s.data?.price?.currency)&&(f("documentType",this.currentRequiredFields)||f("documentNumber",this.currentRequiredFields))})),this.cardMode==="input"&&(f("billing-country",this.currentRequiredFields)||f("billing-state",this.currentRequiredFields)||f("billing-address",this.currentRequiredFields)||f("billing-city",this.currentRequiredFields)||f("billing-zip",this.currentRequiredFields))&&r("div",{class:"animated-component slide-in"},r("rebill-address",{countryOptions:this.countries.map((e=>({label:e.country,value:e.isoCountryCode}))),billingView:this.hasPrefilledAddress()?"form":"search",errors:{"billing-country":t["billing-country"],"billing-state":t["billing-state"],"billing-address":t["billing-address"],"billing-city":t["billing-city"],"billing-zip":t["billing-zip"]}})),this.cardMode==="input"&&f("phoneNumber",this.currentRequiredFields)&&r("div",{class:"animated-component fade-in"},r("user-information-phone",{error:t?.phoneNumber||t?.isValidPhoneNumber})),b(this.breakpoint,p.DESKTOP)&&e({displayedComponents:"summary"}),r("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},r("payment-button",{paymentMethod:l.CARD,isLoading:this.isSubmitting,isChangeCard:true,country:s.data.price.country,isDisabled:s.fetchingInstallments,onSubmit:()=>i()}),r("rebill-alert",{type:"secure",variant:"variant-secure",icon:"lock-outline",message:n.translate("otp.secureMessage")}))),this.isSandboxMode&&!b(this.breakpoint,p.DESKTOP)&&r("rebill-mode-sandbox",null),r("rebill-footer",{style:{marginTop:b(this.breakpoint,p.DESKTOP)?"24px":"auto"}}))),!b(this.breakpoint,p.DESKTOP)&&r("div",{class:"right-section"},r("div",{class:"checkout-summary-section"},e({displayedComponents:["header","details","summary"]}))))}))}};_.style=w;export{_ as rebill_change_card};
2
+ //# sourceMappingURL=p-b9a3b27f.entry.js.map
package/dist/rebill-web-components-sdk/{p-fa2647be.entry.js → p-bf15156a.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as e,c as t,h as i}from"./p-D8cwEAmw.js";import{c as r}from"./p-MMCcKmy_.js";import{a as o}from"./p-CtVYl54u.js";import{g as n,C as s,P as a,a as l}from"./p-CYYBIKsp.js";import{P as c,I as d}from"./p-B0zTy7-V.js";import{S as h}from"./p-vsLqF4hk.js";import{r as m,R as u,o as p}from"./p-BXnYPPj4.js";import{B as f,g as b,i as g}from"./p-Do_vNuMa.js";import{C as y}from"./p-C5Pu-n-i.js";import{G as x}from"./p-DM1Z3gTC.js";import{s as w,i as k,b as v,g as C}from"./p-CznPkI5O.js";import{P as q}from"./p-NRdSSs6s.js";import{g as N,a as j}from"./p-Beadzmln.js";import"./p-E-ZsRS8r.js";import"./p-gx2Z4Khq.js";const I=":root{--rebill-color-primary:#0056f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-link:#3b82f6;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}@media (max-width: 1024px){.rebill-checkout-renewal{flex-direction:column;gap:0;justify-content:flex-start;background:var(--rebill-color-background);padding:20px}.right-section .left-section{width:100%;height:100%;background:var(--rebill-color-background)}.checkout-form-section{display:flex;flex-direction:column;justify-content:flex-start;gap:24px;height:100%;margin-top:24px}.otp-container{display:flex;flex-direction:column;justify-content:flex-start;gap:24px}}@media (min-width: 1025px){.rebill-checkout-renewal{width:100vw;min-height:100vh;display:flex;flex-direction:row;justify-content:center;overflow-y:auto}.left-section{display:flex;width:60%;background:var(--rebill-color-background-left);justify-content:space-around}.right-section{display:flex;padding-top:72px;width:40%;background:var(--rebill-color-background-right);position:sticky;top:0;justify-content:center}.checkout-form-section{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:36px;margin-top:24px;gap:32px}.left-section-container{max-width:450px;min-width:450px;margin:2.5rem 2rem 1.5rem 2rem;display:flex;flex-direction:column}.checkout-summary-section{max-width:450px;min-width:350px;margin:0rem 2rem;background:var(--rebill-color-background-right);display:flex;flex-direction:column;justify-content:flex-start;width:100%}.checkout-form-section user-information,.checkout-form-section payment-method-selector,.checkout-form-section rebill-address,.checkout-summary-section rebill-summary{width:100%}.pac-container{border-radius:4px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border:1px solid #e0e0e0;margin-top:4px;font-family:inherit}.pac-item{padding:10px 12px;cursor:pointer;border-top:none}.pac-item:first-child{border-top:none}.pac-item:hover{background-color:#f5f5f5}.pac-item-query{font-weight:500}.pac-icon{display:none}}.payment-button-container{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.animated-component{transition:all 0.3s ease-in-out;overflow:visible}.fade-in{animation:fadeIn 0.4s ease-in-out}.slide-in{animation:slideIn 0.5s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px);max-height:0}to{opacity:1;transform:translateX(0);max-height:450px}}.animated-component.hide{animation:fadeOut 0.3s ease-in-out forwards}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}rebill-mode-sandbox{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);z-index:1000}@media (max-width: 1024px){rebill-test-mode-chip{bottom:46px}}@media (min-width: 1025px){rebill-test-mode-chip{bottom:46px}}.mode-sandbox-mobile-container{display:flex;align-items:center;width:100%;padding:0;margin:0;box-sizing:border-box}@media (min-width: 1451px){.left-section-container{min-width:450px;margin:2.5rem 5rem 1.5rem 5rem}.checkout-summary-section{min-width:450px;margin:0rem 5rem}}";const P=class{constructor(i){e(this,i);this.success=t(this,"success");this.paymentError=t(this,"paymentError");this.paymentMethodSelected=t(this,"paymentMethodSelected")}renewalData;renewalToken;currentPaymentMethod=c.CARD;isSubmitting=false;isCardSubmitting=false;isCardSuccess=false;errorMessage=null;breakpoint=f.DESKTOP;errorPaymentCard=false;errorPaymentAPM=false;initialData={};checkoutResponse=null;currentApmPaymentMethod=null;countries=[];allRequiredFields={};currentRequiredFields=[];errorCardInvalid=false;cardMode="select";success;paymentError;paymentMethodSelected;validationSchema={phoneNumber:r().when([],{is:()=>k("phoneNumber",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.phoneRequired"),otherwise:e=>e.notRequired()}),"billing-country":r().when([],{is:()=>k("billing-country",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.countryRequired"),otherwise:e=>e.notRequired()}),"billing-state":r().when([],{is:()=>k("billing-state",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.stateRequired"),otherwise:e=>e.notRequired()}),"billing-address":r().when([],{is:()=>k("billing-address",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.addressRequired"),otherwise:e=>e.notRequired()}),"billing-city":r().when([],{is:()=>k("billing-city",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.cityRequired"),otherwise:e=>e.notRequired()}),"billing-zip":r().when([],{is:()=>k("billing-zip",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.zipRequired"),otherwise:e=>e.notRequired()}),bankId:r().when([],{is:()=>k("bankId",this.currentRequiredFields),then:e=>e.required("validation.bankRequired"),otherwise:e=>e.notRequired()}),documentType:r().when([],{is:()=>w(m.data?.price?.currency)&&k("documentType",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.documentTypeRequired"),otherwise:e=>e.notRequired()}),documentNumber:r().when([],{is:()=>w(m.data?.price?.currency)&&k("documentNumber",this.currentRequiredFields)&&this.cardMode==="input",then:e=>{const t=e.required("validation.documentNumberRequired").min(7,"validation.documentInvalid");if(m.data?.price?.country==="BR"){return t.test("numeric-only","validation.documentNumberNumericOnly",(e=>{if(!e)return true;return/^\d+$/.test(e)}))}return t},otherwise:e=>e.notRequired()})};resizeHandler=()=>{this.breakpoint=b(window.innerWidth)};async componentWillLoad(){this.resizeHandler();window.addEventListener("resize",this.resizeHandler);const e=typeof this.renewalData==="string"?JSON.parse(this.renewalData):this.renewalData;u.initializeRenewal({...e,token:this.renewalToken});x.loadGoogleMapsScript();try{const e=await o.data.getCountries();this.countries=e.data}catch(e){console.error("Error loading countries:",e)}try{this.allRequiredFields=await N()}catch(e){console.error("Error loading required fields:",e)}if(m.data.paymentMethods.length>0){let e=null;if(m.data.subscription?.paymentMethod){const t=m.data.subscription.paymentMethod.toLowerCase();const i=t==="card"?c.CARD:t==="bank_transfer"?c.BANK_TRANSFER:null;if(i){const t=m.data.paymentMethods.some((e=>e.type===i));if(t){e=i}}}if(!e){e=m.data.paymentMethods[0].type}this.currentPaymentMethod=e;u.setSelectedPaymentMethod(e);if(e!==c.CARD){this.cardMode="input";u.setCardMode("input")}try{this.currentRequiredFields=j(e,this.allRequiredFields).fields}catch(e){console.error("Error getting required fields for method:",e)}await this.initializeFingerprint(e)}this.initialData=this.getInitialData();p("cardMode",(()=>{this.cardMode=m.cardMode}))}disconnectedCallback(){window.removeEventListener("resize",this.resizeHandler)}async handlePaymentMethodSelected(e){e.stopPropagation();if(this.currentPaymentMethod===e.detail){return}this.currentPaymentMethod=e.detail;u.setSelectedPaymentMethod(this.currentPaymentMethod);if(this.currentPaymentMethod!==c.CARD){this.cardMode="input";u.setCardMode("input")}try{this.currentRequiredFields=j(this.currentPaymentMethod,this.allRequiredFields).fields}catch(e){console.error("Error getting required fields for method:",e)}await this.initializeFingerprint(this.currentPaymentMethod);this.paymentMethodSelected.emit(e.detail)}async initializeFingerprint(e){if(e===c.CARD&&!m.deviceId&&m.providerKey==="decidir"){try{const e=crypto.randomUUID();const t=await o.fingerPrint.getFingerPrint(e);u.setDeviceId(e);const i=t.result.script;const r=document.createElement("script");r.innerHTML=i;document.body.appendChild(r)}catch(e){console.error("[RebillRenewal] Failed to initialize Decidir fingerprint:",e)}}}handleBankSelected(e){e.stopPropagation();u.setSelectedBankId(e.detail)}handleCardSelected(e){const{card:t,cvv:i}=e.detail;u.setSelectedCard(t);u.setCvv(i||"")}get currentPaymentError(){if(this.currentPaymentMethod===c.CARD){return this.errorPaymentCard}else if(this.currentPaymentMethod===c.CASH||this.currentPaymentMethod===c.BANK_TRANSFER){return this.errorPaymentAPM}return false}async handleSubmit(e){if(this.isSubmitting){return}if(this.currentPaymentMethod===c.CARD){await this.handleCardRenewal(e)}else{await this.handleAPMRenewal(e)}}async handleCardRenewal(e){const t=e?.detail||this.getInitialData();if(!m.data.cardId&&!m.data.cardTokenId){this.errorCardInvalid=true;return}if(!m.data.cardInformation&&!m.data.cardId){this.errorCardInvalid=true;return}this.errorCardInvalid=false;this.isSubmitting=true;this.isCardSubmitting=true;u.setLoading(true);try{const e={transaction:{quantity:1},...m.data.cardId&&{cardId:m.data.cardId},...m.data.cardTokenId&&{cardTokenId:m.data.cardTokenId},customAttributes:{...m.deviceId&&{deviceId:m.deviceId}},...this.cardMode==="input"&&{customer:{firstName:t.fullName?.split(" ")[0]||m.data.subscription.customerName?.split(" ")[0],lastName:t.fullName?.split(" ").slice(1).join(" ")||m.data.subscription.customerName?.split(" ").slice(1).join(" "),email:t.email||m.data.subscription.customerEmail,phone:{countryCode:t.countryCodePhoneNumber||"",number:t.phoneNumber||""}},billingDetails:{address:{lineOne:t["billing-address"]||"",city:t["billing-city"]||"",state:t["billing-state"]||"",country:t["billing-country"]||"",zipCode:t["billing-zip"]||""},identification:v(m.data?.price?.currency,t.documentType||"",t.documentNumber||"",this.currentPaymentMethod)}}};const i=n();const r=await o.checkout.createCardCheckoutRequest(m.data.id,i,e,m.token);this.isSubmitting=false;this.isCardSubmitting=false;u.setLoading(false);u.setCheckoutResponse(r.data);if(r.data.result?.status.toUpperCase()===s.APPROVED){this.isCardSuccess=true}else{this.isCardSuccess=false;this.errorPaymentCard=true;this.errorMessage={message:r.data.error?.error?.message}}}catch(e){this.isSubmitting=false;this.isCardSubmitting=false;u.setLoading(false);this.errorPaymentCard=true;this.errorMessage={message:e.data?.error?.message}}}async handleAPMRenewal(e){this.isSubmitting=true;u.setLoading(true);try{const t=q.mapToAPMPaymentMethod(this.currentPaymentMethod,m.data.price.country);const i=e?.detail||this.getFormData();const r={address:{country:i["billing-country"],state:i["billing-state"]||"",city:i["billing-city"]||"",zipCode:i["billing-zip"]||"",lineOne:i["billing-address"]||""},identification:v(m.data?.price?.currency,i.documentType||"dni",i.documentNumber||"",this.currentPaymentMethod)};const a={transaction:{quantity:1},method:t,billingDetails:r,redirect:{approved:window.location.origin+"/renewal/success",rejected:window.location.origin+"/renewal/failure"},paymentMetadata:{orderId:m.data.id,source:"renewal-web"},customAttributes:{bank:i.bankId||""}};a.customer={firstName:i.fullName?.split(" ")[0]||m.data.subscription.customerName.split(" ")[0]||"",lastName:i.fullName?.split(" ").slice(1).join(" ")||m.data.subscription.customerName.split(" ").slice(1).join(" ")||"",email:i.email||m.data.subscription.customerEmail,phone:{countryCode:i.countryCodePhoneNumber||"",number:i.phoneNumber||""}};const l=n();const c=await o.checkout.createAPMCheckoutRequest(m.data.id,l,a);this.isSubmitting=false;u.setLoading(false);u.setCheckoutResponse(c.data);this.checkoutResponse=c.data;const d=c.data.result?.status?.toString().toLowerCase();const p=d===s.APPROVED.toLowerCase();const f=d===h.PENDING_CUSTOMER_CHARGE;if(p){this.isCardSuccess=true;this.errorPaymentAPM=false;this.errorMessage=null}else if(f){this.isCardSuccess=false;this.errorPaymentAPM=false;this.errorMessage=null}else{this.paymentError.emit(c.data);u.setCheckoutResponse(c.data);this.errorPaymentAPM=true;this.errorMessage={alertTitle:c.data?.error?.message,message:c.data.error?.message}}}catch(e){this.isSubmitting=false;u.setLoading(false);this.paymentError.emit(e);this.errorPaymentAPM=true;this.errorMessage={alertTitle:e.data?.error?.message,message:e.data?.error?.message}}}getFormData=()=>this.initialData;getInitialData=()=>({email:m.data.subscription.customerEmail,fullName:m.data.subscription.customerName,card:"","billing-country":"","billing-state":"","billing-address":"","billing-city":"","billing-zip":"",bankId:"",phoneNumber:"",countryCodePhoneNumber:"",documentType:"",documentNumber:""});hasPrefilledAddress=()=>{const e=["billing-country","billing-state","billing-address","billing-city","billing-zip"];return e.some((e=>{const t=this.initialData[e];return t&&t.trim()!==""}))};getPaymentDate=()=>{const e=m.form.checkoutResponse;if(!e)return"";if("date"in e){return e.date}return""};getReferenceNumber=()=>{const e=m.form.checkoutResponse;if(!e)return"";if("traceId"in e){return e.traceId}return""};get isAPMCheckoutVisible(){return!this.isCardSuccess&&!this.errorPaymentAPM&&!!this.checkoutResponse?.result&&(this.currentPaymentMethod===c.CASH||this.currentPaymentMethod===c.BANK_TRANSFER)}handlePaymentStatusChange=e=>{if(e.isCompleted){if(e.status===h.APPROVED){this.isCardSuccess=true;this.errorPaymentAPM=false;this.errorMessage=null;this.success.emit({paymentMethod:this.currentPaymentMethod,data:this.checkoutResponse})}else if(e.status===h.REJECTED){this.errorPaymentAPM=true;this.errorMessage={alertTitle:a.APM_ERROR_GENERIC,message:a.APM_MESSAGE_ERROR}}}};render(){if(!m.isInitialized){return i("div",{class:"loading"},d.translate("renewal.loading"))}const e=e=>i("renewal-summary",{totalAmount:m.data.price.amount,subTotalAmount:m.data.subscription.subTotalAmount,currency:m.data.price.currency,subscriptionTitle:m.data.subscription.name[0]?.text||"Subscription",subscriptionAmount:m.data.subscription.amount,nextChargeDate:m.data.subscription.nextChargeDate,frequency:m.data.subscription.frequency,couponCode:m.data.price.couponCode,discountAmount:m.data.price.discountedAmount,discountPercentage:m.data.price.discountPercentage,...e});return i(i.Fragment,null,i("rebill-processing-payment",{style:{display:this.isCardSubmitting?"block":"none"}}),this.isCardSuccess?i("renewal-success-page",{typePaymentMethod:this.currentPaymentMethod,paymentDate:this.getPaymentDate(),referenceNumber:this.getReferenceNumber(),cardLastFour:m.data.subscription.cardLastFour,country:m.data.price.country,paymentMethodName:q.mapToAPMPaymentMethod(this.currentPaymentMethod,m.data?.price?.country),bank:m.form?.selectedBankId||""}):i("rebill-checkout-form",{style:{display:this.isCardSubmitting||this.isCardSuccess?"none":"block"},validationSchema:this.validationSchema,initialData:this.initialData,onSubmit:e=>this.handleSubmit(e),renderForm:({submit:t,formData:r,errors:o})=>i("div",{class:"rebill-checkout-renewal"},i("div",{class:"left-section"},i("div",{class:"left-section-container"},i("organization-logo",{organization:m.data.organization}),i("div",{class:"checkout-form-section"},i("user-information-static",{userInfo:{customerName:m.data.subscription.customerName,customerEmail:m.data.subscription.customerEmail}}),g(this.breakpoint,f.DESKTOP)&&e({displayedComponents:"header"}),g(this.breakpoint,f.DESKTOP)&&e({displayedComponents:"details"}),i("div",{style:{display:"flex",flexDirection:"column",gap:"32px"}},i("payment-method-selector",{enabledPaymentMethods:[...new Set(m.data.paymentMethods.map((e=>e.type)))],defaultSelected:this.currentPaymentMethod,errorComponent:{showErrorComponent:this.currentPaymentError,alertTitle:l.getErrorTitle(this.currentPaymentMethod,m.data.price.country,this.errorMessage?.alertTitle),message:l.getErrorMessage(this.errorMessage?.message,this.currentPaymentMethod,m.data.price.country)},cardError:{showCardInvalid:this.errorCardInvalid,type:null},country:m.data.price.country,documentTypeError:o?.documentType,documentNumberError:o?.documentNumber,showDocument:!this.isAPMCheckoutVisible&&this.cardMode==="input"&&w(m.data?.price?.currency)&&(k("documentType",this.currentRequiredFields)||k("documentNumber",this.currentRequiredFields))}),this.currentPaymentMethod!==c.CARD&&m.data.subscription?.paymentMethod===c.CARD&&i("rebill-alert",{type:"info",message:d.translate("renewal.paymentMethodAlert",{cardLastFour:m.data?.subscription?.cardLastFour||"****"}),icon:"calendar-edit",variant:"outlined",colorIcon:y.PRIMARY}),!this.isAPMCheckoutVisible&&this.cardMode==="input"&&k("bankId",this.currentRequiredFields)&&i("div",{class:"animated-component fade-in"},i("rebill-bank-selector",{banks:C("bank",this.allRequiredFields[this.currentPaymentMethod]?.original)||[],defaultSelectedBankId:r.bankId||"",error:o?.bankId}))),!this.isAPMCheckoutVisible&&this.cardMode==="input"&&(k("billing-country",this.currentRequiredFields)||k("billing-state",this.currentRequiredFields)||k("billing-address",this.currentRequiredFields)||k("billing-city",this.currentRequiredFields)||k("billing-zip",this.currentRequiredFields))&&i("div",{class:"animated-component slide-in"},i("rebill-address",{countryOptions:this.countries.map((e=>({label:e.country,value:e.isoCountryCode}))),billingView:this.hasPrefilledAddress()?"form":"search",errors:{"billing-country":o["billing-country"],"billing-state":o["billing-state"],"billing-address":o["billing-address"],"billing-city":o["billing-city"],"billing-zip":o["billing-zip"]}})),!this.isAPMCheckoutVisible&&this.cardMode==="input"&&k("phoneNumber",this.currentRequiredFields)&&i("div",{class:"animated-component fade-in"},i("user-information-phone",{error:o?.phoneNumber})),this.isAPMCheckoutVisible&&(()=>{const e=this.currentPaymentMethod===c.CASH&&m.data?.price?.country==="BR"&&this.checkoutResponse?.result?.data?.barcode;return i("apm-checkout",{paymentMethod:this.currentPaymentMethod,barcode:e?this.checkoutResponse?.result?.data?.barcode:undefined,referenceId:this.currentPaymentMethod===c.CASH&&!e?this.checkoutResponse?.result?.data?.referenceId:undefined,qrCodeData:this.currentPaymentMethod===c.BANK_TRANSFER?this.checkoutResponse?.result?.data?.qrCode:undefined,code:this.checkoutResponse?.result?.data?.code,providerName:m.data.organization?.name||"",expirationDate:(()=>{const e=new Date;e.setDate(e.getDate()+30);return e.toISOString()})(),country:m.data.price.country,amount:m.data.price.amount,currency:m.data.price.currency,redirectUrl:this.checkoutResponse?.result?.data?.url,checkoutRequestId:this.checkoutResponse?.result?.checkoutRequestId,bearerToken:this.checkoutResponse?.result?.data?.bearerToken,bankTransferData:this.checkoutResponse?.result?.data?.account&&this.checkoutResponse?.result?.data?.bankName&&this.checkoutResponse?.result?.data?.reference?{account:this.checkoutResponse.result.data.account,bankName:this.checkoutResponse.result.data.bankName,reference:this.checkoutResponse.result.data.reference}:undefined,onPaymentStatusChange:e=>this.handlePaymentStatusChange(e.detail)})})(),g(this.breakpoint,f.DESKTOP)&&e({displayedComponents:"summary"}),i("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},!this.isAPMCheckoutVisible&&i("payment-button",{paymentMethod:this.currentPaymentMethod,isLoading:this.isSubmitting,isRenewal:true,trialPeriodDays:m.data.subscription.trialPeriodDays,redirectUrl:!!this.checkoutResponse?.result?.data?.url,timeToRedirect:5e3,country:m.data.price.country,isDisabled:m.fetchingInstallments,onSubmit:()=>t()}),i("rebill-alert",{type:"secure",variant:"variant-secure",icon:"lock-outline",message:d.translate("otp.secureMessage")}))),i("rebill-footer",{style:{marginTop:g(this.breakpoint,f.DESKTOP)?"24px":"auto"}}))),!g(this.breakpoint,f.DESKTOP)&&i("div",{class:"right-section"},i("div",{class:"checkout-summary-section"},e({displayedComponents:["header","details","summary"]}))))}))}};P.style=I;export{P as rebill_renewal};
2
- //# sourceMappingURL=p-fa2647be.entry.js.map
1
+ import{r as e,c as t,h as i}from"./p-D8cwEAmw.js";import{c as r}from"./p-MMCcKmy_.js";import{a as o}from"./p-CtVYl54u.js";import{g as n,C as s,P as a,a as l}from"./p-CYYBIKsp.js";import{P as c,I as d}from"./p-B0zTy7-V.js";import{S as h}from"./p-vsLqF4hk.js";import{r as m,R as u,o as p}from"./p-BXnYPPj4.js";import{B as f,g as b,i as g}from"./p-Do_vNuMa.js";import{C as y}from"./p-C5Pu-n-i.js";import{G as x}from"./p-C2nYpE_A.js";import{s as w,i as k,b as v,g as C}from"./p-CznPkI5O.js";import{P as q}from"./p-NRdSSs6s.js";import{g as N,a as j}from"./p-Beadzmln.js";import"./p-E-ZsRS8r.js";import"./p-gx2Z4Khq.js";const I=":root{--rebill-color-primary:#0056f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-link:#3b82f6;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}@media (max-width: 1024px){.rebill-checkout-renewal{flex-direction:column;gap:0;justify-content:flex-start;background:var(--rebill-color-background);padding:20px}.right-section .left-section{width:100%;height:100%;background:var(--rebill-color-background)}.checkout-form-section{display:flex;flex-direction:column;justify-content:flex-start;gap:24px;height:100%;margin-top:24px}.otp-container{display:flex;flex-direction:column;justify-content:flex-start;gap:24px}}@media (min-width: 1025px){.rebill-checkout-renewal{width:100vw;min-height:100vh;display:flex;flex-direction:row;justify-content:center;overflow-y:auto}.left-section{display:flex;width:60%;background:var(--rebill-color-background-left);justify-content:space-around}.right-section{display:flex;padding-top:72px;width:40%;background:var(--rebill-color-background-right);position:sticky;top:0;justify-content:center}.checkout-form-section{display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:36px;margin-top:24px;gap:32px}.left-section-container{max-width:450px;min-width:450px;margin:2.5rem 2rem 1.5rem 2rem;display:flex;flex-direction:column}.checkout-summary-section{max-width:450px;min-width:350px;margin:0rem 2rem;background:var(--rebill-color-background-right);display:flex;flex-direction:column;justify-content:flex-start;width:100%}.checkout-form-section user-information,.checkout-form-section payment-method-selector,.checkout-form-section rebill-address,.checkout-summary-section rebill-summary{width:100%}.pac-container{border-radius:4px;box-shadow:0 4px 8px rgba(0, 0, 0, 0.1);border:1px solid #e0e0e0;margin-top:4px;font-family:inherit}.pac-item{padding:10px 12px;cursor:pointer;border-top:none}.pac-item:first-child{border-top:none}.pac-item:hover{background-color:#f5f5f5}.pac-item-query{font-weight:500}.pac-icon{display:none}}.payment-button-container{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.animated-component{transition:all 0.3s ease-in-out;overflow:visible}.fade-in{animation:fadeIn 0.4s ease-in-out}.slide-in{animation:slideIn 0.5s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px);max-height:0}to{opacity:1;transform:translateX(0);max-height:450px}}.animated-component.hide{animation:fadeOut 0.3s ease-in-out forwards}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}rebill-mode-sandbox{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);z-index:1000}@media (max-width: 1024px){rebill-test-mode-chip{bottom:46px}}@media (min-width: 1025px){rebill-test-mode-chip{bottom:46px}}.mode-sandbox-mobile-container{display:flex;align-items:center;width:100%;padding:0;margin:0;box-sizing:border-box}@media (min-width: 1451px){.left-section-container{min-width:450px;margin:2.5rem 5rem 1.5rem 5rem}.checkout-summary-section{min-width:450px;margin:0rem 5rem}}";const P=class{constructor(i){e(this,i);this.success=t(this,"success");this.paymentError=t(this,"paymentError");this.paymentMethodSelected=t(this,"paymentMethodSelected")}renewalData;renewalToken;currentPaymentMethod=c.CARD;isSubmitting=false;isCardSubmitting=false;isCardSuccess=false;errorMessage=null;breakpoint=f.DESKTOP;errorPaymentCard=false;errorPaymentAPM=false;initialData={};checkoutResponse=null;currentApmPaymentMethod=null;countries=[];allRequiredFields={};currentRequiredFields=[];errorCardInvalid=false;cardMode="select";success;paymentError;paymentMethodSelected;validationSchema={phoneNumber:r().when([],{is:()=>k("phoneNumber",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.phoneRequired"),otherwise:e=>e.notRequired()}),"billing-country":r().when([],{is:()=>k("billing-country",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.countryRequired"),otherwise:e=>e.notRequired()}),"billing-state":r().when([],{is:()=>k("billing-state",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.stateRequired"),otherwise:e=>e.notRequired()}),"billing-address":r().when([],{is:()=>k("billing-address",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.addressRequired"),otherwise:e=>e.notRequired()}),"billing-city":r().when([],{is:()=>k("billing-city",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.cityRequired"),otherwise:e=>e.notRequired()}),"billing-zip":r().when([],{is:()=>k("billing-zip",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.zipRequired"),otherwise:e=>e.notRequired()}),bankId:r().when([],{is:()=>k("bankId",this.currentRequiredFields),then:e=>e.required("validation.bankRequired"),otherwise:e=>e.notRequired()}),documentType:r().when([],{is:()=>w(m.data?.price?.currency)&&k("documentType",this.currentRequiredFields)&&this.cardMode==="input",then:e=>e.required("validation.documentTypeRequired"),otherwise:e=>e.notRequired()}),documentNumber:r().when([],{is:()=>w(m.data?.price?.currency)&&k("documentNumber",this.currentRequiredFields)&&this.cardMode==="input",then:e=>{const t=e.required("validation.documentNumberRequired").min(7,"validation.documentInvalid");if(m.data?.price?.country==="BR"){return t.test("numeric-only","validation.documentNumberNumericOnly",(e=>{if(!e)return true;return/^\d+$/.test(e)}))}return t},otherwise:e=>e.notRequired()})};resizeHandler=()=>{this.breakpoint=b(window.innerWidth)};async componentWillLoad(){this.resizeHandler();window.addEventListener("resize",this.resizeHandler);const e=typeof this.renewalData==="string"?JSON.parse(this.renewalData):this.renewalData;u.initializeRenewal({...e,token:this.renewalToken});x.loadGoogleMapsScript();try{const e=await o.data.getCountries();this.countries=e.data}catch(e){console.error("Error loading countries:",e)}try{this.allRequiredFields=await N()}catch(e){console.error("Error loading required fields:",e)}if(m.data.paymentMethods.length>0){let e=null;if(m.data.subscription?.paymentMethod){const t=m.data.subscription.paymentMethod.toLowerCase();const i=t==="card"?c.CARD:t==="bank_transfer"?c.BANK_TRANSFER:null;if(i){const t=m.data.paymentMethods.some((e=>e.type===i));if(t){e=i}}}if(!e){e=m.data.paymentMethods[0].type}this.currentPaymentMethod=e;u.setSelectedPaymentMethod(e);if(e!==c.CARD){this.cardMode="input";u.setCardMode("input")}try{this.currentRequiredFields=j(e,this.allRequiredFields).fields}catch(e){console.error("Error getting required fields for method:",e)}await this.initializeFingerprint(e)}this.initialData=this.getInitialData();p("cardMode",(()=>{this.cardMode=m.cardMode}))}disconnectedCallback(){window.removeEventListener("resize",this.resizeHandler)}async handlePaymentMethodSelected(e){e.stopPropagation();if(this.currentPaymentMethod===e.detail){return}this.currentPaymentMethod=e.detail;u.setSelectedPaymentMethod(this.currentPaymentMethod);if(this.currentPaymentMethod!==c.CARD){this.cardMode="input";u.setCardMode("input")}try{this.currentRequiredFields=j(this.currentPaymentMethod,this.allRequiredFields).fields}catch(e){console.error("Error getting required fields for method:",e)}await this.initializeFingerprint(this.currentPaymentMethod);this.paymentMethodSelected.emit(e.detail)}async initializeFingerprint(e){if(e===c.CARD&&!m.deviceId&&m.providerKey==="decidir"){try{const e=crypto.randomUUID();const t=await o.fingerPrint.getFingerPrint(e);u.setDeviceId(e);const i=t.result.script;const r=document.createElement("script");r.innerHTML=i;document.body.appendChild(r)}catch(e){console.error("[RebillRenewal] Failed to initialize Decidir fingerprint:",e)}}}handleBankSelected(e){e.stopPropagation();u.setSelectedBankId(e.detail)}handleCardSelected(e){const{card:t,cvv:i}=e.detail;u.setSelectedCard(t);u.setCvv(i||"")}get currentPaymentError(){if(this.currentPaymentMethod===c.CARD){return this.errorPaymentCard}else if(this.currentPaymentMethod===c.CASH||this.currentPaymentMethod===c.BANK_TRANSFER){return this.errorPaymentAPM}return false}async handleSubmit(e){if(this.isSubmitting){return}if(this.currentPaymentMethod===c.CARD){await this.handleCardRenewal(e)}else{await this.handleAPMRenewal(e)}}async handleCardRenewal(e){const t=e?.detail||this.getInitialData();if(!m.data.cardId&&!m.data.cardTokenId){this.errorCardInvalid=true;return}if(!m.data.cardInformation&&!m.data.cardId){this.errorCardInvalid=true;return}this.errorCardInvalid=false;this.isSubmitting=true;this.isCardSubmitting=true;u.setLoading(true);try{const e={transaction:{quantity:1},...m.data.cardId&&{cardId:m.data.cardId},...m.data.cardTokenId&&{cardTokenId:m.data.cardTokenId},customAttributes:{...m.deviceId&&{deviceId:m.deviceId}},...this.cardMode==="input"&&{customer:{firstName:t.fullName?.split(" ")[0]||m.data.subscription.customerName?.split(" ")[0],lastName:t.fullName?.split(" ").slice(1).join(" ")||m.data.subscription.customerName?.split(" ").slice(1).join(" "),email:t.email||m.data.subscription.customerEmail,phone:{countryCode:t.countryCodePhoneNumber||"",number:t.phoneNumber||""}},billingDetails:{address:{lineOne:t["billing-address"]||"",city:t["billing-city"]||"",state:t["billing-state"]||"",country:t["billing-country"]||"",zipCode:t["billing-zip"]||""},identification:v(m.data?.price?.currency,t.documentType||"",t.documentNumber||"",this.currentPaymentMethod)}}};const i=n();const r=await o.checkout.createCardCheckoutRequest(m.data.id,i,e,m.token);this.isSubmitting=false;this.isCardSubmitting=false;u.setLoading(false);u.setCheckoutResponse(r.data);if(r.data.result?.status.toUpperCase()===s.APPROVED){this.isCardSuccess=true}else{this.isCardSuccess=false;this.errorPaymentCard=true;this.errorMessage={message:r.data.error?.error?.message}}}catch(e){this.isSubmitting=false;this.isCardSubmitting=false;u.setLoading(false);this.errorPaymentCard=true;this.errorMessage={message:e.data?.error?.message}}}async handleAPMRenewal(e){this.isSubmitting=true;u.setLoading(true);try{const t=q.mapToAPMPaymentMethod(this.currentPaymentMethod,m.data.price.country);const i=e?.detail||this.getFormData();const r={address:{country:i["billing-country"],state:i["billing-state"]||"",city:i["billing-city"]||"",zipCode:i["billing-zip"]||"",lineOne:i["billing-address"]||""},identification:v(m.data?.price?.currency,i.documentType||"dni",i.documentNumber||"",this.currentPaymentMethod)};const a={transaction:{quantity:1},method:t,billingDetails:r,redirect:{approved:window.location.origin+"/renewal/success",rejected:window.location.origin+"/renewal/failure"},paymentMetadata:{orderId:m.data.id,source:"renewal-web"},customAttributes:{bank:i.bankId||""}};a.customer={firstName:i.fullName?.split(" ")[0]||m.data.subscription.customerName.split(" ")[0]||"",lastName:i.fullName?.split(" ").slice(1).join(" ")||m.data.subscription.customerName.split(" ").slice(1).join(" ")||"",email:i.email||m.data.subscription.customerEmail,phone:{countryCode:i.countryCodePhoneNumber||"",number:i.phoneNumber||""}};const l=n();const c=await o.checkout.createAPMCheckoutRequest(m.data.id,l,a);this.isSubmitting=false;u.setLoading(false);u.setCheckoutResponse(c.data);this.checkoutResponse=c.data;const d=c.data.result?.status?.toString().toLowerCase();const p=d===s.APPROVED.toLowerCase();const f=d===h.PENDING_CUSTOMER_CHARGE;if(p){this.isCardSuccess=true;this.errorPaymentAPM=false;this.errorMessage=null}else if(f){this.isCardSuccess=false;this.errorPaymentAPM=false;this.errorMessage=null}else{this.paymentError.emit(c.data);u.setCheckoutResponse(c.data);this.errorPaymentAPM=true;this.errorMessage={alertTitle:c.data?.error?.message,message:c.data.error?.message}}}catch(e){this.isSubmitting=false;u.setLoading(false);this.paymentError.emit(e);this.errorPaymentAPM=true;this.errorMessage={alertTitle:e.data?.error?.message,message:e.data?.error?.message}}}getFormData=()=>this.initialData;getInitialData=()=>({email:m.data.subscription.customerEmail,fullName:m.data.subscription.customerName,card:"","billing-country":"","billing-state":"","billing-address":"","billing-city":"","billing-zip":"",bankId:"",phoneNumber:"",countryCodePhoneNumber:"",documentType:"",documentNumber:""});hasPrefilledAddress=()=>{const e=["billing-country","billing-state","billing-address","billing-city","billing-zip"];return e.some((e=>{const t=this.initialData[e];return t&&t.trim()!==""}))};getPaymentDate=()=>{const e=m.form.checkoutResponse;if(!e)return"";if("date"in e){return e.date}return""};getReferenceNumber=()=>{const e=m.form.checkoutResponse;if(!e)return"";if("traceId"in e){return e.traceId}return""};get isAPMCheckoutVisible(){return!this.isCardSuccess&&!this.errorPaymentAPM&&!!this.checkoutResponse?.result&&(this.currentPaymentMethod===c.CASH||this.currentPaymentMethod===c.BANK_TRANSFER)}handlePaymentStatusChange=e=>{if(e.isCompleted){if(e.status===h.APPROVED){this.isCardSuccess=true;this.errorPaymentAPM=false;this.errorMessage=null;this.success.emit({paymentMethod:this.currentPaymentMethod,data:this.checkoutResponse})}else if(e.status===h.REJECTED){this.errorPaymentAPM=true;this.errorMessage={alertTitle:a.APM_ERROR_GENERIC,message:a.APM_MESSAGE_ERROR}}}};render(){if(!m.isInitialized){return i("div",{class:"loading"},d.translate("renewal.loading"))}const e=e=>i("renewal-summary",{totalAmount:m.data.price.amount,subTotalAmount:m.data.subscription.subTotalAmount,currency:m.data.price.currency,subscriptionTitle:m.data.subscription.name[0]?.text||"Subscription",subscriptionAmount:m.data.subscription.amount,nextChargeDate:m.data.subscription.nextChargeDate,frequency:m.data.subscription.frequency,couponCode:m.data.price.couponCode,discountAmount:m.data.price.discountedAmount,discountPercentage:m.data.price.discountPercentage,...e});return i(i.Fragment,null,i("rebill-processing-payment",{style:{display:this.isCardSubmitting?"block":"none"}}),this.isCardSuccess?i("renewal-success-page",{typePaymentMethod:this.currentPaymentMethod,paymentDate:this.getPaymentDate(),referenceNumber:this.getReferenceNumber(),cardLastFour:m.data.subscription.cardLastFour,country:m.data.price.country,paymentMethodName:q.mapToAPMPaymentMethod(this.currentPaymentMethod,m.data?.price?.country),bank:m.form?.selectedBankId||""}):i("rebill-checkout-form",{style:{display:this.isCardSubmitting||this.isCardSuccess?"none":"block"},validationSchema:this.validationSchema,initialData:this.initialData,onSubmit:e=>this.handleSubmit(e),renderForm:({submit:t,formData:r,errors:o})=>i("div",{class:"rebill-checkout-renewal"},i("div",{class:"left-section"},i("div",{class:"left-section-container"},i("organization-logo",{organization:m.data.organization}),i("div",{class:"checkout-form-section"},i("user-information-static",{userInfo:{customerName:m.data.subscription.customerName,customerEmail:m.data.subscription.customerEmail}}),g(this.breakpoint,f.DESKTOP)&&e({displayedComponents:"header"}),g(this.breakpoint,f.DESKTOP)&&e({displayedComponents:"details"}),i("div",{style:{display:"flex",flexDirection:"column",gap:"32px"}},i("payment-method-selector",{enabledPaymentMethods:[...new Set(m.data.paymentMethods.map((e=>e.type)))],defaultSelected:this.currentPaymentMethod,errorComponent:{showErrorComponent:this.currentPaymentError,alertTitle:l.getErrorTitle(this.currentPaymentMethod,m.data.price.country,this.errorMessage?.alertTitle),message:l.getErrorMessage(this.errorMessage?.message,this.currentPaymentMethod,m.data.price.country)},cardError:{showCardInvalid:this.errorCardInvalid,type:null},country:m.data.price.country,documentTypeError:o?.documentType,documentNumberError:o?.documentNumber,showDocument:!this.isAPMCheckoutVisible&&this.cardMode==="input"&&w(m.data?.price?.currency)&&(k("documentType",this.currentRequiredFields)||k("documentNumber",this.currentRequiredFields))}),this.currentPaymentMethod!==c.CARD&&m.data.subscription?.paymentMethod===c.CARD&&i("rebill-alert",{type:"info",message:d.translate("renewal.paymentMethodAlert",{cardLastFour:m.data?.subscription?.cardLastFour||"****"}),icon:"calendar-edit",variant:"outlined",colorIcon:y.PRIMARY}),!this.isAPMCheckoutVisible&&this.cardMode==="input"&&k("bankId",this.currentRequiredFields)&&i("div",{class:"animated-component fade-in"},i("rebill-bank-selector",{banks:C("bank",this.allRequiredFields[this.currentPaymentMethod]?.original)||[],defaultSelectedBankId:r.bankId||"",error:o?.bankId}))),!this.isAPMCheckoutVisible&&this.cardMode==="input"&&(k("billing-country",this.currentRequiredFields)||k("billing-state",this.currentRequiredFields)||k("billing-address",this.currentRequiredFields)||k("billing-city",this.currentRequiredFields)||k("billing-zip",this.currentRequiredFields))&&i("div",{class:"animated-component slide-in"},i("rebill-address",{countryOptions:this.countries.map((e=>({label:e.country,value:e.isoCountryCode}))),billingView:this.hasPrefilledAddress()?"form":"search",errors:{"billing-country":o["billing-country"],"billing-state":o["billing-state"],"billing-address":o["billing-address"],"billing-city":o["billing-city"],"billing-zip":o["billing-zip"]}})),!this.isAPMCheckoutVisible&&this.cardMode==="input"&&k("phoneNumber",this.currentRequiredFields)&&i("div",{class:"animated-component fade-in"},i("user-information-phone",{error:o?.phoneNumber})),this.isAPMCheckoutVisible&&(()=>{const e=this.currentPaymentMethod===c.CASH&&m.data?.price?.country==="BR"&&this.checkoutResponse?.result?.data?.barcode;return i("apm-checkout",{paymentMethod:this.currentPaymentMethod,barcode:e?this.checkoutResponse?.result?.data?.barcode:undefined,referenceId:this.currentPaymentMethod===c.CASH&&!e?this.checkoutResponse?.result?.data?.referenceId:undefined,qrCodeData:this.currentPaymentMethod===c.BANK_TRANSFER?this.checkoutResponse?.result?.data?.qrCode:undefined,code:this.checkoutResponse?.result?.data?.code,providerName:m.data.organization?.name||"",expirationDate:(()=>{const e=new Date;e.setDate(e.getDate()+30);return e.toISOString()})(),country:m.data.price.country,amount:m.data.price.amount,currency:m.data.price.currency,redirectUrl:this.checkoutResponse?.result?.data?.url,checkoutRequestId:this.checkoutResponse?.result?.checkoutRequestId,bearerToken:this.checkoutResponse?.result?.data?.bearerToken,bankTransferData:this.checkoutResponse?.result?.data?.account&&this.checkoutResponse?.result?.data?.bankName&&this.checkoutResponse?.result?.data?.reference?{account:this.checkoutResponse.result.data.account,bankName:this.checkoutResponse.result.data.bankName,reference:this.checkoutResponse.result.data.reference}:undefined,onPaymentStatusChange:e=>this.handlePaymentStatusChange(e.detail)})})(),g(this.breakpoint,f.DESKTOP)&&e({displayedComponents:"summary"}),i("div",{style:{display:"flex",flexDirection:"column",gap:"16px"}},!this.isAPMCheckoutVisible&&i("payment-button",{paymentMethod:this.currentPaymentMethod,isLoading:this.isSubmitting,isRenewal:true,trialPeriodDays:m.data.subscription.trialPeriodDays,redirectUrl:!!this.checkoutResponse?.result?.data?.url,timeToRedirect:5e3,country:m.data.price.country,isDisabled:m.fetchingInstallments,onSubmit:()=>t()}),i("rebill-alert",{type:"secure",variant:"variant-secure",icon:"lock-outline",message:d.translate("otp.secureMessage")}))),i("rebill-footer",{style:{marginTop:g(this.breakpoint,f.DESKTOP)?"24px":"auto"}}))),!g(this.breakpoint,f.DESKTOP)&&i("div",{class:"right-section"},i("div",{class:"checkout-summary-section"},e({displayedComponents:["header","details","summary"]}))))}))}};P.style=I;export{P as rebill_renewal};
2
+ //# sourceMappingURL=p-bf15156a.entry.js.map