rebill-web-components-sdk 1.10.1 → 1.10.2

package/dist/components/{p-dkScX4Ck.js.map → p-DoTMic8C.js.map}

@@ -1 +1 @@
-{"file":"p-dkScX4Ck.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/apm/qr-code/qr-code.css?tag=qr-code","src/components/checkout/apm/qr-code/qr-code.tsx"],"sourcesContent":[".qr-code {\n  border: 1px solid var(--rebill-color-background-right);\n  border-radius: 8px;\n  background: var(--rebill-color-background);\n  overflow: hidden;\n  font-family: var(--rebill-font-family);\n  margin-top: 24px;\n}\n\n.qr-code-header {\n  padding: 16px 24px;\n  background: var(--rebill-color-background-left);\n  border-bottom: 1px solid var(--rebill-color-background-right);\n}\n\n.expiration-section {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  justify-content: center;\n}\n\n.expiration-text {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--rebill-color-text-secondary);\n}\n\n.qr-code-content {\n  padding: 16px 0px 16px 0px;\n  background: #ffffff !important;\n}\n\n.qr-section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  background: #ffffff !important;\n}\n\n.qr-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 16px;\n  background: var(--rebill-color-background);\n  position: relative;\n  border-radius: 8px;\n}\n\n.qr-container::before,\n.qr-container::after {\n  content: '';\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  border: 2px solid var(--rebill-color-green);\n}\n\n/* Top-left corner */\n.qr-container::before {\n  top: -2px;\n  left: -2px;\n  border-right: none;\n  border-bottom: none;\n  border-top-left-radius: 8px;\n}\n\n/* Top-right corner */\n.qr-container::after {\n  top: -2px;\n  right: -2px;\n  border-left: none;\n  border-bottom: none;\n  border-top-right-radius: 8px;\n}\n\n/* Bottom corners */\n.corner-bottom-left,\n.corner-bottom-right {\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  border: 2px solid var(--rebill-color-green);\n}\n\n/* Bottom-left corner */\n.corner-bottom-left {\n  bottom: -2px;\n  left: -2px;\n  border-right: none;\n  border-top: none;\n  border-bottom-left-radius: 8px;\n}\n\n/* Bottom-right corner */\n.corner-bottom-right {\n  bottom: -2px;\n  right: -2px;\n  border-left: none;\n  border-top: none;\n  border-bottom-right-radius: 8px;\n}\n\n.qr-image {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 146px;\n  height: 146px;\n  background: #ffffff !important;\n  border-radius: 4px;\n}\n\n.qr-image svg {\n  width: 146px;\n  height: 146px;\n  border-radius: 4px;\n  background: #ffffff !important;\n}\n\n.qr-image img {\n  width: 146px;\n  height: 146px;\n  border-radius: 4px;\n  background: #ffffff !important;\n}\n\n/* Scanner line animation */\n.scanner-line {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background: linear-gradient(90deg, transparent, var(--rebill-color-green), transparent);\n  box-shadow: 0 0 10px var(--rebill-color-green);\n  animation: scanDown 2s ease-in-out;\n  animation-fill-mode: forwards;\n  z-index: 10;\n}\n\n@keyframes scanDown {\n  0% {\n    top: 100%;\n    opacity: 0;\n  }\n  10% {\n    opacity: 1;\n  }\n  90% {\n    opacity: 1;\n  }\n  100% {\n    top: 0;\n    opacity: 0;\n  }\n}\n\n.qr-instruction {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.instructions-section {\n  background: var(--rebill-color-background-secondary);\n}\n\n.instructions-content {\n  padding: 16px 16px 16px 16px;\n  background: var(--rebill-color-background);\n}\n\n.instructions-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.instruction-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  text-align: left;\n}\n\n.instruction-item:not(:last-child) {\n  margin-bottom: 8px;\n}\n\n.instruction-number {\n  background: var(--rebill-color-background-right);\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  text-align: center;\n  line-height: 1;\n}\n\n.instruction-number rebill-typography {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.instruction-text {\n  flex: 1;\n}\n\n.copy-btn {\n  display: flex;\n  padding: var(--padding-base, 6px) var(--padding-xl, 10px);\n  justify-content: center;\n  align-items: center;\n  gap: var(--padding-lg, 8px);\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { PAYMENT_METHOD_ENUM } from '../../../../components';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { sessionState } from '../../../../store/session.store';\nimport { copyToClipboard } from '../../../../utils/clipboard';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\nimport { decodeQRData, generateQRCodeSVG, isBase64Image } from '../../../../utils/qr-code';\nimport { getCurrencyInstructions } from '../../../../utils/qr-instructions';\nimport { createCountdownTimer, formatTimeMMSSMax60 } from '../../../../utils/timer';\n\n@Component({\n  tag: 'qr-code',\n  styleUrl: 'qr-code.css',\n  shadow: false,\n})\nexport class QrCode {\n  @Prop() qrCodeData: string;\n  @Prop() providerName: string;\n  @Prop() expirationDate: string;\n  @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n  @Prop() code: string;\n\n  @State() qrCodeSvg: string = '';\n  @State() isImage: boolean = false;\n  @State() timeLeft: number = 3600; // 1 hora (3600 segundos) por defecto\n  @State() formattedTime: string = '59:60';\n  @State() hasCopied: boolean = false;\n\n  @Event() timeUpdate: EventEmitter<number>; // Emitir minutos restantes\n\n  private countdownTimer: ReturnType<typeof createCountdownTimer> | null = null;\n\n  async componentWillLoad() {\n    await this.generateQRCode();\n    this.startCountdownTimer();\n    // Emitir el tiempo inicial (60 minutos)\n    this.timeUpdate.emit(60);\n  }\n\n  async componentWillUpdate() {\n    // Regenerate QR code if data changes\n    await this.generateQRCode();\n  }\n\n  disconnectedCallback() {\n    // Limpiar el timer cuando el componente se desmonte\n    if (this.countdownTimer) {\n      this.countdownTimer.stop();\n    }\n  }\n\n  private async generateQRCode() {\n    try {\n      if (!this.qrCodeData) {\n        this.qrCodeSvg = '';\n        this.isImage = false;\n        return;\n      }\n\n      // Check if the data is already an image\n      if (isBase64Image(this.qrCodeData)) {\n        this.isImage = true;\n        this.qrCodeSvg = ''; // No QR code needed for images\n        return;\n      }\n\n      // For non-image data, generate QR code\n      this.isImage = false;\n      const decodedData = decodeQRData(this.qrCodeData);\n      const qrCodeSvg = await generateQRCodeSVG(decodedData);\n      this.qrCodeSvg = qrCodeSvg;\n    } catch (error) {\n      console.error('Error generating QR code:', error);\n      this.qrCodeSvg = '';\n      this.isImage = false;\n    }\n  }\n\n  private startCountdownTimer = () => {\n    if (this.countdownTimer) {\n      this.countdownTimer.stop();\n    }\n    this.countdownTimer = createCountdownTimer({\n      duration: 3600,\n      onTick: (timeLeft: number) => {\n        this.timeLeft = timeLeft;\n        this.formattedTime = formatTimeMMSSMax60(timeLeft);\n\n        const minutesLeft = Math.ceil(timeLeft / 60);\n        this.timeUpdate.emit(minutesLeft);\n      },\n      onComplete: () => {\n        this.timeLeft = 0;\n        this.formattedTime = '00:00';\n        this.timeUpdate.emit(0);\n      },\n    });\n\n    this.countdownTimer.start();\n  };\n\n  private getCurrentLanguageInstructions = (): string[] => {\n    const currentLanguage = I18nService.getCurrentLanguage();\n    const currency = sessionState.data.pricing.country;\n    return getCurrencyInstructions(currency, currentLanguage);\n  };\n\n  render() {\n    const instructionLines = this.getCurrentLanguageInstructions();\n\n    return (\n      <div class=\"qr-code\">\n        {/* Header with countdown timer */}\n        <div class=\"qr-code-header\">\n          <div class=\"expiration-section\">\n            <rebill-icon name=\"calendar-clock\" />\n            <span class=\"expiration-text\">\n              {I18nService.translate('qrCode.expirationLabel', { time: this.formattedTime })}\n            </span>\n          </div>\n        </div>\n\n        {/* QR code content */}\n        <div class=\"qr-code-content\">\n          <div class=\"qr-section\">\n            <div class=\"qr-instruction\">\n              <rebill-typography\n                variant=\"subtitle-bold\"\n                style={{ fontSize: '12px' }}\n                color={COLORS_ENUM.GREY_300}\n              >\n                {I18nService.translate('qrCode.scanInstruction')}\n              </rebill-typography>\n            </div>\n            <div class=\"qr-container\">\n              {this.isImage ? (\n                <img\n                  src={`data:image/png;base64,${this.qrCodeData}`}\n                  alt=\"QR Code\"\n                  class=\"qr-image\"\n                />\n              ) : (\n                <div class=\"qr-image\" innerHTML={this.qrCodeSvg}></div>\n              )}\n              <div class=\"scanner-line\"></div>\n              <div class=\"corner-bottom-left\"></div>\n              <div class=\"corner-bottom-right\"></div>\n            </div>\n            {this.code && (\n              <rebill-button\n                class=\"copy-btn\"\n                variant=\"secondary\"\n                size=\"small\"\n                onClick={async () => {\n                  if (!this.code) return;\n                  await copyToClipboard(this.code);\n                  this.hasCopied = true;\n                  setTimeout(() => (this.hasCopied = false), 2000);\n                }}\n                type=\"button\"\n              >\n                <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {I18nService.translate('qrCode.copyCode')}\n                </rebill-typography>\n                {this.hasCopied ? (\n                  <svg\n                    width=\"20\"\n                    height=\"20\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      d=\"M5.62256 10.8855L8.24756 13.5418L14.3726 6.45844\"\n                      stroke=\"#35B093\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                    />\n                  </svg>\n                ) : (\n                  <rebill-icon name=\"copy\" size=\"16px\" />\n                )}\n              </rebill-button>\n            )}\n          </div>\n        </div>\n\n        {/* Collapsible instructions */}\n        {instructionLines.length > 0 && (\n          <collapsible-card\n            variant=\"flat\"\n            header={I18nService.translate('qrCode.instructionsLabel')}\n            open={false}\n          >\n            <div>\n              <ol class=\"instructions-list\">\n                {instructionLines.map((line, index) => (\n                  <li key={index} class=\"instruction-item\">\n                    <div class=\"instruction-number\">\n                      <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.GREY_300}>\n                        {index + 1}\n                      </rebill-typography>\n                    </div>\n                    <div class=\"instruction-text\">\n                      <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.GREY_300}>\n                        {line}\n                      </rebill-typography>\n                    </div>\n                  </li>\n                ))}\n              </ol>\n            </div>\n          </collapsible-card>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DoTMic8C.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/apm/qr-code/qr-code.css?tag=qr-code","src/components/checkout/apm/qr-code/qr-code.tsx"],"sourcesContent":[".qr-code {\n  border: 1px solid var(--rebill-color-background-right);\n  border-radius: 8px;\n  background: var(--rebill-color-background);\n  overflow: hidden;\n  font-family: var(--rebill-font-family);\n  margin-top: 24px;\n}\n\n.qr-code-header {\n  padding: 16px 24px;\n  background: var(--rebill-color-background-left);\n  border-bottom: 1px solid var(--rebill-color-background-right);\n}\n\n.expiration-section {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  justify-content: center;\n}\n\n.expiration-text {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--rebill-color-text-secondary);\n}\n\n.qr-code-content {\n  padding: 16px 0px 16px 0px;\n  background: #ffffff !important;\n}\n\n.qr-section {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  background: #ffffff !important;\n}\n\n.qr-container {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 16px;\n  background: var(--rebill-color-background);\n  position: relative;\n  border-radius: 8px;\n}\n\n.qr-container::before,\n.qr-container::after {\n  content: '';\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  border: 2px solid var(--rebill-color-green);\n}\n\n/* Top-left corner */\n.qr-container::before {\n  top: -2px;\n  left: -2px;\n  border-right: none;\n  border-bottom: none;\n  border-top-left-radius: 8px;\n}\n\n/* Top-right corner */\n.qr-container::after {\n  top: -2px;\n  right: -2px;\n  border-left: none;\n  border-bottom: none;\n  border-top-right-radius: 8px;\n}\n\n/* Bottom corners */\n.corner-bottom-left,\n.corner-bottom-right {\n  position: absolute;\n  width: 32px;\n  height: 32px;\n  border: 2px solid var(--rebill-color-green);\n}\n\n/* Bottom-left corner */\n.corner-bottom-left {\n  bottom: -2px;\n  left: -2px;\n  border-right: none;\n  border-top: none;\n  border-bottom-left-radius: 8px;\n}\n\n/* Bottom-right corner */\n.corner-bottom-right {\n  bottom: -2px;\n  right: -2px;\n  border-left: none;\n  border-top: none;\n  border-bottom-right-radius: 8px;\n}\n\n.qr-image {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 146px;\n  height: 146px;\n  background: #ffffff !important;\n  border-radius: 4px;\n}\n\n.qr-image svg {\n  width: 146px;\n  height: 146px;\n  border-radius: 4px;\n  background: #ffffff !important;\n}\n\n.qr-image img {\n  width: 146px;\n  height: 146px;\n  border-radius: 4px;\n  background: #ffffff !important;\n}\n\n/* Scanner line animation */\n.scanner-line {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 2px;\n  background: linear-gradient(90deg, transparent, var(--rebill-color-green), transparent);\n  box-shadow: 0 0 10px var(--rebill-color-green);\n  animation: scanDown 2s ease-in-out;\n  animation-fill-mode: forwards;\n  z-index: 10;\n}\n\n@keyframes scanDown {\n  0% {\n    top: 100%;\n    opacity: 0;\n  }\n  10% {\n    opacity: 1;\n  }\n  90% {\n    opacity: 1;\n  }\n  100% {\n    top: 0;\n    opacity: 0;\n  }\n}\n\n.qr-instruction {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.instructions-section {\n  background: var(--rebill-color-background-secondary);\n}\n\n.instructions-content {\n  padding: 16px 16px 16px 16px;\n  background: var(--rebill-color-background);\n}\n\n.instructions-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.instruction-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  text-align: left;\n}\n\n.instruction-item:not(:last-child) {\n  margin-bottom: 8px;\n}\n\n.instruction-number {\n  background: var(--rebill-color-background-right);\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  text-align: center;\n  line-height: 1;\n}\n\n.instruction-number rebill-typography {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.instruction-text {\n  flex: 1;\n}\n\n.copy-btn {\n  display: flex;\n  padding: var(--padding-base, 6px) var(--padding-xl, 10px);\n  justify-content: center;\n  align-items: center;\n  gap: var(--padding-lg, 8px);\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { PAYMENT_METHOD_ENUM } from '../../../../components';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { sessionState } from '../../../../store/session.store';\nimport { copyToClipboard } from '../../../../utils/clipboard';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\nimport { decodeQRData, generateQRCodeSVG, isBase64Image } from '../../../../utils/qr-code';\nimport { getCurrencyInstructions } from '../../../../utils/qr-instructions';\nimport { createCountdownTimer, formatTimeMMSSMax60 } from '../../../../utils/timer';\n\n@Component({\n  tag: 'qr-code',\n  styleUrl: 'qr-code.css',\n  shadow: false,\n})\nexport class QrCode {\n  @Prop() qrCodeData: string;\n  @Prop() providerName: string;\n  @Prop() expirationDate: string;\n  @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n  @Prop() code: string;\n\n  @State() qrCodeSvg: string = '';\n  @State() isImage: boolean = false;\n  @State() timeLeft: number = 3600; // 1 hora (3600 segundos) por defecto\n  @State() formattedTime: string = '59:60';\n  @State() hasCopied: boolean = false;\n\n  @Event() timeUpdate: EventEmitter<number>; // Emitir minutos restantes\n\n  private countdownTimer: ReturnType<typeof createCountdownTimer> | null = null;\n\n  async componentWillLoad() {\n    await this.generateQRCode();\n    this.startCountdownTimer();\n    // Emitir el tiempo inicial (60 minutos)\n    this.timeUpdate.emit(60);\n  }\n\n  async componentWillUpdate() {\n    // Regenerate QR code if data changes\n    await this.generateQRCode();\n  }\n\n  disconnectedCallback() {\n    // Limpiar el timer cuando el componente se desmonte\n    if (this.countdownTimer) {\n      this.countdownTimer.stop();\n    }\n  }\n\n  private async generateQRCode() {\n    try {\n      if (!this.qrCodeData) {\n        this.qrCodeSvg = '';\n        this.isImage = false;\n        return;\n      }\n\n      // Check if the data is already an image\n      if (isBase64Image(this.qrCodeData)) {\n        this.isImage = true;\n        this.qrCodeSvg = ''; // No QR code needed for images\n        return;\n      }\n\n      // For non-image data, generate QR code\n      this.isImage = false;\n      const decodedData = decodeQRData(this.qrCodeData);\n      const qrCodeSvg = await generateQRCodeSVG(decodedData);\n      this.qrCodeSvg = qrCodeSvg;\n    } catch (error) {\n      console.error('Error generating QR code:', error);\n      this.qrCodeSvg = '';\n      this.isImage = false;\n    }\n  }\n\n  private startCountdownTimer = () => {\n    if (this.countdownTimer) {\n      this.countdownTimer.stop();\n    }\n    this.countdownTimer = createCountdownTimer({\n      duration: 3600,\n      onTick: (timeLeft: number) => {\n        this.timeLeft = timeLeft;\n        this.formattedTime = formatTimeMMSSMax60(timeLeft);\n\n        const minutesLeft = Math.ceil(timeLeft / 60);\n        this.timeUpdate.emit(minutesLeft);\n      },\n      onComplete: () => {\n        this.timeLeft = 0;\n        this.formattedTime = '00:00';\n        this.timeUpdate.emit(0);\n      },\n    });\n\n    this.countdownTimer.start();\n  };\n\n  private getCurrentLanguageInstructions = (): string[] => {\n    const currentLanguage = I18nService.getCurrentLanguage();\n    const currency = sessionState.data.pricing.country;\n    return getCurrencyInstructions(currency, currentLanguage);\n  };\n\n  render() {\n    const instructionLines = this.getCurrentLanguageInstructions();\n\n    return (\n      <div class=\"qr-code\">\n        {/* Header with countdown timer */}\n        <div class=\"qr-code-header\">\n          <div class=\"expiration-section\">\n            <rebill-icon name=\"calendar-clock\" />\n            <span class=\"expiration-text\">\n              {I18nService.translate('qrCode.expirationLabel', { time: this.formattedTime })}\n            </span>\n          </div>\n        </div>\n\n        {/* QR code content */}\n        <div class=\"qr-code-content\">\n          <div class=\"qr-section\">\n            <div class=\"qr-instruction\">\n              <rebill-typography\n                variant=\"subtitle-bold\"\n                style={{ fontSize: '12px' }}\n                color={COLORS_ENUM.GREY_300}\n              >\n                {I18nService.translate('qrCode.scanInstruction')}\n              </rebill-typography>\n            </div>\n            <div class=\"qr-container\">\n              {this.isImage ? (\n                <img\n                  src={`data:image/png;base64,${this.qrCodeData}`}\n                  alt=\"QR Code\"\n                  class=\"qr-image\"\n                />\n              ) : (\n                <div class=\"qr-image\" innerHTML={this.qrCodeSvg}></div>\n              )}\n              <div class=\"scanner-line\"></div>\n              <div class=\"corner-bottom-left\"></div>\n              <div class=\"corner-bottom-right\"></div>\n            </div>\n            {this.code && (\n              <rebill-button\n                class=\"copy-btn\"\n                variant=\"secondary\"\n                size=\"small\"\n                onClick={async () => {\n                  if (!this.code) return;\n                  await copyToClipboard(this.code);\n                  this.hasCopied = true;\n                  setTimeout(() => (this.hasCopied = false), 2000);\n                }}\n                type=\"button\"\n              >\n                <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {I18nService.translate('qrCode.copyCode')}\n                </rebill-typography>\n                {this.hasCopied ? (\n                  <svg\n                    width=\"20\"\n                    height=\"20\"\n                    viewBox=\"0 0 20 20\"\n                    fill=\"none\"\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                  >\n                    <path\n                      d=\"M5.62256 10.8855L8.24756 13.5418L14.3726 6.45844\"\n                      stroke=\"#35B093\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                    />\n                  </svg>\n                ) : (\n                  <rebill-icon name=\"copy\" size=\"16px\" />\n                )}\n              </rebill-button>\n            )}\n          </div>\n        </div>\n\n        {/* Collapsible instructions */}\n        {instructionLines.length > 0 && (\n          <collapsible-card\n            variant=\"flat\"\n            header={I18nService.translate('qrCode.instructionsLabel')}\n            open={false}\n          >\n            <div>\n              <ol class=\"instructions-list\">\n                {instructionLines.map((line, index) => (\n                  <li key={index} class=\"instruction-item\">\n                    <div class=\"instruction-number\">\n                      <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.GREY_300}>\n                        {index + 1}\n                      </rebill-typography>\n                    </div>\n                    <div class=\"instruction-text\">\n                      <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.GREY_300}>\n                        {line}\n                      </rebill-typography>\n                    </div>\n                  </li>\n                ))}\n              </ol>\n            </div>\n          </collapsible-card>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-WGf68eDg.js → p-Dp6bUSN1.js}

@@ -4,7 +4,7 @@ import { s as state, S as SessionStore, c as formatAmountWithoutCurrency, I as I
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
 import { d as defineCustomElement$4 } from './p-sOHrcM75.js';
 import { d as defineCustomElement$3 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$2 } from './p-BDqkAG1R.js';
+import { d as defineCustomElement$2 } from './p-4NckTb-f.js';
 import { d as defineCustomElement$1 } from './p-T8LQxh_O.js';
 
 const discountCouponCss = ".summary-row{gap:12px}.coupon-chip{display:flex;align-items:center;background:var(--rebill-color-background);border:1px solid var(--rebill-color-border-primary);justify-content:space-between;border-radius:6px;padding:4px 8px;gap:8px;width:fit-content}.coupon-chip--readonly{cursor:default}.coupon-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;vertical-align:middle}.coupon-close{cursor:pointer}.coupon-content{display:flex;flex-direction:row;align-items:flex-start;gap:4px}";
@@ -208,6 +208,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { DiscountCoupon as D, defineCustomElement as d };
-//# sourceMappingURL=p-WGf68eDg.js.map
+//# sourceMappingURL=p-Dp6bUSN1.js.map
 
-//# sourceMappingURL=p-WGf68eDg.js.map
+//# sourceMappingURL=p-Dp6bUSN1.js.map

package/dist/components/{p-WGf68eDg.js.map → p-Dp6bUSN1.js.map}

@@ -1 +1 @@
-{"file":"p-WGf68eDg.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/discount-coupon/discount-coupon.css?tag=discount-coupon","src/components/checkout/discount-coupon/discount-coupon.tsx"],"sourcesContent":[".summary-row {\n  gap: 12px;\n}\n.coupon-chip {\n  display: flex;\n  align-items: center;\n  background: var(--rebill-color-background);\n  border: 1px solid var(--rebill-color-border-primary);\n  justify-content: space-between;\n  border-radius: 6px;\n  padding: 4px 8px;\n  gap: 8px;\n  width: fit-content;\n}\n\n.coupon-chip--readonly {\n  cursor: default;\n}\n\n.coupon-icon {\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n}\n\n.coupon-close {\n  cursor: pointer;\n}\n\n.coupon-content {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 4px;\n}\n","import { Component, Element, Event, EventEmitter, h, JSX, Prop, State } from '@stencil/core';\nimport { api } from '../../../api';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { formatAmountWithoutCurrency } from '../../../utils';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\nenum ACTION_STATUS {\n  EDITING = 'editing',\n  APPLIED = 'applied',\n  NOT_APPLIED = 'not_applied',\n}\n\n@Component({\n  tag: 'discount-coupon',\n  styleUrl: 'discount-coupon.css',\n  shadow: false,\n})\nexport class DiscountCoupon {\n  @Element() el: HTMLElement;\n  @Prop() hideLabel: boolean = false;\n  @Prop() displayMode: 'editable' | 'readonly' = 'editable';\n  @Prop() readonlyCouponCode?: string;\n  @Prop() readonlyDiscountAmount?: number;\n  @Prop() readonlyCurrency?: string;\n  @State() couponCode: string = '';\n  @State() actionStatus: ACTION_STATUS = ACTION_STATUS.NOT_APPLIED;\n  @State() isLoading: boolean = false;\n  @State() isError: boolean = false;\n  @State() currentLocale: string = sessionState.currentLocale;\n  @Event() discountApplied: EventEmitter<boolean>;\n  private inputRef: HTMLRebillInputTextElement;\n  private unsubscribeCurrentLocaleStore?: () => void;\n\n  componentWillLoad() {\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n\n    if (this.readonlyCouponCode) {\n      return;\n    }\n\n    if (\n      sessionState.data.pricing.discountCouponCode &&\n      sessionState.data.pricing.discountAmount > 0\n    ) {\n      this.actionStatus = ACTION_STATUS.APPLIED;\n      this.couponCode = sessionState.data.pricing.discountCouponCode;\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n  }\n  componentDidUpdate() {\n    if (this.readonlyCouponCode) {\n      return;\n    }\n\n    if (this.actionStatus === ACTION_STATUS.EDITING && this.inputRef) {\n      setTimeout(async () => {\n        const inputElement = await this.inputRef.getInputElement();\n        if (inputElement) {\n          inputElement.focus();\n        }\n      }, 0);\n    }\n  }\n\n  private async onApplyCoupon() {\n    if (this.readonlyCouponCode) return;\n    const sessionId = sessionState.data.sessionId;\n    if (!sessionId) {\n      return;\n    }\n    this.isLoading = true;\n    try {\n      const response = await api.discountCoupon.applyDiscountCoupon({\n        couponCode: this.couponCode,\n        quantity: 1,\n        sessionId: sessionId,\n        organizationId: sessionState.data.organization.id,\n      });\n      this.actionStatus = ACTION_STATUS.APPLIED;\n      SessionStore.setDiscount({\n        couponCode: this.couponCode,\n        amount: response.amount,\n        discountType: response.discountType,\n        discountAmount: response.discountedAmount,\n        discountedPercentage: response?.discountedPercentage || 0,\n        discountDuration: response?.discountDuration || null,\n      });\n      this.discountApplied.emit(true);\n    } catch (error) {\n      this.actionStatus = ACTION_STATUS.EDITING;\n      this.discountApplied.emit(false);\n      this.isError = true;\n      SessionStore.setDiscount(null);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private onCancelCoupon() {\n    if (this.readonlyCouponCode) return;\n    this.actionStatus = ACTION_STATUS.NOT_APPLIED;\n    this.couponCode = '';\n    this.isError = false;\n  }\n\n  private renderCouponChip({\n    couponCode,\n    discountAmount,\n    currency,\n    readonly = false,\n    onClick,\n    onRemove,\n  }: {\n    couponCode?: string;\n    discountAmount?: number | null;\n    currency?: string | null;\n    readonly?: boolean;\n    onClick?: () => void;\n    onRemove?: () => void;\n  }): JSX.Element | null {\n    if (!couponCode) {\n      return null;\n    }\n\n    const hasDiscountAmount = typeof discountAmount === 'number';\n\n    return (\n      <div class={`coupon-chip${readonly ? ' coupon-chip--readonly' : ''}`}>\n        <rebill-icon name=\"tag-sale\" size=\"16px\" />\n        <div class=\"coupon-content\" onClick={!readonly ? onClick : undefined}>\n          <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n            {couponCode}\n          </rebill-typography>\n          {hasDiscountAmount && (\n            <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREEN}>\n              -$\n              {formatAmountWithoutCurrency(discountAmount as number, currency as any)}\n            </rebill-typography>\n          )}\n        </div>\n        {!readonly && onRemove && (\n          <div class=\"coupon-close\" onClick={onRemove}>\n            <rebill-icon name=\"x\" size=\"20px\" color={COLORS_ENUM.PRIMARY_DARK_TEXT} />\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  private renderReadonlyView() {\n    if (!this.readonlyCouponCode && this.readonlyDiscountAmount) {\n      return null;\n    }\n\n    return this.renderCouponChip({\n      couponCode: this.readonlyCouponCode,\n      discountAmount: this.readonlyDiscountAmount ?? null,\n      currency: this.readonlyCurrency ?? null,\n      readonly: true,\n    });\n  }\n\n  render() {\n    if (this.readonlyCouponCode) {\n      return this.renderReadonlyView();\n    }\n\n    return (\n      <div>\n        <div\n          class=\"summary-row\"\n          style={{\n            alignItems: this.actionStatus === ACTION_STATUS.EDITING ? 'flex-start' : 'center',\n            display: 'flex',\n          }}\n        >\n          {!this.hideLabel && (\n            <rebill-typography\n              variant=\"body2\"\n              style={{ marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '7px' : '0px' }}\n            >\n              {I18nService.translate('discountCoupons.discount')}\n            </rebill-typography>\n          )}\n          {this.actionStatus === ACTION_STATUS.NOT_APPLIED && (\n            <rebill-button\n              variant=\"filled\"\n              size=\"small\"\n              theme=\"primary-dark\"\n              onClick={() => (this.actionStatus = ACTION_STATUS.EDITING)}\n            >\n              {I18nService.translate('discountCoupons.addDiscount')}\n            </rebill-button>\n          )}\n          {this.actionStatus === ACTION_STATUS.EDITING && (\n            <div class=\"summary-row\" style={{ alignItems: 'flex-start', display: 'flex' }}>\n              <rebill-input-text\n                ref={el => (this.inputRef = el)}\n                id=\"discountCoupon\"\n                value={this.couponCode}\n                placeholder={I18nService.translate('discountCoupons.addDiscount')}\n                disabled={this.isLoading}\n                error={this.isError ? I18nService.translate('discountCoupons.error') : ''}\n                clearable={true}\n                uppercase={true}\n                onInput={e => {\n                  e.stopPropagation();\n                  if (e.detail && e.detail.value !== undefined) {\n                    this.couponCode = e.detail.value;\n                  }\n                }}\n                onBlur={() => {\n                  if (!this.couponCode.trim()) {\n                    this.onCancelCoupon();\n                  }\n                }}\n              />\n              <rebill-button\n                variant=\"filled\"\n                theme=\"primary-dark\"\n                size=\"small\"\n                loading={this.isLoading}\n                disabled={this.isLoading || !this.couponCode.trim()}\n                onClick={() => this.onApplyCoupon()}\n                style={{ marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '3px' : '0px' }}\n              >\n                {I18nService.translate('discountCoupons.apply')}\n              </rebill-button>\n            </div>\n          )}\n          {this.actionStatus === ACTION_STATUS.APPLIED &&\n            this.renderCouponChip({\n              couponCode: sessionState.data.pricing.discountCouponCode,\n              discountAmount: sessionState.data.pricing.discountAmount,\n              currency: sessionState.data.pricing.currency,\n              onClick: () => (this.actionStatus = ACTION_STATUS.EDITING),\n              onRemove: () => {\n                this.actionStatus = ACTION_STATUS.NOT_APPLIED;\n                this.couponCode = '';\n                SessionStore.setDiscount(null);\n                this.discountApplied.emit(false);\n              },\n            })}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Dp6bUSN1.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/discount-coupon/discount-coupon.css?tag=discount-coupon","src/components/checkout/discount-coupon/discount-coupon.tsx"],"sourcesContent":[".summary-row {\n  gap: 12px;\n}\n.coupon-chip {\n  display: flex;\n  align-items: center;\n  background: var(--rebill-color-background);\n  border: 1px solid var(--rebill-color-border-primary);\n  justify-content: space-between;\n  border-radius: 6px;\n  padding: 4px 8px;\n  gap: 8px;\n  width: fit-content;\n}\n\n.coupon-chip--readonly {\n  cursor: default;\n}\n\n.coupon-icon {\n  width: 28px;\n  height: 28px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n}\n\n.coupon-close {\n  cursor: pointer;\n}\n\n.coupon-content {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  gap: 4px;\n}\n","import { Component, Element, Event, EventEmitter, h, JSX, Prop, State } from '@stencil/core';\nimport { api } from '../../../api';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { formatAmountWithoutCurrency } from '../../../utils';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\nenum ACTION_STATUS {\n  EDITING = 'editing',\n  APPLIED = 'applied',\n  NOT_APPLIED = 'not_applied',\n}\n\n@Component({\n  tag: 'discount-coupon',\n  styleUrl: 'discount-coupon.css',\n  shadow: false,\n})\nexport class DiscountCoupon {\n  @Element() el: HTMLElement;\n  @Prop() hideLabel: boolean = false;\n  @Prop() displayMode: 'editable' | 'readonly' = 'editable';\n  @Prop() readonlyCouponCode?: string;\n  @Prop() readonlyDiscountAmount?: number;\n  @Prop() readonlyCurrency?: string;\n  @State() couponCode: string = '';\n  @State() actionStatus: ACTION_STATUS = ACTION_STATUS.NOT_APPLIED;\n  @State() isLoading: boolean = false;\n  @State() isError: boolean = false;\n  @State() currentLocale: string = sessionState.currentLocale;\n  @Event() discountApplied: EventEmitter<boolean>;\n  private inputRef: HTMLRebillInputTextElement;\n  private unsubscribeCurrentLocaleStore?: () => void;\n\n  componentWillLoad() {\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n\n    if (this.readonlyCouponCode) {\n      return;\n    }\n\n    if (\n      sessionState.data.pricing.discountCouponCode &&\n      sessionState.data.pricing.discountAmount > 0\n    ) {\n      this.actionStatus = ACTION_STATUS.APPLIED;\n      this.couponCode = sessionState.data.pricing.discountCouponCode;\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n  }\n  componentDidUpdate() {\n    if (this.readonlyCouponCode) {\n      return;\n    }\n\n    if (this.actionStatus === ACTION_STATUS.EDITING && this.inputRef) {\n      setTimeout(async () => {\n        const inputElement = await this.inputRef.getInputElement();\n        if (inputElement) {\n          inputElement.focus();\n        }\n      }, 0);\n    }\n  }\n\n  private async onApplyCoupon() {\n    if (this.readonlyCouponCode) return;\n    const sessionId = sessionState.data.sessionId;\n    if (!sessionId) {\n      return;\n    }\n    this.isLoading = true;\n    try {\n      const response = await api.discountCoupon.applyDiscountCoupon({\n        couponCode: this.couponCode,\n        quantity: 1,\n        sessionId: sessionId,\n        organizationId: sessionState.data.organization.id,\n      });\n      this.actionStatus = ACTION_STATUS.APPLIED;\n      SessionStore.setDiscount({\n        couponCode: this.couponCode,\n        amount: response.amount,\n        discountType: response.discountType,\n        discountAmount: response.discountedAmount,\n        discountedPercentage: response?.discountedPercentage || 0,\n        discountDuration: response?.discountDuration || null,\n      });\n      this.discountApplied.emit(true);\n    } catch (error) {\n      this.actionStatus = ACTION_STATUS.EDITING;\n      this.discountApplied.emit(false);\n      this.isError = true;\n      SessionStore.setDiscount(null);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private onCancelCoupon() {\n    if (this.readonlyCouponCode) return;\n    this.actionStatus = ACTION_STATUS.NOT_APPLIED;\n    this.couponCode = '';\n    this.isError = false;\n  }\n\n  private renderCouponChip({\n    couponCode,\n    discountAmount,\n    currency,\n    readonly = false,\n    onClick,\n    onRemove,\n  }: {\n    couponCode?: string;\n    discountAmount?: number | null;\n    currency?: string | null;\n    readonly?: boolean;\n    onClick?: () => void;\n    onRemove?: () => void;\n  }): JSX.Element | null {\n    if (!couponCode) {\n      return null;\n    }\n\n    const hasDiscountAmount = typeof discountAmount === 'number';\n\n    return (\n      <div class={`coupon-chip${readonly ? ' coupon-chip--readonly' : ''}`}>\n        <rebill-icon name=\"tag-sale\" size=\"16px\" />\n        <div class=\"coupon-content\" onClick={!readonly ? onClick : undefined}>\n          <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n            {couponCode}\n          </rebill-typography>\n          {hasDiscountAmount && (\n            <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREEN}>\n              -$\n              {formatAmountWithoutCurrency(discountAmount as number, currency as any)}\n            </rebill-typography>\n          )}\n        </div>\n        {!readonly && onRemove && (\n          <div class=\"coupon-close\" onClick={onRemove}>\n            <rebill-icon name=\"x\" size=\"20px\" color={COLORS_ENUM.PRIMARY_DARK_TEXT} />\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  private renderReadonlyView() {\n    if (!this.readonlyCouponCode && this.readonlyDiscountAmount) {\n      return null;\n    }\n\n    return this.renderCouponChip({\n      couponCode: this.readonlyCouponCode,\n      discountAmount: this.readonlyDiscountAmount ?? null,\n      currency: this.readonlyCurrency ?? null,\n      readonly: true,\n    });\n  }\n\n  render() {\n    if (this.readonlyCouponCode) {\n      return this.renderReadonlyView();\n    }\n\n    return (\n      <div>\n        <div\n          class=\"summary-row\"\n          style={{\n            alignItems: this.actionStatus === ACTION_STATUS.EDITING ? 'flex-start' : 'center',\n            display: 'flex',\n          }}\n        >\n          {!this.hideLabel && (\n            <rebill-typography\n              variant=\"body2\"\n              style={{ marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '7px' : '0px' }}\n            >\n              {I18nService.translate('discountCoupons.discount')}\n            </rebill-typography>\n          )}\n          {this.actionStatus === ACTION_STATUS.NOT_APPLIED && (\n            <rebill-button\n              variant=\"filled\"\n              size=\"small\"\n              theme=\"primary-dark\"\n              onClick={() => (this.actionStatus = ACTION_STATUS.EDITING)}\n            >\n              {I18nService.translate('discountCoupons.addDiscount')}\n            </rebill-button>\n          )}\n          {this.actionStatus === ACTION_STATUS.EDITING && (\n            <div class=\"summary-row\" style={{ alignItems: 'flex-start', display: 'flex' }}>\n              <rebill-input-text\n                ref={el => (this.inputRef = el)}\n                id=\"discountCoupon\"\n                value={this.couponCode}\n                placeholder={I18nService.translate('discountCoupons.addDiscount')}\n                disabled={this.isLoading}\n                error={this.isError ? I18nService.translate('discountCoupons.error') : ''}\n                clearable={true}\n                uppercase={true}\n                onInput={e => {\n                  e.stopPropagation();\n                  if (e.detail && e.detail.value !== undefined) {\n                    this.couponCode = e.detail.value;\n                  }\n                }}\n                onBlur={() => {\n                  if (!this.couponCode.trim()) {\n                    this.onCancelCoupon();\n                  }\n                }}\n              />\n              <rebill-button\n                variant=\"filled\"\n                theme=\"primary-dark\"\n                size=\"small\"\n                loading={this.isLoading}\n                disabled={this.isLoading || !this.couponCode.trim()}\n                onClick={() => this.onApplyCoupon()}\n                style={{ marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '3px' : '0px' }}\n              >\n                {I18nService.translate('discountCoupons.apply')}\n              </rebill-button>\n            </div>\n          )}\n          {this.actionStatus === ACTION_STATUS.APPLIED &&\n            this.renderCouponChip({\n              couponCode: sessionState.data.pricing.discountCouponCode,\n              discountAmount: sessionState.data.pricing.discountAmount,\n              currency: sessionState.data.pricing.currency,\n              onClick: () => (this.actionStatus = ACTION_STATUS.EDITING),\n              onRemove: () => {\n                this.actionStatus = ACTION_STATUS.NOT_APPLIED;\n                this.couponCode = '';\n                SessionStore.setDiscount(null);\n                this.discountApplied.emit(false);\n              },\n            })}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-B0FDvLRO.js → p-Ds466vGv.js}

@@ -107,14 +107,14 @@ const InputOtp = /*@__PURE__*/ proxyCustomElement(class InputOtp extends H {
         }
     };
     render() {
-        return (h("div", { key: '14d84a8f1423365a06589ad7af2124a5f521d410', class: "otp-container" }, h("div", { key: 'f5357e896aaa75c4d51c72beef34ed624525c0d1', class: "email-icon" }, h("rebill-icon", { key: 'f7e3cf3f5b83037146cfe6f3e8faf24f53632915', name: "invite" })), h("div", { key: '22f26676788fe4de94209d6efdf24dffff9aa24d', class: "otp-input-container", onClick: this.handleFieldClick }, h("div", { key: '17ea1eb97d11c9b9b126b2f36e50d4ce86d24506', class: "otp-fields" }, [0, 1, 2, 3, 4, 5].map(index => (h("div", { key: index, style: { display: 'flex', alignItems: 'center' } }, h("div", { class: `otp-field ${this.error ? 'error' : ''}` }, h("input", { type: "text", maxlength: "1", placeholder: this.placeholder, value: this.otpValue[index] || '', onInput: e => this.handleInput(e, index), onClick: () => this.handleInputClick(), onKeyDown: e => this.handleKeyDown(e, index), onPaste: e => this.handlePaste(e), onFocus: e => {
+        return (h("div", { key: '65079854b05784b0266b1876aeb1edff4269c632', class: "otp-container" }, h("div", { key: '1705207ae6c34d53f8a3c3da7394651209097225', class: "email-icon" }, h("rebill-icon", { key: '26f6b3b59b95208e475035408498ffe453b37a4a', name: "invite" })), h("div", { key: 'a250c8a27ab6fda719919ce80dcb0ca335506465', class: "otp-input-container", onClick: this.handleFieldClick }, h("div", { key: 'e26733332d9da3a0d44ba779e0f1915a94597aa4', class: "otp-fields" }, [0, 1, 2, 3, 4, 5].map(index => (h("div", { key: index, style: { display: 'flex', alignItems: 'center' } }, h("div", { class: `otp-field ${this.error ? 'error' : ''}` }, h("input", { type: "text", maxlength: "1", placeholder: this.placeholder, value: this.otpValue[index] || '', onInput: e => this.handleInput(e, index), onClick: () => this.handleInputClick(), onKeyDown: e => this.handleKeyDown(e, index), onPaste: e => this.handlePaste(e), onFocus: e => {
                 this.el
                     ?.querySelectorAll('.otp-field')
                     .forEach(field => field.classList.remove('active'));
                 e.target.parentElement?.classList.add('active');
             }, onBlur: e => {
                 e.target.parentElement?.classList.remove('active');
-            } })), index === 2 && h("div", { class: "otp-separator" }, "-")))))), this.error && h("div", { key: '5f1e7b560c763a6ce2136e0544df558d9be74439', class: "otp-error" }, this.error)));
+            } })), index === 2 && h("div", { class: "otp-separator" }, "-")))))), this.error && h("div", { key: '9d97735d8ccc557556c6a0c570173b22f6625660', class: "otp-error" }, this.error)));
     }
     static get style() { return inputOtpCss; }
 }, [256, "input-otp", {
@@ -145,6 +145,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { InputOtp as I, defineCustomElement as d };
-//# sourceMappingURL=p-B0FDvLRO.js.map
+//# sourceMappingURL=p-Ds466vGv.js.map
 
-//# sourceMappingURL=p-B0FDvLRO.js.map
+//# sourceMappingURL=p-Ds466vGv.js.map

package/dist/components/{p-B0FDvLRO.js.map → p-Ds466vGv.js.map}

@@ -1 +1 @@
-{"file":"p-B0FDvLRO.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/inputs/input-otp/input-otp.css?tag=input-otp","src/components/shared/inputs/input-otp/input-otp.tsx"],"sourcesContent":[".otp-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.otp-input-container {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-top: 8px;\n}\n\n.otp-fields {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.otp-field {\n  width: 36px;\n  height: 36px;\n  border: 2px solid #e5e7eb;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  background: white;\n  position: relative;\n}\n\n.otp-field.active {\n  border-color: var(--rebill-color-primary-hover);\n  transform: scale(1.02);\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.otp-field input {\n  width: 100%;\n  height: 100%;\n  border: none;\n  text-align: center;\n  font-size: 12px;\n  color: var(--rebill-color-text-primary);\n  background: transparent;\n  outline: none;\n  transition: all 0.3s ease;\n  caret-color: transparent;\n}\n\n.otp-field input {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.otp-field input::placeholder {\n  color: var(--rebill-color-text-secondary);\n  transition:\n    opacity 0.3s ease,\n    color 0.3s ease;\n}\n\n.otp-field input:focus::placeholder {\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.otp-field {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.otp-separator {\n  font-size: 18px;\n  font-weight: 500;\n  color: #6b7280;\n  margin: 4px;\n  user-select: none;\n  line-height: 1;\n  display: flex;\n  align-items: center;\n}\n\n.otp-error {\n  color: var(--rebill-color-error);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.otp-field.error {\n  border-color: var(--rebill-color-error);\n  border-width: 1px;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'input-otp',\n  styleUrl: 'input-otp.css',\n  shadow: false,\n})\nexport class InputOtp {\n  @Element() el: HTMLElement;\n  @Prop() error: string = '';\n  @Prop() otp: string = '';\n  @Prop() clearable: boolean = false;\n  @Prop() placeholder: string = '';\n  @Event() otpChange: EventEmitter<string>;\n  @State() otpValue: string = '';\n\n  componentWillLoad() {\n    this.otpValue = this.otp;\n  }\n\n  componentWillUpdate() {\n    if (this.otp !== this.otpValue) {\n      this.otpValue = this.otp;\n    }\n  }\n\n  private handleOtpChange(value: string) {\n    this.otpValue = value;\n    this.otpChange.emit(value);\n  }\n\n  private findFirstEmptyIndex(): number {\n    for (let i = 0; i < 6; i++) {\n      if (!this.otpValue[i]) {\n        return i;\n      }\n    }\n    return 5;\n  }\n\n  private focusField(index: number) {\n    const fields = this.el?.querySelectorAll('.otp-field input');\n    if (fields && fields[index]) {\n      (fields[index] as HTMLInputElement).focus();\n    }\n  }\n\n  private handleFieldClick = () => {\n    const firstEmptyIndex = this.findFirstEmptyIndex();\n    this.focusField(firstEmptyIndex);\n  };\n\n  private handleInputClick = () => {\n    this.handleFieldClick();\n  };\n\n  private handleKeyDown = (e: KeyboardEvent, index: number) => {\n    if (e.key === 'Backspace') {\n      const target = e.target as HTMLInputElement;\n      // Si el campo actual está vacío y no es el primer campo, ir al anterior\n      if (!target.value && index > 0) {\n        e.preventDefault();\n        const newValue = this.otpValue.split('');\n        newValue[index - 1] = '';\n        this.handleOtpChange(newValue.join(''));\n        setTimeout(() => {\n          this.focusField(index - 1);\n        }, 0);\n      } else if (target.value) {\n        const newValue = this.otpValue.split('');\n        newValue[index] = '';\n        this.handleOtpChange(newValue.join(''));\n      }\n    }\n  };\n\n  private handleInput = (e: Event, index: number) => {\n    const target = e.target as HTMLInputElement;\n    const value = target.value;\n\n    if (!/^\\d*$/.test(value)) {\n      target.value = '';\n      return;\n    }\n\n    const newValue = this.otpValue.split('');\n    newValue[index] = value;\n    this.handleOtpChange(newValue.join(''));\n\n    if (value && index < 5) {\n      setTimeout(() => {\n        this.focusField(index + 1);\n      }, 0);\n    }\n  };\n\n  private handlePaste = (e: ClipboardEvent) => {\n    e.preventDefault();\n    const pastedData = e.clipboardData?.getData('text/plain') || '';\n\n    const numbersOnly = pastedData.replace(/\\D/g, '');\n\n    if (numbersOnly.length >= 6) {\n      const otpCode = numbersOnly.substring(0, 6);\n      this.handleOtpChange(otpCode);\n\n      this.focusField(5);\n    } else if (numbersOnly.length > 0) {\n      const newValue = this.otpValue.split('');\n      for (let i = 0; i < Math.min(numbersOnly.length, 6); i++) {\n        newValue[i] = numbersOnly[i];\n      }\n      this.handleOtpChange(newValue.join(''));\n\n      const nextIndex = Math.min(numbersOnly.length, 5);\n      this.focusField(nextIndex);\n    }\n  };\n\n  render() {\n    return (\n      <div class=\"otp-container\">\n        {/* Icono de sobre azul */}\n        <div class=\"email-icon\">\n          <rebill-icon name=\"invite\" />\n        </div>\n\n        {/* Campos OTP */}\n        <div class=\"otp-input-container\" onClick={this.handleFieldClick}>\n          <div class=\"otp-fields\">\n            {[0, 1, 2, 3, 4, 5].map(index => (\n              <div key={index} style={{ display: 'flex', alignItems: 'center' }}>\n                <div class={`otp-field ${this.error ? 'error' : ''}`}>\n                  <input\n                    type=\"text\"\n                    maxlength=\"1\"\n                    placeholder={this.placeholder}\n                    value={this.otpValue[index] || ''}\n                    onInput={e => this.handleInput(e, index)}\n                    onClick={() => this.handleInputClick()}\n                    onKeyDown={e => this.handleKeyDown(e, index)}\n                    onPaste={e => this.handlePaste(e)}\n                    onFocus={e => {\n                      this.el\n                        ?.querySelectorAll('.otp-field')\n                        .forEach(field => field.classList.remove('active'));\n                      (e.target as HTMLElement).parentElement?.classList.add('active');\n                    }}\n                    onBlur={e => {\n                      (e.target as HTMLElement).parentElement?.classList.remove('active');\n                    }}\n                  />\n                </div>\n                {index === 2 && <div class=\"otp-separator\">-</div>}\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* Mensaje de error */}\n        {this.error && <div class=\"otp-error\">{this.error}</div>}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Ds466vGv.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/inputs/input-otp/input-otp.css?tag=input-otp","src/components/shared/inputs/input-otp/input-otp.tsx"],"sourcesContent":[".otp-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.otp-input-container {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-top: 8px;\n}\n\n.otp-fields {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.otp-field {\n  width: 36px;\n  height: 36px;\n  border: 2px solid #e5e7eb;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  background: white;\n  position: relative;\n}\n\n.otp-field.active {\n  border-color: var(--rebill-color-primary-hover);\n  transform: scale(1.02);\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.otp-field input {\n  width: 100%;\n  height: 100%;\n  border: none;\n  text-align: center;\n  font-size: 12px;\n  color: var(--rebill-color-text-primary);\n  background: transparent;\n  outline: none;\n  transition: all 0.3s ease;\n  caret-color: transparent;\n}\n\n.otp-field input {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.otp-field input::placeholder {\n  color: var(--rebill-color-text-secondary);\n  transition:\n    opacity 0.3s ease,\n    color 0.3s ease;\n}\n\n.otp-field input:focus::placeholder {\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.otp-field {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.otp-separator {\n  font-size: 18px;\n  font-weight: 500;\n  color: #6b7280;\n  margin: 4px;\n  user-select: none;\n  line-height: 1;\n  display: flex;\n  align-items: center;\n}\n\n.otp-error {\n  color: var(--rebill-color-error);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.otp-field.error {\n  border-color: var(--rebill-color-error);\n  border-width: 1px;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'input-otp',\n  styleUrl: 'input-otp.css',\n  shadow: false,\n})\nexport class InputOtp {\n  @Element() el: HTMLElement;\n  @Prop() error: string = '';\n  @Prop() otp: string = '';\n  @Prop() clearable: boolean = false;\n  @Prop() placeholder: string = '';\n  @Event() otpChange: EventEmitter<string>;\n  @State() otpValue: string = '';\n\n  componentWillLoad() {\n    this.otpValue = this.otp;\n  }\n\n  componentWillUpdate() {\n    if (this.otp !== this.otpValue) {\n      this.otpValue = this.otp;\n    }\n  }\n\n  private handleOtpChange(value: string) {\n    this.otpValue = value;\n    this.otpChange.emit(value);\n  }\n\n  private findFirstEmptyIndex(): number {\n    for (let i = 0; i < 6; i++) {\n      if (!this.otpValue[i]) {\n        return i;\n      }\n    }\n    return 5;\n  }\n\n  private focusField(index: number) {\n    const fields = this.el?.querySelectorAll('.otp-field input');\n    if (fields && fields[index]) {\n      (fields[index] as HTMLInputElement).focus();\n    }\n  }\n\n  private handleFieldClick = () => {\n    const firstEmptyIndex = this.findFirstEmptyIndex();\n    this.focusField(firstEmptyIndex);\n  };\n\n  private handleInputClick = () => {\n    this.handleFieldClick();\n  };\n\n  private handleKeyDown = (e: KeyboardEvent, index: number) => {\n    if (e.key === 'Backspace') {\n      const target = e.target as HTMLInputElement;\n      // Si el campo actual está vacío y no es el primer campo, ir al anterior\n      if (!target.value && index > 0) {\n        e.preventDefault();\n        const newValue = this.otpValue.split('');\n        newValue[index - 1] = '';\n        this.handleOtpChange(newValue.join(''));\n        setTimeout(() => {\n          this.focusField(index - 1);\n        }, 0);\n      } else if (target.value) {\n        const newValue = this.otpValue.split('');\n        newValue[index] = '';\n        this.handleOtpChange(newValue.join(''));\n      }\n    }\n  };\n\n  private handleInput = (e: Event, index: number) => {\n    const target = e.target as HTMLInputElement;\n    const value = target.value;\n\n    if (!/^\\d*$/.test(value)) {\n      target.value = '';\n      return;\n    }\n\n    const newValue = this.otpValue.split('');\n    newValue[index] = value;\n    this.handleOtpChange(newValue.join(''));\n\n    if (value && index < 5) {\n      setTimeout(() => {\n        this.focusField(index + 1);\n      }, 0);\n    }\n  };\n\n  private handlePaste = (e: ClipboardEvent) => {\n    e.preventDefault();\n    const pastedData = e.clipboardData?.getData('text/plain') || '';\n\n    const numbersOnly = pastedData.replace(/\\D/g, '');\n\n    if (numbersOnly.length >= 6) {\n      const otpCode = numbersOnly.substring(0, 6);\n      this.handleOtpChange(otpCode);\n\n      this.focusField(5);\n    } else if (numbersOnly.length > 0) {\n      const newValue = this.otpValue.split('');\n      for (let i = 0; i < Math.min(numbersOnly.length, 6); i++) {\n        newValue[i] = numbersOnly[i];\n      }\n      this.handleOtpChange(newValue.join(''));\n\n      const nextIndex = Math.min(numbersOnly.length, 5);\n      this.focusField(nextIndex);\n    }\n  };\n\n  render() {\n    return (\n      <div class=\"otp-container\">\n        {/* Icono de sobre azul */}\n        <div class=\"email-icon\">\n          <rebill-icon name=\"invite\" />\n        </div>\n\n        {/* Campos OTP */}\n        <div class=\"otp-input-container\" onClick={this.handleFieldClick}>\n          <div class=\"otp-fields\">\n            {[0, 1, 2, 3, 4, 5].map(index => (\n              <div key={index} style={{ display: 'flex', alignItems: 'center' }}>\n                <div class={`otp-field ${this.error ? 'error' : ''}`}>\n                  <input\n                    type=\"text\"\n                    maxlength=\"1\"\n                    placeholder={this.placeholder}\n                    value={this.otpValue[index] || ''}\n                    onInput={e => this.handleInput(e, index)}\n                    onClick={() => this.handleInputClick()}\n                    onKeyDown={e => this.handleKeyDown(e, index)}\n                    onPaste={e => this.handlePaste(e)}\n                    onFocus={e => {\n                      this.el\n                        ?.querySelectorAll('.otp-field')\n                        .forEach(field => field.classList.remove('active'));\n                      (e.target as HTMLElement).parentElement?.classList.add('active');\n                    }}\n                    onBlur={e => {\n                      (e.target as HTMLElement).parentElement?.classList.remove('active');\n                    }}\n                  />\n                </div>\n                {index === 2 && <div class=\"otp-separator\">-</div>}\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* Mensaje de error */}\n        {this.error && <div class=\"otp-error\">{this.error}</div>}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BrO6uPL6.js → p-DuyVg_A7.js}

@@ -8,10 +8,10 @@ import { P as PDFGenerator } from './p-D13RM4_j.js';
 import { d as defineCustomElement$8 } from './p-CLMKPBrB.js';
 import { d as defineCustomElement$7 } from './p-sOHrcM75.js';
 import { d as defineCustomElement$6 } from './p-N5kDm5Y3.js';
-import { d as defineCustomElement$5 } from './p-BS5TOpnh.js';
-import { d as defineCustomElement$4 } from './p-BZaiuF56.js';
+import { d as defineCustomElement$5 } from './p-CNgxCj8J.js';
+import { d as defineCustomElement$4 } from './p-iueBw_y3.js';
 import { d as defineCustomElement$3 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$2 } from './p-BLD5qbS8.js';
+import { d as defineCustomElement$2 } from './p-C9-xmJLv.js';
 import { d as defineCustomElement$1 } from './p-T8LQxh_O.js';
 import { f as formatDateTime } from './p-CYpzJT4H.js';
 
@@ -214,9 +214,9 @@ const RenewalSuccessPage = /*@__PURE__*/ proxyCustomElement(class RenewalSuccess
         return cardBrand && cardLastFour ? `${formattedBrand} - ${cardLastFour}` : formattedBrand;
     };
     render() {
-        return (h("rebill-checkout-single-column", { key: '0648e67cf19a5ec7de833a7421b357f5d78dccc6' }, h("div", { key: '98e4cf0928f19a0b3fde2a4e21f3faf9442f50b8', class: "renewal-success-page__success-content" }, h("rebill-typography", { key: 'cfc1e467be4920c821e82be60a0119dc7f18358a', variant: "h3", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.successTitle')), h("div", { key: '7195eed214f8b9bffabda50a0df6cbb9d958e0ee', class: "renewal-success-page__success-icon" }, h("svg", { key: 'a292d322c3d2ef7307a937006bfd5753d7d68867', width: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', height: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'd8da8740054219e48c2fee0e6875e1157a517a83', "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" }))), h("div", { key: 'd0c581d3c1f43c0165ea23024162f0fb9696e362', class: "renewal-success-page__info-card" }, h("div", { key: 'c7d4d856c7c8fc972a453e258c360405f7eeefff', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '4ec71629ae073f9219406960ccff4bb35391532b', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentMethod')), h("div", { key: '96283a0620c1261c42bbffebdbb0809fd260f507', class: "renewal-success-page__card-value" }, h("div", { key: '82ab4579168d625fc0290d7e51f70d55ef3f3f61', class: "renewal-success-page__payment-method-display" }, this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (h(h.Fragment, null, h("rebill-card-icon", { key: '27dc1da90440e49dca23a64cf9237e2e0b86a14d', "card-brand": renewalState.data?.cardInformation?.brand || '' }), h("rebill-typography", { key: '194216f9ddc335c9ad0c1d8da55e01eabc720980', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.textPaymentMethodCard()))), this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (h("div", { key: '39fe357f121aa3afadcbb8bf262d4e02fadc29c1', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, h("div", { key: 'b5c8a08f8bc3813e29e534bdb5ad1e9132fdc495', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, this.getPaymentMethodConfig(PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(iconName => {
+        return (h("rebill-checkout-single-column", { key: 'a239b828fc27cf3abf25ef3a70c8ed70a7c6347e' }, h("div", { key: 'a6b98f63c3429afe4156f934d27082747ad421b7', class: "renewal-success-page__success-content" }, h("rebill-typography", { key: 'a5d9a81697e66e108fe474973eaf7e662dd3a9a8', variant: "h3", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.successTitle')), h("div", { key: 'aa1d2c45651941e83ab6a2ab153b913e6fd5aa56', class: "renewal-success-page__success-icon" }, h("svg", { key: '3a886e1c8c0aa11a4ac034d202bd82faecf932ea', width: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', height: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '37434d1a3f1275e185e4d5a32321bad0b0c0e103', "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" }))), h("div", { key: '1cda6d758629c4829697814f226d78f72cdf739a', class: "renewal-success-page__info-card" }, h("div", { key: '7edc2f9bdad58f80f838ab9ec96ca3afc08c72af', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'b7a6e172ac1776bad3835b50419aaafb33e21348', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentMethod')), h("div", { key: 'bf04191d72701a6ff88c74846d86272283c5d43f', class: "renewal-success-page__card-value" }, h("div", { key: '1272075a876cf9c5db13612869e19780e7f6dcc7', class: "renewal-success-page__payment-method-display" }, this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (h(h.Fragment, null, h("rebill-card-icon", { key: 'b79718d298a67ed9d1a6e79c056ab69af5ad85ce', "card-brand": renewalState.data?.cardInformation?.brand || '' }), h("rebill-typography", { key: 'f74ca5245468cc02754234073219ca7d8fab9d90', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.textPaymentMethodCard()))), this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (h("div", { key: '5e3c90bca337d977258b893085d535f41b8d6a64', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, h("div", { key: 'c1dd9a6dc407156084b4024642d06679cccf950d', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, this.getPaymentMethodConfig(PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(iconName => {
             return h("rebill-icon", { name: iconName, size: "24px" });
-        })), h("rebill-typography", { key: 'e0bf3452b7cc91f3a5fc609656c01999d1482f1c', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('paymentMethods.bank_transfer'))))))), h("div", { key: '0b1f6234eca45a102e627ec5f309425754b6f6fd', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'b25b3199407ecc82f0f9b0984d34e9313d62d05f', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentDate')), h("rebill-typography", { key: '112d106fe960bcbca6aaee3b6b8df4b2f7412f26', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatDateTime(this.paymentDate || this.getPaymentDate()) || '')), h("div", { key: '291f7e550188e84f3275729a38eb256dff3b4ec3', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '29a4222ac0abd91df2a53f2f4e1bad04cc6a4f6d', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentEmail')), h("rebill-typography", { key: '2e4d539c78e917c17458abdc7b6a5a2f8f2a43fe', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, renewalState.data.subscription.customerEmail)), h("div", { key: '73933b82e9f12616ca7e2eb5a9691fcc70e7908e', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '564adc1ca46f4e37a7bc2e128125efa5b9e4c7f4', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentReference')), h("rebill-typography", { key: '075025835b6634e8462f86038730f67cd38756f9', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT, class: "renewal-success-page__reference-number" }, this.referenceNumber || ''))), h("div", { key: '60fc2d47fbe0538ff389e372e358f1b594c408f2', class: "renewal-success-page__info-card" }, h("rebill-typography", { key: 'e8026990e733a748e0c3ae3bdc40746e33b4f78f', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.purchaseDetails')), h("div", { key: '30f773b6ec8e9428c8fa025b7040a3efa02e56f1', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '93021283c1fae04864c81827309f9ee8d1d3a2c7', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseDetail')), h("rebill-typography", { key: '811c73fedbb22b69ff19643e626a5b646a027ff7', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, renewalState.data.subscription.name[0]?.text || 'Subscription')), h("div", { key: '4560894326adf0d5bd9ead13de9c8671719de1b5', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'd15af8f14b154f7ec0393869a642cbe25cdfba4c', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseSubtotal')), h("rebill-typography", { key: '1c22b3abac80887ce2083ad7747374e595eef7d2', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatAmount(renewalState.data.subscription.subTotalAmount, renewalState.data.price.currency))), this.hasDiscount() && (h("div", { key: '8fbdbe15d94d84c9886e7e07856aa772c633029e', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'be6663fb9e89da8a2249be834722e140c4bd7ea5', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('summary.discount')), h("rebill-typography", { key: '919917dd1344e7136894a59470292890857e19fb', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatAmount(this.getDiscountAmountValue(), renewalState.data.price.currency)))), h("div", { key: '91c9a6dab0b72bfe99130cfeea9ffc5863f80571', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '82850f52eca94224850cb6ac13d434f7ff8a97e4', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseMontoTotal')), h("div", { key: 'abc2aaab534e121f50168a7d9c809c2391aa1140', class: "renewal-success-page__total-amount-container" }, h("rebill-typography", { key: '21b3253461283cfb82193c6c58dc8599a4efe614', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatAmount(renewalState.data.price.amount, renewalState.data.price.currency)))), h("div", { key: 'ccc0f72a2720a3c8871d95ed5e6838c54ec1c963', class: "renewal-success-page__card-divider" }), h("div", { key: 'b893bff89ce0c7d24f6d1adfe70b86a885cdf159', class: "renewal-success-page__download-container" }, h("svg", { key: '1d3b26fc5a7649edd9be292b71c8d1cea026513c', class: "download-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b77fcdb351eaa403dfbb4cdff1fde9ac0aafe514', 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" })), h("rebill-button", { key: 'ef772307a9d69070907c2a944c227d44bc728aab', type: "button", variant: "download", size: "small", onClick: this.handleDownloadReceipt }, h("rebill-typography", { key: '5e0e6d102413bf91f433fca1ffa937500174625d', variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.download')))), h("div", { key: 'e81b27b02ec1bd7a5fcac1713b511485207f8411', class: "renewal-success-page__contact-info" }, h("rebill-typography", { key: 'aad6fda656c22a151f3cf3d1ba25ebe6f1846b9a', variant: "information-text", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.downloadDescription')))))));
+        })), h("rebill-typography", { key: '753c7d6154d22b5a531de138ef9df66bd50d58fc', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('paymentMethods.bank_transfer'))))))), h("div", { key: 'c22bd3cb7c434a0a96eb538700ec6d9e84765795', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'd9e9a384c86ebca08bf38525316ac1b2dfc7422d', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentDate')), h("rebill-typography", { key: '0b59d5dc390de214158840fb709af78525cfefea', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatDateTime(this.paymentDate || this.getPaymentDate()) || '')), h("div", { key: '50786fa0d89399297fb1acf844b65104cebae06e', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '7d598f5fefe4dacee1de32d3d78cd7ea9637f199', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentEmail')), h("rebill-typography", { key: 'b6dde819b00efb0da2da325fb173341a3193c6c5', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, renewalState.data.subscription.customerEmail)), h("div", { key: '3c46859ffa572d51f74493ac2c5d6049fba0aa24', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '421fcdb0c4a36d336bf2b6ef95a38386ca14bc5d', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentReference')), h("rebill-typography", { key: '2c27b324746d67473d5f772b1686de99e2b6e5b9', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT, class: "renewal-success-page__reference-number" }, this.referenceNumber || ''))), h("div", { key: 'b8f9d223b0b8fc534a6d3d9f17e0f2e8f20a3597', class: "renewal-success-page__info-card" }, h("rebill-typography", { key: '253f52f1f3e28f28562c8e549b4e0af24b55ff2b', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.purchaseDetails')), h("div", { key: 'c517721f13f50084f87c3b9f25cb3096cdd1e96a', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '1352deb43d6cfc98b573fd3ed6a51dede43938b1', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseDetail')), h("rebill-typography", { key: '85e18a0bb1f1f7051ddb7586ee38fe19507cc3d7', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, renewalState.data.subscription.name[0]?.text || 'Subscription')), h("div", { key: '666e7b196ddfccf2562adc1918a7aa425b40e36c', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'f12b5e447030ab9257bbad458fd981bf32f7071a', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseSubtotal')), h("rebill-typography", { key: 'bd3b76f6ad5fb9b537b47c0c97680711c2070410', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatAmount(renewalState.data.subscription.subTotalAmount, renewalState.data.price.currency))), this.hasDiscount() && (h("div", { key: 'e82bb80c805d68bb1ac54f351975a900fb982d50', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'a961d4d1a5620633ab5ca4c60c53d2706fba3d94', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('summary.discount')), h("rebill-typography", { key: 'f396c19717a68069ea000abf49fd1dcf05d34b60', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatAmount(this.getDiscountAmountValue(), renewalState.data.price.currency)))), h("div", { key: '3e2c645f7ec6b1b293db8d1984d7628279734d81', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '7629e972d8fda078945aa253d5a8086ab87570f3', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseMontoTotal')), h("div", { key: 'e931d961c8563f38beba85ccf56bc5dff89f08e3', class: "renewal-success-page__total-amount-container" }, h("rebill-typography", { key: '7949389721ec12258633b839a3e1b8730d199776', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatAmount(renewalState.data.price.amount, renewalState.data.price.currency)))), h("div", { key: 'b1f798fefbf45fd5d35bae1f73e20c15e3678249', class: "renewal-success-page__card-divider" }), h("div", { key: '6833d7028be88cef990c46a1a55cea2d4b8bd840', class: "renewal-success-page__download-container" }, h("svg", { key: 'fa4cdf941d84391036358e49f099d70425c5b133', class: "download-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '30595c88a5ca2ba310be5bb1d14a8842fc0e8b42', 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" })), h("rebill-button", { key: '3f2c1f7fc634652346c1b5ae17d59951b17b5e20', type: "button", variant: "download", size: "small", onClick: this.handleDownloadReceipt }, h("rebill-typography", { key: 'b0739a392b85c02d5b765beaa57df27fbed686d2', variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.download')))), h("div", { key: 'c60a0eec0d7c64e131877827a2bc1c78f692e20a', class: "renewal-success-page__contact-info" }, h("rebill-typography", { key: '875970bb426700e60d228a8201f749d932fcb7b6', variant: "information-text", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.downloadDescription')))))));
     }
     static get style() { return renewalSuccessPageCss; }
 }, [256, "renewal-success-page", {
@@ -293,6 +293,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { RenewalSuccessPage as R, defineCustomElement as d };
-//# sourceMappingURL=p-BrO6uPL6.js.map
+//# sourceMappingURL=p-DuyVg_A7.js.map
 
-//# sourceMappingURL=p-BrO6uPL6.js.map
+//# sourceMappingURL=p-DuyVg_A7.js.map

package/dist/components/{p-BrO6uPL6.js.map → p-DuyVg_A7.js.map}

@@ -1 +1 @@
-{"file":"p-BrO6uPL6.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/renewal/renewal-success-page/renewal-success-page.css?tag=renewal-success-page","src/components/renewal/renewal-success-page/renewal-success-page.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n/* Success View Styles */\n.renewal-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\n/* Eliminar márgenes del h3 en el componente de éxito */\n.renewal-success-page__success-content rebill-typography[variant='h3'] {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.renewal-success-page__success-icon {\n  display: flex;\n  justify-content: center;\n  margin: 0.5rem 0;\n}\n\n/* Info Cards */\n.renewal-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.renewal-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.renewal-success-page__card-row:last-of-type {\n  margin-bottom: 0;\n}\n\n.renewal-success-page__card-value {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.renewal-success-page__payment-method-display {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  justify-content: center;\n}\n\n.renewal-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.renewal-success-page__payment-method-display rebill-card-icon svg {\n  display: block;\n}\n\n.renewal-success-page__payment-method-display rebill-icon {\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 8px;\n}\n\n.renewal-success-page__payment-method-display rebill-icon div {\n  display: block;\n}\n\n.renewal-success-page__card-divider {\n  height: 1px;\n  background: #e5e7eb;\n}\n\n.renewal-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.renewal-success-page__contact-info {\n  text-align: left;\n}\n\n.renewal-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.renewal-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/* Responsive Styles */\n@media (max-width: 1024px) {\n  .renewal-success-page__success-content {\n    max-width: 100%;\n    gap: 1.5rem;\n    margin-left: 16px;\n    margin-right: 16px;\n  }\n\n  .renewal-success-page__info-card {\n    width: 100%;\n    max-width: 100%;\n    padding: 12px;\n  }\n}\n\n@media (max-width: 767px) {\n  .renewal-success-page__info-card {\n    padding: 12px;\n  }\n}\n","import { Component, Event, EventEmitter, getAssetPath, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { renewalState } from '../../../store/renewal.store';\nimport { formatDateTime } from '../../../utils';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { getCountryPaymentMethods } from '../../../utils/countries-payment-methods';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\nimport { formatAmount } from '../../../utils/currency-formatter';\nimport { PDFGenerator } from '../../../utils/pdf-generator';\n\n@Component({\n  tag: 'renewal-success-page',\n  styleUrl: 'renewal-success-page.css',\n  shadow: false,\n})\nexport class RenewalSuccessPage {\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 = 'es';\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 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 getPaymentMethodConfig(method: PAYMENT_METHOD_ENUM) {\n    const countryPaymentMethods = this.country ? getCountryPaymentMethods(this.country) : null;\n\n    const countrySpecificMethod = countryPaymentMethods?.find(pm => pm.type === method);\n\n    // Get country-specific display name for cash payment method\n    const cashLabel =\n      method === PAYMENT_METHOD_ENUM.CASH && this.country === 'BR'\n        ? getPaymentMethodDisplayName(PAYMENT_METHOD_ENUM.CASH, this.country) ||\n          I18nService.translate('paymentMethods.cash')\n        : I18nService.translate('paymentMethods.cash');\n\n    // Default configurations (fallback)\n    const defaultConfigs = {\n      [PAYMENT_METHOD_ENUM.CARD]: {\n        key: PAYMENT_METHOD_ENUM.CARD,\n        label: I18nService.translate('paymentMethods.card'),\n        icons: ['card'],\n      },\n      [PAYMENT_METHOD_ENUM.CASH]: {\n        key: PAYMENT_METHOD_ENUM.CASH,\n        label: cashLabel,\n        icons: ['pago-facil'],\n      },\n      [PAYMENT_METHOD_ENUM.BANK_TRANSFER]: {\n        key: PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n        label: I18nService.translate('paymentMethods.bank_transfer'),\n        icons: ['plus'],\n      },\n    };\n\n    const defaultConfig = defaultConfigs[method];\n\n    // If we have country-specific icons, use them; otherwise use defaults\n    return {\n      ...defaultConfig,\n      icons: countrySpecificMethod?.icons || defaultConfig.icons,\n    };\n  }\n\n  private getPaymentDate = (): string => {\n    // Usar el parámetro paymentDate que viene del renewal principal\n    return this.paymentDate || '';\n  };\n\n  componentWillLoad() {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n\n    // Para renewal, no hay redirect por defecto, pero podríamos agregarlo si es necesario\n    if (this.showRedirectMessage) {\n      this.successDisplayTimeout = window.setTimeout(() => {\n        this.showRedirectMessage = true;\n        this.loadLottieAnimation();\n      }, 1500);\n\n      setTimeout(() => {\n        // Aquí podrías agregar lógica de redirect si es necesaria\n        this.stopLoaderAnimation();\n      }, this.timeToRedirect);\n    }\n  }\n\n  componentDidLoad() {\n    window.addEventListener('resize', this.handleResize);\n    if (!this.showRedirectMessage) {\n      this.loadLottieAnimation();\n    }\n  }\n\n  disconnectedCallback() {\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\n  private loadLottieAnimation = async () => {\n    try {\n      const lottie = await import('lottie-web');\n      const animationData = await fetch(getAssetPath(`./assets/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(renewalState.data.cardInformation?.brand || ''),\n        }),\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n          cardLastFour: this.cardLastFour ?? renewalState.data.cardInformation?.lastFour,\n        }),\n        paymentDate:\n          formatDateTime(this.getPaymentDate()) || formatDateTime(new Date().toISOString()),\n        email: renewalState.data.subscription.customerEmail || '',\n        referenceNumber: this.referenceNumber,\n        productTitle: renewalState.data.subscription.name[0]?.text || 'Subscription',\n        subtotal: formatAmount(\n          renewalState.data.subscription.subTotalAmount,\n          renewalState.data.price.currency as any,\n        ),\n        total: formatAmount(\n          renewalState.data.price.amount,\n          renewalState.data.price.currency as any,\n        ),\n        currency: (renewalState.data.price.currency as any) || ' ',\n        ...(this.getDiscountAmountValue() > 0 && {\n          discountAmount: formatAmount(\n            this.getDiscountAmountValue(),\n            renewalState.data.price.currency as any,\n          ),\n        }),\n        trialPeriodDays: this.trialPeriodDays,\n        debitDay: this.debitDay,\n        planAmount: formatAmount(this.planAmount, renewalState.data.price.currency as any),\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 getDiscountAmountValue = () => {\n    if (renewalState?.data?.price?.amount < renewalState?.data?.subscription?.subTotalAmount) {\n      return renewalState?.data?.subscription?.subTotalAmount - renewalState?.data?.price?.amount;\n    }\n    return 0;\n  };\n\n  hasDiscount = () => {\n    return this.getDiscountAmountValue() > 0;\n  };\n\n  private textPaymentMethodCard = () => {\n    const cardBrand = renewalState.data?.cardInformation?.brand;\n    const cardLastFour = this.cardLastFour || renewalState.data?.cardInformation?.lastFour;\n\n    const formattedBrand = this.applyStartCaseToBrand(cardBrand || '');\n    return cardBrand && cardLastFour ? `${formattedBrand} - ${cardLastFour}` : formattedBrand;\n  };\n\n  render() {\n    return (\n      <rebill-checkout-single-column>\n        <div class=\"renewal-success-page__success-content\">\n          <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n            {I18nService.translate('processing.successTitle')}\n          </rebill-typography>\n\n          <div class=\"renewal-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          {/* Payment Details Card */}\n          <div class=\"renewal-success-page__info-card\">\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentMethod')}\n              </rebill-typography>\n              <div class=\"renewal-success-page__card-value\">\n                <div class=\"renewal-success-page__payment-method-display\">\n                  {this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (\n                    <>\n                      <rebill-card-icon\n                        card-brand={renewalState.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                      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                        {this.getPaymentMethodConfig(PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(\n                          iconName => {\n                            return <rebill-icon name={iconName} size=\"24px\" />;\n                          },\n                        )}\n                      </div>\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            <div class=\"renewal-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(this.paymentDate || this.getPaymentDate()) || ''}\n              </rebill-typography>\n            </div>\n            <div class=\"renewal-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                {renewalState.data.subscription.customerEmail}\n              </rebill-typography>\n            </div>\n            <div class=\"renewal-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=\"renewal-success-page__reference-number\"\n              >\n                {this.referenceNumber || ''}\n              </rebill-typography>\n            </div>\n          </div>\n\n          {/* Purchase Details Card */}\n          <div class=\"renewal-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=\"renewal-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                {renewalState.data.subscription.name[0]?.text || 'Subscription'}\n              </rebill-typography>\n            </div>\n            <div class=\"renewal-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                {formatAmount(\n                  renewalState.data.subscription.subTotalAmount,\n                  renewalState.data.price.currency as any,\n                )}\n              </rebill-typography>\n            </div>\n            {this.hasDiscount() && (\n              <div class=\"renewal-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                  {formatAmount(\n                    this.getDiscountAmountValue(),\n                    renewalState.data.price.currency as any,\n                  )}\n                </rebill-typography>\n              </div>\n            )}\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseMontoTotal')}\n              </rebill-typography>\n              <div class=\"renewal-success-page__total-amount-container\">\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {formatAmount(\n                    renewalState.data.price.amount,\n                    renewalState.data.price.currency as any,\n                  )}\n                </rebill-typography>\n              </div>\n            </div>\n            <div class=\"renewal-success-page__card-divider\"></div>\n            <div class=\"renewal-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=\"renewal-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"],"version":3}
+{"file":"p-DuyVg_A7.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/renewal/renewal-success-page/renewal-success-page.css?tag=renewal-success-page","src/components/renewal/renewal-success-page/renewal-success-page.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n/* Success View Styles */\n.renewal-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\n/* Eliminar márgenes del h3 en el componente de éxito */\n.renewal-success-page__success-content rebill-typography[variant='h3'] {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.renewal-success-page__success-icon {\n  display: flex;\n  justify-content: center;\n  margin: 0.5rem 0;\n}\n\n/* Info Cards */\n.renewal-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.renewal-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.renewal-success-page__card-row:last-of-type {\n  margin-bottom: 0;\n}\n\n.renewal-success-page__card-value {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.renewal-success-page__payment-method-display {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  justify-content: center;\n}\n\n.renewal-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.renewal-success-page__payment-method-display rebill-card-icon svg {\n  display: block;\n}\n\n.renewal-success-page__payment-method-display rebill-icon {\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 8px;\n}\n\n.renewal-success-page__payment-method-display rebill-icon div {\n  display: block;\n}\n\n.renewal-success-page__card-divider {\n  height: 1px;\n  background: #e5e7eb;\n}\n\n.renewal-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.renewal-success-page__contact-info {\n  text-align: left;\n}\n\n.renewal-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.renewal-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/* Responsive Styles */\n@media (max-width: 1024px) {\n  .renewal-success-page__success-content {\n    max-width: 100%;\n    gap: 1.5rem;\n    margin-left: 16px;\n    margin-right: 16px;\n  }\n\n  .renewal-success-page__info-card {\n    width: 100%;\n    max-width: 100%;\n    padding: 12px;\n  }\n}\n\n@media (max-width: 767px) {\n  .renewal-success-page__info-card {\n    padding: 12px;\n  }\n}\n","import { Component, Event, EventEmitter, getAssetPath, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { renewalState } from '../../../store/renewal.store';\nimport { formatDateTime } from '../../../utils';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { getCountryPaymentMethods } from '../../../utils/countries-payment-methods';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\nimport { formatAmount } from '../../../utils/currency-formatter';\nimport { PDFGenerator } from '../../../utils/pdf-generator';\n\n@Component({\n  tag: 'renewal-success-page',\n  styleUrl: 'renewal-success-page.css',\n  shadow: false,\n})\nexport class RenewalSuccessPage {\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 = 'es';\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 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 getPaymentMethodConfig(method: PAYMENT_METHOD_ENUM) {\n    const countryPaymentMethods = this.country ? getCountryPaymentMethods(this.country) : null;\n\n    const countrySpecificMethod = countryPaymentMethods?.find(pm => pm.type === method);\n\n    // Get country-specific display name for cash payment method\n    const cashLabel =\n      method === PAYMENT_METHOD_ENUM.CASH && this.country === 'BR'\n        ? getPaymentMethodDisplayName(PAYMENT_METHOD_ENUM.CASH, this.country) ||\n          I18nService.translate('paymentMethods.cash')\n        : I18nService.translate('paymentMethods.cash');\n\n    // Default configurations (fallback)\n    const defaultConfigs = {\n      [PAYMENT_METHOD_ENUM.CARD]: {\n        key: PAYMENT_METHOD_ENUM.CARD,\n        label: I18nService.translate('paymentMethods.card'),\n        icons: ['card'],\n      },\n      [PAYMENT_METHOD_ENUM.CASH]: {\n        key: PAYMENT_METHOD_ENUM.CASH,\n        label: cashLabel,\n        icons: ['pago-facil'],\n      },\n      [PAYMENT_METHOD_ENUM.BANK_TRANSFER]: {\n        key: PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n        label: I18nService.translate('paymentMethods.bank_transfer'),\n        icons: ['plus'],\n      },\n    };\n\n    const defaultConfig = defaultConfigs[method];\n\n    // If we have country-specific icons, use them; otherwise use defaults\n    return {\n      ...defaultConfig,\n      icons: countrySpecificMethod?.icons || defaultConfig.icons,\n    };\n  }\n\n  private getPaymentDate = (): string => {\n    // Usar el parámetro paymentDate que viene del renewal principal\n    return this.paymentDate || '';\n  };\n\n  componentWillLoad() {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n\n    // Para renewal, no hay redirect por defecto, pero podríamos agregarlo si es necesario\n    if (this.showRedirectMessage) {\n      this.successDisplayTimeout = window.setTimeout(() => {\n        this.showRedirectMessage = true;\n        this.loadLottieAnimation();\n      }, 1500);\n\n      setTimeout(() => {\n        // Aquí podrías agregar lógica de redirect si es necesaria\n        this.stopLoaderAnimation();\n      }, this.timeToRedirect);\n    }\n  }\n\n  componentDidLoad() {\n    window.addEventListener('resize', this.handleResize);\n    if (!this.showRedirectMessage) {\n      this.loadLottieAnimation();\n    }\n  }\n\n  disconnectedCallback() {\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\n  private loadLottieAnimation = async () => {\n    try {\n      const lottie = await import('lottie-web');\n      const animationData = await fetch(getAssetPath(`./assets/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(renewalState.data.cardInformation?.brand || ''),\n        }),\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n          cardLastFour: this.cardLastFour ?? renewalState.data.cardInformation?.lastFour,\n        }),\n        paymentDate:\n          formatDateTime(this.getPaymentDate()) || formatDateTime(new Date().toISOString()),\n        email: renewalState.data.subscription.customerEmail || '',\n        referenceNumber: this.referenceNumber,\n        productTitle: renewalState.data.subscription.name[0]?.text || 'Subscription',\n        subtotal: formatAmount(\n          renewalState.data.subscription.subTotalAmount,\n          renewalState.data.price.currency as any,\n        ),\n        total: formatAmount(\n          renewalState.data.price.amount,\n          renewalState.data.price.currency as any,\n        ),\n        currency: (renewalState.data.price.currency as any) || ' ',\n        ...(this.getDiscountAmountValue() > 0 && {\n          discountAmount: formatAmount(\n            this.getDiscountAmountValue(),\n            renewalState.data.price.currency as any,\n          ),\n        }),\n        trialPeriodDays: this.trialPeriodDays,\n        debitDay: this.debitDay,\n        planAmount: formatAmount(this.planAmount, renewalState.data.price.currency as any),\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 getDiscountAmountValue = () => {\n    if (renewalState?.data?.price?.amount < renewalState?.data?.subscription?.subTotalAmount) {\n      return renewalState?.data?.subscription?.subTotalAmount - renewalState?.data?.price?.amount;\n    }\n    return 0;\n  };\n\n  hasDiscount = () => {\n    return this.getDiscountAmountValue() > 0;\n  };\n\n  private textPaymentMethodCard = () => {\n    const cardBrand = renewalState.data?.cardInformation?.brand;\n    const cardLastFour = this.cardLastFour || renewalState.data?.cardInformation?.lastFour;\n\n    const formattedBrand = this.applyStartCaseToBrand(cardBrand || '');\n    return cardBrand && cardLastFour ? `${formattedBrand} - ${cardLastFour}` : formattedBrand;\n  };\n\n  render() {\n    return (\n      <rebill-checkout-single-column>\n        <div class=\"renewal-success-page__success-content\">\n          <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n            {I18nService.translate('processing.successTitle')}\n          </rebill-typography>\n\n          <div class=\"renewal-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          {/* Payment Details Card */}\n          <div class=\"renewal-success-page__info-card\">\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentMethod')}\n              </rebill-typography>\n              <div class=\"renewal-success-page__card-value\">\n                <div class=\"renewal-success-page__payment-method-display\">\n                  {this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (\n                    <>\n                      <rebill-card-icon\n                        card-brand={renewalState.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                      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                        {this.getPaymentMethodConfig(PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(\n                          iconName => {\n                            return <rebill-icon name={iconName} size=\"24px\" />;\n                          },\n                        )}\n                      </div>\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            <div class=\"renewal-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(this.paymentDate || this.getPaymentDate()) || ''}\n              </rebill-typography>\n            </div>\n            <div class=\"renewal-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                {renewalState.data.subscription.customerEmail}\n              </rebill-typography>\n            </div>\n            <div class=\"renewal-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=\"renewal-success-page__reference-number\"\n              >\n                {this.referenceNumber || ''}\n              </rebill-typography>\n            </div>\n          </div>\n\n          {/* Purchase Details Card */}\n          <div class=\"renewal-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=\"renewal-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                {renewalState.data.subscription.name[0]?.text || 'Subscription'}\n              </rebill-typography>\n            </div>\n            <div class=\"renewal-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                {formatAmount(\n                  renewalState.data.subscription.subTotalAmount,\n                  renewalState.data.price.currency as any,\n                )}\n              </rebill-typography>\n            </div>\n            {this.hasDiscount() && (\n              <div class=\"renewal-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                  {formatAmount(\n                    this.getDiscountAmountValue(),\n                    renewalState.data.price.currency as any,\n                  )}\n                </rebill-typography>\n              </div>\n            )}\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseMontoTotal')}\n              </rebill-typography>\n              <div class=\"renewal-success-page__total-amount-container\">\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {formatAmount(\n                    renewalState.data.price.amount,\n                    renewalState.data.price.currency as any,\n                  )}\n                </rebill-typography>\n              </div>\n            </div>\n            <div class=\"renewal-success-page__card-divider\"></div>\n            <div class=\"renewal-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=\"renewal-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"],"version":3}

package/dist/components/{p-CTCwiLaJ.js → p-RbKsk0NK.js}

@@ -3356,10 +3356,10 @@ const InputPhone = /*@__PURE__*/ proxyCustomElement(class InputPhone extends H {
         const translatedError = this.translateError(this.error);
         const translatedValidationError = this.translateError(this.validationError);
         const displayError = translatedError || translatedValidationError;
-        return (h("div", { key: '8fba6feb4478949879c456ff3577e2ad1f367b44', class: "input-container" }, h("div", { key: 'e8a28230fe4037b279a8d4384373fb8ebf53878d', class: inputClasses }, h("div", { key: 'bcedaa12b504a099bd964210ca53009c57786e30', class: "input-combo-select country-selector", onClick: this.toggleDropdown }, h("span", { key: '440a00bad94b4780654dfa64f82b80d461a5cbca', class: "flag" }, this.selectedCountry.flag), h("span", { key: '6f046256e37dc9f965111827aff45c091c29a9f5', class: "dial-code" }, this.selectedCountry.dialCode), h("span", { key: 'fd69d4bd8659db7aea9d8d00070bed1f57dd0521', class: `dropdown-arrow ${this.isDropdownOpen ? 'open' : ''}` }, "\u25BC")), this.isDropdownOpen && (h("div", { key: '1165d6036ea97e1d43a72a0b77f79e0742cd154c', class: "country-dropdown" }, this.searchable && (h("div", { key: 'ec3c210898d9253a4ba8dbc20f9464f3c6a4936a', class: "search-container", onClick: this.handleSearchClick }, h("div", { key: 'ef27972eaecf64965aae24bda863fcd224684a82', class: "search-input-wrapper" }, h("rebill-icon", { key: '3bfc22a42421239512da7bbe17afd4f07177b4ae', name: "search", size: "16px", class: "search-icon" }), h("input", { key: '9dab2af68352698c0267f49c501c282b6fe2dcf5', ref: el => (this.searchInputRef = el), type: "text", class: "search-input", placeholder: this.searchPlaceholder, value: this.searchTerm, onInput: this.handleSearchInput, onClick: this.handleSearchClick }), this.searchTerm && (h("button", { key: '42fab62bc8ebe1dc9e4b65d4466be292da37797c', type: "button", class: "clear-search", onClick: event => {
+        return (h("div", { key: '9bfb1a075b9ea338d062f260ca89e3036ad489ae', class: "input-container" }, h("div", { key: '60af8d6684ef5c3b576de699ba522ec0d8147bf0', class: inputClasses }, h("div", { key: 'f48255f3bb5fdea49bd3a6d8617939f89e111465', class: "input-combo-select country-selector", onClick: this.toggleDropdown }, h("span", { key: 'c824bbb3c4c14ad31f45aaf5414b4000f3364a18', class: "flag" }, this.selectedCountry.flag), h("span", { key: '0a1f614c791c4bd3490fb9b259d7aba5fb179210', class: "dial-code" }, this.selectedCountry.dialCode), h("span", { key: 'f9eb3ac4c2675afc7445dcfbc0cf0f0a70c8e721', class: `dropdown-arrow ${this.isDropdownOpen ? 'open' : ''}` }, "\u25BC")), this.isDropdownOpen && (h("div", { key: 'e0ef26d1fa03ccadf93955f4775f7e965f2e8988', class: "country-dropdown" }, this.searchable && (h("div", { key: '18bb6464cd28a58137cedbf62c5487f43daf62a8', class: "search-container", onClick: this.handleSearchClick }, h("div", { key: '844c66e1899ba58ce199fcb7f76a056629c8a887', class: "search-input-wrapper" }, h("rebill-icon", { key: '35d725f71c63307f2f62a528919723469c4584b7', name: "search", size: "16px", class: "search-icon" }), h("input", { key: '9b0abbc8b57424841a611dc76892979b7ae29955', ref: el => (this.searchInputRef = el), type: "text", class: "search-input", placeholder: this.searchPlaceholder, value: this.searchTerm, onInput: this.handleSearchInput, onClick: this.handleSearchClick }), this.searchTerm && (h("button", { key: 'c9426b67a6121cfa453d43ffe1ca83a257303f86', type: "button", class: "clear-search", onClick: event => {
                 event.stopPropagation();
                 this.clearSearch();
-            }, "aria-label": "Clear search" }, h("rebill-icon", { key: '729810b758d580a3d8e97466167372f2f38ac1cd', name: "x", size: "16px" })))))), this.filteredCountries.length > 0 ? (this.filteredCountries.map(country => (h("div", { key: country.code, class: "country-option", onClick: e => this.selectCountry(country, e) }, h("span", { class: "flag" }, country.flag), h("span", { class: "country-name" }, country.name), h("span", { class: "dial-code" }, country.dialCode))))) : (h("div", { class: "no-results" }, "No se encontraron resultados")))), h("input", { key: '670c71606ecd9dee94027283e89d04aac41450cd', id: this.phoneNumberId, type: "tel", class: "input-combo-element phone-number-input", placeholder: this.placeholder, value: this.value, onInput: this.onInput, onBlur: this.onPhoneBlurPhone, disabled: this.disabled, required: this.required })), displayError && h("span", { key: '5654b0719202e22091eb4b247361d05a880a6096', class: "error-message" }, displayError)));
+            }, "aria-label": "Clear search" }, h("rebill-icon", { key: '0c6c770adc4587627336ad73d5740931d2fc35d7', name: "x", size: "16px" })))))), this.filteredCountries.length > 0 ? (this.filteredCountries.map(country => (h("div", { key: country.code, class: "country-option", onClick: e => this.selectCountry(country, e) }, h("span", { class: "flag" }, country.flag), h("span", { class: "country-name" }, country.name), h("span", { class: "dial-code" }, country.dialCode))))) : (h("div", { class: "no-results" }, "No se encontraron resultados")))), h("input", { key: '7a1a13857f138578f13a8c3430f1f41afc115d96', id: this.phoneNumberId, type: "tel", class: "input-combo-element phone-number-input", placeholder: this.placeholder, value: this.value, onInput: this.onInput, onBlur: this.onPhoneBlurPhone, disabled: this.disabled, required: this.required })), displayError && h("span", { key: 'cb53860dcc25c54579ac45c7a785bb3e540b3c3a', class: "error-message" }, displayError)));
     }
     static get style() { return inputPhoneCss; }
 }, [256, "rebill-input-phone", {
@@ -3403,6 +3403,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { InputPhone as I, defineCustomElement as d };
-//# sourceMappingURL=p-CTCwiLaJ.js.map
+//# sourceMappingURL=p-RbKsk0NK.js.map
 
-//# sourceMappingURL=p-CTCwiLaJ.js.map
+//# sourceMappingURL=p-RbKsk0NK.js.map