rebill-web-components-sdk 1.8.35 → 1.8.37

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, H, h } from './p-8BpuJ_V5.js';
-import { a as api } from './p-Dh-yfb0D.js';
+import { a as api } from './p-hdBb2rTT.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-b0Xc3sbS.js';
 import { d as defineCustomElement$2 } from './p-CWY-g0zG.js';
@@ -105,6 +105,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Identification as I, defineCustomElement as d };
-//# sourceMappingURL=p-BJUr_-ZO.js.map
+//# sourceMappingURL=p-kh0HdPk5.js.map
 
-//# sourceMappingURL=p-BJUr_-ZO.js.map
+//# sourceMappingURL=p-kh0HdPk5.js.map

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

@@ -1 +1 @@
-{"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}
+{"file":"p-kh0HdPk5.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/payment-method-selector.js

@@ -1,4 +1,4 @@
-import { P as PaymentMethodSelector$1, d as defineCustomElement$1 } from './p-Bln3wBD6.js';
+import { P as PaymentMethodSelector$1, d as defineCustomElement$1 } from './p-DZRApK5D.js';
 
 const PaymentMethodSelector = PaymentMethodSelector$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-address.js

@@ -1,4 +1,4 @@
-import { A as Address, d as defineCustomElement$1 } from './p-B4_i6BFO.js';
+import { A as Address, d as defineCustomElement$1 } from './p-CyKDtSI2.js';
 
 const RebillAddress = Address;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-checkout.js

@@ -1,11 +1,11 @@
 import { proxyCustomElement, H, createEvent, h } from './p-8BpuJ_V5.js';
 import { c as create$6 } from './p-MMCcKmy_.js';
-import { a as api } from './p-Dh-yfb0D.js';
+import { a as api } from './p-hdBb2rTT.js';
 import { m as mapRequiredFields, g as generateIdempotencyKey, P as PaymentMessageE, C as CheckoutStatusE, i as isFieldRequired, a as PaymentErrorMapper, b as getFieldValues } from './p-C2yQpf2S.js';
-import { P as PaymentMethodMapper, S as STATUS_REQ_CHECKOUT_APM, d as defineCustomElement$P } from './p-OSC_8G2_.js';
+import { P as PaymentMethodMapper, S as STATUS_REQ_CHECKOUT_APM, d as defineCustomElement$P } from './p-c7IoEGtU.js';
 import { d as defineCustomElement$D } from './p-CSB54QIT.js';
 import { d as defineCustomElement$e } from './p-BZUoWYrL.js';
-import { d as defineCustomElement$d } from './p-VskO2WrV.js';
+import { d as defineCustomElement$d } from './p-Be6Svr7E.js';
 import { d as defineCustomElement$2 } from './p-8UiRDnGO.js';
 import { d as defineCustomElement$F } from './p-TtP-m545.js';
 import { s as state, S as SESSION_TYPE_ENUM, I as I18nService, a as SessionStore, i as initializeI18nWithSessionLanguage, P as PAYMENT_METHOD_ENUM, o as onChange, b as SESSION_ITEM_TYPE_ENUM } from './p-CMzpQU2o.js';
@@ -14,17 +14,17 @@ import { G as GoogleMapsService, d as defineCustomElement$y } from './p-D8ihKDeQ
 import { d as defineCustomElement$g } from './p-DGmiVli7.js';
 import { d as defineCustomElement$O } from './p-G5Zi8QzX.js';
 import { d as defineCustomElement$N } from './p-Biim1QOc.js';
-import { d as defineCustomElement$M } from './p-DPpE0kdy.js';
-import { d as defineCustomElement$L } from './p-BJUr_-ZO.js';
-import { d as defineCustomElement$K } from './p-DDVDLDRI.js';
+import { d as defineCustomElement$M } from './p-D_lNAXr_.js';
+import { d as defineCustomElement$L } from './p-kh0HdPk5.js';
+import { d as defineCustomElement$K } from './p-Bel0mbz7.js';
 import { d as defineCustomElement$J } from './p-C0LGxeng.js';
 import { d as defineCustomElement$I } from './p-xnPPdPin.js';
-import { d as defineCustomElement$H } from './p-D5TXI2Hb.js';
+import { d as defineCustomElement$H } from './p-BD1NqdR9.js';
 import { d as defineCustomElement$G } from './p-C43pkqJD.js';
-import { d as defineCustomElement$E } from './p-Dk10IZbR.js';
-import { d as defineCustomElement$C } from './p-Bln3wBD6.js';
+import { d as defineCustomElement$E } from './p-CQS1pU-N.js';
+import { d as defineCustomElement$C } from './p-DZRApK5D.js';
 import { d as defineCustomElement$B } from './p-Das5VDOT.js';
-import { d as defineCustomElement$A } from './p-B4_i6BFO.js';
+import { d as defineCustomElement$A } from './p-CyKDtSI2.js';
 import { d as defineCustomElement$z } from './p-tPSCwC9B.js';
 import { d as defineCustomElement$x } from './p-Dl_1nkw6.js';
 import { d as defineCustomElement$w } from './p-Bn38rJ-O.js';
@@ -52,7 +52,7 @@ import { d as defineCustomElement$8 } from './p-u4VMRkxg.js';
 import { d as defineCustomElement$7 } from './p-RwYDKm3Q.js';
 import { d as defineCustomElement$6 } from './p-BtfQJQXV.js';
 import { d as defineCustomElement$5 } from './p-Db7dntOn.js';
-import { d as defineCustomElement$4 } from './p-DvgE3hKC.js';
+import { d as defineCustomElement$4 } from './p-B-3lImmb.js';
 import { d as defineCustomElement$3 } from './p-C9vLIn6X.js';
 
 /**
@@ -765,7 +765,6 @@ const RebillCheckout$1 = /*@__PURE__*/ proxyCustomElement(class RebillCheckout e
     }
     async handleSubmitAPM(data) {
         // Only handle cash and transfer payments for now
-        console.log('handleSubmitAPM', this.currentPaymentMethod);
         if (this.currentPaymentMethod !== PAYMENT_METHOD_ENUM.CASH &&
             this.currentPaymentMethod !== PAYMENT_METHOD_ENUM.BANK_TRANSFER) {
             return;
@@ -1068,8 +1067,8 @@ const RebillCheckout$1 = /*@__PURE__*/ proxyCustomElement(class RebillCheckout e
             label: country.country,
             value: country.isoCountryCode,
         }));
-        const renderRebillSummary = (props = {}) => (h("rebill-summary", { key: '16fdd9759135895d7c3a64441715df1a53d1d44f', totalAmount: state.data.pricing.total, currency: state.data.pricing.currency, itemTitle: state._session?.getTitle(), itemDescription: state._session?.getDescription(), itemAmount: state.data.pricing.subtotal, subtotal: state.data.pricing.subtotal, allowCoupon: state._session?.getAllowCoupon(this.displayConfig), currentBreakpoint: this.breakpoint, planFrequency: state._session?.getPlanFrequency(), planFrequencyCount: state._session?.getPlanFrequencyCount(), discountType: state.data.discount.discountType, discountedPercentage: state.data.discount.discountedPercentage, discountDuration: state.data.discount.discountDuration, discountAmount: state.data.discount.discountAmount, ...props }));
-        return (state.isInitialized && (h(h.Fragment, null, this.showRefreshModal && h("rebill-modal-overlay", { key: 'a015528effd8f661aac44f6bc692da7dc25693a0' }), this.displayConfig.processingPayment && (h("rebill-processing-payment", { key: '4213db86bc17a1e06972b8dce1b5c63da815ab30', style: { display: this.isCardSubmitting ? 'block' : 'none' } })), this.displayConfig.successPage &&
+        const renderRebillSummary = (props = {}) => (h("rebill-summary", { key: '698d9a1b5eeee59f9e4b9762bedcedd4818a059e', totalAmount: state.data.pricing.total, currency: state.data.pricing.currency, itemTitle: state._session?.getTitle(), itemDescription: state._session?.getDescription(), itemAmount: state.data.pricing.subtotal, subtotal: state.data.pricing.subtotal, allowCoupon: state._session?.getAllowCoupon(this.displayConfig), currentBreakpoint: this.breakpoint, planFrequency: state._session?.getPlanFrequency(), planFrequencyCount: state._session?.getPlanFrequencyCount(), discountType: state.data.discount.discountType, discountedPercentage: state.data.discount.discountedPercentage, discountDuration: state.data.discount.discountDuration, discountAmount: state.data.discount.discountAmount, ...props }));
+        return (state.isInitialized && (h(h.Fragment, null, this.showRefreshModal && h("rebill-modal-overlay", { key: '6a0d7aab67c17d0fc60bb30103e04ddc6903c2cc' }), this.displayConfig.processingPayment && (h("rebill-processing-payment", { key: '4dbf0982819ef2b65752a53654fc5a0c3c858875', style: { display: this.isCardSubmitting ? 'block' : 'none' } })), this.displayConfig.successPage &&
             this.isPaymentApproved() &&
             state.isInitialized ? (h("success-page", { typePaymentMethod: state.data.paymentMethodSelected, paymentMethodName: PaymentMethodMapper.mapToAPMPaymentMethod(state.data.paymentMethodSelected ||
                 state.data.payment?.paymentMethodType, state.data?.pricing?.country), country: state.data?.pricing?.country, bank: state.data.payment?.paymentMethodMetadata?.bank ||