rebill-web-components-sdk 1.8.34-beta.1 → 1.8.34

package/dist/components/{p-DbfmzIIw.js → p-B9sgr8Yu.js}

@@ -2,7 +2,7 @@ import { proxyCustomElement, H, h } from './p-8BpuJ_V5.js';
 import { e as instance, I as I18nService, c as formatAmount, s as state } from './p-CMzpQU2o.js';
 import { a as formatDate } from './p-CInOtzjF.js';
 import { d as defineCustomElement$7 } from './p-xnPPdPin.js';
-import { d as defineCustomElement$6 } from './p-CtTqLwLn.js';
+import { d as defineCustomElement$6 } from './p-D5TXI2Hb.js';
 import { d as defineCustomElement$5 } from './p-DvWdkIUq.js';
 import { d as defineCustomElement$4 } from './p-DUS8vmJL.js';
 import { d as defineCustomElement$3 } from './p-CWY-g0zG.js';
@@ -177,6 +177,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { RenewalSummary as R, defineCustomElement as d };
-//# sourceMappingURL=p-DbfmzIIw.js.map
+//# sourceMappingURL=p-B9sgr8Yu.js.map
 
-//# sourceMappingURL=p-DbfmzIIw.js.map
+//# sourceMappingURL=p-B9sgr8Yu.js.map

package/dist/components/{p-DbfmzIIw.js.map → p-B9sgr8Yu.js.map}

@@ -1 +1 @@
-{"file":"p-DbfmzIIw.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n","formatDateByLocale","sessionState"],"sources":["src/components/renewal/renewal-summary/renewal-summary.css?tag=renewal-summary","src/components/renewal/renewal-summary/renewal-summary.tsx"],"sourcesContent":[".wrapper {\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n}\n.title {\n  font-size: 1rem;\n  font-weight: 500;\n  color: var(--rebill-color-primary-dark-text);\n  text-align: center;\n}\n\n.amount {\n  font-size: 2.25rem;\n  font-weight: 500;\n  color: var(--rebill-color-primary-dark-text);\n  margin: 0 0 1.5rem 0;\n  text-align: center;\n  line-height: 1.1;\n}\n\n.per {\n  font-size: 1.1rem;\n  font-weight: 400;\n  color: var(--rebill-color-text-secondary);\n}\n\n.label-muted {\n  font-size: 1rem;\n  color: var(--rebill-color-primary-dark);\n  margin: 0 0 1.5rem 0;\n  text-align: center;\n}\n\n.info {\n  width: 100%;\n  margin-top: 1.5rem;\n  margin-bottom: 3rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1.4rem;\n}\n\n.row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 1rem;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.left {\n  color: var(--rebill-color-text-secondary);\n  font-weight: 400;\n}\n\n.right {\n  color: var(--rebill-color-primary-dark-text);\n  font-weight: 400;\n  text-align: right;\n}\n\n.divider {\n  border: none;\n  border-top: 1px solid var(--rebill-color-border);\n  margin: 1rem 0;\n}\n\n@media (max-width: 1024px) {\n  .amount {\n    margin-bottom: 0;\n  }\n  .row {\n    font-size: 0.9rem;\n  }\n  .row:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n  .left {\n    color: var(--rebill-color-primary-dark-text);\n  }\n}\n\n.total-row {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 1.1rem;\n  font-weight: 600;\n}\n\n.total-row .left {\n  color: var(--rebill-color-primary-dark-text);\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState } from '../../../store/session.store';\nimport { formatAmount } from '../../../utils/currency-formatter';\nimport { formatDate as formatDateByLocale } from '../../../utils/date-formatter';\n\n@Component({\n  tag: 'renewal-summary',\n  styleUrl: 'renewal-summary.css',\n  shadow: false,\n})\nexport class RenewalSummary {\n  @State() private forceUpdate = 0;\n  @Prop() displayedComponents: ('header' | 'details' | 'summary')[] = [\n    'header',\n    'details',\n    'summary',\n  ];\n  @Prop() totalAmount!: number;\n  @Prop() subscriptionTitle!: string;\n  @Prop() subscriptionAmount!: number;\n  @Prop() nextChargeDate?: string;\n  @Prop() frequency?: { count: number; period: string };\n  @Prop() currency: string;\n  @Prop() couponCode?: string;\n  @Prop() discountAmount?: number;\n  @Prop() discountPercentage?: number;\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.forceUpdate = this.forceUpdate + 1;\n  };\n\n  private getFrequencyText(): string {\n    if (!this.frequency || !this.frequency.period) return '';\n\n    const period = this.frequency.period.toLowerCase();\n    const count = this.frequency.count;\n\n    const translationKey = `summary.${period}`;\n    return I18nService.translate(translationKey, { count });\n  }\n\n  private getDiscountAmount(): number {\n    const amountDiscount = Math.max(0, this.discountAmount);\n    if (amountDiscount > 0) {\n      return amountDiscount;\n    }\n\n    const percentage = this.discountPercentage;\n    if (percentage && percentage > 0) {\n      const base = this.totalAmount;\n      const percentageDiscount = (base * percentage) / 100;\n      return Math.max(0, percentageDiscount);\n    }\n\n    return 0;\n  }\n\n  private getFinalAmount(): number {\n    const final = this.totalAmount - this.getDiscountAmount();\n    return Math.max(0, final);\n  }\n\n  private hasDiscount(): boolean {\n    return this.getDiscountAmount() > 0;\n  }\n\n  renderHeader = () => {\n    return (\n      <div class=\"header\">\n        <p class=\"title\">{I18nService.translate('renewal.title')}</p>\n        <p class=\"amount\">\n          <span class=\"total-amount\">{formatAmount(this.getFinalAmount(), this.currency)}</span>{' '}\n          <span class=\"per\">/ {this.getFrequencyText().toLowerCase()}</span>\n        </p>\n      </div>\n    );\n  };\n\n  renderInfoRow = (label: string, value: string) => {\n    return (\n      <div class=\"row\">\n        <div class=\"left\">{label}</div>\n        <div class=\"right\">{value}</div>\n      </div>\n    );\n  };\n\n  renderProduct = () => {\n    return this.renderInfoRow(\n      this.subscriptionTitle,\n      formatAmount(this.subscriptionAmount, this.currency),\n    );\n  };\n\n  renderNextRenewal = () => {\n    return this.renderInfoRow(\n      I18nService.translate('renewal.nextRenewal'),\n      formatDateByLocale(this.nextChargeDate, undefined, sessionState.currentLocale),\n    );\n  };\n\n  renderSubtotal = () => {\n    return this.renderInfoRow(\n      I18nService.translate('renewal.subtotal'),\n      formatAmount(this.totalAmount, this.currency),\n    );\n  };\n\n  private renderDiscount = () => {\n    if (!this.hasDiscount()) return null;\n    return (\n      <div class=\"row\">\n        <div class=\"left\">{I18nService.translate('summary.discount')}</div>\n        <div class=\"right discount-chip-wrapper\">\n          <discount-coupon\n            displayMode=\"readonly\"\n            readonlyCouponCode={this.couponCode || undefined}\n            readonlyDiscountAmount={this.getDiscountAmount()}\n            readonlyCurrency={this.currency}\n          />\n        </div>\n      </div>\n    );\n  };\n\n  renderTotal = () => {\n    return (\n      <div class=\"total-row\">\n        <div class=\"left\">{I18nService.translate('renewal.totalToRenew')}</div>\n        <div class=\"right\">{formatAmount(this.getFinalAmount(), this.currency)}</div>\n      </div>\n    );\n  };\n\n  renderDesktop = () => {\n    return (\n      <div class=\"wrapper\">\n        {this.renderHeader()}\n        <div class=\"info\">\n          <div class=\"row\">\n            <div class=\"\">{I18nService.translate('renewal.subscriptionDetails')}</div>\n          </div>\n          {this.renderProduct()}\n          {this.renderNextRenewal()}\n          {this.renderSubtotal()}\n          {this.renderDiscount()}\n        </div>\n        {this.renderTotal()}\n      </div>\n    );\n  };\n\n  render() {\n    if (\n      this.displayedComponents.includes('header') &&\n      this.displayedComponents.includes('details') &&\n      this.displayedComponents.includes('summary')\n    ) {\n      return this.renderDesktop();\n    }\n    if (this.displayedComponents.includes('header')) {\n      return this.renderHeader();\n    }\n    if (this.displayedComponents.includes('details')) {\n      return (\n        <collapsible-card header={I18nService.translate('summary.details')}>\n          {this.renderProduct()}\n          {this.renderNextRenewal()}\n        </collapsible-card>\n      );\n    }\n    if (this.displayedComponents.includes('summary')) {\n      return (\n        <collapsible-card header={I18nService.translate('summary.summary')}>\n          {this.renderInfoRow(\n            this.subscriptionTitle,\n            '1 x ' + formatAmount(this.subscriptionAmount, this.currency),\n          )}\n          {this.renderSubtotal()}\n          {this.renderDiscount()}\n\n          <rebill-divider />\n          {this.renderInfoRow(\n            I18nService.translate('renewal.totalToRenew'),\n            formatAmount(this.getFinalAmount(), this.currency),\n          )}\n        </collapsible-card>\n      );\n    }\n  }\n}\n"],"version":3}
+{"file":"p-B9sgr8Yu.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n","formatDateByLocale","sessionState"],"sources":["src/components/renewal/renewal-summary/renewal-summary.css?tag=renewal-summary","src/components/renewal/renewal-summary/renewal-summary.tsx"],"sourcesContent":[".wrapper {\n  margin: 0 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n.header {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n}\n.title {\n  font-size: 1rem;\n  font-weight: 500;\n  color: var(--rebill-color-primary-dark-text);\n  text-align: center;\n}\n\n.amount {\n  font-size: 2.25rem;\n  font-weight: 500;\n  color: var(--rebill-color-primary-dark-text);\n  margin: 0 0 1.5rem 0;\n  text-align: center;\n  line-height: 1.1;\n}\n\n.per {\n  font-size: 1.1rem;\n  font-weight: 400;\n  color: var(--rebill-color-text-secondary);\n}\n\n.label-muted {\n  font-size: 1rem;\n  color: var(--rebill-color-primary-dark);\n  margin: 0 0 1.5rem 0;\n  text-align: center;\n}\n\n.info {\n  width: 100%;\n  margin-top: 1.5rem;\n  margin-bottom: 3rem;\n  display: flex;\n  flex-direction: column;\n  gap: 1.4rem;\n}\n\n.row {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 1rem;\n  line-height: 1.4;\n  width: 100%;\n}\n\n.left {\n  color: var(--rebill-color-text-secondary);\n  font-weight: 400;\n}\n\n.right {\n  color: var(--rebill-color-primary-dark-text);\n  font-weight: 400;\n  text-align: right;\n}\n\n.divider {\n  border: none;\n  border-top: 1px solid var(--rebill-color-border);\n  margin: 1rem 0;\n}\n\n@media (max-width: 1024px) {\n  .amount {\n    margin-bottom: 0;\n  }\n  .row {\n    font-size: 0.9rem;\n  }\n  .row:not(:last-child) {\n    margin-bottom: 0.5rem;\n  }\n  .left {\n    color: var(--rebill-color-primary-dark-text);\n  }\n}\n\n.total-row {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 1.1rem;\n  font-weight: 600;\n}\n\n.total-row .left {\n  color: var(--rebill-color-primary-dark-text);\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState } from '../../../store/session.store';\nimport { formatAmount } from '../../../utils/currency-formatter';\nimport { formatDate as formatDateByLocale } from '../../../utils/date-formatter';\n\n@Component({\n  tag: 'renewal-summary',\n  styleUrl: 'renewal-summary.css',\n  shadow: false,\n})\nexport class RenewalSummary {\n  @State() private forceUpdate = 0;\n  @Prop() displayedComponents: ('header' | 'details' | 'summary')[] = [\n    'header',\n    'details',\n    'summary',\n  ];\n  @Prop() totalAmount!: number;\n  @Prop() subscriptionTitle!: string;\n  @Prop() subscriptionAmount!: number;\n  @Prop() nextChargeDate?: string;\n  @Prop() frequency?: { count: number; period: string };\n  @Prop() currency: string;\n  @Prop() couponCode?: string;\n  @Prop() discountAmount?: number;\n  @Prop() discountPercentage?: number;\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.forceUpdate = this.forceUpdate + 1;\n  };\n\n  private getFrequencyText(): string {\n    if (!this.frequency || !this.frequency.period) return '';\n\n    const period = this.frequency.period.toLowerCase();\n    const count = this.frequency.count;\n\n    const translationKey = `summary.${period}`;\n    return I18nService.translate(translationKey, { count });\n  }\n\n  private getDiscountAmount(): number {\n    const amountDiscount = Math.max(0, this.discountAmount);\n    if (amountDiscount > 0) {\n      return amountDiscount;\n    }\n\n    const percentage = this.discountPercentage;\n    if (percentage && percentage > 0) {\n      const base = this.totalAmount;\n      const percentageDiscount = (base * percentage) / 100;\n      return Math.max(0, percentageDiscount);\n    }\n\n    return 0;\n  }\n\n  private getFinalAmount(): number {\n    const final = this.totalAmount - this.getDiscountAmount();\n    return Math.max(0, final);\n  }\n\n  private hasDiscount(): boolean {\n    return this.getDiscountAmount() > 0;\n  }\n\n  renderHeader = () => {\n    return (\n      <div class=\"header\">\n        <p class=\"title\">{I18nService.translate('renewal.title')}</p>\n        <p class=\"amount\">\n          <span class=\"total-amount\">{formatAmount(this.getFinalAmount(), this.currency)}</span>{' '}\n          <span class=\"per\">/ {this.getFrequencyText().toLowerCase()}</span>\n        </p>\n      </div>\n    );\n  };\n\n  renderInfoRow = (label: string, value: string) => {\n    return (\n      <div class=\"row\">\n        <div class=\"left\">{label}</div>\n        <div class=\"right\">{value}</div>\n      </div>\n    );\n  };\n\n  renderProduct = () => {\n    return this.renderInfoRow(\n      this.subscriptionTitle,\n      formatAmount(this.subscriptionAmount, this.currency),\n    );\n  };\n\n  renderNextRenewal = () => {\n    return this.renderInfoRow(\n      I18nService.translate('renewal.nextRenewal'),\n      formatDateByLocale(this.nextChargeDate, undefined, sessionState.currentLocale),\n    );\n  };\n\n  renderSubtotal = () => {\n    return this.renderInfoRow(\n      I18nService.translate('renewal.subtotal'),\n      formatAmount(this.totalAmount, this.currency),\n    );\n  };\n\n  private renderDiscount = () => {\n    if (!this.hasDiscount()) return null;\n    return (\n      <div class=\"row\">\n        <div class=\"left\">{I18nService.translate('summary.discount')}</div>\n        <div class=\"right discount-chip-wrapper\">\n          <discount-coupon\n            displayMode=\"readonly\"\n            readonlyCouponCode={this.couponCode || undefined}\n            readonlyDiscountAmount={this.getDiscountAmount()}\n            readonlyCurrency={this.currency}\n          />\n        </div>\n      </div>\n    );\n  };\n\n  renderTotal = () => {\n    return (\n      <div class=\"total-row\">\n        <div class=\"left\">{I18nService.translate('renewal.totalToRenew')}</div>\n        <div class=\"right\">{formatAmount(this.getFinalAmount(), this.currency)}</div>\n      </div>\n    );\n  };\n\n  renderDesktop = () => {\n    return (\n      <div class=\"wrapper\">\n        {this.renderHeader()}\n        <div class=\"info\">\n          <div class=\"row\">\n            <div class=\"\">{I18nService.translate('renewal.subscriptionDetails')}</div>\n          </div>\n          {this.renderProduct()}\n          {this.renderNextRenewal()}\n          {this.renderSubtotal()}\n          {this.renderDiscount()}\n        </div>\n        {this.renderTotal()}\n      </div>\n    );\n  };\n\n  render() {\n    if (\n      this.displayedComponents.includes('header') &&\n      this.displayedComponents.includes('details') &&\n      this.displayedComponents.includes('summary')\n    ) {\n      return this.renderDesktop();\n    }\n    if (this.displayedComponents.includes('header')) {\n      return this.renderHeader();\n    }\n    if (this.displayedComponents.includes('details')) {\n      return (\n        <collapsible-card header={I18nService.translate('summary.details')}>\n          {this.renderProduct()}\n          {this.renderNextRenewal()}\n        </collapsible-card>\n      );\n    }\n    if (this.displayedComponents.includes('summary')) {\n      return (\n        <collapsible-card header={I18nService.translate('summary.summary')}>\n          {this.renderInfoRow(\n            this.subscriptionTitle,\n            '1 x ' + formatAmount(this.subscriptionAmount, this.currency),\n          )}\n          {this.renderSubtotal()}\n          {this.renderDiscount()}\n\n          <rebill-divider />\n          {this.renderInfoRow(\n            I18nService.translate('renewal.totalToRenew'),\n            formatAmount(this.getFinalAmount(), this.currency),\n          )}\n        </collapsible-card>\n      );\n    }\n  }\n}\n"],"version":3}

