rebill-web-components-sdk 1.8.32 → 1.8.34-beta.0

package/dist/components/{p-BV_MHtDc.js → p-C0LGxeng.js}

@@ -10,7 +10,7 @@ const CardSkeleton = /*@__PURE__*/ proxyCustomElement(class CardSkeleton extends
         }
     }
     render() {
-        return (h("div", { key: 'd87e835e37bd5986d77a45a98237a8dd3a7b3682', class: "iframe-skeleton" }, h("div", { key: '3a31614b30459c736eb66f29bc998d9aee635a6b', class: "input-skeleton" }), h("div", { key: '9149d975b4da18fa231e434520f278632c39e38b', class: "input-skeleton" })));
+        return (h("div", { key: '76c432f43c597f9ff92b949c16d70b1b6840e378', class: "iframe-skeleton" }, h("div", { key: '9c77a9eeda10a23004890c934f30f8d25be7fbf1', class: "input-skeleton" }), h("div", { key: 'd26032fe4bbb41dd0107e9fa5d8bd041da401351', class: "input-skeleton" })));
     }
     static get style() { return cardSkeletonCss; }
 }, [256, "card-skeleton"]);
@@ -30,6 +30,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { CardSkeleton as C, defineCustomElement as d };
-//# sourceMappingURL=p-BV_MHtDc.js.map
+//# sourceMappingURL=p-C0LGxeng.js.map
 
-//# sourceMappingURL=p-BV_MHtDc.js.map
+//# sourceMappingURL=p-C0LGxeng.js.map

package/dist/components/{p-BV_MHtDc.js.map → p-C0LGxeng.js.map}

