rebill-web-components-sdk 1.8.3-beta.4 → 1.8.3-beta.5

package/dist/rebill-web-components-sdk/p-8edd1215.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,g as i,h as r}from"./p-DyaDabZ4.js";const l=".input-container{display:flex;flex-direction:column}.input-label{font-size:0.875rem;color:var(--rebill-color-text-primary);font-weight:500;margin-bottom:0.375rem}.input-label.disabled{cursor:not-allowed}.input-element{border-radius:var(--input-group-inner-border-radius, 8px);border:1.5px solid var(--rebill-color-border);padding:10px 14px;font-size:0.875rem;color:var(--rebill-color-text-primary);outline:none;transition:border-color 0.2s;background:var(--rebill-color-background);height:38.33px;box-sizing:border-box}.input-element.input-error{border-color:var(--rebill-color-error)}.input-element:disabled{background-color:var(--rebill-color-background);border-color:var(--rebill-color-disabled);color:var(--rebill-color-text-secondary);cursor:not-allowed;opacity:0.7}select.input-element{padding:10px 30px 10px 14px;appearance:none;cursor:pointer}select.input-element:disabled{cursor:not-allowed}.input-element:focus{border-color:var(--rebill-color-primary)}.input-element:disabled:focus{border-color:var(--rebill-color-disabled)}.input-element::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem;opacity:1}.select-wrapper.disabled .select-icon{color:var(--rebill-color-disabled)}.error-message{color:var(--rebill-color-error);font-size:0.75rem;margin-top:0.375rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-element{width:100%;box-sizing:border-box}.icon-left,.icon-right{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%)}.icon-left{left:0.75rem;color:var(--rebill-color-text-secondary-light)}.icon-right{right:0.75rem;cursor:pointer;color:var(--rebill-color-text-secondary-light)}.input-element.input-error:focus{flex-direction:column;box-shadow:0 0 0 2px var(--rebill-color-error-light)}.floating-label{position:relative}.floating-label .input-label{position:absolute;top:50%;left:0.75rem;transform:translateY(-50%);color:var(--rebill-color-text-secondary-light);transition:all 0.1s ease-in-out;pointer-events:none}.floating-label .input-element::placeholder{color:transparent}.floating-label .input-element:focus~.input-label,.floating-label .input-element:not(:placeholder-shown)~.input-label{top:0;font-size:0.62rem;color:var(--rebill-color-text-secondary);background-color:var(--rebill-color-background);padding:0 4px;left:0.75rem}.floating-label.has-left-icon .input-label{left:2.5rem}.input-element:disabled{color:var(--rebill-color-neutrals-500)}.input-wrapper:has(.input-element:disabled) .icon-left,.input-wrapper:has(.input-element:disabled) .icon-right{color:var(--rebill-color-text-secondary-light) !important}";const o=class{constructor(i){e(this,i);this.input=t(this,"input");this.rightIconClick=t(this,"rightIconClick");this.blur=t(this,"blur")}get el(){return i(this)}inputElement;label="";placeholder="";value="";error="";id="";disabled=false;leftIcon;rightIcon;clearable=false;variant="default";uppercase=false;input;rightIconClick;blur;handleFormChange(e){const t=e.detail;if(t&&this.id in t){this.value=t[this.id]}}onInput=e=>{if(this.disabled)return;const t=e.target;let i=t.value;if(this.id==="email"){i=i.toLowerCase();t.value=i}else if(this.uppercase){i=i.toUpperCase();t.value=i}this.value=i;this.input.emit({id:this.id,value:this.value})};onClear=()=>{if(this.disabled)return;this.value="";this.input.emit({id:this.id,value:this.value})};onRightIconClick=()=>{if(this.disabled)return;this.rightIconClick.emit({id:this.id})};onBlur=()=>{const e=this.value.trim();if(e!==this.value){this.value=e;this.input.emit({id:this.id,value:this.value})}this.blur.emit({id:this.id,value:this.value})};async getInputElement(){return this.inputElement}render(){const e=this.variant==="floating";const t={"input-element":true,"input-error":!!this.error};const i={"input-wrapper":true,"floating-label":e,"has-left-icon":!!this.leftIcon,"has-right-icon":!!this.rightIcon};return r("div",{key:"ae839c43b839fd758395e38d5fe0a72c55a8ee9f",class:"input-container"},!e&&this.label&&r("label",{key:"fb636004e05ca2b8e76c2081d060e1a9bd2f9c16",class:`input-label ${this.disabled?"disabled":""}`},this.label),r("div",{key:"9eb98685027a407cc996e84bf305982e52c0284c",class:i},this.leftIcon&&r("div",{key:"571a39e99cb432c3d64d0d0215ae984460df7f4c",class:"icon-left"},r("rebill-icon",{key:"179a0b6cd7d749ed04d57000336b1ab852f07972",name:this.leftIcon})),r("input",{key:"b572b87584c7bada77123da31b221526e277488b",ref:e=>this.inputElement=e,type:"text",class:t,placeholder:e?this.label:this.placeholder,value:this.value,onInput:this.onInput,onBlur:this.onBlur,disabled:this.disabled,style:{paddingLeft:this.leftIcon?"2.5rem":"0.75rem",paddingRight:this.clearable||this.rightIcon?"2.5rem":"0.75rem"}}),e&&r("label",{key:"429c7dcec5eb91009fb641d81b46044968f9926e",class:"input-label"},this.label),this.clearable&&this.value&&r("div",{key:"d99318529056a6fc248a5a88049f284f4d637201",class:"icon-right",onClick:this.onClear},r("rebill-icon",{key:"2a50251d20d1edeadffac9ebe9fb2c5d8d7818bf",name:"x"})),this.rightIcon&&!this.clearable&&r("div",{key:"e5bc2350e31b100edee41a17a357418cc36504c0",class:"icon-right",onClick:this.onRightIconClick},r("rebill-icon",{key:"a5b39c778c1cc826ca7ee48d045015f5caed7dd0",name:this.rightIcon}))),this.error&&r("span",{key:"091b3de24f95ca6911d05521d10736179bcde4f8",class:"error-message"},this.error))}};o.style=l;export{o as rebill_input_text};
-//# sourceMappingURL=p-8edd1215.entry.js.map

