rebill-web-components-sdk 1.8.34 → 1.8.36

package/dist/components/{p-D6xIJNnb.js → p-BJUr_-ZO.js}

@@ -1,7 +1,7 @@
 import { proxyCustomElement, H, h } from './p-8BpuJ_V5.js';
 import { a as api } from './p-Dh-yfb0D.js';
 import { I as I18nService, s as state, e as instance, a as SessionStore } from './p-CMzpQU2o.js';
-import { r as renewalState, o as onChange, R as RenewalStore } from './p-hpg1lOUJ.js';
+import { r as renewalState, o as onChange, R as RenewalStore } from './p-b0Xc3sbS.js';
 import { d as defineCustomElement$2 } from './p-CWY-g0zG.js';
 import { d as defineCustomElement$1 } from './p-CyRG6uLm.js';
 
@@ -105,6 +105,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Identification as I, defineCustomElement as d };
-//# sourceMappingURL=p-D6xIJNnb.js.map
+//# sourceMappingURL=p-BJUr_-ZO.js.map
 
-//# sourceMappingURL=p-D6xIJNnb.js.map
+//# sourceMappingURL=p-BJUr_-ZO.js.map

package/dist/components/{p-D6xIJNnb.js.map → p-BJUr_-ZO.js.map}

@@ -1 +1 @@
-{"file":"p-D6xIJNnb.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState","i18n"],"sources":["src/components/checkout/payment-method-selector/card-fields/identification/identification.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport { api, DocumentType } from '../../../../../api';\nimport i18n from '../../../../../i18n/i18n.config';\nimport { I18nService } from '../../../../../i18n/i18n.service';\nimport { onChange, renewalState, RenewalStore } from '../../../../../store/renewal.store';\nimport { sessionState, SessionStore } from '../../../../../store/session.store';\n\n@Component({\n  tag: 'card-identification',\n  shadow: false,\n})\nexport class Identification {\n  @State() documentTypes: DocumentType[] = [];\n  @State() country: string = '';\n  @State() currentLanguage: string = I18nService.getCurrentLanguage();\n  @Prop() documentTypeError: string = '';\n  @Prop() documentNumberError: string = '';\n  @Prop() disabled?: boolean = false;\n\n  loadDocumentTypes = async () => {\n    const currentCountry = renewalState.isInitialized\n      ? renewalState.data?.price?.country\n      : sessionState?.data?.pricing?.country;\n\n    if (currentCountry && currentCountry !== this.country) {\n      try {\n        const response = await api.data.getDocumentTypes(currentCountry);\n        this.documentTypes = response.data;\n        this.country = currentCountry;\n      } catch (error) {\n        console.error('Error loading document types:', error);\n      }\n    }\n  };\n\n  async componentWillLoad() {\n    i18n.on('languageChanged', this.handleLanguageChange);\n\n    SessionStore.onChange('data', () => {\n      if (!renewalState.isInitialized) {\n        this.loadDocumentTypes();\n      }\n    });\n\n    onChange('data', () => {\n      if (renewalState.isInitialized) {\n        this.loadDocumentTypes();\n      }\n    });\n\n    await this.loadDocumentTypes();\n  }\n\n  handleInputChange = (event: CustomEvent) => {\n    const { id, value } = event.detail;\n\n    if (renewalState.isInitialized) {\n      RenewalStore.setUserIdentification({ [id]: value });\n    } else {\n      SessionStore.setUserInformation({ [id]: value });\n    }\n  };\n\n  disconnectedCallback() {\n    i18n.off('languageChanged', this.handleLanguageChange);\n  }\n\n  private handleLanguageChange = () => {\n    this.currentLanguage = I18nService.getCurrentLanguage();\n  };\n\n  render() {\n    // Determinar qué error mostrar (priorizar documentTypeError si ambos están presentes)\n    const error = this.documentTypeError || this.documentNumberError;\n\n    const options = this.documentTypes.map(documentType => ({\n      label: documentType.value,\n      value: documentType.value,\n    }));\n\n    return (\n      <>\n        <rebill-input-combo\n          select-id=\"documentType\"\n          input-id=\"documentNumber\"\n          on-input={this.handleInputChange}\n          select-placeholder={I18nService.translate('document.typePlaceholder')}\n          input-placeholder={I18nService.translate('document.numberPlaceholder')}\n          error={I18nService.translate(error)}\n          options={options}\n          disabled={this.disabled}\n        />\n      </>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-BJUr_-ZO.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState","i18n"],"sources":["src/components/checkout/payment-method-selector/card-fields/identification/identification.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport { api, DocumentType } from '../../../../../api';\nimport i18n from '../../../../../i18n/i18n.config';\nimport { I18nService } from '../../../../../i18n/i18n.service';\nimport { onChange, renewalState, RenewalStore } from '../../../../../store/renewal.store';\nimport { sessionState, SessionStore } from '../../../../../store/session.store';\n\n@Component({\n  tag: 'card-identification',\n  shadow: false,\n})\nexport class Identification {\n  @State() documentTypes: DocumentType[] = [];\n  @State() country: string = '';\n  @State() currentLanguage: string = I18nService.getCurrentLanguage();\n  @Prop() documentTypeError: string = '';\n  @Prop() documentNumberError: string = '';\n  @Prop() disabled?: boolean = false;\n\n  loadDocumentTypes = async () => {\n    const currentCountry = renewalState.isInitialized\n      ? renewalState.data?.price?.country\n      : sessionState?.data?.pricing?.country;\n\n    if (currentCountry && currentCountry !== this.country) {\n      try {\n        const response = await api.data.getDocumentTypes(currentCountry);\n        this.documentTypes = response.data;\n        this.country = currentCountry;\n      } catch (error) {\n        console.error('Error loading document types:', error);\n      }\n    }\n  };\n\n  async componentWillLoad() {\n    i18n.on('languageChanged', this.handleLanguageChange);\n\n    SessionStore.onChange('data', () => {\n      if (!renewalState.isInitialized) {\n        this.loadDocumentTypes();\n      }\n    });\n\n    onChange('data', () => {\n      if (renewalState.isInitialized) {\n        this.loadDocumentTypes();\n      }\n    });\n\n    await this.loadDocumentTypes();\n  }\n\n  handleInputChange = (event: CustomEvent) => {\n    const { id, value } = event.detail;\n\n    if (renewalState.isInitialized) {\n      RenewalStore.setUserIdentification({ [id]: value });\n    } else {\n      SessionStore.setUserInformation({ [id]: value });\n    }\n  };\n\n  disconnectedCallback() {\n    i18n.off('languageChanged', this.handleLanguageChange);\n  }\n\n  private handleLanguageChange = () => {\n    this.currentLanguage = I18nService.getCurrentLanguage();\n  };\n\n  render() {\n    // Determinar qué error mostrar (priorizar documentTypeError si ambos están presentes)\n    const error = this.documentTypeError || this.documentNumberError;\n\n    const options = this.documentTypes.map(documentType => ({\n      label: documentType.value,\n      value: documentType.value,\n    }));\n\n    return (\n      <>\n        <rebill-input-combo\n          select-id=\"documentType\"\n          input-id=\"documentNumber\"\n          on-input={this.handleInputChange}\n          select-placeholder={I18nService.translate('document.typePlaceholder')}\n          input-placeholder={I18nService.translate('document.numberPlaceholder')}\n          error={I18nService.translate(error)}\n          options={options}\n          disabled={this.disabled}\n        />\n      </>\n    );\n  }\n}\n"],"version":3}

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, H, createEvent, getAssetPath, h } from './p-8BpuJ_V5.js';
 import { P as PAYMENT_METHOD_ENUM, I as I18nService, c as formatAmount } from './p-CMzpQU2o.js';
