rebill-web-components-sdk 1.8.10 → 1.8.11
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.
- package/dist/cjs/apm-checkout_19.cjs.entry.js +1 -1
- package/dist/cjs/{index-B3Laezx8.js → index-DLWPfXe-.js} +3 -3
- package/dist/cjs/{index-B3Laezx8.js.map → index-DLWPfXe-.js.map} +1 -1
- package/dist/cjs/{jspdf.es.min-ByYxEd9e.js → jspdf.es.min-BoQioi3m.js} +4 -4
- package/dist/cjs/{jspdf.es.min-ByYxEd9e.js.map → jspdf.es.min-BoQioi3m.js.map} +1 -1
- package/dist/cjs/otp-component_7.cjs.entry.js +1 -1
- package/dist/cjs/{pdf-generator-CuE412-Z.js → pdf-generator-zX0ZE6Aa.js} +7 -7
- package/dist/{esm/pdf-generator-snBLBL7p.js.map → cjs/pdf-generator-zX0ZE6Aa.js.map} +1 -1
- package/dist/cjs/renewal-success-page_2.cjs.entry.js +1 -1
- package/dist/collection/utils/download-template.js +3 -3
- package/dist/collection/utils/download-template.js.map +1 -1
- package/dist/components/apm-checkout.js +1 -1
- package/dist/components/apm-download.js +1 -1
- package/dist/components/{p-DfK-jtq1.js → p-B1Jt4Nzk.js} +3 -3
- package/dist/components/{p-DfK-jtq1.js.map → p-B1Jt4Nzk.js.map} +1 -1
- package/dist/components/{p-B05hShHO.js → p-BFKOns7K.js} +4 -4
- package/dist/components/{p-B05hShHO.js.map → p-BFKOns7K.js.map} +1 -1
- package/dist/components/{p-DmzNVDlw.js → p-BIat5a1z.js} +3 -3
- package/dist/components/{p-DmzNVDlw.js.map → p-BIat5a1z.js.map} +1 -1
- package/dist/components/{p-BYXzf-S2.js → p-BP8l8kwZ.js} +7 -7
- package/dist/components/{p-BYXzf-S2.js.map → p-BP8l8kwZ.js.map} +1 -1
- package/dist/components/{p-TnX37Ths.js → p-Buh4lAbF.js} +3 -3
- package/dist/components/{p-TnX37Ths.js.map → p-Buh4lAbF.js.map} +1 -1
- package/dist/components/{p-do9ScsKB.js → p-CSqJ7ePk.js} +3 -3
- package/dist/components/{p-do9ScsKB.js.map → p-CSqJ7ePk.js.map} +1 -1
- package/dist/components/{p-D96If9jd.js → p-KfcaXfJX.js} +3 -3
- package/dist/components/{p-D96If9jd.js.map → p-KfcaXfJX.js.map} +1 -1
- package/dist/components/rebill-checkout.js +3 -3
- package/dist/components/rebill-renewal.js +3 -3
- package/dist/components/renewal-success-page.js +1 -1
- package/dist/components/success-page.js +1 -1
- package/dist/esm/apm-checkout_19.entry.js +1 -1
- package/dist/esm/{index-Dbv9TW_F.js → index-CymF2J-m.js} +3 -3
- package/dist/esm/{index-Dbv9TW_F.js.map → index-CymF2J-m.js.map} +1 -1
- package/dist/esm/{jspdf.es.min-Cshxy1Va.js → jspdf.es.min-CDCJH4OD.js} +4 -4
- package/dist/esm/{jspdf.es.min-Cshxy1Va.js.map → jspdf.es.min-CDCJH4OD.js.map} +1 -1
- package/dist/esm/otp-component_7.entry.js +1 -1
- package/dist/esm/{pdf-generator-snBLBL7p.js → pdf-generator-B4NHkX8z.js} +7 -7
- package/dist/{cjs/pdf-generator-CuE412-Z.js.map → esm/pdf-generator-B4NHkX8z.js.map} +1 -1
- package/dist/esm/renewal-success-page_2.entry.js +1 -1
- package/dist/rebill-web-components-sdk/{p-50dad6ef.entry.js → p-3af0544a.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-CbbYM1HT.js → p-CBIvw8lr.js} +5 -5
- package/dist/rebill-web-components-sdk/{p-CbbYM1HT.js.map → p-CBIvw8lr.js.map} +1 -1
- package/dist/rebill-web-components-sdk/{p-HVtQDxzl.js → p-DLk0jy5R.js} +9 -9
- package/dist/rebill-web-components-sdk/{p-HVtQDxzl.js.map → p-DLk0jy5R.js.map} +1 -1
- package/dist/rebill-web-components-sdk/{p-7195af41.entry.js → p-c41119c0.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-BsxJk8cY.js → p-cHVoxSaG.js} +4 -4
- package/dist/rebill-web-components-sdk/{p-BsxJk8cY.js.map → p-cHVoxSaG.js.map} +1 -1
- package/dist/rebill-web-components-sdk/{p-b77a2a72.entry.js → p-d99d4450.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/rebill-web-components-sdk.esm.js +1 -1
- package/package.json +1 -1
- /package/dist/rebill-web-components-sdk/{p-50dad6ef.entry.js.map → p-3af0544a.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-7195af41.entry.js.map → p-c41119c0.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-b77a2a72.entry.js.map → p-d99d4450.entry.js.map} +0 -0
|
@@ -4,7 +4,7 @@ import { r as renewalState } from './p-CIJ_urmV.js';
|
|
|
4
4
|
import { B as BREAKPOINT_ENUM, g as getBreakpoint, i as isBreakpointBelow } from './p-Do_vNuMa.js';
|
|
5
5
|
import { C as COLORS_ENUM } from './p-DA598vBj.js';
|
|
6
6
|
import { g as getCountryPaymentMethods } from './p-BXbwokPV.js';
|
|
7
|
-
import { P as PDFGenerator } from './p-
|
|
7
|
+
import { P as PDFGenerator } from './p-BP8l8kwZ.js';
|
|
8
8
|
import { d as defineCustomElement$8 } from './p-DPNVk29S.js';
|
|
9
9
|
import { d as defineCustomElement$7 } from './p-BZuisTcJ.js';
|
|
10
10
|
import { d as defineCustomElement$6 } from './p-N5kDm5Y3.js';
|
|
@@ -290,6 +290,6 @@ function defineCustomElement() {
|
|
|
290
290
|
defineCustomElement();
|
|
291
291
|
|
|
292
292
|
export { RenewalSuccessPage as R, defineCustomElement as d };
|
|
293
|
-
//# sourceMappingURL=p-
|
|
293
|
+
//# sourceMappingURL=p-CSqJ7ePk.js.map
|
|
294
294
|
|
|
295
|
-
//# sourceMappingURL=p-
|
|
295
|
+
//# sourceMappingURL=p-CSqJ7ePk.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-do9ScsKB.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/renewal/renewal-success-page/renewal-success-page.css?tag=renewal-success-page","src/components/renewal/renewal-success-page/renewal-success-page.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n/* Success View Styles */\n.renewal-success-page__success-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n width: 100%;\n overflow-x: hidden;\n box-sizing: border-box;\n}\n\n/* Eliminar márgenes del h3 en el componente de éxito */\n.renewal-success-page__success-content rebill-typography[variant='h3'] {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.renewal-success-page__success-icon {\n display: flex;\n justify-content: center;\n margin: 0.5rem 0;\n}\n\n/* Info Cards */\n.renewal-success-page__info-card {\n padding: 24px;\n gap: 16px;\n width: 100%;\n max-width: 450px;\n border: 1px solid #ebedef;\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n.renewal-success-page__card-row {\n display: flex;\n justify-content: space-between;\n align-items: start;\n min-height: 20px;\n gap: 15%;\n}\n\n.renewal-success-page__card-row:last-of-type {\n margin-bottom: 0;\n}\n\n.renewal-success-page__card-value {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.renewal-success-page__payment-method-display {\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: center;\n}\n\n.renewal-success-page__payment-method-display rebill-card-icon {\n display: inline-block;\n flex-shrink: 0;\n margin-right: 8px;\n vertical-align: middle;\n}\n\n.renewal-success-page__payment-method-display rebill-card-icon svg {\n display: block;\n}\n\n.renewal-success-page__payment-method-display rebill-icon {\n display: inline-block;\n vertical-align: middle;\n margin-right: 8px;\n}\n\n.renewal-success-page__payment-method-display rebill-icon div {\n display: block;\n}\n\n.renewal-success-page__card-divider {\n height: 1px;\n background: #e5e7eb;\n}\n\n.renewal-success-page__download-container {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 2px;\n text-decoration: none;\n cursor: pointer;\n}\n\n.renewal-success-page__contact-info {\n text-align: left;\n}\n\n.renewal-success-page__reference-number {\n word-break: break-all;\n overflow-wrap: break-word;\n hyphens: auto;\n max-width: 100%;\n text-align: right;\n}\n\n.renewal-success-page__total-amount-container {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n flex-direction: row;\n}\n\n/* Responsive Styles */\n@media (max-width: 1024px) {\n .renewal-success-page__success-content {\n max-width: 100%;\n gap: 1.5rem;\n margin-left: 16px;\n margin-right: 16px;\n }\n\n .renewal-success-page__info-card {\n width: 100%;\n max-width: 100%;\n padding: 12px;\n }\n}\n\n@media (max-width: 767px) {\n .renewal-success-page__info-card {\n padding: 12px;\n }\n}\n","import { Component, Event, EventEmitter, getAssetPath, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { renewalState } from '../../../store/renewal.store';\nimport { formatDateTime } from '../../../utils';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { getCountryPaymentMethods } from '../../../utils/countries-payment-methods';\nimport { formatAmount } from '../../../utils/currency-formatter';\nimport { PDFGenerator } from '../../../utils/pdf-generator';\n\n@Component({\n tag: 'renewal-success-page',\n styleUrl: 'renewal-success-page.css',\n shadow: false,\n})\nexport class RenewalSuccessPage {\n @Prop() typePaymentMethod: PAYMENT_METHOD_ENUM = PAYMENT_METHOD_ENUM.CARD;\n @Prop() country?: string = '';\n @Prop() bank?: string = '';\n @Prop() paymentMethodName?: string = '';\n @Prop() cardLastFour?: string = '';\n @Prop() paymentDate: string = '';\n @Prop() referenceNumber: string = '';\n @Prop() trialPeriodDays?: number = 0;\n @Prop() debitDay?: number = 0;\n @Prop() planAmount?: number = 0;\n @State() currentLocale: string = 'es';\n @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n\n @Event() successRedirect: EventEmitter<any>;\n @State() loaderProgress: number = 0;\n @State() isLoadingLottie: boolean = true;\n @State() showRedirectMessage: boolean = false;\n @Prop() timeToRedirect: number = 3000;\n private progressInterval?: number;\n private lottieContainer?: HTMLElement;\n private lottieAnimation?: any;\n private successDisplayTimeout?: number;\n\n private applyStartCaseToBrand = (brand: string): string => {\n if (!brand) return '';\n\n return brand\n .toLowerCase()\n .split(/[\\s-]+/)\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ');\n };\n\n private getPaymentMethodConfig(method: PAYMENT_METHOD_ENUM) {\n const countryPaymentMethods = this.country ? getCountryPaymentMethods(this.country) : null;\n\n const countrySpecificMethod = countryPaymentMethods?.find(pm => pm.type === method);\n\n // Default configurations (fallback)\n const defaultConfigs = {\n [PAYMENT_METHOD_ENUM.CARD]: {\n key: PAYMENT_METHOD_ENUM.CARD,\n label: I18nService.translate('paymentMethods.card'),\n icons: ['card'],\n },\n [PAYMENT_METHOD_ENUM.CASH]: {\n key: PAYMENT_METHOD_ENUM.CASH,\n label: I18nService.translate('paymentMethods.cash'),\n icons: ['pago-facil'],\n },\n [PAYMENT_METHOD_ENUM.BANK_TRANSFER]: {\n key: PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n label: I18nService.translate('paymentMethods.bank_transfer'),\n icons: ['plus'],\n },\n };\n\n const defaultConfig = defaultConfigs[method];\n\n // If we have country-specific icons, use them; otherwise use defaults\n return {\n ...defaultConfig,\n icons: countrySpecificMethod?.icons || defaultConfig.icons,\n };\n }\n\n private getPaymentDate = (): string => {\n // Usar el parámetro paymentDate que viene del renewal principal\n return this.paymentDate || '';\n };\n\n componentWillLoad() {\n this.breakpoint = getBreakpoint(window.innerWidth);\n\n // Para renewal, no hay redirect por defecto, pero podríamos agregarlo si es necesario\n if (this.showRedirectMessage) {\n this.successDisplayTimeout = window.setTimeout(() => {\n this.showRedirectMessage = true;\n this.loadLottieAnimation();\n }, 1500);\n\n setTimeout(() => {\n // Aquí podrías agregar lógica de redirect si es necesaria\n this.stopLoaderAnimation();\n }, this.timeToRedirect);\n }\n }\n\n componentDidLoad() {\n window.addEventListener('resize', this.handleResize);\n if (!this.showRedirectMessage) {\n this.loadLottieAnimation();\n }\n }\n\n disconnectedCallback() {\n if (this.successDisplayTimeout) {\n clearTimeout(this.successDisplayTimeout);\n }\n window.removeEventListener('resize', this.handleResize);\n this.stopLoaderAnimation();\n }\n\n private handleResize = () => {\n this.breakpoint = getBreakpoint(window.innerWidth);\n };\n\n private loadLottieAnimation = async () => {\n try {\n const lottie = await import('lottie-web');\n const animationData = await fetch(getAssetPath(`./assets/loader-redirect1.json`));\n const animationJson = await animationData.json();\n\n if (this.lottieContainer) {\n this.lottieAnimation = lottie.default.loadAnimation({\n container: this.lottieContainer,\n renderer: 'svg',\n loop: true,\n autoplay: true,\n animationData: animationJson,\n });\n } else {\n this.startLoaderAnimation();\n }\n } catch (error) {\n this.startLoaderAnimation();\n }\n };\n\n private startLoaderAnimation = () => {\n const duration = 3000;\n const interval = 50;\n const increment = (interval / duration) * 100;\n\n this.progressInterval = window.setInterval(() => {\n this.loaderProgress = Math.min(this.loaderProgress + increment, 100);\n if (this.loaderProgress >= 100) {\n this.stopLoaderAnimation();\n }\n }, interval);\n };\n\n private stopLoaderAnimation = () => {\n if (this.progressInterval) {\n clearInterval(this.progressInterval);\n this.progressInterval = undefined;\n }\n if (this.lottieAnimation) {\n this.lottieAnimation.destroy();\n this.lottieAnimation = undefined;\n }\n };\n\n private handleDownloadReceipt = async () => {\n try {\n await PDFGenerator.generateAndDownloadReceipt({\n paymentMethod:\n this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD\n ? this.textPaymentMethodCard()\n : this.paymentMethodName,\n ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && { bank: this.bank }),\n ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n cardBrand: this.applyStartCaseToBrand(renewalState.data.cardInformation?.brand || ''),\n }),\n ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n cardLastFour: this.cardLastFour ?? renewalState.data.cardInformation?.lastFour,\n }),\n paymentDate:\n formatDateTime(this.getPaymentDate()) || formatDateTime(new Date().toISOString()),\n email: renewalState.data.subscription.customerEmail || '',\n referenceNumber: this.referenceNumber,\n productTitle: renewalState.data.subscription.name[0]?.text || 'Subscription',\n subtotal: this.getFormattedSubtotal(),\n total: this.getFormattedTotal(),\n currency: (renewalState.data.price.currency as any) || ' ',\n discountAmount: this.getFormattedDiscountAmount(),\n trialPeriodDays: this.trialPeriodDays,\n debitDay: this.debitDay,\n planAmount: this.getFormattedSubtotal(this.planAmount),\n isBankTransfer: this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n });\n } catch (error) {\n console.error('Error downloading receipt:', error);\n }\n };\n\n private 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=\"renewal-success-page__success-content\">\n <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('processing.successTitle')}\n </rebill-typography>\n\n <div class=\"renewal-success-page__success-icon\">\n <svg\n width={isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96'}\n height={isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96'}\n viewBox=\"0 0 96 96\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z\"\n fill=\"#35B093\"\n />\n </svg>\n </div>\n\n {/* Payment Details Card */}\n <div class=\"renewal-success-page__info-card\">\n <div class=\"renewal-success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.paymentMethod')}\n </rebill-typography>\n <div class=\"renewal-success-page__card-value\">\n <div class=\"renewal-success-page__payment-method-display\">\n {this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (\n <>\n <rebill-card-icon\n card-brand={renewalState.data?.cardInformation?.brand || ''}\n />\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.textPaymentMethodCard()}\n </rebill-typography>\n </>\n )}\n {this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (\n <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n {this.getPaymentMethodConfig(PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(\n iconName => {\n return <rebill-icon name={iconName} size=\"24px\" />;\n },\n )}\n </div>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('paymentMethods.bank_transfer')}\n </rebill-typography>\n </div>\n )}\n </div>\n </div>\n </div>\n <div class=\"renewal-success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.paymentDate')}\n </rebill-typography>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {formatDateTime(this.paymentDate || this.getPaymentDate()) || ''}\n </rebill-typography>\n </div>\n <div class=\"renewal-success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.paymentEmail')}\n </rebill-typography>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {renewalState.data.subscription.customerEmail}\n </rebill-typography>\n </div>\n <div class=\"renewal-success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.paymentReference')}\n </rebill-typography>\n <rebill-typography\n variant=\"body2\"\n color={COLORS_ENUM.PRIMARY_DARK_TEXT}\n class=\"renewal-success-page__reference-number\"\n >\n {this.referenceNumber || ''}\n </rebill-typography>\n </div>\n </div>\n\n {/* Purchase Details Card */}\n <div class=\"renewal-success-page__info-card\">\n <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('processing.purchaseDetails')}\n </rebill-typography>\n <div class=\"renewal-success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.purchaseDetail')}\n </rebill-typography>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {renewalState.data.subscription.name[0]?.text || 'Subscription'}\n </rebill-typography>\n </div>\n <div class=\"renewal-success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.purchaseSubtotal')}\n </rebill-typography>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.getFormattedSubtotal()}\n </rebill-typography>\n </div>\n <div class=\"renewal-success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.purchaseMontoTotal')}\n </rebill-typography>\n <div class=\"renewal-success-page__total-amount-container\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.getFormattedTotal()}\n </rebill-typography>\n </div>\n </div>\n <div class=\"renewal-success-page__card-divider\"></div>\n <div class=\"renewal-success-page__download-container\">\n <svg\n class=\"download-icon\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n <rebill-button\n type=\"button\"\n variant=\"download\"\n size=\"small\"\n onClick={this.handleDownloadReceipt}\n >\n <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('processing.download')}\n </rebill-typography>\n </rebill-button>\n </div>\n\n {/* Contact Info */}\n <div class=\"renewal-success-page__contact-info\">\n <rebill-typography variant=\"information-text\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.downloadDescription')}\n </rebill-typography>\n </div>\n </div>\n </div>\n </rebill-checkout-single-column>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-CSqJ7ePk.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/renewal/renewal-success-page/renewal-success-page.css?tag=renewal-success-page","src/components/renewal/renewal-success-page/renewal-success-page.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n/* Success View Styles */\n.renewal-success-page__success-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 1rem;\n width: 100%;\n overflow-x: hidden;\n box-sizing: border-box;\n}\n\n/* Eliminar márgenes del h3 en el componente de éxito */\n.renewal-success-page__success-content rebill-typography[variant='h3'] {\n margin: 0 !important;\n padding: 0 !important;\n}\n\n.renewal-success-page__success-icon {\n display: flex;\n justify-content: center;\n margin: 0.5rem 0;\n}\n\n/* Info Cards */\n.renewal-success-page__info-card {\n padding: 24px;\n gap: 16px;\n width: 100%;\n max-width: 450px;\n border: 1px solid #ebedef;\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n.renewal-success-page__card-row {\n display: flex;\n justify-content: space-between;\n align-items: start;\n min-height: 20px;\n gap: 15%;\n}\n\n.renewal-success-page__card-row:last-of-type {\n margin-bottom: 0;\n}\n\n.renewal-success-page__card-value {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.renewal-success-page__payment-method-display {\n display: flex;\n align-items: center;\n gap: 8px;\n justify-content: center;\n}\n\n.renewal-success-page__payment-method-display rebill-card-icon {\n display: inline-block;\n flex-shrink: 0;\n margin-right: 8px;\n vertical-align: middle;\n}\n\n.renewal-success-page__payment-method-display rebill-card-icon svg {\n display: block;\n}\n\n.renewal-success-page__payment-method-display rebill-icon {\n display: inline-block;\n vertical-align: middle;\n margin-right: 8px;\n}\n\n.renewal-success-page__payment-method-display rebill-icon div {\n display: block;\n}\n\n.renewal-success-page__card-divider {\n height: 1px;\n background: #e5e7eb;\n}\n\n.renewal-success-page__download-container {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 2px;\n text-decoration: none;\n cursor: pointer;\n}\n\n.renewal-success-page__contact-info {\n text-align: left;\n}\n\n.renewal-success-page__reference-number {\n word-break: break-all;\n overflow-wrap: break-word;\n hyphens: auto;\n max-width: 100%;\n text-align: right;\n}\n\n.renewal-success-page__total-amount-container {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n flex-direction: row;\n}\n\n/* Responsive Styles */\n@media (max-width: 1024px) {\n .renewal-success-page__success-content {\n max-width: 100%;\n gap: 1.5rem;\n margin-left: 16px;\n margin-right: 16px;\n }\n\n .renewal-success-page__info-card {\n width: 100%;\n max-width: 100%;\n padding: 12px;\n }\n}\n\n@media (max-width: 767px) {\n .renewal-success-page__info-card {\n padding: 12px;\n }\n}\n","import { Component, Event, EventEmitter, getAssetPath, h, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { renewalState } from '../../../store/renewal.store';\nimport { formatDateTime } from '../../../utils';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { getCountryPaymentMethods } from '../../../utils/countries-payment-methods';\nimport { formatAmount } from '../../../utils/currency-formatter';\nimport { PDFGenerator } from '../../../utils/pdf-generator';\n\n@Component({\n tag: 'renewal-success-page',\n styleUrl: 'renewal-success-page.css',\n shadow: false,\n})\nexport class RenewalSuccessPage {\n @Prop() typePaymentMethod: PAYMENT_METHOD_ENUM = PAYMENT_METHOD_ENUM.CARD;\n @Prop() country?: string = '';\n @Prop() bank?: string = '';\n @Prop() paymentMethodName?: string = '';\n @Prop() cardLastFour?: string = '';\n @Prop() paymentDate: string = '';\n @Prop() referenceNumber: string = '';\n @Prop() trialPeriodDays?: number = 0;\n @Prop() debitDay?: number = 0;\n @Prop() planAmount?: number = 0;\n @State() currentLocale: string = 'es';\n @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n\n @Event() successRedirect: EventEmitter<any>;\n @State() loaderProgress: number = 0;\n @State() isLoadingLottie: boolean = true;\n @State() showRedirectMessage: boolean = false;\n @Prop() timeToRedirect: number = 3000;\n private progressInterval?: number;\n private lottieContainer?: HTMLElement;\n private lottieAnimation?: any;\n private successDisplayTimeout?: number;\n\n private applyStartCaseToBrand = (brand: string): string => {\n if (!brand) return '';\n\n return brand\n .toLowerCase()\n .split(/[\\s-]+/)\n .map(word => word.charAt(0).toUpperCase() + word.slice(1))\n .join(' ');\n };\n\n private getPaymentMethodConfig(method: PAYMENT_METHOD_ENUM) {\n const countryPaymentMethods = this.country ? getCountryPaymentMethods(this.country) : null;\n\n const countrySpecificMethod = countryPaymentMethods?.find(pm => pm.type === method);\n\n // Default configurations (fallback)\n const defaultConfigs = {\n [PAYMENT_METHOD_ENUM.CARD]: {\n key: PAYMENT_METHOD_ENUM.CARD,\n label: I18nService.translate('paymentMethods.card'),\n icons: ['card'],\n },\n [PAYMENT_METHOD_ENUM.CASH]: {\n key: PAYMENT_METHOD_ENUM.CASH,\n label: I18nService.translate('paymentMethods.cash'),\n icons: ['pago-facil'],\n },\n [PAYMENT_METHOD_ENUM.BANK_TRANSFER]: {\n key: PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n label: I18nService.translate('paymentMethods.bank_transfer'),\n icons: ['plus'],\n },\n };\n\n const defaultConfig = defaultConfigs[method];\n\n // If we have country-specific icons, use them; otherwise use defaults\n return {\n ...defaultConfig,\n icons: countrySpecificMethod?.icons || defaultConfig.icons,\n };\n }\n\n private getPaymentDate = (): string => {\n // Usar el parámetro paymentDate que viene del renewal principal\n return this.paymentDate || '';\n };\n\n componentWillLoad() {\n this.breakpoint = getBreakpoint(window.innerWidth);\n\n // Para renewal, no hay redirect por defecto, pero podríamos agregarlo si es necesario\n if (this.showRedirectMessage) {\n this.successDisplayTimeout = window.setTimeout(() => {\n this.showRedirectMessage = true;\n this.loadLottieAnimation();\n }, 1500);\n\n setTimeout(() => {\n // Aquí podrías agregar lógica de redirect si es necesaria\n this.stopLoaderAnimation();\n }, this.timeToRedirect);\n }\n }\n\n componentDidLoad() {\n window.addEventListener('resize', this.handleResize);\n if (!this.showRedirectMessage) {\n this.loadLottieAnimation();\n }\n }\n\n disconnectedCallback() {\n if (this.successDisplayTimeout) {\n clearTimeout(this.successDisplayTimeout);\n }\n window.removeEventListener('resize', this.handleResize);\n this.stopLoaderAnimation();\n }\n\n private handleResize = () => {\n this.breakpoint = getBreakpoint(window.innerWidth);\n };\n\n private loadLottieAnimation = async () => {\n try {\n const lottie = await import('lottie-web');\n const animationData = await fetch(getAssetPath(`./assets/loader-redirect1.json`));\n const animationJson = await animationData.json();\n\n if (this.lottieContainer) {\n this.lottieAnimation = lottie.default.loadAnimation({\n container: this.lottieContainer,\n renderer: 'svg',\n loop: true,\n autoplay: true,\n animationData: animationJson,\n });\n } else {\n this.startLoaderAnimation();\n }\n } catch (error) {\n this.startLoaderAnimation();\n }\n };\n\n private startLoaderAnimation = () => {\n const duration = 3000;\n const interval = 50;\n const increment = (interval / duration) * 100;\n\n this.progressInterval = window.setInterval(() => {\n this.loaderProgress = Math.min(this.loaderProgress + increment, 100);\n if (this.loaderProgress >= 100) {\n this.stopLoaderAnimation();\n }\n }, interval);\n };\n\n private stopLoaderAnimation = () => {\n if (this.progressInterval) {\n clearInterval(this.progressInterval);\n this.progressInterval = undefined;\n }\n if (this.lottieAnimation) {\n this.lottieAnimation.destroy();\n this.lottieAnimation = undefined;\n }\n };\n\n private handleDownloadReceipt = async () => {\n try {\n await PDFGenerator.generateAndDownloadReceipt({\n paymentMethod:\n this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD\n ? this.textPaymentMethodCard()\n : this.paymentMethodName,\n ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && { bank: this.bank }),\n ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n cardBrand: this.applyStartCaseToBrand(renewalState.data.cardInformation?.brand || ''),\n }),\n ...(this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && {\n cardLastFour: this.cardLastFour ?? renewalState.data.cardInformation?.lastFour,\n }),\n paymentDate:\n formatDateTime(this.getPaymentDate()) || formatDateTime(new Date().toISOString()),\n email: renewalState.data.subscription.customerEmail || '',\n referenceNumber: this.referenceNumber,\n productTitle: renewalState.data.subscription.name[0]?.text || 'Subscription',\n subtotal: this.getFormattedSubtotal(),\n total: this.getFormattedTotal(),\n currency: (renewalState.data.price.currency as any) || ' ',\n discountAmount: this.getFormattedDiscountAmount(),\n trialPeriodDays: this.trialPeriodDays,\n debitDay: this.debitDay,\n planAmount: this.getFormattedSubtotal(this.planAmount),\n isBankTransfer: this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n });\n } catch (error) {\n console.error('Error downloading receipt:', error);\n }\n };\n\n private 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=\"renewal-success-page__success-content\">\n <rebill-typography variant=\"h3\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('processing.successTitle')}\n </rebill-typography>\n\n <div class=\"renewal-success-page__success-icon\">\n <svg\n width={isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96'}\n height={isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96'}\n viewBox=\"0 0 96 96\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z\"\n fill=\"#35B093\"\n />\n </svg>\n </div>\n\n {/* Payment Details Card */}\n <div class=\"renewal-success-page__info-card\">\n <div class=\"renewal-success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.paymentMethod')}\n </rebill-typography>\n <div class=\"renewal-success-page__card-value\">\n <div class=\"renewal-success-page__payment-method-display\">\n {this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (\n <>\n <rebill-card-icon\n card-brand={renewalState.data?.cardInformation?.brand || ''}\n />\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.textPaymentMethodCard()}\n </rebill-typography>\n </>\n )}\n {this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (\n <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n {this.getPaymentMethodConfig(PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(\n iconName => {\n return <rebill-icon name={iconName} size=\"24px\" />;\n },\n )}\n </div>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('paymentMethods.bank_transfer')}\n </rebill-typography>\n </div>\n )}\n </div>\n </div>\n </div>\n <div class=\"renewal-success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.paymentDate')}\n </rebill-typography>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {formatDateTime(this.paymentDate || this.getPaymentDate()) || ''}\n </rebill-typography>\n </div>\n <div class=\"renewal-success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.paymentEmail')}\n </rebill-typography>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {renewalState.data.subscription.customerEmail}\n </rebill-typography>\n </div>\n <div class=\"renewal-success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.paymentReference')}\n </rebill-typography>\n <rebill-typography\n variant=\"body2\"\n color={COLORS_ENUM.PRIMARY_DARK_TEXT}\n class=\"renewal-success-page__reference-number\"\n >\n {this.referenceNumber || ''}\n </rebill-typography>\n </div>\n </div>\n\n {/* Purchase Details Card */}\n <div class=\"renewal-success-page__info-card\">\n <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('processing.purchaseDetails')}\n </rebill-typography>\n <div class=\"renewal-success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.purchaseDetail')}\n </rebill-typography>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {renewalState.data.subscription.name[0]?.text || 'Subscription'}\n </rebill-typography>\n </div>\n <div class=\"renewal-success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.purchaseSubtotal')}\n </rebill-typography>\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.getFormattedSubtotal()}\n </rebill-typography>\n </div>\n <div class=\"renewal-success-page__card-row\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.purchaseMontoTotal')}\n </rebill-typography>\n <div class=\"renewal-success-page__total-amount-container\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {this.getFormattedTotal()}\n </rebill-typography>\n </div>\n </div>\n <div class=\"renewal-success-page__card-divider\"></div>\n <div class=\"renewal-success-page__download-container\">\n <svg\n class=\"download-icon\"\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667\"\n stroke=\"currentColor\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n <rebill-button\n type=\"button\"\n variant=\"download\"\n size=\"small\"\n onClick={this.handleDownloadReceipt}\n >\n <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n {I18nService.translate('processing.download')}\n </rebill-typography>\n </rebill-button>\n </div>\n\n {/* Contact Info */}\n <div class=\"renewal-success-page__contact-info\">\n <rebill-typography variant=\"information-text\" color={COLORS_ENUM.SECONDARY}>\n {I18nService.translate('processing.downloadDescription')}\n </rebill-typography>\n </div>\n </div>\n </div>\n </rebill-checkout-single-column>\n );\n }\n}\n"],"version":3}
|
|
@@ -2,7 +2,7 @@ import { proxyCustomElement, H, createEvent, h } from './p-8BpuJ_V5.js';
|
|
|
2
2
|
import { a as api } from './p-Dh-yfb0D.js';
|
|
3
3
|
import { P as PAYMENT_METHOD_ENUM, s as state, I as I18nService } from './p-72CzTHAw.js';
|
|
4
4
|
import { C as COLORS_ENUM } from './p-DA598vBj.js';
|
|
5
|
-
import { d as defineCustomElement$8 } from './p-
|
|
5
|
+
import { d as defineCustomElement$8 } from './p-B1Jt4Nzk.js';
|
|
6
6
|
import { d as defineCustomElement$7 } from './p-PtDHCiAo.js';
|
|
7
7
|
import { d as defineCustomElement$6 } from './p-CRM3annx.js';
|
|
8
8
|
import { d as defineCustomElement$5 } from './p-Cas__-EW.js';
|
|
@@ -390,6 +390,6 @@ function defineCustomElement() {
|
|
|
390
390
|
defineCustomElement();
|
|
391
391
|
|
|
392
392
|
export { APMCheckout as A, PaymentMethodMapper as P, STATUS_REQ_CHECKOUT_APM as S, PaymentMethodNameE as a, defineCustomElement as d };
|
|
393
|
-
//# sourceMappingURL=p-
|
|
393
|
+
//# sourceMappingURL=p-KfcaXfJX.js.map
|
|
394
394
|
|
|
395
|
-
//# sourceMappingURL=p-
|
|
395
|
+
//# sourceMappingURL=p-KfcaXfJX.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-D96If9jd.js","mappings":"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","names":["sessionState","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/models/enums/status-req-checkout-apm.enum.ts","src/api/endpoints/checkout-status.ts","src/models/enums/payment-method-name.enum.ts","src/utils/payment-method-mapper.ts","src/components/checkout/apm/apm-checkout/apm-checkout.css?tag=apm-checkout","src/components/checkout/apm/apm-checkout/apm-checkout.tsx"],"sourcesContent":["export enum STATUS_REQ_CHECKOUT_APM {\n PENDING_CUSTOMER_CHARGE = 'pending_customer_charge',\n APPROVED = 'approved',\n REJECTED = 'rejected',\n}\n","import { STATUS_REQ_CHECKOUT_APM } from '../../models/enums/status-req-checkout-apm.enum';\nimport { api } from '../index';\n\n/**\n * Gets the checkout request status by request ID\n * @param reqId - The checkout request ID\n * @param bearerToken - The bearer token for authentication\n * @returns Promise with checkout status information\n */\nexport const getCheckoutRequest = async (reqId: string, bearerToken: string) => {\n try {\n const response = await api.checkout.getCheckoutRequestPaymentAPM(reqId, bearerToken);\n return response.data;\n } catch (error) {\n throw error;\n }\n};\n\n/**\n * GET endpoint handler for checkout status\n * @param reqId - The checkout request ID from URL parameters\n * @param bearerToken - The bearer token for authentication\n * @returns Response with checkout status, completion status, and data\n */\nexport const GET = async (reqId: string, bearerToken?: string) => {\n try {\n if (!reqId || !bearerToken) {\n return {};\n }\n\n const checkoutRequest = await getCheckoutRequest(reqId, bearerToken);\n\n const response = {\n status: checkoutRequest.status,\n isCompleted:\n checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.APPROVED ||\n checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.REJECTED,\n isPending: checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.PENDING_CUSTOMER_CHARGE,\n data: checkoutRequest,\n };\n\n return {\n status: 200,\n body: response,\n };\n } catch (error) {\n console.error('Error fetching checkout status:', error);\n return {\n status: 500,\n body: { error: 'Failed to fetch checkout status' },\n };\n }\n};\n","export enum PaymentMethodNameE {\n CARD = 'card',\n BR_TRANSFERENCE_PIX = 'br-bank_transfer-pix',\n BR_CASH_BOLETO = 'br-cash-boleto',\n AR_CASH_PAGOFACIL = 'ar-cash-pagofacil',\n AR_TRANSFERENCE_QR = 'ar-bank_transfer-qr',\n CO_TRANSFERENCE_PSE = 'co-bank_transfer-pse',\n MX_TRANSFERENCE_SPEI = 'mx-bank_transfer-spei',\n CL_TRANSFERENCE_ETPAY = 'cl-bank_transfer-etpay',\n}\n","import { PaymentMethodNameE } from '../models/enums/payment-method-name.enum';\nimport { PAYMENT_METHOD_ENUM } from '../models/enums/payment-methods.enum';\nimport { sessionState } from '../store/session.store';\n\n/**\n * Maps the current payment method enum to the specific APM payment method name\n * based on the country and payment method type\n */\nexport class PaymentMethodMapper {\n /**\n * Maps generic payment method to specific APM payment method name\n * @param paymentMethod - Generic payment method (cash, transference, card)\n * @param country - Country code (BR, AR, CO, MX, etc.)\n * @returns Specific payment method name for APM API\n */\n static mapToAPMPaymentMethod(\n paymentMethod: PAYMENT_METHOD_ENUM,\n country?: string,\n ): PaymentMethodNameE {\n // If card, return card\n if (paymentMethod === PAYMENT_METHOD_ENUM.CARD) {\n return PaymentMethodNameE.CARD;\n }\n\n // Use country from session state if not provided\n const countryCode = country || sessionState.data?.pricing?.country;\n\n // Map cash payment methods by country\n if (paymentMethod === PAYMENT_METHOD_ENUM.CASH) {\n switch (countryCode) {\n case 'BR':\n return PaymentMethodNameE.BR_CASH_BOLETO;\n case 'AR':\n return PaymentMethodNameE.AR_CASH_PAGOFACIL;\n default:\n // Default to Brazilian boleto if country not supported\n return PaymentMethodNameE.BR_CASH_BOLETO;\n }\n }\n\n // Map transfer payment methods by country\n if (paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER) {\n switch (countryCode) {\n case 'BR':\n return PaymentMethodNameE.BR_TRANSFERENCE_PIX;\n case 'AR':\n return PaymentMethodNameE.AR_TRANSFERENCE_QR;\n case 'CO':\n return PaymentMethodNameE.CO_TRANSFERENCE_PSE;\n case 'MX':\n return PaymentMethodNameE.MX_TRANSFERENCE_SPEI;\n case 'CL':\n return PaymentMethodNameE.CL_TRANSFERENCE_ETPAY;\n default:\n // Default to Brazilian PIX if country not supported\n return PaymentMethodNameE.BR_TRANSFERENCE_PIX;\n }\n }\n\n // Fallback to card\n return PaymentMethodNameE.CARD;\n }\n\n /**\n * Converts PaymentMethodNameE enum to a user-friendly display name\n * @param paymentMethodName - Payment method enum value\n * @returns User-friendly display name (e.g., \"PSE\", \"PIX\", \"Boleto\")\n */\n static getDisplayName(paymentMethodName: PaymentMethodNameE): string {\n switch (paymentMethodName) {\n case PaymentMethodNameE.CARD:\n return 'Card';\n case PaymentMethodNameE.BR_TRANSFERENCE_PIX:\n return 'PIX';\n case PaymentMethodNameE.BR_CASH_BOLETO:\n return 'Boleto';\n case PaymentMethodNameE.AR_CASH_PAGOFACIL:\n return 'PagoFácil';\n case PaymentMethodNameE.AR_TRANSFERENCE_QR:\n return 'QR';\n case PaymentMethodNameE.CO_TRANSFERENCE_PSE:\n return 'PSE';\n case PaymentMethodNameE.MX_TRANSFERENCE_SPEI:\n return 'SPEI';\n case PaymentMethodNameE.CL_TRANSFERENCE_ETPAY:\n return 'Etpay';\n default:\n return 'Payment';\n }\n }\n\n /**\n * Checks if a payment method is an APM (Alternative Payment Method)\n * @param paymentMethod - Payment method to check\n * @returns True if APM, false if card\n */\n static isAPMPaymentMethod(paymentMethod: PAYMENT_METHOD_ENUM): boolean {\n return (\n paymentMethod === PAYMENT_METHOD_ENUM.CASH ||\n paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER\n );\n }\n}\n",".apm-checkout {\n display: flex;\n flex-direction: column;\n}\n\n.apm-content {\n margin-bottom: 0;\n}\n\n.apm-content .reference-code,\n.apm-content .qr-code {\n margin-top: 0;\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n}\n\n.apm-actions {\n display: flex;\n gap: 12px;\n padding: 20px 0;\n}\n\n.apm-actions rebill-button,\n.apm-actions payment-button {\n flex: 1;\n width: 100%;\n}\n\n.apm-actions rebill-button .button-content,\n.apm-actions payment-button .button-content {\n display: flex;\n align-items: center;\n gap: 12px;\n overflow: hidden;\n}\n\n.apm-actions rebill-button .button-content rebill-icon {\n width: 20px;\n height: 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: middle;\n flex-shrink: 0;\n}\n\n/* Redirect message styles */\n.apm-checkout.redirect-message {\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.redirect-content {\n background: var(--rebill-color-background);\n border: 1px solid var(--rebill-color-background-right);\n padding: 16px;\n}\n\n.redirect-content .payment-method-name {\n font-weight: 600 !important;\n}\n\n/* Bank transfer data container */\n.bank-transfer-data-container {\n margin-top: 16px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n/* Bank transfer data styles */\n.bank-transfer-data {\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n}\n\n.instruction-step {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n margin-bottom: 8px;\n}\n\n.instruction-step:last-child {\n margin-bottom: 0;\n}\n\n.step-number {\n background: var(--rebill-color-background-right);\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n text-align: center;\n line-height: 1;\n}\n\n.step-number rebill-typography {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\n.instruction-text {\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n}\n\n.instruction-content {\n flex: 1;\n}\n\n.bank-data-item {\n display: flex;\n gap: 8px;\n align-items: center;\n\n border-bottom: none;\n}\n\n.value-with-copy {\n display: flex;\n align-items: center;\n gap: 2px;\n}\n\n/* Bank transfer simple styles */\n.bank-transfer-simple-container {\n padding: 16px;\n background: var(--rebill-color-background);\n border: 1px solid var(--rebill-color-background-right);\n border-radius: 8px;\n}\n\n.instruction-text {\n margin-bottom: 16px;\n}\n\n.data-section {\n margin-bottom: 16px;\n}\n\n.bank-transfer-simple {\n margin-bottom: 16px;\n}\n\n.bank-transfer-simple:last-child {\n margin-bottom: 0;\n}\n\n.bank-data-simple {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.bank-data-item-simple {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 4px 0;\n}\n\n/* Mobile responsive */\n@media (max-width: 768px) {\n .apm-actions {\n flex-direction: column;\n gap: 12px;\n padding: 16px 0;\n }\n\n .apm-actions rebill-button {\n width: 100%;\n flex: none;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { getCheckoutRequest } from '../../../../api/endpoints/checkout-status';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../../models/enums/payment-methods.enum';\nimport { STATUS_REQ_CHECKOUT_APM } from '../../../../models/enums/status-req-checkout-apm.enum';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\nimport { PaymentMethodMapper } from '../../../../utils/payment-method-mapper';\nimport { APMDownloadData } from '../apm-download/apm-download';\n\n// Constants\nconst DEFAULT_REDIRECT_TIMEOUT = 5000; // 5 seconds\nconst POLLING_INTERVAL = 3000; // 3 seconds\n\nconst MAX_POLLING_ATTEMPTS = 300; // 15 minutes max (300 attempts * 3 seconds = 900 seconds = 15 minutes)\n\n@Component({\n tag: 'apm-checkout',\n styleUrl: 'apm-checkout.css',\n shadow: false,\n})\nexport class APMCheckout {\n @Element() el: HTMLElement;\n @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n @Prop() referenceId?: string;\n @Prop() qrCodeData?: string;\n @Prop() providerName: string;\n @Prop() expirationDate: string;\n @Prop() country?: string;\n @Prop() redirectUrl?: string;\n @Prop() timeToRedirect?: number = DEFAULT_REDIRECT_TIMEOUT;\n @Prop() checkoutRequestId?: string; // ID para hacer polling\n @Prop() bearerToken?: string;\n @Prop() bankTransferData?: any;\n\n @State() showRedirectMessage = false;\n @State() isPolling = false;\n @State() minutesLeft?: number; // Minutos restantes del contador\n @State() qrStartTime?: Date; // Hora de inicio del QR\n @State() downloadData?: APMDownloadData;\n\n @Event() paymentStatusChange: EventEmitter<{\n status: STATUS_REQ_CHECKOUT_APM;\n isCompleted: boolean;\n data: any;\n }>;\n\n private redirectTimeoutId: number | undefined;\n private pollingIntervalId: number | undefined;\n private pollingDelayTimeoutId: NodeJS.Timeout | undefined;\n private pollingAttempts = 0;\n\n componentWillLoad() {\n this.qrStartTime = new Date();\n this.downloadData = this.generateDownloadData();\n\n if (this.redirectUrl) {\n this.handleRedirect();\n }\n\n if (this.checkoutRequestId && (this.qrCodeData || this.bankTransferData)) {\n this.startPolling();\n }\n }\n\n componentDidLoad() {\n const paymentButton = this.el?.querySelector('payment-button');\n if (paymentButton) {\n paymentButton.addEventListener('submit', this.handleRedirect);\n }\n }\n\n disconnectedCallback() {\n if (this.redirectTimeoutId) {\n clearTimeout(this.redirectTimeoutId);\n this.redirectTimeoutId = undefined;\n }\n if (this.pollingDelayTimeoutId) {\n clearTimeout(this.pollingDelayTimeoutId);\n this.pollingDelayTimeoutId = undefined;\n }\n\n if (this.pollingIntervalId) {\n clearInterval(this.pollingIntervalId);\n this.pollingIntervalId = undefined;\n }\n\n const paymentButton = this.el?.querySelector('payment-button');\n if (paymentButton) {\n paymentButton.removeEventListener('submit', this.handleRedirect);\n }\n }\n\n private handleRedirect = () => {\n if (this.redirectTimeoutId) {\n clearTimeout(this.redirectTimeoutId);\n }\n\n this.showRedirectMessage = true;\n\n this.redirectTimeoutId = window.setTimeout(() => {\n window.open(this.redirectUrl, '_self');\n }, this.timeToRedirect);\n };\n\n private handleViewBranches = () => {\n window.open('https://www.pagofacil.com.ar/', '_blank');\n };\n\n private handleTimeUpdate = (event: CustomEvent<number>) => {\n this.minutesLeft = event.detail;\n };\n\n private startPolling = () => {\n if ((!this.qrCodeData && !this.bankTransferData) || !this.checkoutRequestId || this.isPolling) {\n return;\n }\n\n this.isPolling = true;\n this.pollingAttempts = 0;\n\n this.pollingIntervalId = window.setInterval(() => {\n this.checkPaymentStatus();\n }, POLLING_INTERVAL);\n };\n\n private stopPolling = () => {\n if (this.pollingIntervalId) {\n clearInterval(this.pollingIntervalId);\n this.pollingIntervalId = undefined;\n }\n this.isPolling = false;\n };\n\n private checkPaymentStatus = async () => {\n if (!this.checkoutRequestId) {\n return;\n }\n\n try {\n this.pollingAttempts++;\n\n const response = await getCheckoutRequest(this.checkoutRequestId, this.bearerToken);\n const isCompleted =\n response.status === STATUS_REQ_CHECKOUT_APM.APPROVED ||\n response.status === STATUS_REQ_CHECKOUT_APM.REJECTED;\n this.paymentStatusChange.emit({\n status: response.status,\n isCompleted: isCompleted,\n data: response.data,\n });\n\n if (isCompleted) {\n this.stopPolling();\n return;\n }\n\n if (this.pollingAttempts >= MAX_POLLING_ATTEMPTS) {\n this.stopPolling();\n return;\n }\n } catch (error) {\n console.error('Error checking payment status:', error);\n }\n };\n\n private generateDownloadData(): APMDownloadData {\n const downloadData: APMDownloadData = {\n paymentMethod: this.paymentMethod,\n referenceId: this.referenceId,\n providerName: this.providerName,\n expirationDate: this.expirationDate,\n country: this.country,\n minutesLeft: this.minutesLeft,\n };\n\n if (this.bankTransferData) {\n downloadData.bankTransferData = {\n bankName: this.bankTransferData.bankName,\n accountNumber: this.bankTransferData.account || this.bankTransferData.bbvAccountNumber,\n reference: this.bankTransferData.reference,\n clabe: this.bankTransferData.account || this.bankTransferData.clabe,\n destinationBank: this.bankTransferData.bankName,\n paymentReference: this.bankTransferData.reference,\n instructions: this.bankTransferData.instructions,\n };\n } else if (this.qrCodeData) {\n downloadData.qrCodeData = this.qrCodeData;\n }\n\n return downloadData;\n }\n\n private renderResponse() {\n // If redirectUrl is provided, show redirect message\n if (this.redirectUrl && this.showRedirectMessage) {\n const paymentMethodEnum = PaymentMethodMapper.mapToAPMPaymentMethod(\n this.paymentMethod,\n this.country,\n );\n const paymentMethodName = PaymentMethodMapper.getDisplayName(paymentMethodEnum);\n\n return (\n <div class=\"redirect-content\">\n <div class=\"redirect-text\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.GREY_300}>\n {I18nService.translate('apmCheckout.redirectMessagePrefix')}{' '}\n <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREY_300}>\n {paymentMethodName}\n </rebill-typography>{' '}\n {I18nService.translate('apmCheckout.redirectMessageSuffix')}\n </rebill-typography>\n </div>\n </div>\n );\n }\n\n // If referenceId is provided, show reference code component\n if (this.referenceId) {\n return (\n <reference-code\n referenceId={this.referenceId}\n providerName={this.providerName}\n expirationDate={this.expirationDate}\n />\n );\n }\n\n // If qrCodeData is provided, show QR code component\n if (this.qrCodeData) {\n return (\n <qr-code\n qrCodeData={this.qrCodeData}\n providerName={this.providerName}\n expirationDate={this.expirationDate}\n paymentMethod={this.paymentMethod}\n onTimeUpdate={this.handleTimeUpdate}\n />\n );\n }\n\n if (this.bankTransferData) {\n return <bank-transfer bankTransferData={this.bankTransferData} />;\n }\n\n // Fallback - shouldn't happen in normal flow\n return null;\n }\n\n render() {\n const isRedirectMessage = this.redirectUrl && this.showRedirectMessage;\n const isCashPayment = this.paymentMethod === PAYMENT_METHOD_ENUM.CASH;\n\n return (\n <div class={`apm-checkout ${isRedirectMessage ? 'redirect-message' : ''}`}>\n <div class=\"apm-content\">{this.renderResponse()}</div>\n\n <div class=\"apm-actions\">\n {!isRedirectMessage && isCashPayment && (\n <rebill-button\n type=\"button\"\n variant=\"outline\"\n theme=\"primary\"\n onClick={this.handleViewBranches}\n >\n <span class=\"button-content\">\n <span>{I18nService.translate('apmCheckout.viewBranches')}</span>\n <rebill-icon name=\"square-arrow-top-right\" />\n </span>\n </rebill-button>\n )}\n\n {!isRedirectMessage && <apm-download data={this.downloadData} />}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-KfcaXfJX.js","mappings":"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","names":["sessionState","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/models/enums/status-req-checkout-apm.enum.ts","src/api/endpoints/checkout-status.ts","src/models/enums/payment-method-name.enum.ts","src/utils/payment-method-mapper.ts","src/components/checkout/apm/apm-checkout/apm-checkout.css?tag=apm-checkout","src/components/checkout/apm/apm-checkout/apm-checkout.tsx"],"sourcesContent":["export enum STATUS_REQ_CHECKOUT_APM {\n PENDING_CUSTOMER_CHARGE = 'pending_customer_charge',\n APPROVED = 'approved',\n REJECTED = 'rejected',\n}\n","import { STATUS_REQ_CHECKOUT_APM } from '../../models/enums/status-req-checkout-apm.enum';\nimport { api } from '../index';\n\n/**\n * Gets the checkout request status by request ID\n * @param reqId - The checkout request ID\n * @param bearerToken - The bearer token for authentication\n * @returns Promise with checkout status information\n */\nexport const getCheckoutRequest = async (reqId: string, bearerToken: string) => {\n try {\n const response = await api.checkout.getCheckoutRequestPaymentAPM(reqId, bearerToken);\n return response.data;\n } catch (error) {\n throw error;\n }\n};\n\n/**\n * GET endpoint handler for checkout status\n * @param reqId - The checkout request ID from URL parameters\n * @param bearerToken - The bearer token for authentication\n * @returns Response with checkout status, completion status, and data\n */\nexport const GET = async (reqId: string, bearerToken?: string) => {\n try {\n if (!reqId || !bearerToken) {\n return {};\n }\n\n const checkoutRequest = await getCheckoutRequest(reqId, bearerToken);\n\n const response = {\n status: checkoutRequest.status,\n isCompleted:\n checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.APPROVED ||\n checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.REJECTED,\n isPending: checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.PENDING_CUSTOMER_CHARGE,\n data: checkoutRequest,\n };\n\n return {\n status: 200,\n body: response,\n };\n } catch (error) {\n console.error('Error fetching checkout status:', error);\n return {\n status: 500,\n body: { error: 'Failed to fetch checkout status' },\n };\n }\n};\n","export enum PaymentMethodNameE {\n CARD = 'card',\n BR_TRANSFERENCE_PIX = 'br-bank_transfer-pix',\n BR_CASH_BOLETO = 'br-cash-boleto',\n AR_CASH_PAGOFACIL = 'ar-cash-pagofacil',\n AR_TRANSFERENCE_QR = 'ar-bank_transfer-qr',\n CO_TRANSFERENCE_PSE = 'co-bank_transfer-pse',\n MX_TRANSFERENCE_SPEI = 'mx-bank_transfer-spei',\n CL_TRANSFERENCE_ETPAY = 'cl-bank_transfer-etpay',\n}\n","import { PaymentMethodNameE } from '../models/enums/payment-method-name.enum';\nimport { PAYMENT_METHOD_ENUM } from '../models/enums/payment-methods.enum';\nimport { sessionState } from '../store/session.store';\n\n/**\n * Maps the current payment method enum to the specific APM payment method name\n * based on the country and payment method type\n */\nexport class PaymentMethodMapper {\n /**\n * Maps generic payment method to specific APM payment method name\n * @param paymentMethod - Generic payment method (cash, transference, card)\n * @param country - Country code (BR, AR, CO, MX, etc.)\n * @returns Specific payment method name for APM API\n */\n static mapToAPMPaymentMethod(\n paymentMethod: PAYMENT_METHOD_ENUM,\n country?: string,\n ): PaymentMethodNameE {\n // If card, return card\n if (paymentMethod === PAYMENT_METHOD_ENUM.CARD) {\n return PaymentMethodNameE.CARD;\n }\n\n // Use country from session state if not provided\n const countryCode = country || sessionState.data?.pricing?.country;\n\n // Map cash payment methods by country\n if (paymentMethod === PAYMENT_METHOD_ENUM.CASH) {\n switch (countryCode) {\n case 'BR':\n return PaymentMethodNameE.BR_CASH_BOLETO;\n case 'AR':\n return PaymentMethodNameE.AR_CASH_PAGOFACIL;\n default:\n // Default to Brazilian boleto if country not supported\n return PaymentMethodNameE.BR_CASH_BOLETO;\n }\n }\n\n // Map transfer payment methods by country\n if (paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER) {\n switch (countryCode) {\n case 'BR':\n return PaymentMethodNameE.BR_TRANSFERENCE_PIX;\n case 'AR':\n return PaymentMethodNameE.AR_TRANSFERENCE_QR;\n case 'CO':\n return PaymentMethodNameE.CO_TRANSFERENCE_PSE;\n case 'MX':\n return PaymentMethodNameE.MX_TRANSFERENCE_SPEI;\n case 'CL':\n return PaymentMethodNameE.CL_TRANSFERENCE_ETPAY;\n default:\n // Default to Brazilian PIX if country not supported\n return PaymentMethodNameE.BR_TRANSFERENCE_PIX;\n }\n }\n\n // Fallback to card\n return PaymentMethodNameE.CARD;\n }\n\n /**\n * Converts PaymentMethodNameE enum to a user-friendly display name\n * @param paymentMethodName - Payment method enum value\n * @returns User-friendly display name (e.g., \"PSE\", \"PIX\", \"Boleto\")\n */\n static getDisplayName(paymentMethodName: PaymentMethodNameE): string {\n switch (paymentMethodName) {\n case PaymentMethodNameE.CARD:\n return 'Card';\n case PaymentMethodNameE.BR_TRANSFERENCE_PIX:\n return 'PIX';\n case PaymentMethodNameE.BR_CASH_BOLETO:\n return 'Boleto';\n case PaymentMethodNameE.AR_CASH_PAGOFACIL:\n return 'PagoFácil';\n case PaymentMethodNameE.AR_TRANSFERENCE_QR:\n return 'QR';\n case PaymentMethodNameE.CO_TRANSFERENCE_PSE:\n return 'PSE';\n case PaymentMethodNameE.MX_TRANSFERENCE_SPEI:\n return 'SPEI';\n case PaymentMethodNameE.CL_TRANSFERENCE_ETPAY:\n return 'Etpay';\n default:\n return 'Payment';\n }\n }\n\n /**\n * Checks if a payment method is an APM (Alternative Payment Method)\n * @param paymentMethod - Payment method to check\n * @returns True if APM, false if card\n */\n static isAPMPaymentMethod(paymentMethod: PAYMENT_METHOD_ENUM): boolean {\n return (\n paymentMethod === PAYMENT_METHOD_ENUM.CASH ||\n paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER\n );\n }\n}\n",".apm-checkout {\n display: flex;\n flex-direction: column;\n}\n\n.apm-content {\n margin-bottom: 0;\n}\n\n.apm-content .reference-code,\n.apm-content .qr-code {\n margin-top: 0;\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n}\n\n.apm-actions {\n display: flex;\n gap: 12px;\n padding: 20px 0;\n}\n\n.apm-actions rebill-button,\n.apm-actions payment-button {\n flex: 1;\n width: 100%;\n}\n\n.apm-actions rebill-button .button-content,\n.apm-actions payment-button .button-content {\n display: flex;\n align-items: center;\n gap: 12px;\n overflow: hidden;\n}\n\n.apm-actions rebill-button .button-content rebill-icon {\n width: 20px;\n height: 20px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n vertical-align: middle;\n flex-shrink: 0;\n}\n\n/* Redirect message styles */\n.apm-checkout.redirect-message {\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.redirect-content {\n background: var(--rebill-color-background);\n border: 1px solid var(--rebill-color-background-right);\n padding: 16px;\n}\n\n.redirect-content .payment-method-name {\n font-weight: 600 !important;\n}\n\n/* Bank transfer data container */\n.bank-transfer-data-container {\n margin-top: 16px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n/* Bank transfer data styles */\n.bank-transfer-data {\n padding: 0;\n background: transparent;\n border: none;\n border-radius: 0;\n}\n\n.instruction-step {\n display: flex;\n align-items: flex-start;\n gap: 8px;\n margin-bottom: 8px;\n}\n\n.instruction-step:last-child {\n margin-bottom: 0;\n}\n\n.step-number {\n background: var(--rebill-color-background-right);\n width: 20px;\n height: 20px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n text-align: center;\n line-height: 1;\n}\n\n.step-number rebill-typography {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n margin: 0;\n padding: 0;\n}\n\n.instruction-text {\n display: flex;\n flex-direction: column;\n gap: 8px;\n flex: 1;\n}\n\n.instruction-content {\n flex: 1;\n}\n\n.bank-data-item {\n display: flex;\n gap: 8px;\n align-items: center;\n\n border-bottom: none;\n}\n\n.value-with-copy {\n display: flex;\n align-items: center;\n gap: 2px;\n}\n\n/* Bank transfer simple styles */\n.bank-transfer-simple-container {\n padding: 16px;\n background: var(--rebill-color-background);\n border: 1px solid var(--rebill-color-background-right);\n border-radius: 8px;\n}\n\n.instruction-text {\n margin-bottom: 16px;\n}\n\n.data-section {\n margin-bottom: 16px;\n}\n\n.bank-transfer-simple {\n margin-bottom: 16px;\n}\n\n.bank-transfer-simple:last-child {\n margin-bottom: 0;\n}\n\n.bank-data-simple {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n\n.bank-data-item-simple {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 4px 0;\n}\n\n/* Mobile responsive */\n@media (max-width: 768px) {\n .apm-actions {\n flex-direction: column;\n gap: 12px;\n padding: 16px 0;\n }\n\n .apm-actions rebill-button {\n width: 100%;\n flex: none;\n }\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { getCheckoutRequest } from '../../../../api/endpoints/checkout-status';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../../models/enums/payment-methods.enum';\nimport { STATUS_REQ_CHECKOUT_APM } from '../../../../models/enums/status-req-checkout-apm.enum';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\nimport { PaymentMethodMapper } from '../../../../utils/payment-method-mapper';\nimport { APMDownloadData } from '../apm-download/apm-download';\n\n// Constants\nconst DEFAULT_REDIRECT_TIMEOUT = 5000; // 5 seconds\nconst POLLING_INTERVAL = 3000; // 3 seconds\n\nconst MAX_POLLING_ATTEMPTS = 300; // 15 minutes max (300 attempts * 3 seconds = 900 seconds = 15 minutes)\n\n@Component({\n tag: 'apm-checkout',\n styleUrl: 'apm-checkout.css',\n shadow: false,\n})\nexport class APMCheckout {\n @Element() el: HTMLElement;\n @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n @Prop() referenceId?: string;\n @Prop() qrCodeData?: string;\n @Prop() providerName: string;\n @Prop() expirationDate: string;\n @Prop() country?: string;\n @Prop() redirectUrl?: string;\n @Prop() timeToRedirect?: number = DEFAULT_REDIRECT_TIMEOUT;\n @Prop() checkoutRequestId?: string; // ID para hacer polling\n @Prop() bearerToken?: string;\n @Prop() bankTransferData?: any;\n\n @State() showRedirectMessage = false;\n @State() isPolling = false;\n @State() minutesLeft?: number; // Minutos restantes del contador\n @State() qrStartTime?: Date; // Hora de inicio del QR\n @State() downloadData?: APMDownloadData;\n\n @Event() paymentStatusChange: EventEmitter<{\n status: STATUS_REQ_CHECKOUT_APM;\n isCompleted: boolean;\n data: any;\n }>;\n\n private redirectTimeoutId: number | undefined;\n private pollingIntervalId: number | undefined;\n private pollingDelayTimeoutId: NodeJS.Timeout | undefined;\n private pollingAttempts = 0;\n\n componentWillLoad() {\n this.qrStartTime = new Date();\n this.downloadData = this.generateDownloadData();\n\n if (this.redirectUrl) {\n this.handleRedirect();\n }\n\n if (this.checkoutRequestId && (this.qrCodeData || this.bankTransferData)) {\n this.startPolling();\n }\n }\n\n componentDidLoad() {\n const paymentButton = this.el?.querySelector('payment-button');\n if (paymentButton) {\n paymentButton.addEventListener('submit', this.handleRedirect);\n }\n }\n\n disconnectedCallback() {\n if (this.redirectTimeoutId) {\n clearTimeout(this.redirectTimeoutId);\n this.redirectTimeoutId = undefined;\n }\n if (this.pollingDelayTimeoutId) {\n clearTimeout(this.pollingDelayTimeoutId);\n this.pollingDelayTimeoutId = undefined;\n }\n\n if (this.pollingIntervalId) {\n clearInterval(this.pollingIntervalId);\n this.pollingIntervalId = undefined;\n }\n\n const paymentButton = this.el?.querySelector('payment-button');\n if (paymentButton) {\n paymentButton.removeEventListener('submit', this.handleRedirect);\n }\n }\n\n private handleRedirect = () => {\n if (this.redirectTimeoutId) {\n clearTimeout(this.redirectTimeoutId);\n }\n\n this.showRedirectMessage = true;\n\n this.redirectTimeoutId = window.setTimeout(() => {\n window.open(this.redirectUrl, '_self');\n }, this.timeToRedirect);\n };\n\n private handleViewBranches = () => {\n window.open('https://www.pagofacil.com.ar/', '_blank');\n };\n\n private handleTimeUpdate = (event: CustomEvent<number>) => {\n this.minutesLeft = event.detail;\n };\n\n private startPolling = () => {\n if ((!this.qrCodeData && !this.bankTransferData) || !this.checkoutRequestId || this.isPolling) {\n return;\n }\n\n this.isPolling = true;\n this.pollingAttempts = 0;\n\n this.pollingIntervalId = window.setInterval(() => {\n this.checkPaymentStatus();\n }, POLLING_INTERVAL);\n };\n\n private stopPolling = () => {\n if (this.pollingIntervalId) {\n clearInterval(this.pollingIntervalId);\n this.pollingIntervalId = undefined;\n }\n this.isPolling = false;\n };\n\n private checkPaymentStatus = async () => {\n if (!this.checkoutRequestId) {\n return;\n }\n\n try {\n this.pollingAttempts++;\n\n const response = await getCheckoutRequest(this.checkoutRequestId, this.bearerToken);\n const isCompleted =\n response.status === STATUS_REQ_CHECKOUT_APM.APPROVED ||\n response.status === STATUS_REQ_CHECKOUT_APM.REJECTED;\n this.paymentStatusChange.emit({\n status: response.status,\n isCompleted: isCompleted,\n data: response.data,\n });\n\n if (isCompleted) {\n this.stopPolling();\n return;\n }\n\n if (this.pollingAttempts >= MAX_POLLING_ATTEMPTS) {\n this.stopPolling();\n return;\n }\n } catch (error) {\n console.error('Error checking payment status:', error);\n }\n };\n\n private generateDownloadData(): APMDownloadData {\n const downloadData: APMDownloadData = {\n paymentMethod: this.paymentMethod,\n referenceId: this.referenceId,\n providerName: this.providerName,\n expirationDate: this.expirationDate,\n country: this.country,\n minutesLeft: this.minutesLeft,\n };\n\n if (this.bankTransferData) {\n downloadData.bankTransferData = {\n bankName: this.bankTransferData.bankName,\n accountNumber: this.bankTransferData.account || this.bankTransferData.bbvAccountNumber,\n reference: this.bankTransferData.reference,\n clabe: this.bankTransferData.account || this.bankTransferData.clabe,\n destinationBank: this.bankTransferData.bankName,\n paymentReference: this.bankTransferData.reference,\n instructions: this.bankTransferData.instructions,\n };\n } else if (this.qrCodeData) {\n downloadData.qrCodeData = this.qrCodeData;\n }\n\n return downloadData;\n }\n\n private renderResponse() {\n // If redirectUrl is provided, show redirect message\n if (this.redirectUrl && this.showRedirectMessage) {\n const paymentMethodEnum = PaymentMethodMapper.mapToAPMPaymentMethod(\n this.paymentMethod,\n this.country,\n );\n const paymentMethodName = PaymentMethodMapper.getDisplayName(paymentMethodEnum);\n\n return (\n <div class=\"redirect-content\">\n <div class=\"redirect-text\">\n <rebill-typography variant=\"body2\" color={COLORS_ENUM.GREY_300}>\n {I18nService.translate('apmCheckout.redirectMessagePrefix')}{' '}\n <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREY_300}>\n {paymentMethodName}\n </rebill-typography>{' '}\n {I18nService.translate('apmCheckout.redirectMessageSuffix')}\n </rebill-typography>\n </div>\n </div>\n );\n }\n\n // If referenceId is provided, show reference code component\n if (this.referenceId) {\n return (\n <reference-code\n referenceId={this.referenceId}\n providerName={this.providerName}\n expirationDate={this.expirationDate}\n />\n );\n }\n\n // If qrCodeData is provided, show QR code component\n if (this.qrCodeData) {\n return (\n <qr-code\n qrCodeData={this.qrCodeData}\n providerName={this.providerName}\n expirationDate={this.expirationDate}\n paymentMethod={this.paymentMethod}\n onTimeUpdate={this.handleTimeUpdate}\n />\n );\n }\n\n if (this.bankTransferData) {\n return <bank-transfer bankTransferData={this.bankTransferData} />;\n }\n\n // Fallback - shouldn't happen in normal flow\n return null;\n }\n\n render() {\n const isRedirectMessage = this.redirectUrl && this.showRedirectMessage;\n const isCashPayment = this.paymentMethod === PAYMENT_METHOD_ENUM.CASH;\n\n return (\n <div class={`apm-checkout ${isRedirectMessage ? 'redirect-message' : ''}`}>\n <div class=\"apm-content\">{this.renderResponse()}</div>\n\n <div class=\"apm-actions\">\n {!isRedirectMessage && isCashPayment && (\n <rebill-button\n type=\"button\"\n variant=\"outline\"\n theme=\"primary\"\n onClick={this.handleViewBranches}\n >\n <span class=\"button-content\">\n <span>{I18nService.translate('apmCheckout.viewBranches')}</span>\n <rebill-icon name=\"square-arrow-top-right\" />\n </span>\n </rebill-button>\n )}\n\n {!isRedirectMessage && <apm-download data={this.downloadData} />}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
|
|
@@ -2,7 +2,7 @@ import { proxyCustomElement, H, createEvent, h } from './p-8BpuJ_V5.js';
|
|
|
2
2
|
import { c as create$6 } from './p-MMCcKmy_.js';
|
|
3
3
|
import { a as api } from './p-Dh-yfb0D.js';
|
|
4
4
|
import { m as mapRequiredFields, g as generateIdempotencyKey, P as PaymentMessageE, C as CheckoutStatusE, i as isFieldRequired, a as PaymentErrorMapper, b as getFieldValues } from './p-nRlbOyQu.js';
|
|
5
|
-
import { P as PaymentMethodMapper, S as STATUS_REQ_CHECKOUT_APM, d as defineCustomElement$P } from './p-
|
|
5
|
+
import { P as PaymentMethodMapper, S as STATUS_REQ_CHECKOUT_APM, d as defineCustomElement$P } from './p-KfcaXfJX.js';
|
|
6
6
|
import { d as defineCustomElement$D } from './p-D664TKNk.js';
|
|
7
7
|
import { d as defineCustomElement$e } from './p-4gmF_nNJ.js';
|
|
8
8
|
import { d as defineCustomElement$d } from './p-DG3R157p.js';
|
|
@@ -12,7 +12,7 @@ import { s as state, S as SESSION_TYPE_ENUM, I as I18nService, a as SessionStore
|
|
|
12
12
|
import { B as BREAKPOINT_ENUM, g as getBreakpoint, i as isBreakpointBelow } from './p-Do_vNuMa.js';
|
|
13
13
|
import { G as GoogleMapsService, d as defineCustomElement$y } from './p-qyO__mri.js';
|
|
14
14
|
import { d as defineCustomElement$g } from './p-DfVBgR8q.js';
|
|
15
|
-
import { d as defineCustomElement$O } from './p-
|
|
15
|
+
import { d as defineCustomElement$O } from './p-B1Jt4Nzk.js';
|
|
16
16
|
import { d as defineCustomElement$N } from './p-PtDHCiAo.js';
|
|
17
17
|
import { d as defineCustomElement$M } from './p-Ds8iyCAd.js';
|
|
18
18
|
import { d as defineCustomElement$L } from './p-Dp86wPXR.js';
|
|
@@ -51,7 +51,7 @@ import { d as defineCustomElement$9 } from './p-DTk6aYAr.js';
|
|
|
51
51
|
import { d as defineCustomElement$8 } from './p-D2QunLfP.js';
|
|
52
52
|
import { d as defineCustomElement$7 } from './p-xpOb67FC.js';
|
|
53
53
|
import { d as defineCustomElement$6 } from './p-C46Y_yrU.js';
|
|
54
|
-
import { d as defineCustomElement$5 } from './p-
|
|
54
|
+
import { d as defineCustomElement$5 } from './p-BIat5a1z.js';
|
|
55
55
|
import { d as defineCustomElement$4 } from './p-CXdtDEge.js';
|
|
56
56
|
import { d as defineCustomElement$3 } from './p-Ckay0XNX.js';
|
|
57
57
|
|
|
@@ -2,14 +2,14 @@ import { proxyCustomElement, H, createEvent, h } from './p-8BpuJ_V5.js';
|
|
|
2
2
|
import { c as create$6 } from './p-MMCcKmy_.js';
|
|
3
3
|
import { a as api } from './p-Dh-yfb0D.js';
|
|
4
4
|
import { m as mapRequiredFields, i as isFieldRequired, g as generateIdempotencyKey, C as CheckoutStatusE, a as PaymentErrorMapper, b as getFieldValues } from './p-nRlbOyQu.js';
|
|
5
|
-
import { P as PaymentMethodMapper, a as PaymentMethodNameE, d as defineCustomElement$E } from './p-
|
|
5
|
+
import { P as PaymentMethodMapper, a as PaymentMethodNameE, d as defineCustomElement$E } from './p-KfcaXfJX.js';
|
|
6
6
|
import { d as defineCustomElement$a } from './p-4gmF_nNJ.js';
|
|
7
7
|
import { P as PAYMENT_METHOD_ENUM, I as I18nService } from './p-72CzTHAw.js';
|
|
8
8
|
import { r as renewalState, R as RenewalStore, o as onChange } from './p-CIJ_urmV.js';
|
|
9
9
|
import { B as BREAKPOINT_ENUM, g as getBreakpoint, i as isBreakpointBelow } from './p-Do_vNuMa.js';
|
|
10
10
|
import { C as COLORS_ENUM } from './p-DA598vBj.js';
|
|
11
11
|
import { G as GoogleMapsService, d as defineCustomElement$q } from './p-qyO__mri.js';
|
|
12
|
-
import { d as defineCustomElement$D } from './p-
|
|
12
|
+
import { d as defineCustomElement$D } from './p-B1Jt4Nzk.js';
|
|
13
13
|
import { d as defineCustomElement$C } from './p-PtDHCiAo.js';
|
|
14
14
|
import { d as defineCustomElement$B } from './p-Ds8iyCAd.js';
|
|
15
15
|
import { d as defineCustomElement$A } from './p-Dp86wPXR.js';
|
|
@@ -39,7 +39,7 @@ import { d as defineCustomElement$c } from './p-BJkwZilT.js';
|
|
|
39
39
|
import { d as defineCustomElement$b } from './p-CW7bdfSw.js';
|
|
40
40
|
import { d as defineCustomElement$9 } from './p-C_txMekS.js';
|
|
41
41
|
import { d as defineCustomElement$8 } from './p-D2QunLfP.js';
|
|
42
|
-
import { d as defineCustomElement$7 } from './p-
|
|
42
|
+
import { d as defineCustomElement$7 } from './p-CSqJ7ePk.js';
|
|
43
43
|
import { d as defineCustomElement$6 } from './p-_JK6tf3L.js';
|
|
44
44
|
import { d as defineCustomElement$5 } from './p-xpOb67FC.js';
|
|
45
45
|
import { d as defineCustomElement$4 } from './p-C46Y_yrU.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { R as RenewalSuccessPage$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { R as RenewalSuccessPage$1, d as defineCustomElement$1 } from './p-CSqJ7ePk.js';
|
|
2
2
|
|
|
3
3
|
const RenewalSuccessPage = RenewalSuccessPage$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -4,7 +4,7 @@ import { I as I18nService, P as PAYMENT_METHOD_ENUM, e as instance, s as state,
|
|
|
4
4
|
import { S as STATUS_REQ_CHECKOUT_APM } from './status-req-checkout-apm.enum-vsLqF4hk.js';
|
|
5
5
|
import { C as COLORS_ENUM } from './color-class-mapper-DA598vBj.js';
|
|
6
6
|
import { P as PaymentMethodMapper, G as GoogleMapsService } from './google-maps.service-Yk75QYBD.js';
|
|
7
|
-
import { g as getCountryPaymentMethods, P as PDFGenerator, i as isBase64Image, d as decodeQRData, a as generateQRCodeSVG, b as getCurrencyInstructions } from './pdf-generator-
|
|
7
|
+
import { g as getCountryPaymentMethods, P as PDFGenerator, i as isBase64Image, d as decodeQRData, a as generateQRCodeSVG, b as getCurrencyInstructions } from './pdf-generator-B4NHkX8z.js';
|
|
8
8
|
import { a as createCountdownTimer, c as copyToClipboard, f as formatTimeMMSSMax60 } from './clipboard-BIOWiROZ.js';
|
|
9
9
|
import { r as renewalState } from './renewal.store-B-RX1YyN.js';
|
|
10
10
|
import { c as create$6, V as ValidationError } from './index.esm-CRUbzQx9.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { c as commonjsGlobal, a as getAugmentedNamespace, g as getDefaultExportFromCjs } from './_commonjsHelpers-E-ZsRS8r.js';
|
|
2
|
-
import { s as slicedToArray, _ as _typeof$2, a as _arrayLikeToArray, b as _unsupportedIterableToArray } from './jspdf.es.min-
|
|
2
|
+
import { s as slicedToArray, _ as _typeof$2, a as _arrayLikeToArray, b as _unsupportedIterableToArray } from './jspdf.es.min-CDCJH4OD.js';
|
|
3
3
|
|
|
4
4
|
function _mergeNamespaces(n, m) {
|
|
5
5
|
m.forEach(function (e) {
|
|
@@ -16536,6 +16536,6 @@ var index$1 = /*#__PURE__*/_mergeNamespaces({
|
|
|
16536
16536
|
}, [libExports]);
|
|
16537
16537
|
|
|
16538
16538
|
export { index$1 as i };
|
|
16539
|
-
//# sourceMappingURL=index-
|
|
16539
|
+
//# sourceMappingURL=index-CymF2J-m.js.map
|
|
16540
16540
|
|
|
16541
|
-
//# sourceMappingURL=index-
|
|
16541
|
+
//# sourceMappingURL=index-CymF2J-m.js.map
|