package/dist/components/{p-FjaOut9O.js → p-BZUoWYrL.js}

@@ -5,8 +5,8 @@ import { B as BREAKPOINT_ENUM, g as getBreakpoint } from './p-Do_vNuMa.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { d as defineCustomElement$7 } from './p-TtP-m545.js';
 import { d as defineCustomElement$6 } from './p-Dl_1nkw6.js';
-import { d as defineCustomElement$5 } from './p-r2jtUw42.js';
-import { d as defineCustomElement$4 } from './p-BCu7Nkqb.js';
+import { d as defineCustomElement$5 } from './p-B_lR-4t9.js';
+import { d as defineCustomElement$4 } from './p-DWIWSpMW.js';
 import { d as defineCustomElement$3 } from './p-CWY-g0zG.js';
 import { d as defineCustomElement$2 } from './p-Cdo8V0m3.js';
 import { d as defineCustomElement$1 } from './p-C_txMekS.js';
@@ -152,6 +152,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { ProcessingPayment as P, defineCustomElement as d };
-//# sourceMappingURL=p-FjaOut9O.js.map
+//# sourceMappingURL=p-BZUoWYrL.js.map
 
-//# sourceMappingURL=p-FjaOut9O.js.map
+//# sourceMappingURL=p-BZUoWYrL.js.map

package/dist/components/{p-FjaOut9O.js.map → p-BZUoWYrL.js.map}