-import { r as renewalState } from './p-hpg1lOUJ.js';
+import { r as renewalState } from './p-b0Xc3sbS.js';
 import { B as BREAKPOINT_ENUM, g as getBreakpoint, i as isBreakpointBelow } from './p-Do_vNuMa.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { g as getCountryPaymentMethods } from './p-lrq3TCNp.js';
@@ -177,13 +177,15 @@ const RenewalSuccessPage = /*@__PURE__*/ proxyCustomElement(class RenewalSuccess
                 email: renewalState.data.subscription.customerEmail || '',
                 referenceNumber: this.referenceNumber,
                 productTitle: renewalState.data.subscription.name[0]?.text || 'Subscription',
-                subtotal: this.getFormattedSubtotal(),
-                total: this.getFormattedTotal(),
+                subtotal: formatAmount(renewalState.data.subscription.subTotalAmount, renewalState.data.price.currency),
+                total: formatAmount(renewalState.data.price.amount, renewalState.data.price.currency),
                 currency: renewalState.data.price.currency || ' ',
-                discountAmount: this.getFormattedDiscountAmount(),
+                ...(this.getDiscountAmountValue() > 0 && {
+                    discountAmount: formatAmount(this.getDiscountAmountValue(), renewalState.data.price.currency),
+                }),
                 trialPeriodDays: this.trialPeriodDays,
                 debitDay: this.debitDay,
-                planAmount: this.getFormattedSubtotal(this.planAmount),
+                planAmount: formatAmount(this.planAmount, renewalState.data.price.currency),
                 isBankTransfer: this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER,
             });
         }
