rebill-web-components-sdk 1.8.3-beta.9 → 1.8.4-beta.2

package/dist/rebill-web-components-sdk/p-836f16da.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as a,h as i,g as t,H as o}from"./p-DyaDabZ4.js";import{a as r}from"./p-C6wUNEUc.js";import{s,S as l,I as n,i as c,P as d,a as b,b as p}from"./p-B2B19LUC.js";import{C as f}from"./p-DA598vBj.js";import{c as m}from"./p-bcHxwlBu.js";import{c as h}from"./p-DITRI28D.js";export{R as rebill_mode_sandbox,S as rebill_summary}from"./p-DITRI28D.js";import{e as g,E as y,c as u}from"./p-nnABddO1.js";import"./p-BFhvUZPU.js";import"./p-BYrqevT1.js";import{P as x}from"./p-UlyTyHvM.js";import{g as _}from"./p-Bf6g23G6.js";import{f as v}from"./p-C67uAF9_.js";import"./p-uZj1dMLQ.js";import{B as k,g as w,i as C}from"./p-Do_vNuMa.js";import{g as j}from"./p-DUlU_fi_.js";import"./p-BFTU3MAI.js";import"./p-B2LDUv1-.js";const D=".otp__otp-container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;position:relative;margin-top:2rem}.otp__user-information{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;gap:8px}.otp__otp-description-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px}.otp__change-email{cursor:pointer;text-decoration:underline;margin-left:0}.otp__change-email:hover{color:var(--rebill-primary-color);text-decoration:underline}.otp__alternative{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;margin:32px;width:100%}.otp__rebill-alert{width:100%}.otp__guest-options{display:flex;flex-direction:column;width:100%;gap:8px;margin-top:auto}.otp__verifying-container{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0}.otp__code-resent-container rebill-typography{display:flex;line-height:1}.otp__code-resent-container rebill-icon{flex-shrink:0;display:inline-flex;vertical-align:middle;margin-right:8px}.otp__spinner{width:15px;height:15px;border:2px solid rgba(255, 255, 255, 0.3);border-radius:50%;border-top-color:var(--rebill-color-primary);animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.otp__otp-container{min-height:calc(100vh - 40px)}.otp__guest-options{margin-top:32px}}@media (min-width: 1025px){.otp__otp-container{justify-content:flex-start}.otp__guest-options{margin-top:auto;padding-bottom:2rem}}";const T=class{constructor(i){e(this,i);this.changeEmailClick=a(this,"changeEmailClick");this.returnForm=a(this,"returnForm");this.codeVerified=a(this,"codeVerified")}changeEmailClick;timeLeft=59;isTimerRunning=false;codeResent=false;isVerifying=false;otpValue="";returnForm;codeVerified;error=false;timer=m({duration:59,onTick:e=>{this.timeLeft=e},onComplete:()=>{this.isTimerRunning=false}});messageTimer=m({duration:5,onComplete:()=>{this.codeResent=false}});disconnectedCallback(){this.timer.stop()}startTimer(){this.timer.start();this.isTimerRunning=true}handleResendCode=async()=>{if(!this.isTimerRunning){await r.otp.generate(s.data.sessionId,{email:s.data.userInformation.email});this.codeResent=true;this.messageTimer.start();this.startTimer();this.error=false}};handleOtpChange=e=>{this.otpValue=e;if(e.length===6){this.handleVerifyOtp(e);this.error=false}};handleVerifyOtp=async e=>{this.isVerifying=true;try{const a=await r.otp.verify(s.data.sessionId,{email:s.data.userInformation.email,code:e});this.codeVerified.emit(a.data);l.setUserInformation({...a.data.customer,fullName:`${a.data.customer.firstName} ${a.data.customer.lastName}`.trim(),phoneNumber:{number:a.data.customer.phoneNumbers[0].number,countryCode:a.data.customer.phoneNumbers[0].countryCode},address:{billingAddress:{address:a.data.customer.addresses[0].lineOne,zip:a.data.customer.addresses[0].zipCode,city:a.data.customer.addresses[0].city,state:a.data.customer.addresses[0].state,country:a.data.customer.addresses[0].country}},documentType:a.data.customer.identifications[0].type,documentNumber:a.data.customer.identifications[0].value});l.setAccessToken(a.data.accessToken);l.setCustomerId(a.data.customer.id);this.otpValue="";this.error=false}catch(e){this.error=true}finally{this.isVerifying=false}};render(){return i("div",{key:"342b5631b2dfe15cc24880cf7d6d77b6c10ab12d",class:"otp__otp-container"},i("div",{key:"c6bf7502fa3f9c1940d1d07360a47c17cc2fdeb2",class:"otp__user-information"},i("div",{key:"078a4cb4dd563ff1ddfbc02f70e8c923f6973d0f",class:"otp__otp-description-container"},i("rebill-typography",{key:"d8ae4e71ee4e35b033347c6bc99200e48e5b9705",variant:"body2",class:"otp__otp-description"},n.translate("otp.description")),i("rebill-typography",{key:"2466a357c835bcd8314aa5f53aefabb474fdf55f",variant:"subtitle-bold",class:"otp__otp-description-digits"}," ",i("strong",{key:"3a4263b93f5ad7f9aec482f1d1eef76952cf60d3"},n.translate("otp.descriptionDigits"))," "),i("rebill-typography",{key:"d77b23e3581d353e2fdd73debe4fbc0e987376c4",variant:"body2",class:"otp__otp-description-email"},n.translate("otp.descriptionEmail"))),i("rebill-typography",{key:"723a510062706eed71186cf6b1a252f58554a4fc",variant:"body2",class:"otp__otp-email-line"},s.data.userInformation.email," ",!s.data.prefilledData?.email&&i("span",{key:"46fb8563cb20d2ae7a6d8bc8d369d8a985ff85f3",class:"otp__change-email",onClick:()=>{this.otpValue="";this.error=false;this.returnForm.emit(false)}},n.translate("otp.change")))),i("input-otp",{key:"8ed8dc00b9131753f6f23178e607049e6bc4ea72",otp:this.otpValue,onOtpChange:e=>this.handleOtpChange(e.detail),error:this.error?n.translate("otp.error"):""}),this.isVerifying&&i("div",{key:"364e208afc986a3272bf24b282c169fb243b86db",class:"otp__verifying-container"},i("rebill-typography",{key:"02cec9d49145d0f953b84d9ee0fbf015f5004d8d",variant:"subtitle2",color:f.PRIMARY},n.translate("otp.verifyingCode")),i("div",{key:"b436acb222dd7db455a86e4063567519e309d85e",class:"otp__spinner"})),i("rebill-button",{key:"ac5bcb96f2fac2426579ac33ca2f84f36e3dda51",type:"button",variant:"outline",theme:this.isTimerRunning?"secondary":"primary",disabled:this.isTimerRunning,onClick:this.handleResendCode,size:"small",style:{height:"24px",marginBottom:"8px"}},this.isTimerRunning?`${n.translate("otp.resendCodeIn")} (${this.timer.getFormattedTime()})`:n.translate("otp.resendCode")),this.codeResent&&i("div",{key:"b5f54b7f537c0e382d2c1a3ff79a24f2cf4e63a9",class:"otp__code-resent-container"},i("rebill-typography",{key:"4aeaeb7d4d37eab63ca63419dccb54e1b7d2fda8",variant:"subtitle2",color:f.GREEN},i("rebill-icon",{key:"4fea914f167a28bb06e0cf69d833fda493752d55",name:"check-radio"}),n.translate("otp.codeResent"))),i("rebill-alert",{key:"a8bcbdbc5af7a9e6a12bc842dd8142812638f3fa",class:"otp__rebill-alert",type:"secure",variant:"variant-info",message:n.translate("otp.infoMessage"),icon:"circle-info",alertTitle:n.translate("otp.infoTitle"),colorIcon:f.PRIMARY_DARK_LIGHT}),i("div",{key:"9ff81fa5dce0deaec0a292d2e25d396f559a27a5",class:"otp__alternative"},i("rebill-typography",{key:"b8e4f23db473f1049f4f6eae5a489722053aa24a",variant:"body2",color:f.PRIMARY_DARK},"o")),i("div",{key:"87a52e07d7c709c95517f0f3606d843c6580f9bf",class:"otp__guest-options"},i("rebill-button",{key:"3fb138f038065cb6ec2852f313de1eae3d194748",type:"button",variant:"outline",theme:"secondary",size:"medium",onClick:()=>{this.otpValue="";this.error=false;this.returnForm.emit(false)}},n.translate("otp.continueAsGuest")),i("rebill-alert",{key:"3bd11b6a8a91c2690998c2f7af36e872e485fffe",type:"secure",variant:"variant-secure",icon:"lock-outline",message:n.translate("otp.secureMessage")})))}};T.style=D;const L=".modal-overlay{position:fixed;top:0;left:0;right:0;background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:10000;padding:12px 16px;box-sizing:border-box}.modal-content{background:white;border-radius:8px;padding:16px 20px;width:350px;box-shadow:0 4px 12px -2px rgba(0, 0, 0, 0.15),\n    0 2px 4px -1px rgba(0, 0, 0, 0.1);position:relative;display:flex;align-items:center;gap:12px}.modal-content .alert{margin:0;flex:1;padding:0;background:transparent;border:none;box-shadow:none}.modal-content .alert{background-color:transparent !important;border-color:transparent !important}.modal-content .alert-message{display:flex;flex-direction:column;gap:4px}.modal-content .close-button{position:absolute;top:8px;right:8px;width:20px;height:20px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s ease;padding:0;margin:0;outline:none;box-shadow:none;line-height:1}.modal-content .close-button:focus{outline:none;box-shadow:none}.modal-content .close-button:hover{background-color:#f0f0f0}.modal-content .close-button rebill-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.modal-overlay{padding:8px 12px}.modal-content{padding:12px 16px;flex-direction:column;gap:8px;text-align:center}.modal-content .close-button{width:100%}}";const I=class{constructor(a){e(this,a)}visible=true;languageUpdateTrigger=0;unsubscribeCurrentLocaleStore;autoCloseTimer;componentDidLoad(){this.unsubscribeCurrentLocaleStore=l.onChange("currentLocale",(()=>{this.languageUpdateTrigger++}));this.autoCloseTimer=m({duration:30,onComplete:()=>{this.closeModal()}});this.autoCloseTimer.start()}disconnectedCallback(){if(this.unsubscribeCurrentLocaleStore){this.unsubscribeCurrentLocaleStore()}if(this.autoCloseTimer){this.autoCloseTimer.stop()}}closeModal=()=>{this.visible=false;if(this.autoCloseTimer){this.autoCloseTimer.stop()}};render(){if(!this.visible)return null;return i("div",{class:"modal-overlay"},i("div",{class:"modal-content"},i("div",{class:"alert info filled medium"},i("div",{class:"alert-icon"},i("rebill-icon",{name:"circle-info",size:"16px",color:f.ORANGE})),i("div",{class:"alert-message"},i("div",{class:"alert-title"},i("rebill-typography",{variant:"subtitle-bold",color:f.PRIMARY_DARK},n.translate("session.refreshedTitle"))),i("div",{class:"alert-message-text"},i("rebill-typography",{variant:"subtitle2",color:f.PRIMARY_DARK},n.translate("session.refreshedMessage"))))),i("button",{onClick:this.closeModal,class:"close-button",type:"button"},i("rebill-icon",{name:"close",size:"20px"}))))}};I.style=L;const M=":host{display:flex;position:relative;width:100%;justify-content:center;align-items:center}.mode-sandbox-mobile__test-mode-container{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.mode-sandbox-mobile__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);z-index:5;animation:fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:auto;cursor:pointer}.mode-sandbox-mobile__test-mode-chip-mobile{display:flex;width:100%;min-width:auto;max-width:100%;height:40px;background:#ffffff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;position:relative;z-index:20}.mode-sandbox-mobile__chip-content-mobile{display:flex;align-items:center;gap:2px;justify-content:flex-end;min-height:24px;flex-shrink:0;width:100%;margin:8px}.mode-sandbox-mobile__info-icon{display:flex;align-items:center}.mode-sandbox-mobile__test-mode-chip-mobile.expanded .mode-sandbox-mobile__chip-content-mobile{justify-content:flex-end;width:100%}.mode-sandbox-mobile__cards-dropdown-panel-header{display:flex;align-items:center;gap:8px;padding:8px}.mode-sandbox-mobile__docs-section{display:flex;align-items:center;gap:8px;cursor:pointer;margin-left:0;transition:background-color 0.2s ease;justify-content:flex-end;padding:8px;margin-top:8px}.mode-sandbox-mobile__cards-dropdown-panel{position:absolute;top:100%;left:0;right:0;width:100%;background:#ffffff;border-top:none;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-top:16px;z-index:25;animation:expandDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:top center}.mode-sandbox-mobile__card-section{display:flex;flex-direction:column;justify-content:space-between}.mode-sandbox-mobile__header-content{display:flex;align-items:center;gap:8px;margin:8px}.mode-sandbox-mobile__card-details{background:#fafafa;border-radius:8px;border:1px solid #e5e7eb;margin:8px;min-height:208px;display:flex;flex-direction:column}.mode-sandbox-mobile__card-row{display:flex;gap:12px;align-items:stretch;background:#ffffff;justify-content:space-around;border-radius:8px;border:1px solid #e5e7eb;height:auto;padding:8px;margin:8px}.mode-sandbox-mobile__card-value{display:flex;flex-direction:column;gap:6px;flex:1}.mode-sandbox-mobile__field-value{display:flex;flex-direction:row;align-items:center;gap:8px;max-height:20px}.mode-sandbox-mobile__copy-button{align-items:center;margin-left:auto;margin-right:0}.mode-sandbox-mobile__icon-button{margin-left:auto;margin-right:16px}@keyframes expandDown{from{opacity:0;transform:translateY(-10px) scaleY(0.9)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";const $=class{constructor(a){e(this,a)}get el(){return t(this)}isPanelVisible=false;currentLanguage=n.getCurrentLanguage();componentWillLoad(){c.on("languageChanged",this.handleLanguageChange)}disconnectedCallback(){c.off("languageChanged",this.handleLanguageChange)}handleLanguageChange=()=>{this.currentLanguage=n.getCurrentLanguage()};togglePanel=()=>{this.isPanelVisible=!this.isPanelVisible};handleCopy=e=>{h(e);this.isPanelVisible=false};handleDocsClick=()=>{window.open("https://v3.docs.rebill.com/sdk/checkout","_blank")};renderBasicChip(){return i("div",{class:"mode-sandbox-mobile__chip-content-mobile"},i("div",{class:"mode-sandbox-mobile__info-icon"},i("rebill-icon",{name:"circle-info",size:"24px",color:f.ORANGE})),i("rebill-typography",{variant:"subtitle2",color:f.PRIMARY_DARK},n.translate("sandbox.testMode")),i("div",{class:"mode-sandbox-mobile__icon-button"},i("rebill-button",{variant:"text",size:"small",onClick:this.togglePanel},i("rebill-icon",{name:"hamburger"}))))}renderCardsPanel(){return i("div",{class:"mode-sandbox-mobile__cards-dropdown-panel"},i("div",{class:"mode-sandbox-mobile__cards-dropdown-panel-header"},i("rebill-icon",{name:"card-test"}),i("rebill-typography",{variant:"subtitle2",color:f.PRIMARY_DARK},n.translate("sandbox.cardTest"))),i("div",{class:"mode-sandbox-mobile__card-details"},i("div",{class:"mode-sandbox-mobile__card-section"},i("div",{class:"mode-sandbox-mobile__header-content"},i("rebill-icon",{name:"succes",color:f.GREEN}),i("rebill-typography",{variant:"subtitle2",color:f.PRIMARY_DARK},n.translate("sandbox.successPayment"))),i("div",{class:"mode-sandbox-mobile__card-row"},i("div",{class:"mode-sandbox-mobile__card-value"},i("rebill-typography",{variant:"subtitle3",color:f.GREY_700},n.translate("sandbox.cardNumber")),i("div",{class:"mode-sandbox-mobile__field-value"},i("rebill-icon",{name:"visa"}),i("rebill-typography",{variant:"subtitle2",color:f.PRIMARY_DARK},"4539148803436467"))),i("div",{class:"mode-sandbox-mobile__card-value"},i("rebill-typography",{variant:"subtitle3",color:f.GREY_700},n.translate("sandbox.exp")),i("div",{class:"mode-sandbox-mobile__field-value"},i("rebill-typography",{variant:"subtitle2",color:f.PRIMARY_DARK},"01/99"))),i("div",{class:"mode-sandbox-mobile__card-value"},i("rebill-typography",{variant:"subtitle3",color:f.GREY_700},n.translate("sandbox.cvv")),i("div",{class:"mode-sandbox-mobile__field-value mode-sandbox-mobile__field-value-with-copy"},i("rebill-typography",{variant:"subtitle2",color:f.PRIMARY_DARK},"123"),i("div",{class:"mode-sandbox-mobile__copy-button"},i("rebill-button",{variant:"text",size:"small",onClick:()=>this.handleCopy("4539148803436467 01/99 123")},i("rebill-icon",{name:"copy"}))))))),i("div",{class:"mode-sandbox-mobile__card-section"},i("div",{class:"mode-sandbox-mobile__header-content"},i("rebill-icon",{name:"rejected",color:f.ERROR}),i("rebill-typography",{variant:"subtitle2",color:f.PRIMARY_DARK},n.translate("sandbox.rejectedPayment"))),i("div",{class:"mode-sandbox-mobile__card-row"},i("div",{class:"mode-sandbox-mobile__card-value"},i("rebill-typography",{variant:"subtitle3",color:f.GREY_700},n.translate("sandbox.cardNumber")),i("div",{class:"mode-sandbox-mobile__field-value"},i("rebill-icon",{name:"visa"}),i("rebill-typography",{variant:"subtitle2",color:f.PRIMARY_DARK},"4485364739527352"))),i("div",{class:"mode-sandbox-mobile__card-value"},i("rebill-typography",{variant:"subtitle3",color:f.GREY_700},n.translate("sandbox.exp")),i("div",{class:"mode-sandbox-mobile__field-value"},i("rebill-typography",{variant:"subtitle2",color:f.PRIMARY_DARK},"01/99"))),i("div",{class:"mode-sandbox-mobile__card-value"},i("rebill-typography",{variant:"subtitle3",color:f.GREY_700},n.translate("sandbox.cvv")),i("div",{class:"mode-sandbox-mobile__field-value mode-sandbox-mobile__field-value-with-copy"},i("rebill-typography",{variant:"subtitle2",color:f.PRIMARY_DARK},"123"),i("div",{class:"mode-sandbox-mobile__copy-button"},i("rebill-button",{variant:"text",size:"small",onClick:()=>this.handleCopy("4485364739527352 01/99 123")},i("rebill-icon",{name:"copy"})))))))),i("div",{class:"mode-sandbox-mobile__docs-section",onClick:this.handleDocsClick},i("rebill-typography",{variant:"subtitle2",color:f.PRIMARY},n.translate("sandbox.docs")),i("rebill-icon",{name:"external-link"})))}render(){return i("div",{key:"2051c42d557dcdfc491dc679684aa585e6b8375a",class:`mode-sandbox-mobile__test-mode-container ${this.isPanelVisible?"cards-visible":""}`},this.isPanelVisible&&i("div",{key:"90291e86c59667a2055457ad99aad90deb8f1dd7",class:"mode-sandbox-mobile__overlay"}),i("div",{key:"c405adb07262da6175badba97245914469480905",class:`mode-sandbox-mobile__test-mode-chip-mobile ${this.isPanelVisible?"expanded":""}`},this.renderBasicChip()),this.isPanelVisible&&this.renderCardsPanel())}};$.style=M;const z=":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--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-info-border:#0156f6;--rebill-color-info-text:#172b85;--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}}";const B=class{constructor(i){e(this,i);this.successRedirect=a(this,"successRedirect")}typePaymentMethod=d.CARD;country="";bank="";paymentMethodName="";cardLastFour="";paymentDate="";referenceNumber="";trialPeriodDays=0;debitDay=0;planAmount=0;currentLocale=s.currentLocale;breakpoint=k.DESKTOP;successRedirect;loaderProgress=0;isLoadingLottie=true;showRedirectMessage=false;timeToRedirect=3e3;progressInterval;lottieContainer;lottieAnimation;unsubscribeCurrentLocaleStore;successDisplayTimeout;applyStartCaseToBrand=e=>{if(!e)return"";return e.toLowerCase().split(/[\s-]+/).map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(" ")};getPaymentDate=()=>{const e=s?.data?.payment;if(!e)return"";if("createdAt"in e){return e.createdAt}return""};componentWillLoad(){this.breakpoint=w(window.innerWidth);this.unsubscribeCurrentLocaleStore=l.onChange("currentLocale",(()=>{this.currentLocale=s.currentLocale}));if(s.data?.itemInformation?.redirectSuccess){this.successDisplayTimeout=window.setTimeout((()=>{this.showRedirectMessage=true;this.loadLottieAnimation()}),1500);setTimeout((()=>{let e=s.data?.itemInformation?.redirectSuccess;if(e){this.successRedirect.emit({redirectUrl:e});this.stopLoaderAnimation()}}),this.timeToRedirect)}}componentDidLoad(){window.addEventListener("resize",this.handleResize);if(!s.data?.itemInformation?.redirectSuccess||this.showRedirectMessage){this.loadLottieAnimation()}}disconnectedCallback(){if(this.unsubscribeCurrentLocaleStore){this.unsubscribeCurrentLocaleStore()}if(this.successDisplayTimeout){clearTimeout(this.successDisplayTimeout)}window.removeEventListener("resize",this.handleResize);this.stopLoaderAnimation()}handleResize=()=>{this.breakpoint=w(window.innerWidth)};loadLottieAnimation=async()=>{try{const e=await import("./p-DdEjhWUP.js").then((function(e){return e.l}));const a=await fetch(_(`loader-redirect1.json`));const i=await a.json();if(this.lottieContainer){this.lottieAnimation=e.default.loadAnimation({container:this.lottieContainer,renderer:"svg",loop:true,autoplay:true,animationData:i})}else{this.startLoaderAnimation()}}catch(e){this.startLoaderAnimation()}};startLoaderAnimation=()=>{const e=3e3;const a=50;const i=a/e*100;this.progressInterval=window.setInterval((()=>{this.loaderProgress=Math.min(this.loaderProgress+i,100);if(this.loaderProgress>=100){this.stopLoaderAnimation()}}),a)};stopLoaderAnimation=()=>{if(this.progressInterval){clearInterval(this.progressInterval);this.progressInterval=undefined}if(this.lottieAnimation){this.lottieAnimation.destroy();this.lottieAnimation=undefined}};handleDownloadReceipt=async()=>{try{await x.generateAndDownloadReceipt({paymentMethod:this.typePaymentMethod===d.CARD?this.textPaymentMethodCard():this.paymentMethodName,...this.typePaymentMethod===d.BANK_TRANSFER&&{bank:this.bank},...this.typePaymentMethod===d.CARD&&{cardBrand:this.applyStartCaseToBrand(s.data.cardInformation?.brand||"")},...this.typePaymentMethod===d.CARD&&{cardLastFour:this.cardLastFour??s.data.cardInformation?.lastFour},paymentDate:v(this.getPaymentDate())||"",email:s?.data?.userInformation?.email||"",referenceNumber:this.referenceNumber,productTitle:s?.data?.itemInformation?.title||"",subtotal:this.getFormattedSubtotal(),total:this.getFormattedTotal(),currency:s?.data?.pricing?.currency||" ",installments:s?.data?.pricing?.installments&&s?.data?.cardInformation?.installments?.selectedInstallment?`${g(s.data?.cardInformation?.installments?.selectedInstallment?.installment,u(s.data?.cardInformation?.installments?.selectedInstallment?.installmentAmount||0),s.data?.pricing?.currency,s.data?.cardInformation?.installments?.selectedInstallment?.cft,s.data?.cardInformation?.installments?.selectedInstallment?.model)}\n( ${n.translate("processing.purchaseTotal")}: ${this.getFormattedTotal()} )${s.data.cardInformation?.installments?.installments.find((e=>e.installment===s.data.cardInformation?.installments?.selectedInstallment?.installment))?.model===y.CUSTOMER_FINANCED?`\n${n.translate("installments.interest")}`:""}`:"",discountAmount:this.getFormattedDiscountAmount(),trialPeriodDays:this.trialPeriodDays||s.data?.itemInformation?.trial?.trialPeriodDays,debitDay:this.debitDay||s.data?.itemInformation?.debitDay,planAmount:this.getFormattedSubtotal(this.planAmount),trialEndDate:this.hasFreeTrial()?this.getTrialEndDateFormatted():undefined,debitDate:this.hasDebitDay()?this.getDebitDateFormatted():undefined,isBankTransfer:this.typePaymentMethod===d.BANK_TRANSFER})}catch(e){console.error("Error downloading receipt:",e)}};getFormattedDiscountAmount=()=>{if(s?.data?.pricing?.discountAmount>0){const e=b(s.data?.pricing?.discountAmount,s.data?.pricing?.currency);return`-${e}`}return undefined};getFormattedSubtotal=(e=null)=>b(e||s?.data?.pricing?.subtotal,s?.data?.pricing?.currency);getFormattedTotal=()=>{if(this.trialPeriodDays>0){return b(0,s?.data?.pricing?.currency)}return b(s?.data?.pricing?.total,s?.data?.pricing?.currency)};hasFreeTrial=()=>s.data?.itemInformation?.type===p.PLAN&&s.data?.itemInformation?.trial?.trialPeriodDays&&s.data?.itemInformation?.trial?.trialPeriodDays>0;hasDebitDay=()=>{const e=s.data?.itemInformation?.debitDay;return e&&e>0};getTrialEndDateFormatted=()=>{const e=s.data?.itemInformation?.trial?.trialPeriodEndsAt;if(!e)return"";const a=new Date(e);const i=n.getCurrentLanguage();const t=i==="es"?"es-ES":i==="pt"?"pt-BR":"en-US";if(i==="en"){return`${a.toLocaleDateString(t,{month:"long"})} ${a.getDate()}`}else{return`${a.getDate()} de ${a.toLocaleDateString(t,{month:"long"})}`}};getDebitDateFormatted=()=>{const e=s.data?.itemInformation?.debitDay;if(!e||e<=0)return"";const a=new Date;const i=new Date(a);const t=n.getCurrentLanguage();const o=t==="es"?"es-ES":t==="pt"?"pt-BR":"en-US";if(e<a.getDate()){i.setMonth(a.getMonth()+1)}i.setDate(e);while(i.getDate()!==e){i.setDate(i.getDate()-1)}if(t==="en"){return`${i.toLocaleDateString(o,{month:"long"})} ${i.getDate()}`}else{return`${i.getDate()} de ${i.toLocaleDateString(o,{month:"long"})}`}};textPaymentMethodCard=()=>{const e=s.data?.cardInformation?.brand;const a=this.cardLastFour||s?.data?.cardInformation?.lastFour;const i=this.applyStartCaseToBrand(e||"");return e&&a?`${i} - ${a}`:i};render(){const e=s.data?.itemInformation?.redirectSuccess;return i("rebill-checkout-single-column",{key:"d8a814c5353cd2dcaa053ea6c205be11870f7629"},i("div",{key:"cf05e7f864a87a41db23b76f366c7c8516a721c0",class:"success-page__success-content"},i("rebill-typography",{key:"729d64601641e56b8551d5c3d74daae3a18b6b0a",variant:"h3",color:f.PRIMARY_DARK_TEXT},e&&this.showRedirectMessage?n.translate("processing.redirectMessage"):n.translate("processing.successTitle")),e&&this.showRedirectMessage?i("div",{class:"redirect-message"},i("div",{class:"success-page__lottie-container"},i("div",{ref:e=>this.lottieContainer=e,class:"lottie-animation"}))):i("div",{class:"success-page__success-icon"},i("svg",{width:C(this.breakpoint,k.DESKTOP)?"64":"96",height:C(this.breakpoint,k.DESKTOP)?"64":"96",viewBox:"0 0 96 96",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z",fill:"#35B093"}))),i("div",{key:"cb7dc105388b2db7c3b34057c5c4ffd98910bee2",class:"success-page__info-card"},i("div",{key:"00819afd49ef6aeef2411dff4f942385c80ba07e",class:"success-page__card-row"},i("rebill-typography",{key:"4a9a03c161b12037b47e1eae87e22c5160806e2c",variant:"body2",color:f.SECONDARY},n.translate("processing.paymentMethod")),i("div",{key:"dc27668c563154151bdaec58410b8c73086f61fd",class:"success-page__card-value"},i("div",{key:"7c96a29c17134201c004cd65fb515de5cf691340",class:"success-page__payment-method-display"},this.typePaymentMethod===d.CARD&&i(i.Fragment,null,i("rebill-card-icon",{key:"530f18b793bbf92cf2a9e61eaad6f68a609dc1a7","card-brand":s.data?.cardInformation?.brand||""}),i("rebill-typography",{key:"52e4866e3a05a30e5bb7cd715720178bb787c600",variant:"body2",color:f.PRIMARY_DARK_TEXT},this.textPaymentMethodCard())),this.typePaymentMethod===d.BANK_TRANSFER&&i("div",{key:"acfeb7d49fb573410f7f9df7f794c784b119accd",style:{display:"flex",alignItems:"center",gap:"8px"}},i("rebill-icon",{key:"dec188702fe1c02ea3aa01697b466564c3cce778",name:j(d.BANK_TRANSFER,this.country)?.toLowerCase()||"card"}),i("rebill-typography",{key:"2e2a40216a852b0fbc40670e92fd639f9b3af795",variant:"body2",color:f.PRIMARY_DARK_TEXT},n.translate("paymentMethods.bank_transfer")))))),s?.data?.pricing?.installments&&s?.data?.cardInformation?.installments?.selectedInstallment&&i("div",{key:"ea79aae58cfaaeb3df39224ed29189aa14d82f45"},i("div",{key:"4335fe58d7e4f4f91881f9dd629cf7ae93945a54",class:"success-page__card-row"},i("rebill-typography",{key:"ef6fbe06758da4e54f3dfd529f7c188167ef70de",variant:"body2",color:f.SECONDARY},n.translate("summary.installments")),i("div",{key:"6881217b5feea6fa09bee824d4b7aace4950f603",style:{display:"flex",flexDirection:"column",gap:"10px",alignItems:"end"}},i("rebill-typography",{key:"e8225b7a2450e67e46902263af208633e21c852d",variant:"body2",color:f.PRIMARY_DARK_TEXT,style:{textAlign:"end"}},g(s.data?.cardInformation?.installments?.selectedInstallment?.installment,u(s.data?.cardInformation?.installments?.selectedInstallment?.installmentAmount||0),s.data?.pricing?.currency,s.data?.cardInformation?.installments?.selectedInstallment?.cft,s.data?.cardInformation?.installments?.selectedInstallment?.model)),i("rebill-typography",{key:"fb989d76d8ed0ef97e74e5a9a9f2be4ebc36b044",variant:"body2",color:f.PRIMARY_DARK_TEXT},`( ${n.translate("processing.purchaseTotal")}: ${this.getFormattedTotal()} )`),s.data.cardInformation?.installments?.installments.find((e=>e.installment===s.data.cardInformation?.installments?.selectedInstallment?.installment))?.model===y.CUSTOMER_FINANCED&&i("rebill-typography",{key:"5a278b1b9a0ead71519bccf12d80f5a0f6d6c667",variant:"italic",color:f.SECONDARY,style:{textAlign:"end"}},`${n.translate("installments.interest")}`)))),i("div",{key:"4ca2babffc451d62f60da51dfaf8cf5ef903ee6b",class:"success-page__card-row"},i("rebill-typography",{key:"6e20687a11a8cac9cb519978bee200ca846b6bf4",variant:"body2",color:f.SECONDARY},n.translate("processing.paymentDate")),i("rebill-typography",{key:"eae77c8ddcadc04f4c359aee9cf2d663889d4f82",variant:"body2",color:f.PRIMARY_DARK_TEXT},v(this.paymentDate||this.getPaymentDate()||s.createdAt)||"")),i("div",{key:"72ae70f80bbf27fa7ab72107d3075ba13721c8f2",class:"success-page__card-row"},i("rebill-typography",{key:"d85fbe86c79e7c18186bd23e2ab7123525f67ca6",variant:"body2",color:f.SECONDARY},n.translate("processing.paymentEmail")),i("rebill-typography",{key:"8f4db224d31ad6294badbef2c05344b11887fa27",variant:"body2",color:f.PRIMARY_DARK_TEXT},s?.data?.userInformation?.email)),i("div",{key:"05e205e63cb7958a749b0fe8297ccde914f421e1",class:"success-page__card-row"},i("rebill-typography",{key:"63c726338cb62abff925f7787a2d6b0d731133a0",variant:"body2",color:f.SECONDARY},n.translate("processing.paymentReference")),i("rebill-typography",{key:"12186b7939c0ebbdb2548c4513af1822aebb67c8",variant:"body2",color:f.PRIMARY_DARK_TEXT,class:"success-page__reference-number"},this.referenceNumber||""))),i("div",{key:"00d9b3804dd02addd8011e29533929a56d7aa58c",class:"success-page__info-card"},i("rebill-typography",{key:"ed5ae2237d800cf0cac6e9f880a9c7b6ec9bd8a3",variant:"subtitle-bold",color:f.PRIMARY_DARK_TEXT},n.translate("processing.purchaseDetails")),i("div",{key:"d13b348ce1ee55c83db8c10d0b3b4aca972b7f3a",class:"success-page__card-row"},i("rebill-typography",{key:"55d16b897fe8c34131eeec05587cef14313bfd62",variant:"body2",color:f.SECONDARY},n.translate("processing.purchaseDetail")),i("rebill-typography",{key:"97123778ac864648a4e330915bafe84514460d24",variant:"body2",color:f.PRIMARY_DARK_TEXT},s?.data?.itemInformation?.title||"")),!this.trialPeriodDays&&i("div",{key:"537f89e71e8fb8c6079befb71ff1a61e99187cf6",class:"success-page__card-row"},i("rebill-typography",{key:"0e9e1cf4ae6d5bca97dfd51ed4a12b275d19719a",variant:"body2",color:f.SECONDARY},n.translate("processing.purchaseSubtotal")),i("rebill-typography",{key:"d45380840cdf35ffc18ecd618cb94c0f0eb5bdd3",variant:"body2",color:f.PRIMARY_DARK_TEXT},this.getFormattedSubtotal())),s?.data?.pricing?.discountAmount>0&&i("div",{key:"c34df5787398ba9c6339ac1348052c4a47fc7c79",class:"success-page__card-row"},i("rebill-typography",{key:"a733017918477463f73cd32a6475e8d2e4c37781",variant:"body2",color:f.SECONDARY},n.translate("summary.discount")),i("rebill-typography",{key:"ccb6e46656104b12c8f93ba34c96f3bc97c836ed",variant:"body2",color:f.PRIMARY_DARK_TEXT},this.getFormattedDiscountAmount())),i("div",{key:"03c41ca60d1306aac047efb56a7fcec0e8842b17",class:"success-page__card-row"},i("rebill-typography",{key:"0418a54826aaea0d2b878d9da6f3093494e53ad3",variant:"body2",color:f.SECONDARY},n.translate("processing.purchaseMontoTotal")),i("div",{key:"14d58e7438a6d3cc621753568d83da25585eb5e0",class:"success-page__total-amount-container"},this.trialPeriodDays>0&&i("div",{key:"eecdaa2ca9577bbedf05e35d0518353a88952e17",class:"success-page__trial-pill"},i("rebill-typography",{key:"4ec8fbe451b03ab6489db62abb44725a3f42ccfc",variant:"body2",align:"center",color:f.GREEN_TEXT},n.translate("processing.trialPill",{days:this.trialPeriodDays,count:this.trialPeriodDays}))),i("rebill-typography",{key:"d6e12a5401f68e01d2c7ea1706cf6c885a69e021",variant:"body2",color:f.PRIMARY_DARK_TEXT},this.getFormattedTotal()))),(this.trialPeriodDays||this.hasDebitDay())&&i("div",{key:"a7ee99c9416ad1d995c59927909214300e021491",class:"success-page__card-divider"}),(this.hasFreeTrial()||this.hasDebitDay())&&i("div",{key:"c167a90f0ce8da005833a89f3acaebf1e8079b19",class:"success-page__next-charge-section"},i("div",{key:"c0817733aa17655d5578c96c07a87b5a3d847c03",class:"success-page__next-charge-header"},i("rebill-typography",{key:"3e218d2bbe78b3542e7f53d784d735b6e4480c34",variant:"subtitle-bold",color:f.PRIMARY_DARK_TEXT},n.translate("processing.nextCharge")),i("rebill-typography",{key:"03a7c5048d6e952b7532fb45974dcb47512d34dd",variant:"subtitle-bold",color:f.PRIMARY_DARK_TEXT},n.translate("processing.onDate",{date:this.hasFreeTrial()?this.getTrialEndDateFormatted():this.getDebitDateFormatted()}))),i("div",{key:"ac92777a58bd9fd68b16c3c545718f2885893253",class:"success-page__card-row"},i("rebill-typography",{key:"680b1b3386cff3bdc72e059cbfd5901fe65a86ce",variant:"body2",color:f.PRIMARY_DARK_TEXT},this.hasFreeTrial()?n.translate("processing.atEndOfTrial"):""),i("rebill-typography",{key:"9dc76d0befc14922fda0a3ba66fd020cf08098f6",variant:"body2",color:f.PRIMARY_DARK_TEXT},this.getFormattedSubtotal(this.planAmount)," ",n.translate("processing.perMonth")))),i("div",{key:"6c91add3a1941d5aeef60406841391cf2a420ea8",class:"success-page__card-divider"}),i("div",{key:"f8f64653e37c1a2c2b8540adf6175168789d6bdb",class:"success-page__download-container"},i("svg",{key:"d865caf674a68d00550b8312d941fec103879ca6",class:"download-icon",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"b3b7b7042666e928af0e1928b46a4289049ff03a",d:"M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round"})),i("rebill-button",{key:"437f61a8a544e8681c84b09dabb18afbfcd01fb8",type:"button",variant:"download",size:"small",onClick:this.handleDownloadReceipt},i("rebill-typography",{key:"7613ff0df859a82ebd04f36829378a28d5f789de",variant:"overline",color:f.PRIMARY_DARK_TEXT},n.translate("processing.download")))),i("div",{key:"6c4c9be607a1007244c4ce8b97c0d25d28723575",class:"success-page__contact-info"},i("rebill-typography",{key:"ce01fffce36a31c6a30672c552a438805276201b",variant:"information-text",color:f.SECONDARY},n.translate("processing.downloadDescription"))))))}};B.style=z;const P=":host{display:block}.inputs-container{display:flex;flex-direction:column;gap:16px;width:100%}.customer-exists{display:flex;justify-content:flex-end;margin-bottom:16px}";const A=class{constructor(i){e(this,i);this.onRebillAccountClick=a(this,"onRebillAccountClick")}userInformation={email:"",fullName:"",countryCode:""};errors=null;customerExists=false;disabled=false;onRebillAccountClick;translateError(e){if(!e)return"";if(e.includes("validation.")||e.includes("paymentErrors.")){return n.translate(e)}return e}handleInputChange(e){if(!e.detail)return;const{id:a,value:i}=e.detail;l.setUserInformation({[a]:i})}handleBlur(e){if(!e.detail)return;const{id:a,value:i}=e.detail;l.setUserInformation({[a]:i})}getCardLabels(){const e=[];if(s.data.prefilledData.email){e.push({label:n.translate("userInformation.emailPlaceholder"),value:s.data.prefilledData.email});l.setUserInformation({...s.data.userInformation,email:s.data.prefilledData.email})}if(s.data.prefilledData.fullName){e.push({label:n.translate("userInformation.fullNamePlaceholder"),value:s.data.prefilledData.fullName});l.setUserInformation({...s.data.userInformation,fullName:s.data.prefilledData.fullName})}return e}async handleRebillAccountClick(){r.otp.generate(s.data.sessionId,{email:s.data.userInformation.email});this.onRebillAccountClick.emit(true)}renderInputs(){const e=s.data.prefilledData.email;const a=s.data.prefilledData.fullName;const t=[];if(!e){t.push(i("rebill-input-text",{id:"email",variant:"floating",label:n.translate("userInformation.emailPlaceholder"),placeholder:n.translate("userInformation.emailPlaceholder"),"left-icon":"email",clearable:true,disabled:this.disabled,error:this.translateError(this.errors?.email)}))}if(!a){t.push(i("rebill-input-text",{id:"fullName",variant:"floating",label:n.translate("userInformation.fullNamePlaceholder"),placeholder:n.translate("userInformation.fullNamePlaceholder"),disabled:this.disabled,error:this.translateError(this.errors?.fullName)}))}return t.length>0?i("div",{class:"inputs-container",style:{marginTop:t.length>0&&(e||a)?"1rem":"0"}},t):null}render(){const e=i("div",{key:"46bb2f98219e56c8723289e3348514c4f27b4a53",class:"customer-exists"},i("rebill-button",{key:"eb6f81a732df9ef04a4c278588cd57998cbb6c25",style:{visibility:this.customerExists?"visible":"hidden",opacity:this.customerExists?"1":"0",transition:"opacity 0.3s ease-in-out"},variant:"text",size:"small",onClick:()=>this.handleRebillAccountClick(),icon:"lock"},n.translate("userInformation.rebillAccount"),i("rebill-icon",{key:"d270f5d5f8e2fecb9a6b39d439172c99233cc86d",name:"arrow-right"})));const a=s.data.prefilledData.email;const t=s.data.prefilledData.fullName;const r=a||t;return i(o,{key:"97e0d4dd9b6d3c798eee919274d4ed9be854319d"},e,r&&i("rebill-card",{key:"18f3d53e0386be0b4dff09bcfdcf69885d0093e7",cardTitle:n.translate("userInformation.personalInformation"),cardLabels:this.getCardLabels()}),this.renderInputs())}};A.style=P;export{T as otp_component,I as rebill_modal_overlay,$ as rebill_mode_sandbox_mobile,B as success_page,A as user_information};
+//# sourceMappingURL=p-836f16da.entry.js.map

package/dist/rebill-web-components-sdk/p-836f16da.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["otpCss","Otp","changeEmailClick","timeLeft","isTimerRunning","codeResent","isVerifying","otpValue","returnForm","codeVerified","error","timer","createCountdownTimer","duration","onTick","this","onComplete","messageTimer","disconnectedCallback","stop","startTimer","start","handleResendCode","async","api","otp","generate","sessionState","data","sessionId","email","userInformation","handleOtpChange","value","length","handleVerifyOtp","response","verify","code","emit","SessionStore","setUserInformation","customer","fullName","firstName","lastName","trim","phoneNumber","number","phoneNumbers","countryCode","address","billingAddress","addresses","lineOne","zip","zipCode","city","state","country","documentType","identifications","type","documentNumber","setAccessToken","accessToken","setCustomerId","id","render","h","key","class","variant","I18nService","translate","prefilledData","onClick","onOtpChange","event","detail","color","COLORS_ENUM","PRIMARY","theme","disabled","size","style","height","marginBottom","getFormattedTime","GREEN","name","message","icon","alertTitle","colorIcon","PRIMARY_DARK_LIGHT","PRIMARY_DARK","modalOverlayCss","ModalOverlay","visible","languageUpdateTrigger","unsubscribeCurrentLocaleStore","autoCloseTimer","componentDidLoad","onChange","closeModal","ORANGE","modeSandboxMobileCss","RebillTestModeChipMobile","isPanelVisible","currentLanguage","getCurrentLanguage","componentWillLoad","i18n","on","handleLanguageChange","off","togglePanel","handleCopy","text","copyToClipboard","handleDocsClick","window","open","renderBasicChip","renderCardsPanel","GREY_700","ERROR","successPageCss","CardSuccessPage","typePaymentMethod","PAYMENT_METHOD_ENUM","CARD","bank","paymentMethodName","cardLastFour","paymentDate","referenceNumber","trialPeriodDays","debitDay","planAmount","currentLocale","breakpoint","BREAKPOINT_ENUM","DESKTOP","successRedirect","loaderProgress","isLoadingLottie","showRedirectMessage","timeToRedirect","progressInterval","lottieContainer","lottieAnimation","successDisplayTimeout","applyStartCaseToBrand","brand","toLowerCase","split","map","word","charAt","toUpperCase","slice","join","getPaymentDate","payment","createdAt","getBreakpoint","innerWidth","itemInformation","redirectSuccess","setTimeout","loadLottieAnimation","redirectUrl","stopLoaderAnimation","addEventListener","handleResize","clearTimeout","removeEventListener","lottie","import","then","n","l","animationData","fetch","getAssetURL","animationJson","json","default","loadAnimation","container","renderer","loop","autoplay","startLoaderAnimation","interval","increment","setInterval","Math","min","clearInterval","undefined","destroy","handleDownloadReceipt","PDFGenerator","generateAndDownloadReceipt","paymentMethod","textPaymentMethodCard","BANK_TRANSFER","cardBrand","cardInformation","lastFour","formatDateTime","productTitle","title","subtotal","getFormattedSubtotal","total","getFormattedTotal","currency","pricing","installments","selectedInstallment","getInstallmentLabelSummary","installment","getRecalculatedInstallmentAmount","installmentAmount","cft","model","find","ENUM_INSTALLMENT_MODEL","CUSTOMER_FINANCED","discountAmount","getFormattedDiscountAmount","trial","trialEndDate","hasFreeTrial","getTrialEndDateFormatted","debitDate","hasDebitDay","getDebitDateFormatted","isBankTransfer","console","formattedAmount","formatAmount","SESSION_ITEM_TYPE_ENUM","PLAN","trialEndsAt","trialPeriodEndsAt","date","Date","locale","toLocaleDateString","month","getDate","today","targetDate","setMonth","getMonth","setDate","formattedBrand","hasRedirect","PRIMARY_DARK_TEXT","ref","el","width","isBreakpointBelow","viewBox","fill","xmlns","d","SECONDARY","Fragment","display","alignItems","gap","getPaymentMethodDisplayName","flexDirection","textAlign","align","GREEN_TEXT","days","count","stroke","userInformationCss","UserInformation","errors","customerExists","onRebillAccountClick","translateError","errorKey","includes","handleInputChange","handleBlur","getCardLabels","labels","push","label","handleRebillAccountClick","renderInputs","hasPrefilledEmail","hasPrefilledName","inputs","placeholder","clearable","marginTop","customerExistsButton","visibility","opacity","transition","hasAnyPrefilled","Host","cardTitle","cardLabels"],"sources":["src/components/checkout/otp/otp.css?tag=otp-component","src/components/checkout/otp/otp.tsx","src/components/shared/modal-overlay/modal-overlay.css?tag=rebill-modal-overlay","src/components/shared/modal-overlay/modal-overlay.tsx","src/components/shared/mode-sandbox/mode-sandbox-mobile.css?tag=rebill-mode-sandbox-mobile","src/components/shared/mode-sandbox/mode-sandbox-mobile.tsx","src/components/checkout/card-success-page/success-page.css?tag=success-page","src/components/checkout/card-success-page/success-page.tsx","src/components/checkout/user-information/user-information.css?tag=user-information","src/components/checkout/user-information/user-information.tsx"],"sourcesContent":[".otp__otp-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  width: 100%;\n  position: relative;\n  margin-top: 2rem;\n}\n\n.otp__user-information {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n}\n\n.otp__otp-description-container {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n}\n.otp__change-email {\n  cursor: pointer;\n  text-decoration: underline;\n  margin-left: 0;\n}\n\n.otp__change-email:hover {\n  color: var(--rebill-primary-color);\n  text-decoration: underline;\n}\n\n.otp__alternative {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  margin: 32px;\n  width: 100%;\n}\n\n.otp__rebill-alert {\n  width: 100%;\n}\n\n.otp__guest-options {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 8px;\n  margin-top: auto;\n}\n\n.otp__verifying-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  margin: 8px 0;\n}\n\n.otp__code-resent-container rebill-typography {\n  display: flex;\n  line-height: 1;\n}\n\n.otp__code-resent-container rebill-icon {\n  flex-shrink: 0;\n  display: inline-flex;\n  vertical-align: middle;\n  margin-right: 8px;\n}\n\n.otp__spinner {\n  width: 15px;\n  height: 15px;\n  border: 2px solid rgba(255, 255, 255, 0.3);\n  border-radius: 50%;\n  border-top-color: var(--rebill-color-primary);\n  animation: spin 1s linear infinite;\n  display: inline-block;\n}\n\n@keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n/* Responsive adjustments */\n@media (max-width: 1024px) {\n  .otp__otp-container {\n    min-height: calc(100vh - 40px);\n  }\n\n  .otp__guest-options {\n    margin-top: 32px;\n  }\n}\n\n@media (min-width: 1025px) {\n  .otp__otp-container {\n    justify-content: flex-start;\n  }\n\n  .otp__guest-options {\n    margin-top: auto;\n    padding-bottom: 2rem;\n  }\n}\n","import { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { api } from '../../../api';\nimport { OTPVerifyResponse } from '../../../api/entities/OTP/types';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { createCountdownTimer } from '../../../utils/timer';\n\n@Component({\n  tag: 'otp-component',\n  styleUrl: 'otp.css',\n  shadow: false,\n})\nexport class Otp {\n  @Event() changeEmailClick: EventEmitter<void>;\n  @State() timeLeft: number = 59;\n  @State() isTimerRunning: boolean = false;\n  @State() codeResent: boolean = false;\n  @State() isVerifying: boolean = false;\n  @State() otpValue: string = '';\n  @Event() returnForm: EventEmitter<boolean>;\n  @Event() codeVerified: EventEmitter<OTPVerifyResponse>;\n  @State() error: boolean = false;\n\n  private timer = createCountdownTimer({\n    duration: 59,\n    onTick: timeLeft => {\n      this.timeLeft = timeLeft;\n    },\n    onComplete: () => {\n      this.isTimerRunning = false;\n    },\n  });\n\n  private messageTimer = createCountdownTimer({\n    duration: 5,\n    onComplete: () => {\n      this.codeResent = false;\n    },\n  });\n\n  disconnectedCallback() {\n    this.timer.stop();\n  }\n\n  startTimer() {\n    this.timer.start();\n    this.isTimerRunning = true;\n  }\n\n  handleResendCode = async () => {\n    if (!this.isTimerRunning) {\n      await api.otp.generate(sessionState.data.sessionId, {\n        email: sessionState.data.userInformation.email,\n      });\n      this.codeResent = true;\n      this.messageTimer.start();\n      this.startTimer();\n\n      this.error = false;\n    }\n  };\n\n  handleOtpChange = (value: string) => {\n    this.otpValue = value;\n\n    if (value.length === 6) {\n      this.handleVerifyOtp(value);\n      this.error = false;\n    }\n  };\n\n  handleVerifyOtp = async (otp: string) => {\n    this.isVerifying = true;\n    try {\n      const response = await api.otp.verify(sessionState.data.sessionId, {\n        email: sessionState.data.userInformation.email,\n        code: otp,\n      });\n\n      this.codeVerified.emit(response.data);\n      SessionStore.setUserInformation({\n        ...response.data.customer,\n        fullName: `${response.data.customer.firstName} ${response.data.customer.lastName}`.trim(),\n        phoneNumber: {\n          number: response.data.customer.phoneNumbers[0].number,\n          countryCode: response.data.customer.phoneNumbers[0].countryCode,\n        },\n        address: {\n          billingAddress: {\n            address: response.data.customer.addresses[0].lineOne,\n            zip: response.data.customer.addresses[0].zipCode,\n            city: response.data.customer.addresses[0].city,\n            state: response.data.customer.addresses[0].state,\n            country: response.data.customer.addresses[0].country,\n          },\n        },\n        documentType: response.data.customer.identifications[0].type,\n        documentNumber: response.data.customer.identifications[0].value,\n      });\n      SessionStore.setAccessToken(response.data.accessToken);\n      SessionStore.setCustomerId(response.data.customer.id);\n      this.otpValue = '';\n      this.error = false;\n    } catch (error) {\n      this.error = true;\n    } finally {\n      this.isVerifying = false;\n    }\n  };\n\n  render() {\n    return (\n      <div class=\"otp__otp-container\">\n        <div class=\"otp__user-information\">\n          <div class=\"otp__otp-description-container\">\n            <rebill-typography variant=\"body2\" class=\"otp__otp-description\">\n              {I18nService.translate('otp.description')}\n            </rebill-typography>\n            <rebill-typography variant=\"subtitle-bold\" class=\"otp__otp-description-digits\">\n              {' '}\n              <strong>{I18nService.translate('otp.descriptionDigits')}</strong>{' '}\n            </rebill-typography>\n            <rebill-typography variant=\"body2\" class=\"otp__otp-description-email\">\n              {I18nService.translate('otp.descriptionEmail')}\n            </rebill-typography>\n          </div>\n          <rebill-typography variant=\"body2\" class=\"otp__otp-email-line\">\n            {sessionState.data.userInformation.email}{' '}\n            {!sessionState.data.prefilledData?.email && (\n              <span\n                class=\"otp__change-email\"\n                onClick={() => {\n                  this.otpValue = '';\n                  this.error = false;\n                  this.returnForm.emit(false);\n                }}\n              >\n                {I18nService.translate('otp.change')}\n              </span>\n            )}\n          </rebill-typography>\n        </div>\n        <input-otp\n          otp={this.otpValue}\n          onOtpChange={event => this.handleOtpChange(event.detail)}\n          error={this.error ? I18nService.translate('otp.error') : ''}\n        />\n\n        {this.isVerifying && (\n          <div class=\"otp__verifying-container\">\n            <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY}>\n              {I18nService.translate('otp.verifyingCode')}\n            </rebill-typography>\n            <div class=\"otp__spinner\"></div>\n          </div>\n        )}\n        <rebill-button\n          type=\"button\"\n          variant=\"outline\"\n          theme={this.isTimerRunning ? 'secondary' : 'primary'}\n          disabled={this.isTimerRunning}\n          onClick={this.handleResendCode}\n          size=\"small\"\n          style={{ height: '24px', marginBottom: '8px' }}\n        >\n          {this.isTimerRunning\n            ? `${I18nService.translate('otp.resendCodeIn')} (${this.timer.getFormattedTime()})`\n            : I18nService.translate('otp.resendCode')}\n        </rebill-button>\n\n        {this.codeResent && (\n          <div class=\"otp__code-resent-container\">\n            <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.GREEN}>\n              <rebill-icon name=\"check-radio\" />\n              {I18nService.translate('otp.codeResent')}\n            </rebill-typography>\n          </div>\n        )}\n        <rebill-alert\n          class=\"otp__rebill-alert\"\n          type=\"secure\"\n          variant=\"variant-info\"\n          message={I18nService.translate('otp.infoMessage')}\n          icon=\"circle-info\"\n          alertTitle={I18nService.translate('otp.infoTitle')}\n          colorIcon={COLORS_ENUM.PRIMARY_DARK_LIGHT}\n        />\n        <div class=\"otp__alternative\">\n          <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK}>\n            o\n          </rebill-typography>\n        </div>\n        <div class=\"otp__guest-options\">\n          <rebill-button\n            type=\"button\"\n            variant=\"outline\"\n            theme=\"secondary\"\n            size=\"medium\"\n            onClick={() => {\n              this.otpValue = '';\n              this.error = false;\n              this.returnForm.emit(false);\n            }}\n          >\n            {I18nService.translate('otp.continueAsGuest')}\n          </rebill-button>\n\n          <rebill-alert\n            type=\"secure\"\n            variant=\"variant-secure\"\n            icon=\"lock-outline\"\n            message={I18nService.translate('otp.secureMessage')}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n",".modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10000;\n  padding: 12px 16px;\n  box-sizing: border-box;\n}\n\n.modal-content {\n  background: white;\n  border-radius: 8px;\n  padding: 16px 20px;\n  width: 350px;\n  box-shadow:\n    0 4px 12px -2px rgba(0, 0, 0, 0.15),\n    0 2px 4px -1px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.modal-content .alert {\n  margin: 0;\n  flex: 1;\n  padding: 0;\n  background: transparent;\n  border: none;\n  box-shadow: none;\n}\n\n/* Override para quitar cualquier color de fondo del modal */\n.modal-content .alert {\n  background-color: transparent !important;\n  border-color: transparent !important;\n}\n\n.modal-content .alert-message {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.modal-content .close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 20px;\n  height: 20px;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  transition: background-color 0.2s ease;\n  padding: 0;\n  margin: 0;\n  outline: none;\n  box-shadow: none;\n  line-height: 1;\n}\n\n.modal-content .close-button:focus {\n  outline: none;\n  box-shadow: none;\n}\n\n.modal-content .close-button:hover {\n  background-color: #f0f0f0;\n}\n\n.modal-content .close-button rebill-icon {\n  width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n@media (max-width: 768px) {\n  .modal-overlay {\n    padding: 8px 12px;\n  }\n\n  .modal-content {\n    padding: 12px 16px;\n    flex-direction: column;\n    gap: 8px;\n    text-align: center;\n  }\n\n  .modal-content .close-button {\n    width: 100%;\n  }\n}\n","import { Component, h, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { SessionStore } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { createCountdownTimer } from '../../../utils/timer';\n\n@Component({\n  tag: 'rebill-modal-overlay',\n  styleUrl: 'modal-overlay.css',\n  shadow: false,\n})\nexport class ModalOverlay {\n  @State() visible: boolean = true;\n  @State() languageUpdateTrigger: number = 0;\n  private unsubscribeCurrentLocaleStore?: () => void;\n  private autoCloseTimer?: ReturnType<typeof createCountdownTimer>;\n\n  componentDidLoad() {\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.languageUpdateTrigger++;\n    });\n\n    this.autoCloseTimer = createCountdownTimer({\n      duration: 30,\n      onComplete: () => {\n        this.closeModal();\n      },\n    });\n\n    this.autoCloseTimer.start();\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n\n    if (this.autoCloseTimer) {\n      this.autoCloseTimer.stop();\n    }\n  }\n\n  private closeModal = () => {\n    this.visible = false;\n\n    if (this.autoCloseTimer) {\n      this.autoCloseTimer.stop();\n    }\n  };\n\n  render() {\n    if (!this.visible) return null;\n\n    return (\n      <div class=\"modal-overlay\">\n        <div class=\"modal-content\">\n          <div class=\"alert info filled medium\">\n            <div class=\"alert-icon\">\n              <rebill-icon name=\"circle-info\" size=\"16px\" color={COLORS_ENUM.ORANGE} />\n            </div>\n            <div class=\"alert-message\">\n              <div class=\"alert-title\">\n                <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK}>\n                  {I18nService.translate('session.refreshedTitle')}\n                </rebill-typography>\n              </div>\n              <div class=\"alert-message-text\">\n                <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                  {I18nService.translate('session.refreshedMessage')}\n                </rebill-typography>\n              </div>\n            </div>\n          </div>\n          <button onClick={this.closeModal} class=\"close-button\" type=\"button\">\n            <rebill-icon name=\"close\" size=\"20px\" />\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n",":host {\n  display: flex;\n  position: relative;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n}\n\n.mode-sandbox-mobile__test-mode-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n  width: 100%;\n}\n\n.mode-sandbox-mobile__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 5;\n  animation: fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n.mode-sandbox-mobile__test-mode-chip-mobile {\n  display: flex;\n  width: 100%;\n  min-width: auto;\n  max-width: 100%;\n  height: 40px;\n  background: #ffffff;\n  border: 1px solid #e5e7eb;\n  border-radius: 20px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  overflow: hidden;\n  position: relative;\n  z-index: 20;\n}\n\n.mode-sandbox-mobile__chip-content-mobile {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  justify-content: flex-end;\n  min-height: 24px;\n  flex-shrink: 0;\n  width: 100%;\n  margin: 8px;\n}\n\n.mode-sandbox-mobile__info-icon {\n  display: flex;\n  align-items: center;\n}\n\n.mode-sandbox-mobile__test-mode-chip-mobile.expanded .mode-sandbox-mobile__chip-content-mobile {\n  justify-content: flex-end;\n  width: 100%;\n}\n\n.mode-sandbox-mobile__cards-dropdown-panel-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n}\n\n/* Sección de Docs */\n.mode-sandbox-mobile__docs-section {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  margin-left: 0;\n  transition: background-color 0.2s ease;\n  justify-content: flex-end;\n  padding: 8px;\n  margin-top: 8px;\n}\n\n.mode-sandbox-mobile__cards-dropdown-panel {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  width: 100%;\n  background: #ffffff;\n  border-top: none;\n  border-left: 1px solid #e5e7eb;\n  border-right: 1px solid #e5e7eb;\n  border-bottom: 1px solid #e5e7eb;\n  margin-top: 16px;\n  z-index: 25;\n  animation: expandDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  transform-origin: top center;\n}\n\n.mode-sandbox-mobile__card-section {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.mode-sandbox-mobile__header-content {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 8px;\n}\n\n.mode-sandbox-mobile__card-details {\n  background: #fafafa;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  margin: 8px;\n  min-height: 208px;\n  display: flex;\n  flex-direction: column;\n}\n\n.mode-sandbox-mobile__card-row {\n  display: flex;\n  gap: 12px;\n  align-items: stretch;\n  background: #ffffff;\n  justify-content: space-around;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  height: auto;\n  padding: 8px;\n  margin: 8px;\n}\n\n.mode-sandbox-mobile__card-value {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n}\n\n.mode-sandbox-mobile__field-value {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  max-height: 20px;\n}\n\n.mode-sandbox-mobile__copy-button {\n  align-items: center;\n  margin-left: auto;\n  margin-right: 0;\n}\n\n.mode-sandbox-mobile__icon-button {\n  margin-left: auto;\n  margin-right: 16px;\n}\n\n/* Animaciones */\n\n@keyframes expandDown {\n  from {\n    opacity: 0;\n    transform: translateY(-10px) scaleY(0.9);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scaleY(1);\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n","import { Component, Element, h, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { copyToClipboard } from '../../../utils/clipboard';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-mode-sandbox-mobile',\n  styleUrl: 'mode-sandbox-mobile.css',\n  shadow: false,\n})\nexport class RebillTestModeChipMobile {\n  @Element() el: HTMLElement;\n  @State() isPanelVisible = false;\n  @State() currentLanguage: string = I18nService.getCurrentLanguage();\n\n  componentWillLoad() {\n    i18n.on('languageChanged', this.handleLanguageChange);\n  }\n\n  disconnectedCallback() {\n    i18n.off('languageChanged', this.handleLanguageChange);\n  }\n\n  private handleLanguageChange = () => {\n    this.currentLanguage = I18nService.getCurrentLanguage();\n  };\n\n  private togglePanel = () => {\n    this.isPanelVisible = !this.isPanelVisible;\n  };\n\n  private handleCopy = (text: string) => {\n    copyToClipboard(text);\n    this.isPanelVisible = false;\n  };\n\n  private handleDocsClick = () => {\n    window.open('https://v3.docs.rebill.com/sdk/checkout', '_blank');\n  };\n\n  private renderBasicChip() {\n    return (\n      <div class=\"mode-sandbox-mobile__chip-content-mobile\">\n        <div class=\"mode-sandbox-mobile__info-icon\">\n          <rebill-icon name=\"circle-info\" size=\"24px\" color={COLORS_ENUM.ORANGE} />\n        </div>\n        <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n          {I18nService.translate('sandbox.testMode')}\n        </rebill-typography>\n        <div class=\"mode-sandbox-mobile__icon-button\">\n          <rebill-button variant=\"text\" size=\"small\" onClick={this.togglePanel}>\n            <rebill-icon name=\"hamburger\" />\n          </rebill-button>\n        </div>\n      </div>\n    );\n  }\n\n  private renderCardsPanel() {\n    return (\n      <div class=\"mode-sandbox-mobile__cards-dropdown-panel\">\n        <div class=\"mode-sandbox-mobile__cards-dropdown-panel-header\">\n          <rebill-icon name=\"card-test\" />\n          <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n            {I18nService.translate('sandbox.cardTest')}\n          </rebill-typography>\n        </div>\n        <div class=\"mode-sandbox-mobile__card-details\">\n          <div class=\"mode-sandbox-mobile__card-section\">\n            <div class=\"mode-sandbox-mobile__header-content\">\n              <rebill-icon name=\"succes\" color={COLORS_ENUM.GREEN} />\n              <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                {I18nService.translate('sandbox.successPayment')}\n              </rebill-typography>\n            </div>\n            <div class=\"mode-sandbox-mobile__card-row\">\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cardNumber')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value\">\n                  <rebill-icon name=\"visa\" />\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    4539148803436467\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.exp')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    01/99\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cvv')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value mode-sandbox-mobile__field-value-with-copy\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    123\n                  </rebill-typography>\n                  <div class=\"mode-sandbox-mobile__copy-button\">\n                    <rebill-button\n                      variant=\"text\"\n                      size=\"small\"\n                      onClick={() => this.handleCopy('4539148803436467 01/99 123')}\n                    >\n                      <rebill-icon name=\"copy\" />\n                    </rebill-button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"mode-sandbox-mobile__card-section\">\n            <div class=\"mode-sandbox-mobile__header-content\">\n              <rebill-icon name=\"rejected\" color={COLORS_ENUM.ERROR} />\n              <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                {I18nService.translate('sandbox.rejectedPayment')}\n              </rebill-typography>\n            </div>\n            <div class=\"mode-sandbox-mobile__card-row\">\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cardNumber')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value\">\n                  <rebill-icon name=\"visa\" />\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    4485364739527352\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.exp')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    01/99\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cvv')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value mode-sandbox-mobile__field-value-with-copy\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    123\n                  </rebill-typography>\n                  <div class=\"mode-sandbox-mobile__copy-button\">\n                    <rebill-button\n                      variant=\"text\"\n                      size=\"small\"\n                      onClick={() => this.handleCopy('4485364739527352 01/99 123')}\n                    >\n                      <rebill-icon name=\"copy\" />\n                    </rebill-button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"mode-sandbox-mobile__docs-section\" onClick={this.handleDocsClick}>\n          <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY}>\n            {I18nService.translate('sandbox.docs')}\n          </rebill-typography>\n          <rebill-icon name=\"external-link\" />\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <div\n        class={`mode-sandbox-mobile__test-mode-container ${this.isPanelVisible ? 'cards-visible' : ''}`}\n      >\n        {this.isPanelVisible && <div class=\"mode-sandbox-mobile__overlay\"></div>}\n        <div\n          class={`mode-sandbox-mobile__test-mode-chip-mobile ${this.isPanelVisible ? 'expanded' : ''}`}\n        >\n          {this.renderBasicChip()}\n        </div>\n        {this.isPanelVisible && this.renderCardsPanel()}\n      </div>\n    );\n  }\n}\n","@import '../../../styles/variables.css';\n\n/* Text Content */\n.success-page__text-content {\n  margin-bottom: 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n/* Success View Styles */\n.success-page__success-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n  width: 100%;\n  overflow-x: hidden;\n  box-sizing: border-box;\n}\n.success-page__lottie-container {\n  width: 80px;\n  height: 80px;\n}\n/* Eliminar márgenes del h3 en el componente de éxito */\n.success-page__success-content rebill-typography[variant='h3'] {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.success-page__success-icon {\n  display: flex;\n  justify-content: center;\n  margin: 0.5rem 0;\n}\n\n/* Info Cards */\n.success-page__info-card {\n  padding: 24px;\n  gap: 16px;\n  width: 100%;\n  max-width: 450px;\n  border: 1px solid #ebedef;\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n}\n\n.success-page__card-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: start;\n  min-height: 20px;\n  gap: 15%;\n}\n\n.success-page__card-row:last-of-type {\n  margin-bottom: 0;\n}\n\n.success-page__card-value {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.success-page__payment-method-display {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  justify-content: center;\n}\n\n.success-page__payment-method-display rebill-card-icon {\n  display: inline-block;\n  flex-shrink: 0;\n  margin-right: 8px;\n  vertical-align: middle;\n}\n\n.success-page__payment-method-display rebill-card-icon svg {\n  display: block;\n}\n\n.success-page__payment-method-display rebill-icon {\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 8px;\n}\n\n.success-page__payment-method-display rebill-icon div {\n  display: block;\n}\n\n.success-page__card-divider {\n  height: 1px;\n  background: #e5e7eb;\n}\n\n.success-page__download-container {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 2px;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n.success-page__contact-info {\n  text-align: left;\n}\n\n.success-page__reference-number {\n  word-break: break-all;\n  overflow-wrap: break-word;\n  hyphens: auto;\n  max-width: 100%;\n  text-align: right;\n}\n\n.success-page__total-amount-container {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  flex-direction: row;\n}\n\n.success-page__trial-pill {\n  background-color: var(--rebill-color-green-light-2);\n  border-radius: 4px;\n  padding: 4px 6px 4px 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.success-page__next-charge-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n  margin-bottom: 12px;\n}\n\n.success-page__next-charge-details {\n  display: flex;\n  justify-content: space-between;\n  align-items: flex-start;\n}\n\n.success-page__next-charge-amount {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n}\n\n.success-page__next-charge-date {\n  text-align: right;\n}\n\n.success-page__next-charge-section {\n  margin-top: 12px;\n  padding-top: 12px;\n}\n\n/* Responsive Styles */\n@media (max-width: 1024px) {\n  .success-page__success-content {\n    max-width: 100%;\n    gap: 1.5rem;\n    margin-left: 16px;\n    margin-right: 16px;\n  }\n\n  .success-page__info-card {\n    width: 100%;\n    max-width: 100%;\n    padding: 12px;\n  }\n  .success-page__text-content {\n    gap: 12px;\n  }\n}\n\n@media (max-width: 767px) {\n  .success-page__info-card {\n    padding: 12px;\n  }\n\n  .success-page__processing-container {\n    padding: 0 16px;\n  }\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { ENUM_INSTALLMENT_MODEL } from '../../../models/enums/installment.enum';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { SESSION_ITEM_TYPE_ENUM } from '../../../models/enums/session.enum';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { formatDateTime } from '../../../utils';\nimport { getAssetURL } from '../../../utils/assets';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { formatAmount } from '../../../utils/currency-formatter';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\nimport {\n  getInstallmentLabelSummary,\n  getRecalculatedInstallmentAmount,\n} from '../../../utils/installment-utils';\nimport { PDFGenerator } from '../../../utils/pdf-generator';\n\n@Component({\n  tag: 'success-page',\n  styleUrl: 'success-page.css',\n  shadow: false,\n})\nexport class CardSuccessPage {\n  @Prop() typePaymentMethod: PAYMENT_METHOD_ENUM = PAYMENT_METHOD_ENUM.CARD;\n  @Prop() country?: string = '';\n  @Prop() bank?: string = '';\n  @Prop() paymentMethodName?: string = '';\n  @Prop() cardLastFour?: string = '';\n  @Prop() paymentDate: string = '';\n  @Prop() referenceNumber: string = '';\n  @Prop() trialPeriodDays?: number = 0;\n  @Prop() debitDay?: number = 0;\n  @Prop() planAmount?: number = 0;\n  @State() currentLocale: string = sessionState.currentLocale;\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n\n  @Event() successRedirect: EventEmitter<any>;\n  @State() loaderProgress: number = 0;\n  @State() isLoadingLottie: boolean = true;\n  @State() showRedirectMessage: boolean = false;\n  @Prop() timeToRedirect: number = 3000;\n  private progressInterval?: number;\n  private lottieContainer?: HTMLElement;\n  private lottieAnimation?: any;\n  private unsubscribeCurrentLocaleStore?: () => void;\n  private successDisplayTimeout?: number;\n\n  private applyStartCaseToBrand = (brand: string): string => {\n    if (!brand) return '';\n\n    return brand\n      .toLowerCase()\n      .split(/[\\s-]+/)\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n      .join(' ');\n  };\n\n  private getPaymentDate = (): string => {\n    const payment = sessionState?.data?.payment;\n    if (!payment) return '';\n\n    if ('createdAt' in payment) {\n      return payment.createdAt;\n    }\n\n    return '';\n  };\n\n  componentWillLoad() {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n\n    if (sessionState.data?.itemInformation?.redirectSuccess) {\n      this.successDisplayTimeout = window.setTimeout(() => {\n        this.showRedirectMessage = true;\n        this.loadLottieAnimation();\n      }, 1500);\n\n      setTimeout(() => {\n        let redirectUrl = sessionState.data?.itemInformation?.redirectSuccess;\n        if (redirectUrl) {\n          this.successRedirect.emit({ redirectUrl });\n          this.stopLoaderAnimation();\n        }\n      }, this.timeToRedirect);\n    }\n  }\n\n  componentDidLoad() {\n    window.addEventListener('resize', this.handleResize);\n    if (!sessionState.data?.itemInformation?.redirectSuccess || this.showRedirectMessage) {\n      this.loadLottieAnimation();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n    if (this.successDisplayTimeout) {\n      clearTimeout(this.successDisplayTimeout);\n    }\n    window.removeEventListener('resize', this.handleResize);\n    this.stopLoaderAnimation();\n  }\n\n  private handleResize = () => {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n  };\n  private loadLottieAnimation = async () => {\n    try {\n      const lottie = await import('lottie-web');\n      const animationData = await fetch(getAssetURL(`loader-redirect1.json`));\n      const animationJson = await animationData.json();\n\n      if (this.lottieContainer) {\n        this.lottieAnimation = lottie.default.loadAnimation({\n          container: this.lottieContainer,\n          renderer: 'svg',\n          loop: true,\n          autoplay: true,\n          animationData: animationJson,\n        });\n      } else {\n        this.startLoaderAnimation();\n      }\n    } catch (error) {\n      this.startLoaderAnimation();\n    }\n  };\n\n  private startLoaderAnimation = () => {\n    const duration = 3000;\n    const interval = 50;\n    const increment = (interval / duration) * 100;\n\n    this.progressInterval = window.setInterval(() => {\n      this.loaderProgress = Math.min(this.loaderProgress + increment, 100);\n      if (this.loaderProgress >= 100) {\n        this.stopLoaderAnimation();\n      }\n    }, interval);\n  };\n\n  private stopLoaderAnimation = () => {\n    if (this.progressInterval) {\n      clearInterval(this.progressInterval);\n      this.progressInterval = undefined;\n    }\n    if (this.lottieAnimation) {\n      this.lottieAnimation.destroy();\n      this.lottieAnimation = undefined;\n    }\n  };\n\n  private handleDownloadReceipt = async () => {\n    try {\n      await PDFGenerator.generateAndDownloadReceipt({\n        paymentMethod:\n          this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD\n            ? this.textPaymentMethodCard()\n            : this.paymentMethodName,\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && { bank: this.bank }),\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n          cardBrand: this.applyStartCaseToBrand(sessionState.data.cardInformation?.brand || ''),\n        }),\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n          cardLastFour: this.cardLastFour ?? sessionState.data.cardInformation?.lastFour,\n        }),\n        paymentDate: formatDateTime(this.getPaymentDate()) || '',\n        email: sessionState?.data?.userInformation?.email || '',\n        referenceNumber: this.referenceNumber,\n        productTitle: sessionState?.data?.itemInformation?.title || '',\n        subtotal: this.getFormattedSubtotal(),\n        total: this.getFormattedTotal(),\n        currency: sessionState?.data?.pricing?.currency || ' ',\n        installments:\n          sessionState?.data?.pricing?.installments &&\n          sessionState?.data?.cardInformation?.installments?.selectedInstallment\n            ? `${getInstallmentLabelSummary(\n                sessionState.data?.cardInformation?.installments?.selectedInstallment?.installment,\n                getRecalculatedInstallmentAmount(\n                  sessionState.data?.cardInformation?.installments?.selectedInstallment\n                    ?.installmentAmount || 0,\n                ),\n                sessionState.data?.pricing?.currency,\n                sessionState.data?.cardInformation?.installments?.selectedInstallment?.cft,\n                sessionState.data?.cardInformation?.installments?.selectedInstallment?.model,\n              )}\\n( ${I18nService.translate('processing.purchaseTotal')}: ${this.getFormattedTotal()} )${\n                sessionState.data.cardInformation?.installments?.installments.find(\n                  installment =>\n                    installment.installment ===\n                    sessionState.data.cardInformation?.installments?.selectedInstallment\n                      ?.installment,\n                )?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED\n                  ? `\\n${I18nService.translate('installments.interest')}`\n                  : ''\n              }`\n            : '',\n        discountAmount: this.getFormattedDiscountAmount(),\n        trialPeriodDays:\n          this.trialPeriodDays || sessionState.data?.itemInformation?.trial?.trialPeriodDays,\n        debitDay: this.debitDay || sessionState.data?.itemInformation?.debitDay,\n        planAmount: this.getFormattedSubtotal(this.planAmount),\n        trialEndDate: this.hasFreeTrial() ? this.getTrialEndDateFormatted() : undefined,\n        debitDate: this.hasDebitDay() ? this.getDebitDateFormatted() : undefined,\n        isBankTransfer: this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n      });\n    } catch (error) {\n      console.error('Error downloading receipt:', error);\n    }\n  };\n\n  private getFormattedDiscountAmount = () => {\n    if (sessionState?.data?.pricing?.discountAmount > 0) {\n      const formattedAmount = formatAmount(\n        sessionState.data?.pricing?.discountAmount,\n        sessionState.data?.pricing?.currency,\n      );\n      return `-${formattedAmount}`;\n    }\n    return undefined;\n  };\n\n  private getFormattedSubtotal = (planAmount: number = 0 || null) => {\n    return formatAmount(\n      planAmount || sessionState?.data?.pricing?.subtotal,\n      sessionState?.data?.pricing?.currency,\n    );\n  };\n\n  private getFormattedTotal = () => {\n    if (this.trialPeriodDays > 0) {\n      return formatAmount(0, sessionState?.data?.pricing?.currency);\n    }\n    return formatAmount(sessionState?.data?.pricing?.total, sessionState?.data?.pricing?.currency);\n  };\n\n  private hasFreeTrial = () => {\n    return (\n      sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n      sessionState.data?.itemInformation?.trial?.trialPeriodDays &&\n      sessionState.data?.itemInformation?.trial?.trialPeriodDays > 0\n    );\n  };\n\n  private hasDebitDay = () => {\n    const debitDay = sessionState.data?.itemInformation?.debitDay;\n    return debitDay && debitDay > 0;\n  };\n\n  private getTrialEndDateFormatted = () => {\n    const trialEndsAt = sessionState.data?.itemInformation?.trial?.trialPeriodEndsAt;\n    if (!trialEndsAt) return '';\n\n    const date = new Date(trialEndsAt);\n    const currentLanguage = I18nService.getCurrentLanguage();\n    const locale =\n      currentLanguage === 'es' ? 'es-ES' : currentLanguage === 'pt' ? 'pt-BR' : 'en-US';\n\n    if (currentLanguage === 'en') {\n      return `${date.toLocaleDateString(locale, { month: 'long' })} ${date.getDate()}`;\n    } else {\n      return `${date.getDate()} de ${date.toLocaleDateString(locale, { month: 'long' })}`;\n    }\n  };\n\n  private getDebitDateFormatted = () => {\n    const debitDay = sessionState.data?.itemInformation?.debitDay;\n    if (!debitDay || debitDay <= 0) return '';\n\n    const today = new Date();\n    const targetDate = new Date(today);\n    const currentLanguage = I18nService.getCurrentLanguage();\n    const locale =\n      currentLanguage === 'es' ? 'es-ES' : currentLanguage === 'pt' ? 'pt-BR' : 'en-US';\n    if (debitDay < today.getDate()) {\n      targetDate.setMonth(today.getMonth() + 1);\n    }\n    targetDate.setDate(debitDay);\n\n    while (targetDate.getDate() !== debitDay) {\n      targetDate.setDate(targetDate.getDate() - 1);\n    }\n\n    if (currentLanguage === 'en') {\n      return `${targetDate.toLocaleDateString(locale, { month: 'long' })} ${targetDate.getDate()}`;\n    } else {\n      return `${targetDate.getDate()} de ${targetDate.toLocaleDateString(locale, { month: 'long' })}`;\n    }\n  };\n\n  private textPaymentMethodCard = () => {\n    const cardBrand = sessionState.data?.cardInformation?.brand;\n    const cardLastFour = this.cardLastFour || sessionState?.data?.cardInformation?.lastFour;\n\n    const formattedBrand = this.applyStartCaseToBrand(cardBrand || '');\n    return cardBrand && cardLastFour ? `${formattedBrand} - ${cardLastFour}` : formattedBrand;\n  };\n\n  render() {\n    const hasRedirect = sessionState.data?.itemInformation?.redirectSuccess;\n\n    return (\n      <rebill-checkout-single-column>\n        <div class=\"success-page__success-content\">\n          <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n            {hasRedirect && this.showRedirectMessage\n              ? I18nService.translate('processing.redirectMessage')\n              : I18nService.translate('processing.successTitle')}\n          </rebill-typography>\n\n          {hasRedirect && this.showRedirectMessage ? (\n            <div class=\"redirect-message\">\n              <div class=\"success-page__lottie-container\">\n                <div ref={el => (this.lottieContainer = el)} class=\"lottie-animation\"></div>\n              </div>\n            </div>\n          ) : (\n            <div class=\"success-page__success-icon\">\n              <svg\n                width={isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96'}\n                height={isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96'}\n                viewBox=\"0 0 96 96\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  fill-rule=\"evenodd\"\n                  clip-rule=\"evenodd\"\n                  d=\"M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z\"\n                  fill=\"#35B093\"\n                />\n              </svg>\n            </div>\n          )}\n\n          {/* Payment Details Card */}\n          <div class=\"success-page__info-card\">\n            <div class=\"success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentMethod')}\n              </rebill-typography>\n              <div class=\"success-page__card-value\">\n                <div class=\"success-page__payment-method-display\">\n                  {this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (\n                    <>\n                      <rebill-card-icon\n                        card-brand={sessionState.data?.cardInformation?.brand || ''}\n                      />\n                      <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                        {this.textPaymentMethodCard()}\n                      </rebill-typography>\n                    </>\n                  )}\n                  {this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (\n                    <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                      <rebill-icon\n                        name={\n                          getPaymentMethodDisplayName(\n                            PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n                            this.country,\n                          )?.toLowerCase() || 'card'\n                        }\n                      />\n                      <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                        {I18nService.translate('paymentMethods.bank_transfer')}\n                      </rebill-typography>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n            {sessionState?.data?.pricing?.installments &&\n              sessionState?.data?.cardInformation?.installments?.selectedInstallment && (\n                <div>\n                  <div class=\"success-page__card-row\">\n                    <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                      {I18nService.translate('summary.installments')}\n                    </rebill-typography>\n                    <div\n                      style={{\n                        display: 'flex',\n                        flexDirection: 'column',\n                        gap: '10px',\n                        alignItems: 'end',\n                      }}\n                    >\n                      <rebill-typography\n                        variant=\"body2\"\n                        color={COLORS_ENUM.PRIMARY_DARK_TEXT}\n                        style={{ textAlign: 'end' }}\n                      >\n                        {getInstallmentLabelSummary(\n                          sessionState.data?.cardInformation?.installments?.selectedInstallment\n                            ?.installment,\n                          getRecalculatedInstallmentAmount(\n                            sessionState.data?.cardInformation?.installments?.selectedInstallment\n                              ?.installmentAmount || 0,\n                          ),\n                          sessionState.data?.pricing?.currency,\n                          sessionState.data?.cardInformation?.installments?.selectedInstallment\n                            ?.cft,\n                          sessionState.data?.cardInformation?.installments?.selectedInstallment\n                            ?.model,\n                        )}\n                      </rebill-typography>\n                      <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                        {`( ${I18nService.translate('processing.purchaseTotal')}: ${this.getFormattedTotal()} )`}\n                      </rebill-typography>\n                      {sessionState.data.cardInformation?.installments?.installments.find(\n                        installment =>\n                          installment.installment ===\n                          sessionState.data.cardInformation?.installments?.selectedInstallment\n                            ?.installment,\n                      )?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (\n                        <rebill-typography\n                          variant=\"italic\"\n                          color={COLORS_ENUM.SECONDARY}\n                          style={{ textAlign: 'end' }}\n                        >\n                          {`${I18nService.translate('installments.interest')}`}\n                        </rebill-typography>\n                      )}\n                    </div>\n                  </div>\n                </div>\n              )}\n            <div class=\"success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentDate')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {formatDateTime(\n                  this.paymentDate || this.getPaymentDate() || sessionState.createdAt,\n                ) || ''}\n              </rebill-typography>\n            </div>\n            <div class=\"success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentEmail')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {sessionState?.data?.userInformation?.email}\n              </rebill-typography>\n            </div>\n            <div class=\"success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentReference')}\n              </rebill-typography>\n              <rebill-typography\n                variant=\"body2\"\n                color={COLORS_ENUM.PRIMARY_DARK_TEXT}\n                class=\"success-page__reference-number\"\n              >\n                {this.referenceNumber || ''}\n              </rebill-typography>\n            </div>\n          </div>\n\n          {/* Purchase Details Card */}\n          <div class=\"success-page__info-card\">\n            <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate('processing.purchaseDetails')}\n            </rebill-typography>\n            <div class=\"success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseDetail')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {sessionState?.data?.itemInformation?.title || ''}\n              </rebill-typography>\n            </div>\n            {!this.trialPeriodDays && (\n              <div class=\"success-page__card-row\">\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                  {I18nService.translate('processing.purchaseSubtotal')}\n                </rebill-typography>\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {this.getFormattedSubtotal()}\n                </rebill-typography>\n              </div>\n            )}\n            {sessionState?.data?.pricing?.discountAmount > 0 && (\n              <div class=\"success-page__card-row\">\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                  {I18nService.translate('summary.discount')}\n                </rebill-typography>\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {this.getFormattedDiscountAmount()}\n                </rebill-typography>\n              </div>\n            )}\n            <div class=\"success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseMontoTotal')}\n              </rebill-typography>\n              <div class=\"success-page__total-amount-container\">\n                {this.trialPeriodDays > 0 && (\n                  <div class=\"success-page__trial-pill\">\n                    <rebill-typography\n                      variant=\"body2\"\n                      align=\"center\"\n                      color={COLORS_ENUM.GREEN_TEXT}\n                    >\n                      {I18nService.translate('processing.trialPill', {\n                        days: this.trialPeriodDays,\n                        count: this.trialPeriodDays,\n                      })}\n                    </rebill-typography>\n                  </div>\n                )}\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {this.getFormattedTotal()}\n                </rebill-typography>\n              </div>\n            </div>\n            {(this.trialPeriodDays || this.hasDebitDay()) && (\n              <div class=\"success-page__card-divider\"></div>\n            )}\n\n            {/* Next Charge Section */}\n            {(this.hasFreeTrial() || this.hasDebitDay()) && (\n              <div class=\"success-page__next-charge-section\">\n                <div class=\"success-page__next-charge-header\">\n                  <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                    {I18nService.translate('processing.nextCharge')}\n                  </rebill-typography>\n                  <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                    {I18nService.translate('processing.onDate', {\n                      date: this.hasFreeTrial()\n                        ? this.getTrialEndDateFormatted()\n                        : this.getDebitDateFormatted(),\n                    })}\n                  </rebill-typography>\n                </div>\n                <div class=\"success-page__card-row\">\n                  <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                    {this.hasFreeTrial() ? I18nService.translate('processing.atEndOfTrial') : ''}\n                  </rebill-typography>\n                  <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                    {this.getFormattedSubtotal(this.planAmount)}{' '}\n                    {I18nService.translate('processing.perMonth')}\n                  </rebill-typography>\n                </div>\n              </div>\n            )}\n            <div class=\"success-page__card-divider\"></div>\n            <div class=\"success-page__download-container\">\n              <svg\n                class=\"download-icon\"\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667\"\n                  stroke=\"currentColor\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n              <rebill-button\n                type=\"button\"\n                variant=\"download\"\n                size=\"small\"\n                onClick={this.handleDownloadReceipt}\n              >\n                <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {I18nService.translate('processing.download')}\n                </rebill-typography>\n              </rebill-button>\n            </div>\n\n            {/* Contact Info */}\n            <div class=\"success-page__contact-info\">\n              <rebill-typography variant=\"information-text\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.downloadDescription')}\n              </rebill-typography>\n            </div>\n          </div>\n        </div>\n      </rebill-checkout-single-column>\n    );\n  }\n}\n",":host {\n  display: block;\n}\n\n.inputs-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  width: 100%;\n}\n.customer-exists {\n  display: flex;\n  justify-content: flex-end;\n  margin-bottom: 16px;\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, Prop } from '@stencil/core';\nimport { api } from '../../../api';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\n\n@Component({\n  tag: 'user-information',\n  styleUrl: 'user-information.css',\n  shadow: false,\n})\nexport class UserInformation {\n  @Prop() userInformation: {\n    email?: string;\n    fullName?: string;\n    countryCode?: string;\n    phoneNumber?: {\n      number: string;\n      countryCode: string;\n    };\n  } = {\n    email: '',\n    fullName: '',\n    countryCode: '',\n  };\n\n  @Prop() errors: {\n    email?: string;\n    fullName?: string;\n  } | null = null;\n\n  @Prop() customerExists: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Event() onRebillAccountClick: EventEmitter<boolean>;\n\n  private translateError(errorKey: string | undefined): string {\n    if (!errorKey) return '';\n    if (errorKey.includes('validation.') || errorKey.includes('paymentErrors.')) {\n      return I18nService.translate(errorKey);\n    }\n    return errorKey;\n  }\n\n  @Listen('input')\n  handleInputChange(event: CustomEvent<{ id: string; value: string }>) {\n    if (!event.detail) return;\n\n    const { id, value } = event.detail;\n    SessionStore.setUserInformation({ [id]: value });\n  }\n\n  @Listen('blur')\n  handleBlur(event: CustomEvent<{ id: string; value: string }>) {\n    if (!event.detail) return;\n\n    const { id, value } = event.detail;\n    SessionStore.setUserInformation({ [id]: value });\n  }\n\n  private getCardLabels() {\n    const labels = [];\n\n    if (sessionState.data.prefilledData.email) {\n      labels.push({\n        label: I18nService.translate('userInformation.emailPlaceholder'),\n        value: sessionState.data.prefilledData.email,\n      });\n      SessionStore.setUserInformation({\n        ...sessionState.data.userInformation,\n        email: sessionState.data.prefilledData.email,\n      });\n    }\n\n    if (sessionState.data.prefilledData.fullName) {\n      labels.push({\n        label: I18nService.translate('userInformation.fullNamePlaceholder'),\n        value: sessionState.data.prefilledData.fullName,\n      });\n      SessionStore.setUserInformation({\n        ...sessionState.data.userInformation,\n        fullName: sessionState.data.prefilledData.fullName,\n      });\n    }\n\n    return labels;\n  }\n  private async handleRebillAccountClick() {\n    api.otp.generate(sessionState.data.sessionId, {\n      email: sessionState.data.userInformation.email,\n    });\n    this.onRebillAccountClick.emit(true);\n  }\n\n  private renderInputs() {\n    const hasPrefilledEmail = sessionState.data.prefilledData.email;\n    const hasPrefilledName = sessionState.data.prefilledData.fullName;\n\n    const inputs = [];\n\n    if (!hasPrefilledEmail) {\n      inputs.push(\n        <rebill-input-text\n          id=\"email\"\n          variant=\"floating\"\n          label={I18nService.translate('userInformation.emailPlaceholder')}\n          placeholder={I18nService.translate('userInformation.emailPlaceholder')}\n          left-icon=\"email\"\n          clearable={true}\n          disabled={this.disabled}\n          error={this.translateError(this.errors?.email)}\n        />,\n      );\n    }\n\n    if (!hasPrefilledName) {\n      inputs.push(\n        <rebill-input-text\n          id=\"fullName\"\n          variant=\"floating\"\n          label={I18nService.translate('userInformation.fullNamePlaceholder')}\n          placeholder={I18nService.translate('userInformation.fullNamePlaceholder')}\n          disabled={this.disabled}\n          error={this.translateError(this.errors?.fullName)}\n        />,\n      );\n    }\n\n    return inputs.length > 0 ? (\n      <div\n        class=\"inputs-container\"\n        style={{\n          marginTop: inputs.length > 0 && (hasPrefilledEmail || hasPrefilledName) ? '1rem' : '0',\n        }}\n      >\n        {inputs}\n      </div>\n    ) : null;\n  }\n\n  render() {\n    const customerExistsButton = (\n      <div class=\"customer-exists\">\n        <rebill-button\n          style={{\n            visibility: this.customerExists ? 'visible' : 'hidden',\n            opacity: this.customerExists ? '1' : '0',\n            transition: 'opacity 0.3s ease-in-out',\n          }}\n          variant=\"text\"\n          size=\"small\"\n          onClick={() => this.handleRebillAccountClick()}\n          icon=\"lock\"\n        >\n          {I18nService.translate('userInformation.rebillAccount')}\n          <rebill-icon name=\"arrow-right\" />\n        </rebill-button>\n      </div>\n    );\n\n    const hasPrefilledEmail = sessionState.data.prefilledData.email;\n    const hasPrefilledName = sessionState.data.prefilledData.fullName;\n    const hasAnyPrefilled = hasPrefilledEmail || hasPrefilledName;\n\n    return (\n      <Host>\n        {customerExistsButton}\n        {hasAnyPrefilled && (\n          <rebill-card\n            cardTitle={I18nService.translate('userInformation.personalInformation')}\n            cardLabels={this.getCardLabels()}\n          />\n        )}\n        {this.renderInputs()}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}