@@ -1 +1 @@
-{"file":"p-BV_MHtDc.js","mappings":";;AAAA,MAAM,eAAe,GAAG,mhEAAmhE;;MCO9hE,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;IACvB,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAG,CAAA,EAC9B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAG,CAAA,CAC1B;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/checkout/payment-method-selector/card-fields/iframe/skeleton/cardSkeleton.css?tag=card-skeleton","src/components/checkout/payment-method-selector/card-fields/iframe/skeleton/CardSkeleton.tsx"],"sourcesContent":["@import '../../../../../../styles/variables.css';\n\n.iframe-skeleton {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.input-skeleton {\n  width: 100%;\n  height: 40px;\n  background: var(--rebill-color-border-primary);\n  border-radius: 8px;\n  border: 1px solid var(--rebill-color-border-primary);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'card-skeleton',\n  styleUrl: './cardSkeleton.css',\n  shadow: false,\n})\nexport class CardSkeleton {\n  render() {\n    return (\n      <div class=\"iframe-skeleton\">\n        <div class=\"input-skeleton\" />\n        <div class=\"input-skeleton\" />\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-C0LGxeng.js","mappings":";;AAAA,MAAM,eAAe,GAAG,mhEAAmhE;;MCO9hE,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;;;;;;;IACvB,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,EAC1B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAG,CAAA,EAC9B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAG,CAAA,CAC1B;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/checkout/payment-method-selector/card-fields/iframe/skeleton/cardSkeleton.css?tag=card-skeleton","src/components/checkout/payment-method-selector/card-fields/iframe/skeleton/CardSkeleton.tsx"],"sourcesContent":["@import '../../../../../../styles/variables.css';\n\n.iframe-skeleton {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n.input-skeleton {\n  width: 100%;\n  height: 40px;\n  background: var(--rebill-color-border-primary);\n  border-radius: 8px;\n  border: 1px solid var(--rebill-color-border-primary);\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'card-skeleton',\n  styleUrl: './cardSkeleton.css',\n  shadow: false,\n})\nexport class CardSkeleton {\n  render() {\n    return (\n      <div class=\"iframe-skeleton\">\n        <div class=\"input-skeleton\" />\n        <div class=\"input-skeleton\" />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DvXuQN4U.js → p-CD0TNzOh.js}

@@ -3,18 +3,18 @@ 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-mA3Sj5fj.js';
-import { d as defineCustomElement$b } from './p-CpXk4UfE.js';
-import { d as defineCustomElement$a } from './p-WQJ1HwUp.js';
-import { d as defineCustomElement$9 } from './p-BV_MHtDc.js';
-import { d as defineCustomElement$8 } from './p-Dr1acigj.js';
+import { d as defineCustomElement$c } from './p-B7uE6iBd.js';
+import { d as defineCustomElement$b } from './p-DBi6K19S.js';
+import { d as defineCustomElement$a } from './p-dgrAtFYi.js';
+import { d as defineCustomElement$9 } from './p-C0LGxeng.js';
+import { d as defineCustomElement$8 } from './p-xNgCL9nV.js';
 import { d as defineCustomElement$7 } from './p-CWY-g0zG.js';
-import { d as defineCustomElement$6 } from './p-BL08tUBX.js';
-import { d as defineCustomElement$5 } from './p-qI3t-gYu.js';
-import { d as defineCustomElement$4 } from './p-DSFlA7FF.js';
+import { d as defineCustomElement$6 } from './p-DRTzT9ks.js';
+import { d as defineCustomElement$5 } from './p-BZYd-So1.js';
+import { d as defineCustomElement$4 } from './p-DaS8xGPM.js';
 import { d as defineCustomElement$3 } from './p-C_txMekS.js';
-import { d as defineCustomElement$2 } from './p-BnBTbmTe.js';
-import { d as defineCustomElement$1 } from './p-h8TZeiqt.js';
+import { d as defineCustomElement$2 } from './p-DA0QxWuE.js';
+import { d as defineCustomElement$1 } from './p-D0AmEJnp.js';
 
 const paymentMethodSelectorCss = ".payment-method-selector{width:100%;display:flex;flex-direction:column;gap:8px}.card-description-container{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;width:100%}";
 
@@ -244,6 +244,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { PaymentMethodSelector as P, defineCustomElement as d };
-//# sourceMappingURL=p-DvXuQN4U.js.map
+//# sourceMappingURL=p-CD0TNzOh.js.map
 
-//# sourceMappingURL=p-DvXuQN4U.js.map
+//# sourceMappingURL=p-CD0TNzOh.js.map

package/dist/components/{p-DvXuQN4U.js.map → p-CD0TNzOh.js.map}

@@ -1 +1 @@
-{"file":"p-DvXuQN4U.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-CD0TNzOh.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-wjfhDzgd.js → p-CKYowY5T.js}

@@ -107,14 +107,14 @@ const InputOtp = /*@__PURE__*/ proxyCustomElement(class InputOtp extends H {
         }
     };
     render() {
-        return (h("div", { key: 'd80d5cb0f7ba0d05403a559c0590f1373064e3cf', class: "otp-container" }, h("div", { key: '250b0b334a27fd98f76c2fa9cfb3254cdd4f5453', class: "email-icon" }, h("rebill-icon", { key: 'fa88b7146276d8e846bb73f2a5b654567a5de907', name: "invite" })), h("div", { key: '8bf28b1d9408d83b521a2756d8de13e610eb0d15', class: "otp-input-container", onClick: this.handleFieldClick }, h("div", { key: '54a984d2d0af08683512377f86f8370d6cf2a36c', class: "otp-fields" }, [0, 1, 2, 3, 4, 5].map(index => (h("div", { key: index, style: { display: 'flex', alignItems: 'center' } }, h("div", { class: `otp-field ${this.error ? 'error' : ''}` }, h("input", { type: "text", maxlength: "1", placeholder: this.placeholder, value: this.otpValue[index] || '', onInput: e => this.handleInput(e, index), onClick: () => this.handleInputClick(), onKeyDown: e => this.handleKeyDown(e, index), onPaste: e => this.handlePaste(e), onFocus: e => {
+        return (h("div", { key: '22d1a4a0f52f04672bb16a4473d49d396717c251', class: "otp-container" }, h("div", { key: 'f4ce51dd0fae34b4f0560aeaaaee0e6e9a873077', class: "email-icon" }, h("rebill-icon", { key: 'a5c3c76e49d5bb4713b182d3ba753b17783afc3f', name: "invite" })), h("div", { key: '37e3942600948b3a7ec10b217919dad9e68c9435', class: "otp-input-container", onClick: this.handleFieldClick }, h("div", { key: '4df9d0c3bba7ccfd10da8dc7b412dd3b33c27990', class: "otp-fields" }, [0, 1, 2, 3, 4, 5].map(index => (h("div", { key: index, style: { display: 'flex', alignItems: 'center' } }, h("div", { class: `otp-field ${this.error ? 'error' : ''}` }, h("input", { type: "text", maxlength: "1", placeholder: this.placeholder, value: this.otpValue[index] || '', onInput: e => this.handleInput(e, index), onClick: () => this.handleInputClick(), onKeyDown: e => this.handleKeyDown(e, index), onPaste: e => this.handlePaste(e), onFocus: e => {
                 this.el
                     ?.querySelectorAll('.otp-field')
                     .forEach(field => field.classList.remove('active'));
                 e.target.parentElement?.classList.add('active');
             }, onBlur: e => {
                 e.target.parentElement?.classList.remove('active');
-            } })), index === 2 && h("div", { class: "otp-separator" }, "-")))))), this.error && h("div", { key: '5b1ef6ae222ebf77db7f390004cc673acd818777', class: "otp-error" }, this.error)));
+            } })), index === 2 && h("div", { class: "otp-separator" }, "-")))))), this.error && h("div", { key: '386db596c1720b9c6837eb2ff877ddd553e78311', class: "otp-error" }, this.error)));
     }
     static get style() { return inputOtpCss; }
 }, [256, "input-otp", {
@@ -145,6 +145,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { InputOtp as I, defineCustomElement as d };
-//# sourceMappingURL=p-wjfhDzgd.js.map
+//# sourceMappingURL=p-CKYowY5T.js.map
 
-//# sourceMappingURL=p-wjfhDzgd.js.map
+//# sourceMappingURL=p-CKYowY5T.js.map

package/dist/components/{p-wjfhDzgd.js.map → p-CKYowY5T.js.map}

@@ -1 +1 @@
-{"file":"p-wjfhDzgd.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/inputs/input-otp/input-otp.css?tag=input-otp","src/components/shared/inputs/input-otp/input-otp.tsx"],"sourcesContent":[".otp-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.otp-input-container {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-top: 8px;\n}\n\n.otp-fields {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.otp-field {\n  width: 36px;\n  height: 36px;\n  border: 2px solid #e5e7eb;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  background: white;\n  position: relative;\n}\n\n.otp-field.active {\n  border-color: var(--rebill-color-primary-hover);\n  transform: scale(1.02);\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.otp-field input {\n  width: 100%;\n  height: 100%;\n  border: none;\n  text-align: center;\n  font-size: 12px;\n  color: var(--rebill-color-text-primary);\n  background: transparent;\n  outline: none;\n  transition: all 0.3s ease;\n  caret-color: transparent;\n}\n\n.otp-field input {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.otp-field input::placeholder {\n  color: var(--rebill-color-text-secondary);\n  transition:\n    opacity 0.3s ease,\n    color 0.3s ease;\n}\n\n.otp-field input:focus::placeholder {\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.otp-field {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.otp-separator {\n  font-size: 18px;\n  font-weight: 500;\n  color: #6b7280;\n  margin: 4px;\n  user-select: none;\n  line-height: 1;\n  display: flex;\n  align-items: center;\n}\n\n.otp-error {\n  color: var(--rebill-color-error);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.otp-field.error {\n  border-color: var(--rebill-color-error);\n  border-width: 1px;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'input-otp',\n  styleUrl: 'input-otp.css',\n  shadow: false,\n})\nexport class InputOtp {\n  @Element() el: HTMLElement;\n  @Prop() error: string = '';\n  @Prop() otp: string = '';\n  @Prop() clearable: boolean = false;\n  @Prop() placeholder: string = '';\n  @Event() otpChange: EventEmitter<string>;\n  @State() otpValue: string = '';\n\n  componentWillLoad() {\n    this.otpValue = this.otp;\n  }\n\n  componentWillUpdate() {\n    if (this.otp !== this.otpValue) {\n      this.otpValue = this.otp;\n    }\n  }\n\n  private handleOtpChange(value: string) {\n    this.otpValue = value;\n    this.otpChange.emit(value);\n  }\n\n  private findFirstEmptyIndex(): number {\n    for (let i = 0; i < 6; i++) {\n      if (!this.otpValue[i]) {\n        return i;\n      }\n    }\n    return 5;\n  }\n\n  private focusField(index: number) {\n    const fields = this.el?.querySelectorAll('.otp-field input');\n    if (fields && fields[index]) {\n      (fields[index] as HTMLInputElement).focus();\n    }\n  }\n\n  private handleFieldClick = () => {\n    const firstEmptyIndex = this.findFirstEmptyIndex();\n    this.focusField(firstEmptyIndex);\n  };\n\n  private handleInputClick = () => {\n    this.handleFieldClick();\n  };\n\n  private handleKeyDown = (e: KeyboardEvent, index: number) => {\n    if (e.key === 'Backspace') {\n      const target = e.target as HTMLInputElement;\n      // Si el campo actual está vacío y no es el primer campo, ir al anterior\n      if (!target.value && index > 0) {\n        e.preventDefault();\n        const newValue = this.otpValue.split('');\n        newValue[index - 1] = '';\n        this.handleOtpChange(newValue.join(''));\n        setTimeout(() => {\n          this.focusField(index - 1);\n        }, 0);\n      } else if (target.value) {\n        const newValue = this.otpValue.split('');\n        newValue[index] = '';\n        this.handleOtpChange(newValue.join(''));\n      }\n    }\n  };\n\n  private handleInput = (e: Event, index: number) => {\n    const target = e.target as HTMLInputElement;\n    const value = target.value;\n\n    if (!/^\\d*$/.test(value)) {\n      target.value = '';\n      return;\n    }\n\n    const newValue = this.otpValue.split('');\n    newValue[index] = value;\n    this.handleOtpChange(newValue.join(''));\n\n    if (value && index < 5) {\n      setTimeout(() => {\n        this.focusField(index + 1);\n      }, 0);\n    }\n  };\n\n  private handlePaste = (e: ClipboardEvent) => {\n    e.preventDefault();\n    const pastedData = e.clipboardData?.getData('text/plain') || '';\n\n    const numbersOnly = pastedData.replace(/\\D/g, '');\n\n    if (numbersOnly.length >= 6) {\n      const otpCode = numbersOnly.substring(0, 6);\n      this.handleOtpChange(otpCode);\n\n      this.focusField(5);\n    } else if (numbersOnly.length > 0) {\n      const newValue = this.otpValue.split('');\n      for (let i = 0; i < Math.min(numbersOnly.length, 6); i++) {\n        newValue[i] = numbersOnly[i];\n      }\n      this.handleOtpChange(newValue.join(''));\n\n      const nextIndex = Math.min(numbersOnly.length, 5);\n      this.focusField(nextIndex);\n    }\n  };\n\n  render() {\n    return (\n      <div class=\"otp-container\">\n        {/* Icono de sobre azul */}\n        <div class=\"email-icon\">\n          <rebill-icon name=\"invite\" />\n        </div>\n\n        {/* Campos OTP */}\n        <div class=\"otp-input-container\" onClick={this.handleFieldClick}>\n          <div class=\"otp-fields\">\n            {[0, 1, 2, 3, 4, 5].map(index => (\n              <div key={index} style={{ display: 'flex', alignItems: 'center' }}>\n                <div class={`otp-field ${this.error ? 'error' : ''}`}>\n                  <input\n                    type=\"text\"\n                    maxlength=\"1\"\n                    placeholder={this.placeholder}\n                    value={this.otpValue[index] || ''}\n                    onInput={e => this.handleInput(e, index)}\n                    onClick={() => this.handleInputClick()}\n                    onKeyDown={e => this.handleKeyDown(e, index)}\n                    onPaste={e => this.handlePaste(e)}\n                    onFocus={e => {\n                      this.el\n                        ?.querySelectorAll('.otp-field')\n                        .forEach(field => field.classList.remove('active'));\n                      (e.target as HTMLElement).parentElement?.classList.add('active');\n                    }}\n                    onBlur={e => {\n                      (e.target as HTMLElement).parentElement?.classList.remove('active');\n                    }}\n                  />\n                </div>\n                {index === 2 && <div class=\"otp-separator\">-</div>}\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* Mensaje de error */}\n        {this.error && <div class=\"otp-error\">{this.error}</div>}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-CKYowY5T.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/inputs/input-otp/input-otp.css?tag=input-otp","src/components/shared/inputs/input-otp/input-otp.tsx"],"sourcesContent":[".otp-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 16px;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.otp-input-container {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  margin-top: 8px;\n}\n\n.otp-fields {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n\n.otp-field {\n  width: 36px;\n  height: 36px;\n  border: 2px solid #e5e7eb;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  background: white;\n  position: relative;\n}\n\n.otp-field.active {\n  border-color: var(--rebill-color-primary-hover);\n  transform: scale(1.02);\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.otp-field input {\n  width: 100%;\n  height: 100%;\n  border: none;\n  text-align: center;\n  font-size: 12px;\n  color: var(--rebill-color-text-primary);\n  background: transparent;\n  outline: none;\n  transition: all 0.3s ease;\n  caret-color: transparent;\n}\n\n.otp-field input {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.otp-field input::placeholder {\n  color: var(--rebill-color-text-secondary);\n  transition:\n    opacity 0.3s ease,\n    color 0.3s ease;\n}\n\n.otp-field input:focus::placeholder {\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.otp-field {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.otp-separator {\n  font-size: 18px;\n  font-weight: 500;\n  color: #6b7280;\n  margin: 4px;\n  user-select: none;\n  line-height: 1;\n  display: flex;\n  align-items: center;\n}\n\n.otp-error {\n  color: var(--rebill-color-error);\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.otp-field.error {\n  border-color: var(--rebill-color-error);\n  border-width: 1px;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'input-otp',\n  styleUrl: 'input-otp.css',\n  shadow: false,\n})\nexport class InputOtp {\n  @Element() el: HTMLElement;\n  @Prop() error: string = '';\n  @Prop() otp: string = '';\n  @Prop() clearable: boolean = false;\n  @Prop() placeholder: string = '';\n  @Event() otpChange: EventEmitter<string>;\n  @State() otpValue: string = '';\n\n  componentWillLoad() {\n    this.otpValue = this.otp;\n  }\n\n  componentWillUpdate() {\n    if (this.otp !== this.otpValue) {\n      this.otpValue = this.otp;\n    }\n  }\n\n  private handleOtpChange(value: string) {\n    this.otpValue = value;\n    this.otpChange.emit(value);\n  }\n\n  private findFirstEmptyIndex(): number {\n    for (let i = 0; i < 6; i++) {\n      if (!this.otpValue[i]) {\n        return i;\n      }\n    }\n    return 5;\n  }\n\n  private focusField(index: number) {\n    const fields = this.el?.querySelectorAll('.otp-field input');\n    if (fields && fields[index]) {\n      (fields[index] as HTMLInputElement).focus();\n    }\n  }\n\n  private handleFieldClick = () => {\n    const firstEmptyIndex = this.findFirstEmptyIndex();\n    this.focusField(firstEmptyIndex);\n  };\n\n  private handleInputClick = () => {\n    this.handleFieldClick();\n  };\n\n  private handleKeyDown = (e: KeyboardEvent, index: number) => {\n    if (e.key === 'Backspace') {\n      const target = e.target as HTMLInputElement;\n      // Si el campo actual está vacío y no es el primer campo, ir al anterior\n      if (!target.value && index > 0) {\n        e.preventDefault();\n        const newValue = this.otpValue.split('');\n        newValue[index - 1] = '';\n        this.handleOtpChange(newValue.join(''));\n        setTimeout(() => {\n          this.focusField(index - 1);\n        }, 0);\n      } else if (target.value) {\n        const newValue = this.otpValue.split('');\n        newValue[index] = '';\n        this.handleOtpChange(newValue.join(''));\n      }\n    }\n  };\n\n  private handleInput = (e: Event, index: number) => {\n    const target = e.target as HTMLInputElement;\n    const value = target.value;\n\n    if (!/^\\d*$/.test(value)) {\n      target.value = '';\n      return;\n    }\n\n    const newValue = this.otpValue.split('');\n    newValue[index] = value;\n    this.handleOtpChange(newValue.join(''));\n\n    if (value && index < 5) {\n      setTimeout(() => {\n        this.focusField(index + 1);\n      }, 0);\n    }\n  };\n\n  private handlePaste = (e: ClipboardEvent) => {\n    e.preventDefault();\n    const pastedData = e.clipboardData?.getData('text/plain') || '';\n\n    const numbersOnly = pastedData.replace(/\\D/g, '');\n\n    if (numbersOnly.length >= 6) {\n      const otpCode = numbersOnly.substring(0, 6);\n      this.handleOtpChange(otpCode);\n\n      this.focusField(5);\n    } else if (numbersOnly.length > 0) {\n      const newValue = this.otpValue.split('');\n      for (let i = 0; i < Math.min(numbersOnly.length, 6); i++) {\n        newValue[i] = numbersOnly[i];\n      }\n      this.handleOtpChange(newValue.join(''));\n\n      const nextIndex = Math.min(numbersOnly.length, 5);\n      this.focusField(nextIndex);\n    }\n  };\n\n  render() {\n    return (\n      <div class=\"otp-container\">\n        {/* Icono de sobre azul */}\n        <div class=\"email-icon\">\n          <rebill-icon name=\"invite\" />\n        </div>\n\n        {/* Campos OTP */}\n        <div class=\"otp-input-container\" onClick={this.handleFieldClick}>\n          <div class=\"otp-fields\">\n            {[0, 1, 2, 3, 4, 5].map(index => (\n              <div key={index} style={{ display: 'flex', alignItems: 'center' }}>\n                <div class={`otp-field ${this.error ? 'error' : ''}`}>\n                  <input\n                    type=\"text\"\n                    maxlength=\"1\"\n                    placeholder={this.placeholder}\n                    value={this.otpValue[index] || ''}\n                    onInput={e => this.handleInput(e, index)}\n                    onClick={() => this.handleInputClick()}\n                    onKeyDown={e => this.handleKeyDown(e, index)}\n                    onPaste={e => this.handlePaste(e)}\n                    onFocus={e => {\n                      this.el\n                        ?.querySelectorAll('.otp-field')\n                        .forEach(field => field.classList.remove('active'));\n                      (e.target as HTMLElement).parentElement?.classList.add('active');\n                    }}\n                    onBlur={e => {\n                      (e.target as HTMLElement).parentElement?.classList.remove('active');\n                    }}\n                  />\n                </div>\n                {index === 2 && <div class=\"otp-separator\">-</div>}\n              </div>\n            ))}\n          </div>\n        </div>\n\n        {/* Mensaje de error */}\n        {this.error && <div class=\"otp-error\">{this.error}</div>}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-ChnuJbVe.js → p-C_S6-o9t.js}

@@ -3,17 +3,17 @@ import { I as I18nService, h as PLAN_FREQUENCY_ENUM, s as state, b as SESSION_IT
 import { B as BREAKPOINT_ENUM, i as isBreakpointBelow } from './p-Do_vNuMa.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { d as getInstallmentDescription } from './p-imKYqkaH.js';
-import { d as defineCustomElement$b } from './p-DrAiGSzG.js';
-import { d as defineCustomElement$a } from './p-BWkW7_Hh.js';
-import { d as defineCustomElement$9 } from './p-Dr1acigj.js';
+import { d as defineCustomElement$b } from './p-Dp8EoajW.js';
+import { d as defineCustomElement$a } from './p-CisP549A.js';
+import { d as defineCustomElement$9 } from './p-xNgCL9nV.js';
 import { d as defineCustomElement$8 } from './p-DvWdkIUq.js';
-import { d as defineCustomElement$7 } from './p-4hVDutj0.js';
+import { d as defineCustomElement$7 } from './p-DzdUnkvh.js';
 import { d as defineCustomElement$6 } from './p-CWY-g0zG.js';
-import { d as defineCustomElement$5 } from './p-Di8WeTd9.js';
-import { d as defineCustomElement$4 } from './p-D6yu2OYw.js';
-import { d as defineCustomElement$3 } from './p-BbLfqjb0.js';
+import { d as defineCustomElement$5 } from './p-CuX2faVH.js';
+import { d as defineCustomElement$4 } from './p-DPUz_1Ev.js';
+import { d as defineCustomElement$3 } from './p-3K2fnS0h.js';
 import { d as defineCustomElement$2 } from './p-C_txMekS.js';
-import { d as defineCustomElement$1 } from './p-CNBrNMEa.js';
+import { d as defineCustomElement$1 } from './p-DKn8wDv6.js';
 
 const u = (n, t, e) => {
   const i = document.createElement(n), [s, a] = Array.isArray(t) ? [void 0, t] : [t, e];
@@ -781,6 +781,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Summary as S, defineCustomElement as d };
-//# sourceMappingURL=p-ChnuJbVe.js.map
+//# sourceMappingURL=p-C_S6-o9t.js.map
 
-//# sourceMappingURL=p-ChnuJbVe.js.map
+//# sourceMappingURL=p-C_S6-o9t.js.map