npm - rebill-web-components-sdk - Versions diffs - 1.8.3-beta.2 → 1.8.3-beta.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

package/dist/cjs/success-page.entry.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"success-page.entry.cjs.js","sources":["src/components/checkout/card-success-page/success-page.css?tag=success-page","src/components/checkout/card-success-page/success-page.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\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/ Success View Styles /\n.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.lottie-container {\n width: 80px;\n height: 80px;\n}\n/ Eliminar márgenes del h3 en el componente de éxito /\n.success-content rebill-typography[variant='h3'] {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.success-icon {\n display: flex;\n justify-content: center;\n margin: 0.5rem 0;\n}\n\n/ Info Cards /\n.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.card-row {\n display: flex;\n justify-content: space-between;\n align-items: start;\n min-height: 20px;\n gap: 15%;\n}\n\n.card-row:last-of-type {\n margin-bottom: 0;\n}\n\n.card-value {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.payment-method-display {\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: center;\n}\n\n.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.payment-method-display rebill-card-icon svg {\n display: block;\n}\n\n.payment-method-display rebill-icon {\n display: inline-block;\n vertical-align: middle;\n margin-right: 8px;\n}\n\n.payment-method-display rebill-icon div {\n display: block;\n}\n\n.card-divider {\n height: 1px;\n background: #e5e7eb;\n}\n\n.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.contact-info {\n text-align: left;\n}\n\n.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.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.trial-pill {\n background-color: var(--rebill-color-green-light-2);\n border-radius: 4px;\n padding: 4px 6px 4px 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.next-charge-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 12px;\n}\n\n.next-charge-details {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n}\n\n.next-charge-amount {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 4px;\n}\n\n.next-charge-date {\n text-align: right;\n}\n\n/ Responsive Styles /\n@media (max-width: 1024px) {\n .success-content {\n max-width: 100%;\n gap: 1.5rem;\n margin-left: 16px;\n margin-right: 16px;\n }\n\n .info-card {\n width: 100%;\n max-width: 100%;\n padding: 12px;\n }\n .text-content {\n gap: 12px;\n }\n}\n\n@media (max-width: 767px) {\n .info-card {\n padding: 12px;\n }\n\n .processing-container {\n padding: 0 16px;\n }\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { ENUM_INSTALLMENT_MODEL } from '../../../models/enums/installment.enum';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { SESSION_ITEM_TYPE_ENUM } from '../../../models/enums/session.enum';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { formatDateTime } from '../../../utils';\nimport { getAssetURL } from '../../../utils/assets';\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 {\n getInstallmentLabelSummary,\n getRecalculatedInstallmentAmount,\n} from '../../../utils/installment-utils';\nimport { PDFGenerator } from '../../../utils/pdf-generator';\n\n@Component({\n tag: 'success-page',\n styleUrl: 'success-page.css',\n shadow: false,\n})\nexport class CardSuccessPage {\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 = sessionState.currentLocale;\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 unsubscribeCurrentLocaleStore?: () => void;\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 = sessionState?.data?.payment;\n if (!payment) return '';\n\n if ('createdAt' in payment) {\n return payment.createdAt;\n }\n\n return '';\n };\n\n componentWillLoad() {\n this.breakpoint = getBreakpoint(window.innerWidth);\n this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n this.currentLocale = sessionState.currentLocale;\n });\n\n if (sessionState.data?.itemInformation?.redirectSuccess) {\n this.successDisplayTimeout = window.setTimeout(() => {\n this.showRedirectMessage = true;\n this.loadLottieAnimation();\n }, 1500);\n\n setTimeout(() => {\n let redirectUrl = sessionState.data?.itemInformation?.redirectSuccess;\n if (redirectUrl) {\n this.successRedirect.emit({ redirectUrl });\n this.stopLoaderAnimation();\n }\n }, this.timeToRedirect);\n }\n }\n\n componentDidLoad() {\n window.addEventListener('resize', this.handleResize);\n if (!sessionState.data?.itemInformation?.redirectSuccess \|\| this.showRedirectMessage) {\n this.loadLottieAnimation();\n }\n }\n\n disconnectedCallback() {\n if (this.unsubscribeCurrentLocaleStore) {\n this.unsubscribeCurrentLocaleStore();\n }\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 private loadLottieAnimation = async () => {\n try {\n const lottie = await import('lottie-web');\n const animationData = await fetch(getAssetURL(`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(sessionState.data.cardInformation?.brand \|\| ''),\n }),\n ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n cardLastFour: this.cardLastFour ?? sessionState.data.cardInformation?.lastFour,\n }),\n paymentDate: formatDateTime(this.getPaymentDate()) \|\| '',\n email: sessionState?.data?.userInformation?.email \|\| '',\n referenceNumber: this.referenceNumber,\n productTitle: sessionState?.data?.itemInformation?.title \|\| '',\n subtotal: this.getFormattedSubtotal(),\n total: this.getFormattedTotal(),\n currency: sessionState?.data?.pricing?.currency \|\| ' ',\n installments:\n sessionState?.data?.pricing?.installments &&\n sessionState?.data?.cardInformation?.installments?.selectedInstallment\n ? `${getInstallmentLabelSummary(\n sessionState.data?.cardInformation?.installments?.selectedInstallment?.installment,\n getRecalculatedInstallmentAmount(\n sessionState.data?.cardInformation?.installments?.selectedInstallment\n ?.installmentAmount \|\| 0,\n ),\n sessionState.data?.pricing?.currency,\n sessionState.data?.cardInformation?.installments?.selectedInstallment?.cft,\n sessionState.data?.cardInformation?.installments?.selectedInstallment?.model,\n )}\\n( ${I18nService.translate('processing.purchaseTotal')}: ${this.getFormattedTotal()} )${\n sessionState.data.cardInformation?.installments?.installments.find(\n installment =>\n installment.installment ===\n sessionState.data.cardInformation?.installments?.selectedInstallment\n ?.installment,\n )?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED\n ? `\\n${I18nService.translate('installments.interest')}`\n : ''\n }`\n : '',\n discountAmount: this.getFormattedDiscountAmount(),\n trialPeriodDays:\n this.trialPeriodDays \|\| sessionState.data?.itemInformation?.trial?.trialPeriodDays,\n debitDay: this.debitDay \|\| sessionState.data?.itemInformation?.debitDay,\n planAmount: this.getFormattedSubtotal(this.planAmount),\n trialEndDate: this.hasFreeTrial() ? this.getTrialEndDateFormatted() : undefined,\n debitDate: this.hasDebitDay() ? this.getDebitDateFormatted() : undefined,\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 if (sessionState?.data?.pricing?.discountAmount > 0) {\n const formattedAmount = formatAmount(\n sessionState.data?.pricing?.discountAmount,\n sessionState.data?.pricing?.currency,\n );\n return `-${formattedAmount}`;\n }\n return undefined;\n };\n\n private getFormattedSubtotal = (planAmount: number = 0 \|\| null) => {\n return formatAmount(\n planAmount \|\| sessionState?.data?.pricing?.subtotal,\n sessionState?.data?.pricing?.currency,\n );\n };\n\n private getFormattedTotal = () => {\n if (this.trialPeriodDays > 0) {\n return formatAmount(0, sessionState?.data?.pricing?.currency);\n }\n return formatAmount(sessionState?.data?.pricing?.total, sessionState?.data?.pricing?.currency);\n };\n\n private hasFreeTrial = () => {\n return (\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.trial?.trialPeriodDays &&\n sessionState.data?.itemInformation?.trial?.trialPeriodDays > 0\n );\n };\n\n private hasDebitDay = () => {\n const debitDay = sessionState.data?.itemInformation?.debitDay;\n return debitDay && debitDay > 0;\n };\n\n private getTrialEndDateFormatted = () => {\n const trialEndsAt = sessionState.data?.itemInformation?.trial?.trialPeriodEndsAt;\n if (!trialEndsAt) return '';\n\n const date = new Date(trialEndsAt);\n const currentLanguage = I18nService.getCurrentLanguage();\n const locale =\n currentLanguage === 'es' ? 'es-ES' : currentLanguage === 'pt' ? 'pt-BR' : 'en-US';\n\n if (currentLanguage === 'en') {\n return `${date.toLocaleDateString(locale, { month: 'long' })} ${date.getDate()}`;\n } else {\n return `${date.getDate()} de ${date.toLocaleDateString(locale, { month: 'long' })}`;\n }\n };\n\n private getDebitDateFormatted = () => {\n const debitDay = sessionState.data?.itemInformation?.debitDay;\n if (!debitDay \|\| debitDay <= 0) return '';\n\n const today = new Date();\n const targetDate = new Date(today);\n const currentLanguage = I18nService.getCurrentLanguage();\n const locale =\n currentLanguage === 'es' ? 'es-ES' : currentLanguage === 'pt' ? 'pt-BR' : 'en-US';\n if (debitDay < today.getDate()) {\n targetDate.setMonth(today.getMonth() + 1);\n }\n targetDate.setDate(debitDay);\n\n while (targetDate.getDate() !== debitDay) {\n targetDate.setDate(targetDate.getDate() - 1);\n }\n\n if (currentLanguage === 'en') {\n return `${targetDate.toLocaleDateString(locale, { month: 'long' })} ${targetDate.getDate()}`;\n } else {\n return `${targetDate.getDate()} de ${targetDate.toLocaleDateString(locale, { month: 'long' })}`;\n }\n };\n\n private textPaymentMethodCard = () => {\n const cardBrand = sessionState.data?.cardInformation?.brand;\n const cardLastFour = this.cardLastFour \|\| sessionState?.data?.cardInformation?.lastFour;\n\n const formattedBrand = this.applyStartCaseToBrand(cardBrand \|\| '');\n return cardBrand && cardLastFour ? `${formattedBrand} - ${cardLastFour}` : formattedBrand;\n };\n\n render() {\n const hasRedirect = sessionState.data?.itemInformation?.redirectSuccess;\n\n return (\n <rebill-checkout-single-column>\n <div class=\"success-content\">\n <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {hasRedirect && this.showRedirectMessage\n ? I18nService.translate('processing.redirectMessage')\n : I18nService.translate('processing.successTitle')}\n </rebill-typography>\n\n {hasRedirect && this.showRedirectMessage ? (\n <div class=\"redirect-message\">\n <div class=\"lottie-container\">\n <div ref={el => (this.lottieContainer = el)} class=\"lottie-animation\"></div>\n </div>\n </div>\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\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={sessionState.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={\n getPaymentMethodDisplayName(\n PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n this.country,\n )?.toLowerCase() \|\| 'card'\n }\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 {sessionState?.data?.pricing?.installments &&\n sessionState?.data?.cardInformation?.installments?.selectedInstallment && (\n <div>\n <div class=\"card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('summary.installments')}\n </rebill-typography>\n <div\n style={{\n display: 'flex',\n flexDirection: 'column',\n gap: '10px',\n alignItems: 'end',\n }}\n >\n <rebill-typography\n variant=\"body2\"\n color={COLORS_ENUM.PRIMARY_DARK_TEXT}\n style={{ textAlign: 'end' }}\n >\n {getInstallmentLabelSummary(\n sessionState.data?.cardInformation?.installments?.selectedInstallment\n ?.installment,\n getRecalculatedInstallmentAmount(\n sessionState.data?.cardInformation?.installments?.selectedInstallment\n ?.installmentAmount \|\| 0,\n ),\n sessionState.data?.pricing?.currency,\n sessionState.data?.cardInformation?.installments?.selectedInstallment\n ?.cft,\n sessionState.data?.cardInformation?.installments?.selectedInstallment\n ?.model,\n )}\n </rebill-typography>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {`( ${I18nService.translate('processing.purchaseTotal')}: ${this.getFormattedTotal()} )`}\n </rebill-typography>\n {sessionState.data.cardInformation?.installments?.installments.find(\n installment =>\n installment.installment ===\n sessionState.data.cardInformation?.installments?.selectedInstallment\n ?.installment,\n )?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (\n <rebill-typography\n variant=\"italic\"\n color={COLORS_ENUM.SECONDARY}\n style={{ textAlign: 'end' }}\n >\n {`${I18nService.translate('installments.interest')}`}\n </rebill-typography>\n )}\n </div>\n </div>\n </div>\n )}\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(\n this.paymentDate \|\| this.getPaymentDate() \|\| sessionState.createdAt,\n ) \|\| ''}\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 {sessionState?.data?.userInformation?.email}\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 {sessionState?.data?.itemInformation?.title \|\| ''}\n </rebill-typography>\n </div>\n {!this.trialPeriodDays && (\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 )}\n {sessionState?.data?.pricing?.discountAmount > 0 && (\n <div class=\"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=\"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 {this.trialPeriodDays > 0 && (\n <div class=\"trial-pill\">\n <rebill-typography\n variant=\"body2\"\n align=\"center\"\n color={COLORS_ENUM.GREEN_TEXT}\n >\n {I18nService.translate('processing.trialPill', {\n days: this.trialPeriodDays,\n count: this.trialPeriodDays,\n })}\n </rebill-typography>\n </div>\n )}\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.getFormattedTotal()}\n </rebill-typography>\n </div>\n </div>\n {(this.trialPeriodDays \|\| this.hasDebitDay()) && <div class=\"card-divider\"></div>}\n\n {/ Next Charge Section /}\n {(this.hasFreeTrial() \|\| this.hasDebitDay()) && (\n <div class=\"next-charge-section\">\n <div class=\"next-charge-header\">\n <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('processing.nextCharge')}\n </rebill-typography>\n <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('processing.onDate', {\n date: this.hasFreeTrial()\n ? this.getTrialEndDateFormatted()\n : this.getDebitDateFormatted(),\n })}\n </rebill-typography>\n </div>\n <div class=\"card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.hasFreeTrial() ? I18nService.translate('processing.atEndOfTrial') : ''}\n </rebill-typography>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.getFormattedSubtotal(this.planAmount)}{' '}\n {I18nService.translate('processing.perMonth')}\n </rebill-typography>\n </div>\n </div>\n )}\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"],"names":["PAYMENT_METHOD_ENUM","sessionState","BREAKPOINT_ENUM","getBreakpoint","SessionStore","getAssetURL","PDFGenerator","formatDateTime","getInstallmentLabelSummary","getRecalculatedInstallmentAmount","I18nService","ENUM_INSTALLMENT_MODEL","formatAmount","SESSION_ITEM_TYPE_ENUM","h","COLORS_ENUM","isBreakpointBelow","getPaymentMethodDisplayName"],"mappings":"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"}
1	+ {"version":3,"file":"success-page.entry.cjs.js","sources":["src/components/checkout/card-success-page/success-page.css?tag=success-page","src/components/checkout/card-success-page/success-page.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\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/ Success View Styles /\n.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.lottie-container {\n width: 80px;\n height: 80px;\n}\n/ Eliminar márgenes del h3 en el componente de éxito /\n.success-content rebill-typography[variant='h3'] {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.success-icon {\n display: flex;\n justify-content: center;\n margin: 0.5rem 0;\n}\n\n/ Info Cards /\n.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.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.success-page__card-row:last-of-type {\n margin-bottom: 0;\n}\n\n.success-page__card-value {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.payment-method-display {\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: center;\n}\n\n.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.payment-method-display rebill-card-icon svg {\n display: block;\n}\n\n.payment-method-display rebill-icon {\n display: inline-block;\n vertical-align: middle;\n margin-right: 8px;\n}\n\n.payment-method-display rebill-icon div {\n display: block;\n}\n\n.success-page__card-divider {\n height: 1px;\n background: #e5e7eb;\n}\n\n.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.contact-info {\n text-align: left;\n}\n\n.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.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.trial-pill {\n background-color: var(--rebill-color-green-light-2);\n border-radius: 4px;\n padding: 4px 6px 4px 6px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.next-charge-header {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n margin-bottom: 12px;\n}\n\n.next-charge-details {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n}\n\n.next-charge-amount {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 4px;\n}\n\n.next-charge-date {\n text-align: right;\n}\n\n/ Responsive Styles /\n@media (max-width: 1024px) {\n .success-content {\n max-width: 100%;\n gap: 1.5rem;\n margin-left: 16px;\n margin-right: 16px;\n }\n\n .success-page__info-card {\n width: 100%;\n max-width: 100%;\n padding: 12px;\n }\n .text-content {\n gap: 12px;\n }\n}\n\n@media (max-width: 767px) {\n .success-page__info-card {\n padding: 12px;\n }\n\n .processing-container {\n padding: 0 16px;\n }\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { ENUM_INSTALLMENT_MODEL } from '../../../models/enums/installment.enum';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { SESSION_ITEM_TYPE_ENUM } from '../../../models/enums/session.enum';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { formatDateTime } from '../../../utils';\nimport { getAssetURL } from '../../../utils/assets';\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 {\n getInstallmentLabelSummary,\n getRecalculatedInstallmentAmount,\n} from '../../../utils/installment-utils';\nimport { PDFGenerator } from '../../../utils/pdf-generator';\n\n@Component({\n tag: 'success-page',\n styleUrl: 'success-page.css',\n shadow: false,\n})\nexport class CardSuccessPage {\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 = sessionState.currentLocale;\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 unsubscribeCurrentLocaleStore?: () => void;\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 = sessionState?.data?.payment;\n if (!payment) return '';\n\n if ('createdAt' in payment) {\n return payment.createdAt;\n }\n\n return '';\n };\n\n componentWillLoad() {\n this.breakpoint = getBreakpoint(window.innerWidth);\n this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n this.currentLocale = sessionState.currentLocale;\n });\n\n if (sessionState.data?.itemInformation?.redirectSuccess) {\n this.successDisplayTimeout = window.setTimeout(() => {\n this.showRedirectMessage = true;\n this.loadLottieAnimation();\n }, 1500);\n\n setTimeout(() => {\n let redirectUrl = sessionState.data?.itemInformation?.redirectSuccess;\n if (redirectUrl) {\n this.successRedirect.emit({ redirectUrl });\n this.stopLoaderAnimation();\n }\n }, this.timeToRedirect);\n }\n }\n\n componentDidLoad() {\n window.addEventListener('resize', this.handleResize);\n if (!sessionState.data?.itemInformation?.redirectSuccess \|\| this.showRedirectMessage) {\n this.loadLottieAnimation();\n }\n }\n\n disconnectedCallback() {\n if (this.unsubscribeCurrentLocaleStore) {\n this.unsubscribeCurrentLocaleStore();\n }\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 private loadLottieAnimation = async () => {\n try {\n const lottie = await import('lottie-web');\n const animationData = await fetch(getAssetURL(`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(sessionState.data.cardInformation?.brand \|\| ''),\n }),\n ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n cardLastFour: this.cardLastFour ?? sessionState.data.cardInformation?.lastFour,\n }),\n paymentDate: formatDateTime(this.getPaymentDate()) \|\| '',\n email: sessionState?.data?.userInformation?.email \|\| '',\n referenceNumber: this.referenceNumber,\n productTitle: sessionState?.data?.itemInformation?.title \|\| '',\n subtotal: this.getFormattedSubtotal(),\n total: this.getFormattedTotal(),\n currency: sessionState?.data?.pricing?.currency \|\| ' ',\n installments:\n sessionState?.data?.pricing?.installments &&\n sessionState?.data?.cardInformation?.installments?.selectedInstallment\n ? `${getInstallmentLabelSummary(\n sessionState.data?.cardInformation?.installments?.selectedInstallment?.installment,\n getRecalculatedInstallmentAmount(\n sessionState.data?.cardInformation?.installments?.selectedInstallment\n ?.installmentAmount \|\| 0,\n ),\n sessionState.data?.pricing?.currency,\n sessionState.data?.cardInformation?.installments?.selectedInstallment?.cft,\n sessionState.data?.cardInformation?.installments?.selectedInstallment?.model,\n )}\\n( ${I18nService.translate('processing.purchaseTotal')}: ${this.getFormattedTotal()} )${\n sessionState.data.cardInformation?.installments?.installments.find(\n installment =>\n installment.installment ===\n sessionState.data.cardInformation?.installments?.selectedInstallment\n ?.installment,\n )?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED\n ? `\\n${I18nService.translate('installments.interest')}`\n : ''\n }`\n : '',\n discountAmount: this.getFormattedDiscountAmount(),\n trialPeriodDays:\n this.trialPeriodDays \|\| sessionState.data?.itemInformation?.trial?.trialPeriodDays,\n debitDay: this.debitDay \|\| sessionState.data?.itemInformation?.debitDay,\n planAmount: this.getFormattedSubtotal(this.planAmount),\n trialEndDate: this.hasFreeTrial() ? this.getTrialEndDateFormatted() : undefined,\n debitDate: this.hasDebitDay() ? this.getDebitDateFormatted() : undefined,\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 if (sessionState?.data?.pricing?.discountAmount > 0) {\n const formattedAmount = formatAmount(\n sessionState.data?.pricing?.discountAmount,\n sessionState.data?.pricing?.currency,\n );\n return `-${formattedAmount}`;\n }\n return undefined;\n };\n\n private getFormattedSubtotal = (planAmount: number = 0 \|\| null) => {\n return formatAmount(\n planAmount \|\| sessionState?.data?.pricing?.subtotal,\n sessionState?.data?.pricing?.currency,\n );\n };\n\n private getFormattedTotal = () => {\n if (this.trialPeriodDays > 0) {\n return formatAmount(0, sessionState?.data?.pricing?.currency);\n }\n return formatAmount(sessionState?.data?.pricing?.total, sessionState?.data?.pricing?.currency);\n };\n\n private hasFreeTrial = () => {\n return (\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.trial?.trialPeriodDays &&\n sessionState.data?.itemInformation?.trial?.trialPeriodDays > 0\n );\n };\n\n private hasDebitDay = () => {\n const debitDay = sessionState.data?.itemInformation?.debitDay;\n return debitDay && debitDay > 0;\n };\n\n private getTrialEndDateFormatted = () => {\n const trialEndsAt = sessionState.data?.itemInformation?.trial?.trialPeriodEndsAt;\n if (!trialEndsAt) return '';\n\n const date = new Date(trialEndsAt);\n const currentLanguage = I18nService.getCurrentLanguage();\n const locale =\n currentLanguage === 'es' ? 'es-ES' : currentLanguage === 'pt' ? 'pt-BR' : 'en-US';\n\n if (currentLanguage === 'en') {\n return `${date.toLocaleDateString(locale, { month: 'long' })} ${date.getDate()}`;\n } else {\n return `${date.getDate()} de ${date.toLocaleDateString(locale, { month: 'long' })}`;\n }\n };\n\n private getDebitDateFormatted = () => {\n const debitDay = sessionState.data?.itemInformation?.debitDay;\n if (!debitDay \|\| debitDay <= 0) return '';\n\n const today = new Date();\n const targetDate = new Date(today);\n const currentLanguage = I18nService.getCurrentLanguage();\n const locale =\n currentLanguage === 'es' ? 'es-ES' : currentLanguage === 'pt' ? 'pt-BR' : 'en-US';\n if (debitDay < today.getDate()) {\n targetDate.setMonth(today.getMonth() + 1);\n }\n targetDate.setDate(debitDay);\n\n while (targetDate.getDate() !== debitDay) {\n targetDate.setDate(targetDate.getDate() - 1);\n }\n\n if (currentLanguage === 'en') {\n return `${targetDate.toLocaleDateString(locale, { month: 'long' })} ${targetDate.getDate()}`;\n } else {\n return `${targetDate.getDate()} de ${targetDate.toLocaleDateString(locale, { month: 'long' })}`;\n }\n };\n\n private textPaymentMethodCard = () => {\n const cardBrand = sessionState.data?.cardInformation?.brand;\n const cardLastFour = this.cardLastFour \|\| sessionState?.data?.cardInformation?.lastFour;\n\n const formattedBrand = this.applyStartCaseToBrand(cardBrand \|\| '');\n return cardBrand && cardLastFour ? `${formattedBrand} - ${cardLastFour}` : formattedBrand;\n };\n\n render() {\n const hasRedirect = sessionState.data?.itemInformation?.redirectSuccess;\n\n return (\n <rebill-checkout-single-column>\n <div class=\"success-content\">\n <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {hasRedirect && this.showRedirectMessage\n ? I18nService.translate('processing.redirectMessage')\n : I18nService.translate('processing.successTitle')}\n </rebill-typography>\n\n {hasRedirect && this.showRedirectMessage ? (\n <div class=\"redirect-message\">\n <div class=\"lottie-container\">\n <div ref={el => (this.lottieContainer = el)} class=\"lottie-animation\"></div>\n </div>\n </div>\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\n {/* Payment Details Card /}\n <div class=\"success-page__info-card\">\n <div class=\"success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.paymentMethod')}\n </rebill-typography>\n <div class=\"success-page__card-value\">\n <div class=\"payment-method-display\">\n {this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (\n <>\n <rebill-card-icon\n card-brand={sessionState.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={\n getPaymentMethodDisplayName(\n PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n this.country,\n )?.toLowerCase() \|\| 'card'\n }\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 {sessionState?.data?.pricing?.installments &&\n sessionState?.data?.cardInformation?.installments?.selectedInstallment && (\n <div>\n <div class=\"success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('summary.installments')}\n </rebill-typography>\n <div\n style={{\n display: 'flex',\n flexDirection: 'column',\n gap: '10px',\n alignItems: 'end',\n }}\n >\n <rebill-typography\n variant=\"body2\"\n color={COLORS_ENUM.PRIMARY_DARK_TEXT}\n style={{ textAlign: 'end' }}\n >\n {getInstallmentLabelSummary(\n sessionState.data?.cardInformation?.installments?.selectedInstallment\n ?.installment,\n getRecalculatedInstallmentAmount(\n sessionState.data?.cardInformation?.installments?.selectedInstallment\n ?.installmentAmount \|\| 0,\n ),\n sessionState.data?.pricing?.currency,\n sessionState.data?.cardInformation?.installments?.selectedInstallment\n ?.cft,\n sessionState.data?.cardInformation?.installments?.selectedInstallment\n ?.model,\n )}\n </rebill-typography>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {`( ${I18nService.translate('processing.purchaseTotal')}: ${this.getFormattedTotal()} )`}\n </rebill-typography>\n {sessionState.data.cardInformation?.installments?.installments.find(\n installment =>\n installment.installment ===\n sessionState.data.cardInformation?.installments?.selectedInstallment\n ?.installment,\n )?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (\n <rebill-typography\n variant=\"italic\"\n color={COLORS_ENUM.SECONDARY}\n style={{ textAlign: 'end' }}\n >\n {`${I18nService.translate('installments.interest')}`}\n </rebill-typography>\n )}\n </div>\n </div>\n </div>\n )}\n <div class=\"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(\n this.paymentDate \|\| this.getPaymentDate() \|\| sessionState.createdAt,\n ) \|\| ''}\n </rebill-typography>\n </div>\n <div class=\"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 {sessionState?.data?.userInformation?.email}\n </rebill-typography>\n </div>\n <div class=\"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=\"reference-number\"\n >\n {this.referenceNumber \|\| ''}\n </rebill-typography>\n </div>\n </div>\n\n {/ Purchase Details Card /}\n <div class=\"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=\"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 {sessionState?.data?.itemInformation?.title \|\| ''}\n </rebill-typography>\n </div>\n {!this.trialPeriodDays && (\n <div class=\"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 )}\n {sessionState?.data?.pricing?.discountAmount > 0 && (\n <div class=\"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=\"success-page__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 {this.trialPeriodDays > 0 && (\n <div class=\"trial-pill\">\n <rebill-typography\n variant=\"body2\"\n align=\"center\"\n color={COLORS_ENUM.GREEN_TEXT}\n >\n {I18nService.translate('processing.trialPill', {\n days: this.trialPeriodDays,\n count: this.trialPeriodDays,\n })}\n </rebill-typography>\n </div>\n )}\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.getFormattedTotal()}\n </rebill-typography>\n </div>\n </div>\n {(this.trialPeriodDays \|\| this.hasDebitDay()) && (\n <div class=\"success-page__card-divider\"></div>\n )}\n\n {/ Next Charge Section /}\n {(this.hasFreeTrial() \|\| this.hasDebitDay()) && (\n <div class=\"next-charge-section\">\n <div class=\"next-charge-header\">\n <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('processing.nextCharge')}\n </rebill-typography>\n <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('processing.onDate', {\n date: this.hasFreeTrial()\n ? this.getTrialEndDateFormatted()\n : this.getDebitDateFormatted(),\n })}\n </rebill-typography>\n </div>\n <div class=\"success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.hasFreeTrial() ? I18nService.translate('processing.atEndOfTrial') : ''}\n </rebill-typography>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.getFormattedSubtotal(this.planAmount)}{' '}\n {I18nService.translate('processing.perMonth')}\n </rebill-typography>\n </div>\n </div>\n )}\n <div class=\"success-page__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"],"names":["PAYMENT_METHOD_ENUM","sessionState","BREAKPOINT_ENUM","getBreakpoint","SessionStore","getAssetURL","PDFGenerator","formatDateTime","getInstallmentLabelSummary","getRecalculatedInstallmentAmount","I18nService","ENUM_INSTALLMENT_MODEL","formatAmount","SESSION_ITEM_TYPE_ENUM","h","COLORS_ENUM","isBreakpointBelow","getPaymentMethodDisplayName"],"mappings":"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"}