@@ -1 +1 @@
-{"file":"p-FjaOut9O.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/processing-payment/processing-payment.css?tag=rebill-processing-payment","src/components/checkout/processing-payment/processing-payment.tsx"],"sourcesContent":["/* Lottie Animation */\n.lottie-container {\n  margin-bottom: 2rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.lottie-animation {\n  width: 166px;\n  height: 165px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n/* Text Content */\n.text-content {\n  margin-bottom: 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n/* Security Badge */\n.security-badge {\n  width: 100%;\n  max-width: 450px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #ebedef;\n  border-radius: 8px;\n  box-sizing: border-box;\n}\n\n.lock-icon {\n  width: 16px;\n  height: 16px;\n  color: var(--rebill-color-text-secondary, #6b7280);\n}\n\n/* Animation */\n@keyframes pulse {\n  0%,\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n}\n\n.contact-info {\n  text-align: left;\n}\n\n/* Responsive Styles */\n@media (max-width: 1024px) {\n  .security-badge {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .lottie-animation {\n    width: 166px;\n    height: 165px;\n  }\n\n  .text-content {\n    gap: 12px;\n  }\n}\n\n@media (max-width: 767px) {\n  .processing-container {\n    padding: 0 16px;\n  }\n}\n\n.processing-container {\n  width: 100%;\n  max-width: 100%;\n  overflow-x: hidden;\n  box-sizing: border-box;\n}\n","import { Component, h, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { getAssetURL } from '../../../utils/assets';\nimport { BREAKPOINT_ENUM, getBreakpoint } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport '../../shared/card-icon/card-icon';\n\n@Component({\n  tag: 'rebill-processing-payment',\n  styleUrl: 'processing-payment.css',\n  shadow: false,\n})\nexport class ProcessingPayment {\n  @State() currentLocale: string = sessionState.currentLocale;\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n  @State() loaderProgress: number = 0;\n  @State() isLoadingLottie: boolean = true;\n\n  private unsubscribeCurrentLocaleStore?: () => void;\n  private progressInterval?: number;\n  private lottieContainer?: HTMLElement;\n  private lottieAnimation?: any;\n\n  componentWillLoad() {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n  }\n\n  componentDidLoad() {\n    window.addEventListener('resize', this.handleResize);\n    this.loadLottieAnimation();\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\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(getAssetURL(`loader-card-v2.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 = 2000;\n    const interval = 50; // Update every 50ms\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  render() {\n    return (\n      <rebill-checkout-single-column>\n        <div class=\"processing-container\">\n          {/* Lottie Animation */}\n          <div class=\"lottie-container\">\n            <div ref={el => (this.lottieContainer = el)} class=\"lottie-animation\"></div>\n          </div>\n          <div class=\"text-content\">\n            <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate('processing.processingTitle')}\n            </rebill-typography>\n            <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate('processing.processingSubtitle')}\n            </rebill-typography>\n          </div>\n\n          <rebill-alert\n            type=\"secure\"\n            variant=\"variant-secure\"\n            icon=\"lock-outline\"\n            message={I18nService.translate('otp.secureMessage')}\n          />\n        </div>\n      </rebill-checkout-single-column>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-BZUoWYrL.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/processing-payment/processing-payment.css?tag=rebill-processing-payment","src/components/checkout/processing-payment/processing-payment.tsx"],"sourcesContent":["/* Lottie Animation */\n.lottie-container {\n  margin-bottom: 2rem;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.lottie-animation {\n  width: 166px;\n  height: 165px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n/* Text Content */\n.text-content {\n  margin-bottom: 2rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n}\n\n/* Security Badge */\n.security-badge {\n  width: 100%;\n  max-width: 450px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: #ebedef;\n  border-radius: 8px;\n  box-sizing: border-box;\n}\n\n.lock-icon {\n  width: 16px;\n  height: 16px;\n  color: var(--rebill-color-text-secondary, #6b7280);\n}\n\n/* Animation */\n@keyframes pulse {\n  0%,\n  100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n}\n\n.contact-info {\n  text-align: left;\n}\n\n/* Responsive Styles */\n@media (max-width: 1024px) {\n  .security-badge {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .lottie-animation {\n    width: 166px;\n    height: 165px;\n  }\n\n  .text-content {\n    gap: 12px;\n  }\n}\n\n@media (max-width: 767px) {\n  .processing-container {\n    padding: 0 16px;\n  }\n}\n\n.processing-container {\n  width: 100%;\n  max-width: 100%;\n  overflow-x: hidden;\n  box-sizing: border-box;\n}\n","import { Component, h, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { getAssetURL } from '../../../utils/assets';\nimport { BREAKPOINT_ENUM, getBreakpoint } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport '../../shared/card-icon/card-icon';\n\n@Component({\n  tag: 'rebill-processing-payment',\n  styleUrl: 'processing-payment.css',\n  shadow: false,\n})\nexport class ProcessingPayment {\n  @State() currentLocale: string = sessionState.currentLocale;\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n  @State() loaderProgress: number = 0;\n  @State() isLoadingLottie: boolean = true;\n\n  private unsubscribeCurrentLocaleStore?: () => void;\n  private progressInterval?: number;\n  private lottieContainer?: HTMLElement;\n  private lottieAnimation?: any;\n\n  componentWillLoad() {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n  }\n\n  componentDidLoad() {\n    window.addEventListener('resize', this.handleResize);\n    this.loadLottieAnimation();\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\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(getAssetURL(`loader-card-v2.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 = 2000;\n    const interval = 50; // Update every 50ms\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  render() {\n    return (\n      <rebill-checkout-single-column>\n        <div class=\"processing-container\">\n          {/* Lottie Animation */}\n          <div class=\"lottie-container\">\n            <div ref={el => (this.lottieContainer = el)} class=\"lottie-animation\"></div>\n          </div>\n          <div class=\"text-content\">\n            <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate('processing.processingTitle')}\n            </rebill-typography>\n            <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate('processing.processingSubtitle')}\n            </rebill-typography>\n          </div>\n\n          <rebill-alert\n            type=\"secure\"\n            variant=\"variant-secure\"\n            icon=\"lock-outline\"\n            message={I18nService.translate('otp.secureMessage')}\n          />\n        </div>\n      </rebill-checkout-single-column>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-r2jtUw42.js → p-B_lR-4t9.js}

@@ -1,7 +1,7 @@
 import { proxyCustomElement, H, h } from './p-8BpuJ_V5.js';
 import { s as state } from './p-CMzpQU2o.js';
 import { d as defineCustomElement$5 } from './p-TtP-m545.js';
-import { d as defineCustomElement$4 } from './p-BCu7Nkqb.js';
+import { d as defineCustomElement$4 } from './p-DWIWSpMW.js';
 import { d as defineCustomElement$3 } from './p-CWY-g0zG.js';
 import { d as defineCustomElement$2 } from './p-Cdo8V0m3.js';
 import { d as defineCustomElement$1 } from './p-C_txMekS.js';
@@ -61,6 +61,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LayoutCheckoutSingleColumn as L, defineCustomElement as d };
-//# sourceMappingURL=p-r2jtUw42.js.map
+//# sourceMappingURL=p-B_lR-4t9.js.map
 
-//# sourceMappingURL=p-r2jtUw42.js.map
+//# sourceMappingURL=p-B_lR-4t9.js.map

package/dist/components/{p-r2jtUw42.js.map → p-B_lR-4t9.js.map}

