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

package/dist/rebill-web-components-sdk/{p-d189dea8.entry.js.map → p-07de170b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["renewalSuccessPageCss","RenewalSuccessPage","typePaymentMethod","PAYMENT_METHOD_ENUM","CARD","country","bank","paymentMethodName","cardLastFour","paymentDate","referenceNumber","trialPeriodDays","debitDay","planAmount","currentLocale","breakpoint","BREAKPOINT_ENUM","DESKTOP","successRedirect","loaderProgress","isLoadingLottie","showRedirectMessage","timeToRedirect","progressInterval","lottieContainer","lottieAnimation","successDisplayTimeout","applyStartCaseToBrand","brand","toLowerCase","split","map","word","charAt","toUpperCase","slice","join","getPaymentDate","payment","renewalState","form","checkoutResponse","date","componentWillLoad","this","getBreakpoint","window","innerWidth","setTimeout","loadLottieAnimation","stopLoaderAnimation","componentDidLoad","addEventListener","handleResize","disconnectedCallback","clearTimeout","removeEventListener","async","lottie","import","then","n","l","animationData","fetch","getAssetPath","animationJson","json","default","loadAnimation","container","renderer","loop","autoplay","startLoaderAnimation","error","duration","interval","increment","setInterval","Math","min","clearInterval","undefined","destroy","handleDownloadReceipt","PDFGenerator","generateAndDownloadReceipt","paymentMethod","textPaymentMethodCard","BANK_TRANSFER","cardBrand","data","cardInformation","lastFour","formatDateTime","email","subscription","customerEmail","productTitle","name","text","subtotal","getFormattedSubtotal","total","getFormattedTotal","currency","price","discountAmount","getFormattedDiscountAmount","isBankTransfer","console","formatAmount","amount","formattedBrand","render","h","key","class","variant","color","COLORS_ENUM","PRIMARY_DARK_TEXT","I18nService","translate","width","isBreakpointBelow","height","viewBox","fill","xmlns","d","SECONDARY","Fragment","style","display","alignItems","gap","getPaymentMethodDisplayName","stroke","type","size","onClick","renewalSummaryCss","RenewalSummary","forceUpdate","displayedComponents","i18n","on","handleLanguageChange","off","totalAmount","subscriptionTitle","subscriptionAmount","nextChargeDate","frequency","getFrequencyText","period","count","translationKey","renderHeader","renderInfoRow","label","value","renderProduct","renderNextRenewal","formatDateByLocale","sessionState","renderSubtotal","renderTotal","renderDesktop","includes","header"],"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","src/components/renewal/renewal-summary/renewal-summary.css?tag=renewal-summary","src/components/renewal/renewal-summary/renewal-summary.tsx"],"sourcesContent":["/* Reutilizar los estilos del success-page original */\n@import '../../checkout/card-success-page/success-page.css';\n","import { Component, Event, EventEmitter, getAssetPath, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { renewalState } from '../../../store/renewal.store';\nimport { formatDateTime } from '../../../utils';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { formatAmount } from '../../../utils/currency-formatter';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\nimport { PDFGenerator } from '../../../utils/pdf-generator';\n\n@Component({\n  tag: 'renewal-success-page',\n  styleUrl: 'renewal-success-page.css',\n  shadow: false,\n})\nexport class RenewalSuccessPage {\n  @Prop() typePaymentMethod: PAYMENT_METHOD_ENUM = PAYMENT_METHOD_ENUM.CARD;\n  @Prop() country?: string = '';\n  @Prop() bank?: string = '';\n  @Prop() paymentMethodName?: string = '';\n  @Prop() cardLastFour?: string = '';\n  @Prop() paymentDate: string = '';\n  @Prop() referenceNumber: string = '';\n  @Prop() trialPeriodDays?: number = 0;\n  @Prop() debitDay?: number = 0;\n  @Prop() planAmount?: number = 0;\n  @State() currentLocale: string = 'es';\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n\n  @Event() successRedirect: EventEmitter<any>;\n  @State() loaderProgress: number = 0;\n  @State() isLoadingLottie: boolean = true;\n  @State() showRedirectMessage: boolean = false;\n  @Prop() timeToRedirect: number = 3000;\n  private progressInterval?: number;\n  private lottieContainer?: HTMLElement;\n  private lottieAnimation?: any;\n  private successDisplayTimeout?: number;\n\n  private applyStartCaseToBrand = (brand: string): string => {\n    if (!brand) return '';\n\n    return brand\n      .toLowerCase()\n      .split(/[\\s-]+/)\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n      .join(' ');\n  };\n\n  private getPaymentDate = (): string => {\n    const payment = renewalState.form.checkoutResponse;\n    if (!payment) return '';\n\n    // El response tiene una propiedad 'date' en el nivel superior\n    if ('date' in payment) {\n      return payment.date as string;\n    }\n\n    return '';\n  };\n\n  componentWillLoad() {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n\n    // Para renewal, no hay redirect por defecto, pero podríamos agregarlo si es necesario\n    if (this.showRedirectMessage) {\n      this.successDisplayTimeout = window.setTimeout(() => {\n        this.showRedirectMessage = true;\n        this.loadLottieAnimation();\n      }, 1500);\n\n      setTimeout(() => {\n        // Aquí podrías agregar lógica de redirect si es necesaria\n        this.stopLoaderAnimation();\n      }, this.timeToRedirect);\n    }\n  }\n\n  componentDidLoad() {\n    window.addEventListener('resize', this.handleResize);\n    if (!this.showRedirectMessage) {\n      this.loadLottieAnimation();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.successDisplayTimeout) {\n      clearTimeout(this.successDisplayTimeout);\n    }\n    window.removeEventListener('resize', this.handleResize);\n    this.stopLoaderAnimation();\n  }\n\n  private handleResize = () => {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n  };\n\n  private loadLottieAnimation = async () => {\n    try {\n      const lottie = await import('lottie-web');\n      const animationData = await fetch(getAssetPath(`./assets/loader-redirect1.json`));\n      const animationJson = await animationData.json();\n\n      if (this.lottieContainer) {\n        this.lottieAnimation = lottie.default.loadAnimation({\n          container: this.lottieContainer,\n          renderer: 'svg',\n          loop: true,\n          autoplay: true,\n          animationData: animationJson,\n        });\n      } else {\n        this.startLoaderAnimation();\n      }\n    } catch (error) {\n      this.startLoaderAnimation();\n    }\n  };\n\n  private startLoaderAnimation = () => {\n    const duration = 3000;\n    const interval = 50;\n    const increment = (interval / duration) * 100;\n\n    this.progressInterval = window.setInterval(() => {\n      this.loaderProgress = Math.min(this.loaderProgress + increment, 100);\n      if (this.loaderProgress >= 100) {\n        this.stopLoaderAnimation();\n      }\n    }, interval);\n  };\n\n  private stopLoaderAnimation = () => {\n    if (this.progressInterval) {\n      clearInterval(this.progressInterval);\n      this.progressInterval = undefined;\n    }\n    if (this.lottieAnimation) {\n      this.lottieAnimation.destroy();\n      this.lottieAnimation = undefined;\n    }\n  };\n\n  private handleDownloadReceipt = async () => {\n    try {\n      await PDFGenerator.generateAndDownloadReceipt({\n        paymentMethod:\n          this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD\n            ? this.textPaymentMethodCard()\n            : this.paymentMethodName,\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && { bank: this.bank }),\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n          cardBrand: this.applyStartCaseToBrand(renewalState.data.cardInformation?.brand || ''),\n        }),\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n          cardLastFour: this.cardLastFour ?? renewalState.data.cardInformation?.lastFour,\n        }),\n        paymentDate: formatDateTime(this.getPaymentDate()) || '',\n        email: renewalState.data.subscription.customerEmail || '',\n        referenceNumber: this.referenceNumber,\n        productTitle: renewalState.data.subscription.name[0]?.text || 'Subscription',\n        subtotal: this.getFormattedSubtotal(),\n        total: this.getFormattedTotal(),\n        currency: (renewalState.data.price.currency as any) || ' ',\n        discountAmount: this.getFormattedDiscountAmount(),\n        trialPeriodDays: this.trialPeriodDays,\n        debitDay: this.debitDay,\n        planAmount: this.getFormattedSubtotal(this.planAmount),\n        isBankTransfer: this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n      });\n    } catch (error) {\n      console.error('Error downloading receipt:', error);\n    }\n  };\n\n  private getFormattedDiscountAmount = () => {\n    // Para renewal, no hay descuentos por defecto\n    return undefined;\n  };\n\n  private getFormattedSubtotal = (planAmount: number = 0 || null) => {\n    return formatAmount(\n      planAmount || renewalState.data.price.amount,\n      renewalState.data.price.currency as any,\n    );\n  };\n\n  private getFormattedTotal = () => {\n    if (this.trialPeriodDays > 0) {\n      return formatAmount(0, renewalState.data.price.currency as any);\n    }\n    return formatAmount(renewalState.data.price.amount, renewalState.data.price.currency as any);\n  };\n\n  private textPaymentMethodCard = () => {\n    const cardBrand = renewalState.data?.cardInformation?.brand;\n    const cardLastFour = this.cardLastFour || renewalState.data?.cardInformation?.lastFour;\n\n    const formattedBrand = this.applyStartCaseToBrand(cardBrand || '');\n    return cardBrand && cardLastFour ? `${formattedBrand} - ${cardLastFour}` : formattedBrand;\n  };\n\n  render() {\n    return (\n      <rebill-checkout-single-column>\n        <div class=\"success-content\">\n          <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n            {I18nService.translate('processing.successTitle')}\n          </rebill-typography>\n\n          <div class=\"success-icon\">\n            <svg\n              width={isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96'}\n              height={isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96'}\n              viewBox=\"0 0 96 96\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z\"\n                fill=\"#35B093\"\n              />\n            </svg>\n          </div>\n\n          {/* Payment Details Card */}\n          <div class=\"info-card\">\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentMethod')}\n              </rebill-typography>\n              <div class=\"card-value\">\n                <div class=\"payment-method-display\">\n                  {this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (\n                    <>\n                      <rebill-card-icon\n                        card-brand={renewalState.data?.cardInformation?.brand || ''}\n                      />\n                      <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                        {this.textPaymentMethodCard()}\n                      </rebill-typography>\n                    </>\n                  )}\n                  {this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (\n                    <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                      <rebill-icon\n                        name={getPaymentMethodDisplayName(\n                          PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n                          this.country,\n                        ).toLowerCase()}\n                      />\n                      <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                        {I18nService.translate('paymentMethods.bank_transfer')}\n                      </rebill-typography>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentDate')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {formatDateTime(this.paymentDate || this.getPaymentDate()) || ''}\n              </rebill-typography>\n            </div>\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentEmail')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {renewalState.data.subscription.customerEmail}\n              </rebill-typography>\n            </div>\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentReference')}\n              </rebill-typography>\n              <rebill-typography\n                variant=\"body2\"\n                color={COLORS_ENUM.PRIMARY_DARK_TEXT}\n                class=\"reference-number\"\n              >\n                {this.referenceNumber || ''}\n              </rebill-typography>\n            </div>\n          </div>\n\n          {/* Purchase Details Card */}\n          <div class=\"info-card\">\n            <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate('processing.purchaseDetails')}\n            </rebill-typography>\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseDetail')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {renewalState.data.subscription.name[0]?.text || 'Subscription'}\n              </rebill-typography>\n            </div>\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseSubtotal')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {this.getFormattedSubtotal()}\n              </rebill-typography>\n            </div>\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseMontoTotal')}\n              </rebill-typography>\n              <div class=\"total-amount-container\">\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {this.getFormattedTotal()}\n                </rebill-typography>\n              </div>\n            </div>\n            <div class=\"card-divider\"></div>\n            <div class=\"download-container\">\n              <svg\n                class=\"download-icon\"\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667\"\n                  stroke=\"currentColor\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n              <rebill-button\n                type=\"button\"\n                variant=\"download\"\n                size=\"small\"\n                onClick={this.handleDownloadReceipt}\n              >\n                <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {I18nService.translate('processing.download')}\n                </rebill-typography>\n              </rebill-button>\n            </div>\n\n            {/* Contact Info */}\n            <div class=\"contact-info\">\n              <rebill-typography variant=\"information-text\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.downloadDescription')}\n              </rebill-typography>\n            </div>\n          </div>\n        </div>\n      </rebill-checkout-single-column>\n    );\n  }\n}\n",".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\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  @Prop() totalAmount!: number | string;\n  @Prop() subscriptionTitle!: string;\n  @Prop() subscriptionAmount!: number | string;\n  @Prop() nextChargeDate?: string;\n  @Prop() frequency?: { count: number; period: string };\n  @Prop() currency: string;\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  renderHeader = () => {\n    return (\n      <div class=\"header\">\n        <p class=\"title\">{I18nService.translate('renewal.title')}</p>\n        <p class=\"amount\">\n          {formatAmount(this.totalAmount, this.currency)}{' '}\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  renderTotal = () => {\n    return (\n      <div class=\"total-row\">\n        <div class=\"left\">{I18nService.translate('renewal.totalToRenew')}</div>\n        <div class=\"right\">{formatAmount(this.totalAmount, 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        </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          <hr color=\"#F4F5F6\" />\n          {this.renderInfoRow(\n            I18nService.translate('renewal.totalToRenew'),\n            formatAmount(this.totalAmount, this.currency),\n          )}\n        </collapsible-card>\n      );\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["renewalSuccessPageCss","RenewalSuccessPage","typePaymentMethod","PAYMENT_METHOD_ENUM","CARD","country","bank","paymentMethodName","cardLastFour","paymentDate","referenceNumber","trialPeriodDays","debitDay","planAmount","currentLocale","breakpoint","BREAKPOINT_ENUM","DESKTOP","successRedirect","loaderProgress","isLoadingLottie","showRedirectMessage","timeToRedirect","progressInterval","lottieContainer","lottieAnimation","successDisplayTimeout","applyStartCaseToBrand","brand","toLowerCase","split","map","word","charAt","toUpperCase","slice","join","getPaymentDate","payment","renewalState","form","checkoutResponse","date","componentWillLoad","this","getBreakpoint","window","innerWidth","setTimeout","loadLottieAnimation","stopLoaderAnimation","componentDidLoad","addEventListener","handleResize","disconnectedCallback","clearTimeout","removeEventListener","async","lottie","import","then","n","l","animationData","fetch","getAssetPath","animationJson","json","default","loadAnimation","container","renderer","loop","autoplay","startLoaderAnimation","error","duration","interval","increment","setInterval","Math","min","clearInterval","undefined","destroy","handleDownloadReceipt","PDFGenerator","generateAndDownloadReceipt","paymentMethod","textPaymentMethodCard","BANK_TRANSFER","cardBrand","data","cardInformation","lastFour","formatDateTime","email","subscription","customerEmail","productTitle","name","text","subtotal","getFormattedSubtotal","total","getFormattedTotal","currency","price","discountAmount","getFormattedDiscountAmount","isBankTransfer","console","formatAmount","amount","formattedBrand","render","h","key","class","variant","color","COLORS_ENUM","PRIMARY_DARK_TEXT","I18nService","translate","width","isBreakpointBelow","height","viewBox","fill","xmlns","d","SECONDARY","Fragment","style","display","alignItems","gap","getPaymentMethodDisplayName","stroke","type","size","onClick","renewalSummaryCss","RenewalSummary","forceUpdate","displayedComponents","i18n","on","handleLanguageChange","off","totalAmount","subscriptionTitle","subscriptionAmount","nextChargeDate","frequency","getFrequencyText","period","count","translationKey","renderHeader","renderInfoRow","label","value","renderProduct","renderNextRenewal","formatDateByLocale","sessionState","renderSubtotal","renderTotal","renderDesktop","includes","header"],"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","src/components/renewal/renewal-summary/renewal-summary.css?tag=renewal-summary","src/components/renewal/renewal-summary/renewal-summary.tsx"],"sourcesContent":["/* Reutilizar los estilos del success-page original */\n@import '../../checkout/card-success-page/success-page.css';\n","import { Component, Event, EventEmitter, getAssetPath, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { renewalState } from '../../../store/renewal.store';\nimport { formatDateTime } from '../../../utils';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { formatAmount } from '../../../utils/currency-formatter';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\nimport { PDFGenerator } from '../../../utils/pdf-generator';\n\n@Component({\n  tag: 'renewal-success-page',\n  styleUrl: 'renewal-success-page.css',\n  shadow: false,\n})\nexport class RenewalSuccessPage {\n  @Prop() typePaymentMethod: PAYMENT_METHOD_ENUM = PAYMENT_METHOD_ENUM.CARD;\n  @Prop() country?: string = '';\n  @Prop() bank?: string = '';\n  @Prop() paymentMethodName?: string = '';\n  @Prop() cardLastFour?: string = '';\n  @Prop() paymentDate: string = '';\n  @Prop() referenceNumber: string = '';\n  @Prop() trialPeriodDays?: number = 0;\n  @Prop() debitDay?: number = 0;\n  @Prop() planAmount?: number = 0;\n  @State() currentLocale: string = 'es';\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n\n  @Event() successRedirect: EventEmitter<any>;\n  @State() loaderProgress: number = 0;\n  @State() isLoadingLottie: boolean = true;\n  @State() showRedirectMessage: boolean = false;\n  @Prop() timeToRedirect: number = 3000;\n  private progressInterval?: number;\n  private lottieContainer?: HTMLElement;\n  private lottieAnimation?: any;\n  private successDisplayTimeout?: number;\n\n  private applyStartCaseToBrand = (brand: string): string => {\n    if (!brand) return '';\n\n    return brand\n      .toLowerCase()\n      .split(/[\\s-]+/)\n      .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n      .join(' ');\n  };\n\n  private getPaymentDate = (): string => {\n    const payment = renewalState.form.checkoutResponse;\n    if (!payment) return '';\n\n    // El response tiene una propiedad 'date' en el nivel superior\n    if ('date' in payment) {\n      return payment.date as string;\n    }\n\n    return '';\n  };\n\n  componentWillLoad() {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n\n    // Para renewal, no hay redirect por defecto, pero podríamos agregarlo si es necesario\n    if (this.showRedirectMessage) {\n      this.successDisplayTimeout = window.setTimeout(() => {\n        this.showRedirectMessage = true;\n        this.loadLottieAnimation();\n      }, 1500);\n\n      setTimeout(() => {\n        // Aquí podrías agregar lógica de redirect si es necesaria\n        this.stopLoaderAnimation();\n      }, this.timeToRedirect);\n    }\n  }\n\n  componentDidLoad() {\n    window.addEventListener('resize', this.handleResize);\n    if (!this.showRedirectMessage) {\n      this.loadLottieAnimation();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.successDisplayTimeout) {\n      clearTimeout(this.successDisplayTimeout);\n    }\n    window.removeEventListener('resize', this.handleResize);\n    this.stopLoaderAnimation();\n  }\n\n  private handleResize = () => {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n  };\n\n  private loadLottieAnimation = async () => {\n    try {\n      const lottie = await import('lottie-web');\n      const animationData = await fetch(getAssetPath(`./assets/loader-redirect1.json`));\n      const animationJson = await animationData.json();\n\n      if (this.lottieContainer) {\n        this.lottieAnimation = lottie.default.loadAnimation({\n          container: this.lottieContainer,\n          renderer: 'svg',\n          loop: true,\n          autoplay: true,\n          animationData: animationJson,\n        });\n      } else {\n        this.startLoaderAnimation();\n      }\n    } catch (error) {\n      this.startLoaderAnimation();\n    }\n  };\n\n  private startLoaderAnimation = () => {\n    const duration = 3000;\n    const interval = 50;\n    const increment = (interval / duration) * 100;\n\n    this.progressInterval = window.setInterval(() => {\n      this.loaderProgress = Math.min(this.loaderProgress + increment, 100);\n      if (this.loaderProgress >= 100) {\n        this.stopLoaderAnimation();\n      }\n    }, interval);\n  };\n\n  private stopLoaderAnimation = () => {\n    if (this.progressInterval) {\n      clearInterval(this.progressInterval);\n      this.progressInterval = undefined;\n    }\n    if (this.lottieAnimation) {\n      this.lottieAnimation.destroy();\n      this.lottieAnimation = undefined;\n    }\n  };\n\n  private handleDownloadReceipt = async () => {\n    try {\n      await PDFGenerator.generateAndDownloadReceipt({\n        paymentMethod:\n          this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD\n            ? this.textPaymentMethodCard()\n            : this.paymentMethodName,\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && { bank: this.bank }),\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n          cardBrand: this.applyStartCaseToBrand(renewalState.data.cardInformation?.brand || ''),\n        }),\n        ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n          cardLastFour: this.cardLastFour ?? renewalState.data.cardInformation?.lastFour,\n        }),\n        paymentDate: formatDateTime(this.getPaymentDate()) || '',\n        email: renewalState.data.subscription.customerEmail || '',\n        referenceNumber: this.referenceNumber,\n        productTitle: renewalState.data.subscription.name[0]?.text || 'Subscription',\n        subtotal: this.getFormattedSubtotal(),\n        total: this.getFormattedTotal(),\n        currency: (renewalState.data.price.currency as any) || ' ',\n        discountAmount: this.getFormattedDiscountAmount(),\n        trialPeriodDays: this.trialPeriodDays,\n        debitDay: this.debitDay,\n        planAmount: this.getFormattedSubtotal(this.planAmount),\n        isBankTransfer: this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n      });\n    } catch (error) {\n      console.error('Error downloading receipt:', error);\n    }\n  };\n\n  private getFormattedDiscountAmount = () => {\n    // Para renewal, no hay descuentos por defecto\n    return undefined;\n  };\n\n  private getFormattedSubtotal = (planAmount: number = 0 || null) => {\n    return formatAmount(\n      planAmount || renewalState.data.price.amount,\n      renewalState.data.price.currency as any,\n    );\n  };\n\n  private getFormattedTotal = () => {\n    if (this.trialPeriodDays > 0) {\n      return formatAmount(0, renewalState.data.price.currency as any);\n    }\n    return formatAmount(renewalState.data.price.amount, renewalState.data.price.currency as any);\n  };\n\n  private textPaymentMethodCard = () => {\n    const cardBrand = renewalState.data?.cardInformation?.brand;\n    const cardLastFour = this.cardLastFour || renewalState.data?.cardInformation?.lastFour;\n\n    const formattedBrand = this.applyStartCaseToBrand(cardBrand || '');\n    return cardBrand && cardLastFour ? `${formattedBrand} - ${cardLastFour}` : formattedBrand;\n  };\n\n  render() {\n    return (\n      <rebill-checkout-single-column>\n        <div class=\"success-content\">\n          <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n            {I18nService.translate('processing.successTitle')}\n          </rebill-typography>\n\n          <div class=\"success-icon\">\n            <svg\n              width={isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96'}\n              height={isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96'}\n              viewBox=\"0 0 96 96\"\n              fill=\"none\"\n              xmlns=\"http://www.w3.org/2000/svg\"\n            >\n              <path\n                fill-rule=\"evenodd\"\n                clip-rule=\"evenodd\"\n                d=\"M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z\"\n                fill=\"#35B093\"\n              />\n            </svg>\n          </div>\n\n          {/* Payment Details Card */}\n          <div class=\"info-card\">\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentMethod')}\n              </rebill-typography>\n              <div class=\"card-value\">\n                <div class=\"payment-method-display\">\n                  {this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (\n                    <>\n                      <rebill-card-icon\n                        card-brand={renewalState.data?.cardInformation?.brand || ''}\n                      />\n                      <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                        {this.textPaymentMethodCard()}\n                      </rebill-typography>\n                    </>\n                  )}\n                  {this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (\n                    <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                      <rebill-icon\n                        name={getPaymentMethodDisplayName(\n                          PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n                          this.country,\n                        ).toLowerCase()}\n                      />\n                      <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                        {I18nService.translate('paymentMethods.bank_transfer')}\n                      </rebill-typography>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </div>\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentDate')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {formatDateTime(this.paymentDate || this.getPaymentDate()) || ''}\n              </rebill-typography>\n            </div>\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentEmail')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {renewalState.data.subscription.customerEmail}\n              </rebill-typography>\n            </div>\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.paymentReference')}\n              </rebill-typography>\n              <rebill-typography\n                variant=\"body2\"\n                color={COLORS_ENUM.PRIMARY_DARK_TEXT}\n                class=\"reference-number\"\n              >\n                {this.referenceNumber || ''}\n              </rebill-typography>\n            </div>\n          </div>\n\n          {/* Purchase Details Card */}\n          <div class=\"info-card\">\n            <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n              {I18nService.translate('processing.purchaseDetails')}\n            </rebill-typography>\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseDetail')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {renewalState.data.subscription.name[0]?.text || 'Subscription'}\n              </rebill-typography>\n            </div>\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseSubtotal')}\n              </rebill-typography>\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                {this.getFormattedSubtotal()}\n              </rebill-typography>\n            </div>\n            <div class=\"card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseMontoTotal')}\n              </rebill-typography>\n              <div class=\"total-amount-container\">\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {this.getFormattedTotal()}\n                </rebill-typography>\n              </div>\n            </div>\n            <div class=\"card-divider\"></div>\n            <div class=\"download-container\">\n              <svg\n                class=\"download-icon\"\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667\"\n                  stroke=\"currentColor\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n              <rebill-button\n                type=\"button\"\n                variant=\"download\"\n                size=\"small\"\n                onClick={this.handleDownloadReceipt}\n              >\n                <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {I18nService.translate('processing.download')}\n                </rebill-typography>\n              </rebill-button>\n            </div>\n\n            {/* Contact Info */}\n            <div class=\"contact-info\">\n              <rebill-typography variant=\"information-text\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.downloadDescription')}\n              </rebill-typography>\n            </div>\n          </div>\n        </div>\n      </rebill-checkout-single-column>\n    );\n  }\n}\n",".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\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  @Prop() totalAmount!: number | string;\n  @Prop() subscriptionTitle!: string;\n  @Prop() subscriptionAmount!: number | string;\n  @Prop() nextChargeDate?: string;\n  @Prop() frequency?: { count: number; period: string };\n  @Prop() currency: string;\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  renderHeader = () => {\n    return (\n      <div class=\"header\">\n        <p class=\"title\">{I18nService.translate('renewal.title')}</p>\n        <p class=\"amount\">\n          {formatAmount(this.totalAmount, this.currency)}{' '}\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  renderTotal = () => {\n    return (\n      <div class=\"total-row\">\n        <div class=\"left\">{I18nService.translate('renewal.totalToRenew')}</div>\n        <div class=\"right\">{formatAmount(this.totalAmount, 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        </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          <hr color=\"#F4F5F6\" />\n          {this.renderInfoRow(\n            I18nService.translate('renewal.totalToRenew'),\n            formatAmount(this.totalAmount, this.currency),\n          )}\n        </collapsible-card>\n      );\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}