package/dist/collection/components/checkout/card-success-page/success-page.css CHANGED Viewed

@@ -110,7 +110,7 @@ button:hover {
 }
 /* Info Cards */
-.info-card {
+.success-page__info-card {
   padding: 24px;
   gap: 16px;
   width: 100%;
@@ -122,7 +122,7 @@ button:hover {
   box-sizing: border-box;
 }
-.card-row {
+.success-page__card-row {
   display: flex;
   justify-content: space-between;
   align-items: start;
@@ -130,11 +130,11 @@ button:hover {
   gap: 15%;
 }
-.card-row:last-of-type {
+.success-page__card-row:last-of-type {
   margin-bottom: 0;
 }
-.card-value {
+.success-page__card-value {
   display: flex;
   align-items: center;
   gap: 0.5rem;
@@ -168,7 +168,7 @@ button:hover {
   display: block;
 }
-.card-divider {
+.success-page__card-divider {
   height: 1px;
   background: #e5e7eb;
 }
@@ -244,7 +244,7 @@ button:hover {
     margin-right: 16px;
   }
-  .info-card {
+  .success-page__info-card {
     width: 100%;
     max-width: 100%;
     padding: 12px;
@@ -255,7 +255,7 @@ button:hover {
 }
 @media (max-width: 767px) {
-  .info-card {
+  .success-page__info-card {
     padding: 12px;
   }

package/dist/collection/components/checkout/card-success-page/success-page.js CHANGED Viewed

@@ -247,26 +247,26 @@ export class CardSuccessPage {
         const hasRedirect = sessionState.data?.itemInformation?.redirectSuccess;
         return (h("rebill-checkout-single-column", { key: 'd8a814c5353cd2dcaa053ea6c205be11870f7629' }, h("div", { key: '300d2de040e3d30cd48fc33b311b6c068bb5706f', class: "success-content" }, h("rebill-typography", { key: '10bd5be46e1adbd9eb61808ce8e74b5c78d735a8', variant: "h3", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, hasRedirect && this.showRedirectMessage
             ? I18nService.translate('processing.redirectMessage')
-            : I18nService.translate('processing.successTitle')), hasRedirect && this.showRedirectMessage ? (h("div", { class: "redirect-message" }, h("div", { class: "lottie-container" }, h("div", { ref: el => (this.lottieContainer = el), class: "lottie-animation" })))) : (h("div", { class: "success-icon" }, h("svg", { width: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', height: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z", fill: "#35B093" })))), h("div", { key: '8edc86f23dbade40743ea897ad8245da79cd693b', class: "info-card" }, h("div", { key: '2073549702b14faefb4d1703f33b61a6241917b0', class: "card-row" }, h("rebill-typography", { key: '8bfd00b738eca6e29844c1729f9e77c7553ca26b', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentMethod')), h("div", { key: 'e7cd6a08a6d0454faa1786528f9bf205fb904f18', class: "card-value" }, h("div", { key: '43735089b165564e1bf78c6b645d09ca4909fd8f', class: "payment-method-display" }, this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (h(h.Fragment, null, h("rebill-card-icon", { key: '4295a75ad15e4f235592b25ee8ad1c0ec7a12b67', "card-brand": sessionState.data?.cardInformation?.brand || '' }), h("rebill-typography", { key: '0278021e7c3ac767985045f8b4a41325dabccd7b', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.textPaymentMethodCard()))), this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (h("div", { key: 'bd4c711bc5d3958ff620a99c409895a48d58d195', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, h("rebill-icon", { key: '51eee5b6226c21ebc583b5df6f24a78a22a74ca2', name: getPaymentMethodDisplayName(PAYMENT_METHOD_ENUM.BANK_TRANSFER, this.country)?.toLowerCase() || 'card' }), h("rebill-typography", { key: 'cee119901a8af8f7e10c98ea2fa15aa196ea6742', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('paymentMethods.bank_transfer'))))))), sessionState?.data?.pricing?.installments &&
-            sessionState?.data?.cardInformation?.installments?.selectedInstallment && (h("div", { key: '68683469c6394187a8aea13735fdcdcf98a0940f' }, h("div", { key: 'a90ea8bfedda39edfd2349dedb651fafc21d672a', class: "card-row" }, h("rebill-typography", { key: '3845357f007e871538a4b613f54776caf1e8d3ac', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('summary.installments')), h("div", { key: '491c3f62b023d0f6c4bf2be78cd6f6c4db5550e8', style: {
+            : I18nService.translate('processing.successTitle')), hasRedirect && this.showRedirectMessage ? (h("div", { class: "redirect-message" }, h("div", { class: "lottie-container" }, h("div", { ref: el => (this.lottieContainer = el), class: "lottie-animation" })))) : (h("div", { class: "success-icon" }, h("svg", { width: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', height: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z", fill: "#35B093" })))), h("div", { key: 'a4bec3c9deb9d5cc33a104861b4dfd459f698680', class: "success-page__info-card" }, h("div", { key: '8d1d7bacc956826e7d3c17ede9c1881006dd85d6', class: "success-page__card-row" }, h("rebill-typography", { key: '9cefa0019d0b3111bfe4d86e5d45b3be5096a669', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentMethod')), h("div", { key: '0daedd45d705bbf2cc6126978f6940f67c3adfcb', class: "success-page__card-value" }, h("div", { key: '2046c5f0ce8e12b425a682ca7abc39ce1e595e7c', class: "payment-method-display" }, this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (h(h.Fragment, null, h("rebill-card-icon", { key: 'b738832b38e50744656e9fcf45785062c13d9b2b', "card-brand": sessionState.data?.cardInformation?.brand || '' }), h("rebill-typography", { key: 'e9928ed3a6196280a3cb17883ebcd3cc985a2b43', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.textPaymentMethodCard()))), this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (h("div", { key: 'df21f77c4b1029feb215343aeca6c43c12d95fd1', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, h("rebill-icon", { key: '272644ea6337654a62a73b9ade66ab15d7c940c5', name: getPaymentMethodDisplayName(PAYMENT_METHOD_ENUM.BANK_TRANSFER, this.country)?.toLowerCase() || 'card' }), h("rebill-typography", { key: 'd7240cbef960d4dc28fcd0d0f3e2f2336739c752', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('paymentMethods.bank_transfer'))))))), sessionState?.data?.pricing?.installments &&
+            sessionState?.data?.cardInformation?.installments?.selectedInstallment && (h("div", { key: '5fe838e33d7f75f91c86c2849224ef2a49342b81' }, h("div", { key: '1aa1b037dcd780c009499ee09df50e68b76df935', class: "success-page__card-row" }, h("rebill-typography", { key: '3e907c933564379479f9ca2acf271916c2bc4928', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('summary.installments')), h("div", { key: 'b0ab2acd74e05f95838de8f6b7d61625fe764d4a', style: {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '10px',
                 alignItems: 'end',
-            } }, h("rebill-typography", { key: 'e258fcdcb9e0e06f64d33d27260e0197f87aeeaf', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT, style: { textAlign: 'end' } }, getInstallmentLabelSummary(sessionState.data?.cardInformation?.installments?.selectedInstallment
+            } }, h("rebill-typography", { key: 'f61f0a2f3d005fa52cff9c17cadf02ef11b1322d', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT, style: { textAlign: 'end' } }, getInstallmentLabelSummary(sessionState.data?.cardInformation?.installments?.selectedInstallment
             ?.installment, getRecalculatedInstallmentAmount(sessionState.data?.cardInformation?.installments?.selectedInstallment
             ?.installmentAmount || 0), sessionState.data?.pricing?.currency, sessionState.data?.cardInformation?.installments?.selectedInstallment
             ?.cft, sessionState.data?.cardInformation?.installments?.selectedInstallment
-            ?.model)), h("rebill-typography", { key: 'e9c303c18a41de83c37d8bdea0f5641039d337ea', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, `( ${I18nService.translate('processing.purchaseTotal')}: ${this.getFormattedTotal()} )`), sessionState.data.cardInformation?.installments?.installments.find(installment => installment.installment ===
+            ?.model)), h("rebill-typography", { key: '0f42f8250afec3d6b3a79b12a538e27c68fe11dc', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, `( ${I18nService.translate('processing.purchaseTotal')}: ${this.getFormattedTotal()} )`), sessionState.data.cardInformation?.installments?.installments.find(installment => installment.installment ===
             sessionState.data.cardInformation?.installments?.selectedInstallment
-                ?.installment)?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (h("rebill-typography", { key: '02cef8ae90997f867dc52cdd9644aed6e24866a7', variant: "italic", color: COLORS_ENUM.SECONDARY, style: { textAlign: 'end' } }, `${I18nService.translate('installments.interest')}`)))))), h("div", { key: '3b95e90ec6dc95ab798172cdd1cf843de43ded7d', class: "card-row" }, h("rebill-typography", { key: '3ab957a6cc4e5927201aa1e823b9e3680b8e7704', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentDate')), h("rebill-typography", { key: '700d9713d6cb5d93b7c874477644b5acda6d14c3', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatDateTime(this.paymentDate || this.getPaymentDate() || sessionState.createdAt) || '')), h("div", { key: 'c2d955faefbe086b5f5bcc492981f71db01469ac', class: "card-row" }, h("rebill-typography", { key: 'fdca97a647735ad51523965f9f3470c7d8b7f74a', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentEmail')), h("rebill-typography", { key: '5207b7919467c19b78779b6f67e4832ef776f5cb', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, sessionState?.data?.userInformation?.email)), h("div", { key: '7eddb8220b45e4897cfa1c4f088ac47ca1c451ab', class: "card-row" }, h("rebill-typography", { key: 'b13c5ebd52fd9099fb736c6dada79b8b94f5d847', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentReference')), h("rebill-typography", { key: '2da8c0b78a61965cda1dc78fe7e3ef4c9c61720b', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT, class: "reference-number" }, this.referenceNumber || ''))), h("div", { key: '4535a4b39656f821d12b2eee79b3533f12017e6e', class: "info-card" }, h("rebill-typography", { key: '759967e86e0151a4eef36a664ff1d204fcdfdbbd', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.purchaseDetails')), h("div", { key: '13574f086265af373b8ad2dc2139b4e8909ed2d1', class: "card-row" }, h("rebill-typography", { key: '6259479a9f8e35903585a5d2af621a8ea9cbd7ae', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseDetail')), h("rebill-typography", { key: '2c22af2aebe27448c9d94583dad20d75371874db', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, sessionState?.data?.itemInformation?.title || '')), !this.trialPeriodDays && (h("div", { key: 'e9a991e78263d629d99a100b589327c08098695d', class: "card-row" }, h("rebill-typography", { key: 'cdae24e2d3cea6151eb4111ac3aea7873463fe51', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseSubtotal')), h("rebill-typography", { key: 'fe17633ca12d91450f1db7c312adcd7667162a2d', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedSubtotal()))), sessionState?.data?.pricing?.discountAmount > 0 && (h("div", { key: 'ea395324305ff5f62aff7abc865d17d1aa6370ec', class: "card-row" }, h("rebill-typography", { key: 'daf4c811790754a23e8589524fd32b3c22092212', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('summary.discount')), h("rebill-typography", { key: '8112ed5dde9a68a3566e637756dc88f1d9e12426', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedDiscountAmount()))), h("div", { key: '87a970a1cbb34c19baad69e53d9ad8a0fc038509', class: "card-row" }, h("rebill-typography", { key: '41f390483f7cca2a71e036d7292c73201bbcf408', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseMontoTotal')), h("div", { key: '0c76433af8d39fe1b443b0903c003dcf8366868a', class: "total-amount-container" }, this.trialPeriodDays > 0 && (h("div", { key: '3e8eb8fd520091299787d578b11db7384e2e03ac', class: "trial-pill" }, h("rebill-typography", { key: 'fda9bae9ee798a2ca2ab8ff4594571c00f059397', variant: "body2", align: "center", color: COLORS_ENUM.GREEN_TEXT }, I18nService.translate('processing.trialPill', {
+                ?.installment)?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (h("rebill-typography", { key: 'e60b60dd9d4140f0f68ac9337c4eeaeb16307e81', variant: "italic", color: COLORS_ENUM.SECONDARY, style: { textAlign: 'end' } }, `${I18nService.translate('installments.interest')}`)))))), h("div", { key: '0e16ac8326cd0542e8656593746fe2ab2c7394ed', class: "success-page__card-row" }, h("rebill-typography", { key: '509f8b0a04aba8edefdf3da8e0f9039d3be47878', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentDate')), h("rebill-typography", { key: 'b3727f8eaab806ccecf422418c5d527ae18bfb31', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatDateTime(this.paymentDate || this.getPaymentDate() || sessionState.createdAt) || '')), h("div", { key: 'acf55b48d33c73b0fb1d5f8e68672ea2e33c7fbe', class: "success-page__card-row" }, h("rebill-typography", { key: 'd2c0becdd3096cfc995e7258f0c6741dbaaa5b28', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentEmail')), h("rebill-typography", { key: 'cd337abb3b8828129bf109875c3927ab5a76b507', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, sessionState?.data?.userInformation?.email)), h("div", { key: '7c78a3fc52c5c7966a5d1be7b2027f2e64893fa1', class: "success-page__card-row" }, h("rebill-typography", { key: 'd1097bda8329b97e7e19e15cf05c923899305723', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentReference')), h("rebill-typography", { key: '0fe00585bc2b97f58e43e9647c31a38aa376b617', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT, class: "reference-number" }, this.referenceNumber || ''))), h("div", { key: 'c9ce7fc78430de6ea3ed77a485832c2714cdfcfa', class: "success-page__info-card" }, h("rebill-typography", { key: 'f60ea9706de5730c2c6919b0cef92f545d80cce7', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.purchaseDetails')), h("div", { key: '65f24003ad3dad665b9c1ad1f09558caf43acaae', class: "success-page__card-row" }, h("rebill-typography", { key: 'f32902e2254725cc4b7788f70ef2fda36767676b', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseDetail')), h("rebill-typography", { key: '4ae4fed51cd2a89cdfc2b0e6c86336a5c39de38b', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, sessionState?.data?.itemInformation?.title || '')), !this.trialPeriodDays && (h("div", { key: 'feb4816ba4e9d2fe8e852be99e1af07567eb704e', class: "success-page__card-row" }, h("rebill-typography", { key: 'd54c1b908a56af924dd93fcb32ece6dfecf88931', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseSubtotal')), h("rebill-typography", { key: '3a1d7af2bc28ae18efaedf5fb9d0489ab9ef295c', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedSubtotal()))), sessionState?.data?.pricing?.discountAmount > 0 && (h("div", { key: 'e65e71710d6cd3c937f6aaf096543e496b1e2325', class: "success-page__card-row" }, h("rebill-typography", { key: 'a1a46e9e2b0f52c4cc8cdce002aaa1772c9ff696', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('summary.discount')), h("rebill-typography", { key: '1af958f8c84761da45f0c3f20e172e8553006896', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedDiscountAmount()))), h("div", { key: '9daf0cd1ba58159973ebb43bf9a54e27a4d2507b', class: "success-page__card-row" }, h("rebill-typography", { key: '14d4365b7f5c4db15a2779e6d460293a2f0bddcb', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseMontoTotal')), h("div", { key: '688710a4705697093b56c93b2c88ea67d44f2e60', class: "total-amount-container" }, this.trialPeriodDays > 0 && (h("div", { key: '9e387c929f2e52effcdc8a04985f7813af8e84e4', class: "trial-pill" }, h("rebill-typography", { key: 'f98ea49edec24bccad87ff8c142914c7ce4eee7b', variant: "body2", align: "center", color: COLORS_ENUM.GREEN_TEXT }, I18nService.translate('processing.trialPill', {
             days: this.trialPeriodDays,
             count: this.trialPeriodDays,
-        })))), h("rebill-typography", { key: 'ac783c2d0e2fa3dd7291ca76d9b6d6039ae616ae', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedTotal()))), (this.trialPeriodDays || this.hasDebitDay()) && h("div", { key: '3bf3d9231d94c178a645eff20f8bfe57ab1c32fd', class: "card-divider" }), (this.hasFreeTrial() || this.hasDebitDay()) && (h("div", { key: '2731602e0f42a0d5ea8b65763856e294bb9db328', class: "next-charge-section" }, h("div", { key: 'c0e72b6515642bb4cc9761f147638f48f44f79bc', class: "next-charge-header" }, h("rebill-typography", { key: '70d2909338d3b911a1921c988a3889f104caa394', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.nextCharge')), h("rebill-typography", { key: '322dd7e33f1d076f0082ab6203c14cd0f11ed770', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.onDate', {
+        })))), h("rebill-typography", { key: 'bd7340197baddea2e7131074841caec3ab1cc1d4', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedTotal()))), (this.trialPeriodDays || this.hasDebitDay()) && (h("div", { key: 'bb8305da72fe5f3a93f9350f1c60058d32734e21', class: "success-page__card-divider" })), (this.hasFreeTrial() || this.hasDebitDay()) && (h("div", { key: 'cb25a584c12fe4540c94e0d6c6256e54d3521f4e', class: "next-charge-section" }, h("div", { key: '0e3a9c7d5b719f09476a1f44c783144f28169a85', class: "next-charge-header" }, h("rebill-typography", { key: '4651348020cfbfaf44e70ea381a07f363a0a991a', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.nextCharge')), h("rebill-typography", { key: 'a42507762f10f315c17a033dab4648f37eb46706', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.onDate', {
             date: this.hasFreeTrial()
                 ? this.getTrialEndDateFormatted()
                 : this.getDebitDateFormatted(),
-        }))), h("div", { key: 'a3a8a56842225c57dd3f62ad0821b24b68ad0c21', class: "card-row" }, h("rebill-typography", { key: 'cc6b3580960e72bbaf299f1e741e99cebb4d8e9e', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.hasFreeTrial() ? I18nService.translate('processing.atEndOfTrial') : ''), h("rebill-typography", { key: '2e0eb39c3f7e5a3fe7f3c0a88a3554633795f29c', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedSubtotal(this.planAmount), ' ', I18nService.translate('processing.perMonth'))))), h("div", { key: '5b28ad767c43b723895f5fa90c33ac2a26b04135', class: "card-divider" }), h("div", { key: 'ff69f73a10dda77ba6fe3a4405f06fe6f4ca12bc', class: "download-container" }, h("svg", { key: '7f366f2e9d37f23188b917b7022f7e3026603228', class: "download-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a22fadfdcd5006bff972e80b23519a6c112c72d1', d: "M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("rebill-button", { key: '6f240c860e32c98944ebed7c3bc5a70cb5c3714a', type: "button", variant: "download", size: "small", onClick: this.handleDownloadReceipt }, h("rebill-typography", { key: '8015653a78b2a79862260f81808841b7d4841cb3', variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.download')))), h("div", { key: '693657a8535237ef2c1970654e897e5941df31af', class: "contact-info" }, h("rebill-typography", { key: '3d09786f701394d19cde823a2832bf27d3fd93a1', variant: "information-text", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.downloadDescription')))))));
+        }))), h("div", { key: '073b8086746ac54925028f40dcb6cc0388dc29d5', class: "success-page__card-row" }, h("rebill-typography", { key: 'f678239b390132e31e1a1992ce61899253ff7063', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.hasFreeTrial() ? I18nService.translate('processing.atEndOfTrial') : ''), h("rebill-typography", { key: 'e3f59ea087b8fc704ae12b124e23835dee0f2e06', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedSubtotal(this.planAmount), ' ', I18nService.translate('processing.perMonth'))))), h("div", { key: '7da44a91e541f2cad30c231165dfeb93a6fd5f4c', class: "success-page__card-divider" }), h("div", { key: 'e0a328dd5e648474b89799c18083194c0f2ca4a8', class: "download-container" }, h("svg", { key: 'fbcbca40ea633f280a02307e356198d9cfe0d629', class: "download-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a1c03674854d117ea948858b0994eddacdadde0b', d: "M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("rebill-button", { key: '434daabf2474882e211250ee56d03ed2a496adaf', type: "button", variant: "download", size: "small", onClick: this.handleDownloadReceipt }, h("rebill-typography", { key: 'b64910c30d0f64d83cac260a97409ce5a482176d', variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.download')))), h("div", { key: '2c2f930b614ac9194f7f496c1226ba724eb8c331', class: "contact-info" }, h("rebill-typography", { key: 'ffa8eb7284f57679d5e9725393c650c112680b98', variant: "information-text", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.downloadDescription')))))));
     }
     static get is() { return "success-page"; }
     static get originalStyleUrls() {