rebill-web-components-sdk 1.10.0 → 1.10.2-beta.0

package/dist/components/{p-BEVU1b9v.js → p-_qxwSXk5.js}

@@ -5,14 +5,14 @@ import { g as getBoletoInstructionsAsPaymentInstructions } from './p-D13RM4_j.js
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
 import { P as PaymentMethodMapper } from './p-D6BBWEtT.js';
 import { d as defineCustomElement$9 } from './p-BLObN9WG.js';
-import { d as defineCustomElement$8 } from './p-CYv4ffn1.js';
+import { d as defineCustomElement$8 } from './p-CSgNGaiV.js';
 import { d as defineCustomElement$7 } from './p-D5v4AwTc.js';
-import { d as defineCustomElement$6 } from './p-DwZ2ffr1.js';
-import { d as defineCustomElement$5 } from './p-dkScX4Ck.js';
+import { d as defineCustomElement$6 } from './p-wMEGQ8Q5.js';
+import { d as defineCustomElement$5 } from './p-DoTMic8C.js';
 import { d as defineCustomElement$4 } from './p-sOHrcM75.js';
 import { d as defineCustomElement$3 } from './p-Np4T5oyp.js';
 import { d as defineCustomElement$2 } from './p-T8LQxh_O.js';
-import { d as defineCustomElement$1 } from './p-yRI_ZFvd.js';
+import { d as defineCustomElement$1 } from './p-ChtneCGm.js';
 
 var STATUS_REQ_CHECKOUT_APM;
 (function (STATUS_REQ_CHECKOUT_APM) {
@@ -311,6 +311,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { APMCheckout as A, STATUS_REQ_CHECKOUT_APM as S, defineCustomElement as d };
-//# sourceMappingURL=p-BEVU1b9v.js.map
+//# sourceMappingURL=p-_qxwSXk5.js.map
 
-//# sourceMappingURL=p-BEVU1b9v.js.map
+//# sourceMappingURL=p-_qxwSXk5.js.map

package/dist/components/{p-BEVU1b9v.js.map → p-_qxwSXk5.js.map}

@@ -1 +1 @@
-{"file":"p-BEVU1b9v.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/models/enums/status-req-checkout-apm.enum.ts","src/api/endpoints/checkout-status.ts","src/components/checkout/apm/apm-checkout/apm-checkout.css?tag=apm-checkout","src/components/checkout/apm/apm-checkout/apm-checkout.tsx"],"sourcesContent":["export enum STATUS_REQ_CHECKOUT_APM {\n  PENDING_CUSTOMER_CHARGE = 'pending_customer_charge',\n  APPROVED = 'approved',\n  REJECTED = 'rejected',\n}\n","import { STATUS_REQ_CHECKOUT_APM } from '../../models/enums/status-req-checkout-apm.enum';\nimport { api } from '../index';\n\n/**\n * Gets the checkout request status by request ID\n * @param reqId - The checkout request ID\n * @param bearerToken - The bearer token for authentication\n * @returns Promise with checkout status information\n */\nexport const getCheckoutRequest = async (reqId: string, bearerToken: string) => {\n  try {\n    const response = await api.checkout.getCheckoutRequestPaymentAPM(reqId, bearerToken);\n    return response.data;\n  } catch (error) {\n    throw error;\n  }\n};\n\n/**\n * GET endpoint handler for checkout status\n * @param reqId - The checkout request ID from URL parameters\n * @param bearerToken - The bearer token for authentication\n * @returns Response with checkout status, completion status, and data\n */\nexport const GET = async (reqId: string, bearerToken?: string) => {\n  try {\n    if (!reqId || !bearerToken) {\n      return {};\n    }\n\n    const checkoutRequest = await getCheckoutRequest(reqId, bearerToken);\n\n    const response = {\n      status: checkoutRequest.status,\n      isCompleted:\n        checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.APPROVED ||\n        checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.REJECTED,\n      isPending: checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.PENDING_CUSTOMER_CHARGE,\n      data: checkoutRequest,\n    };\n\n    return {\n      status: 200,\n      body: response,\n    };\n  } catch (error) {\n    console.error('Error fetching checkout status:', error);\n    return {\n      status: 500,\n      body: { error: 'Failed to fetch checkout status' },\n    };\n  }\n};\n",".apm-checkout {\n  display: flex;\n  flex-direction: column;\n}\n\n.apm-content {\n  margin-bottom: 0;\n}\n\n.apm-content .reference-code,\n.apm-content .qr-code,\n.apm-content .boleto-payment {\n  margin-top: 0;\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n\n.apm-actions {\n  display: flex;\n  gap: 12px;\n  padding: 20px 0;\n}\n\n.apm-actions rebill-button,\n.apm-actions payment-button {\n  flex: 1;\n  width: 100%;\n}\n\n.apm-actions rebill-button .button-content,\n.apm-actions payment-button .button-content {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  overflow: hidden;\n}\n\n.apm-actions rebill-button .button-content rebill-icon {\n  width: 20px;\n  height: 20px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  flex-shrink: 0;\n}\n\n/* Redirect message styles */\n.apm-checkout.redirect-message {\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.redirect-content {\n  background: var(--rebill-color-background);\n  border: 1px solid var(--rebill-color-background-right);\n  padding: 16px;\n}\n\n.redirect-content .payment-method-name {\n  font-weight: 600 !important;\n}\n\n/* Bank transfer data container */\n.bank-transfer-data-container {\n  margin-top: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n/* Bank transfer data styles */\n.bank-transfer-data {\n  padding: 0;\n  background: transparent;\n  border: none;\n  border-radius: 0;\n}\n\n.instruction-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n\n.instruction-step:last-child {\n  margin-bottom: 0;\n}\n\n.step-number {\n  background: var(--rebill-color-background-right);\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  text-align: center;\n  line-height: 1;\n}\n\n.step-number rebill-typography {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.instruction-text {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n}\n\n.instruction-content {\n  flex: 1;\n}\n\n.bank-data-item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  border-bottom: none;\n}\n\n.value-with-copy {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n/* Bank transfer simple styles */\n.bank-transfer-simple-container {\n  padding: 16px;\n  background: var(--rebill-color-background);\n  border: 1px solid var(--rebill-color-background-right);\n  border-radius: 8px;\n}\n\n.instruction-text {\n  margin-bottom: 16px;\n}\n\n.data-section {\n  margin-bottom: 16px;\n}\n\n.bank-transfer-simple {\n  margin-bottom: 16px;\n}\n\n.bank-transfer-simple:last-child {\n  margin-bottom: 0;\n}\n\n.bank-data-simple {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.bank-data-item-simple {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 4px 0;\n}\n\n/* Mobile responsive */\n@media (max-width: 768px) {\n  .apm-actions {\n    flex-direction: column;\n    gap: 12px;\n    padding: 16px 0;\n  }\n\n  .apm-actions rebill-button {\n    width: 100%;\n    flex: none;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { getCheckoutRequest } from '../../../../api/endpoints/checkout-status';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../../models/enums/payment-methods.enum';\nimport { STATUS_REQ_CHECKOUT_APM } from '../../../../models/enums/status-req-checkout-apm.enum';\nimport { getBoletoInstructionsAsPaymentInstructions } from '../../../../utils/barcode-instructions';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\nimport { PaymentMethodMapper } from '../../../../utils/payment-method-mapper';\nimport { APMDownloadData } from '../apm-download/apm-download';\n\n// Constants\nconst DEFAULT_REDIRECT_TIMEOUT = 5000; // 5 seconds\nconst POLLING_INTERVAL = 3000; // 3 seconds\n\nconst MAX_POLLING_ATTEMPTS = 300; // 15 minutes max (300 attempts * 3 seconds = 900 seconds = 15 minutes)\n\n@Component({\n  tag: 'apm-checkout',\n  styleUrl: 'apm-checkout.css',\n  shadow: false,\n})\nexport class APMCheckout {\n  @Element() el: HTMLElement;\n  @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n  @Prop() referenceId?: string;\n  @Prop() qrCodeData?: string;\n  @Prop() code?: string;\n  @Prop() providerName: string;\n  @Prop() expirationDate: string;\n  @Prop() country?: string;\n  @Prop() redirectUrl?: string;\n  @Prop() timeToRedirect?: number = DEFAULT_REDIRECT_TIMEOUT;\n  @Prop() checkoutRequestId?: string; // ID para hacer polling\n  @Prop() bearerToken?: string;\n  @Prop() bankTransferData?: any;\n  @Prop() barcode?: string;\n\n  @State() showRedirectMessage = false;\n  @State() isPolling = false;\n  @State() minutesLeft?: number; // Minutos restantes del contador\n  @State() qrStartTime?: Date; // Hora de inicio del QR\n  @State() downloadData?: APMDownloadData;\n\n  @Event() paymentStatusChange: EventEmitter<{\n    status: STATUS_REQ_CHECKOUT_APM;\n    isCompleted: boolean;\n    data: any;\n  }>;\n\n  private redirectTimeoutId: number | undefined;\n  private pollingIntervalId: number | undefined;\n  private pollingDelayTimeoutId: NodeJS.Timeout | undefined;\n  private pollingAttempts = 0;\n\n  componentWillLoad() {\n    this.qrStartTime = new Date();\n    this.downloadData = this.generateDownloadData();\n\n    if (this.redirectUrl) {\n      this.handleRedirect();\n    }\n\n    if (this.checkoutRequestId && (this.qrCodeData || this.bankTransferData)) {\n      this.startPolling();\n    }\n  }\n\n  componentDidLoad() {\n    const paymentButton = this.el?.querySelector('payment-button');\n    if (paymentButton) {\n      paymentButton.addEventListener('submit', this.handleRedirect);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.redirectTimeoutId) {\n      clearTimeout(this.redirectTimeoutId);\n      this.redirectTimeoutId = undefined;\n    }\n    if (this.pollingDelayTimeoutId) {\n      clearTimeout(this.pollingDelayTimeoutId);\n      this.pollingDelayTimeoutId = undefined;\n    }\n\n    if (this.pollingIntervalId) {\n      clearInterval(this.pollingIntervalId);\n      this.pollingIntervalId = undefined;\n    }\n\n    const paymentButton = this.el?.querySelector('payment-button');\n    if (paymentButton) {\n      paymentButton.removeEventListener('submit', this.handleRedirect);\n    }\n  }\n\n  private handleRedirect = () => {\n    if (this.redirectTimeoutId) {\n      clearTimeout(this.redirectTimeoutId);\n    }\n\n    this.showRedirectMessage = true;\n\n    this.redirectTimeoutId = window.setTimeout(() => {\n      window.open(this.redirectUrl, '_self');\n    }, this.timeToRedirect);\n  };\n\n  private handleViewBranches = () => {\n    window.open('https://www.pagofacil.com.ar/', '_blank');\n  };\n\n  private handleTimeUpdate = (event: CustomEvent<number>) => {\n    this.minutesLeft = event.detail;\n  };\n\n  private startPolling = () => {\n    if ((!this.qrCodeData && !this.bankTransferData) || !this.checkoutRequestId || this.isPolling) {\n      return;\n    }\n\n    this.isPolling = true;\n    this.pollingAttempts = 0;\n\n    this.pollingIntervalId = window.setInterval(() => {\n      this.checkPaymentStatus();\n    }, POLLING_INTERVAL);\n  };\n\n  private stopPolling = () => {\n    if (this.pollingIntervalId) {\n      clearInterval(this.pollingIntervalId);\n      this.pollingIntervalId = undefined;\n    }\n    this.isPolling = false;\n  };\n\n  private checkPaymentStatus = async () => {\n    if (!this.checkoutRequestId) {\n      return;\n    }\n\n    try {\n      this.pollingAttempts++;\n\n      const response = await getCheckoutRequest(this.checkoutRequestId, this.bearerToken);\n      const isCompleted =\n        response.status === STATUS_REQ_CHECKOUT_APM.APPROVED ||\n        response.status === STATUS_REQ_CHECKOUT_APM.REJECTED;\n      this.paymentStatusChange.emit({\n        status: response.status,\n        isCompleted: isCompleted,\n        data: response.data,\n      });\n\n      if (isCompleted) {\n        this.stopPolling();\n        return;\n      }\n\n      if (this.pollingAttempts >= MAX_POLLING_ATTEMPTS) {\n        this.stopPolling();\n        return;\n      }\n    } catch (error) {\n      console.error('Error checking payment status:', error);\n    }\n  };\n\n  private generateDownloadData(): APMDownloadData {\n    const downloadData: APMDownloadData = {\n      paymentMethod: this.paymentMethod,\n      referenceId: this.referenceId,\n      providerName: this.providerName,\n      expirationDate: this.expirationDate,\n      country: this.country,\n      minutesLeft: this.minutesLeft,\n    };\n\n    if (this.bankTransferData) {\n      downloadData.bankTransferData = {\n        bankName: this.bankTransferData.bankName,\n        accountNumber: this.bankTransferData.account || this.bankTransferData.bbvAccountNumber,\n        reference: this.bankTransferData.reference,\n        clabe: this.bankTransferData.account || this.bankTransferData.clabe,\n        destinationBank: this.bankTransferData.bankName,\n        paymentReference: this.bankTransferData.reference,\n        instructions: this.bankTransferData.instructions,\n      };\n    } else if (this.qrCodeData) {\n      downloadData.qrCodeData = this.qrCodeData;\n    } else if (this.barcode) {\n      downloadData.barcode = this.barcode;\n    }\n\n    return downloadData;\n  }\n\n  private renderResponse() {\n    // If redirectUrl is provided, show redirect message\n    if (this.redirectUrl && this.showRedirectMessage) {\n      const paymentMethodEnum = PaymentMethodMapper.mapToAPMPaymentMethod(\n        this.paymentMethod,\n        this.country,\n      );\n      const paymentMethodName = PaymentMethodMapper.getDisplayName(paymentMethodEnum);\n\n      return (\n        <div class=\"redirect-content\">\n          <div class=\"redirect-text\">\n            <rebill-typography variant=\"body2\" color={COLORS_ENUM.GREY_300}>\n              {I18nService.translate('apmCheckout.redirectMessagePrefix')}{' '}\n              <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREY_300}>\n                {paymentMethodName}\n              </rebill-typography>{' '}\n              {I18nService.translate('apmCheckout.redirectMessageSuffix')}\n            </rebill-typography>\n          </div>\n        </div>\n      );\n    }\n\n    // If barcode is provided (for boleto), show boleto component\n    if (this.barcode) {\n      // Always use static boleto instructions for all languages\n      const instructions = getBoletoInstructionsAsPaymentInstructions();\n\n      return (\n        <boleto-payment\n          barcode={this.barcode}\n          referenceId={this.referenceId}\n          providerName={this.providerName}\n          expirationDate={this.expirationDate}\n          instructions={instructions}\n        />\n      );\n    }\n\n    // If referenceId is provided, show reference code component\n    if (this.referenceId) {\n      return (\n        <reference-code\n          referenceId={this.referenceId}\n          providerName={this.providerName}\n          expirationDate={this.expirationDate}\n        />\n      );\n    }\n\n    // If qrCodeData is provided, show QR code component\n    if (this.qrCodeData) {\n      return (\n        <qr-code\n          qrCodeData={this.qrCodeData}\n          code={this.code}\n          providerName={this.providerName}\n          expirationDate={this.expirationDate}\n          paymentMethod={this.paymentMethod}\n          onTimeUpdate={this.handleTimeUpdate}\n        />\n      );\n    }\n\n    if (this.bankTransferData) {\n      return <bank-transfer bankTransferData={this.bankTransferData} />;\n    }\n\n    // Fallback - shouldn't happen in normal flow\n    return null;\n  }\n\n  render() {\n    const isRedirectMessage = this.redirectUrl && this.showRedirectMessage;\n    const isCashPayment = this.paymentMethod === PAYMENT_METHOD_ENUM.CASH;\n    const isPagoFacil = isCashPayment && this.country === 'AR';\n\n    return (\n      <div class={`apm-checkout ${isRedirectMessage ? 'redirect-message' : ''}`}>\n        <div class=\"apm-content\">{this.renderResponse()}</div>\n\n        <div class=\"apm-actions\">\n          {!isRedirectMessage && isPagoFacil && (\n            <rebill-button\n              type=\"button\"\n              variant=\"outline\"\n              theme=\"primary\"\n              onClick={this.handleViewBranches}\n            >\n              <span class=\"button-content\">\n                <span>{I18nService.translate('apmCheckout.viewBranches')}</span>\n                <rebill-icon name=\"square-arrow-top-right\" />\n              </span>\n            </rebill-button>\n          )}\n\n          {!isRedirectMessage && <apm-download data={this.downloadData} />}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-_qxwSXk5.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/models/enums/status-req-checkout-apm.enum.ts","src/api/endpoints/checkout-status.ts","src/components/checkout/apm/apm-checkout/apm-checkout.css?tag=apm-checkout","src/components/checkout/apm/apm-checkout/apm-checkout.tsx"],"sourcesContent":["export enum STATUS_REQ_CHECKOUT_APM {\n  PENDING_CUSTOMER_CHARGE = 'pending_customer_charge',\n  APPROVED = 'approved',\n  REJECTED = 'rejected',\n}\n","import { STATUS_REQ_CHECKOUT_APM } from '../../models/enums/status-req-checkout-apm.enum';\nimport { api } from '../index';\n\n/**\n * Gets the checkout request status by request ID\n * @param reqId - The checkout request ID\n * @param bearerToken - The bearer token for authentication\n * @returns Promise with checkout status information\n */\nexport const getCheckoutRequest = async (reqId: string, bearerToken: string) => {\n  try {\n    const response = await api.checkout.getCheckoutRequestPaymentAPM(reqId, bearerToken);\n    return response.data;\n  } catch (error) {\n    throw error;\n  }\n};\n\n/**\n * GET endpoint handler for checkout status\n * @param reqId - The checkout request ID from URL parameters\n * @param bearerToken - The bearer token for authentication\n * @returns Response with checkout status, completion status, and data\n */\nexport const GET = async (reqId: string, bearerToken?: string) => {\n  try {\n    if (!reqId || !bearerToken) {\n      return {};\n    }\n\n    const checkoutRequest = await getCheckoutRequest(reqId, bearerToken);\n\n    const response = {\n      status: checkoutRequest.status,\n      isCompleted:\n        checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.APPROVED ||\n        checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.REJECTED,\n      isPending: checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.PENDING_CUSTOMER_CHARGE,\n      data: checkoutRequest,\n    };\n\n    return {\n      status: 200,\n      body: response,\n    };\n  } catch (error) {\n    console.error('Error fetching checkout status:', error);\n    return {\n      status: 500,\n      body: { error: 'Failed to fetch checkout status' },\n    };\n  }\n};\n",".apm-checkout {\n  display: flex;\n  flex-direction: column;\n}\n\n.apm-content {\n  margin-bottom: 0;\n}\n\n.apm-content .reference-code,\n.apm-content .qr-code,\n.apm-content .boleto-payment {\n  margin-top: 0;\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n\n.apm-actions {\n  display: flex;\n  gap: 12px;\n  padding: 20px 0;\n}\n\n.apm-actions rebill-button,\n.apm-actions payment-button {\n  flex: 1;\n  width: 100%;\n}\n\n.apm-actions rebill-button .button-content,\n.apm-actions payment-button .button-content {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  overflow: hidden;\n}\n\n.apm-actions rebill-button .button-content rebill-icon {\n  width: 20px;\n  height: 20px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  vertical-align: middle;\n  flex-shrink: 0;\n}\n\n/* Redirect message styles */\n.apm-checkout.redirect-message {\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.redirect-content {\n  background: var(--rebill-color-background);\n  border: 1px solid var(--rebill-color-background-right);\n  padding: 16px;\n}\n\n.redirect-content .payment-method-name {\n  font-weight: 600 !important;\n}\n\n/* Bank transfer data container */\n.bank-transfer-data-container {\n  margin-top: 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n/* Bank transfer data styles */\n.bank-transfer-data {\n  padding: 0;\n  background: transparent;\n  border: none;\n  border-radius: 0;\n}\n\n.instruction-step {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  margin-bottom: 8px;\n}\n\n.instruction-step:last-child {\n  margin-bottom: 0;\n}\n\n.step-number {\n  background: var(--rebill-color-background-right);\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  text-align: center;\n  line-height: 1;\n}\n\n.step-number rebill-typography {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.instruction-text {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n}\n\n.instruction-content {\n  flex: 1;\n}\n\n.bank-data-item {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n\n  border-bottom: none;\n}\n\n.value-with-copy {\n  display: flex;\n  align-items: center;\n  gap: 2px;\n}\n\n/* Bank transfer simple styles */\n.bank-transfer-simple-container {\n  padding: 16px;\n  background: var(--rebill-color-background);\n  border: 1px solid var(--rebill-color-background-right);\n  border-radius: 8px;\n}\n\n.instruction-text {\n  margin-bottom: 16px;\n}\n\n.data-section {\n  margin-bottom: 16px;\n}\n\n.bank-transfer-simple {\n  margin-bottom: 16px;\n}\n\n.bank-transfer-simple:last-child {\n  margin-bottom: 0;\n}\n\n.bank-data-simple {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.bank-data-item-simple {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 4px 0;\n}\n\n/* Mobile responsive */\n@media (max-width: 768px) {\n  .apm-actions {\n    flex-direction: column;\n    gap: 12px;\n    padding: 16px 0;\n  }\n\n  .apm-actions rebill-button {\n    width: 100%;\n    flex: none;\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { getCheckoutRequest } from '../../../../api/endpoints/checkout-status';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../../models/enums/payment-methods.enum';\nimport { STATUS_REQ_CHECKOUT_APM } from '../../../../models/enums/status-req-checkout-apm.enum';\nimport { getBoletoInstructionsAsPaymentInstructions } from '../../../../utils/barcode-instructions';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\nimport { PaymentMethodMapper } from '../../../../utils/payment-method-mapper';\nimport { APMDownloadData } from '../apm-download/apm-download';\n\n// Constants\nconst DEFAULT_REDIRECT_TIMEOUT = 5000; // 5 seconds\nconst POLLING_INTERVAL = 3000; // 3 seconds\n\nconst MAX_POLLING_ATTEMPTS = 300; // 15 minutes max (300 attempts * 3 seconds = 900 seconds = 15 minutes)\n\n@Component({\n  tag: 'apm-checkout',\n  styleUrl: 'apm-checkout.css',\n  shadow: false,\n})\nexport class APMCheckout {\n  @Element() el: HTMLElement;\n  @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n  @Prop() referenceId?: string;\n  @Prop() qrCodeData?: string;\n  @Prop() code?: string;\n  @Prop() providerName: string;\n  @Prop() expirationDate: string;\n  @Prop() country?: string;\n  @Prop() redirectUrl?: string;\n  @Prop() timeToRedirect?: number = DEFAULT_REDIRECT_TIMEOUT;\n  @Prop() checkoutRequestId?: string; // ID para hacer polling\n  @Prop() bearerToken?: string;\n  @Prop() bankTransferData?: any;\n  @Prop() barcode?: string;\n\n  @State() showRedirectMessage = false;\n  @State() isPolling = false;\n  @State() minutesLeft?: number; // Minutos restantes del contador\n  @State() qrStartTime?: Date; // Hora de inicio del QR\n  @State() downloadData?: APMDownloadData;\n\n  @Event() paymentStatusChange: EventEmitter<{\n    status: STATUS_REQ_CHECKOUT_APM;\n    isCompleted: boolean;\n    data: any;\n  }>;\n\n  private redirectTimeoutId: number | undefined;\n  private pollingIntervalId: number | undefined;\n  private pollingDelayTimeoutId: NodeJS.Timeout | undefined;\n  private pollingAttempts = 0;\n\n  componentWillLoad() {\n    this.qrStartTime = new Date();\n    this.downloadData = this.generateDownloadData();\n\n    if (this.redirectUrl) {\n      this.handleRedirect();\n    }\n\n    if (this.checkoutRequestId && (this.qrCodeData || this.bankTransferData)) {\n      this.startPolling();\n    }\n  }\n\n  componentDidLoad() {\n    const paymentButton = this.el?.querySelector('payment-button');\n    if (paymentButton) {\n      paymentButton.addEventListener('submit', this.handleRedirect);\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.redirectTimeoutId) {\n      clearTimeout(this.redirectTimeoutId);\n      this.redirectTimeoutId = undefined;\n    }\n    if (this.pollingDelayTimeoutId) {\n      clearTimeout(this.pollingDelayTimeoutId);\n      this.pollingDelayTimeoutId = undefined;\n    }\n\n    if (this.pollingIntervalId) {\n      clearInterval(this.pollingIntervalId);\n      this.pollingIntervalId = undefined;\n    }\n\n    const paymentButton = this.el?.querySelector('payment-button');\n    if (paymentButton) {\n      paymentButton.removeEventListener('submit', this.handleRedirect);\n    }\n  }\n\n  private handleRedirect = () => {\n    if (this.redirectTimeoutId) {\n      clearTimeout(this.redirectTimeoutId);\n    }\n\n    this.showRedirectMessage = true;\n\n    this.redirectTimeoutId = window.setTimeout(() => {\n      window.open(this.redirectUrl, '_self');\n    }, this.timeToRedirect);\n  };\n\n  private handleViewBranches = () => {\n    window.open('https://www.pagofacil.com.ar/', '_blank');\n  };\n\n  private handleTimeUpdate = (event: CustomEvent<number>) => {\n    this.minutesLeft = event.detail;\n  };\n\n  private startPolling = () => {\n    if ((!this.qrCodeData && !this.bankTransferData) || !this.checkoutRequestId || this.isPolling) {\n      return;\n    }\n\n    this.isPolling = true;\n    this.pollingAttempts = 0;\n\n    this.pollingIntervalId = window.setInterval(() => {\n      this.checkPaymentStatus();\n    }, POLLING_INTERVAL);\n  };\n\n  private stopPolling = () => {\n    if (this.pollingIntervalId) {\n      clearInterval(this.pollingIntervalId);\n      this.pollingIntervalId = undefined;\n    }\n    this.isPolling = false;\n  };\n\n  private checkPaymentStatus = async () => {\n    if (!this.checkoutRequestId) {\n      return;\n    }\n\n    try {\n      this.pollingAttempts++;\n\n      const response = await getCheckoutRequest(this.checkoutRequestId, this.bearerToken);\n      const isCompleted =\n        response.status === STATUS_REQ_CHECKOUT_APM.APPROVED ||\n        response.status === STATUS_REQ_CHECKOUT_APM.REJECTED;\n      this.paymentStatusChange.emit({\n        status: response.status,\n        isCompleted: isCompleted,\n        data: response.data,\n      });\n\n      if (isCompleted) {\n        this.stopPolling();\n        return;\n      }\n\n      if (this.pollingAttempts >= MAX_POLLING_ATTEMPTS) {\n        this.stopPolling();\n        return;\n      }\n    } catch (error) {\n      console.error('Error checking payment status:', error);\n    }\n  };\n\n  private generateDownloadData(): APMDownloadData {\n    const downloadData: APMDownloadData = {\n      paymentMethod: this.paymentMethod,\n      referenceId: this.referenceId,\n      providerName: this.providerName,\n      expirationDate: this.expirationDate,\n      country: this.country,\n      minutesLeft: this.minutesLeft,\n    };\n\n    if (this.bankTransferData) {\n      downloadData.bankTransferData = {\n        bankName: this.bankTransferData.bankName,\n        accountNumber: this.bankTransferData.account || this.bankTransferData.bbvAccountNumber,\n        reference: this.bankTransferData.reference,\n        clabe: this.bankTransferData.account || this.bankTransferData.clabe,\n        destinationBank: this.bankTransferData.bankName,\n        paymentReference: this.bankTransferData.reference,\n        instructions: this.bankTransferData.instructions,\n      };\n    } else if (this.qrCodeData) {\n      downloadData.qrCodeData = this.qrCodeData;\n    } else if (this.barcode) {\n      downloadData.barcode = this.barcode;\n    }\n\n    return downloadData;\n  }\n\n  private renderResponse() {\n    // If redirectUrl is provided, show redirect message\n    if (this.redirectUrl && this.showRedirectMessage) {\n      const paymentMethodEnum = PaymentMethodMapper.mapToAPMPaymentMethod(\n        this.paymentMethod,\n        this.country,\n      );\n      const paymentMethodName = PaymentMethodMapper.getDisplayName(paymentMethodEnum);\n\n      return (\n        <div class=\"redirect-content\">\n          <div class=\"redirect-text\">\n            <rebill-typography variant=\"body2\" color={COLORS_ENUM.GREY_300}>\n              {I18nService.translate('apmCheckout.redirectMessagePrefix')}{' '}\n              <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREY_300}>\n                {paymentMethodName}\n              </rebill-typography>{' '}\n              {I18nService.translate('apmCheckout.redirectMessageSuffix')}\n            </rebill-typography>\n          </div>\n        </div>\n      );\n    }\n\n    // If barcode is provided (for boleto), show boleto component\n    if (this.barcode) {\n      // Always use static boleto instructions for all languages\n      const instructions = getBoletoInstructionsAsPaymentInstructions();\n\n      return (\n        <boleto-payment\n          barcode={this.barcode}\n          referenceId={this.referenceId}\n          providerName={this.providerName}\n          expirationDate={this.expirationDate}\n          instructions={instructions}\n        />\n      );\n    }\n\n    // If referenceId is provided, show reference code component\n    if (this.referenceId) {\n      return (\n        <reference-code\n          referenceId={this.referenceId}\n          providerName={this.providerName}\n          expirationDate={this.expirationDate}\n        />\n      );\n    }\n\n    // If qrCodeData is provided, show QR code component\n    if (this.qrCodeData) {\n      return (\n        <qr-code\n          qrCodeData={this.qrCodeData}\n          code={this.code}\n          providerName={this.providerName}\n          expirationDate={this.expirationDate}\n          paymentMethod={this.paymentMethod}\n          onTimeUpdate={this.handleTimeUpdate}\n        />\n      );\n    }\n\n    if (this.bankTransferData) {\n      return <bank-transfer bankTransferData={this.bankTransferData} />;\n    }\n\n    // Fallback - shouldn't happen in normal flow\n    return null;\n  }\n\n  render() {\n    const isRedirectMessage = this.redirectUrl && this.showRedirectMessage;\n    const isCashPayment = this.paymentMethod === PAYMENT_METHOD_ENUM.CASH;\n    const isPagoFacil = isCashPayment && this.country === 'AR';\n\n    return (\n      <div class={`apm-checkout ${isRedirectMessage ? 'redirect-message' : ''}`}>\n        <div class=\"apm-content\">{this.renderResponse()}</div>\n\n        <div class=\"apm-actions\">\n          {!isRedirectMessage && isPagoFacil && (\n            <rebill-button\n              type=\"button\"\n              variant=\"outline\"\n              theme=\"primary\"\n              onClick={this.handleViewBranches}\n            >\n              <span class=\"button-content\">\n                <span>{I18nService.translate('apmCheckout.viewBranches')}</span>\n                <rebill-icon name=\"square-arrow-top-right\" />\n              </span>\n            </rebill-button>\n          )}\n\n          {!isRedirectMessage && <apm-download data={this.downloadData} />}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BZaiuF56.js → p-iueBw_y3.js}

@@ -4,7 +4,7 @@ import { L as LOCALES_ENUM } from './p-BzDRvtfU.js';
 import { B as BREAKPOINT_ENUM, g as getBreakpoint, i as isBreakpointBelow } from './p-Do_vNuMa.js';
 import { C as COLORS_ENUM } from './p-C5Pu-n-i.js';
 import { d as defineCustomElement$3 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$2 } from './p-BLD5qbS8.js';
+import { d as defineCustomElement$2 } from './p-C9-xmJLv.js';
 import { d as defineCustomElement$1 } from './p-T8LQxh_O.js';
 
 const rebillFooterCss = ".language-selector{display:flex;align-items:center;margin-right:12px;height:24px}.rebill-footer__footer-content{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:18px;margin-top:18px}.terms-and-conditions{display:flex;align-items:center;gap:4px;margin-left:12px}.footer-powered{margin-right:4px}.footer-separator{margin-right:6px;margin-left:6px}.footer-link,.footer-powered,.footer-separator{display:flex;align-items:center}.footer-link a{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-decoration:none}";
@@ -34,7 +34,7 @@ const RebillFooter = /*@__PURE__*/ proxyCustomElement(class RebillFooter extends
         SessionStore.changeLanguage(event.detail.value);
     };
     render() {
-        return (h("div", { key: '40eed1b41c08658b9cf0e002e780f5afab369ee3', class: "rebill-footer__footer-content" }, h("div", { key: 'ef17c0b4dd2ec599aa9e7238af84fed8c47bcc37', class: "terms-and-conditions" }, !isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (h("rebill-typography", { key: '936b33c8e1efd322db8a660456df22bfbcec93ab', variant: "subtitle3", color: COLORS_ENUM.SECONDARY, class: "footer-powered" }, I18nService.translate('footer.poweredBy'))), h("rebill-icon", { key: '7c385f29b85e738198512f995b55f87d6bf320a4', name: "rebill-logo", color: COLORS_ENUM.SECONDARY }), h("rebill-icon", { key: '4dc36474db4f67f4564f51aae3af12f620ec6890', name: "rebill", color: COLORS_ENUM.SECONDARY }), h("rebill-typography", { key: 'f541c9ff1ff3d99f5f536bf65a93adea42f7c7a6', variant: "subtitle3", color: COLORS_ENUM.SECONDARY, class: "footer-separator" }, "|"), h("rebill-typography", { key: '02991f280839ef40f7b411af243a2e12e679c385', variant: "subtitle3", color: COLORS_ENUM.SECONDARY, class: "footer-link" }, h("a", { key: 'ce498289420535ca8a1e70f395ea4d3b9d3d8fbb', href: "https://www.rebill.com/terminos-y-condiciones-usuarios-finales", target: "_blank" }, I18nService.translate('footer.termsAndConditions')))), h("div", { key: '1126a3165ef798e73a76b246914f2c26bce37b1c', class: "language-selector" }, h("rebill-icon", { key: '57736ddea89f3dd830ff047bfb0bc425d29efe27', name: "world" }), h("rebill-input-select", { key: '18fe8e7f1838aab4a97367bdf6480f5c5b52116e', id: "language-selector", variant: "underlined", backgroundColor: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)
+        return (h("div", { key: 'a01a21f9dcecdc73e30311dff6329545233ffa2e', class: "rebill-footer__footer-content" }, h("div", { key: 'f3ebd54eda491ff9ce727260c4475ca32f831cbf', class: "terms-and-conditions" }, !isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (h("rebill-typography", { key: '9b3587814c80ea82c98f46793c3a9f7466fe8fc7', variant: "subtitle3", color: COLORS_ENUM.SECONDARY, class: "footer-powered" }, I18nService.translate('footer.poweredBy'))), h("rebill-icon", { key: 'b5f0eda6f26619143ab7f45d392a07942e83c0d1', name: "rebill-logo", color: COLORS_ENUM.SECONDARY }), h("rebill-icon", { key: 'bb3d90ca79ce26e4cf23b09ed880b4ebb1268ab8', name: "rebill", color: COLORS_ENUM.SECONDARY }), h("rebill-typography", { key: 'b8eda0b1357fb13bafee74c60199186e029663c2', variant: "subtitle3", color: COLORS_ENUM.SECONDARY, class: "footer-separator" }, "|"), h("rebill-typography", { key: '68eadcd5b8043fbabb55d8208beb436bbed73c10', variant: "subtitle3", color: COLORS_ENUM.SECONDARY, class: "footer-link" }, h("a", { key: 'e7499bb9ff3c7daa5ffe61a25563e1d18d379e6a', href: "https://www.rebill.com/terminos-y-condiciones-usuarios-finales", target: "_blank" }, I18nService.translate('footer.termsAndConditions')))), h("div", { key: '06e153ccd9092a6d0a9dfc44c59a6850288a72b5', class: "language-selector" }, h("rebill-icon", { key: '994a74a0af832f9cabf2e9ff0fd53c0b812b25d9', name: "world" }), h("rebill-input-select", { key: 'ba481c0e98aff6092ea2901f61c81dfc928c4c38', id: "language-selector", variant: "underlined", backgroundColor: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)
                 ? ''
                 : 'var(--rebill-color-background-left)', options: [
                 { label: 'EN', value: LOCALES_ENUM.EN },
@@ -77,6 +77,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { RebillFooter as R, defineCustomElement as d };
-//# sourceMappingURL=p-BZaiuF56.js.map
+//# sourceMappingURL=p-iueBw_y3.js.map
 
-//# sourceMappingURL=p-BZaiuF56.js.map
+//# sourceMappingURL=p-iueBw_y3.js.map

package/dist/components/{p-BZaiuF56.js.map → p-iueBw_y3.js.map}

@@ -1 +1 @@
-{"file":"p-BZaiuF56.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/rebill-footer/rebill-footer.css?tag=rebill-footer","src/components/checkout/rebill-footer/rebill-footer.tsx"],"sourcesContent":[".language-selector {\n  display: flex;\n  align-items: center;\n  margin-right: 12px;\n  height: 24px;\n}\n.rebill-footer__footer-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  margin-bottom: 18px;\n  margin-top: 18px;\n}\n\n.terms-and-conditions {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: 12px;\n}\n\n.footer-powered {\n  margin-right: 4px;\n}\n\n.footer-separator {\n  margin-right: 6px;\n  margin-left: 6px;\n}\n\n.footer-link,\n.footer-powered,\n.footer-separator {\n  display: flex;\n  align-items: center;\n}\n\n.footer-link a {\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  text-decoration: none;\n}\n","import { Component, h, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { LOCALES_ENUM } from '../../../models/enums/locales.enum';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-footer',\n  styleUrl: 'rebill-footer.css',\n  shadow: false,\n})\nexport class RebillFooter {\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n\n  resizeHandler = () => {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n  };\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.resizeHandler);\n  }\n\n  async componentWillLoad() {\n    this.resizeHandler();\n    window.addEventListener('resize', this.resizeHandler);\n    const language = I18nService.getCurrentLanguage();\n    SessionStore.changeLanguage(language);\n  }\n  private handleLanguageChange = (event: any) => {\n    I18nService.changeLanguage(event.detail.value);\n    SessionStore.changeLanguage(event.detail.value);\n  };\n  render() {\n    return (\n      <div class=\"rebill-footer__footer-content\">\n        <div class=\"terms-and-conditions\">\n          {!isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n            <rebill-typography\n              variant=\"subtitle3\"\n              color={COLORS_ENUM.SECONDARY}\n              class=\"footer-powered\"\n            >\n              {I18nService.translate('footer.poweredBy')}\n            </rebill-typography>\n          )}\n          <rebill-icon name=\"rebill-logo\" color={COLORS_ENUM.SECONDARY} />\n          <rebill-icon name=\"rebill\" color={COLORS_ENUM.SECONDARY} />\n          <rebill-typography\n            variant=\"subtitle3\"\n            color={COLORS_ENUM.SECONDARY}\n            class=\"footer-separator\"\n          >\n            |\n          </rebill-typography>\n          <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.SECONDARY} class=\"footer-link\">\n            <a\n              href=\"https://www.rebill.com/terminos-y-condiciones-usuarios-finales\"\n              target=\"_blank\"\n            >\n              {I18nService.translate('footer.termsAndConditions')}\n            </a>\n          </rebill-typography>\n        </div>\n        <div class=\"language-selector\">\n          <rebill-icon name=\"world\" />\n          <rebill-input-select\n            id=\"language-selector\"\n            variant=\"underlined\"\n            backgroundColor={\n              isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)\n                ? ''\n                : 'var(--rebill-color-background-left)'\n            }\n            options={[\n              { label: 'EN', value: LOCALES_ENUM.EN },\n              { label: 'ES', value: LOCALES_ENUM.ES },\n              { label: 'PT', value: LOCALES_ENUM.PT },\n            ]}\n            value={sessionState.currentLocale}\n            on-input={this.handleLanguageChange}\n            fontSize=\"10px\"\n            dropPosition=\"up\"\n            arrowIcon=\"down\"\n            class=\"language-selector-input\"\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-iueBw_y3.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/checkout/rebill-footer/rebill-footer.css?tag=rebill-footer","src/components/checkout/rebill-footer/rebill-footer.tsx"],"sourcesContent":[".language-selector {\n  display: flex;\n  align-items: center;\n  margin-right: 12px;\n  height: 24px;\n}\n.rebill-footer__footer-content {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 100%;\n  margin-bottom: 18px;\n  margin-top: 18px;\n}\n\n.terms-and-conditions {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  margin-left: 12px;\n}\n\n.footer-powered {\n  margin-right: 4px;\n}\n\n.footer-separator {\n  margin-right: 6px;\n  margin-left: 6px;\n}\n\n.footer-link,\n.footer-powered,\n.footer-separator {\n  display: flex;\n  align-items: center;\n}\n\n.footer-link a {\n  font-size: inherit;\n  font-weight: inherit;\n  line-height: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  text-decoration: none;\n}\n","import { Component, h, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { LOCALES_ENUM } from '../../../models/enums/locales.enum';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'rebill-footer',\n  styleUrl: 'rebill-footer.css',\n  shadow: false,\n})\nexport class RebillFooter {\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n\n  resizeHandler = () => {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n  };\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.resizeHandler);\n  }\n\n  async componentWillLoad() {\n    this.resizeHandler();\n    window.addEventListener('resize', this.resizeHandler);\n    const language = I18nService.getCurrentLanguage();\n    SessionStore.changeLanguage(language);\n  }\n  private handleLanguageChange = (event: any) => {\n    I18nService.changeLanguage(event.detail.value);\n    SessionStore.changeLanguage(event.detail.value);\n  };\n  render() {\n    return (\n      <div class=\"rebill-footer__footer-content\">\n        <div class=\"terms-and-conditions\">\n          {!isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n            <rebill-typography\n              variant=\"subtitle3\"\n              color={COLORS_ENUM.SECONDARY}\n              class=\"footer-powered\"\n            >\n              {I18nService.translate('footer.poweredBy')}\n            </rebill-typography>\n          )}\n          <rebill-icon name=\"rebill-logo\" color={COLORS_ENUM.SECONDARY} />\n          <rebill-icon name=\"rebill\" color={COLORS_ENUM.SECONDARY} />\n          <rebill-typography\n            variant=\"subtitle3\"\n            color={COLORS_ENUM.SECONDARY}\n            class=\"footer-separator\"\n          >\n            |\n          </rebill-typography>\n          <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.SECONDARY} class=\"footer-link\">\n            <a\n              href=\"https://www.rebill.com/terminos-y-condiciones-usuarios-finales\"\n              target=\"_blank\"\n            >\n              {I18nService.translate('footer.termsAndConditions')}\n            </a>\n          </rebill-typography>\n        </div>\n        <div class=\"language-selector\">\n          <rebill-icon name=\"world\" />\n          <rebill-input-select\n            id=\"language-selector\"\n            variant=\"underlined\"\n            backgroundColor={\n              isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)\n                ? ''\n                : 'var(--rebill-color-background-left)'\n            }\n            options={[\n              { label: 'EN', value: LOCALES_ENUM.EN },\n              { label: 'ES', value: LOCALES_ENUM.ES },\n              { label: 'PT', value: LOCALES_ENUM.PT },\n            ]}\n            value={sessionState.currentLocale}\n            on-input={this.handleLanguageChange}\n            fontSize=\"10px\"\n            dropPosition=\"up\"\n            arrowIcon=\"down\"\n            class=\"language-selector-input\"\n          />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-CXPNkSli.js → p-mTzDbf1n.js}

@@ -26,11 +26,11 @@ const SelectableCard = /*@__PURE__*/ proxyCustomElement(class SelectableCard ext
         this.selectableCardClick.emit(this.cardKey);
     };
     render() {
-        return (h("button", { key: '54c5c782b61f73ccab3cb91c9f8a837164ac9bbf', class: {
+        return (h("button", { key: '830e58480bd4401421d6a57d77af966c239ac53d', class: {
                 'selectable-card': true,
                 'selected': this.selected,
                 'disabled': this.disabled,
-            }, onClick: this.handleClick, disabled: this.disabled, part: "button", type: "button" }, h("div", { key: 'cd3a71d5da02c5ffdd9bc9e415a431c6eaeb9cfb', class: "icon" }, h("slot", { key: 'cfce89a71121f48f47a4f73068282b8c14db7231', name: "icon" })), h("span", { key: '3f794ba596c47e5a76ba93ba6a3e63d6a2981415', class: "label" }, this.label)));
+            }, onClick: this.handleClick, disabled: this.disabled, part: "button", type: "button" }, h("div", { key: 'b52f528220696700ecd242fe4f5029d5af5d35f7', class: "icon" }, h("slot", { key: '95ba35f60e9a98e4ea079c6fd6fb502f06ba0c81', name: "icon" })), h("span", { key: '0e84ff76e0a944476a96afe1c3eb33fa55f104b5', class: "label" }, this.label)));
     }
     static get style() { return selectableCardCss; }
 }, [260, "selectable-card", {
@@ -55,6 +55,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { SelectableCard as S, defineCustomElement as d };
-//# sourceMappingURL=p-CXPNkSli.js.map
+//# sourceMappingURL=p-mTzDbf1n.js.map
 
-//# sourceMappingURL=p-CXPNkSli.js.map
+//# sourceMappingURL=p-mTzDbf1n.js.map

package/dist/components/{p-CXPNkSli.js.map → p-mTzDbf1n.js.map}

@@ -1 +1 @@
-{"file":"p-CXPNkSli.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,s/FAAs/F;;MCOngG,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;;IAEjB,QAAQ,GAAY,KAAK;;AAEzB,IAAA,KAAK;;AAEL,IAAA,OAAO;;IAEP,QAAQ,GAAY,KAAK;AAExB,IAAA,mBAAmB;IAEpB,WAAW,GAAG,MAAK;AACzB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB;;QAEF,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;AAC7C,KAAC;IAED,MAAM,GAAA;QACJ,QACE,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,iBAAiB,EAAE,IAAI;gBACvB,UAAU,EAAE,IAAI,CAAC,QAAQ;gBACzB,UAAU,EAAE,IAAI,CAAC,QAAQ;AAC1B,aAAA,EACD,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EAAA,EAEb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACf,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAG,CAChB,EACN,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,CAChC;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/selectable-card/selectable-card.css?tag=selectable-card","src/components/shared/selectable-card/selectable-card.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.selectable-card {\n  border: 2px solid var(--rebill-color-border);\n  background: var(--rebill-color-background);\n  border-radius: 8px;\n  padding: 12px 12px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 77px;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 8px;\n  cursor: pointer;\n  box-shadow: none;\n  outline: none;\n  transition: border 0.2s;\n  box-sizing: border-box;\n  min-width: 0;\n}\n\n.selectable-card.selected {\n  border: 2px solid var(--rebill-color-primary);\n}\n\n.icon {\n  color: var(--rebill-color-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-direction: row;\n  flex-wrap: wrap;\n  width: 100%;\n  min-width: 0;\n}\n\n.icon ::slotted(*) {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  max-height: 24px;\n  width: auto;\n}\n\n.label {\n  color: #000;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.selectable-card.selected .label {\n  color: var(--rebill-color-primary);\n}\n\n.selectable-card.disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.selectable-card.disabled:not(.selected) {\n  opacity: 0.6;\n  border: 2px solid #d8dadf;\n}\n\n.selectable-card.disabled:not(.selected) .icon {\n  color: var(--rebill-color-neutrals-500);\n}\n\n.selectable-card.disabled.selected .label {\n  color: var(--rebill-color-primary) !important;\n}\n\n.selectable-card.disabled.selected .icon {\n  color: var(--rebill-color-primary) !important;\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'selectable-card',\n  styleUrl: 'selectable-card.css',\n  shadow: false,\n})\nexport class SelectableCard {\n  /** Si la tarjeta está seleccionada */\n  @Prop() selected: boolean = false;\n  /** Texto de la tarjeta */\n  @Prop() label: string;\n  /** Evento al hacer click */\n  @Prop() cardKey: string;\n  /** Si la tarjeta está deshabilitada */\n  @Prop() disabled: boolean = false;\n\n  @Event() selectableCardClick: EventEmitter<string>;\n\n  private handleClick = () => {\n    if (this.disabled) {\n      return;\n    }\n    this.selectableCardClick.emit(this.cardKey);\n  };\n\n  render() {\n    return (\n      <button\n        class={{\n          'selectable-card': true,\n          'selected': this.selected,\n          'disabled': this.disabled,\n        }}\n        onClick={this.handleClick}\n        disabled={this.disabled}\n        part=\"button\"\n        type=\"button\"\n      >\n        <div class=\"icon\">\n          <slot name=\"icon\" />\n        </div>\n        <span class=\"label\">{this.label}</span>\n      </button>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-mTzDbf1n.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,s/FAAs/F;;MCOngG,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;;IAEjB,QAAQ,GAAY,KAAK;;AAEzB,IAAA,KAAK;;AAEL,IAAA,OAAO;;IAEP,QAAQ,GAAY,KAAK;AAExB,IAAA,mBAAmB;IAEpB,WAAW,GAAG,MAAK;AACzB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB;;QAEF,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;AAC7C,KAAC;IAED,MAAM,GAAA;QACJ,QACE,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,iBAAiB,EAAE,IAAI;gBACvB,UAAU,EAAE,IAAI,CAAC,QAAQ;gBACzB,UAAU,EAAE,IAAI,CAAC,QAAQ;AAC1B,aAAA,EACD,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EAAA,EAEb,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAA,EACf,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,IAAI,EAAC,MAAM,EAAA,CAAG,CAChB,EACN,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,CAChC;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/selectable-card/selectable-card.css?tag=selectable-card","src/components/shared/selectable-card/selectable-card.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.selectable-card {\n  border: 2px solid var(--rebill-color-border);\n  background: var(--rebill-color-background);\n  border-radius: 8px;\n  padding: 12px 12px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 77px;\n  align-items: flex-start;\n  justify-content: center;\n  gap: 8px;\n  cursor: pointer;\n  box-shadow: none;\n  outline: none;\n  transition: border 0.2s;\n  box-sizing: border-box;\n  min-width: 0;\n}\n\n.selectable-card.selected {\n  border: 2px solid var(--rebill-color-primary);\n}\n\n.icon {\n  color: var(--rebill-color-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  flex-direction: row;\n  flex-wrap: wrap;\n  width: 100%;\n  min-width: 0;\n}\n\n.icon ::slotted(*) {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  align-items: center;\n  max-height: 24px;\n  width: auto;\n}\n\n.label {\n  color: #000;\n  font-size: 12px;\n  font-weight: 500;\n}\n\n.selectable-card.selected .label {\n  color: var(--rebill-color-primary);\n}\n\n.selectable-card.disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.selectable-card.disabled:not(.selected) {\n  opacity: 0.6;\n  border: 2px solid #d8dadf;\n}\n\n.selectable-card.disabled:not(.selected) .icon {\n  color: var(--rebill-color-neutrals-500);\n}\n\n.selectable-card.disabled.selected .label {\n  color: var(--rebill-color-primary) !important;\n}\n\n.selectable-card.disabled.selected .icon {\n  color: var(--rebill-color-primary) !important;\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'selectable-card',\n  styleUrl: 'selectable-card.css',\n  shadow: false,\n})\nexport class SelectableCard {\n  /** Si la tarjeta está seleccionada */\n  @Prop() selected: boolean = false;\n  /** Texto de la tarjeta */\n  @Prop() label: string;\n  /** Evento al hacer click */\n  @Prop() cardKey: string;\n  /** Si la tarjeta está deshabilitada */\n  @Prop() disabled: boolean = false;\n\n  @Event() selectableCardClick: EventEmitter<string>;\n\n  private handleClick = () => {\n    if (this.disabled) {\n      return;\n    }\n    this.selectableCardClick.emit(this.cardKey);\n  };\n\n  render() {\n    return (\n      <button\n        class={{\n          'selectable-card': true,\n          'selected': this.selected,\n          'disabled': this.disabled,\n        }}\n        onClick={this.handleClick}\n        disabled={this.disabled}\n        part=\"button\"\n        type=\"button\"\n      >\n        <div class=\"icon\">\n          <slot name=\"icon\" />\n        </div>\n        <span class=\"label\">{this.label}</span>\n      </button>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-DwZ2ffr1.js → p-wMEGQ8Q5.js}

@@ -26,7 +26,7 @@ const CollapsibleCard = /*@__PURE__*/ proxyCustomElement(class CollapsibleCard e
         this.toggled.emit(this.isOpen);
     };
     render() {
-        return (h("div", { key: 'e52b1b8af35e29aea8855c420d7ebc4107e67d4f', class: `collapsible-card ${this.variant}` }, h("button", { key: 'b080f05ec7ee05d91be7a05beec4bdce6c1011ef', class: "collapsible-card-header", onClick: this.toggle, "aria-expanded": this.isOpen, type: "button" }, h("rebill-typography", { key: '78a55b92415160bf6b23e6ac474788f7ab12d325', variant: this.variant === 'flat' ? 'subtitle2' : 'overline', color: COLORS_ENUM.TEXT_PRIMARY }, this.header), h("span", { key: '8b2816beaa64950da2198296553eff3c3a3b09ff', class: { chevron: true, open: this.isOpen } }, h("rebill-icon", { key: '5d20724e3b2e28dda66df988217405471cf00d57', name: "chevron-down", size: "20px", color: "currentColor" }))), h("div", { key: '3ec018d1829c00a835f0c61b6db3248e613271d4', class: { content: true, open: this.isOpen } }, h("slot", { key: '5635f97ced439d69df9d6d90d09c7214aa992eef' }))));
+        return (h("div", { key: 'd2b73737e6dc90fc0ab7bfa73efad8b9b29bffd5', class: `collapsible-card ${this.variant}` }, h("button", { key: '6482650b50e27946f4060d607f86ed0b76d96a84', class: "collapsible-card-header", onClick: this.toggle, "aria-expanded": this.isOpen, type: "button" }, h("rebill-typography", { key: 'bf757cba347d3af969c6acc351edcddedfc03bd1', variant: this.variant === 'flat' ? 'subtitle2' : 'overline', color: COLORS_ENUM.TEXT_PRIMARY }, this.header), h("span", { key: '3448f0519229b5c742be17c6b611f4f0cfac0589', class: { chevron: true, open: this.isOpen } }, h("rebill-icon", { key: '1c37e962e19a54c9457bd1a8997acde4122cf6f7', name: "chevron-down", size: "20px", color: "currentColor" }))), h("div", { key: 'ef1f27e213b6fccf68be585ca81506e5a0143048', class: { content: true, open: this.isOpen } }, h("slot", { key: '078c022fd7f5b5942d3deddeed9b6ac83caaa8f9' }))));
     }
     static get style() { return collapsibleCardCss; }
 }, [260, "collapsible-card", {
@@ -61,6 +61,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { CollapsibleCard as C, defineCustomElement as d };
-//# sourceMappingURL=p-DwZ2ffr1.js.map
+//# sourceMappingURL=p-wMEGQ8Q5.js.map
 
-//# sourceMappingURL=p-DwZ2ffr1.js.map
+//# sourceMappingURL=p-wMEGQ8Q5.js.map

package/dist/components/{p-DwZ2ffr1.js.map → p-wMEGQ8Q5.js.map}

@@ -1 +1 @@
-{"file":"p-DwZ2ffr1.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,4uFAA4uF;;MCQ1vF,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAElB,IAAA,MAAM;;IAEN,IAAI,GAAY,IAAI;;IAEpB,OAAO,GAAuB,SAAS;AACtC,IAAA,MAAM,GAAY,IAAI,CAAC,IAAI;AAE3B,IAAA,OAAO;IAER,MAAM,GAAG,MAAK;AACpB,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;QAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;AAChC,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACE,4DAAK,KAAK,EAAE,CAAoB,iBAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EAC5C,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,IAAI,CAAC,MAAM,EAAA,eAAA,EACL,IAAI,CAAC,MAAM,EAC1B,IAAI,EAAC,QAAQ,EAAA,EAEb,CACE,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM,GAAG,WAAW,GAAG,UAAU,EAC3D,KAAK,EAAE,WAAW,CAAC,YAAY,EAE9B,EAAA,IAAI,CAAC,MAAM,CACM,EACpB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC/C,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG,CAC/D,CACA,EACT,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC9C,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/collapsible-card/collapsible-card.css?tag=collapsible-card","src/components/shared/collapsible-card/collapsible-card.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.collapsible-card {\n  border-radius: 8px;\n  border: 1px solid var(--rebill-color-border);\n  overflow: hidden;\n}\n\n/* Variante flat - sin bordes redondeados arriba y sin borde */\n.collapsible-card.flat {\n  border-radius: 0 0 8px 8px;\n  border: none;\n  background: var(--rebill-color-grey-100);\n}\n\n.collapsible-card-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  border: none;\n  padding: 8px 16px;\n  color: var(--rebill-color-text-primary);\n  background: var(--rebill-color-background-secondary);\n  cursor: pointer;\n  outline: none;\n  transition: background 0.2s;\n}\n\n.chevron {\n  display: flex;\n  align-items: center;\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.chevron.open {\n  transform: rotate(-180deg);\n}\n\n.chevron svg path {\n  stroke: var(--rebill-color-text-secondary-light);\n}\n\n.content {\n  max-height: 0;\n  overflow: hidden;\n  background: var(--rebill-color-background);\n  transition:\n    max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),\n    padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n  padding: 0 16px;\n}\n.content.open {\n  max-height: 500px;\n  padding: 16px;\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'collapsible-card',\n  styleUrl: 'collapsible-card.css',\n  shadow: false,\n})\nexport class CollapsibleCard {\n  /** Texto del header */\n  @Prop() header: string;\n  /** Estado inicial abierto/cerrado */\n  @Prop() open: boolean = true;\n  /** Variante del estilo: 'default' | 'flat' */\n  @Prop() variant: 'default' | 'flat' = 'default';\n  @State() isOpen: boolean = this.open;\n\n  @Event() toggled: EventEmitter<boolean>;\n\n  private toggle = () => {\n    this.isOpen = !this.isOpen;\n    this.toggled.emit(this.isOpen);\n  };\n\n  render() {\n    return (\n      <div class={`collapsible-card ${this.variant}`}>\n        <button\n          class=\"collapsible-card-header\"\n          onClick={this.toggle}\n          aria-expanded={this.isOpen}\n          type=\"button\"\n        >\n          <rebill-typography\n            variant={this.variant === 'flat' ? 'subtitle2' : 'overline'}\n            color={COLORS_ENUM.TEXT_PRIMARY}\n          >\n            {this.header}\n          </rebill-typography>\n          <span class={{ chevron: true, open: this.isOpen }}>\n            <rebill-icon name=\"chevron-down\" size=\"20px\" color=\"currentColor\" />\n          </span>\n        </button>\n        <div class={{ content: true, open: this.isOpen }}>\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-wMEGQ8Q5.js","mappings":";;;;;AAAA,MAAM,kBAAkB,GAAG,4uFAA4uF;;MCQ1vF,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAElB,IAAA,MAAM;;IAEN,IAAI,GAAY,IAAI;;IAEpB,OAAO,GAAuB,SAAS;AACtC,IAAA,MAAM,GAAY,IAAI,CAAC,IAAI;AAE3B,IAAA,OAAO;IAER,MAAM,GAAG,MAAK;AACpB,QAAA,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM;QAC1B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;AAChC,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,QACE,4DAAK,KAAK,EAAE,CAAoB,iBAAA,EAAA,IAAI,CAAC,OAAO,CAAA,CAAE,EAAA,EAC5C,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,yBAAyB,EAC/B,OAAO,EAAE,IAAI,CAAC,MAAM,EAAA,eAAA,EACL,IAAI,CAAC,MAAM,EAC1B,IAAI,EAAC,QAAQ,EAAA,EAEb,CACE,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAE,IAAI,CAAC,OAAO,KAAK,MAAM,GAAG,WAAW,GAAG,UAAU,EAC3D,KAAK,EAAE,WAAW,CAAC,YAAY,EAE9B,EAAA,IAAI,CAAC,MAAM,CACM,EACpB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC/C,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,cAAc,EAAA,CAAG,CAC/D,CACA,EACT,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAA,EAC9C,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/collapsible-card/collapsible-card.css?tag=collapsible-card","src/components/shared/collapsible-card/collapsible-card.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.collapsible-card {\n  border-radius: 8px;\n  border: 1px solid var(--rebill-color-border);\n  overflow: hidden;\n}\n\n/* Variante flat - sin bordes redondeados arriba y sin borde */\n.collapsible-card.flat {\n  border-radius: 0 0 8px 8px;\n  border: none;\n  background: var(--rebill-color-grey-100);\n}\n\n.collapsible-card-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  border: none;\n  padding: 8px 16px;\n  color: var(--rebill-color-text-primary);\n  background: var(--rebill-color-background-secondary);\n  cursor: pointer;\n  outline: none;\n  transition: background 0.2s;\n}\n\n.chevron {\n  display: flex;\n  align-items: center;\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n.chevron.open {\n  transform: rotate(-180deg);\n}\n\n.chevron svg path {\n  stroke: var(--rebill-color-text-secondary-light);\n}\n\n.content {\n  max-height: 0;\n  overflow: hidden;\n  background: var(--rebill-color-background);\n  transition:\n    max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1),\n    padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);\n  padding: 0 16px;\n}\n.content.open {\n  max-height: 500px;\n  padding: 16px;\n}\n","import { Component, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n  tag: 'collapsible-card',\n  styleUrl: 'collapsible-card.css',\n  shadow: false,\n})\nexport class CollapsibleCard {\n  /** Texto del header */\n  @Prop() header: string;\n  /** Estado inicial abierto/cerrado */\n  @Prop() open: boolean = true;\n  /** Variante del estilo: 'default' | 'flat' */\n  @Prop() variant: 'default' | 'flat' = 'default';\n  @State() isOpen: boolean = this.open;\n\n  @Event() toggled: EventEmitter<boolean>;\n\n  private toggle = () => {\n    this.isOpen = !this.isOpen;\n    this.toggled.emit(this.isOpen);\n  };\n\n  render() {\n    return (\n      <div class={`collapsible-card ${this.variant}`}>\n        <button\n          class=\"collapsible-card-header\"\n          onClick={this.toggle}\n          aria-expanded={this.isOpen}\n          type=\"button\"\n        >\n          <rebill-typography\n            variant={this.variant === 'flat' ? 'subtitle2' : 'overline'}\n            color={COLORS_ENUM.TEXT_PRIMARY}\n          >\n            {this.header}\n          </rebill-typography>\n          <span class={{ chevron: true, open: this.isOpen }}>\n            <rebill-icon name=\"chevron-down\" size=\"20px\" color=\"currentColor\" />\n          </span>\n        </button>\n        <div class={{ content: true, open: this.isOpen }}>\n          <slot />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-qx8yDlp3.js → p-z3joV5yV.js}

@@ -3,7 +3,7 @@ import { a as api } from './p-D0zT4zMi.js';
 import { I as I18nService, s as state, e as instance, S as SessionStore } from './p-Be63Lt_2.js';
 import { r as renewalState, o as onChange, R as RenewalStore } from './p-Bl2UnoKG.js';
 import { d as defineCustomElement$2 } from './p-Np4T5oyp.js';
-import { d as defineCustomElement$1 } from './p-OIK5VUVA.js';
+import { d as defineCustomElement$1 } from './p-CtrJsF6L.js';
 
 const Identification = /*@__PURE__*/ proxyCustomElement(class Identification extends H {
     constructor(registerHost) {
@@ -69,7 +69,7 @@ const Identification = /*@__PURE__*/ proxyCustomElement(class Identification ext
             label: documentType.value,
             value: documentType.value,
         }));
-        return (h(h.Fragment, null, h("rebill-input-combo", { key: '23210f89a5683feb3b8ac77eacc1515940ce7a9d', "select-id": "documentType", "input-id": "documentNumber", "on-input": this.handleInputChange, "select-placeholder": I18nService.translate('document.typePlaceholder'), "input-placeholder": I18nService.translate('document.numberPlaceholder'), error: I18nService.translate(error), options: options, disabled: this.disabled })));
+        return (h(h.Fragment, null, h("rebill-input-combo", { key: '3a995ac7c50c2b36c0827ab9d9696b3682160311', "select-id": "documentType", "input-id": "documentNumber", "on-input": this.handleInputChange, "select-placeholder": I18nService.translate('document.typePlaceholder'), "input-placeholder": I18nService.translate('document.numberPlaceholder'), error: I18nService.translate(error), options: options, disabled: this.disabled })));
     }
 }, [256, "card-identification", {
         "documentTypeError": [1, "document-type-error"],
@@ -105,6 +105,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Identification as I, defineCustomElement as d };
-//# sourceMappingURL=p-qx8yDlp3.js.map
+//# sourceMappingURL=p-z3joV5yV.js.map
 
-//# sourceMappingURL=p-qx8yDlp3.js.map
+//# sourceMappingURL=p-z3joV5yV.js.map

package/dist/components/{p-qx8yDlp3.js.map → p-z3joV5yV.js.map}

@@ -1 +1 @@
-{"file":"p-qx8yDlp3.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-z3joV5yV.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-CEM6OODt.js';
+import { P as PaymentMethodSelector$1, d as defineCustomElement$1 } from './p-Bo6Oy_rw.js';
 
 const PaymentMethodSelector = PaymentMethodSelector$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/qr-code.js

@@ -1,4 +1,4 @@
-import { Q as QrCode$1, d as defineCustomElement$1 } from './p-dkScX4Ck.js';
+import { Q as QrCode$1, d as defineCustomElement$1 } from './p-DoTMic8C.js';
 
 const QrCode = QrCode$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-address-form.js

@@ -1,4 +1,4 @@
-import { A as AddressForm, d as defineCustomElement$1 } from './p-ClLeKt1B.js';
+import { A as AddressForm, d as defineCustomElement$1 } from './p-D-FRnRNO.js';
 
 const RebillAddressForm = AddressForm;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-address-search.js

@@ -1,4 +1,4 @@
-import { A as AddressSearch, d as defineCustomElement$1 } from './p-CZ4Ng3BX.js';
+import { A as AddressSearch, d as defineCustomElement$1 } from './p-Dgn-b0VN.js';
 
 const RebillAddressSearch = AddressSearch;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-address.js

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

package/dist/components/rebill-alert.js

@@ -1,4 +1,4 @@
-import { A as Alert, d as defineCustomElement$1 } from './p-BU6zbBCY.js';
+import { A as Alert, d as defineCustomElement$1 } from './p-BhAb6Xb9.js';
 
 const RebillAlert = Alert;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-autofill-detector.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface RebillAutofillDetector extends Components.RebillAutofillDetector, HTMLElement {}
+export const RebillAutofillDetector: {
+    prototype: RebillAutofillDetector;
+    new (): RebillAutofillDetector;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/rebill-autofill-detector.js

@@ -0,0 +1,9 @@
+import { A as AutofillDetector, d as defineCustomElement$1 } from './p-Cb2XT9Pi.js';
+
+const RebillAutofillDetector = AutofillDetector;
+const defineCustomElement = defineCustomElement$1;
+
+export { RebillAutofillDetector, defineCustomElement };
+//# sourceMappingURL=rebill-autofill-detector.js.map
+
+//# sourceMappingURL=rebill-autofill-detector.js.map

package/dist/components/rebill-autofill-detector.js.map

@@ -0,0 +1 @@
+{"file":"rebill-autofill-detector.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/rebill-bank-selector.js

@@ -1,4 +1,4 @@
-import { B as BankSelector, d as defineCustomElement$1 } from './p-BVVBiDNt.js';
+import { B as BankSelector, d as defineCustomElement$1 } from './p-CwYDVqU6.js';
 
 const RebillBankSelector = BankSelector;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/rebill-card-carousel.js

@@ -56,7 +56,7 @@ const CardCarousel = /*@__PURE__*/ proxyCustomElement(class CardCarousel extends
     }
     render() {
         const currentIcon = this.cardIcons[this.currentIndex];
-        return (h("div", { key: 'be9f0a85982e11717b871b402b532cb7ebdc39c4', class: "card-carousel-container", onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("div", { key: '8b7d7c441e589ab28bd32bc7fa6683b733d962e6', class: "card-carousel" }, h("rebill-icon", { key: `${currentIcon}-${this.currentIndex}`, name: currentIcon, size: this.size, color: this.color, class: "card-icon" })), this.showAllCards && (h("div", { key: 'a07c3c9ed2b6c92236f5874591172a4f771d7099', class: "card-indicators" }, this.cardIcons.map((icon, index) => (h("div", { key: icon, class: `indicator ${index === this.currentIndex ? 'active' : ''}`, onClick: () => {
+        return (h("div", { key: '59ab00069791ac1c74abcf1a3ba93820007a78de', class: "card-carousel-container", onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("div", { key: 'f09c5fa7766e2a07b3da11cb8e30070478ed2e83', class: "card-carousel" }, h("rebill-icon", { key: `${currentIcon}-${this.currentIndex}`, name: currentIcon, size: this.size, color: this.color, class: "card-icon" })), this.showAllCards && (h("div", { key: '6235bf50fc94998a1c4525daf8b74a7c26167c5c', class: "card-indicators" }, this.cardIcons.map((icon, index) => (h("div", { key: icon, class: `indicator ${index === this.currentIndex ? 'active' : ''}`, onClick: () => {
                 this.currentIndex = index;
             } })))))));
     }

package/dist/components/rebill-card.js

@@ -1,4 +1,4 @@
-import { C as Card, d as defineCustomElement$1 } from './p-CjLWTQ-k.js';
+import { C as Card, d as defineCustomElement$1 } from './p-D13i5GRC.js';
 
 const RebillCard = Card;
 const defineCustomElement = defineCustomElement$1;