@@ -1 +1 @@
-{"file":"p-r2jtUw42.js","mappings":";;;;;;;;AAAA,MAAM,uBAAuB,GAAG,i5DAAi5D;;MCQp6D,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;;;IACrC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,wBAAwB,EAAA,EACjC,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gCAAgC,EAAA,EAC5C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAmB,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAEC,KAAY,CAAC,IAAI,CAAC,YAAY,EAAI,CAAA,CAC/D,CACC,EACT,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sCAAsC,EAAA,EAChD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EACP,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0CAA0C,EAAA,EACnD,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,KAAK,EAAC,wCAAwC,GAAG,CAC5D,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/shared/layouts/custom/single-column/checkout-single-column.css?tag=rebill-checkout-single-column","src/components/shared/layouts/custom/single-column/checkout-single-column.tsx"],"sourcesContent":[".checkout-single-column {\n  min-height: 100vh;\n  background: var(--rebill-color-background);\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow-x: hidden;\n  min-width: 320px;\n}\n\n.checkout-single-column__header {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  height: 72px;\n  width: 100%;\n  max-width: 1448px;\n  min-width: 348px;\n  background: var(--rebill-color-background);\n  margin-left: 30px;\n  box-sizing: border-box;\n}\n\n.checkout-single-column__main-content {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 0;\n  width: 100%;\n  box-sizing: border-box;\n  /* padding: 0 20px; */\n  max-width: 450px;\n\n  margin: 0 auto;\n  gap: 2rem;\n}\n\n.checkout-single-column__footer-container {\n  margin-top: auto;\n  height: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.checkout-single-column__footer-content {\n  width: 100%;\n  max-width: 450px;\n  min-width: auto;\n  flex-shrink: 1;\n  flex-basis: auto;\n  box-sizing: border-box;\n}\n\n@media (max-width: 1024px) {\n  .checkout-single-column__header {\n    width: 100%;\n    max-width: 100%;\n\n    justify-content: flex-start;\n  }\n\n  .checkout-single-column__main-content {\n    /* padding: 0 20px; */\n    gap: 0;\n    align-items: center;\n    justify-content: center;\n    padding-top: 2rem;\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n  }\n\n  .checkout-single-column__footer-container {\n    width: 100%;\n    height: auto;\n    min-height: 60px;\n    justify-content: center;\n  }\n\n  .checkout-single-column__footer-content {\n    width: 100%;\n    min-width: auto;\n    max-width: 100%;\n    flex-basis: auto;\n  }\n}\n\n@media (max-width: 767px) {\n  .checkout-single-column__header {\n    height: 60px;\n    margin-left: 12px;\n    margin-right: 12px;\n    width: 100%;\n  }\n\n  .checkout-single-column__main-content {\n    padding-top: 1rem;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    width: 100%;\n  }\n\n  .checkout-single-column__footer-container {\n    margin-left: 12px;\n    margin-right: 12px;\n    height: auto;\n    min-height: 60px;\n    width: 100%;\n    justify-content: center;\n  }\n}\n\n@media (min-width: 1025px) {\n  .checkout-single-column {\n    background: var(--rebill-color-background-left);\n  }\n  .checkout-single-column__footer-container {\n    margin-left: 16px;\n  }\n\n  .checkout-single-column__header {\n    background: var(--rebill-color-background-left);\n  }\n}\n","import { Component, h } from '@stencil/core';\nimport { sessionState } from '../../../../../store/session.store';\n\n@Component({\n  tag: 'rebill-checkout-single-column',\n  styleUrl: 'checkout-single-column.css',\n  shadow: false,\n})\nexport class LayoutCheckoutSingleColumn {\n  render() {\n    return (\n      <div class=\"checkout-single-column\">\n        <header class=\"checkout-single-column__header\">\n          <div class=\"header-container\">\n            <organization-logo organization={sessionState.data.organization} />\n          </div>\n        </header>\n        <main class=\"checkout-single-column__main-content\">\n          <slot />\n        </main>\n        <div class=\"checkout-single-column__footer-container\">\n          <rebill-footer class=\"checkout-single-column__footer-content\" />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-B_lR-4t9.js","mappings":";;;;;;;;AAAA,MAAM,uBAAuB,GAAG,i5DAAi5D;;MCQp6D,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;;;IACrC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,wBAAwB,EAAA,EACjC,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gCAAgC,EAAA,EAC5C,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAmB,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAEC,KAAY,CAAC,IAAI,CAAC,YAAY,EAAI,CAAA,CAC/D,CACC,EACT,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sCAAsC,EAAA,EAChD,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EACP,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,0CAA0C,EAAA,EACnD,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,KAAK,EAAC,wCAAwC,GAAG,CAC5D,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/shared/layouts/custom/single-column/checkout-single-column.css?tag=rebill-checkout-single-column","src/components/shared/layouts/custom/single-column/checkout-single-column.tsx"],"sourcesContent":[".checkout-single-column {\n  min-height: 100vh;\n  background: var(--rebill-color-background);\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow-x: hidden;\n  min-width: 320px;\n}\n\n.checkout-single-column__header {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  height: 72px;\n  width: 100%;\n  max-width: 1448px;\n  min-width: 348px;\n  background: var(--rebill-color-background);\n  margin-left: 30px;\n  box-sizing: border-box;\n}\n\n.checkout-single-column__main-content {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 0;\n  width: 100%;\n  box-sizing: border-box;\n  /* padding: 0 20px; */\n  max-width: 450px;\n\n  margin: 0 auto;\n  gap: 2rem;\n}\n\n.checkout-single-column__footer-container {\n  margin-top: auto;\n  height: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.checkout-single-column__footer-content {\n  width: 100%;\n  max-width: 450px;\n  min-width: auto;\n  flex-shrink: 1;\n  flex-basis: auto;\n  box-sizing: border-box;\n}\n\n@media (max-width: 1024px) {\n  .checkout-single-column__header {\n    width: 100%;\n    max-width: 100%;\n\n    justify-content: flex-start;\n  }\n\n  .checkout-single-column__main-content {\n    /* padding: 0 20px; */\n    gap: 0;\n    align-items: center;\n    justify-content: center;\n    padding-top: 2rem;\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n  }\n\n  .checkout-single-column__footer-container {\n    width: 100%;\n    height: auto;\n    min-height: 60px;\n    justify-content: center;\n  }\n\n  .checkout-single-column__footer-content {\n    width: 100%;\n    min-width: auto;\n    max-width: 100%;\n    flex-basis: auto;\n  }\n}\n\n@media (max-width: 767px) {\n  .checkout-single-column__header {\n    height: 60px;\n    margin-left: 12px;\n    margin-right: 12px;\n    width: 100%;\n  }\n\n  .checkout-single-column__main-content {\n    padding-top: 1rem;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    width: 100%;\n  }\n\n  .checkout-single-column__footer-container {\n    margin-left: 12px;\n    margin-right: 12px;\n    height: auto;\n    min-height: 60px;\n    width: 100%;\n    justify-content: center;\n  }\n}\n\n@media (min-width: 1025px) {\n  .checkout-single-column {\n    background: var(--rebill-color-background-left);\n  }\n  .checkout-single-column__footer-container {\n    margin-left: 16px;\n  }\n\n  .checkout-single-column__header {\n    background: var(--rebill-color-background-left);\n  }\n}\n","import { Component, h } from '@stencil/core';\nimport { sessionState } from '../../../../../store/session.store';\n\n@Component({\n  tag: 'rebill-checkout-single-column',\n  styleUrl: 'checkout-single-column.css',\n  shadow: false,\n})\nexport class LayoutCheckoutSingleColumn {\n  render() {\n    return (\n      <div class=\"checkout-single-column\">\n        <header class=\"checkout-single-column__header\">\n          <div class=\"header-container\">\n            <organization-logo organization={sessionState.data.organization} />\n          </div>\n        </header>\n        <main class=\"checkout-single-column__main-content\">\n          <slot />\n        </main>\n        <div class=\"checkout-single-column__footer-container\">\n          <rebill-footer class=\"checkout-single-column__footer-content\" />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-B-sufB9-.js → p-CM-_FFDG.js}

@@ -8,8 +8,8 @@ import { P as PDFGenerator } from './p-E_u2gk-G.js';
 import { d as defineCustomElement$8 } from './p-TtP-m545.js';
 import { d as defineCustomElement$7 } from './p-DvWdkIUq.js';
 import { d as defineCustomElement$6 } from './p-N5kDm5Y3.js';
-import { d as defineCustomElement$5 } from './p-r2jtUw42.js';
-import { d as defineCustomElement$4 } from './p-BCu7Nkqb.js';
+import { d as defineCustomElement$5 } from './p-B_lR-4t9.js';
+import { d as defineCustomElement$4 } from './p-DWIWSpMW.js';
 import { d as defineCustomElement$3 } from './p-CWY-g0zG.js';
 import { d as defineCustomElement$2 } from './p-Cdo8V0m3.js';
 import { d as defineCustomElement$1 } from './p-C_txMekS.js';
@@ -310,6 +310,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { RenewalSuccessPage as R, defineCustomElement as d };
-//# sourceMappingURL=p-B-sufB9-.js.map
+//# sourceMappingURL=p-CM-_FFDG.js.map
 
-//# sourceMappingURL=p-B-sufB9-.js.map
+//# sourceMappingURL=p-CM-_FFDG.js.map

package/dist/components/{p-B-sufB9-.js.map → p-CM-_FFDG.js.map}

@@ -1 +1 @@
-{"file":"p-B-sufB9-.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/renewal/renewal-success-page/renewal-success-page.css?tag=renewal-success-page","src/components/renewal/renewal-success-page/renewal-success-page.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n/* Success View Styles */\n.renewal-success-page__success-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n  width: 100%;\n  overflow-x: hidden;\n  box-sizing: border-box;\n}\n\n/* Eliminar márgenes del h3 en el componente de éxito */\n.renewal-success-page__success-content rebill-typography[variant='h3'] {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.renewal-success-page__success-icon {\n  display: flex;\n  justify-content: center;\n  margin: 0.5rem 0;\n}\n\n/* Info Cards */\n.renewal-success-page__info-card {\n  padding: 24px;\n  gap: 16px;\n  width: 100%;\n  max-width: 450px;\n  border: 1px solid #ebedef;\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n}\n\n.renewal-success-page__card-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: start;\n  min-height: 20px;\n  gap: 15%;\n}\n\n.renewal-success-page__card-row:last-of-type {\n  margin-bottom: 0;\n}\n\n.renewal-success-page__card-value {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.renewal-success-page__payment-method-display {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  justify-content: center;\n}\n\n.renewal-success-page__payment-method-display rebill-card-icon {\n  display: inline-block;\n  flex-shrink: 0;\n  margin-right: 8px;\n  vertical-align: middle;\n}\n\n.renewal-success-page__payment-method-display rebill-card-icon svg {\n  display: block;\n}\n\n.renewal-success-page__payment-method-display rebill-icon {\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 8px;\n}\n\n.renewal-success-page__payment-method-display rebill-icon div {\n  display: block;\n}\n\n.renewal-success-page__card-divider {\n  height: 1px;\n  background: #e5e7eb;\n}\n\n.renewal-success-page__download-container {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 2px;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n.renewal-success-page__contact-info {\n  text-align: left;\n}\n\n.renewal-success-page__reference-number {\n  word-break: break-all;\n  overflow-wrap: break-word;\n  hyphens: auto;\n  max-width: 100%;\n  text-align: right;\n}\n\n.renewal-success-page__total-amount-container {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  flex-direction: row;\n}\n\n/* Responsive Styles */\n@media (max-width: 1024px) {\n  .renewal-success-page__success-content {\n    max-width: 100%;\n    gap: 1.5rem;\n    margin-left: 16px;\n    margin-right: 16px;\n  }\n\n  .renewal-success-page__info-card {\n    width: 100%;\n    max-width: 100%;\n    padding: 12px;\n  }\n}\n\n@media (max-width: 767px) {\n  .renewal-success-page__info-card {\n    padding: 12px;\n  }\n}\n","import { Component, Event, EventEmitter, getAssetPath, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { renewalState } from '../../../store/renewal.store';\nimport { formatDateTime } from '../../../utils';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { getCountryPaymentMethods } from '../../../utils/countries-payment-methods';\nimport { formatAmount } from '../../../utils/currency-formatter';\nimport { PDFGenerator } from '../../../utils/pdf-generator';\n\n@Component({\n  tag: 'renewal-success-page',\n  styleUrl: 'renewal-success-page.css',\n  shadow: false,\n})\nexport class RenewalSuccessPage {\n  @Prop() typePaymentMethod: PAYMENT_METHOD_ENUM = PAYMENT_METHOD_ENUM.CARD;\n  @Prop() country?: string = '';\n  @Prop() bank?: string = '';\n  @Prop() paymentMethodName?: string = '';\n  @Prop() cardLastFour?: string = '';\n  @Prop() paymentDate: string = '';\n  @Prop() referenceNumber: string = '';\n  @Prop() trialPeriodDays?: number = 0;\n  @Prop() debitDay?: number = 0;\n  @Prop() planAmount?: number = 0;\n  @State() currentLocale: string = 'es';\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n\n  @Event() successRedirect: EventEmitter<any>;\n  @State() loaderProgress: number = 0;\n  @State() isLoadingLottie: boolean = true;\n  @State() showRedirectMessage: boolean = false;\n  @Prop() timeToRedirect: number = 3000;\n  private progressInterval?: number;\n  private lottieContainer?: HTMLElement;\n  private lottieAnimation?: any;\n  private successDisplayTimeout?: number;\n\n  private applyStartCaseToBrand = (brand: string): string => {\n    if (!brand) return '';\n\n    return brand\n      .toLowerCase()\n      .split(/[\\s-]+/)\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n      .join(' ');\n  };\n\n  private getPaymentMethodConfig(method: PAYMENT_METHOD_ENUM) {\n    const countryPaymentMethods = this.country ? getCountryPaymentMethods(this.country) : null;\n\n    const countrySpecificMethod = countryPaymentMethods?.find(pm => pm.type === method);\n\n    // Default configurations (fallback)\n    const defaultConfigs = {\n      [PAYMENT_METHOD_ENUM.CARD]: {\n        key: PAYMENT_METHOD_ENUM.CARD,\n        label: I18nService.translate('paymentMethods.card'),\n        icons: ['card'],\n      },\n      [PAYMENT_METHOD_ENUM.CASH]: {\n        key: PAYMENT_METHOD_ENUM.CASH,\n        label: I18nService.translate('paymentMethods.cash'),\n        icons: ['pago-facil'],\n      },\n      [PAYMENT_METHOD_ENUM.BANK_TRANSFER]: {\n        key: PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n        label: I18nService.translate('paymentMethods.bank_transfer'),\n        icons: ['plus'],\n      },\n    };\n\n    const defaultConfig = defaultConfigs[method];\n\n    // If we have country-specific icons, use them; otherwise use defaults\n    return {\n      ...defaultConfig,\n      icons: countrySpecificMethod?.icons || defaultConfig.icons,\n    };\n  }\n\n  private getPaymentDate = (): string => {\n    // Usar el parámetro paymentDate que viene del renewal principal\n    return this.paymentDate || '';\n  };\n\n  componentWillLoad() {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n\n    // Para renewal, no hay redirect por defecto, pero podríamos agregarlo si es necesario\n    if (this.showRedirectMessage) {\n      this.successDisplayTimeout = window.setTimeout(() => {\n        this.showRedirectMessage = true;\n        this.loadLottieAnimation();\n      }, 1500);\n\n      setTimeout(() => {\n        // Aquí podrías agregar lógica de redirect si es necesaria\n        this.stopLoaderAnimation();\n      }, this.timeToRedirect);\n    }\n  }\n\n  componentDidLoad() {\n    window.addEventListener('resize', this.handleResize);\n    if (!this.showRedirectMessage) {\n      this.loadLottieAnimation();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.successDisplayTimeout) {\n      clearTimeout(this.successDisplayTimeout);\n    }\n    window.removeEventListener('resize', this.handleResize);\n    this.stopLoaderAnimation();\n  }\n\n  private handleResize = () => {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n  };\n\n  private loadLottieAnimation = async () => {\n    try {\n      const lottie = await import('lottie-web');\n      const animationData = await fetch(getAssetPath(`./assets/loader-redirect1.json`));\n      const animationJson = await animationData.json();\n\n      if (this.lottieContainer) {\n        this.lottieAnimation = lottie.default.loadAnimation({\n          container: this.lottieContainer,\n          renderer: 'svg',\n          loop: true,\n          autoplay: true,\n          animationData: animationJson,\n        });\n      } else {\n        this.startLoaderAnimation();\n      }\n    } catch (error) {\n      this.startLoaderAnimation();\n    }\n  };\n\n  private startLoaderAnimation = () => {\n    const duration = 3000;\n    const interval = 50;\n    const increment = (interval / duration) * 100;\n\n    this.progressInterval = window.setInterval(() => {\n      this.loaderProgress = Math.min(this.loaderProgress + increment, 100);\n      if (this.loaderProgress >= 100) {\n        this.stopLoaderAnimation();\n      }\n    }, interval);\n  };\n\n  private stopLoaderAnimation = () => {\n    if (this.progressInterval) {\n      clearInterval(this.progressInterval);\n      this.progressInterval = undefined;\n    }\n    if (this.lottieAnimation) {\n      this.lottieAnimation.destroy();\n      this.lottieAnimation = undefined;\n    }\n  };\n\n  private handleDownloadReceipt = async () => {\n    try {\n      await PDFGenerator.generateAndDownloadReceipt({\n        paymentMethod:\n          this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD\n            ? this.textPaymentMethodCard()\n            : this.paymentMethodName,\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && { bank: this.bank }),\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n          cardBrand: this.applyStartCaseToBrand(renewalState.data.cardInformation?.brand || ''),\n        }),\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n          cardLastFour: this.cardLastFour ?? renewalState.data.cardInformation?.lastFour,\n        }),\n        paymentDate:\n          formatDateTime(this.getPaymentDate()) || formatDateTime(new Date().toISOString()),\n        email: renewalState.data.subscription.customerEmail || '',\n        referenceNumber: this.referenceNumber,\n        productTitle: renewalState.data.subscription.name[0]?.text || 'Subscription',\n        subtotal: 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 getDiscountAmountValue = () => {\n    const discountAmount = Math.max(0, renewalState?.data?.price?.discountedAmount || 0);\n    if (discountAmount > 0) {\n      return discountAmount;\n    }\n\n    const discountPercentage = renewalState?.data?.price?.discountPercentage;\n    if (discountPercentage && discountPercentage > 0) {\n      const subtotal = renewalState?.data?.price?.amount || 0;\n      return Math.max(0, (subtotal * discountPercentage) / 100);\n    }\n\n    return 0;\n  };\n\n  private hasDiscount = () => this.getDiscountAmountValue() > 0;\n\n  private getFormattedDiscountAmount = () => {\n    if (!this.hasDiscount()) {\n      return undefined;\n    }\n\n    const formattedAmount = formatAmount(\n      this.getDiscountAmountValue(),\n      renewalState.data.price.currency as any,\n    );\n    return `-${formattedAmount}`;\n  };\n\n  private getFormattedSubtotal = (planAmount?: number) => {\n    const subtotal = planAmount ?? renewalState.data.price.amount ?? 0;\n    return formatAmount(subtotal, renewalState.data.price.currency as any);\n  };\n\n  private getFormattedTotal = () => {\n    if (this.trialPeriodDays > 0) {\n      return formatAmount(0, renewalState.data.price.currency as any);\n    }\n    const subtotal = renewalState.data.price.amount || 0;\n    const discount = this.getDiscountAmountValue();\n    const total = Math.max(subtotal - discount, 0);\n    return formatAmount(total, 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=\"renewal-success-page__success-content\">\n          <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n            {I18nService.translate('processing.successTitle')}\n          </rebill-typography>\n\n          <div class=\"renewal-success-page__success-icon\">\n            <svg\n              width={isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96'}\n              height={isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96'}\n              viewBox=\"0 0 96 96\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z\"\n                fill=\"#35B093\"\n              />\n            </svg>\n          </div>\n\n          {/* Payment Details Card */}\n          <div class=\"renewal-success-page__info-card\">\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentMethod')}\n              </rebill-typography>\n              <div class=\"renewal-success-page__card-value\">\n                <div class=\"renewal-success-page__payment-method-display\">\n                  {this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (\n                    <>\n                      <rebill-card-icon\n                        card-brand={renewalState.data?.cardInformation?.brand || ''}\n                      />\n                      <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                        {this.textPaymentMethodCard()}\n                      </rebill-typography>\n                    </>\n                  )}\n                  {this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (\n                    <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                        {this.getPaymentMethodConfig(PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(\n                          iconName => {\n                            return <rebill-icon name={iconName} size=\"24px\" />;\n                          },\n                        )}\n                      </div>\n                      <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                        {I18nService.translate('paymentMethods.bank_transfer')}\n                      </rebill-typography>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentDate')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {formatDateTime(this.paymentDate || this.getPaymentDate()) || ''}\n              </rebill-typography>\n            </div>\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentEmail')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {renewalState.data.subscription.customerEmail}\n              </rebill-typography>\n            </div>\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentReference')}\n              </rebill-typography>\n              <rebill-typography\n                variant=\"body2\"\n                color={COLORS_ENUM.PRIMARY_DARK_TEXT}\n                class=\"renewal-success-page__reference-number\"\n              >\n                {this.referenceNumber || ''}\n              </rebill-typography>\n            </div>\n          </div>\n\n          {/* Purchase Details Card */}\n          <div class=\"renewal-success-page__info-card\">\n            <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate('processing.purchaseDetails')}\n            </rebill-typography>\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseDetail')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {renewalState.data.subscription.name[0]?.text || 'Subscription'}\n              </rebill-typography>\n            </div>\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseSubtotal')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {this.getFormattedSubtotal()}\n              </rebill-typography>\n            </div>\n            {this.hasDiscount() && (\n              <div class=\"renewal-success-page__card-row\">\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                  {I18nService.translate('summary.discount')}\n                </rebill-typography>\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {this.getFormattedDiscountAmount()}\n                </rebill-typography>\n              </div>\n            )}\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseMontoTotal')}\n              </rebill-typography>\n              <div class=\"renewal-success-page__total-amount-container\">\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {this.getFormattedTotal()}\n                </rebill-typography>\n              </div>\n            </div>\n            <div class=\"renewal-success-page__card-divider\"></div>\n            <div class=\"renewal-success-page__download-container\">\n              <svg\n                class=\"download-icon\"\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667\"\n                  stroke=\"currentColor\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n              <rebill-button\n                type=\"button\"\n                variant=\"download\"\n                size=\"small\"\n                onClick={this.handleDownloadReceipt}\n              >\n                <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {I18nService.translate('processing.download')}\n                </rebill-typography>\n              </rebill-button>\n            </div>\n\n            {/* Contact Info */}\n            <div class=\"renewal-success-page__contact-info\">\n              <rebill-typography variant=\"information-text\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.downloadDescription')}\n              </rebill-typography>\n            </div>\n          </div>\n        </div>\n      </rebill-checkout-single-column>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-CM-_FFDG.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/renewal/renewal-success-page/renewal-success-page.css?tag=renewal-success-page","src/components/renewal/renewal-success-page/renewal-success-page.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n/* Success View Styles */\n.renewal-success-page__success-content {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 1rem;\n  width: 100%;\n  overflow-x: hidden;\n  box-sizing: border-box;\n}\n\n/* Eliminar márgenes del h3 en el componente de éxito */\n.renewal-success-page__success-content rebill-typography[variant='h3'] {\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\n.renewal-success-page__success-icon {\n  display: flex;\n  justify-content: center;\n  margin: 0.5rem 0;\n}\n\n/* Info Cards */\n.renewal-success-page__info-card {\n  padding: 24px;\n  gap: 16px;\n  width: 100%;\n  max-width: 450px;\n  border: 1px solid #ebedef;\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n}\n\n.renewal-success-page__card-row {\n  display: flex;\n  justify-content: space-between;\n  align-items: start;\n  min-height: 20px;\n  gap: 15%;\n}\n\n.renewal-success-page__card-row:last-of-type {\n  margin-bottom: 0;\n}\n\n.renewal-success-page__card-value {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.renewal-success-page__payment-method-display {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  justify-content: center;\n}\n\n.renewal-success-page__payment-method-display rebill-card-icon {\n  display: inline-block;\n  flex-shrink: 0;\n  margin-right: 8px;\n  vertical-align: middle;\n}\n\n.renewal-success-page__payment-method-display rebill-card-icon svg {\n  display: block;\n}\n\n.renewal-success-page__payment-method-display rebill-icon {\n  display: inline-block;\n  vertical-align: middle;\n  margin-right: 8px;\n}\n\n.renewal-success-page__payment-method-display rebill-icon div {\n  display: block;\n}\n\n.renewal-success-page__card-divider {\n  height: 1px;\n  background: #e5e7eb;\n}\n\n.renewal-success-page__download-container {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 2px;\n  text-decoration: none;\n  cursor: pointer;\n}\n\n.renewal-success-page__contact-info {\n  text-align: left;\n}\n\n.renewal-success-page__reference-number {\n  word-break: break-all;\n  overflow-wrap: break-word;\n  hyphens: auto;\n  max-width: 100%;\n  text-align: right;\n}\n\n.renewal-success-page__total-amount-container {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 8px;\n  flex-direction: row;\n}\n\n/* Responsive Styles */\n@media (max-width: 1024px) {\n  .renewal-success-page__success-content {\n    max-width: 100%;\n    gap: 1.5rem;\n    margin-left: 16px;\n    margin-right: 16px;\n  }\n\n  .renewal-success-page__info-card {\n    width: 100%;\n    max-width: 100%;\n    padding: 12px;\n  }\n}\n\n@media (max-width: 767px) {\n  .renewal-success-page__info-card {\n    padding: 12px;\n  }\n}\n","import { Component, Event, EventEmitter, getAssetPath, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { renewalState } from '../../../store/renewal.store';\nimport { formatDateTime } from '../../../utils';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { getCountryPaymentMethods } from '../../../utils/countries-payment-methods';\nimport { formatAmount } from '../../../utils/currency-formatter';\nimport { PDFGenerator } from '../../../utils/pdf-generator';\n\n@Component({\n  tag: 'renewal-success-page',\n  styleUrl: 'renewal-success-page.css',\n  shadow: false,\n})\nexport class RenewalSuccessPage {\n  @Prop() typePaymentMethod: PAYMENT_METHOD_ENUM = PAYMENT_METHOD_ENUM.CARD;\n  @Prop() country?: string = '';\n  @Prop() bank?: string = '';\n  @Prop() paymentMethodName?: string = '';\n  @Prop() cardLastFour?: string = '';\n  @Prop() paymentDate: string = '';\n  @Prop() referenceNumber: string = '';\n  @Prop() trialPeriodDays?: number = 0;\n  @Prop() debitDay?: number = 0;\n  @Prop() planAmount?: number = 0;\n  @State() currentLocale: string = 'es';\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n\n  @Event() successRedirect: EventEmitter<any>;\n  @State() loaderProgress: number = 0;\n  @State() isLoadingLottie: boolean = true;\n  @State() showRedirectMessage: boolean = false;\n  @Prop() timeToRedirect: number = 3000;\n  private progressInterval?: number;\n  private lottieContainer?: HTMLElement;\n  private lottieAnimation?: any;\n  private successDisplayTimeout?: number;\n\n  private applyStartCaseToBrand = (brand: string): string => {\n    if (!brand) return '';\n\n    return brand\n      .toLowerCase()\n      .split(/[\\s-]+/)\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n      .join(' ');\n  };\n\n  private getPaymentMethodConfig(method: PAYMENT_METHOD_ENUM) {\n    const countryPaymentMethods = this.country ? getCountryPaymentMethods(this.country) : null;\n\n    const countrySpecificMethod = countryPaymentMethods?.find(pm => pm.type === method);\n\n    // Default configurations (fallback)\n    const defaultConfigs = {\n      [PAYMENT_METHOD_ENUM.CARD]: {\n        key: PAYMENT_METHOD_ENUM.CARD,\n        label: I18nService.translate('paymentMethods.card'),\n        icons: ['card'],\n      },\n      [PAYMENT_METHOD_ENUM.CASH]: {\n        key: PAYMENT_METHOD_ENUM.CASH,\n        label: I18nService.translate('paymentMethods.cash'),\n        icons: ['pago-facil'],\n      },\n      [PAYMENT_METHOD_ENUM.BANK_TRANSFER]: {\n        key: PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n        label: I18nService.translate('paymentMethods.bank_transfer'),\n        icons: ['plus'],\n      },\n    };\n\n    const defaultConfig = defaultConfigs[method];\n\n    // If we have country-specific icons, use them; otherwise use defaults\n    return {\n      ...defaultConfig,\n      icons: countrySpecificMethod?.icons || defaultConfig.icons,\n    };\n  }\n\n  private getPaymentDate = (): string => {\n    // Usar el parámetro paymentDate que viene del renewal principal\n    return this.paymentDate || '';\n  };\n\n  componentWillLoad() {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n\n    // Para renewal, no hay redirect por defecto, pero podríamos agregarlo si es necesario\n    if (this.showRedirectMessage) {\n      this.successDisplayTimeout = window.setTimeout(() => {\n        this.showRedirectMessage = true;\n        this.loadLottieAnimation();\n      }, 1500);\n\n      setTimeout(() => {\n        // Aquí podrías agregar lógica de redirect si es necesaria\n        this.stopLoaderAnimation();\n      }, this.timeToRedirect);\n    }\n  }\n\n  componentDidLoad() {\n    window.addEventListener('resize', this.handleResize);\n    if (!this.showRedirectMessage) {\n      this.loadLottieAnimation();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.successDisplayTimeout) {\n      clearTimeout(this.successDisplayTimeout);\n    }\n    window.removeEventListener('resize', this.handleResize);\n    this.stopLoaderAnimation();\n  }\n\n  private handleResize = () => {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n  };\n\n  private loadLottieAnimation = async () => {\n    try {\n      const lottie = await import('lottie-web');\n      const animationData = await fetch(getAssetPath(`./assets/loader-redirect1.json`));\n      const animationJson = await animationData.json();\n\n      if (this.lottieContainer) {\n        this.lottieAnimation = lottie.default.loadAnimation({\n          container: this.lottieContainer,\n          renderer: 'svg',\n          loop: true,\n          autoplay: true,\n          animationData: animationJson,\n        });\n      } else {\n        this.startLoaderAnimation();\n      }\n    } catch (error) {\n      this.startLoaderAnimation();\n    }\n  };\n\n  private startLoaderAnimation = () => {\n    const duration = 3000;\n    const interval = 50;\n    const increment = (interval / duration) * 100;\n\n    this.progressInterval = window.setInterval(() => {\n      this.loaderProgress = Math.min(this.loaderProgress + increment, 100);\n      if (this.loaderProgress >= 100) {\n        this.stopLoaderAnimation();\n      }\n    }, interval);\n  };\n\n  private stopLoaderAnimation = () => {\n    if (this.progressInterval) {\n      clearInterval(this.progressInterval);\n      this.progressInterval = undefined;\n    }\n    if (this.lottieAnimation) {\n      this.lottieAnimation.destroy();\n      this.lottieAnimation = undefined;\n    }\n  };\n\n  private handleDownloadReceipt = async () => {\n    try {\n      await PDFGenerator.generateAndDownloadReceipt({\n        paymentMethod:\n          this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD\n            ? this.textPaymentMethodCard()\n            : this.paymentMethodName,\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && { bank: this.bank }),\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n          cardBrand: this.applyStartCaseToBrand(renewalState.data.cardInformation?.brand || ''),\n        }),\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n          cardLastFour: this.cardLastFour ?? renewalState.data.cardInformation?.lastFour,\n        }),\n        paymentDate:\n          formatDateTime(this.getPaymentDate()) || formatDateTime(new Date().toISOString()),\n        email: renewalState.data.subscription.customerEmail || '',\n        referenceNumber: this.referenceNumber,\n        productTitle: renewalState.data.subscription.name[0]?.text || 'Subscription',\n        subtotal: 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 getDiscountAmountValue = () => {\n    const discountAmount = Math.max(0, renewalState?.data?.price?.discountedAmount || 0);\n    if (discountAmount > 0) {\n      return discountAmount;\n    }\n\n    const discountPercentage = renewalState?.data?.price?.discountPercentage;\n    if (discountPercentage && discountPercentage > 0) {\n      const subtotal = renewalState?.data?.price?.amount || 0;\n      return Math.max(0, (subtotal * discountPercentage) / 100);\n    }\n\n    return 0;\n  };\n\n  private hasDiscount = () => this.getDiscountAmountValue() > 0;\n\n  private getFormattedDiscountAmount = () => {\n    if (!this.hasDiscount()) {\n      return undefined;\n    }\n\n    const formattedAmount = formatAmount(\n      this.getDiscountAmountValue(),\n      renewalState.data.price.currency as any,\n    );\n    return `-${formattedAmount}`;\n  };\n\n  private getFormattedSubtotal = (planAmount?: number) => {\n    const subtotal = planAmount ?? renewalState.data.price.amount ?? 0;\n    return formatAmount(subtotal, renewalState.data.price.currency as any);\n  };\n\n  private getFormattedTotal = () => {\n    if (this.trialPeriodDays > 0) {\n      return formatAmount(0, renewalState.data.price.currency as any);\n    }\n    const subtotal = renewalState.data.price.amount || 0;\n    const discount = this.getDiscountAmountValue();\n    const total = Math.max(subtotal - discount, 0);\n    return formatAmount(total, 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=\"renewal-success-page__success-content\">\n          <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n            {I18nService.translate('processing.successTitle')}\n          </rebill-typography>\n\n          <div class=\"renewal-success-page__success-icon\">\n            <svg\n              width={isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96'}\n              height={isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96'}\n              viewBox=\"0 0 96 96\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z\"\n                fill=\"#35B093\"\n              />\n            </svg>\n          </div>\n\n          {/* Payment Details Card */}\n          <div class=\"renewal-success-page__info-card\">\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentMethod')}\n              </rebill-typography>\n              <div class=\"renewal-success-page__card-value\">\n                <div class=\"renewal-success-page__payment-method-display\">\n                  {this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (\n                    <>\n                      <rebill-card-icon\n                        card-brand={renewalState.data?.cardInformation?.brand || ''}\n                      />\n                      <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                        {this.textPaymentMethodCard()}\n                      </rebill-typography>\n                    </>\n                  )}\n                  {this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (\n                    <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                      <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                        {this.getPaymentMethodConfig(PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(\n                          iconName => {\n                            return <rebill-icon name={iconName} size=\"24px\" />;\n                          },\n                        )}\n                      </div>\n                      <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                        {I18nService.translate('paymentMethods.bank_transfer')}\n                      </rebill-typography>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentDate')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {formatDateTime(this.paymentDate || this.getPaymentDate()) || ''}\n              </rebill-typography>\n            </div>\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentEmail')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {renewalState.data.subscription.customerEmail}\n              </rebill-typography>\n            </div>\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentReference')}\n              </rebill-typography>\n              <rebill-typography\n                variant=\"body2\"\n                color={COLORS_ENUM.PRIMARY_DARK_TEXT}\n                class=\"renewal-success-page__reference-number\"\n              >\n                {this.referenceNumber || ''}\n              </rebill-typography>\n            </div>\n          </div>\n\n          {/* Purchase Details Card */}\n          <div class=\"renewal-success-page__info-card\">\n            <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate('processing.purchaseDetails')}\n            </rebill-typography>\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseDetail')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {renewalState.data.subscription.name[0]?.text || 'Subscription'}\n              </rebill-typography>\n            </div>\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseSubtotal')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {this.getFormattedSubtotal()}\n              </rebill-typography>\n            </div>\n            {this.hasDiscount() && (\n              <div class=\"renewal-success-page__card-row\">\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                  {I18nService.translate('summary.discount')}\n                </rebill-typography>\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {this.getFormattedDiscountAmount()}\n                </rebill-typography>\n              </div>\n            )}\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseMontoTotal')}\n              </rebill-typography>\n              <div class=\"renewal-success-page__total-amount-container\">\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {this.getFormattedTotal()}\n                </rebill-typography>\n              </div>\n            </div>\n            <div class=\"renewal-success-page__card-divider\"></div>\n            <div class=\"renewal-success-page__download-container\">\n              <svg\n                class=\"download-icon\"\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667\"\n                  stroke=\"currentColor\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n              <rebill-button\n                type=\"button\"\n                variant=\"download\"\n                size=\"small\"\n                onClick={this.handleDownloadReceipt}\n              >\n                <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {I18nService.translate('processing.download')}\n                </rebill-typography>\n              </rebill-button>\n            </div>\n\n            {/* Contact Info */}\n            <div class=\"renewal-success-page__contact-info\">\n              <rebill-typography variant=\"information-text\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.downloadDescription')}\n              </rebill-typography>\n            </div>\n          </div>\n        </div>\n      </rebill-checkout-single-column>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-CtTqLwLn.js → p-D5TXI2Hb.js}

@@ -111,11 +111,23 @@ const DiscountCoupon = /*@__PURE__*/ proxyCustomElement(class DiscountCoupon ext
         this.couponCode = '';
         this.isError = false;
     }
+    renderCouponChip({ couponCode, discountAmount, currency, readonly = false, onClick, onRemove, }) {
+        if (!couponCode) {
+            return null;
+        }
+        const hasDiscountAmount = typeof discountAmount === 'number';
+        return (h("div", { class: `coupon-chip${readonly ? ' coupon-chip--readonly' : ''}` }, h("rebill-icon", { name: "tag-sale", size: "16px" }), h("div", { class: "coupon-content", onClick: !readonly ? onClick : undefined }, h("rebill-typography", { variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, couponCode), hasDiscountAmount && (h("rebill-typography", { variant: "overline", color: COLORS_ENUM.GREEN }, "-$", formatAmountWithoutCurrency(discountAmount, currency)))), !readonly && onRemove && (h("div", { class: "coupon-close", onClick: onRemove }, h("rebill-icon", { name: "x", size: "20px", color: COLORS_ENUM.PRIMARY_DARK_TEXT })))));
+    }
     renderReadonlyView() {
         if (!this.readonlyCouponCode && this.readonlyDiscountAmount) {
             return null;
         }
-        return (h("div", { class: "coupon-chip coupon-chip--readonly" }, h("rebill-icon", { name: "tag-sale", size: "16px" }), h("div", { class: "coupon-content" }, h("rebill-typography", { variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.readonlyCouponCode), this.readonlyDiscountAmount && (h("rebill-typography", { variant: "overline", color: COLORS_ENUM.GREEN }, "-$", formatAmountWithoutCurrency(this.readonlyDiscountAmount, this.readonlyCurrency))))));
+        return this.renderCouponChip({
+            couponCode: this.readonlyCouponCode,
+            discountAmount: this.readonlyDiscountAmount ?? null,
+            currency: this.readonlyCurrency ?? null,
+            readonly: true,
+        });
     }
     render() {
         if (this.readonlyCouponCode) {
@@ -133,12 +145,19 @@ const DiscountCoupon = /*@__PURE__*/ proxyCustomElement(class DiscountCoupon ext
                 if (!this.couponCode.trim()) {
                     this.onCancelCoupon();
                 }
-            } }), h("rebill-button", { variant: "filled", theme: "primary-dark", size: "small", loading: this.isLoading, disabled: this.isLoading || !this.couponCode.trim(), onClick: () => this.onApplyCoupon(), style: { marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '3px' : '0px' } }, I18nService.translate('discountCoupons.apply')))), this.actionStatus === ACTION_STATUS.APPLIED && (h("div", { class: "coupon-chip" }, h("rebill-icon", { name: "tag-sale", size: "16px" }), h("div", { class: "coupon-content", onClick: () => (this.actionStatus = ACTION_STATUS.EDITING) }, h("rebill-typography", { variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, state.data.pricing.discountCouponCode), h("rebill-typography", { variant: "overline", color: COLORS_ENUM.GREEN }, "-$", formatAmountWithoutCurrency(state.data.pricing.discountAmount, state.data.pricing.currency))), h("div", { class: "coupon-close", onClick: () => {
-                this.actionStatus = ACTION_STATUS.NOT_APPLIED;
-                this.couponCode = '';
-                SessionStore.setDiscount(null);
-                this.discountApplied.emit(false);
-            } }, h("rebill-icon", { name: "x", size: "20px", color: COLORS_ENUM.PRIMARY_DARK_TEXT })))))));
+            } }), h("rebill-button", { variant: "filled", theme: "primary-dark", size: "small", loading: this.isLoading, disabled: this.isLoading || !this.couponCode.trim(), onClick: () => this.onApplyCoupon(), style: { marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '3px' : '0px' } }, I18nService.translate('discountCoupons.apply')))), this.actionStatus === ACTION_STATUS.APPLIED &&
+            this.renderCouponChip({
+                couponCode: state.data.pricing.discountCouponCode,
+                discountAmount: state.data.pricing.discountAmount,
+                currency: state.data.pricing.currency,
+                onClick: () => (this.actionStatus = ACTION_STATUS.EDITING),
+                onRemove: () => {
+                    this.actionStatus = ACTION_STATUS.NOT_APPLIED;
+                    this.couponCode = '';
+                    SessionStore.setDiscount(null);
+                    this.discountApplied.emit(false);
+                },
+            }))));
     }
     static get style() { return discountCouponCss; }
 }, [256, "discount-coupon", {
@@ -189,6 +208,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { DiscountCoupon as D, defineCustomElement as d };
-//# sourceMappingURL=p-CtTqLwLn.js.map
+//# sourceMappingURL=p-D5TXI2Hb.js.map
 
-//# sourceMappingURL=p-CtTqLwLn.js.map
+//# sourceMappingURL=p-D5TXI2Hb.js.map

package/dist/components/p-D5TXI2Hb.js.map

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

package/dist/components/{p-BCu7Nkqb.js → p-DWIWSpMW.js}

@@ -7,7 +7,7 @@ import { d as defineCustomElement$3 } from './p-CWY-g0zG.js';
 import { d as defineCustomElement$2 } from './p-Cdo8V0m3.js';
 import { d as defineCustomElement$1 } from './p-C_txMekS.js';
 
-const rebillFooterCss = ".language-selector{display:flex;align-items:center;margin-right:12px;height:24px}.rebill-footer__footer-content{display:flex;justify-content:space-between;align-items:center;width:100%;margin:18px}.terms-and-conditions{display:flex;align-items:center;gap:4px;margin-left:12px}.footer-powered{margin-right:4px}.footer-separator{margin-right:6px;margin-left:6px}.footer-link,.footer-powered,.footer-separator{display:flex;align-items:center}.footer-link a{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-decoration:none}";
+const rebillFooterCss = ".language-selector{display:flex;align-items:center;margin-right:12px;height:24px}.rebill-footer__footer-content{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:18px;margin-top:18px}.terms-and-conditions{display:flex;align-items:center;gap:4px;margin-left:12px}.footer-powered{margin-right:4px}.footer-separator{margin-right:6px;margin-left:6px}.footer-link,.footer-powered,.footer-separator{display:flex;align-items:center}.footer-link a{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-decoration:none}";
 
 const RebillFooter = /*@__PURE__*/ proxyCustomElement(class RebillFooter extends H {
     constructor(registerHost) {
@@ -77,6 +77,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { RebillFooter as R, defineCustomElement as d };
-//# sourceMappingURL=p-BCu7Nkqb.js.map
+//# sourceMappingURL=p-DWIWSpMW.js.map
 
-//# sourceMappingURL=p-BCu7Nkqb.js.map
+//# sourceMappingURL=p-DWIWSpMW.js.map

package/dist/components/p-DWIWSpMW.js.map

@@ -0,0 +1 @@
+{"file":"p-DWIWSpMW.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/rebill-footer/rebill-footer.css?tag=rebill-footer","src/components/checkout/rebill-footer/rebill-footer.tsx"],"sourcesContent":[".language-selector {\n  display: flex;\n  align-items: center;\n  margin-right: 12px;\n  height: 24px;\n}\n.rebill-footer__footer-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  margin-bottom: 18px;\n  margin-top: 18px;\n}\n\n.terms-and-conditions {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: 12px;\n}\n\n.footer-powered {\n  margin-right: 4px;\n}\n\n.footer-separator {\n  margin-right: 6px;\n  margin-left: 6px;\n}\n\n.footer-link,\n.footer-powered,\n.footer-separator {\n  display: flex;\n  align-items: center;\n}\n\n.footer-link a {\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  text-decoration: none;\n}\n","import { Component, h, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { LOCALES_ENUM } from '../../../models/enums/locales.enum';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-footer',\n  styleUrl: 'rebill-footer.css',\n  shadow: false,\n})\nexport class RebillFooter {\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n\n  resizeHandler = () => {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n  };\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.resizeHandler);\n  }\n\n  async componentWillLoad() {\n    this.resizeHandler();\n    window.addEventListener('resize', this.resizeHandler);\n    const language = I18nService.getCurrentLanguage();\n    SessionStore.changeLanguage(language);\n  }\n  private handleLanguageChange = (event: any) => {\n    I18nService.changeLanguage(event.detail.value);\n    SessionStore.changeLanguage(event.detail.value);\n  };\n  render() {\n    return (\n      <div class=\"rebill-footer__footer-content\">\n        <div class=\"terms-and-conditions\">\n          {!isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n            <rebill-typography\n              variant=\"subtitle3\"\n              color={COLORS_ENUM.SECONDARY}\n              class=\"footer-powered\"\n            >\n              {I18nService.translate('footer.poweredBy')}\n            </rebill-typography>\n          )}\n          <rebill-icon name=\"rebill-logo\" color={COLORS_ENUM.SECONDARY} />\n          <rebill-icon name=\"rebill\" color={COLORS_ENUM.SECONDARY} />\n          <rebill-typography\n            variant=\"subtitle3\"\n            color={COLORS_ENUM.SECONDARY}\n            class=\"footer-separator\"\n          >\n            |\n          </rebill-typography>\n          <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.SECONDARY} class=\"footer-link\">\n            <a\n              href=\"https://www.rebill.com/terminos-y-condiciones-usuarios-finales\"\n              target=\"_blank\"\n            >\n              {I18nService.translate('footer.termsAndConditions')}\n            </a>\n          </rebill-typography>\n        </div>\n        <div class=\"language-selector\">\n          <rebill-icon name=\"world\" />\n          <rebill-input-select\n            id=\"language-selector\"\n            variant=\"underlined\"\n            backgroundColor={\n              isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)\n                ? ''\n                : 'var(--rebill-color-background-left)'\n            }\n            options={[\n              { label: 'EN', value: LOCALES_ENUM.EN },\n              { label: 'ES', value: LOCALES_ENUM.ES },\n              { label: 'PT', value: LOCALES_ENUM.PT },\n            ]}\n            value={sessionState.currentLocale}\n            on-input={this.handleLanguageChange}\n            fontSize=\"10px\"\n            dropPosition=\"up\"\n            arrowIcon=\"down\"\n            class=\"language-selector-input\"\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-Cnr-CyGT.js → p-Db7dntOn.js}

@@ -9,8 +9,8 @@ import { P as PDFGenerator } from './p-E_u2gk-G.js';
 import { d as defineCustomElement$8 } from './p-TtP-m545.js';
 import { d as defineCustomElement$7 } from './p-DvWdkIUq.js';
 import { d as defineCustomElement$6 } from './p-N5kDm5Y3.js';
-import { d as defineCustomElement$5 } from './p-r2jtUw42.js';
-import { d as defineCustomElement$4 } from './p-BCu7Nkqb.js';
+import { d as defineCustomElement$5 } from './p-B_lR-4t9.js';
+import { d as defineCustomElement$4 } from './p-DWIWSpMW.js';
 import { d as defineCustomElement$3 } from './p-CWY-g0zG.js';
 import { d as defineCustomElement$2 } from './p-Cdo8V0m3.js';
 import { d as defineCustomElement$1 } from './p-C_txMekS.js';
@@ -379,6 +379,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { CardSuccessPage as C, defineCustomElement as d };
-//# sourceMappingURL=p-Cnr-CyGT.js.map
+//# sourceMappingURL=p-Db7dntOn.js.map
 
-//# sourceMappingURL=p-Cnr-CyGT.js.map
+//# sourceMappingURL=p-Db7dntOn.js.map