package/dist/rebill-web-components-sdk/p-8edd1215.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["inputTextCss","InputText","inputElement","label","placeholder","value","error","id","disabled","leftIcon","rightIcon","clearable","variant","uppercase","input","rightIconClick","blur","handleFormChange","event","formData","detail","this","onInput","target","inputValue","toLowerCase","toUpperCase","emit","onClear","onRightIconClick","onBlur","trimmedValue","trim","getInputElement","render","isFloating","inputClasses","wrapperClasses","h","key","class","name","ref","el","type","style","paddingLeft","paddingRight","onClick"],"sources":["src/components/shared/inputs/input-text/input-text.css?tag=rebill-input-text","src/components/shared/inputs/input-text/input-text.tsx"],"sourcesContent":["@import '../shared-input.css';\n\n.input-wrapper {\n  position: relative;\n  display: flex;\n  align-items: center;\n}\n\n.input-element {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.icon-left,\n.icon-right {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n.icon-left {\n  left: 0.75rem;\n  color: var(--rebill-color-text-secondary-light);\n}\n\n.icon-right {\n  right: 0.75rem;\n  cursor: pointer;\n  color: var(--rebill-color-text-secondary-light);\n}\n\n.input-element.input-error:focus {\n  flex-direction: column;\n  box-shadow: 0 0 0 2px var(--rebill-color-error-light);\n}\n\n/* Floating label styles */\n.floating-label {\n  position: relative;\n}\n\n.floating-label .input-label {\n  position: absolute;\n  top: 50%;\n  left: 0.75rem;\n  transform: translateY(-50%);\n  color: var(--rebill-color-text-secondary-light);\n  transition: all 0.1s ease-in-out;\n  pointer-events: none;\n}\n\n.floating-label .input-element::placeholder {\n  color: transparent;\n}\n\n.floating-label .input-element:focus ~ .input-label,\n.floating-label .input-element:not(:placeholder-shown) ~ .input-label {\n  top: 0;\n  font-size: 0.62rem;\n  color: var(--rebill-color-text-secondary);\n  background-color: var(--rebill-color-background);\n  padding: 0 4px;\n  left: 0.75rem;\n}\n\n.floating-label.has-left-icon .input-label {\n  left: 2.5rem;\n}\n\n/* Disabled state styles */\n.input-element:disabled {\n  color: var(--rebill-color-neutrals-500);\n}\n\n.input-wrapper:has(.input-element:disabled) .icon-left,\n.input-wrapper:has(.input-element:disabled) .icon-right {\n  color: var(--rebill-color-text-secondary-light) !important;\n}\n","import { Component, Element, Event, EventEmitter, Listen, Method, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'rebill-input-text',\n  styleUrl: 'input-text.css',\n  shadow: false,\n})\nexport class InputText {\n  @Element() el: HTMLElement;\n  private inputElement: HTMLInputElement;\n\n  /** Etiqueta que se muestra arriba del input */\n  @Prop() label: string = '';\n  /** Placeholder del input */\n  @Prop() placeholder: string = '';\n  /** Valor del input */\n  @Prop({ mutable: true, reflect: true }) value: string = '';\n  /** Mensaje de error */\n  @Prop() error: string = '';\n  /** ID del input */\n  @Prop() id: string = '';\n  /** Estado deshabilitado */\n  @Prop() disabled: boolean = false;\n  /** Icono a la izquierda */\n  @Prop() leftIcon: string;\n  /** Icono a la derecha */\n  @Prop() rightIcon: string;\n  /** Permitir limpiar el input */\n  @Prop() clearable: boolean = false;\n  /** Variacion de estilo del input */\n  @Prop() variant: 'default' | 'floating' = 'default';\n  /** Convertir texto a mayúsculas automáticamente */\n  @Prop() uppercase: boolean = false;\n  /** Evento al cambiar el valor */\n  @Event() input: EventEmitter<{ id: string; value: string }>;\n  /** Evento al hacer clic en el icono derecho */\n  @Event() rightIconClick: EventEmitter<{ id: string }>;\n  /** Evento al salir del input */\n  @Event() blur: EventEmitter<{ id: string; value: string }>;\n  @Listen('change', { target: 'document' })\n  handleFormChange(event: CustomEvent) {\n    const formData = event.detail;\n    if (formData && this.id in formData) {\n      this.value = formData[this.id];\n    }\n  }\n\n  private onInput = (event: Event) => {\n    if (this.disabled) return;\n    const input = event.target as HTMLInputElement;\n    let inputValue = input.value;\n\n    if (this.id === 'email') {\n      inputValue = inputValue.toLowerCase();\n      input.value = inputValue;\n    } else if (this.uppercase) {\n      inputValue = inputValue.toUpperCase();\n      input.value = inputValue;\n    }\n\n    this.value = inputValue;\n    this.input.emit({ id: this.id, value: this.value });\n  };\n\n  private onClear = () => {\n    if (this.disabled) return;\n    this.value = '';\n    this.input.emit({ id: this.id, value: this.value });\n  };\n\n  private onRightIconClick = () => {\n    if (this.disabled) return;\n    this.rightIconClick.emit({ id: this.id });\n  };\n\n  private onBlur = () => {\n    const trimmedValue = this.value.trim();\n\n    if (trimmedValue !== this.value) {\n      this.value = trimmedValue;\n      this.input.emit({ id: this.id, value: this.value });\n    }\n\n    this.blur.emit({ id: this.id, value: this.value });\n  };\n\n  @Method()\n  async getInputElement(): Promise<HTMLInputElement | null> {\n    return this.inputElement;\n  }\n\n  render() {\n    const isFloating = this.variant === 'floating';\n\n    const inputClasses = {\n      'input-element': true,\n      'input-error': !!this.error,\n    };\n\n    const wrapperClasses = {\n      'input-wrapper': true,\n      'floating-label': isFloating,\n      'has-left-icon': !!this.leftIcon,\n      'has-right-icon': !!this.rightIcon,\n    };\n\n    return (\n      <div class=\"input-container\">\n        {!isFloating && this.label && (\n          <label class={`input-label ${this.disabled ? 'disabled' : ''}`}>{this.label}</label>\n        )}\n        <div class={wrapperClasses}>\n          {this.leftIcon && (\n            <div class=\"icon-left\">\n              <rebill-icon name={this.leftIcon}></rebill-icon>\n            </div>\n          )}\n          <input\n            ref={el => (this.inputElement = el)}\n            type=\"text\"\n            class={inputClasses}\n            placeholder={isFloating ? this.label : this.placeholder}\n            value={this.value}\n            onInput={this.onInput}\n            onBlur={this.onBlur}\n            disabled={this.disabled}\n            style={{\n              paddingLeft: this.leftIcon ? '2.5rem' : '0.75rem',\n              paddingRight: this.clearable || this.rightIcon ? '2.5rem' : '0.75rem',\n            }}\n          />\n          {isFloating && <label class=\"input-label\">{this.label}</label>}\n          {this.clearable && this.value && (\n            <div class=\"icon-right\" onClick={this.onClear}>\n              <rebill-icon name=\"x\"></rebill-icon>\n            </div>\n          )}\n          {this.rightIcon && !this.clearable && (\n            <div class=\"icon-right\" onClick={this.onRightIconClick}>\n              <rebill-icon name={this.rightIcon}></rebill-icon>\n            </div>\n          )}\n        </div>\n        {this.error && <span class=\"error-message\">{this.error}</span>}\n      </div>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAe,qlF,MCORC,EAAS,M,kJAEZC,aAGAC,MAAgB,GAEhBC,YAAsB,GAEUC,MAAgB,GAEhDC,MAAgB,GAEhBC,GAAa,GAEbC,SAAoB,MAEpBC,SAEAC,UAEAC,UAAqB,MAErBC,QAAkC,UAElCC,UAAqB,MAEpBC,MAEAC,eAEAC,KAET,gBAAAC,CAAiBC,GACf,MAAMC,EAAWD,EAAME,OACvB,GAAID,GAAYE,KAAKd,MAAMY,EAAU,CACnCE,KAAKhB,MAAQc,EAASE,KAAKd,G,EAIvBe,QAAWJ,IACjB,GAAIG,KAAKb,SAAU,OACnB,MAAMM,EAAQI,EAAMK,OACpB,IAAIC,EAAaV,EAAMT,MAEvB,GAAIgB,KAAKd,KAAO,QAAS,CACvBiB,EAAaA,EAAWC,cACxBX,EAAMT,MAAQmB,C,MACT,GAAIH,KAAKR,UAAW,CACzBW,EAAaA,EAAWE,cACxBZ,EAAMT,MAAQmB,C,CAGhBH,KAAKhB,MAAQmB,EACbH,KAAKP,MAAMa,KAAK,CAAEpB,GAAIc,KAAKd,GAAIF,MAAOgB,KAAKhB,OAAQ,EAG7CuB,QAAU,KAChB,GAAIP,KAAKb,SAAU,OACnBa,KAAKhB,MAAQ,GACbgB,KAAKP,MAAMa,KAAK,CAAEpB,GAAIc,KAAKd,GAAIF,MAAOgB,KAAKhB,OAAQ,EAG7CwB,iBAAmB,KACzB,GAAIR,KAAKb,SAAU,OACnBa,KAAKN,eAAeY,KAAK,CAAEpB,GAAIc,KAAKd,IAAK,EAGnCuB,OAAS,KACf,MAAMC,EAAeV,KAAKhB,MAAM2B,OAEhC,GAAID,IAAiBV,KAAKhB,MAAO,CAC/BgB,KAAKhB,MAAQ0B,EACbV,KAAKP,MAAMa,KAAK,CAAEpB,GAAIc,KAAKd,GAAIF,MAAOgB,KAAKhB,O,CAG7CgB,KAAKL,KAAKW,KAAK,CAAEpB,GAAIc,KAAKd,GAAIF,MAAOgB,KAAKhB,OAAQ,EAIpD,qBAAM4B,GACJ,OAAOZ,KAAKnB,Y,CAGd,MAAAgC,GACE,MAAMC,EAAad,KAAKT,UAAY,WAEpC,MAAMwB,EAAe,CACnB,gBAAiB,KACjB,gBAAiBf,KAAKf,OAGxB,MAAM+B,EAAiB,CACrB,gBAAiB,KACjB,iBAAkBF,EAClB,kBAAmBd,KAAKZ,SACxB,mBAAoBY,KAAKX,WAG3B,OACE4B,EAAA,OAAAC,IAAA,2CAAKC,MAAM,oBACPL,GAAcd,KAAKlB,OACnBmC,EAAA,SAAAC,IAAA,2CAAOC,MAAO,eAAenB,KAAKb,SAAW,WAAa,MAAOa,KAAKlB,OAExEmC,EAAK,OAAAC,IAAA,2CAAAC,MAAOH,GACThB,KAAKZ,UACJ6B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,aACTF,EAAA,eAAAC,IAAA,2CAAaE,KAAMpB,KAAKZ,YAG5B6B,EAAA,SAAAC,IAAA,2CACEG,IAAKC,GAAOtB,KAAKnB,aAAeyC,EAChCC,KAAK,OACLJ,MAAOJ,EACPhC,YAAa+B,EAAad,KAAKlB,MAAQkB,KAAKjB,YAC5CC,MAAOgB,KAAKhB,MACZiB,QAASD,KAAKC,QACdQ,OAAQT,KAAKS,OACbtB,SAAUa,KAAKb,SACfqC,MAAO,CACLC,YAAazB,KAAKZ,SAAW,SAAW,UACxCsC,aAAc1B,KAAKV,WAAaU,KAAKX,UAAY,SAAW,aAG/DyB,GAAcG,EAAA,SAAAC,IAAA,2CAAOC,MAAM,eAAenB,KAAKlB,OAC/CkB,KAAKV,WAAaU,KAAKhB,OACtBiC,EAAK,OAAAC,IAAA,2CAAAC,MAAM,aAAaQ,QAAS3B,KAAKO,SACpCU,EAAA,eAAAC,IAAA,2CAAaE,KAAK,OAGrBpB,KAAKX,YAAcW,KAAKV,WACvB2B,EAAK,OAAAC,IAAA,2CAAAC,MAAM,aAAaQ,QAAS3B,KAAKQ,kBACpCS,EAAa,eAAAC,IAAA,2CAAAE,KAAMpB,KAAKX,cAI7BW,KAAKf,OAASgC,EAAA,QAAAC,IAAA,2CAAMC,MAAM,iBAAiBnB,KAAKf,O","ignoreList":[]}