@@ -192,37 +194,13 @@ const RenewalSuccessPage = /*@__PURE__*/ proxyCustomElement(class RenewalSuccess
         }
     };
     getDiscountAmountValue = () => {
-        const discountAmount = Math.max(0, renewalState?.data?.price?.discountedAmount || 0);
-        if (discountAmount > 0) {
-            return discountAmount;
-        }
-        const discountPercentage = renewalState?.data?.price?.discountPercentage;
-        if (discountPercentage && discountPercentage > 0) {
-            const subtotal = renewalState?.data?.price?.amount || 0;
-            return Math.max(0, (subtotal * discountPercentage) / 100);
+        if (renewalState?.data?.price?.amount < renewalState?.data?.subscription?.subTotalAmount) {
+            return renewalState?.data?.subscription?.subTotalAmount - renewalState?.data?.price?.amount;
         }
         return 0;
     };
-    hasDiscount = () => this.getDiscountAmountValue() > 0;
-    getFormattedDiscountAmount = () => {
-        if (!this.hasDiscount()) {
-            return undefined;
-        }
-        const formattedAmount = formatAmount(this.getDiscountAmountValue(), renewalState.data.price.currency);
-        return `-${formattedAmount}`;
-    };
-    getFormattedSubtotal = (planAmount) => {
-        const subtotal = planAmount ?? renewalState.data.price.amount ?? 0;
-        return formatAmount(subtotal, renewalState.data.price.currency);
-    };
-    getFormattedTotal = () => {
-        if (this.trialPeriodDays > 0) {
-            return formatAmount(0, renewalState.data.price.currency);
-        }
-        const subtotal = renewalState.data.price.amount || 0;
-        const discount = this.getDiscountAmountValue();
-        const total = Math.max(subtotal - discount, 0);
-        return formatAmount(total, renewalState.data.price.currency);
+    hasDiscount = () => {
+        return this.getDiscountAmountValue() > 0;
     };
     textPaymentMethodCard = () => {
         const cardBrand = renewalState.data?.cardInformation?.brand;
@@ -231,9 +209,9 @@ const RenewalSuccessPage = /*@__PURE__*/ proxyCustomElement(class RenewalSuccess
         return cardBrand && cardLastFour ? `${formattedBrand} - ${cardLastFour}` : formattedBrand;
     };
     render() {
-        return (h("rebill-checkout-single-column", { key: '402b4cedbbb17a23bd3577c1f21e1fd6bd90e3d8' }, h("div", { key: '9bc1be4cb9c93f5592e4337aacf3c86f2248b463', class: "renewal-success-page__success-content" }, h("rebill-typography", { key: 'f7ce3badf06d52e57caf34c0afffbeae31d2893e', variant: "h3", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.successTitle')), h("div", { key: '84fa4f4430a40a94fc74108cbc55ddf72552337a', class: "renewal-success-page__success-icon" }, h("svg", { key: 'bcfef4becc9eceda6ab2065f4f35725b961f74e1', 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", { key: '47b8622f0f1d57c30caa633a89fe8f3a55a59c1d', "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: '391528d1d7a987c0e8ec0fc9f2f70619581b5511', class: "renewal-success-page__info-card" }, h("div", { key: 'de44d111c5887d56a40ed2fce6d13f6abf5e2edf', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '6f784c644d7b7a75116cd007270b210539d4a3f0', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentMethod')), h("div", { key: 'c2e6052f4a84d2526255f385a386090324b2f152', class: "renewal-success-page__card-value" }, h("div", { key: '72f42b62950d7fa81422e7fbf40ceefa37042f9a', class: "renewal-success-page__payment-method-display" }, this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (h(h.Fragment, null, h("rebill-card-icon", { key: 'd1614bb2b9d5406846d1fd60a761f1133aafb41f', "card-brand": renewalState.data?.cardInformation?.brand || '' }), h("rebill-typography", { key: 'bae3048cbc1bd7423b4ebc609f053b8e3aaff5e1', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.textPaymentMethodCard()))), this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (h("div", { key: 'dd0ec5a1c831c0a15d60f258afbbf14a327d5ae2', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, h("div", { key: '093b84d802004f86f6c85822b79373af669a76b8', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, this.getPaymentMethodConfig(PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(iconName => {
+        return (h("rebill-checkout-single-column", { key: 'cb90cb24d93fb4245e4eaf3cdeeab4e278b2c546' }, h("div", { key: '20e031f6307df3ffeceb32ff4bf1337ac54ad098', class: "renewal-success-page__success-content" }, h("rebill-typography", { key: '199431628bf2461d82397f04146f5f830d5ed88f', variant: "h3", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.successTitle')), h("div", { key: '761a4e40d5b1653a3cd3e9b667027025b19dacf0', class: "renewal-success-page__success-icon" }, h("svg", { key: '35c1f8a00382da91c35813c086a13236ef64d150', 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", { key: 'eba561010f527546317c5a5368364e3b7d88a8d8', "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: '82ac13c8d26f7ac58c28e8b49518abe140749561', class: "renewal-success-page__info-card" }, h("div", { key: '0b1c283d679bf968265a23b67fd8821c9a1a57db', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'ca1a8d98b07b2a681cf630f09d047a0c60063be6', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentMethod')), h("div", { key: '4449bcb86cddf6316f570bad14b240f3e328ae99', class: "renewal-success-page__card-value" }, h("div", { key: '4858d10857b00244122145864cc92906abdcd24a', class: "renewal-success-page__payment-method-display" }, this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (h(h.Fragment, null, h("rebill-card-icon", { key: 'b64cfc5c69e3c0627f361650f039e06329c9004e', "card-brand": renewalState.data?.cardInformation?.brand || '' }), h("rebill-typography", { key: '7ef5fc2219158df995dfbcab3ecd35291ce6d1eb', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.textPaymentMethodCard()))), this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (h("div", { key: '9759c64a9ca925f6ad3ebe5be536451a2e7b8e9c', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, h("div", { key: '9b8b9987a82403e24f355fd68ca625d5ac6be0d0', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, this.getPaymentMethodConfig(PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(iconName => {
             return h("rebill-icon", { name: iconName, size: "24px" });
-        })), h("rebill-typography", { key: '9bd7ba23735aba250101ea8315bddc9d594570a7', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('paymentMethods.bank_transfer'))))))), h("div", { key: '91c7a5bf52399e4e4055c189e2e411e1ad2e203e', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '508a953b5441320aaefd442fb93e5707690d9e62', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentDate')), h("rebill-typography", { key: '8c7686c3bcc20c035737b45278acccb49780fe58', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatDateTime(this.paymentDate || this.getPaymentDate()) || '')), h("div", { key: '88d968be1d372100800274e115fa9323d753b828', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '5264ac14e417e34665a59d4572ec46df8606d340', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentEmail')), h("rebill-typography", { key: 'f4b9888d50c95dd950ff9adcad791ae500cc7dec', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, renewalState.data.subscription.customerEmail)), h("div", { key: 'e933d5001c82f1292f400f5e285b5f28b48a5cad', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '12646ade5d46a1c38ecac3880aea46368075fd89', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentReference')), h("rebill-typography", { key: '17e995e8325839b525f2f5d83f199bff23c1f0bb', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT, class: "renewal-success-page__reference-number" }, this.referenceNumber || ''))), h("div", { key: '9e714b5b6abe2fa3b554ff23864b55eb1e9705f7', class: "renewal-success-page__info-card" }, h("rebill-typography", { key: 'af0b32e8798a303623041dde9d28a375e889bdb5', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.purchaseDetails')), h("div", { key: 'cac87630f051f922dbb1959427598a522d658d69', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'f706894cbf35d955fc5f7274ece9d9cb67971c2e', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseDetail')), h("rebill-typography", { key: 'a5859c5c865c695a829de366e3e2ebbc668e8101', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, renewalState.data.subscription.name[0]?.text || 'Subscription')), h("div", { key: '57b6d1330e351c35717d3eaaf501115be61abb71', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '8e1edb959a3b467e3fe6da7dfe9382fea4bb6cf7', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseSubtotal')), h("rebill-typography", { key: '427e62c031020d53f5ad99b1f1a61104fc4ebcfd', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedSubtotal())), this.hasDiscount() && (h("div", { key: '1b4efd6793d3cd6c74c888f14f59faf3d5238bd1', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '0a97cd35189920a79f772cad82f0f8f28ce2c35c', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('summary.discount')), h("rebill-typography", { key: '7502bde7fdad45ba3d2d2747aa953084ba3c9f36', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedDiscountAmount()))), h("div", { key: '0d9b02cd11d0011aa4737c2d7678eb9368b02d7d', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'aae100f9b4cf8f91c74e1f10ab389607d302b56f', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseMontoTotal')), h("div", { key: '97136630c0c86c506452fc980786c284a80d6215', class: "renewal-success-page__total-amount-container" }, h("rebill-typography", { key: 'b6d1fca12f80fb11749faa0437d1e3caec7105f6', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedTotal()))), h("div", { key: 'ca97f59a1de8363224bf369a8ae468ce6850a93b', class: "renewal-success-page__card-divider" }), h("div", { key: 'ab1c16fcfa2f0d950d3a75660bc5aaa56953a0ee', class: "renewal-success-page__download-container" }, h("svg", { key: 'b44ab9cdadf127ab276d5d39d5265c60a1e2774e', class: "download-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '116d9d468ce2f32e23583d435f0e85b857695d9b', 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: 'f412228cba96c132cc654ffac04a09397d12d8fa', type: "button", variant: "download", size: "small", onClick: this.handleDownloadReceipt }, h("rebill-typography", { key: '8e6f3a7b1649a6a91aa1655e2d37f48e5a4d5296', variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.download')))), h("div", { key: '59d551b52f1a434843fb77fe04f81f07334ea0f0', class: "renewal-success-page__contact-info" }, h("rebill-typography", { key: 'fa90b7fc1f360607c29d7d05e560a43337d7d490', variant: "information-text", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.downloadDescription')))))));
+        })), h("rebill-typography", { key: 'b830a51f477da38f4fad6d861d56d8473eedc1e0', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('paymentMethods.bank_transfer'))))))), h("div", { key: '9f336dc44b09b227dca8d55f7543af8d6965340e', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '54487e54a1d044044748d39e838f0bcedc1806db', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentDate')), h("rebill-typography", { key: 'f90cb87eaad022c8e4e8a7fd50b6efc98e96e5fb', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatDateTime(this.paymentDate || this.getPaymentDate()) || '')), h("div", { key: '4f5dd152b68e4bf8f09929fc459204c9c9316c7d', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '977d12ffd4f81822f16e040f36380354569a38ee', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentEmail')), h("rebill-typography", { key: '62e10631ec66d641f7c2a2e18aecd583d14d51d1', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, renewalState.data.subscription.customerEmail)), h("div", { key: 'ef143339c11f42d47d5c29dcb77f432a6ab522ab', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'd7f341310f59a3f15a112cdcd393f60dd762f742', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentReference')), h("rebill-typography", { key: '06c82cbdede33d774212a283229e51a27de9526f', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT, class: "renewal-success-page__reference-number" }, this.referenceNumber || ''))), h("div", { key: '6e1dc249302831b6d86174d69c766d4149e532d0', class: "renewal-success-page__info-card" }, h("rebill-typography", { key: 'b9c21efa101829c13f8cc13518c55769fdf2f210', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.purchaseDetails')), h("div", { key: '28d67a7e5b44c05d5c4d795c0293c841ee5b220f', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '907bb77f52600cff2d1cfd9cc66653d5a62f1d8a', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseDetail')), h("rebill-typography", { key: 'ae917b6621a7e550793f363f64854cccc9c676c5', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, renewalState.data.subscription.name[0]?.text || 'Subscription')), h("div", { key: '5aee63e2757c447c31a554563bc3bfe4442e9727', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'dfd32d9e61e6671ae0ccd7204efc0dc957ce6f5f', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseSubtotal')), h("rebill-typography", { key: '60d4e2c5d2a9907c7676692f123b9ac809726636', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatAmount(renewalState.data.subscription.subTotalAmount, renewalState.data.price.currency))), this.hasDiscount() && (h("div", { key: 'c2b4d3539da9811e82e14f00e40995813642e281', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '4cc407db9e8654592ac8961793ac16c5c8bdc650', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('summary.discount')), h("rebill-typography", { key: '8767ff24390fd66f61a3007ec5c89b23f4d15708', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatAmount(this.getDiscountAmountValue(), renewalState.data.price.currency)))), h("div", { key: '6f58d05abb853a328a91bfb773f2efbb46ddf766', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '1b07af9baa275addf2270e9ebb652021ba3af2ad', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseMontoTotal')), h("div", { key: '01c846178f5a87baf3cebe47f373e93b415fd9fb', class: "renewal-success-page__total-amount-container" }, h("rebill-typography", { key: '570f795573812b983aacd716fc95892c16ddb66f', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatAmount(renewalState.data.price.amount, renewalState.data.price.currency)))), h("div", { key: '101e06be84246481dd7fb120b4e64df6656382e7', class: "renewal-success-page__card-divider" }), h("div", { key: 'bad8e69d95ee7befdb613246328ff6ef9556cf9d', class: "renewal-success-page__download-container" }, h("svg", { key: '97b4a2ac69de811ce0881b577cd0c3bc39e13c14', class: "download-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '31afab13c012655e05413f5cf15d2545b3ac835e', 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: '335a6328a75c0474ff6983bc0c3be5f8fdd62033', type: "button", variant: "download", size: "small", onClick: this.handleDownloadReceipt }, h("rebill-typography", { key: '9d5427cb68781fe7b8202639ea9ef8f0fc13c6ed', variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.download')))), h("div", { key: '1fba619b28bac4f85e2f00a7a227c91a4352f9b7', class: "renewal-success-page__contact-info" }, h("rebill-typography", { key: '942aee63c06bc040ea304545ddf0dfc64235102a', variant: "information-text", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.downloadDescription')))))));
     }
     static get style() { return renewalSuccessPageCss; }
 }, [256, "renewal-success-page", {
@@ -310,6 +288,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { RenewalSuccessPage as R, defineCustomElement as d };
-//# sourceMappingURL=p-CM-_FFDG.js.map
+//# sourceMappingURL=p-BSCSd_ch.js.map
 
-//# sourceMappingURL=p-CM-_FFDG.js.map
+//# sourceMappingURL=p-BSCSd_ch.js.map

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

@@ -0,0 +1 @@
+{"file":"p-BSCSd_ch.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: formatAmount(\n          renewalState.data.subscription.subTotalAmount,\n          renewalState.data.price.currency as any,\n        ),\n        total: formatAmount(\n          renewalState.data.price.amount,\n          renewalState.data.price.currency as any,\n        ),\n        currency: (renewalState.data.price.currency as any) || ' ',\n        ...(this.getDiscountAmountValue() > 0 && {\n          discountAmount: formatAmount(\n            this.getDiscountAmountValue(),\n            renewalState.data.price.currency as any,\n          ),\n        }),\n        trialPeriodDays: this.trialPeriodDays,\n        debitDay: this.debitDay,\n        planAmount: formatAmount(this.planAmount, renewalState.data.price.currency as any),\n        isBankTransfer: this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER,\n      });\n    } catch (error) {\n      console.error('Error downloading receipt:', error);\n    }\n  };\n\n  private getDiscountAmountValue = () => {\n    if (renewalState?.data?.price?.amount < renewalState?.data?.subscription?.subTotalAmount) {\n      return renewalState?.data?.subscription?.subTotalAmount - renewalState?.data?.price?.amount;\n    }\n    return 0;\n  };\n\n  hasDiscount = () => {\n    return this.getDiscountAmountValue() > 0;\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                {formatAmount(\n                  renewalState.data.subscription.subTotalAmount,\n                  renewalState.data.price.currency as any,\n                )}\n              </rebill-typography>\n            </div>\n            {this.hasDiscount() && (\n              <div class=\"renewal-success-page__card-row\">\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                  {I18nService.translate('summary.discount')}\n                </rebill-typography>\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {formatAmount(\n                    this.getDiscountAmountValue(),\n                    renewalState.data.price.currency as any,\n                  )}\n                </rebill-typography>\n              </div>\n            )}\n            <div class=\"renewal-success-page__card-row\">\n              <rebill-typography variant=\"body2\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.purchaseMontoTotal')}\n              </rebill-typography>\n              <div class=\"renewal-success-page__total-amount-container\">\n                <rebill-typography variant=\"body2\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {formatAmount(\n                    renewalState.data.price.amount,\n                    renewalState.data.price.currency as any,\n                  )}\n                </rebill-typography>\n              </div>\n            </div>\n            <div class=\"renewal-success-page__card-divider\"></div>\n            <div class=\"renewal-success-page__download-container\">\n              <svg\n                class=\"download-icon\"\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n              >\n                <path\n                  d=\"M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667\"\n                  stroke=\"currentColor\"\n                  stroke-linecap=\"round\"\n                  stroke-linejoin=\"round\"\n                />\n              </svg>\n              <rebill-button\n                type=\"button\"\n                variant=\"download\"\n                size=\"small\"\n                onClick={this.handleDownloadReceipt}\n              >\n                <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {I18nService.translate('processing.download')}\n                </rebill-typography>\n              </rebill-button>\n            </div>\n\n            {/* Contact Info */}\n            <div class=\"renewal-success-page__contact-info\">\n              <rebill-typography variant=\"information-text\" color={COLORS_ENUM.SECONDARY}>\n                {I18nService.translate('processing.downloadDescription')}\n              </rebill-typography>\n            </div>\n          </div>\n        </div>\n      </rebill-checkout-single-column>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BY43VCzz.js → p-Bln3wBD6.js}

@@ -3,9 +3,9 @@ import { P as PAYMENT_METHOD_ENUM, I as I18nService, s as state, b as SESSION_IT
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { g as getCountryPaymentMethods } from './p-lrq3TCNp.js';
 import { g as getPaymentMethodDisplayName } from './p-BOXqUkEO.js';
-import { d as defineCustomElement$c } from './p-B1lTVbgj.js';
-import { d as defineCustomElement$b } from './p-D6xIJNnb.js';
-import { d as defineCustomElement$a } from './p-dgrAtFYi.js';
+import { d as defineCustomElement$c } from './p-DPpE0kdy.js';
+import { d as defineCustomElement$b } from './p-BJUr_-ZO.js';
+import { d as defineCustomElement$a } from './p-DDVDLDRI.js';
 import { d as defineCustomElement$9 } from './p-C0LGxeng.js';
 import { d as defineCustomElement$8 } from './p-Dl_1nkw6.js';
 import { d as defineCustomElement$7 } from './p-CWY-g0zG.js';
@@ -244,6 +244,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PaymentMethodSelector as P, defineCustomElement as d };
-//# sourceMappingURL=p-BY43VCzz.js.map
+//# sourceMappingURL=p-Bln3wBD6.js.map
 
-//# sourceMappingURL=p-BY43VCzz.js.map
+//# sourceMappingURL=p-Bln3wBD6.js.map

package/dist/components/{p-BY43VCzz.js.map → p-Bln3wBD6.js.map}

@@ -1 +1 @@
-{"file":"p-BY43VCzz.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/payment-method-selector/payment-method-selector.css?tag=payment-method-selector","src/components/checkout/payment-method-selector/payment-method-selector.tsx"],"sourcesContent":[".payment-method-selector {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.card-description-container {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  width: 100%;\n}\n","import { Component, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { SESSION_ITEM_TYPE_ENUM } from '../../../models';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { sessionState } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { getCountryPaymentMethods } from '../../../utils/countries-payment-methods';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\n\nexport interface CardError {\n  showCardInvalid: boolean;\n  type: 'tokenization_error' | 'card_error' | null;\n}\n@Component({\n  tag: 'payment-method-selector',\n  styleUrl: 'payment-method-selector.css',\n  shadow: false,\n})\nexport class PaymentMethodSelector {\n  @Prop() enabledPaymentMethods: PAYMENT_METHOD_ENUM[] = [];\n\n  @Prop() defaultSelected?: PAYMENT_METHOD_ENUM;\n  @Prop() showErrorComponent: boolean = false;\n  @Prop() cardError: CardError;\n  // currency country\n  @Prop() country?: string;\n  @Prop() installmentsError?: string;\n  @Prop() documentTypeError?: string;\n  @Prop() showDocument?: boolean;\n  @Prop() documentNumberError?: string;\n  @Prop() customCSS?: string;\n  @Prop() errorComponent?: {\n    showErrorComponent: boolean;\n    alertTitle?: string;\n    message: string;\n  };\n  @Prop() disabled?: boolean = false;\n  @State() icon: string = '';\n\n  @State() selectedPaymentMethod: PAYMENT_METHOD_ENUM;\n  @State() saveCard: boolean = false;\n\n  @Event() paymentMethodSelected: EventEmitter<PAYMENT_METHOD_ENUM>;\n\n  componentWillLoad() {\n    if (this.enabledPaymentMethods.length > 0) {\n      this.selectedPaymentMethod = this.defaultSelected || this.enabledPaymentMethods[0];\n\n      if (this.enabledPaymentMethods.length === 1) {\n        this.paymentMethodSelected.emit(this.selectedPaymentMethod);\n      }\n    }\n    this.getPaymentMethodIcon(this.selectedPaymentMethod);\n  }\n\n  componentWillUpdate() {\n    // Update selected payment method when defaultSelected prop changes\n    if (this.defaultSelected && this.selectedPaymentMethod !== this.defaultSelected) {\n      this.selectedPaymentMethod = this.defaultSelected;\n    }\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: ['doblecard'],\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:\n          this.country === 'AR'\n            ? I18nService.translate('paymentMethods.bank_transfer_qr')\n            : 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 getPaymentMethodIcon(paymentMethod: PAYMENT_METHOD_ENUM) {\n    this.icon = getPaymentMethodDisplayName(paymentMethod, this.country)?.toLowerCase() || 'card';\n    return this.icon;\n  }\n\n  handlePaymentMethodSelected(paymentMethod: PAYMENT_METHOD_ENUM) {\n    if (this.disabled) {\n      return;\n    }\n    this.selectedPaymentMethod = paymentMethod;\n    this.paymentMethodSelected.emit(paymentMethod);\n  }\n\n  // handleSaveCardChange(event: any) {\n  //   this.saveCard = event?.target?.checked;\n  //   SessionStore.setSaveCard(this.saveCard);\n  // }\n\n  @Listen('selectableCardClick')\n  handleSelectableCardClick(event: CustomEvent<string>) {\n    if (this.disabled) {\n      return;\n    }\n    const paymentMethodKey = event.detail as PAYMENT_METHOD_ENUM;\n    this.handlePaymentMethodSelected(paymentMethodKey);\n  }\n\n  render() {\n    if (this.enabledPaymentMethods.length === 0) {\n      return null;\n    }\n\n    return (\n      <div class=\"payment-method-selector\">\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'row',\n            gap: '8px',\n            width: '100%',\n            justifyContent: 'space-between',\n          }}\n        >\n          {this.enabledPaymentMethods.length === 1 &&\n            (() => {\n              const config = this.getPaymentMethodConfig(this.enabledPaymentMethods[0]);\n              return (\n                <single-payment-method\n                  paymentMethod={this.enabledPaymentMethods[0]}\n                  currencyCountry={this.country}\n                  paymentMethodDetails={[]}\n                  icons={config.icons}\n                  style={{\n                    display: 'flex',\n                    flex: '1 1 0',\n                  }}\n                />\n              );\n            })()}\n          {this.enabledPaymentMethods.length > 1 &&\n            this.enabledPaymentMethods.map(paymentMethod => {\n              const config = this.getPaymentMethodConfig(paymentMethod);\n              return (\n                <selectable-card\n                  style={{ flex: '1 1 0' }}\n                  selected={this.selectedPaymentMethod === paymentMethod}\n                  card-key={config.key}\n                  label={config.label}\n                  disabled={this.disabled}\n                >\n                  <span slot=\"icon\">\n                    <div\n                      style={{ display: 'flex', alignItems: 'center', gap: '8px', height: '24px' }}\n                    >\n                      {config.icons.map(iconName => {\n                        return (\n                          <rebill-icon\n                            name={iconName}\n                            color={\n                              this.disabled && paymentMethod === PAYMENT_METHOD_ENUM.CARD\n                                ? COLORS_ENUM.NEUTRALS_500\n                                : 'currentColor'\n                            }\n                          />\n                        );\n                      })}\n                    </div>\n                  </span>\n                </selectable-card>\n              );\n            })}\n        </div>\n        <div>\n          {this.cardError.showCardInvalid &&\n          this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CARD ? (\n            <rebill-alert\n              type=\"error\"\n              alertTitle={\n                this.cardError.type === 'tokenization_error'\n                  ? I18nService.translate('validation.tokenError')\n                  : I18nService.translate('validation.cardInvalid')\n              }\n              variant=\"outlined\"\n              message={\n                this.cardError.type === 'tokenization_error'\n                  ? I18nService.translate('validation.tokenErrorDescription')\n                  : I18nService.translate('validation.cardInvalidDescription')\n              }\n              icon=\"error\"\n            />\n          ) : this.errorComponent.showErrorComponent ? (\n            <rebill-alert\n              type=\"error\"\n              alertTitle={this.errorComponent.alertTitle}\n              message={this.errorComponent.message}\n              variant=\"outlined\"\n              icon=\"error\"\n            />\n          ) : null}\n        </div>\n        {this.enabledPaymentMethods.length > 1 &&\n          this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CARD &&\n          sessionState.data?.itemInformation?.type !== SESSION_ITEM_TYPE_ENUM.PLAN && (\n            <div\n              style={{\n                display: 'flex',\n                justifyContent: 'flex-end',\n                alignItems: 'center',\n              }}\n            >\n              {/* <rebill-input-checkbox\n                id=\"saveCard\"\n                checked={this.saveCard}\n                label={I18nService.translate('paymentMethods.saveCard')}\n                onInput={event => this.handleSaveCardChange(event)}\n              /> */}\n            </div>\n          )}\n        {this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CARD && (\n          <>\n            {/* {this.enabledPaymentMethods.length > 1 && (\n              <div class=\"card-description-container\">\n                <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                  <rebill-typography variant=\"body2\" color={COLORS_ENUM.TEXT_PRIMARY}>\n                    {I18nService.translate('paymentMethods.cardDescription')}\n                  </rebill-typography>\n                  <rebill-card-carousel\n                    size=\"24px\"\n                    color=\"currentColor\"\n                    show-all-cards=\"false\"\n                  ></rebill-card-carousel>\n                </div>\n              </div>\n            )} */}\n            <div>\n              <card-fields-wrapper\n                installmentsError={this.installmentsError}\n                documentTypeError={this.documentTypeError}\n                documentNumberError={this.documentNumberError}\n                showDocument={this.showDocument}\n                customCSS={this.customCSS}\n              />\n            </div>\n          </>\n        )}\n        {/* Mostrar campos de documento para BANK_TRANSFER y CASH cuando showDocument es true */}\n        {(this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER ||\n          this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CASH) &&\n          this.showDocument && (\n            <div>\n              <card-identification\n                documentTypeError={this.documentTypeError}\n                documentNumberError={this.documentNumberError}\n                disabled={this.disabled}\n              />\n            </div>\n          )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Bln3wBD6.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/payment-method-selector/payment-method-selector.css?tag=payment-method-selector","src/components/checkout/payment-method-selector/payment-method-selector.tsx"],"sourcesContent":[".payment-method-selector {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.card-description-container {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  width: 100%;\n}\n","import { Component, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { SESSION_ITEM_TYPE_ENUM } from '../../../models';\nimport { PAYMENT_METHOD_ENUM } from '../../../models/enums/payment-methods.enum';\nimport { sessionState } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { getCountryPaymentMethods } from '../../../utils/countries-payment-methods';\nimport { getPaymentMethodDisplayName } from '../../../utils/get-payment-method-display-name';\n\nexport interface CardError {\n  showCardInvalid: boolean;\n  type: 'tokenization_error' | 'card_error' | null;\n}\n@Component({\n  tag: 'payment-method-selector',\n  styleUrl: 'payment-method-selector.css',\n  shadow: false,\n})\nexport class PaymentMethodSelector {\n  @Prop() enabledPaymentMethods: PAYMENT_METHOD_ENUM[] = [];\n\n  @Prop() defaultSelected?: PAYMENT_METHOD_ENUM;\n  @Prop() showErrorComponent: boolean = false;\n  @Prop() cardError: CardError;\n  // currency country\n  @Prop() country?: string;\n  @Prop() installmentsError?: string;\n  @Prop() documentTypeError?: string;\n  @Prop() showDocument?: boolean;\n  @Prop() documentNumberError?: string;\n  @Prop() customCSS?: string;\n  @Prop() errorComponent?: {\n    showErrorComponent: boolean;\n    alertTitle?: string;\n    message: string;\n  };\n  @Prop() disabled?: boolean = false;\n  @State() icon: string = '';\n\n  @State() selectedPaymentMethod: PAYMENT_METHOD_ENUM;\n  @State() saveCard: boolean = false;\n\n  @Event() paymentMethodSelected: EventEmitter<PAYMENT_METHOD_ENUM>;\n\n  componentWillLoad() {\n    if (this.enabledPaymentMethods.length > 0) {\n      this.selectedPaymentMethod = this.defaultSelected || this.enabledPaymentMethods[0];\n\n      if (this.enabledPaymentMethods.length === 1) {\n        this.paymentMethodSelected.emit(this.selectedPaymentMethod);\n      }\n    }\n    this.getPaymentMethodIcon(this.selectedPaymentMethod);\n  }\n\n  componentWillUpdate() {\n    // Update selected payment method when defaultSelected prop changes\n    if (this.defaultSelected && this.selectedPaymentMethod !== this.defaultSelected) {\n      this.selectedPaymentMethod = this.defaultSelected;\n    }\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: ['doblecard'],\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:\n          this.country === 'AR'\n            ? I18nService.translate('paymentMethods.bank_transfer_qr')\n            : 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 getPaymentMethodIcon(paymentMethod: PAYMENT_METHOD_ENUM) {\n    this.icon = getPaymentMethodDisplayName(paymentMethod, this.country)?.toLowerCase() || 'card';\n    return this.icon;\n  }\n\n  handlePaymentMethodSelected(paymentMethod: PAYMENT_METHOD_ENUM) {\n    if (this.disabled) {\n      return;\n    }\n    this.selectedPaymentMethod = paymentMethod;\n    this.paymentMethodSelected.emit(paymentMethod);\n  }\n\n  // handleSaveCardChange(event: any) {\n  //   this.saveCard = event?.target?.checked;\n  //   SessionStore.setSaveCard(this.saveCard);\n  // }\n\n  @Listen('selectableCardClick')\n  handleSelectableCardClick(event: CustomEvent<string>) {\n    if (this.disabled) {\n      return;\n    }\n    const paymentMethodKey = event.detail as PAYMENT_METHOD_ENUM;\n    this.handlePaymentMethodSelected(paymentMethodKey);\n  }\n\n  render() {\n    if (this.enabledPaymentMethods.length === 0) {\n      return null;\n    }\n\n    return (\n      <div class=\"payment-method-selector\">\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'row',\n            gap: '8px',\n            width: '100%',\n            justifyContent: 'space-between',\n          }}\n        >\n          {this.enabledPaymentMethods.length === 1 &&\n            (() => {\n              const config = this.getPaymentMethodConfig(this.enabledPaymentMethods[0]);\n              return (\n                <single-payment-method\n                  paymentMethod={this.enabledPaymentMethods[0]}\n                  currencyCountry={this.country}\n                  paymentMethodDetails={[]}\n                  icons={config.icons}\n                  style={{\n                    display: 'flex',\n                    flex: '1 1 0',\n                  }}\n                />\n              );\n            })()}\n          {this.enabledPaymentMethods.length > 1 &&\n            this.enabledPaymentMethods.map(paymentMethod => {\n              const config = this.getPaymentMethodConfig(paymentMethod);\n              return (\n                <selectable-card\n                  style={{ flex: '1 1 0' }}\n                  selected={this.selectedPaymentMethod === paymentMethod}\n                  card-key={config.key}\n                  label={config.label}\n                  disabled={this.disabled}\n                >\n                  <span slot=\"icon\">\n                    <div\n                      style={{ display: 'flex', alignItems: 'center', gap: '8px', height: '24px' }}\n                    >\n                      {config.icons.map(iconName => {\n                        return (\n                          <rebill-icon\n                            name={iconName}\n                            color={\n                              this.disabled && paymentMethod === PAYMENT_METHOD_ENUM.CARD\n                                ? COLORS_ENUM.NEUTRALS_500\n                                : 'currentColor'\n                            }\n                          />\n                        );\n                      })}\n                    </div>\n                  </span>\n                </selectable-card>\n              );\n            })}\n        </div>\n        <div>\n          {this.cardError.showCardInvalid &&\n          this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CARD ? (\n            <rebill-alert\n              type=\"error\"\n              alertTitle={\n                this.cardError.type === 'tokenization_error'\n                  ? I18nService.translate('validation.tokenError')\n                  : I18nService.translate('validation.cardInvalid')\n              }\n              variant=\"outlined\"\n              message={\n                this.cardError.type === 'tokenization_error'\n                  ? I18nService.translate('validation.tokenErrorDescription')\n                  : I18nService.translate('validation.cardInvalidDescription')\n              }\n              icon=\"error\"\n            />\n          ) : this.errorComponent.showErrorComponent ? (\n            <rebill-alert\n              type=\"error\"\n              alertTitle={this.errorComponent.alertTitle}\n              message={this.errorComponent.message}\n              variant=\"outlined\"\n              icon=\"error\"\n            />\n          ) : null}\n        </div>\n        {this.enabledPaymentMethods.length > 1 &&\n          this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CARD &&\n          sessionState.data?.itemInformation?.type !== SESSION_ITEM_TYPE_ENUM.PLAN && (\n            <div\n              style={{\n                display: 'flex',\n                justifyContent: 'flex-end',\n                alignItems: 'center',\n              }}\n            >\n              {/* <rebill-input-checkbox\n                id=\"saveCard\"\n                checked={this.saveCard}\n                label={I18nService.translate('paymentMethods.saveCard')}\n                onInput={event => this.handleSaveCardChange(event)}\n              /> */}\n            </div>\n          )}\n        {this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CARD && (\n          <>\n            {/* {this.enabledPaymentMethods.length > 1 && (\n              <div class=\"card-description-container\">\n                <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                  <rebill-typography variant=\"body2\" color={COLORS_ENUM.TEXT_PRIMARY}>\n                    {I18nService.translate('paymentMethods.cardDescription')}\n                  </rebill-typography>\n                  <rebill-card-carousel\n                    size=\"24px\"\n                    color=\"currentColor\"\n                    show-all-cards=\"false\"\n                  ></rebill-card-carousel>\n                </div>\n              </div>\n            )} */}\n            <div>\n              <card-fields-wrapper\n                installmentsError={this.installmentsError}\n                documentTypeError={this.documentTypeError}\n                documentNumberError={this.documentNumberError}\n                showDocument={this.showDocument}\n                customCSS={this.customCSS}\n              />\n            </div>\n          </>\n        )}\n        {/* Mostrar campos de documento para BANK_TRANSFER y CASH cuando showDocument es true */}\n        {(this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER ||\n          this.selectedPaymentMethod === PAYMENT_METHOD_ENUM.CASH) &&\n          this.showDocument && (\n            <div>\n              <card-identification\n                documentTypeError={this.documentTypeError}\n                documentNumberError={this.documentNumberError}\n                disabled={this.disabled}\n              />\n            </div>\n          )}\n      </div>\n    );\n  }\n}\n"],"version":3}

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

@@ -25,6 +25,7 @@ const RenewalSummary = /*@__PURE__*/ proxyCustomElement(class RenewalSummary ext
         'summary',
     ];
     totalAmount;
+    subTotalAmount;
     subscriptionTitle;
     subscriptionAmount;
     nextChargeDate;
@@ -51,27 +52,13 @@ const RenewalSummary = /*@__PURE__*/ proxyCustomElement(class RenewalSummary ext
         return I18nService.translate(translationKey, { count });
     }
     getDiscountAmount() {
-        const amountDiscount = Math.max(0, this.discountAmount);
-        if (amountDiscount > 0) {
-            return amountDiscount;
+        if (this.totalAmount < this.subTotalAmount) {
+            return this.subTotalAmount - this.totalAmount;
         }
-        const percentage = this.discountPercentage;
-        if (percentage && percentage > 0) {
-            const base = this.totalAmount;
-            const percentageDiscount = (base * percentage) / 100;
-            return Math.max(0, percentageDiscount);
-        }
-        return 0;
-    }
-    getFinalAmount() {
-        const final = this.totalAmount - this.getDiscountAmount();
-        return Math.max(0, final);
-    }
-    hasDiscount() {
-        return this.getDiscountAmount() > 0;
+        return this.discountAmount || 0;
     }
     renderHeader = () => {
-        return (h("div", { class: "header" }, h("p", { class: "title" }, I18nService.translate('renewal.title')), h("p", { class: "amount" }, h("span", { class: "total-amount" }, formatAmount(this.getFinalAmount(), this.currency)), ' ', h("span", { class: "per" }, "/ ", this.getFrequencyText().toLowerCase()))));
+        return (h("div", { class: "header" }, h("p", { class: "title" }, I18nService.translate('renewal.title')), h("p", { class: "amount" }, h("span", { class: "total-amount" }, formatAmount(this.totalAmount, this.currency)), ' ', h("span", { class: "per" }, "/ ", this.getFrequencyText().toLowerCase()))));
     };
     renderInfoRow = (label, value) => {
         return (h("div", { class: "row" }, h("div", { class: "left" }, label), h("div", { class: "right" }, value)));
@@ -83,15 +70,15 @@ const RenewalSummary = /*@__PURE__*/ proxyCustomElement(class RenewalSummary ext
         return this.renderInfoRow(I18nService.translate('renewal.nextRenewal'), formatDate(this.nextChargeDate, undefined, state.currentLocale));
     };
     renderSubtotal = () => {
-        return this.renderInfoRow(I18nService.translate('renewal.subtotal'), formatAmount(this.totalAmount, this.currency));
+        return this.renderInfoRow(I18nService.translate('renewal.subtotal'), formatAmount(this.subTotalAmount, this.currency));
     };
     renderDiscount = () => {
-        if (!this.hasDiscount())
+        if (this.getDiscountAmount() <= 0)
             return null;
         return (h("div", { class: "row" }, h("div", { class: "left" }, I18nService.translate('summary.discount')), h("div", { class: "right discount-chip-wrapper" }, h("discount-coupon", { displayMode: "readonly", readonlyCouponCode: this.couponCode || undefined, readonlyDiscountAmount: this.getDiscountAmount(), readonlyCurrency: this.currency }))));
     };
     renderTotal = () => {
-        return (h("div", { class: "total-row" }, h("div", { class: "left" }, I18nService.translate('renewal.totalToRenew')), h("div", { class: "right" }, formatAmount(this.getFinalAmount(), this.currency))));
+        return (h("div", { class: "total-row" }, h("div", { class: "left" }, I18nService.translate('renewal.totalToRenew')), h("div", { class: "right" }, formatAmount(this.totalAmount, this.currency))));
     };
     renderDesktop = () => {
         return (h("div", { class: "wrapper" }, this.renderHeader(), h("div", { class: "info" }, h("div", { class: "row" }, h("div", { class: "" }, I18nService.translate('renewal.subscriptionDetails'))), this.renderProduct(), this.renderNextRenewal(), this.renderSubtotal(), this.renderDiscount()), this.renderTotal()));
@@ -109,13 +96,14 @@ const RenewalSummary = /*@__PURE__*/ proxyCustomElement(class RenewalSummary ext
             return (h("collapsible-card", { header: I18nService.translate('summary.details') }, this.renderProduct(), this.renderNextRenewal()));
         }
         if (this.displayedComponents.includes('summary')) {
-            return (h("collapsible-card", { header: I18nService.translate('summary.summary') }, this.renderInfoRow(this.subscriptionTitle, '1 x ' + formatAmount(this.subscriptionAmount, this.currency)), this.renderSubtotal(), this.renderDiscount(), h("rebill-divider", null), this.renderInfoRow(I18nService.translate('renewal.totalToRenew'), formatAmount(this.getFinalAmount(), this.currency))));
+            return (h("collapsible-card", { header: I18nService.translate('summary.summary') }, this.renderInfoRow(this.subscriptionTitle, '1 x ' + formatAmount(this.subscriptionAmount, this.currency)), this.renderSubtotal(), this.renderDiscount(), h("rebill-divider", null), this.renderInfoRow(I18nService.translate('renewal.totalToRenew'), formatAmount(this.totalAmount, this.currency))));
         }
     }
     static get style() { return renewalSummaryCss; }
 }, [256, "renewal-summary", {
         "displayedComponents": [16],
         "totalAmount": [2, "total-amount"],
+        "subTotalAmount": [2, "sub-total-amount"],
         "subscriptionTitle": [1, "subscription-title"],
         "subscriptionAmount": [2, "subscription-amount"],
         "nextChargeDate": [1, "next-charge-date"],
@@ -177,6 +165,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { RenewalSummary as R, defineCustomElement as d };
-//# sourceMappingURL=p-B9sgr8Yu.js.map
+//# sourceMappingURL=p-CmKAtNPq.js.map
 
-//# sourceMappingURL=p-B9sgr8Yu.js.map
+//# sourceMappingURL=p-CmKAtNPq.js.map

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

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

package/dist/components/{p-dgrAtFYi.js → p-DDVDLDRI.js}

@@ -1,6 +1,6 @@
 import { proxyCustomElement, H, h } from './p-8BpuJ_V5.js';
 import { g as getAPIConfig } from './p-BjaEn-3m.js';
-import { r as renewalState, o as onChange$1, R as RenewalStore } from './p-hpg1lOUJ.js';
+import { r as renewalState, o as onChange$1, R as RenewalStore } from './p-b0Xc3sbS.js';
 import { s as state, o as onChange, a as SessionStore } from './p-CMzpQU2o.js';
 import { d as defineCustomElement$1 } from './p-C0LGxeng.js';
 
@@ -374,6 +374,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { CardIframe as C, defineCustomElement as d };
-//# sourceMappingURL=p-dgrAtFYi.js.map
+//# sourceMappingURL=p-DDVDLDRI.js.map
 
-//# sourceMappingURL=p-dgrAtFYi.js.map
+//# sourceMappingURL=p-DDVDLDRI.js.map