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

package/dist/components/{p-BMR1f9Ny.js.map → p-J4ePC1Gr.js.map}

@@ -1 +1 @@
-{"file":"p-BMR1f9Ny.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":["/* Reutilizar los estilos del success-page original */\n@import '../../checkout/card-success-page/success-page.css';\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 { formatAmount } from '../../../utils/currency-formatter';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\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 getPaymentDate = (): string => {\n    const payment = renewalState.form.checkoutResponse;\n    if (!payment) return '';\n\n    // El response tiene una propiedad 'date' en el nivel superior\n    if ('date' in payment) {\n      return payment.date as string;\n    }\n\n    return '';\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: formatDateTime(this.getPaymentDate()) || '',\n        email: renewalState.data.subscription.customerEmail || '',\n        referenceNumber: this.referenceNumber,\n        productTitle: renewalState.data.subscription.name[0]?.text || 'Subscription',\n        subtotal: this.getFormattedSubtotal(),\n        total: this.getFormattedTotal(),\n        currency: (renewalState.data.price.currency as any) || ' ',\n        discountAmount: this.getFormattedDiscountAmount(),\n        trialPeriodDays: this.trialPeriodDays,\n        debitDay: this.debitDay,\n        planAmount: this.getFormattedSubtotal(this.planAmount),\n        isBankTransfer: this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n      });\n    } catch (error) {\n      console.error('Error downloading receipt:', error);\n    }\n  };\n\n  private getFormattedDiscountAmount = () => {\n    // Para renewal, no hay descuentos por defecto\n    return undefined;\n  };\n\n  private getFormattedSubtotal = (planAmount: number = 0 || null) => {\n    return formatAmount(\n      planAmount || renewalState.data.price.amount,\n      renewalState.data.price.currency as any,\n    );\n  };\n\n  private getFormattedTotal = () => {\n    if (this.trialPeriodDays > 0) {\n      return formatAmount(0, renewalState.data.price.currency as any);\n    }\n    return formatAmount(renewalState.data.price.amount, renewalState.data.price.currency as any);\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=\"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=\"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=\"info-card\">\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentMethod')}\n              </rebill-typography>\n              <div class=\"card-value\">\n                <div class=\"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                      <rebill-icon\n                        name={getPaymentMethodDisplayName(\n                          PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n                          this.country,\n                        ).toLowerCase()}\n                      />\n                      <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                        {I18nService.translate('paymentMethods.bank_transfer')}\n                      </rebill-typography>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n            <div class=\"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=\"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=\"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=\"reference-number\"\n              >\n                {this.referenceNumber || ''}\n              </rebill-typography>\n            </div>\n          </div>\n\n          {/* Purchase Details Card */}\n          <div class=\"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=\"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=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseSubtotal')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {this.getFormattedSubtotal()}\n              </rebill-typography>\n            </div>\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseMontoTotal')}\n              </rebill-typography>\n              <div class=\"total-amount-container\">\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {this.getFormattedTotal()}\n                </rebill-typography>\n              </div>\n            </div>\n            <div class=\"card-divider\"></div>\n            <div class=\"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=\"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-J4ePC1Gr.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":["/* Reutilizar los estilos del success-page original */\n@import '../../checkout/card-success-page/success-page.css';\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 { formatAmount } from '../../../utils/currency-formatter';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\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 getPaymentDate = (): string => {\n    const payment = renewalState.form.checkoutResponse;\n    if (!payment) return '';\n\n    // El response tiene una propiedad 'date' en el nivel superior\n    if ('date' in payment) {\n      return payment.date as string;\n    }\n\n    return '';\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: formatDateTime(this.getPaymentDate()) || '',\n        email: renewalState.data.subscription.customerEmail || '',\n        referenceNumber: this.referenceNumber,\n        productTitle: renewalState.data.subscription.name[0]?.text || 'Subscription',\n        subtotal: this.getFormattedSubtotal(),\n        total: this.getFormattedTotal(),\n        currency: (renewalState.data.price.currency as any) || ' ',\n        discountAmount: this.getFormattedDiscountAmount(),\n        trialPeriodDays: this.trialPeriodDays,\n        debitDay: this.debitDay,\n        planAmount: this.getFormattedSubtotal(this.planAmount),\n        isBankTransfer: this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n      });\n    } catch (error) {\n      console.error('Error downloading receipt:', error);\n    }\n  };\n\n  private getFormattedDiscountAmount = () => {\n    // Para renewal, no hay descuentos por defecto\n    return undefined;\n  };\n\n  private getFormattedSubtotal = (planAmount: number = 0 || null) => {\n    return formatAmount(\n      planAmount || renewalState.data.price.amount,\n      renewalState.data.price.currency as any,\n    );\n  };\n\n  private getFormattedTotal = () => {\n    if (this.trialPeriodDays > 0) {\n      return formatAmount(0, renewalState.data.price.currency as any);\n    }\n    return formatAmount(renewalState.data.price.amount, renewalState.data.price.currency as any);\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=\"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=\"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=\"info-card\">\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentMethod')}\n              </rebill-typography>\n              <div class=\"card-value\">\n                <div class=\"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                      <rebill-icon\n                        name={getPaymentMethodDisplayName(\n                          PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n                          this.country,\n                        ).toLowerCase()}\n                      />\n                      <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                        {I18nService.translate('paymentMethods.bank_transfer')}\n                      </rebill-typography>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n            <div class=\"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=\"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=\"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=\"reference-number\"\n              >\n                {this.referenceNumber || ''}\n              </rebill-typography>\n            </div>\n          </div>\n\n          {/* Purchase Details Card */}\n          <div class=\"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=\"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=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseSubtotal')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {this.getFormattedSubtotal()}\n              </rebill-typography>\n            </div>\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseMontoTotal')}\n              </rebill-typography>\n              <div class=\"total-amount-container\">\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {this.getFormattedTotal()}\n                </rebill-typography>\n              </div>\n            </div>\n            <div class=\"card-divider\"></div>\n            <div class=\"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=\"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-6crhm8xF.js → p-KnZ28rwQ.js}

@@ -1,14 +1,14 @@
 import { proxyCustomElement, H, createEvent, h } from './p-CTGDXA9q.js';
 import { a as api } from './p-ClaAWer0.js';
 import { I as I18nService, o as onChange, s as state, a as SessionStore } from './p-DPQ5M9bH.js';
-import { d as defineCustomElement$6 } from './p-CdLmSaw6.js';
-import { d as defineCustomElement$5 } from './p-Mn8ErAAb.js';
+import { d as defineCustomElement$6 } from './p-DAJuJoZn.js';
+import { d as defineCustomElement$5 } from './p-CwHrjjgl.js';
 import { d as defineCustomElement$4 } from './p-CEBwV20U.js';
 import { d as defineCustomElement$3 } from './p-Umq37yA2.js';
-import { d as defineCustomElement$2 } from './p-BhZLfMCq.js';
-import { d as defineCustomElement$1 } from './p-CGfY7lYE.js';
+import { d as defineCustomElement$2 } from './p-8Z6_-yhm.js';
+import { d as defineCustomElement$1 } from './p-DmG9jqf9.js';
 
-const addressCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}*{transition:none !important}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}:host{display:block}.billing-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.address-container{display:flex;flex-direction:column;gap:16px;width:100%}.state-zip-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.state-zip-row rebill-input-select,.state-zip-row rebill-input-text{flex:1}.search-input-container{margin-top:8px}.manual-entry-link-wrapper{margin-top:8px;text-align:left}.manual-entry-link{background:none;border:none;color:var(--rebill-color-primary);cursor:pointer;text-decoration:underline;font-size:14px;padding:4px 8px;transition:color 0.2s ease;text-decoration:none}.manual-entry-link:hover{text-decoration:underline;text-decoration-color:var(--rebill-color-text-secondary)}.same-as-shipping-section{margin:24px 0;padding:16px 0}.shipping-address-section{margin-top:24px;padding-top:24px}";
+const addressCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}:host{display:block}.billing-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.address-container{display:flex;flex-direction:column;gap:16px;width:100%}.state-zip-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.state-zip-row rebill-input-select,.state-zip-row rebill-input-text{flex:1}.search-input-container{margin-top:8px}.manual-entry-link-wrapper{margin-top:8px;text-align:left}.manual-entry-link{background:none;border:none;color:var(--rebill-color-primary);cursor:pointer;text-decoration:underline;font-size:14px;padding:4px 8px;transition:color 0.2s ease;text-decoration:none}.manual-entry-link:hover{text-decoration:underline;text-decoration-color:var(--rebill-color-text-secondary)}.same-as-shipping-section{margin:24px 0;padding:16px 0}.shipping-address-section{margin-top:24px;padding-top:24px}";
 
 const Address = /*@__PURE__*/ proxyCustomElement(class Address extends H {
     constructor() {
@@ -246,6 +246,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Address as A, defineCustomElement as d };
-//# sourceMappingURL=p-6crhm8xF.js.map
+//# sourceMappingURL=p-KnZ28rwQ.js.map
 
-//# sourceMappingURL=p-6crhm8xF.js.map
+//# sourceMappingURL=p-KnZ28rwQ.js.map

package/dist/components/{p-6crhm8xF.js.map → p-KnZ28rwQ.js.map}

@@ -1 +1 @@
-{"file":"p-6crhm8xF.js","mappings":";;;;;;;;;;AAAA,MAAM,UAAU,GAAG,irFAAirF;;MCWvrF,OAAO,iBAAAA,kBAAA,CAAA,MAAA,OAAA,SAAAC,CAAA,CAAA;;;;;;;IAEsB,WAAW,GAAsB,QAAQ;IACxE,0BAA0B,GAAuC,EAAE;IACnE,gBAAgB,GAAY,KAAK;IAClC,QAAQ,GAAY,KAAK;IAEzB,cAAc,GAAuC,EAAE;IAEvD,MAAM,GAMH,IAAI;AAEP,IAAA,uBAAuB;AAEvB,IAAA,cAAc,CAAC,QAA4B,EAAA;AACjD,QAAA,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,EAAE;AACxB,QAAA,IAAI,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE;AAC3E,YAAA,OAAO,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC;;AAExC,QAAA,OAAO,QAAQ;;AAGR,IAAA,cAAc;IAQvB,gBAAgB,GAAA;QACd,IAAI,CAAC,uBAAuB,GAAG,QAAQ,CAAC,MAAM,EAAE,MAAK;YACnD,MAAM,cAAc,GAAGC,KAAY,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,cAAc;YAEhF,IAAI,cAAc,EAAE;AAClB,gBAAA,MAAM,WAAW,GAAsB;AACrC,oBAAA,OAAO,EAAE,cAAc,CAAC,OAAO,IAAI,EAAE;AACrC,oBAAA,KAAK,EAAE,cAAc,CAAC,KAAK,IAAI,EAAE;AACjC,oBAAA,OAAO,EAAE,cAAc,CAAC,OAAO,IAAI,EAAE;AACrC,oBAAA,IAAI,EAAE,cAAc,CAAC,IAAI,IAAI,EAAE;AAC/B,oBAAA,GAAG,EAAE,cAAc,CAAC,GAAG,IAAI,EAAE;iBAC9B;AAED,gBAAA,IAAI,CAAC,yBAAyB,CAAC,WAAW,CAAC;;AAE/C,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,uBAAuB,EAAE;YAChC,IAAI,CAAC,uBAAuB,EAAE;;;IAI1B,MAAM,qBAAqB,CAAC,OAA0B,EAAA;AAC5D,QAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI;;AAG5B,QAAA,MAAM,aAAa,GAAG,CAAC,IAAY,KAAI;AACrC,YAAA,OAAO;AACJ,iBAAA,WAAW;iBACX,SAAS,CAAC,KAAK;AACf,iBAAA,OAAO,CAAC,kBAAkB,EAAE,EAAE,CAAC;AAC/B,iBAAA,IAAI,EAAE;AACX,SAAC;AAED,QAAA,YAAY,CAAC,iBAAiB,CAAC,OAAO,CAAC;AACvC,QAAA,IAAI,CAAC,WAAW,GAAG,MAAM;AAEzB,QAAA,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,MAAM,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,OAAO,CAAC;;AAGhD,YAAA,IAAI,OAAO,CAAC,KAAK,IAAI,IAAI,CAAC,0BAA0B,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/D,MAAM,UAAU,GAAG,IAAI,CAAC,0BAA0B,CAAC,IAAI,CACrD,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CACrE;gBAED,MAAM,YAAY,GAAG,IAAI,CAAC,0BAA0B,CAAC,IAAI,CACvD,MAAM,IACJ,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;AAChE,oBAAA,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CACnE;;AAGD,gBAAA,MAAM,qBAAqB,GAAG,aAAa,CAAC,OAAO,CAAC,KAAK;AACtD,qBAAA,OAAO,CAAC,YAAY,EAAE,EAAE;AACxB,qBAAA,OAAO,CAAC,YAAY,EAAE,EAAE;AACxB,qBAAA,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC;gBAE/B,MAAM,eAAe,GAAG,IAAI,CAAC,0BAA0B,CAAC,IAAI,CAAC,MAAM,IAAG;AACpE,oBAAA,MAAM,gBAAgB,GAAG,aAAa,CAAC,MAAM,CAAC,KAAK;AAChD,yBAAA,OAAO,CAAC,YAAY,EAAE,EAAE;AACxB,yBAAA,OAAO,CAAC,YAAY,EAAE,EAAE;AACxB,yBAAA,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC;AAE/B,oBAAA,MAAM,OAAO,GACX,gBAAgB,KAAK,qBAAqB;AAC1C,wBAAA,gBAAgB,CAAC,UAAU,CAAC,qBAAqB,GAAG,GAAG,CAAC;AACxD,wBAAA,qBAAqB,CAAC,UAAU,CAAC,gBAAgB,GAAG,GAAG,CAAC;AAC1D,oBAAA,OAAO,OAAO;AAChB,iBAAC,CAAC;gBAEF,IAAI,UAAU,EAAE;AACd,oBAAA,OAAO,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK;;qBAC3B,IAAI,eAAe,EAAE;AAC1B,oBAAA,OAAO,CAAC,KAAK,GAAG,eAAe,CAAC,KAAK;;;AAChC,oBAAA,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK;;;AAG7C,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;AACvB,YAAA,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,EAAE;AAC9B,YAAA,OAAO,EAAE,OAAO,CAAC,OAAO,IAAI,EAAE;AAC9B,YAAA,IAAI,EAAE,OAAO,CAAC,IAAI,IAAI,EAAE;AACxB,YAAA,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,EAAE;AAC1B,YAAA,GAAG,EAAE,OAAO,CAAC,GAAG,IAAI,EAAE;AACvB,SAAA,CAAC;;;QAIF,qBAAqB,CAAC,MAAK;AACzB,YAAA,IAAI,CAAC,yBAAyB,CAAC,OAAO,CAAC;YACvC,UAAU,CAAC,MAAK;AACd,gBAAA,IAAI,CAAC,gBAAgB,GAAG,KAAK;aAC9B,EAAE,GAAG,CAAC;AACT,SAAC,CAAC;;AAGI,IAAA,yBAAyB,CAAC,OAA0B,EAAA;;;AAG1D,QAAA,MAAM,MAAM,GAAG;YACb,EAAE,EAAE,EAAE,CAAiB,eAAA,CAAA,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE;YACjD,EAAE,EAAE,EAAE,CAAiB,eAAA,CAAA,EAAE,KAAK,EAAE,OAAO,CAAC,OAAO,EAAE;YACjD,EAAE,EAAE,EAAE,CAAc,YAAA,CAAA,EAAE,KAAK,EAAE,OAAO,CAAC,IAAI,EAAE;YAC3C,EAAE,EAAE,EAAE,CAAe,aAAA,CAAA,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE;YAC7C,EAAE,EAAE,EAAE,CAAa,WAAA,CAAA,EAAE,KAAK,EAAE,OAAO,CAAC,GAAG,EAAE;SAC1C;AAED,QAAA,MAAM,CAAC,OAAO,CAAC,KAAK,IAAG;AACrB,YAAA,IAAI,KAAK,CAAC,KAAK,EAAE;gBACf,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC;;AAE9C,SAAC,CAAC;;IAGI,cAAc,CAAC,EAAU,EAAE,KAAa,EAAA;QAC9C,IAAI,KAAK,EAAE;;AAET,YAAA,MAAM,UAAU,GAAG,IAAI,WAAW,CAAC,OAAO,EAAE;AAC1C,gBAAA,MAAM,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;AACrB,gBAAA,OAAO,EAAE,IAAI;AACb,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA,CAAC;AACF,YAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,UAAU,CAAC;;;IAI7B,MAAM,oBAAoB,CAAC,WAAmB,EAAA;AACpD,QAAA,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;AACtD,YAAA,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI;AACpC,YAAA,MAAM,YAAY,GAChB,cAAc,IAAI,cAAc,CAAC;kBAC7B,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;kBACnE,EAAE;AAER,YAAA,IAAI,CAAC,0BAA0B,GAAG,YAAY;;QAC9C,OAAO,KAAK,EAAE;AACd,YAAA,IAAI,CAAC,0BAA0B,GAAG,EAAE;;;IAIhC,iBAAiB,GAAG,MAAK;AAC/B,QAAA,IAAI,CAAC,WAAW,GAAG,MAAM;AAC3B,KAAC;IAEO,iBAAiB,GAAG,MAAK;AAC/B,QAAA,IAAI,CAAC,WAAW,GAAG,QAAQ;AAC7B,KAAC;AAEO,IAAA,MAAM,WAAW,CAAC,KAAa,EAAE,KAAa,EAAA;QACpD,IAAI,KAAK,KAAK,SAAS;YAAE;QACzB,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC,KAAK,GAAG,KAAK,EAAS,CAAC;;QAEzD,IAAI,CAAC,cAAc,CAAC,CAAA,QAAA,EAAW,KAAK,CAAE,CAAA,EAAE,KAAK,CAAC;;AAG9C,QAAA,IAAI,KAAK,KAAK,SAAS,EAAE;AACvB,YAAA,MAAM,IAAI,CAAC,oBAAoB,CAAC,KAAK,CAAC;;YAEtC,YAAY,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAS,CAAC;;;IAIhD,mBAAmB,GAAA;AACzB,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,OAAO,EAAA,EAC/B,WAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAC5B,CAChB;;IAIF,iBAAiB,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,WAAW,KAAK,QAAQ,EAAE;AACjC,YAAA,MAAM,YAAY,GAChB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,GAAG,iBAAiB,CAAC,CAAC;gBACrD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,GAAG,iBAAiB,CAAC,CAAC;gBACrD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,GAAG,eAAe,CAAC,CAAC;gBACnD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC;gBAClD,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC,CAAC;AACjD,gBAAA,EAAE;YACJ,QACE,CAAA,CAAA,KAAA,EAAA,IAAA,EACG,IAAI,CAAC,mBAAmB,EAAE,EAC3B,CAAA,CAAA,uBAAA,EAAA,EACE,iBAAiB,EAAE,CAAC,IAAI,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC,EAC5D,sBAAsB,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EACtD,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,CAAA,CACE;;AAIV,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAAC,MAAM;AAE/D,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,IAAA,EACG,IAAI,CAAC,mBAAmB,EAAE,EAC3B,CACE,CAAA,qBAAA,EAAA,EAAA,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,YAAY,EAAE,IAAI,CAAC,0BAA0B,EAC7C,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,cAAc,EAAE,CAAC,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACrE,iBAAiB,EAAE,MAAM,IAAI,CAAC,iBAAiB,EAAE,EAAA,CACjD,CACE;;IAIV,MAAM,GAAA;AACJ,QAAA,QACE,8DAEG,IAAI,CAAC,iBAAiB,EAAE,CACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/address/address.css?tag=rebill-address","src/components/checkout/address/address.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n:host {\n  display: block;\n}\n\n.billing-header-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n}\n\n.address-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  width: 100%;\n}\n\n.state-zip-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n\n.state-zip-row rebill-input-select,\n.state-zip-row rebill-input-text {\n  flex: 1;\n}\n\n.search-input-container {\n  margin-top: 8px;\n}\n\n.manual-entry-link-wrapper {\n  margin-top: 8px;\n  text-align: left;\n}\n\n.manual-entry-link {\n  background: none;\n  border: none;\n  color: var(--rebill-color-primary);\n  cursor: pointer;\n  text-decoration: underline;\n  font-size: 14px;\n  padding: 4px 8px;\n  transition: color 0.2s ease;\n  text-decoration: none;\n}\n\n.manual-entry-link:hover {\n  text-decoration: underline;\n  text-decoration-color: var(--rebill-color-text-secondary);\n}\n\n.same-as-shipping-section {\n  margin: 24px 0;\n  padding: 16px 0;\n}\n\n.shipping-address-section {\n  margin-top: 24px;\n  padding-top: 24px;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { api } from '../../../api';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { onChange, sessionState, SessionStore } from '../../../store/session.store';\nimport { AddressComponents } from '../../../utils';\n\n@Component({\n  tag: 'rebill-address',\n  styleUrl: 'address.css',\n  shadow: false,\n})\nexport class Address {\n  @Element() el: HTMLElement;\n  @Prop({ mutable: true, reflect: true }) billingView: 'search' | 'form' = 'search';\n  @State() currentBillingStateOptions: { label: string; value: string }[] = [];\n  @State() isLoadingAddress: boolean = false;\n  @Prop() disabled: boolean = false;\n\n  @Prop() countryOptions: { label: string; value: string }[] = [];\n\n  @Prop() errors?: {\n    'billing-country': string;\n    'billing-state': string;\n    'billing-address': string;\n    'billing-city': string;\n    'billing-zip': string;\n  } | null = null;\n\n  private unsubscribeAddressStore?: () => void;\n\n  private translateError(errorKey: string | undefined): string {\n    if (!errorKey) return '';\n    if (errorKey.includes('validation.') || errorKey.includes('paymentErrors.')) {\n      return I18nService.translate(errorKey);\n    }\n    return errorKey;\n  }\n\n  @Event() addressUpdated: EventEmitter<{\n    country: string;\n    state: string;\n    address: string;\n    city: string;\n    zip: string;\n  }>;\n\n  componentDidLoad() {\n    this.unsubscribeAddressStore = onChange('data', () => {\n      const billingAddress = sessionState.data.userInformation.address?.billingAddress;\n\n      if (billingAddress) {\n        const addressData: AddressComponents = {\n          country: billingAddress.country || '',\n          state: billingAddress.state || '',\n          address: billingAddress.address || '',\n          city: billingAddress.city || '',\n          zip: billingAddress.zip || '',\n        };\n\n        this.emitInputEventsForAddress(addressData);\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeAddressStore) {\n      this.unsubscribeAddressStore();\n    }\n  }\n\n  private async handleAddressSelected(address: AddressComponents) {\n    this.isLoadingAddress = true;\n\n    // Normalize text function for handling accents and special characters\n    const normalizeText = (text: string) => {\n      return text\n        .toLowerCase()\n        .normalize('NFD')\n        .replace(/[\\u0300-\\u036f]/g, '') // Remove accents\n        .trim();\n    };\n\n    SessionStore.setBillingAddress(address);\n    this.billingView = 'form';\n\n    if (address.country) {\n      await this.loadStatesForCountry(address.country);\n\n      // Compare Google state with API states\n      if (address.state && this.currentBillingStateOptions.length > 0) {\n        const exactMatch = this.currentBillingStateOptions.find(\n          option => option.value.toLowerCase() === address.state.toLowerCase(),\n        );\n\n        const partialMatch = this.currentBillingStateOptions.find(\n          option =>\n            option.value.toLowerCase().includes(address.state.toLowerCase()) ||\n            address.state.toLowerCase().includes(option.value.toLowerCase()),\n        );\n\n        // Try to find matches with common variations\n        const normalizedGoogleState = normalizeText(address.state)\n          .replace('ciudad de ', '')\n          .replace('estado de ', '')\n          .replace('provincia de ', '');\n\n        const normalizedMatch = this.currentBillingStateOptions.find(option => {\n          const normalizedOption = normalizeText(option.value)\n            .replace('ciudad de ', '')\n            .replace('estado de ', '')\n            .replace('provincia de ', '');\n\n          const matches =\n            normalizedOption === normalizedGoogleState ||\n            normalizedOption.startsWith(normalizedGoogleState + ' ') ||\n            normalizedGoogleState.startsWith(normalizedOption + ' ');\n          return matches;\n        });\n\n        if (exactMatch) {\n          address.state = exactMatch.value;\n        } else if (normalizedMatch) {\n          address.state = normalizedMatch.value;\n        } else address.state = partialMatch.value;\n      }\n    }\n    this.addressUpdated.emit({\n      country: address.country || '',\n      address: address.address || '',\n      city: address.city || '',\n      state: address.state || '',\n      zip: address.zip || '',\n    });\n\n    // Use requestAnimationFrame to ensure the form is rendered with the new state options\n    // before emitting events. This ensures the state field can be properly populated.\n    requestAnimationFrame(() => {\n      this.emitInputEventsForAddress(address);\n      setTimeout(() => {\n        this.isLoadingAddress = false;\n      }, 500);\n    });\n  }\n\n  private emitInputEventsForAddress(address: AddressComponents) {\n    // Emit input events for each address field that has a value\n    // This mimics user input to properly clear validation errors\n    const fields = [\n      { id: `billing-country`, value: address.country },\n      { id: `billing-address`, value: address.address },\n      { id: `billing-city`, value: address.city },\n      { id: `billing-state`, value: address.state },\n      { id: `billing-zip`, value: address.zip },\n    ];\n\n    fields.forEach(field => {\n      if (field.value) {\n        this.emitInputEvent(field.id, field.value);\n      }\n    });\n  }\n\n  private emitInputEvent(id: string, value: string) {\n    if (value) {\n      // Create and dispatch a custom input event that the form component can listen to\n      const inputEvent = new CustomEvent('input', {\n        detail: { id, value },\n        bubbles: true,\n        composed: true,\n      });\n      this.el.dispatchEvent(inputEvent);\n    }\n  }\n\n  private async loadStatesForCountry(countryCode: string) {\n    try {\n      const response = await api.data.getStates(countryCode);\n      const statesResponse = response.data;\n      const stateOptions =\n        statesResponse && statesResponse.states\n          ? statesResponse.states.map(state => ({ label: state, value: state }))\n          : [];\n\n      this.currentBillingStateOptions = stateOptions;\n    } catch (error) {\n      this.currentBillingStateOptions = [];\n    }\n  }\n\n  private handleManualEntry = () => {\n    this.billingView = 'form';\n  };\n\n  private handleSearchEntry = () => {\n    this.billingView = 'search';\n  };\n\n  private async handleInput(field: string, value: string) {\n    if (value === undefined) return;\n    SessionStore.setBillingAddress({ [field]: value } as any);\n    // Emit input event to form to sync with form data\n    this.emitInputEvent(`billing-${field}`, value);\n\n    // If country changes, load states for the new country\n    if (field === 'country') {\n      await this.loadStatesForCountry(value);\n      // Clear the current state selection since the country changed\n      SessionStore.setBillingAddress({ state: '' } as any);\n    }\n  }\n\n  private renderAddressHeader() {\n    return (\n      <div class=\"billing-header-row\">\n        <rebill-typography variant=\"body2\">\n          {I18nService.translate('billingAddress.title')}\n        </rebill-typography>\n      </div>\n    );\n  }\n\n  private renderAddressForm() {\n    if (this.billingView === 'search') {\n      const addressError =\n        this.translateError(this.errors?.['billing-address']) ||\n        this.translateError(this.errors?.['billing-country']) ||\n        this.translateError(this.errors?.['billing-state']) ||\n        this.translateError(this.errors?.['billing-city']) ||\n        this.translateError(this.errors?.['billing-zip']) ||\n        '';\n      return (\n        <div>\n          {this.renderAddressHeader()}\n          <rebill-address-search\n            onAddressSelected={e => this.handleAddressSelected(e.detail)}\n            onManualEntryRequested={() => this.handleManualEntry()}\n            error={addressError}\n            disabled={this.disabled}\n          />\n        </div>\n      );\n    }\n\n    const errorsToShow = this.isLoadingAddress ? null : this.errors;\n\n    return (\n      <div>\n        {this.renderAddressHeader()}\n        <rebill-address-form\n          countryOptions={this.countryOptions}\n          stateOptions={this.currentBillingStateOptions}\n          errors={errorsToShow}\n          disabled={this.disabled}\n          onFieldChanged={e => this.handleInput(e.detail.field, e.detail.value)}\n          onSearchRequested={() => this.handleSearchEntry()}\n        />\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <div>\n        {/* Billing Address */}\n        {this.renderAddressForm()}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-KnZ28rwQ.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/address/address.css?tag=rebill-address","src/components/checkout/address/address.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n:host {\n  display: block;\n}\n\n.billing-header-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n}\n\n.address-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  width: 100%;\n}\n\n.state-zip-row {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n\n.state-zip-row rebill-input-select,\n.state-zip-row rebill-input-text {\n  flex: 1;\n}\n\n.search-input-container {\n  margin-top: 8px;\n}\n\n.manual-entry-link-wrapper {\n  margin-top: 8px;\n  text-align: left;\n}\n\n.manual-entry-link {\n  background: none;\n  border: none;\n  color: var(--rebill-color-primary);\n  cursor: pointer;\n  text-decoration: underline;\n  font-size: 14px;\n  padding: 4px 8px;\n  transition: color 0.2s ease;\n  text-decoration: none;\n}\n\n.manual-entry-link:hover {\n  text-decoration: underline;\n  text-decoration-color: var(--rebill-color-text-secondary);\n}\n\n.same-as-shipping-section {\n  margin: 24px 0;\n  padding: 16px 0;\n}\n\n.shipping-address-section {\n  margin-top: 24px;\n  padding-top: 24px;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { api } from '../../../api';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { onChange, sessionState, SessionStore } from '../../../store/session.store';\nimport { AddressComponents } from '../../../utils';\n\n@Component({\n  tag: 'rebill-address',\n  styleUrl: 'address.css',\n  shadow: false,\n})\nexport class Address {\n  @Element() el: HTMLElement;\n  @Prop({ mutable: true, reflect: true }) billingView: 'search' | 'form' = 'search';\n  @State() currentBillingStateOptions: { label: string; value: string }[] = [];\n  @State() isLoadingAddress: boolean = false;\n  @Prop() disabled: boolean = false;\n\n  @Prop() countryOptions: { label: string; value: string }[] = [];\n\n  @Prop() errors?: {\n    'billing-country': string;\n    'billing-state': string;\n    'billing-address': string;\n    'billing-city': string;\n    'billing-zip': string;\n  } | null = null;\n\n  private unsubscribeAddressStore?: () => void;\n\n  private translateError(errorKey: string | undefined): string {\n    if (!errorKey) return '';\n    if (errorKey.includes('validation.') || errorKey.includes('paymentErrors.')) {\n      return I18nService.translate(errorKey);\n    }\n    return errorKey;\n  }\n\n  @Event() addressUpdated: EventEmitter<{\n    country: string;\n    state: string;\n    address: string;\n    city: string;\n    zip: string;\n  }>;\n\n  componentDidLoad() {\n    this.unsubscribeAddressStore = onChange('data', () => {\n      const billingAddress = sessionState.data.userInformation.address?.billingAddress;\n\n      if (billingAddress) {\n        const addressData: AddressComponents = {\n          country: billingAddress.country || '',\n          state: billingAddress.state || '',\n          address: billingAddress.address || '',\n          city: billingAddress.city || '',\n          zip: billingAddress.zip || '',\n        };\n\n        this.emitInputEventsForAddress(addressData);\n      }\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeAddressStore) {\n      this.unsubscribeAddressStore();\n    }\n  }\n\n  private async handleAddressSelected(address: AddressComponents) {\n    this.isLoadingAddress = true;\n\n    // Normalize text function for handling accents and special characters\n    const normalizeText = (text: string) => {\n      return text\n        .toLowerCase()\n        .normalize('NFD')\n        .replace(/[\\u0300-\\u036f]/g, '') // Remove accents\n        .trim();\n    };\n\n    SessionStore.setBillingAddress(address);\n    this.billingView = 'form';\n\n    if (address.country) {\n      await this.loadStatesForCountry(address.country);\n\n      // Compare Google state with API states\n      if (address.state && this.currentBillingStateOptions.length > 0) {\n        const exactMatch = this.currentBillingStateOptions.find(\n          option => option.value.toLowerCase() === address.state.toLowerCase(),\n        );\n\n        const partialMatch = this.currentBillingStateOptions.find(\n          option =>\n            option.value.toLowerCase().includes(address.state.toLowerCase()) ||\n            address.state.toLowerCase().includes(option.value.toLowerCase()),\n        );\n\n        // Try to find matches with common variations\n        const normalizedGoogleState = normalizeText(address.state)\n          .replace('ciudad de ', '')\n          .replace('estado de ', '')\n          .replace('provincia de ', '');\n\n        const normalizedMatch = this.currentBillingStateOptions.find(option => {\n          const normalizedOption = normalizeText(option.value)\n            .replace('ciudad de ', '')\n            .replace('estado de ', '')\n            .replace('provincia de ', '');\n\n          const matches =\n            normalizedOption === normalizedGoogleState ||\n            normalizedOption.startsWith(normalizedGoogleState + ' ') ||\n            normalizedGoogleState.startsWith(normalizedOption + ' ');\n          return matches;\n        });\n\n        if (exactMatch) {\n          address.state = exactMatch.value;\n        } else if (normalizedMatch) {\n          address.state = normalizedMatch.value;\n        } else address.state = partialMatch.value;\n      }\n    }\n    this.addressUpdated.emit({\n      country: address.country || '',\n      address: address.address || '',\n      city: address.city || '',\n      state: address.state || '',\n      zip: address.zip || '',\n    });\n\n    // Use requestAnimationFrame to ensure the form is rendered with the new state options\n    // before emitting events. This ensures the state field can be properly populated.\n    requestAnimationFrame(() => {\n      this.emitInputEventsForAddress(address);\n      setTimeout(() => {\n        this.isLoadingAddress = false;\n      }, 500);\n    });\n  }\n\n  private emitInputEventsForAddress(address: AddressComponents) {\n    // Emit input events for each address field that has a value\n    // This mimics user input to properly clear validation errors\n    const fields = [\n      { id: `billing-country`, value: address.country },\n      { id: `billing-address`, value: address.address },\n      { id: `billing-city`, value: address.city },\n      { id: `billing-state`, value: address.state },\n      { id: `billing-zip`, value: address.zip },\n    ];\n\n    fields.forEach(field => {\n      if (field.value) {\n        this.emitInputEvent(field.id, field.value);\n      }\n    });\n  }\n\n  private emitInputEvent(id: string, value: string) {\n    if (value) {\n      // Create and dispatch a custom input event that the form component can listen to\n      const inputEvent = new CustomEvent('input', {\n        detail: { id, value },\n        bubbles: true,\n        composed: true,\n      });\n      this.el.dispatchEvent(inputEvent);\n    }\n  }\n\n  private async loadStatesForCountry(countryCode: string) {\n    try {\n      const response = await api.data.getStates(countryCode);\n      const statesResponse = response.data;\n      const stateOptions =\n        statesResponse && statesResponse.states\n          ? statesResponse.states.map(state => ({ label: state, value: state }))\n          : [];\n\n      this.currentBillingStateOptions = stateOptions;\n    } catch (error) {\n      this.currentBillingStateOptions = [];\n    }\n  }\n\n  private handleManualEntry = () => {\n    this.billingView = 'form';\n  };\n\n  private handleSearchEntry = () => {\n    this.billingView = 'search';\n  };\n\n  private async handleInput(field: string, value: string) {\n    if (value === undefined) return;\n    SessionStore.setBillingAddress({ [field]: value } as any);\n    // Emit input event to form to sync with form data\n    this.emitInputEvent(`billing-${field}`, value);\n\n    // If country changes, load states for the new country\n    if (field === 'country') {\n      await this.loadStatesForCountry(value);\n      // Clear the current state selection since the country changed\n      SessionStore.setBillingAddress({ state: '' } as any);\n    }\n  }\n\n  private renderAddressHeader() {\n    return (\n      <div class=\"billing-header-row\">\n        <rebill-typography variant=\"body2\">\n          {I18nService.translate('billingAddress.title')}\n        </rebill-typography>\n      </div>\n    );\n  }\n\n  private renderAddressForm() {\n    if (this.billingView === 'search') {\n      const addressError =\n        this.translateError(this.errors?.['billing-address']) ||\n        this.translateError(this.errors?.['billing-country']) ||\n        this.translateError(this.errors?.['billing-state']) ||\n        this.translateError(this.errors?.['billing-city']) ||\n        this.translateError(this.errors?.['billing-zip']) ||\n        '';\n      return (\n        <div>\n          {this.renderAddressHeader()}\n          <rebill-address-search\n            onAddressSelected={e => this.handleAddressSelected(e.detail)}\n            onManualEntryRequested={() => this.handleManualEntry()}\n            error={addressError}\n            disabled={this.disabled}\n          />\n        </div>\n      );\n    }\n\n    const errorsToShow = this.isLoadingAddress ? null : this.errors;\n\n    return (\n      <div>\n        {this.renderAddressHeader()}\n        <rebill-address-form\n          countryOptions={this.countryOptions}\n          stateOptions={this.currentBillingStateOptions}\n          errors={errorsToShow}\n          disabled={this.disabled}\n          onFieldChanged={e => this.handleInput(e.detail.field, e.detail.value)}\n          onSearchRequested={() => this.handleSearchEntry()}\n        />\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <div>\n        {/* Billing Address */}\n        {this.renderAddressForm()}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-Dp3ocPYP.js → p-ReaNe705.js}

@@ -4,7 +4,7 @@ import { c as copyToClipboard } from './p-OxmhgFET.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { d as defineCustomElement$3 } from './p-RdOKMVMV.js';
 import { d as defineCustomElement$2 } from './p-CEBwV20U.js';
-import { d as defineCustomElement$1 } from './p-CGfY7lYE.js';
+import { d as defineCustomElement$1 } from './p-DmG9jqf9.js';
 
 const modeSandboxMobileCss = ":host{display:flex;position:relative;width:100%;justify-content:center;align-items:center}.mode-sandbox-mobile__test-mode-container{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.mode-sandbox-mobile__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);z-index:5;animation:fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:auto;cursor:pointer}.mode-sandbox-mobile__test-mode-chip-mobile{display:flex;width:100%;min-width:auto;max-width:100%;height:40px;background:#ffffff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;position:relative;z-index:20}.mode-sandbox-mobile__chip-content-mobile{display:flex;align-items:center;gap:2px;justify-content:flex-end;min-height:24px;flex-shrink:0;width:100%;margin:8px}.mode-sandbox-mobile__info-icon{display:flex;align-items:center}.mode-sandbox-mobile__test-mode-chip-mobile.expanded .mode-sandbox-mobile__chip-content-mobile{justify-content:flex-end;width:100%}.mode-sandbox-mobile__cards-dropdown-panel-header{display:flex;align-items:center;gap:8px;padding:8px}.mode-sandbox-mobile__docs-section{display:flex;align-items:center;gap:8px;cursor:pointer;margin-left:0;transition:background-color 0.2s ease;justify-content:flex-end;padding:8px;margin-top:8px}.mode-sandbox-mobile__cards-dropdown-panel{position:absolute;top:100%;left:0;right:0;width:100%;background:#ffffff;border-top:none;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-top:16px;z-index:25;animation:expandDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:top center}.mode-sandbox-mobile__card-section{display:flex;flex-direction:column;justify-content:space-between}.mode-sandbox-mobile__header-content{display:flex;align-items:center;gap:8px;margin:8px}.mode-sandbox-mobile__card-details{background:#fafafa;border-radius:8px;border:1px solid #e5e7eb;margin:8px;min-height:208px;display:flex;flex-direction:column}.mode-sandbox-mobile__card-row{display:flex;gap:12px;align-items:stretch;background:#ffffff;justify-content:space-around;border-radius:8px;border:1px solid #e5e7eb;height:auto;padding:8px;margin:8px}.mode-sandbox-mobile__card-value{display:flex;flex-direction:column;gap:6px;flex:1}.mode-sandbox-mobile__field-value{display:flex;flex-direction:row;align-items:center;gap:8px;max-height:20px}.mode-sandbox-mobile__copy-button{align-items:center;margin-left:auto;margin-right:0}.mode-sandbox-mobile__icon-button{margin-left:auto;margin-right:16px}@keyframes expandDown{from{opacity:0;transform:translateY(-10px) scaleY(0.9)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";
 
@@ -80,6 +80,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { RebillTestModeChipMobile as R, defineCustomElement as d };
-//# sourceMappingURL=p-Dp3ocPYP.js.map
+//# sourceMappingURL=p-ReaNe705.js.map
 
-//# sourceMappingURL=p-Dp3ocPYP.js.map
+//# sourceMappingURL=p-ReaNe705.js.map

package/dist/components/{p-Dp3ocPYP.js.map → p-ReaNe705.js.map}

@@ -1 +1 @@
-{"file":"p-Dp3ocPYP.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n"],"sources":["src/components/shared/mode-sandbox/mode-sandbox-mobile.css?tag=rebill-mode-sandbox-mobile","src/components/shared/mode-sandbox/mode-sandbox-mobile.tsx"],"sourcesContent":[":host {\n  display: flex;\n  position: relative;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n}\n\n.mode-sandbox-mobile__test-mode-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n  width: 100%;\n}\n\n.mode-sandbox-mobile__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 5;\n  animation: fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n.mode-sandbox-mobile__test-mode-chip-mobile {\n  display: flex;\n  width: 100%;\n  min-width: auto;\n  max-width: 100%;\n  height: 40px;\n  background: #ffffff;\n  border: 1px solid #e5e7eb;\n  border-radius: 20px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  overflow: hidden;\n  position: relative;\n  z-index: 20;\n}\n\n.mode-sandbox-mobile__chip-content-mobile {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  justify-content: flex-end;\n  min-height: 24px;\n  flex-shrink: 0;\n  width: 100%;\n  margin: 8px;\n}\n\n.mode-sandbox-mobile__info-icon {\n  display: flex;\n  align-items: center;\n}\n\n.mode-sandbox-mobile__test-mode-chip-mobile.expanded .mode-sandbox-mobile__chip-content-mobile {\n  justify-content: flex-end;\n  width: 100%;\n}\n\n.mode-sandbox-mobile__cards-dropdown-panel-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n}\n\n/* Sección de Docs */\n.mode-sandbox-mobile__docs-section {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  margin-left: 0;\n  transition: background-color 0.2s ease;\n  justify-content: flex-end;\n  padding: 8px;\n  margin-top: 8px;\n}\n\n.mode-sandbox-mobile__cards-dropdown-panel {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  width: 100%;\n  background: #ffffff;\n  border-top: none;\n  border-left: 1px solid #e5e7eb;\n  border-right: 1px solid #e5e7eb;\n  border-bottom: 1px solid #e5e7eb;\n  margin-top: 16px;\n  z-index: 25;\n  animation: expandDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  transform-origin: top center;\n}\n\n.mode-sandbox-mobile__card-section {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.mode-sandbox-mobile__header-content {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 8px;\n}\n\n.mode-sandbox-mobile__card-details {\n  background: #fafafa;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  margin: 8px;\n  min-height: 208px;\n  display: flex;\n  flex-direction: column;\n}\n\n.mode-sandbox-mobile__card-row {\n  display: flex;\n  gap: 12px;\n  align-items: stretch;\n  background: #ffffff;\n  justify-content: space-around;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  height: auto;\n  padding: 8px;\n  margin: 8px;\n}\n\n.mode-sandbox-mobile__card-value {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n}\n\n.mode-sandbox-mobile__field-value {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  max-height: 20px;\n}\n\n.mode-sandbox-mobile__copy-button {\n  align-items: center;\n  margin-left: auto;\n  margin-right: 0;\n}\n\n.mode-sandbox-mobile__icon-button {\n  margin-left: auto;\n  margin-right: 16px;\n}\n\n/* Animaciones */\n\n@keyframes expandDown {\n  from {\n    opacity: 0;\n    transform: translateY(-10px) scaleY(0.9);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scaleY(1);\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n","import { Component, Element, h, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { copyToClipboard } from '../../../utils/clipboard';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-mode-sandbox-mobile',\n  styleUrl: 'mode-sandbox-mobile.css',\n  shadow: false,\n})\nexport class RebillTestModeChipMobile {\n  @Element() el: HTMLElement;\n  @State() isPanelVisible = false;\n  @State() currentLanguage: string = I18nService.getCurrentLanguage();\n\n  componentWillLoad() {\n    i18n.on('languageChanged', this.handleLanguageChange);\n  }\n\n  disconnectedCallback() {\n    i18n.off('languageChanged', this.handleLanguageChange);\n  }\n\n  private handleLanguageChange = () => {\n    this.currentLanguage = I18nService.getCurrentLanguage();\n  };\n\n  private togglePanel = () => {\n    this.isPanelVisible = !this.isPanelVisible;\n  };\n\n  private handleCopy = (text: string) => {\n    copyToClipboard(text);\n    this.isPanelVisible = false;\n  };\n\n  private handleDocsClick = () => {\n    window.open('https://v3.docs.rebill.com/sdk/checkout', '_blank');\n  };\n\n  private renderBasicChip() {\n    return (\n      <div class=\"mode-sandbox-mobile__chip-content-mobile\">\n        <div class=\"mode-sandbox-mobile__info-icon\">\n          <rebill-icon name=\"circle-info\" size=\"24px\" color={COLORS_ENUM.ORANGE} />\n        </div>\n        <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n          {I18nService.translate('sandbox.testMode')}\n        </rebill-typography>\n        <div class=\"mode-sandbox-mobile__icon-button\">\n          <rebill-button variant=\"text\" size=\"small\" onClick={this.togglePanel}>\n            <rebill-icon name=\"hamburger\" />\n          </rebill-button>\n        </div>\n      </div>\n    );\n  }\n\n  private renderCardsPanel() {\n    return (\n      <div class=\"mode-sandbox-mobile__cards-dropdown-panel\">\n        <div class=\"mode-sandbox-mobile__cards-dropdown-panel-header\">\n          <rebill-icon name=\"card-test\" />\n          <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n            {I18nService.translate('sandbox.cardTest')}\n          </rebill-typography>\n        </div>\n        <div class=\"mode-sandbox-mobile__card-details\">\n          <div class=\"mode-sandbox-mobile__card-section\">\n            <div class=\"mode-sandbox-mobile__header-content\">\n              <rebill-icon name=\"succes\" color={COLORS_ENUM.GREEN} />\n              <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                {I18nService.translate('sandbox.successPayment')}\n              </rebill-typography>\n            </div>\n            <div class=\"mode-sandbox-mobile__card-row\">\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cardNumber')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value\">\n                  <rebill-icon name=\"visa\" />\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    4539148803436467\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.exp')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    01/99\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cvv')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value mode-sandbox-mobile__field-value-with-copy\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    123\n                  </rebill-typography>\n                  <div class=\"mode-sandbox-mobile__copy-button\">\n                    <rebill-button\n                      variant=\"text\"\n                      size=\"small\"\n                      onClick={() => this.handleCopy('4539148803436467 01/99 123')}\n                    >\n                      <rebill-icon name=\"copy\" />\n                    </rebill-button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"mode-sandbox-mobile__card-section\">\n            <div class=\"mode-sandbox-mobile__header-content\">\n              <rebill-icon name=\"rejected\" color={COLORS_ENUM.ERROR} />\n              <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                {I18nService.translate('sandbox.rejectedPayment')}\n              </rebill-typography>\n            </div>\n            <div class=\"mode-sandbox-mobile__card-row\">\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cardNumber')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value\">\n                  <rebill-icon name=\"visa\" />\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    4485364739527352\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.exp')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    01/99\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cvv')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value mode-sandbox-mobile__field-value-with-copy\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    123\n                  </rebill-typography>\n                  <div class=\"mode-sandbox-mobile__copy-button\">\n                    <rebill-button\n                      variant=\"text\"\n                      size=\"small\"\n                      onClick={() => this.handleCopy('4485364739527352 01/99 123')}\n                    >\n                      <rebill-icon name=\"copy\" />\n                    </rebill-button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"mode-sandbox-mobile__docs-section\" onClick={this.handleDocsClick}>\n          <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY}>\n            {I18nService.translate('sandbox.docs')}\n          </rebill-typography>\n          <rebill-icon name=\"external-link\" />\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <div\n        class={`mode-sandbox-mobile__test-mode-container ${this.isPanelVisible ? 'cards-visible' : ''}`}\n      >\n        {this.isPanelVisible && <div class=\"mode-sandbox-mobile__overlay\"></div>}\n        <div\n          class={`mode-sandbox-mobile__test-mode-chip-mobile ${this.isPanelVisible ? 'expanded' : ''}`}\n        >\n          {this.renderBasicChip()}\n        </div>\n        {this.isPanelVisible && this.renderCardsPanel()}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-ReaNe705.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n"],"sources":["src/components/shared/mode-sandbox/mode-sandbox-mobile.css?tag=rebill-mode-sandbox-mobile","src/components/shared/mode-sandbox/mode-sandbox-mobile.tsx"],"sourcesContent":[":host {\n  display: flex;\n  position: relative;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n}\n\n.mode-sandbox-mobile__test-mode-container {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 8px;\n  width: 100%;\n}\n\n.mode-sandbox-mobile__overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 5;\n  animation: fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  pointer-events: auto;\n  cursor: pointer;\n}\n\n.mode-sandbox-mobile__test-mode-chip-mobile {\n  display: flex;\n  width: 100%;\n  min-width: auto;\n  max-width: 100%;\n  height: 40px;\n  background: #ffffff;\n  border: 1px solid #e5e7eb;\n  border-radius: 20px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  overflow: hidden;\n  position: relative;\n  z-index: 20;\n}\n\n.mode-sandbox-mobile__chip-content-mobile {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n  justify-content: flex-end;\n  min-height: 24px;\n  flex-shrink: 0;\n  width: 100%;\n  margin: 8px;\n}\n\n.mode-sandbox-mobile__info-icon {\n  display: flex;\n  align-items: center;\n}\n\n.mode-sandbox-mobile__test-mode-chip-mobile.expanded .mode-sandbox-mobile__chip-content-mobile {\n  justify-content: flex-end;\n  width: 100%;\n}\n\n.mode-sandbox-mobile__cards-dropdown-panel-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px;\n}\n\n/* Sección de Docs */\n.mode-sandbox-mobile__docs-section {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  margin-left: 0;\n  transition: background-color 0.2s ease;\n  justify-content: flex-end;\n  padding: 8px;\n  margin-top: 8px;\n}\n\n.mode-sandbox-mobile__cards-dropdown-panel {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  width: 100%;\n  background: #ffffff;\n  border-top: none;\n  border-left: 1px solid #e5e7eb;\n  border-right: 1px solid #e5e7eb;\n  border-bottom: 1px solid #e5e7eb;\n  margin-top: 16px;\n  z-index: 25;\n  animation: expandDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  transform-origin: top center;\n}\n\n.mode-sandbox-mobile__card-section {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.mode-sandbox-mobile__header-content {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 8px;\n}\n\n.mode-sandbox-mobile__card-details {\n  background: #fafafa;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  margin: 8px;\n  min-height: 208px;\n  display: flex;\n  flex-direction: column;\n}\n\n.mode-sandbox-mobile__card-row {\n  display: flex;\n  gap: 12px;\n  align-items: stretch;\n  background: #ffffff;\n  justify-content: space-around;\n  border-radius: 8px;\n  border: 1px solid #e5e7eb;\n  height: auto;\n  padding: 8px;\n  margin: 8px;\n}\n\n.mode-sandbox-mobile__card-value {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n  flex: 1;\n}\n\n.mode-sandbox-mobile__field-value {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  max-height: 20px;\n}\n\n.mode-sandbox-mobile__copy-button {\n  align-items: center;\n  margin-left: auto;\n  margin-right: 0;\n}\n\n.mode-sandbox-mobile__icon-button {\n  margin-left: auto;\n  margin-right: 16px;\n}\n\n/* Animaciones */\n\n@keyframes expandDown {\n  from {\n    opacity: 0;\n    transform: translateY(-10px) scaleY(0.9);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scaleY(1);\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n","import { Component, Element, h, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { copyToClipboard } from '../../../utils/clipboard';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-mode-sandbox-mobile',\n  styleUrl: 'mode-sandbox-mobile.css',\n  shadow: false,\n})\nexport class RebillTestModeChipMobile {\n  @Element() el: HTMLElement;\n  @State() isPanelVisible = false;\n  @State() currentLanguage: string = I18nService.getCurrentLanguage();\n\n  componentWillLoad() {\n    i18n.on('languageChanged', this.handleLanguageChange);\n  }\n\n  disconnectedCallback() {\n    i18n.off('languageChanged', this.handleLanguageChange);\n  }\n\n  private handleLanguageChange = () => {\n    this.currentLanguage = I18nService.getCurrentLanguage();\n  };\n\n  private togglePanel = () => {\n    this.isPanelVisible = !this.isPanelVisible;\n  };\n\n  private handleCopy = (text: string) => {\n    copyToClipboard(text);\n    this.isPanelVisible = false;\n  };\n\n  private handleDocsClick = () => {\n    window.open('https://v3.docs.rebill.com/sdk/checkout', '_blank');\n  };\n\n  private renderBasicChip() {\n    return (\n      <div class=\"mode-sandbox-mobile__chip-content-mobile\">\n        <div class=\"mode-sandbox-mobile__info-icon\">\n          <rebill-icon name=\"circle-info\" size=\"24px\" color={COLORS_ENUM.ORANGE} />\n        </div>\n        <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n          {I18nService.translate('sandbox.testMode')}\n        </rebill-typography>\n        <div class=\"mode-sandbox-mobile__icon-button\">\n          <rebill-button variant=\"text\" size=\"small\" onClick={this.togglePanel}>\n            <rebill-icon name=\"hamburger\" />\n          </rebill-button>\n        </div>\n      </div>\n    );\n  }\n\n  private renderCardsPanel() {\n    return (\n      <div class=\"mode-sandbox-mobile__cards-dropdown-panel\">\n        <div class=\"mode-sandbox-mobile__cards-dropdown-panel-header\">\n          <rebill-icon name=\"card-test\" />\n          <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n            {I18nService.translate('sandbox.cardTest')}\n          </rebill-typography>\n        </div>\n        <div class=\"mode-sandbox-mobile__card-details\">\n          <div class=\"mode-sandbox-mobile__card-section\">\n            <div class=\"mode-sandbox-mobile__header-content\">\n              <rebill-icon name=\"succes\" color={COLORS_ENUM.GREEN} />\n              <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                {I18nService.translate('sandbox.successPayment')}\n              </rebill-typography>\n            </div>\n            <div class=\"mode-sandbox-mobile__card-row\">\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cardNumber')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value\">\n                  <rebill-icon name=\"visa\" />\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    4539148803436467\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.exp')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    01/99\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cvv')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value mode-sandbox-mobile__field-value-with-copy\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    123\n                  </rebill-typography>\n                  <div class=\"mode-sandbox-mobile__copy-button\">\n                    <rebill-button\n                      variant=\"text\"\n                      size=\"small\"\n                      onClick={() => this.handleCopy('4539148803436467 01/99 123')}\n                    >\n                      <rebill-icon name=\"copy\" />\n                    </rebill-button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          <div class=\"mode-sandbox-mobile__card-section\">\n            <div class=\"mode-sandbox-mobile__header-content\">\n              <rebill-icon name=\"rejected\" color={COLORS_ENUM.ERROR} />\n              <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                {I18nService.translate('sandbox.rejectedPayment')}\n              </rebill-typography>\n            </div>\n            <div class=\"mode-sandbox-mobile__card-row\">\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cardNumber')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value\">\n                  <rebill-icon name=\"visa\" />\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    4485364739527352\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.exp')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    01/99\n                  </rebill-typography>\n                </div>\n              </div>\n              <div class=\"mode-sandbox-mobile__card-value\">\n                <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.GREY_700}>\n                  {I18nService.translate('sandbox.cvv')}\n                </rebill-typography>\n                <div class=\"mode-sandbox-mobile__field-value mode-sandbox-mobile__field-value-with-copy\">\n                  <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                    123\n                  </rebill-typography>\n                  <div class=\"mode-sandbox-mobile__copy-button\">\n                    <rebill-button\n                      variant=\"text\"\n                      size=\"small\"\n                      onClick={() => this.handleCopy('4485364739527352 01/99 123')}\n                    >\n                      <rebill-icon name=\"copy\" />\n                    </rebill-button>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class=\"mode-sandbox-mobile__docs-section\" onClick={this.handleDocsClick}>\n          <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY}>\n            {I18nService.translate('sandbox.docs')}\n          </rebill-typography>\n          <rebill-icon name=\"external-link\" />\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <div\n        class={`mode-sandbox-mobile__test-mode-container ${this.isPanelVisible ? 'cards-visible' : ''}`}\n      >\n        {this.isPanelVisible && <div class=\"mode-sandbox-mobile__overlay\"></div>}\n        <div\n          class={`mode-sandbox-mobile__test-mode-chip-mobile ${this.isPanelVisible ? 'expanded' : ''}`}\n        >\n          {this.renderBasicChip()}\n        </div>\n        {this.isPanelVisible && this.renderCardsPanel()}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p--nzbbHU3.js → p-bhvS6Qdq.js}

@@ -2,7 +2,7 @@ import { proxyCustomElement, H, h } from './p-CTGDXA9q.js';
 import { a as SessionStore, I as I18nService } from './p-DPQ5M9bH.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { d as defineCustomElement$2 } from './p-CEBwV20U.js';
-import { d as defineCustomElement$1 } from './p-CGfY7lYE.js';
+import { d as defineCustomElement$1 } from './p-DmG9jqf9.js';
 
 const modalOverlayCss = ".modal-overlay{position:fixed;top:0;left:0;right:0;background-color:transparent;display:flex;align-items:center;justify-content:center;z-index:10000;padding:12px 16px;box-sizing:border-box}.modal-content{background:white;border-radius:8px;padding:16px 20px;width:350px;box-shadow:0 4px 12px -2px rgba(0, 0, 0, 0.15),\n    0 2px 4px -1px rgba(0, 0, 0, 0.1);position:relative;display:flex;align-items:center;gap:12px}.modal-content .alert{margin:0;flex:1;padding:0;background:transparent;border:none;box-shadow:none}.modal-content .alert{background-color:transparent !important;border-color:transparent !important}.modal-content .alert-message{display:flex;flex-direction:column;gap:4px}.modal-content .close-button{position:absolute;top:8px;right:8px;width:20px;height:20px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s ease;padding:0;margin:0;outline:none;box-shadow:none;line-height:1}.modal-content .close-button:focus{outline:none;box-shadow:none}.modal-content .close-button:hover{background-color:#f0f0f0}.modal-content .close-button rebill-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.modal-overlay{padding:8px 12px}.modal-content{padding:12px 16px;flex-direction:column;gap:8px;text-align:center}.modal-content .close-button{width:100%}}";
 
@@ -63,6 +63,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { ModalOverlay as M, defineCustomElement as d };
-//# sourceMappingURL=p--nzbbHU3.js.map
+//# sourceMappingURL=p-bhvS6Qdq.js.map
 
-//# sourceMappingURL=p--nzbbHU3.js.map
+//# sourceMappingURL=p-bhvS6Qdq.js.map

package/dist/components/{p--nzbbHU3.js.map → p-bhvS6Qdq.js.map}

@@ -1 +1 @@
-{"file":"p--nzbbHU3.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,64CAA64C;;MCUx5C,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;IACd,OAAO,GAAY,IAAI;IACvB,qBAAqB,GAAW,CAAC;AAClC,IAAA,6BAA6B;IAErC,gBAAgB,GAAA;QACd,IAAI,CAAC,6BAA6B,GAAG,YAAY,CAAC,QAAQ,CAAC,eAAe,EAAE,MAAK;YAC/E,IAAI,CAAC,qBAAqB,EAAE;AAC9B,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,6BAA6B,EAAE;YACtC,IAAI,CAAC,6BAA6B,EAAE;;;IAIhC,UAAU,GAAG,MAAK;AACxB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACtB,KAAC;IAED,MAAM,GAAA;QACJ,IAAI,CAAC,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,IAAI;AAE9B,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACxB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACnC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,aAAA,EAAA,EAAa,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,WAAW,CAAC,MAAM,GAAI,CACrE,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtB,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,WAAW,CAAC,YAAY,EAAA,EACvE,WAAW,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAC9B,CAChB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,WAAW,CAAC,YAAY,IACnE,WAAW,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAChC,CAChB,CACF,CACF,EACN,CAAA,CAAA,QAAA,EAAA,EAAQ,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,EAAA,EAClE,CAAA,CAAA,aAAA,EAAA,EAAa,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAA,CAAG,CACjC,CACL,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/modal-overlay/modal-overlay.css?tag=rebill-modal-overlay","src/components/shared/modal-overlay/modal-overlay.tsx"],"sourcesContent":[".modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10000;\n  padding: 12px 16px;\n  box-sizing: border-box;\n}\n\n.modal-content {\n  background: white;\n  border-radius: 8px;\n  padding: 16px 20px;\n  width: 350px;\n  box-shadow:\n    0 4px 12px -2px rgba(0, 0, 0, 0.15),\n    0 2px 4px -1px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.modal-content .alert {\n  margin: 0;\n  flex: 1;\n  padding: 0;\n  background: transparent;\n  border: none;\n  box-shadow: none;\n}\n\n/* Override para quitar cualquier color de fondo del modal */\n.modal-content .alert {\n  background-color: transparent !important;\n  border-color: transparent !important;\n}\n\n.modal-content .alert-message {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.modal-content .close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 20px;\n  height: 20px;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  transition: background-color 0.2s ease;\n  padding: 0;\n  margin: 0;\n  outline: none;\n  box-shadow: none;\n  line-height: 1;\n}\n\n.modal-content .close-button:focus {\n  outline: none;\n  box-shadow: none;\n}\n\n.modal-content .close-button:hover {\n  background-color: #f0f0f0;\n}\n\n.modal-content .close-button rebill-icon {\n  width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n@media (max-width: 768px) {\n  .modal-overlay {\n    padding: 8px 12px;\n  }\n\n  .modal-content {\n    padding: 12px 16px;\n    flex-direction: column;\n    gap: 8px;\n    text-align: center;\n  }\n\n  .modal-content .close-button {\n    width: 100%;\n  }\n}\n","import { Component, h, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { SessionStore } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-modal-overlay',\n  styleUrl: 'modal-overlay.css',\n  shadow: false,\n})\nexport class ModalOverlay {\n  @State() visible: boolean = true;\n  @State() languageUpdateTrigger: number = 0;\n  private unsubscribeCurrentLocaleStore?: () => void;\n\n  componentDidLoad() {\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.languageUpdateTrigger++;\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n  }\n\n  private closeModal = () => {\n    this.visible = false;\n  };\n\n  render() {\n    if (!this.visible) return null;\n\n    return (\n      <div class=\"modal-overlay\">\n        <div class=\"modal-content\">\n          <div class=\"alert info filled medium\">\n            <div class=\"alert-icon\">\n              <rebill-icon name=\"circle-info\" size=\"16px\" color={COLORS_ENUM.ORANGE} />\n            </div>\n            <div class=\"alert-message\">\n              <div class=\"alert-title\">\n                <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK}>\n                  {I18nService.translate('session.refreshedTitle')}\n                </rebill-typography>\n              </div>\n              <div class=\"alert-message-text\">\n                <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                  {I18nService.translate('session.refreshedMessage')}\n                </rebill-typography>\n              </div>\n            </div>\n          </div>\n          <button onClick={this.closeModal} class=\"close-button\" type=\"button\">\n            <rebill-icon name=\"close\" size=\"20px\" />\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-bhvS6Qdq.js","mappings":";;;;;;AAAA,MAAM,eAAe,GAAG,64CAA64C;;MCUx5C,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;IACd,OAAO,GAAY,IAAI;IACvB,qBAAqB,GAAW,CAAC;AAClC,IAAA,6BAA6B;IAErC,gBAAgB,GAAA;QACd,IAAI,CAAC,6BAA6B,GAAG,YAAY,CAAC,QAAQ,CAAC,eAAe,EAAE,MAAK;YAC/E,IAAI,CAAC,qBAAqB,EAAE;AAC9B,SAAC,CAAC;;IAGJ,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,6BAA6B,EAAE;YACtC,IAAI,CAAC,6BAA6B,EAAE;;;IAIhC,UAAU,GAAG,MAAK;AACxB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACtB,KAAC;IAED,MAAM,GAAA;QACJ,IAAI,CAAC,IAAI,CAAC,OAAO;AAAE,YAAA,OAAO,IAAI;AAE9B,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,eAAe,EAAA,EACxB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,0BAA0B,EAAA,EACnC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,aAAA,EAAA,EAAa,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,WAAW,CAAC,MAAM,GAAI,CACrE,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACtB,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,WAAW,CAAC,YAAY,EAAA,EACvE,WAAW,CAAC,SAAS,CAAC,wBAAwB,CAAC,CAC9B,CAChB,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,WAAW,CAAC,YAAY,IACnE,WAAW,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAChC,CAChB,CACF,CACF,EACN,CAAA,CAAA,QAAA,EAAA,EAAQ,OAAO,EAAE,IAAI,CAAC,UAAU,EAAE,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,QAAQ,EAAA,EAClE,CAAA,CAAA,aAAA,EAAA,EAAa,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAA,CAAG,CACjC,CACL,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/modal-overlay/modal-overlay.css?tag=rebill-modal-overlay","src/components/shared/modal-overlay/modal-overlay.tsx"],"sourcesContent":[".modal-overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 10000;\n  padding: 12px 16px;\n  box-sizing: border-box;\n}\n\n.modal-content {\n  background: white;\n  border-radius: 8px;\n  padding: 16px 20px;\n  width: 350px;\n  box-shadow:\n    0 4px 12px -2px rgba(0, 0, 0, 0.15),\n    0 2px 4px -1px rgba(0, 0, 0, 0.1);\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.modal-content .alert {\n  margin: 0;\n  flex: 1;\n  padding: 0;\n  background: transparent;\n  border: none;\n  box-shadow: none;\n}\n\n/* Override para quitar cualquier color de fondo del modal */\n.modal-content .alert {\n  background-color: transparent !important;\n  border-color: transparent !important;\n}\n\n.modal-content .alert-message {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.modal-content .close-button {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 20px;\n  height: 20px;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  transition: background-color 0.2s ease;\n  padding: 0;\n  margin: 0;\n  outline: none;\n  box-shadow: none;\n  line-height: 1;\n}\n\n.modal-content .close-button:focus {\n  outline: none;\n  box-shadow: none;\n}\n\n.modal-content .close-button:hover {\n  background-color: #f0f0f0;\n}\n\n.modal-content .close-button rebill-icon {\n  width: 16px;\n  height: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n@media (max-width: 768px) {\n  .modal-overlay {\n    padding: 8px 12px;\n  }\n\n  .modal-content {\n    padding: 12px 16px;\n    flex-direction: column;\n    gap: 8px;\n    text-align: center;\n  }\n\n  .modal-content .close-button {\n    width: 100%;\n  }\n}\n","import { Component, h, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { SessionStore } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-modal-overlay',\n  styleUrl: 'modal-overlay.css',\n  shadow: false,\n})\nexport class ModalOverlay {\n  @State() visible: boolean = true;\n  @State() languageUpdateTrigger: number = 0;\n  private unsubscribeCurrentLocaleStore?: () => void;\n\n  componentDidLoad() {\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.languageUpdateTrigger++;\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n  }\n\n  private closeModal = () => {\n    this.visible = false;\n  };\n\n  render() {\n    if (!this.visible) return null;\n\n    return (\n      <div class=\"modal-overlay\">\n        <div class=\"modal-content\">\n          <div class=\"alert info filled medium\">\n            <div class=\"alert-icon\">\n              <rebill-icon name=\"circle-info\" size=\"16px\" color={COLORS_ENUM.ORANGE} />\n            </div>\n            <div class=\"alert-message\">\n              <div class=\"alert-title\">\n                <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK}>\n                  {I18nService.translate('session.refreshedTitle')}\n                </rebill-typography>\n              </div>\n              <div class=\"alert-message-text\">\n                <rebill-typography variant=\"subtitle2\" color={COLORS_ENUM.PRIMARY_DARK}>\n                  {I18nService.translate('session.refreshedMessage')}\n                </rebill-typography>\n              </div>\n            </div>\n          </div>\n          <button onClick={this.closeModal} class=\"close-button\" type=\"button\">\n            <rebill-icon name=\"close\" size=\"20px\" />\n          </button>\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BKW3nMqk.js → p-d3WZKgsB.js}

@@ -2,10 +2,10 @@ import { proxyCustomElement, H, createEvent, h, Host } from './p-CTGDXA9q.js';
 import { a as api } from './p-ClaAWer0.js';
 import { I as I18nService, a as SessionStore, s as state } from './p-DPQ5M9bH.js';
 import { d as defineCustomElement$5 } from './p-RdOKMVMV.js';
-import { d as defineCustomElement$4 } from './p-ojGSd7eA.js';
+import { d as defineCustomElement$4 } from './p-D8FW7I0M.js';
 import { d as defineCustomElement$3 } from './p-CEBwV20U.js';
-import { d as defineCustomElement$2 } from './p-BhZLfMCq.js';
-import { d as defineCustomElement$1 } from './p-CGfY7lYE.js';
+import { d as defineCustomElement$2 } from './p-8Z6_-yhm.js';
+import { d as defineCustomElement$1 } from './p-DmG9jqf9.js';
 
 const userInformationCss = ":host{display:block}.inputs-container{display:flex;flex-direction:column;gap:16px;width:100%}.customer-exists{display:flex;justify-content:flex-end;margin-bottom:16px}";
 
@@ -147,6 +147,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { UserInformation as U, defineCustomElement as d };
-//# sourceMappingURL=p-BKW3nMqk.js.map
+//# sourceMappingURL=p-d3WZKgsB.js.map
 
-//# sourceMappingURL=p-BKW3nMqk.js.map
+//# sourceMappingURL=p-d3WZKgsB.js.map

package/dist/components/{p-BKW3nMqk.js.map → p-d3WZKgsB.js.map}

@@ -1 +1 @@
-{"file":"p-BKW3nMqk.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/user-information/user-information.css?tag=user-information","src/components/checkout/user-information/user-information.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.inputs-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  width: 100%;\n}\n.customer-exists {\n  display: flex;\n  justify-content: flex-end;\n  margin-bottom: 16px;\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, Prop } from '@stencil/core';\nimport { api } from '../../../api';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\n\n@Component({\n  tag: 'user-information',\n  styleUrl: 'user-information.css',\n  shadow: false,\n})\nexport class UserInformation {\n  @Prop() userInformation: {\n    email?: string;\n    fullName?: string;\n    countryCode?: string;\n    phoneNumber?: {\n      number: string;\n      countryCode: string;\n    };\n  } = {\n    email: '',\n    fullName: '',\n    countryCode: '',\n  };\n\n  @Prop() errors: {\n    email?: string;\n    fullName?: string;\n  } | null = null;\n\n  @Prop() customerExists: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Event() onRebillAccountClick: EventEmitter<boolean>;\n\n  private translateError(errorKey: string | undefined): string {\n    if (!errorKey) return '';\n    if (errorKey.includes('validation.') || errorKey.includes('paymentErrors.')) {\n      return I18nService.translate(errorKey);\n    }\n    return errorKey;\n  }\n\n  @Listen('input')\n  handleInputChange(event: CustomEvent<{ id: string; value: string }>) {\n    if (!event.detail) return;\n\n    const { id, value } = event.detail;\n    SessionStore.setUserInformation({ [id]: value });\n  }\n\n  @Listen('blur')\n  handleBlur(event: CustomEvent<{ id: string; value: string }>) {\n    if (!event.detail) return;\n\n    const { id, value } = event.detail;\n    SessionStore.setUserInformation({ [id]: value });\n  }\n\n  private getCardLabels() {\n    const labels = [];\n\n    if (sessionState.data.prefilledData.email) {\n      labels.push({\n        label: I18nService.translate('userInformation.emailPlaceholder'),\n        value: sessionState.data.prefilledData.email,\n      });\n      SessionStore.setUserInformation({\n        ...sessionState.data.userInformation,\n        email: sessionState.data.prefilledData.email,\n      });\n    }\n\n    if (sessionState.data.prefilledData.fullName) {\n      labels.push({\n        label: I18nService.translate('userInformation.fullNamePlaceholder'),\n        value: sessionState.data.prefilledData.fullName,\n      });\n      SessionStore.setUserInformation({\n        ...sessionState.data.userInformation,\n        fullName: sessionState.data.prefilledData.fullName,\n      });\n    }\n\n    return labels;\n  }\n  private async handleRebillAccountClick() {\n    api.otp.generate(sessionState.data.sessionId, {\n      email: sessionState.data.userInformation.email,\n    });\n    this.onRebillAccountClick.emit(true);\n  }\n\n  private renderInputs() {\n    const hasPrefilledEmail = sessionState.data.prefilledData.email;\n    const hasPrefilledName = sessionState.data.prefilledData.fullName;\n\n    const inputs = [];\n\n    if (!hasPrefilledEmail) {\n      inputs.push(\n        <rebill-input-text\n          id=\"email\"\n          variant=\"floating\"\n          label={I18nService.translate('userInformation.emailPlaceholder')}\n          placeholder={I18nService.translate('userInformation.emailPlaceholder')}\n          left-icon=\"email\"\n          clearable={true}\n          disabled={this.disabled}\n          error={this.translateError(this.errors?.email)}\n        />,\n      );\n    }\n\n    if (!hasPrefilledName) {\n      inputs.push(\n        <rebill-input-text\n          id=\"fullName\"\n          variant=\"floating\"\n          label={I18nService.translate('userInformation.fullNamePlaceholder')}\n          placeholder={I18nService.translate('userInformation.fullNamePlaceholder')}\n          disabled={this.disabled}\n          error={this.translateError(this.errors?.fullName)}\n        />,\n      );\n    }\n\n    return inputs.length > 0 ? (\n      <div\n        class=\"inputs-container\"\n        style={{\n          marginTop: inputs.length > 0 && (hasPrefilledEmail || hasPrefilledName) ? '1rem' : '0',\n        }}\n      >\n        {inputs}\n      </div>\n    ) : null;\n  }\n\n  render() {\n    const customerExistsButton = (\n      <div class=\"customer-exists\">\n        <rebill-button\n          style={{\n            visibility: this.customerExists ? 'visible' : 'hidden',\n            opacity: this.customerExists ? '1' : '0',\n            transition: 'opacity 0.3s ease-in-out',\n          }}\n          variant=\"text\"\n          size=\"small\"\n          onClick={() => this.handleRebillAccountClick()}\n          icon=\"lock\"\n        >\n          {I18nService.translate('userInformation.rebillAccount')}\n          <rebill-icon name=\"arrow-right\" />\n        </rebill-button>\n      </div>\n    );\n\n    const hasPrefilledEmail = sessionState.data.prefilledData.email;\n    const hasPrefilledName = sessionState.data.prefilledData.fullName;\n    const hasAnyPrefilled = hasPrefilledEmail || hasPrefilledName;\n\n    return (\n      <Host>\n        {customerExistsButton}\n        {hasAnyPrefilled && (\n          <rebill-card\n            cardTitle={I18nService.translate('userInformation.personalInformation')}\n            cardLabels={this.getCardLabels()}\n          />\n        )}\n        {this.renderInputs()}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-d3WZKgsB.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/user-information/user-information.css?tag=user-information","src/components/checkout/user-information/user-information.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.inputs-container {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  width: 100%;\n}\n.customer-exists {\n  display: flex;\n  justify-content: flex-end;\n  margin-bottom: 16px;\n}\n","import { Component, Event, EventEmitter, h, Host, Listen, Prop } from '@stencil/core';\nimport { api } from '../../../api';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\n\n@Component({\n  tag: 'user-information',\n  styleUrl: 'user-information.css',\n  shadow: false,\n})\nexport class UserInformation {\n  @Prop() userInformation: {\n    email?: string;\n    fullName?: string;\n    countryCode?: string;\n    phoneNumber?: {\n      number: string;\n      countryCode: string;\n    };\n  } = {\n    email: '',\n    fullName: '',\n    countryCode: '',\n  };\n\n  @Prop() errors: {\n    email?: string;\n    fullName?: string;\n  } | null = null;\n\n  @Prop() customerExists: boolean = false;\n  @Prop() disabled: boolean = false;\n  @Event() onRebillAccountClick: EventEmitter<boolean>;\n\n  private translateError(errorKey: string | undefined): string {\n    if (!errorKey) return '';\n    if (errorKey.includes('validation.') || errorKey.includes('paymentErrors.')) {\n      return I18nService.translate(errorKey);\n    }\n    return errorKey;\n  }\n\n  @Listen('input')\n  handleInputChange(event: CustomEvent<{ id: string; value: string }>) {\n    if (!event.detail) return;\n\n    const { id, value } = event.detail;\n    SessionStore.setUserInformation({ [id]: value });\n  }\n\n  @Listen('blur')\n  handleBlur(event: CustomEvent<{ id: string; value: string }>) {\n    if (!event.detail) return;\n\n    const { id, value } = event.detail;\n    SessionStore.setUserInformation({ [id]: value });\n  }\n\n  private getCardLabels() {\n    const labels = [];\n\n    if (sessionState.data.prefilledData.email) {\n      labels.push({\n        label: I18nService.translate('userInformation.emailPlaceholder'),\n        value: sessionState.data.prefilledData.email,\n      });\n      SessionStore.setUserInformation({\n        ...sessionState.data.userInformation,\n        email: sessionState.data.prefilledData.email,\n      });\n    }\n\n    if (sessionState.data.prefilledData.fullName) {\n      labels.push({\n        label: I18nService.translate('userInformation.fullNamePlaceholder'),\n        value: sessionState.data.prefilledData.fullName,\n      });\n      SessionStore.setUserInformation({\n        ...sessionState.data.userInformation,\n        fullName: sessionState.data.prefilledData.fullName,\n      });\n    }\n\n    return labels;\n  }\n  private async handleRebillAccountClick() {\n    api.otp.generate(sessionState.data.sessionId, {\n      email: sessionState.data.userInformation.email,\n    });\n    this.onRebillAccountClick.emit(true);\n  }\n\n  private renderInputs() {\n    const hasPrefilledEmail = sessionState.data.prefilledData.email;\n    const hasPrefilledName = sessionState.data.prefilledData.fullName;\n\n    const inputs = [];\n\n    if (!hasPrefilledEmail) {\n      inputs.push(\n        <rebill-input-text\n          id=\"email\"\n          variant=\"floating\"\n          label={I18nService.translate('userInformation.emailPlaceholder')}\n          placeholder={I18nService.translate('userInformation.emailPlaceholder')}\n          left-icon=\"email\"\n          clearable={true}\n          disabled={this.disabled}\n          error={this.translateError(this.errors?.email)}\n        />,\n      );\n    }\n\n    if (!hasPrefilledName) {\n      inputs.push(\n        <rebill-input-text\n          id=\"fullName\"\n          variant=\"floating\"\n          label={I18nService.translate('userInformation.fullNamePlaceholder')}\n          placeholder={I18nService.translate('userInformation.fullNamePlaceholder')}\n          disabled={this.disabled}\n          error={this.translateError(this.errors?.fullName)}\n        />,\n      );\n    }\n\n    return inputs.length > 0 ? (\n      <div\n        class=\"inputs-container\"\n        style={{\n          marginTop: inputs.length > 0 && (hasPrefilledEmail || hasPrefilledName) ? '1rem' : '0',\n        }}\n      >\n        {inputs}\n      </div>\n    ) : null;\n  }\n\n  render() {\n    const customerExistsButton = (\n      <div class=\"customer-exists\">\n        <rebill-button\n          style={{\n            visibility: this.customerExists ? 'visible' : 'hidden',\n            opacity: this.customerExists ? '1' : '0',\n            transition: 'opacity 0.3s ease-in-out',\n          }}\n          variant=\"text\"\n          size=\"small\"\n          onClick={() => this.handleRebillAccountClick()}\n          icon=\"lock\"\n        >\n          {I18nService.translate('userInformation.rebillAccount')}\n          <rebill-icon name=\"arrow-right\" />\n        </rebill-button>\n      </div>\n    );\n\n    const hasPrefilledEmail = sessionState.data.prefilledData.email;\n    const hasPrefilledName = sessionState.data.prefilledData.fullName;\n    const hasAnyPrefilled = hasPrefilledEmail || hasPrefilledName;\n\n    return (\n      <Host>\n        {customerExistsButton}\n        {hasAnyPrefilled && (\n          <rebill-card\n            cardTitle={I18nService.translate('userInformation.personalInformation')}\n            cardLabels={this.getCardLabels()}\n          />\n        )}\n        {this.renderInputs()}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-De6XbCCz.js → p-gCWikaoG.js}

@@ -10,16 +10,16 @@ import './p-uZj1dMLQ.js';
 import { B as BREAKPOINT_ENUM, g as getBreakpoint, i as isBreakpointBelow } from './p-Do_vNuMa.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { g as getPaymentMethodDisplayName } from './p-BaG9-pa5.js';
-import { d as defineCustomElement$8 } from './p-B2TDQClH.js';
+import { d as defineCustomElement$8 } from './p-Dua4qdwP.js';
 import { d as defineCustomElement$7 } from './p-RdOKMVMV.js';
 import { d as defineCustomElement$6 } from './p-C8Cgs9o9.js';
-import { d as defineCustomElement$5 } from './p-BshrHj7X.js';
-import { d as defineCustomElement$4 } from './p-D6JNNodL.js';
+import { d as defineCustomElement$5 } from './p-DQi9Jit7.js';
+import { d as defineCustomElement$4 } from './p-BZ90sz6G.js';
 import { d as defineCustomElement$3 } from './p-CEBwV20U.js';
 import { d as defineCustomElement$2 } from './p-Umq37yA2.js';
-import { d as defineCustomElement$1 } from './p-CGfY7lYE.js';
+import { d as defineCustomElement$1 } from './p-DmG9jqf9.js';
 
-const successPageCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}*{transition:none !important}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.text-content{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.success-content{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;overflow-x:hidden;box-sizing:border-box}.lottie-container{width:80px;height:80px}.success-content rebill-typography[variant='h3']{margin:0 !important;padding:0 !important}.success-icon{display:flex;justify-content:center;margin:0.5rem 0}.success-page__info-card{padding:24px;gap:16px;width:100%;max-width:450px;border:1px solid #ebedef;border-radius:8px;display:flex;flex-direction:column;box-sizing:border-box}.success-page__card-row{display:flex;justify-content:space-between;align-items:start;min-height:20px;gap:15%}.success-page__card-row:last-of-type{margin-bottom:0}.success-page__card-value{display:flex;align-items:center;gap:0.5rem}.payment-method-display{display:flex;align-items:center;gap:8px;justify-content:center}.payment-method-display rebill-card-icon{display:inline-block;flex-shrink:0;margin-right:8px;vertical-align:middle}.payment-method-display rebill-card-icon svg{display:block}.payment-method-display rebill-icon{display:inline-block;vertical-align:middle;margin-right:8px}.payment-method-display rebill-icon div{display:block}.success-page__card-divider{height:1px;background:#e5e7eb}.download-container{display:flex;align-items:center;justify-content:flex-start;gap:2px;text-decoration:none;cursor:pointer}.contact-info{text-align:left}.reference-number{word-break:break-all;overflow-wrap:break-word;hyphens:auto;max-width:100%;text-align:right}.total-amount-container{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-direction:row}.trial-pill{background-color:var(--rebill-color-green-light-2);border-radius:4px;padding:4px 6px 4px 6px;display:flex;align-items:center;justify-content:center}.next-charge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.next-charge-details{display:flex;justify-content:space-between;align-items:flex-start}.next-charge-amount{display:flex;flex-direction:row;align-items:center;gap:4px}.next-charge-date{text-align:right}@media (max-width: 1024px){.success-content{max-width:100%;gap:1.5rem;margin-left:16px;margin-right:16px}.success-page__info-card{width:100%;max-width:100%;padding:12px}.text-content{gap:12px}}@media (max-width: 767px){.success-page__info-card{padding:12px}.processing-container{padding:0 16px}}";
+const successPageCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.text-content{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.success-content{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;overflow-x:hidden;box-sizing:border-box}.lottie-container{width:80px;height:80px}.success-content rebill-typography[variant='h3']{margin:0 !important;padding:0 !important}.success-icon{display:flex;justify-content:center;margin:0.5rem 0}.success-page__info-card{padding:24px;gap:16px;width:100%;max-width:450px;border:1px solid #ebedef;border-radius:8px;display:flex;flex-direction:column;box-sizing:border-box}.success-page__card-row{display:flex;justify-content:space-between;align-items:start;min-height:20px;gap:15%}.success-page__card-row:last-of-type{margin-bottom:0}.success-page__card-value{display:flex;align-items:center;gap:0.5rem}.payment-method-display{display:flex;align-items:center;gap:8px;justify-content:center}.payment-method-display rebill-card-icon{display:inline-block;flex-shrink:0;margin-right:8px;vertical-align:middle}.payment-method-display rebill-card-icon svg{display:block}.payment-method-display rebill-icon{display:inline-block;vertical-align:middle;margin-right:8px}.payment-method-display rebill-icon div{display:block}.success-page__card-divider{height:1px;background:#e5e7eb}.download-container{display:flex;align-items:center;justify-content:flex-start;gap:2px;text-decoration:none;cursor:pointer}.contact-info{text-align:left}.reference-number{word-break:break-all;overflow-wrap:break-word;hyphens:auto;max-width:100%;text-align:right}.total-amount-container{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-direction:row}.trial-pill{background-color:var(--rebill-color-green-light-2);border-radius:4px;padding:4px 6px 4px 6px;display:flex;align-items:center;justify-content:center}.next-charge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.next-charge-details{display:flex;justify-content:space-between;align-items:flex-start}.next-charge-amount{display:flex;flex-direction:row;align-items:center;gap:4px}.next-charge-date{text-align:right}@media (max-width: 1024px){.success-content{max-width:100%;gap:1.5rem;margin-left:16px;margin-right:16px}.success-page__info-card{width:100%;max-width:100%;padding:12px}.text-content{gap:12px}}@media (max-width: 767px){.success-page__info-card{padding:12px}.processing-container{padding:0 16px}}";
 
 const CardSuccessPage = /*@__PURE__*/ proxyCustomElement(class CardSuccessPage extends H {
     constructor() {
@@ -357,6 +357,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { CardSuccessPage as C, defineCustomElement as d };
-//# sourceMappingURL=p-De6XbCCz.js.map
+//# sourceMappingURL=p-gCWikaoG.js.map
 
-//# sourceMappingURL=p-De6XbCCz.js.map
+//# sourceMappingURL=p-gCWikaoG.js.map