package/dist/rebill-web-components-sdk/p-8f949cf1.entry.js

@@ -1,2 +0,0 @@
-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 as l,S as n,I as s,i as c,P as d,a as b,b as p}from"./p-dYKOc01W.js";import{C as f}from"./p-DA598vBj.js";import{c as m}from"./p-bcHxwlBu.js";import{c as h}from"./p-2SuTTFdS.js";export{R as rebill_mode_sandbox,S as rebill_summary}from"./p-2SuTTFdS.js";import{e as y,E as g,c as u}from"./p-B2q13jSm.js";import"./p-BFhvUZPU.js";import"./p-BYrqevT1.js";import{P as x}from"./p-CTQZ1Sio.js";import{g as v}from"./p-Bf6g23G6.js";import{f as _}from"./p-DkiBa5Y3.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-C0jcntnC.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(l.data.sessionId,{email:l.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(l.data.sessionId,{email:l.data.userInformation.email,code:e});this.codeVerified.emit(a.data);n.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});n.setAccessToken(a.data.accessToken);n.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"},s.translate("otp.description")),i("rebill-typography",{key:"2466a357c835bcd8314aa5f53aefabb474fdf55f",variant:"subtitle-bold",class:"otp__otp-description-digits"}," ",i("strong",{key:"3a4263b93f5ad7f9aec482f1d1eef76952cf60d3"},s.translate("otp.descriptionDigits"))," "),i("rebill-typography",{key:"d77b23e3581d353e2fdd73debe4fbc0e987376c4",variant:"body2",class:"otp__otp-description-email"},s.translate("otp.descriptionEmail"))),i("rebill-typography",{key:"723a510062706eed71186cf6b1a252f58554a4fc",variant:"body2",class:"otp__otp-email-line"},l.data.userInformation.email," ",!l.data.prefilledData?.email&&i("span",{key:"46fb8563cb20d2ae7a6d8bc8d369d8a985ff85f3",class:"otp__change-email",onClick:()=>{this.otpValue="";this.error=false;this.returnForm.emit(false)}},s.translate("otp.change")))),i("input-otp",{key:"8ed8dc00b9131753f6f23178e607049e6bc4ea72",otp:this.otpValue,onOtpChange:e=>this.handleOtpChange(e.detail),error:this.error?s.translate("otp.error"):""}),this.isVerifying&&i("div",{key:"364e208afc986a3272bf24b282c169fb243b86db",class:"otp__verifying-container"},i("rebill-typography",{key:"02cec9d49145d0f953b84d9ee0fbf015f5004d8d",variant:"subtitle2",color:f.PRIMARY},s.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?`${s.translate("otp.resendCodeIn")} (${this.timer.getFormattedTime()})`:s.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"}),s.translate("otp.codeResent"))),i("rebill-alert",{key:"a8bcbdbc5af7a9e6a12bc842dd8142812638f3fa",class:"otp__rebill-alert",type:"secure",variant:"variant-info",message:s.translate("otp.infoMessage"),icon:"circle-info",alertTitle:s.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)}},s.translate("otp.continueAsGuest")),i("rebill-alert",{key:"3bd11b6a8a91c2690998c2f7af36e872e485fffe",type:"secure",variant:"variant-secure",icon:"lock-outline",message:s.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 M=class{constructor(a){e(this,a)}visible=true;languageUpdateTrigger=0;unsubscribeCurrentLocaleStore;componentDidLoad(){this.unsubscribeCurrentLocaleStore=n.onChange("currentLocale",(()=>{this.languageUpdateTrigger++}))}disconnectedCallback(){if(this.unsubscribeCurrentLocaleStore){this.unsubscribeCurrentLocaleStore()}}closeModal=()=>{this.visible=false};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},s.translate("session.refreshedTitle"))),i("div",{class:"alert-message-text"},i("rebill-typography",{variant:"subtitle2",color:f.PRIMARY_DARK},s.translate("session.refreshedMessage"))))),i("button",{onClick:this.closeModal,class:"close-button",type:"button"},i("rebill-icon",{name:"close",size:"20px"}))))}};M.style=L;const $=":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 z=class{constructor(a){e(this,a)}get el(){return t(this)}isPanelVisible=false;currentLanguage=s.getCurrentLanguage();componentWillLoad(){c.on("languageChanged",this.handleLanguageChange)}disconnectedCallback(){c.off("languageChanged",this.handleLanguageChange)}handleLanguageChange=()=>{this.currentLanguage=s.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},s.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},s.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},s.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},s.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},s.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},s.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},s.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},s.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},s.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},s.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},s.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())}};z.style=$;const I=":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}*{transition:none !important}.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}.text-content{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.success-content{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;overflow-x:hidden;box-sizing:border-box}.lottie-container{width:80px;height:80px}.success-content rebill-typography[variant='h3']{margin:0 !important;padding:0 !important}.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}.payment-method-display{display:flex;align-items:center;gap:8px;justify-content:center}.payment-method-display rebill-card-icon{display:inline-block;flex-shrink:0;margin-right:8px;vertical-align:middle}.payment-method-display rebill-card-icon svg{display:block}.payment-method-display rebill-icon{display:inline-block;vertical-align:middle;margin-right:8px}.payment-method-display rebill-icon div{display:block}.success-page__card-divider{height:1px;background:#e5e7eb}.download-container{display:flex;align-items:center;justify-content:flex-start;gap:2px;text-decoration:none;cursor:pointer}.contact-info{text-align:left}.reference-number{word-break:break-all;overflow-wrap:break-word;hyphens:auto;max-width:100%;text-align:right}.total-amount-container{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-direction:row}.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}.next-charge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.next-charge-details{display:flex;justify-content:space-between;align-items:flex-start}.next-charge-amount{display:flex;flex-direction:row;align-items:center;gap:4px}.next-charge-date{text-align:right}@media (max-width: 1024px){.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}.text-content{gap:12px}}@media (max-width: 767px){.success-page__info-card{padding:12px}.processing-container{padding:0 16px}}";const P=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=l.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=l?.data?.payment;if(!e)return"";if("createdAt"in e){return e.createdAt}return""};componentWillLoad(){this.breakpoint=w(window.innerWidth);this.unsubscribeCurrentLocaleStore=n.onChange("currentLocale",(()=>{this.currentLocale=l.currentLocale}));if(l.data?.itemInformation?.redirectSuccess){this.successDisplayTimeout=window.setTimeout((()=>{this.showRedirectMessage=true;this.loadLottieAnimation()}),1500);setTimeout((()=>{let e=l.data?.itemInformation?.redirectSuccess;if(e){this.successRedirect.emit({redirectUrl:e});this.stopLoaderAnimation()}}),this.timeToRedirect)}}componentDidLoad(){window.addEventListener("resize",this.handleResize);if(!l.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(v(`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(l.data.cardInformation?.brand||"")},...this.typePaymentMethod===d.CARD&&{cardLastFour:this.cardLastFour??l.data.cardInformation?.lastFour},paymentDate:_(this.getPaymentDate())||"",email:l?.data?.userInformation?.email||"",referenceNumber:this.referenceNumber,productTitle:l?.data?.itemInformation?.title||"",subtotal:this.getFormattedSubtotal(),total:this.getFormattedTotal(),currency:l?.data?.pricing?.currency||" ",installments:l?.data?.pricing?.installments&&l?.data?.cardInformation?.installments?.selectedInstallment?`${y(l.data?.cardInformation?.installments?.selectedInstallment?.installment,u(l.data?.cardInformation?.installments?.selectedInstallment?.installmentAmount||0),l.data?.pricing?.currency,l.data?.cardInformation?.installments?.selectedInstallment?.cft,l.data?.cardInformation?.installments?.selectedInstallment?.model)}\n( ${s.translate("processing.purchaseTotal")}: ${this.getFormattedTotal()} )${l.data.cardInformation?.installments?.installments.find((e=>e.installment===l.data.cardInformation?.installments?.selectedInstallment?.installment))?.model===g.CUSTOMER_FINANCED?`\n${s.translate("installments.interest")}`:""}`:"",discountAmount:this.getFormattedDiscountAmount(),trialPeriodDays:this.trialPeriodDays||l.data?.itemInformation?.trial?.trialPeriodDays,debitDay:this.debitDay||l.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(l?.data?.pricing?.discountAmount>0){const e=b(l.data?.pricing?.discountAmount,l.data?.pricing?.currency);return`-${e}`}return undefined};getFormattedSubtotal=(e=null)=>b(e||l?.data?.pricing?.subtotal,l?.data?.pricing?.currency);getFormattedTotal=()=>{if(this.trialPeriodDays>0){return b(0,l?.data?.pricing?.currency)}return b(l?.data?.pricing?.total,l?.data?.pricing?.currency)};hasFreeTrial=()=>l.data?.itemInformation?.type===p.PLAN&&l.data?.itemInformation?.trial?.trialPeriodDays&&l.data?.itemInformation?.trial?.trialPeriodDays>0;hasDebitDay=()=>{const e=l.data?.itemInformation?.debitDay;return e&&e>0};getTrialEndDateFormatted=()=>{const e=l.data?.itemInformation?.trial?.trialPeriodEndsAt;if(!e)return"";const a=new Date(e);const i=s.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=l.data?.itemInformation?.debitDay;if(!e||e<=0)return"";const a=new Date;const i=new Date(a);const t=s.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=l.data?.cardInformation?.brand;const a=this.cardLastFour||l?.data?.cardInformation?.lastFour;const i=this.applyStartCaseToBrand(e||"");return e&&a?`${i} - ${a}`:i};render(){const e=l.data?.itemInformation?.redirectSuccess;return i("rebill-checkout-single-column",{key:"d8a814c5353cd2dcaa053ea6c205be11870f7629"},i("div",{key:"300d2de040e3d30cd48fc33b311b6c068bb5706f",class:"success-content"},i("rebill-typography",{key:"10bd5be46e1adbd9eb61808ce8e74b5c78d735a8",variant:"h3",color:f.PRIMARY_DARK_TEXT},e&&this.showRedirectMessage?s.translate("processing.redirectMessage"):s.translate("processing.successTitle")),e&&this.showRedirectMessage?i("div",{class:"redirect-message"},i("div",{class:"lottie-container"},i("div",{ref:e=>this.lottieContainer=e,class:"lottie-animation"}))):i("div",{class:"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:"a4bec3c9deb9d5cc33a104861b4dfd459f698680",class:"success-page__info-card"},i("div",{key:"8d1d7bacc956826e7d3c17ede9c1881006dd85d6",class:"success-page__card-row"},i("rebill-typography",{key:"9cefa0019d0b3111bfe4d86e5d45b3be5096a669",variant:"body2",color:f.SECONDARY},s.translate("processing.paymentMethod")),i("div",{key:"0daedd45d705bbf2cc6126978f6940f67c3adfcb",class:"success-page__card-value"},i("div",{key:"2046c5f0ce8e12b425a682ca7abc39ce1e595e7c",class:"payment-method-display"},this.typePaymentMethod===d.CARD&&i(i.Fragment,null,i("rebill-card-icon",{key:"b738832b38e50744656e9fcf45785062c13d9b2b","card-brand":l.data?.cardInformation?.brand||""}),i("rebill-typography",{key:"e9928ed3a6196280a3cb17883ebcd3cc985a2b43",variant:"body2",color:f.PRIMARY_DARK_TEXT},this.textPaymentMethodCard())),this.typePaymentMethod===d.BANK_TRANSFER&&i("div",{key:"df21f77c4b1029feb215343aeca6c43c12d95fd1",style:{display:"flex",alignItems:"center",gap:"8px"}},i("rebill-icon",{key:"272644ea6337654a62a73b9ade66ab15d7c940c5",name:j(d.BANK_TRANSFER,this.country)?.toLowerCase()||"card"}),i("rebill-typography",{key:"d7240cbef960d4dc28fcd0d0f3e2f2336739c752",variant:"body2",color:f.PRIMARY_DARK_TEXT},s.translate("paymentMethods.bank_transfer")))))),l?.data?.pricing?.installments&&l?.data?.cardInformation?.installments?.selectedInstallment&&i("div",{key:"5fe838e33d7f75f91c86c2849224ef2a49342b81"},i("div",{key:"1aa1b037dcd780c009499ee09df50e68b76df935",class:"success-page__card-row"},i("rebill-typography",{key:"3e907c933564379479f9ca2acf271916c2bc4928",variant:"body2",color:f.SECONDARY},s.translate("summary.installments")),i("div",{key:"b0ab2acd74e05f95838de8f6b7d61625fe764d4a",style:{display:"flex",flexDirection:"column",gap:"10px",alignItems:"end"}},i("rebill-typography",{key:"f61f0a2f3d005fa52cff9c17cadf02ef11b1322d",variant:"body2",color:f.PRIMARY_DARK_TEXT,style:{textAlign:"end"}},y(l.data?.cardInformation?.installments?.selectedInstallment?.installment,u(l.data?.cardInformation?.installments?.selectedInstallment?.installmentAmount||0),l.data?.pricing?.currency,l.data?.cardInformation?.installments?.selectedInstallment?.cft,l.data?.cardInformation?.installments?.selectedInstallment?.model)),i("rebill-typography",{key:"0f42f8250afec3d6b3a79b12a538e27c68fe11dc",variant:"body2",color:f.PRIMARY_DARK_TEXT},`( ${s.translate("processing.purchaseTotal")}: ${this.getFormattedTotal()} )`),l.data.cardInformation?.installments?.installments.find((e=>e.installment===l.data.cardInformation?.installments?.selectedInstallment?.installment))?.model===g.CUSTOMER_FINANCED&&i("rebill-typography",{key:"e60b60dd9d4140f0f68ac9337c4eeaeb16307e81",variant:"italic",color:f.SECONDARY,style:{textAlign:"end"}},`${s.translate("installments.interest")}`)))),i("div",{key:"0e16ac8326cd0542e8656593746fe2ab2c7394ed",class:"success-page__card-row"},i("rebill-typography",{key:"509f8b0a04aba8edefdf3da8e0f9039d3be47878",variant:"body2",color:f.SECONDARY},s.translate("processing.paymentDate")),i("rebill-typography",{key:"b3727f8eaab806ccecf422418c5d527ae18bfb31",variant:"body2",color:f.PRIMARY_DARK_TEXT},_(this.paymentDate||this.getPaymentDate()||l.createdAt)||"")),i("div",{key:"acf55b48d33c73b0fb1d5f8e68672ea2e33c7fbe",class:"success-page__card-row"},i("rebill-typography",{key:"d2c0becdd3096cfc995e7258f0c6741dbaaa5b28",variant:"body2",color:f.SECONDARY},s.translate("processing.paymentEmail")),i("rebill-typography",{key:"cd337abb3b8828129bf109875c3927ab5a76b507",variant:"body2",color:f.PRIMARY_DARK_TEXT},l?.data?.userInformation?.email)),i("div",{key:"7c78a3fc52c5c7966a5d1be7b2027f2e64893fa1",class:"success-page__card-row"},i("rebill-typography",{key:"d1097bda8329b97e7e19e15cf05c923899305723",variant:"body2",color:f.SECONDARY},s.translate("processing.paymentReference")),i("rebill-typography",{key:"0fe00585bc2b97f58e43e9647c31a38aa376b617",variant:"body2",color:f.PRIMARY_DARK_TEXT,class:"reference-number"},this.referenceNumber||""))),i("div",{key:"c9ce7fc78430de6ea3ed77a485832c2714cdfcfa",class:"success-page__info-card"},i("rebill-typography",{key:"f60ea9706de5730c2c6919b0cef92f545d80cce7",variant:"subtitle-bold",color:f.PRIMARY_DARK_TEXT},s.translate("processing.purchaseDetails")),i("div",{key:"65f24003ad3dad665b9c1ad1f09558caf43acaae",class:"success-page__card-row"},i("rebill-typography",{key:"f32902e2254725cc4b7788f70ef2fda36767676b",variant:"body2",color:f.SECONDARY},s.translate("processing.purchaseDetail")),i("rebill-typography",{key:"4ae4fed51cd2a89cdfc2b0e6c86336a5c39de38b",variant:"body2",color:f.PRIMARY_DARK_TEXT},l?.data?.itemInformation?.title||"")),!this.trialPeriodDays&&i("div",{key:"feb4816ba4e9d2fe8e852be99e1af07567eb704e",class:"success-page__card-row"},i("rebill-typography",{key:"d54c1b908a56af924dd93fcb32ece6dfecf88931",variant:"body2",color:f.SECONDARY},s.translate("processing.purchaseSubtotal")),i("rebill-typography",{key:"3a1d7af2bc28ae18efaedf5fb9d0489ab9ef295c",variant:"body2",color:f.PRIMARY_DARK_TEXT},this.getFormattedSubtotal())),l?.data?.pricing?.discountAmount>0&&i("div",{key:"e65e71710d6cd3c937f6aaf096543e496b1e2325",class:"success-page__card-row"},i("rebill-typography",{key:"a1a46e9e2b0f52c4cc8cdce002aaa1772c9ff696",variant:"body2",color:f.SECONDARY},s.translate("summary.discount")),i("rebill-typography",{key:"1af958f8c84761da45f0c3f20e172e8553006896",variant:"body2",color:f.PRIMARY_DARK_TEXT},this.getFormattedDiscountAmount())),i("div",{key:"9daf0cd1ba58159973ebb43bf9a54e27a4d2507b",class:"success-page__card-row"},i("rebill-typography",{key:"14d4365b7f5c4db15a2779e6d460293a2f0bddcb",variant:"body2",color:f.SECONDARY},s.translate("processing.purchaseMontoTotal")),i("div",{key:"688710a4705697093b56c93b2c88ea67d44f2e60",class:"total-amount-container"},this.trialPeriodDays>0&&i("div",{key:"9e387c929f2e52effcdc8a04985f7813af8e84e4",class:"trial-pill"},i("rebill-typography",{key:"f98ea49edec24bccad87ff8c142914c7ce4eee7b",variant:"body2",align:"center",color:f.GREEN_TEXT},s.translate("processing.trialPill",{days:this.trialPeriodDays,count:this.trialPeriodDays}))),i("rebill-typography",{key:"bd7340197baddea2e7131074841caec3ab1cc1d4",variant:"body2",color:f.PRIMARY_DARK_TEXT},this.getFormattedTotal()))),(this.trialPeriodDays||this.hasDebitDay())&&i("div",{key:"bb8305da72fe5f3a93f9350f1c60058d32734e21",class:"success-page__card-divider"}),(this.hasFreeTrial()||this.hasDebitDay())&&i("div",{key:"cb25a584c12fe4540c94e0d6c6256e54d3521f4e",class:"next-charge-section"},i("div",{key:"0e3a9c7d5b719f09476a1f44c783144f28169a85",class:"next-charge-header"},i("rebill-typography",{key:"4651348020cfbfaf44e70ea381a07f363a0a991a",variant:"subtitle-bold",color:f.PRIMARY_DARK_TEXT},s.translate("processing.nextCharge")),i("rebill-typography",{key:"a42507762f10f315c17a033dab4648f37eb46706",variant:"subtitle-bold",color:f.PRIMARY_DARK_TEXT},s.translate("processing.onDate",{date:this.hasFreeTrial()?this.getTrialEndDateFormatted():this.getDebitDateFormatted()}))),i("div",{key:"073b8086746ac54925028f40dcb6cc0388dc29d5",class:"success-page__card-row"},i("rebill-typography",{key:"f678239b390132e31e1a1992ce61899253ff7063",variant:"body2",color:f.PRIMARY_DARK_TEXT},this.hasFreeTrial()?s.translate("processing.atEndOfTrial"):""),i("rebill-typography",{key:"e3f59ea087b8fc704ae12b124e23835dee0f2e06",variant:"body2",color:f.PRIMARY_DARK_TEXT},this.getFormattedSubtotal(this.planAmount)," ",s.translate("processing.perMonth")))),i("div",{key:"7da44a91e541f2cad30c231165dfeb93a6fd5f4c",class:"success-page__card-divider"}),i("div",{key:"e0a328dd5e648474b89799c18083194c0f2ca4a8",class:"download-container"},i("svg",{key:"fbcbca40ea633f280a02307e356198d9cfe0d629",class:"download-icon",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"a1c03674854d117ea948858b0994eddacdadde0b",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:"434daabf2474882e211250ee56d03ed2a496adaf",type:"button",variant:"download",size:"small",onClick:this.handleDownloadReceipt},i("rebill-typography",{key:"b64910c30d0f64d83cac260a97409ce5a482176d",variant:"overline",color:f.PRIMARY_DARK_TEXT},s.translate("processing.download")))),i("div",{key:"2c2f930b614ac9194f7f496c1226ba724eb8c331",class:"contact-info"},i("rebill-typography",{key:"ffa8eb7284f57679d5e9725393c650c112680b98",variant:"information-text",color:f.SECONDARY},s.translate("processing.downloadDescription"))))))}};P.style=I;const B=":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 s.translate(e)}return e}handleInputChange(e){if(!e.detail)return;const{id:a,value:i}=e.detail;n.setUserInformation({[a]:i})}handleBlur(e){if(!e.detail)return;const{id:a,value:i}=e.detail;n.setUserInformation({[a]:i})}getCardLabels(){const e=[];if(l.data.prefilledData.email){e.push({label:s.translate("userInformation.emailPlaceholder"),value:l.data.prefilledData.email});n.setUserInformation({...l.data.userInformation,email:l.data.prefilledData.email})}if(l.data.prefilledData.fullName){e.push({label:s.translate("userInformation.fullNamePlaceholder"),value:l.data.prefilledData.fullName});n.setUserInformation({...l.data.userInformation,fullName:l.data.prefilledData.fullName})}return e}async handleRebillAccountClick(){r.otp.generate(l.data.sessionId,{email:l.data.userInformation.email});this.onRebillAccountClick.emit(true)}renderInputs(){const e=l.data.prefilledData.email;const a=l.data.prefilledData.fullName;const t=[];if(!e){t.push(i("rebill-input-text",{id:"email",variant:"floating",label:s.translate("userInformation.emailPlaceholder"),placeholder:s.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:s.translate("userInformation.fullNamePlaceholder"),placeholder:s.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"},s.translate("userInformation.rebillAccount"),i("rebill-icon",{key:"d270f5d5f8e2fecb9a6b39d439172c99233cc86d",name:"arrow-right"})));const a=l.data.prefilledData.email;const t=l.data.prefilledData.fullName;const r=a||t;return i(o,{key:"97e0d4dd9b6d3c798eee919274d4ed9be854319d"},e,r&&i("rebill-card",{key:"18f3d53e0386be0b4dff09bcfdcf69885d0093e7",cardTitle:s.translate("userInformation.personalInformation"),cardLabels:this.getCardLabels()}),this.renderInputs())}};A.style=B;export{T as otp_component,M as rebill_modal_overlay,z as rebill_mode_sandbox_mobile,P as success_page,A as user_information};
-//# sourceMappingURL=p-8f949cf1.entry.js.map