rebill-web-components-sdk 1.8.3-beta.3 → 1.8.3-beta.5

package/dist/components/{p-BaN8grjD.js.map → p-DNxp10y2.js.map}

@@ -1 +1 @@
-{"file":"p-BaN8grjD.js","mappings":"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","names":["sessionState","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/models/enums/status-req-checkout-apm.enum.ts","src/api/endpoints/checkout-status.ts","src/models/enums/payment-method-name.enum.ts","src/utils/payment-method-mapper.ts","src/components/checkout/apm/apm-checkout/apm-checkout.css?tag=apm-checkout","src/components/checkout/apm/apm-checkout/apm-checkout.tsx"],"sourcesContent":["export enum STATUS_REQ_CHECKOUT_APM {\n  PENDING_CUSTOMER_CHARGE = 'pending_customer_charge',\n  APPROVED = 'approved',\n  REJECTED = 'rejected',\n}\n","import { STATUS_REQ_CHECKOUT_APM } from '../../models/enums/status-req-checkout-apm.enum';\nimport { api } from '../index';\n\n/**\n * Gets the checkout request status by request ID\n * @param reqId - The checkout request ID\n * @param bearerToken - The bearer token for authentication\n * @returns Promise with checkout status information\n */\nexport const getCheckoutRequest = async (reqId: string, bearerToken: string) => {\n  try {\n    const response = await api.checkout.getCheckoutRequestPaymentAPM(reqId, bearerToken);\n    return response.data;\n  } catch (error) {\n    throw error;\n  }\n};\n\n/**\n * GET endpoint handler for checkout status\n * @param reqId - The checkout request ID from URL parameters\n * @param bearerToken - The bearer token for authentication\n * @returns Response with checkout status, completion status, and data\n */\nexport const GET = async (reqId: string, bearerToken?: string) => {\n  try {\n    if (!reqId || !bearerToken) {\n      return {};\n    }\n\n    const checkoutRequest = await getCheckoutRequest(reqId, bearerToken);\n\n    const response = {\n      status: checkoutRequest.status,\n      isCompleted:\n        checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.APPROVED ||\n        checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.REJECTED,\n      isPending: checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.PENDING_CUSTOMER_CHARGE,\n      data: checkoutRequest,\n    };\n\n    return {\n      status: 200,\n      body: response,\n    };\n  } catch (error) {\n    console.error('Error fetching checkout status:', error);\n    return {\n      status: 500,\n      body: { error: 'Failed to fetch checkout status' },\n    };\n  }\n};\n","export enum PaymentMethodNameE {\n  CARD = 'card',\n  BR_TRANSFERENCE_PIX = 'br-bank_transfer-pix',\n  BR_CASH_BOLETO = 'br-cash-boleto',\n  AR_CASH_PAGOFACIL = 'ar-cash-pagofacil',\n  AR_TRANSFERENCE_QR = 'ar-bank_transfer-qr',\n  CO_TRANSFERENCE_PSE = 'co-bank_transfer-pse',\n  MX_TRANSFERENCE_SPEI = 'mx-bank_transfer-spei',\n}\n","import { PaymentMethodNameE } from '../models/enums/payment-method-name.enum';\nimport { PAYMENT_METHOD_ENUM } from '../models/enums/payment-methods.enum';\nimport { sessionState } from '../store/session.store';\n\n/**\n * Maps the current payment method enum to the specific APM payment method name\n * based on the country and payment method type\n */\nexport class PaymentMethodMapper {\n  /**\n   * Maps generic payment method to specific APM payment method name\n   * @param paymentMethod - Generic payment method (cash, transference, card)\n   * @param country - Country code (BR, AR, CO, MX, etc.)\n   * @returns Specific payment method name for APM API\n   */\n  static mapToAPMPaymentMethod(\n    paymentMethod: PAYMENT_METHOD_ENUM,\n    country?: string,\n  ): PaymentMethodNameE {\n    // If card, return card\n    if (paymentMethod === PAYMENT_METHOD_ENUM.CARD) {\n      return PaymentMethodNameE.CARD;\n    }\n\n    // Use country from session state if not provided\n    const countryCode = country || sessionState.data?.pricing?.country;\n\n    // Map cash payment methods by country\n    if (paymentMethod === PAYMENT_METHOD_ENUM.CASH) {\n      switch (countryCode) {\n        case 'BR':\n          return PaymentMethodNameE.BR_CASH_BOLETO;\n        case 'AR':\n          return PaymentMethodNameE.AR_CASH_PAGOFACIL;\n        default:\n          // Default to Brazilian boleto if country not supported\n          return PaymentMethodNameE.BR_CASH_BOLETO;\n      }\n    }\n\n    // Map transfer payment methods by country\n    if (paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER) {\n      switch (countryCode) {\n        case 'BR':\n          return PaymentMethodNameE.BR_TRANSFERENCE_PIX;\n        case 'AR':\n          return PaymentMethodNameE.AR_TRANSFERENCE_QR;\n        case 'CO':\n          return PaymentMethodNameE.CO_TRANSFERENCE_PSE;\n        case 'MX':\n          return PaymentMethodNameE.MX_TRANSFERENCE_SPEI;\n        default:\n          // Default to Brazilian PIX if country not supported\n          return PaymentMethodNameE.BR_TRANSFERENCE_PIX;\n      }\n    }\n\n    // Fallback to card\n    return PaymentMethodNameE.CARD;\n  }\n\n  /**\n   * Converts PaymentMethodNameE enum to a user-friendly display name\n   * @param paymentMethodName - Payment method enum value\n   * @returns User-friendly display name (e.g., \"PSE\", \"PIX\", \"Boleto\")\n   */\n  static getDisplayName(paymentMethodName: PaymentMethodNameE): string {\n    switch (paymentMethodName) {\n      case PaymentMethodNameE.CARD:\n        return 'Card';\n      case PaymentMethodNameE.BR_TRANSFERENCE_PIX:\n        return 'PIX';\n      case PaymentMethodNameE.BR_CASH_BOLETO:\n        return 'Boleto';\n      case PaymentMethodNameE.AR_CASH_PAGOFACIL:\n        return 'PagoFácil';\n      case PaymentMethodNameE.AR_TRANSFERENCE_QR:\n        return 'QR';\n      case PaymentMethodNameE.CO_TRANSFERENCE_PSE:\n        return 'PSE';\n      case PaymentMethodNameE.MX_TRANSFERENCE_SPEI:\n        return 'SPEI';\n      default:\n        return 'Payment';\n    }\n  }\n\n  /**\n   * Checks if a payment method is an APM (Alternative Payment Method)\n   * @param paymentMethod - Payment method to check\n   * @returns True if APM, false if card\n   */\n  static isAPMPaymentMethod(paymentMethod: PAYMENT_METHOD_ENUM): boolean {\n    return (\n      paymentMethod === PAYMENT_METHOD_ENUM.CASH ||\n      paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER\n    );\n  }\n}\n",".apm-checkout {\n  display: flex;\n  flex-direction: column;\n}\n\n.apm-content {\n  margin-bottom: 0;\n}\n\n.apm-content .reference-code,\n.apm-content .qr-code {\n  margin-top: 0;\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n\n.apm-actions {\n  display: flex;\n  gap: 12px;\n  padding: 20px 0;\n}\n\n.apm-actions rebill-button {\n  flex: 1;\n}\n\n.apm-actions rebill-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/* 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, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { getCheckoutRequest } from '../../../../api/endpoints/checkout-status';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../../models/enums/payment-methods.enum';\nimport { STATUS_REQ_CHECKOUT_APM } from '../../../../models/enums/status-req-checkout-apm.enum';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\nimport { PaymentMethodMapper } from '../../../../utils/payment-method-mapper';\nimport { PDFGenerator } from '../../../../utils/pdf-generator';\n\n// Constants\nconst DEFAULT_REDIRECT_TIMEOUT = 3000; // 3 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  @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n  @Prop() referenceId?: string;\n  @Prop() qrCodeData?: string;\n  @Prop() providerName: string;\n  @Prop() expirationDate: string;\n  @Prop() country?: string;\n  @Prop() redirectUrl?: string;\n  @Prop() timeToRedirect?: number = DEFAULT_REDIRECT_TIMEOUT;\n  @Prop() checkoutRequestId?: string; // ID para hacer polling\n  @Prop() bearerToken?: string;\n\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\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\n    if (this.redirectUrl) {\n      this.handleRedirect();\n    }\n\n    if (this.checkoutRequestId && this.qrCodeData) {\n      this.startPolling();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.redirectTimeoutId) {\n      clearTimeout(this.redirectTimeoutId);\n      this.redirectTimeoutId = undefined;\n    }\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\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 handleDownload = async () => {\n    try {\n      let minutesLeft = 60;\n\n      if (this.qrStartTime) {\n        const now = new Date();\n        const elapsedMinutes = Math.floor(\n          (now.getTime() - this.qrStartTime.getTime()) / (1000 * 60),\n        );\n        minutesLeft = Math.max(0, 60 - elapsedMinutes);\n      }\n\n      await PDFGenerator.generateAndDownloadPDF({\n        paymentMethod: this.paymentMethod,\n        referenceId: this.referenceId,\n        qrCodeData: this.qrCodeData,\n        providerName: this.providerName,\n        expirationDate: this.expirationDate,\n        minutesLeft: minutesLeft,\n      });\n    } catch (error) {\n      console.error('Error downloading payment instructions:', error);\n    }\n  };\n\n  private handleTimeUpdate = (event: CustomEvent<number>) => {\n    this.minutesLeft = event.detail;\n  };\n\n  private startPolling = () => {\n    if (!this.qrCodeData || !this.checkoutRequestId || this.isPolling) {\n      return;\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 renderResponse() {\n    // If redirectUrl is provided, show redirect message\n    if (this.redirectUrl && this.showRedirectMessage) {\n      const paymentMethodEnum = PaymentMethodMapper.mapToAPMPaymentMethod(\n        this.paymentMethod,\n        this.country,\n      );\n      const paymentMethodName = PaymentMethodMapper.getDisplayName(paymentMethodEnum);\n\n      return (\n        <div class=\"redirect-content\">\n          <div class=\"redirect-text\">\n            <rebill-typography variant=\"body2\" color={COLORS_ENUM.GREY_300}>\n              {I18nService.translate('apmCheckout.redirectMessagePrefix')}{' '}\n              <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREY_300}>\n                {paymentMethodName}\n              </rebill-typography>{' '}\n              {I18nService.translate('apmCheckout.redirectMessageSuffix')}\n            </rebill-typography>\n          </div>\n        </div>\n      );\n    }\n\n    // If referenceId is provided, show reference code component\n    if (this.referenceId) {\n      return (\n        <reference-code\n          referenceId={this.referenceId}\n          providerName={this.providerName}\n          expirationDate={this.expirationDate}\n        />\n      );\n    }\n\n    // If qrCodeData is provided, show QR code component\n    if (this.qrCodeData) {\n      return (\n        <qr-code\n          qrCodeData={this.qrCodeData}\n          providerName={this.providerName}\n          expirationDate={this.expirationDate}\n          paymentMethod={this.paymentMethod}\n          onTimeUpdate={this.handleTimeUpdate}\n        />\n      );\n    }\n\n    // Fallback - shouldn't happen in normal flow\n    return null;\n  }\n\n  render() {\n    const isRedirectMessage = this.redirectUrl && this.showRedirectMessage;\n    const isCashPayment = this.paymentMethod === PAYMENT_METHOD_ENUM.CASH;\n\n    return (\n      <div class={`apm-checkout ${isRedirectMessage ? 'redirect-message' : ''}`}>\n        <div class=\"apm-content\">{this.renderResponse()}</div>\n\n        {!isRedirectMessage && (\n          <div class=\"apm-actions\">\n            {isCashPayment && (\n              <rebill-button\n                type=\"button\"\n                variant=\"outline\"\n                theme=\"primary\"\n                onClick={this.handleViewBranches}\n              >\n                <span class=\"button-content\">\n                  <span>{I18nService.translate('apmCheckout.viewBranches')}</span>\n                  <rebill-icon name=\"square-arrow-top-right\" />\n                </span>\n              </rebill-button>\n            )}\n\n            <rebill-button\n              type=\"button\"\n              variant=\"filled\"\n              theme=\"primary-dark\"\n              onClick={this.handleDownload}\n            >\n              <span class=\"button-content\">\n                <span>{I18nService.translate('apmCheckout.download')}</span>\n                <rebill-icon name=\"download\" />\n              </span>\n            </rebill-button>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DNxp10y2.js","mappings":";;;;;;;;;;;;IAAY;AAAZ,CAAA,UAAY,uBAAuB,EAAA;AACjC,IAAA,uBAAA,CAAA,yBAAA,CAAA,GAAA,yBAAmD;AACnD,IAAA,uBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,uBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAJW,uBAAuB,KAAvB,uBAAuB,GAIlC,EAAA,CAAA,CAAA;;ACDD;;;;;AAKG;AACI,MAAM,kBAAkB,GAAG,OAAO,KAAa,EAAE,WAAmB,KAAI;AAC7E,IAAA,IAAI;AACF,QAAA,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,QAAQ,CAAC,4BAA4B,CAAC,KAAK,EAAE,WAAW,CAAC;QACpF,OAAO,QAAQ,CAAC,IAAI;;IACpB,OAAO,KAAK,EAAE;AACd,QAAA,MAAM,KAAK;;AAEf,CAAC;;IChBW;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,kBAAA,CAAA,qBAAA,CAAA,GAAA,sBAA4C;AAC5C,IAAA,kBAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC;AACjC,IAAA,kBAAA,CAAA,mBAAA,CAAA,GAAA,mBAAuC;AACvC,IAAA,kBAAA,CAAA,oBAAA,CAAA,GAAA,qBAA0C;AAC1C,IAAA,kBAAA,CAAA,qBAAA,CAAA,GAAA,sBAA4C;AAC5C,IAAA,kBAAA,CAAA,sBAAA,CAAA,GAAA,uBAA8C;AAChD,CAAC,EARW,kBAAkB,KAAlB,kBAAkB,GAQ7B,EAAA,CAAA,CAAA;;ACJD;;;AAGG;MACU,mBAAmB,CAAA;AAC9B;;;;;AAKG;AACH,IAAA,OAAO,qBAAqB,CAC1B,aAAkC,EAClC,OAAgB,EAAA;;AAGhB,QAAA,IAAI,aAAa,KAAK,mBAAmB,CAAC,IAAI,EAAE;YAC9C,OAAO,kBAAkB,CAAC,IAAI;;;QAIhC,MAAM,WAAW,GAAG,OAAO,IAAIA,KAAY,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO;;AAGlE,QAAA,IAAI,aAAa,KAAK,mBAAmB,CAAC,IAAI,EAAE;YAC9C,QAAQ,WAAW;AACjB,gBAAA,KAAK,IAAI;oBACP,OAAO,kBAAkB,CAAC,cAAc;AAC1C,gBAAA,KAAK,IAAI;oBACP,OAAO,kBAAkB,CAAC,iBAAiB;AAC7C,gBAAA;;oBAEE,OAAO,kBAAkB,CAAC,cAAc;;;;AAK9C,QAAA,IAAI,aAAa,KAAK,mBAAmB,CAAC,aAAa,EAAE;YACvD,QAAQ,WAAW;AACjB,gBAAA,KAAK,IAAI;oBACP,OAAO,kBAAkB,CAAC,mBAAmB;AAC/C,gBAAA,KAAK,IAAI;oBACP,OAAO,kBAAkB,CAAC,kBAAkB;AAC9C,gBAAA,KAAK,IAAI;oBACP,OAAO,kBAAkB,CAAC,mBAAmB;AAC/C,gBAAA,KAAK,IAAI;oBACP,OAAO,kBAAkB,CAAC,oBAAoB;AAChD,gBAAA;;oBAEE,OAAO,kBAAkB,CAAC,mBAAmB;;;;QAKnD,OAAO,kBAAkB,CAAC,IAAI;;AAGhC;;;;AAIG;IACH,OAAO,cAAc,CAAC,iBAAqC,EAAA;QACzD,QAAQ,iBAAiB;YACvB,KAAK,kBAAkB,CAAC,IAAI;AAC1B,gBAAA,OAAO,MAAM;YACf,KAAK,kBAAkB,CAAC,mBAAmB;AACzC,gBAAA,OAAO,KAAK;YACd,KAAK,kBAAkB,CAAC,cAAc;AACpC,gBAAA,OAAO,QAAQ;YACjB,KAAK,kBAAkB,CAAC,iBAAiB;AACvC,gBAAA,OAAO,WAAW;YACpB,KAAK,kBAAkB,CAAC,kBAAkB;AACxC,gBAAA,OAAO,IAAI;YACb,KAAK,kBAAkB,CAAC,mBAAmB;AACzC,gBAAA,OAAO,KAAK;YACd,KAAK,kBAAkB,CAAC,oBAAoB;AAC1C,gBAAA,OAAO,MAAM;AACf,YAAA;AACE,gBAAA,OAAO,SAAS;;;AAItB;;;;AAIG;IACH,OAAO,kBAAkB,CAAC,aAAkC,EAAA;AAC1D,QAAA,QACE,aAAa,KAAK,mBAAmB,CAAC,IAAI;AAC1C,YAAA,aAAa,KAAK,mBAAmB,CAAC,aAAa;;AAGxD;;AClGD,MAAM,cAAc,GAAG,u9BAAu9B;;ACS9+B;AACA,MAAM,wBAAwB,GAAG,IAAI,CAAC;AACtC,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAE9B,MAAM,oBAAoB,GAAG,GAAG,CAAC;MAOpB,WAAW,iBAAAC,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;AACd,IAAA,aAAa;AACb,IAAA,WAAW;AACX,IAAA,UAAU;AACV,IAAA,YAAY;AACZ,IAAA,cAAc;AACd,IAAA,OAAO;AACP,IAAA,WAAW;IACX,cAAc,GAAY,wBAAwB;IAClD,iBAAiB,CAAU;AAC3B,IAAA,WAAW;IAEV,mBAAmB,GAAG,KAAK;IAC3B,SAAS,GAAG,KAAK;IACjB,WAAW,CAAU;IACrB,WAAW,CAAQ;AAEnB,IAAA,mBAAmB;AAMpB,IAAA,iBAAiB;AACjB,IAAA,iBAAiB;AACjB,IAAA,qBAAqB;IACrB,eAAe,GAAG,CAAC;IAE3B,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,WAAW,GAAG,IAAI,IAAI,EAAE;AAE7B,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,IAAI,CAAC,cAAc,EAAE;;QAGvB,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,UAAU,EAAE;YAC7C,IAAI,CAAC,YAAY,EAAE;;;IAIvB,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC1B,YAAA,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC;AACpC,YAAA,IAAI,CAAC,iBAAiB,GAAG,SAAS;;AAGpC,QAAA,IAAI,IAAI,CAAC,qBAAqB,EAAE;AAC9B,YAAA,YAAY,CAAC,IAAI,CAAC,qBAAqB,CAAC;AACxC,YAAA,IAAI,CAAC,qBAAqB,GAAG,SAAS;;AAGxC,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC1B,YAAA,aAAa,CAAC,IAAI,CAAC,iBAAiB,CAAC;AACrC,YAAA,IAAI,CAAC,iBAAiB,GAAG,SAAS;;;IAI9B,cAAc,GAAG,MAAK;AAC5B,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC1B,YAAA,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC;;AAGtC,QAAA,IAAI,CAAC,mBAAmB,GAAG,IAAI;QAE/B,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,MAAK;YAC9C,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC;AACxC,SAAC,EAAE,IAAI,CAAC,cAAc,CAAC;AACzB,KAAC;IAEO,kBAAkB,GAAG,MAAK;AAChC,QAAA,MAAM,CAAC,IAAI,CAAC,+BAA+B,EAAE,QAAQ,CAAC;AACxD,KAAC;IAEO,cAAc,GAAG,YAAW;AAClC,QAAA,IAAI;YACF,IAAI,WAAW,GAAG,EAAE;AAEpB,YAAA,IAAI,IAAI,CAAC,WAAW,EAAE;AACpB,gBAAA,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE;gBACtB,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAC/B,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,IAAI,GAAG,EAAE,CAAC,CAC3D;gBACD,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,cAAc,CAAC;;YAGhD,MAAM,YAAY,CAAC,sBAAsB,CAAC;gBACxC,aAAa,EAAE,IAAI,CAAC,aAAa;gBACjC,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,UAAU,EAAE,IAAI,CAAC,UAAU;gBAC3B,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,cAAc,EAAE,IAAI,CAAC,cAAc;AACnC,gBAAA,WAAW,EAAE,WAAW;AACzB,aAAA,CAAC;;QACF,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,yCAAyC,EAAE,KAAK,CAAC;;AAEnE,KAAC;AAEO,IAAA,gBAAgB,GAAG,CAAC,KAA0B,KAAI;AACxD,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,MAAM;AACjC,KAAC;IAEO,YAAY,GAAG,MAAK;AAC1B,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,SAAS,EAAE;YACjE;;AAEF,QAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACrB,QAAA,IAAI,CAAC,eAAe,GAAG,CAAC;QAExB,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;YAC/C,IAAI,CAAC,kBAAkB,EAAE;SAC1B,EAAE,gBAAgB,CAAC;AACtB,KAAC;IAEO,WAAW,GAAG,MAAK;AACzB,QAAA,IAAI,IAAI,CAAC,iBAAiB,EAAE;AAC1B,YAAA,aAAa,CAAC,IAAI,CAAC,iBAAiB,CAAC;AACrC,YAAA,IAAI,CAAC,iBAAiB,GAAG,SAAS;;AAEpC,QAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACxB,KAAC;IAEO,kBAAkB,GAAG,YAAW;AACtC,QAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B;;AAGF,QAAA,IAAI;YACF,IAAI,CAAC,eAAe,EAAE;AAEtB,YAAA,MAAM,QAAQ,GAAG,MAAM,kBAAkB,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,WAAW,CAAC;YACnF,MAAM,WAAW,GACf,QAAQ,CAAC,MAAM,KAAK,uBAAuB,CAAC,QAAQ;AACpD,gBAAA,QAAQ,CAAC,MAAM,KAAK,uBAAuB,CAAC,QAAQ;AACtD,YAAA,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC;gBAC5B,MAAM,EAAE,QAAQ,CAAC,MAAM;AACvB,gBAAA,WAAW,EAAE,WAAW;gBACxB,IAAI,EAAE,QAAQ,CAAC,IAAI;AACpB,aAAA,CAAC;YAEF,IAAI,WAAW,EAAE;gBACf,IAAI,CAAC,WAAW,EAAE;gBAClB;;AAGF,YAAA,IAAI,IAAI,CAAC,eAAe,IAAI,oBAAoB,EAAE;gBAChD,IAAI,CAAC,WAAW,EAAE;gBAClB;;;QAEF,OAAO,KAAK,EAAE;AACd,YAAA,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC;;AAE1D,KAAC;IAEO,cAAc,GAAA;;QAEpB,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,mBAAmB,EAAE;AAChD,YAAA,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,qBAAqB,CACjE,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,OAAO,CACb;YACD,MAAM,iBAAiB,GAAG,mBAAmB,CAAC,cAAc,CAAC,iBAAiB,CAAC;AAE/E,YAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAmB,CAAA,mBAAA,EAAA,EAAA,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,WAAW,CAAC,QAAQ,EAAA,EAC3D,WAAW,CAAC,SAAS,CAAC,mCAAmC,CAAC,EAAE,GAAG,EAChE,CAAmB,CAAA,mBAAA,EAAA,EAAA,OAAO,EAAC,UAAU,EAAC,KAAK,EAAE,WAAW,CAAC,QAAQ,EAC9D,EAAA,iBAAiB,CACA,EAAC,GAAG,EACvB,WAAW,CAAC,SAAS,CAAC,mCAAmC,CAAC,CACzC,CAChB,CACF;;;AAKV,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,QACE,sBACE,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,CAAA;;;AAKN,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,QACE,CAAA,CAAA,SAAA,EAAA,EACE,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,YAAY,EAAE,IAAI,CAAC,gBAAgB,EAAA,CACnC;;;AAKN,QAAA,OAAO,IAAI;;IAGb,MAAM,GAAA;QACJ,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,mBAAmB;QACtE,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,KAAK,mBAAmB,CAAC,IAAI;QAErE,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,gBAAgB,iBAAiB,GAAG,kBAAkB,GAAG,EAAE,CAAE,CAAA,EAAA,EACvE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EAAE,IAAI,CAAC,cAAc,EAAE,CAAO,EAErD,CAAC,iBAAiB,KACjB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,aAAa,EAAA,EACrB,aAAa,KACZ,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAAA,EAEhC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC1B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,WAAW,CAAC,SAAS,CAAC,0BAA0B,CAAC,CAAQ,EAChE,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,IAAI,EAAC,wBAAwB,EAAG,CAAA,CACxC,CACO,CACjB,EAED,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,IAAI,CAAC,cAAc,EAAA,EAE5B,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,gBAAgB,EAAA,EAC1B,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAO,WAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAQ,EAC5D,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,UAAU,EAAG,CAAA,CAC1B,CACO,CACZ,CACP,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["sessionState","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/models/enums/status-req-checkout-apm.enum.ts","src/api/endpoints/checkout-status.ts","src/models/enums/payment-method-name.enum.ts","src/utils/payment-method-mapper.ts","src/components/checkout/apm/apm-checkout/apm-checkout.css?tag=apm-checkout","src/components/checkout/apm/apm-checkout/apm-checkout.tsx"],"sourcesContent":["export enum STATUS_REQ_CHECKOUT_APM {\n  PENDING_CUSTOMER_CHARGE = 'pending_customer_charge',\n  APPROVED = 'approved',\n  REJECTED = 'rejected',\n}\n","import { STATUS_REQ_CHECKOUT_APM } from '../../models/enums/status-req-checkout-apm.enum';\nimport { api } from '../index';\n\n/**\n * Gets the checkout request status by request ID\n * @param reqId - The checkout request ID\n * @param bearerToken - The bearer token for authentication\n * @returns Promise with checkout status information\n */\nexport const getCheckoutRequest = async (reqId: string, bearerToken: string) => {\n  try {\n    const response = await api.checkout.getCheckoutRequestPaymentAPM(reqId, bearerToken);\n    return response.data;\n  } catch (error) {\n    throw error;\n  }\n};\n\n/**\n * GET endpoint handler for checkout status\n * @param reqId - The checkout request ID from URL parameters\n * @param bearerToken - The bearer token for authentication\n * @returns Response with checkout status, completion status, and data\n */\nexport const GET = async (reqId: string, bearerToken?: string) => {\n  try {\n    if (!reqId || !bearerToken) {\n      return {};\n    }\n\n    const checkoutRequest = await getCheckoutRequest(reqId, bearerToken);\n\n    const response = {\n      status: checkoutRequest.status,\n      isCompleted:\n        checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.APPROVED ||\n        checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.REJECTED,\n      isPending: checkoutRequest.status === STATUS_REQ_CHECKOUT_APM.PENDING_CUSTOMER_CHARGE,\n      data: checkoutRequest,\n    };\n\n    return {\n      status: 200,\n      body: response,\n    };\n  } catch (error) {\n    console.error('Error fetching checkout status:', error);\n    return {\n      status: 500,\n      body: { error: 'Failed to fetch checkout status' },\n    };\n  }\n};\n","export enum PaymentMethodNameE {\n  CARD = 'card',\n  BR_TRANSFERENCE_PIX = 'br-bank_transfer-pix',\n  BR_CASH_BOLETO = 'br-cash-boleto',\n  AR_CASH_PAGOFACIL = 'ar-cash-pagofacil',\n  AR_TRANSFERENCE_QR = 'ar-bank_transfer-qr',\n  CO_TRANSFERENCE_PSE = 'co-bank_transfer-pse',\n  MX_TRANSFERENCE_SPEI = 'mx-bank_transfer-spei',\n}\n","import { PaymentMethodNameE } from '../models/enums/payment-method-name.enum';\nimport { PAYMENT_METHOD_ENUM } from '../models/enums/payment-methods.enum';\nimport { sessionState } from '../store/session.store';\n\n/**\n * Maps the current payment method enum to the specific APM payment method name\n * based on the country and payment method type\n */\nexport class PaymentMethodMapper {\n  /**\n   * Maps generic payment method to specific APM payment method name\n   * @param paymentMethod - Generic payment method (cash, transference, card)\n   * @param country - Country code (BR, AR, CO, MX, etc.)\n   * @returns Specific payment method name for APM API\n   */\n  static mapToAPMPaymentMethod(\n    paymentMethod: PAYMENT_METHOD_ENUM,\n    country?: string,\n  ): PaymentMethodNameE {\n    // If card, return card\n    if (paymentMethod === PAYMENT_METHOD_ENUM.CARD) {\n      return PaymentMethodNameE.CARD;\n    }\n\n    // Use country from session state if not provided\n    const countryCode = country || sessionState.data?.pricing?.country;\n\n    // Map cash payment methods by country\n    if (paymentMethod === PAYMENT_METHOD_ENUM.CASH) {\n      switch (countryCode) {\n        case 'BR':\n          return PaymentMethodNameE.BR_CASH_BOLETO;\n        case 'AR':\n          return PaymentMethodNameE.AR_CASH_PAGOFACIL;\n        default:\n          // Default to Brazilian boleto if country not supported\n          return PaymentMethodNameE.BR_CASH_BOLETO;\n      }\n    }\n\n    // Map transfer payment methods by country\n    if (paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER) {\n      switch (countryCode) {\n        case 'BR':\n          return PaymentMethodNameE.BR_TRANSFERENCE_PIX;\n        case 'AR':\n          return PaymentMethodNameE.AR_TRANSFERENCE_QR;\n        case 'CO':\n          return PaymentMethodNameE.CO_TRANSFERENCE_PSE;\n        case 'MX':\n          return PaymentMethodNameE.MX_TRANSFERENCE_SPEI;\n        default:\n          // Default to Brazilian PIX if country not supported\n          return PaymentMethodNameE.BR_TRANSFERENCE_PIX;\n      }\n    }\n\n    // Fallback to card\n    return PaymentMethodNameE.CARD;\n  }\n\n  /**\n   * Converts PaymentMethodNameE enum to a user-friendly display name\n   * @param paymentMethodName - Payment method enum value\n   * @returns User-friendly display name (e.g., \"PSE\", \"PIX\", \"Boleto\")\n   */\n  static getDisplayName(paymentMethodName: PaymentMethodNameE): string {\n    switch (paymentMethodName) {\n      case PaymentMethodNameE.CARD:\n        return 'Card';\n      case PaymentMethodNameE.BR_TRANSFERENCE_PIX:\n        return 'PIX';\n      case PaymentMethodNameE.BR_CASH_BOLETO:\n        return 'Boleto';\n      case PaymentMethodNameE.AR_CASH_PAGOFACIL:\n        return 'PagoFácil';\n      case PaymentMethodNameE.AR_TRANSFERENCE_QR:\n        return 'QR';\n      case PaymentMethodNameE.CO_TRANSFERENCE_PSE:\n        return 'PSE';\n      case PaymentMethodNameE.MX_TRANSFERENCE_SPEI:\n        return 'SPEI';\n      default:\n        return 'Payment';\n    }\n  }\n\n  /**\n   * Checks if a payment method is an APM (Alternative Payment Method)\n   * @param paymentMethod - Payment method to check\n   * @returns True if APM, false if card\n   */\n  static isAPMPaymentMethod(paymentMethod: PAYMENT_METHOD_ENUM): boolean {\n    return (\n      paymentMethod === PAYMENT_METHOD_ENUM.CASH ||\n      paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER\n    );\n  }\n}\n",".apm-checkout {\n  display: flex;\n  flex-direction: column;\n}\n\n.apm-content {\n  margin-bottom: 0;\n}\n\n.apm-content .reference-code,\n.apm-content .qr-code {\n  margin-top: 0;\n  border-bottom-left-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n\n.apm-actions {\n  display: flex;\n  gap: 12px;\n  padding: 20px 0;\n}\n\n.apm-actions rebill-button {\n  flex: 1;\n}\n\n.apm-actions rebill-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/* 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, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { getCheckoutRequest } from '../../../../api/endpoints/checkout-status';\nimport { I18nService } from '../../../../i18n/i18n.service';\nimport { PAYMENT_METHOD_ENUM } from '../../../../models/enums/payment-methods.enum';\nimport { STATUS_REQ_CHECKOUT_APM } from '../../../../models/enums/status-req-checkout-apm.enum';\nimport { COLORS_ENUM } from '../../../../utils/color-class-mapper';\nimport { PaymentMethodMapper } from '../../../../utils/payment-method-mapper';\nimport { PDFGenerator } from '../../../../utils/pdf-generator';\n\n// Constants\nconst DEFAULT_REDIRECT_TIMEOUT = 3000; // 3 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  @Prop() paymentMethod: PAYMENT_METHOD_ENUM;\n  @Prop() referenceId?: string;\n  @Prop() qrCodeData?: string;\n  @Prop() providerName: string;\n  @Prop() expirationDate: string;\n  @Prop() country?: string;\n  @Prop() redirectUrl?: string;\n  @Prop() timeToRedirect?: number = DEFAULT_REDIRECT_TIMEOUT;\n  @Prop() checkoutRequestId?: string; // ID para hacer polling\n  @Prop() bearerToken?: string;\n\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\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\n    if (this.redirectUrl) {\n      this.handleRedirect();\n    }\n\n    if (this.checkoutRequestId && this.qrCodeData) {\n      this.startPolling();\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.redirectTimeoutId) {\n      clearTimeout(this.redirectTimeoutId);\n      this.redirectTimeoutId = undefined;\n    }\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\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 handleDownload = async () => {\n    try {\n      let minutesLeft = 60;\n\n      if (this.qrStartTime) {\n        const now = new Date();\n        const elapsedMinutes = Math.floor(\n          (now.getTime() - this.qrStartTime.getTime()) / (1000 * 60),\n        );\n        minutesLeft = Math.max(0, 60 - elapsedMinutes);\n      }\n\n      await PDFGenerator.generateAndDownloadPDF({\n        paymentMethod: this.paymentMethod,\n        referenceId: this.referenceId,\n        qrCodeData: this.qrCodeData,\n        providerName: this.providerName,\n        expirationDate: this.expirationDate,\n        minutesLeft: minutesLeft,\n      });\n    } catch (error) {\n      console.error('Error downloading payment instructions:', error);\n    }\n  };\n\n  private handleTimeUpdate = (event: CustomEvent<number>) => {\n    this.minutesLeft = event.detail;\n  };\n\n  private startPolling = () => {\n    if (!this.qrCodeData || !this.checkoutRequestId || this.isPolling) {\n      return;\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 renderResponse() {\n    // If redirectUrl is provided, show redirect message\n    if (this.redirectUrl && this.showRedirectMessage) {\n      const paymentMethodEnum = PaymentMethodMapper.mapToAPMPaymentMethod(\n        this.paymentMethod,\n        this.country,\n      );\n      const paymentMethodName = PaymentMethodMapper.getDisplayName(paymentMethodEnum);\n\n      return (\n        <div class=\"redirect-content\">\n          <div class=\"redirect-text\">\n            <rebill-typography variant=\"body2\" color={COLORS_ENUM.GREY_300}>\n              {I18nService.translate('apmCheckout.redirectMessagePrefix')}{' '}\n              <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREY_300}>\n                {paymentMethodName}\n              </rebill-typography>{' '}\n              {I18nService.translate('apmCheckout.redirectMessageSuffix')}\n            </rebill-typography>\n          </div>\n        </div>\n      );\n    }\n\n    // If referenceId is provided, show reference code component\n    if (this.referenceId) {\n      return (\n        <reference-code\n          referenceId={this.referenceId}\n          providerName={this.providerName}\n          expirationDate={this.expirationDate}\n        />\n      );\n    }\n\n    // If qrCodeData is provided, show QR code component\n    if (this.qrCodeData) {\n      return (\n        <qr-code\n          qrCodeData={this.qrCodeData}\n          providerName={this.providerName}\n          expirationDate={this.expirationDate}\n          paymentMethod={this.paymentMethod}\n          onTimeUpdate={this.handleTimeUpdate}\n        />\n      );\n    }\n\n    // Fallback - shouldn't happen in normal flow\n    return null;\n  }\n\n  render() {\n    const isRedirectMessage = this.redirectUrl && this.showRedirectMessage;\n    const isCashPayment = this.paymentMethod === PAYMENT_METHOD_ENUM.CASH;\n\n    return (\n      <div class={`apm-checkout ${isRedirectMessage ? 'redirect-message' : ''}`}>\n        <div class=\"apm-content\">{this.renderResponse()}</div>\n\n        {!isRedirectMessage && (\n          <div class=\"apm-actions\">\n            {isCashPayment && (\n              <rebill-button\n                type=\"button\"\n                variant=\"outline\"\n                theme=\"primary\"\n                onClick={this.handleViewBranches}\n              >\n                <span class=\"button-content\">\n                  <span>{I18nService.translate('apmCheckout.viewBranches')}</span>\n                  <rebill-icon name=\"square-arrow-top-right\" />\n                </span>\n              </rebill-button>\n            )}\n\n            <rebill-button\n              type=\"button\"\n              variant=\"filled\"\n              theme=\"primary-dark\"\n              onClick={this.handleDownload}\n            >\n              <span class=\"button-content\">\n                <span>{I18nService.translate('apmCheckout.download')}</span>\n                <rebill-icon name=\"download\" />\n              </span>\n            </rebill-button>\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-BshrHj7X.js → p-DQi9Jit7.js}

@@ -1,10 +1,10 @@
 import { proxyCustomElement, H, h } from './p-CTGDXA9q.js';
 import { s as state } from './p-DPQ5M9bH.js';
-import { d as defineCustomElement$5 } from './p-B2TDQClH.js';
-import { d as defineCustomElement$4 } from './p-D6JNNodL.js';
+import { d as defineCustomElement$5 } from './p-Dua4qdwP.js';
+import { d as defineCustomElement$4 } from './p-BZ90sz6G.js';
 import { d as defineCustomElement$3 } from './p-CEBwV20U.js';
 import { d as defineCustomElement$2 } from './p-Umq37yA2.js';
-import { d as defineCustomElement$1 } from './p-CGfY7lYE.js';
+import { d as defineCustomElement$1 } from './p-DmG9jqf9.js';
 
 const checkoutSingleColumnCss = ".checkout-single-column{min-height:100vh;background:var(--rebill-color-background);display:flex;flex-direction:column;position:relative;overflow-x:hidden;min-width:320px}.header{display:flex;justify-content:flex-start;align-items:center;height:72px;width:100%;max-width:1448px;min-width:348px;background:var(--rebill-color-background);margin-left:30px;box-sizing:border-box}.main-content{flex:1;display:flex;justify-content:center;align-items:center;min-height:0;width:100%;box-sizing:border-box;max-width:450px;margin:0 auto;gap:2rem}.footer-container{margin-top:auto;height:60px;display:flex;align-items:center;justify-content:flex-start;width:100%;box-sizing:border-box}.footer-content{width:100%;max-width:450px;min-width:auto;flex-shrink:1;flex-basis:auto;box-sizing:border-box}@media (max-width: 1024px){.header{width:100%;max-width:100%;justify-content:flex-start}.main-content{gap:0;align-items:center;justify-content:center;padding-top:2rem;flex:1;min-height:0;width:100%}.footer-container{width:100%;height:auto;min-height:60px;justify-content:center}.footer-content{width:100%;min-width:auto;max-width:100%;flex-basis:auto}}@media (max-width: 767px){.header{height:60px;margin-left:12px;margin-right:12px;width:100%}.main-content{padding-top:1rem;align-items:center;justify-content:center;flex:1;width:100%}.footer-container{margin-left:12px;margin-right:12px;height:auto;min-height:60px;width:100%;justify-content:center}}@media (min-width: 1025px){.checkout-single-column{background:var(--rebill-color-background-left)}.footer-container{margin-left:16px}.header{background:var(--rebill-color-background-left)}}";
 
@@ -59,6 +59,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LayoutCheckoutSingleColumn as L, defineCustomElement as d };
-//# sourceMappingURL=p-BshrHj7X.js.map
+//# sourceMappingURL=p-DQi9Jit7.js.map
 
-//# sourceMappingURL=p-BshrHj7X.js.map
+//# sourceMappingURL=p-DQi9Jit7.js.map

package/dist/components/{p-BshrHj7X.js.map → p-DQi9Jit7.js.map}

@@ -1 +1 @@
-{"file":"p-BshrHj7X.js","mappings":";;;;;;;;AAAA,MAAM,uBAAuB,GAAG,ylDAAylD;;MCQ5mD,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;IACrC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,wBAAwB,EAAA,EACjC,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACpB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAmB,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAEC,KAAY,CAAC,IAAI,CAAC,YAAY,EAAI,CAAA,CAC/D,CACC,EACT,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACxB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EACP,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,KAAK,EAAC,gBAAgB,GAAG,CACpC,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/shared/layouts/custom/single-column/checkout-single-column.css?tag=rebill-checkout-single-column","src/components/shared/layouts/custom/single-column/checkout-single-column.tsx"],"sourcesContent":[".checkout-single-column {\n  min-height: 100vh;\n  background: var(--rebill-color-background);\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow-x: hidden;\n  min-width: 320px;\n}\n\n.header {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  height: 72px;\n  width: 100%;\n  max-width: 1448px;\n  min-width: 348px;\n  background: var(--rebill-color-background);\n  margin-left: 30px;\n  box-sizing: border-box;\n}\n\n.main-content {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 0;\n  width: 100%;\n  box-sizing: border-box;\n  /* padding: 0 20px; */\n  max-width: 450px;\n\n  margin: 0 auto;\n  gap: 2rem;\n}\n\n.footer-container {\n  margin-top: auto;\n  height: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.footer-content {\n  width: 100%;\n  max-width: 450px;\n  min-width: auto;\n  flex-shrink: 1;\n  flex-basis: auto;\n  box-sizing: border-box;\n}\n\n@media (max-width: 1024px) {\n  .header {\n    width: 100%;\n    max-width: 100%;\n\n    justify-content: flex-start;\n  }\n\n  .main-content {\n    /* padding: 0 20px; */\n    gap: 0;\n    align-items: center;\n    justify-content: center;\n    padding-top: 2rem;\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n  }\n\n  .footer-container {\n    width: 100%;\n    height: auto;\n    min-height: 60px;\n    justify-content: center;\n  }\n\n  .footer-content {\n    width: 100%;\n    min-width: auto;\n    max-width: 100%;\n    flex-basis: auto;\n  }\n}\n\n@media (max-width: 767px) {\n  .header {\n    height: 60px;\n    margin-left: 12px;\n    margin-right: 12px;\n    width: 100%;\n  }\n\n  .main-content {\n    padding-top: 1rem;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    width: 100%;\n  }\n\n  .footer-container {\n    margin-left: 12px;\n    margin-right: 12px;\n    height: auto;\n    min-height: 60px;\n    width: 100%;\n    justify-content: center;\n  }\n}\n\n@media (min-width: 1025px) {\n  .checkout-single-column {\n    background: var(--rebill-color-background-left);\n  }\n  .footer-container {\n    margin-left: 16px;\n  }\n\n  .header {\n    background: var(--rebill-color-background-left);\n  }\n}\n","import { Component, h } from '@stencil/core';\nimport { sessionState } from '../../../../../store/session.store';\n\n@Component({\n  tag: 'rebill-checkout-single-column',\n  styleUrl: 'checkout-single-column.css',\n  shadow: false,\n})\nexport class LayoutCheckoutSingleColumn {\n  render() {\n    return (\n      <div class=\"checkout-single-column\">\n        <header class=\"header\">\n          <div class=\"header-container\">\n            <organization-logo organization={sessionState.data.organization} />\n          </div>\n        </header>\n        <main class=\"main-content\">\n          <slot />\n        </main>\n        <div class=\"footer-container\">\n          <rebill-footer class=\"footer-content\" />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DQi9Jit7.js","mappings":";;;;;;;;AAAA,MAAM,uBAAuB,GAAG,ylDAAylD;;MCQ5mD,0BAA0B,iBAAAA,kBAAA,CAAA,MAAA,0BAAA,SAAAC,CAAA,CAAA;;;;;IACrC,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,wBAAwB,EAAA,EACjC,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,QAAQ,EAAA,EACpB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAmB,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,YAAY,EAAEC,KAAY,CAAC,IAAI,CAAC,YAAY,EAAI,CAAA,CAC/D,CACC,EACT,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACxB,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACH,EACP,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,kBAAkB,EAAA,EAC3B,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,KAAK,EAAC,gBAAgB,GAAG,CACpC,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState"],"sources":["src/components/shared/layouts/custom/single-column/checkout-single-column.css?tag=rebill-checkout-single-column","src/components/shared/layouts/custom/single-column/checkout-single-column.tsx"],"sourcesContent":[".checkout-single-column {\n  min-height: 100vh;\n  background: var(--rebill-color-background);\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  overflow-x: hidden;\n  min-width: 320px;\n}\n\n.header {\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  height: 72px;\n  width: 100%;\n  max-width: 1448px;\n  min-width: 348px;\n  background: var(--rebill-color-background);\n  margin-left: 30px;\n  box-sizing: border-box;\n}\n\n.main-content {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 0;\n  width: 100%;\n  box-sizing: border-box;\n  /* padding: 0 20px; */\n  max-width: 450px;\n\n  margin: 0 auto;\n  gap: 2rem;\n}\n\n.footer-container {\n  margin-top: auto;\n  height: 60px;\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n.footer-content {\n  width: 100%;\n  max-width: 450px;\n  min-width: auto;\n  flex-shrink: 1;\n  flex-basis: auto;\n  box-sizing: border-box;\n}\n\n@media (max-width: 1024px) {\n  .header {\n    width: 100%;\n    max-width: 100%;\n\n    justify-content: flex-start;\n  }\n\n  .main-content {\n    /* padding: 0 20px; */\n    gap: 0;\n    align-items: center;\n    justify-content: center;\n    padding-top: 2rem;\n    flex: 1;\n    min-height: 0;\n    width: 100%;\n  }\n\n  .footer-container {\n    width: 100%;\n    height: auto;\n    min-height: 60px;\n    justify-content: center;\n  }\n\n  .footer-content {\n    width: 100%;\n    min-width: auto;\n    max-width: 100%;\n    flex-basis: auto;\n  }\n}\n\n@media (max-width: 767px) {\n  .header {\n    height: 60px;\n    margin-left: 12px;\n    margin-right: 12px;\n    width: 100%;\n  }\n\n  .main-content {\n    padding-top: 1rem;\n    align-items: center;\n    justify-content: center;\n    flex: 1;\n    width: 100%;\n  }\n\n  .footer-container {\n    margin-left: 12px;\n    margin-right: 12px;\n    height: auto;\n    min-height: 60px;\n    width: 100%;\n    justify-content: center;\n  }\n}\n\n@media (min-width: 1025px) {\n  .checkout-single-column {\n    background: var(--rebill-color-background-left);\n  }\n  .footer-container {\n    margin-left: 16px;\n  }\n\n  .header {\n    background: var(--rebill-color-background-left);\n  }\n}\n","import { Component, h } from '@stencil/core';\nimport { sessionState } from '../../../../../store/session.store';\n\n@Component({\n  tag: 'rebill-checkout-single-column',\n  styleUrl: 'checkout-single-column.css',\n  shadow: false,\n})\nexport class LayoutCheckoutSingleColumn {\n  render() {\n    return (\n      <div class=\"checkout-single-column\">\n        <header class=\"header\">\n          <div class=\"header-container\">\n            <organization-logo organization={sessionState.data.organization} />\n          </div>\n        </header>\n        <main class=\"main-content\">\n          <slot />\n        </main>\n        <div class=\"footer-container\">\n          <rebill-footer class=\"footer-content\" />\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-fLN8M37t.js → p-DbLIZ0gI.js}

@@ -2,7 +2,7 @@ import { proxyCustomElement, H, h } from './p-CTGDXA9q.js';
 import { g as getAPIConfig } from './p-DWIgRPXl.js';
 import { r as renewalState, o as onChange$1, R as RenewalStore } from './p-BAhf-JiS.js';
 import { s as state, o as onChange, a as SessionStore } from './p-DPQ5M9bH.js';
-import { d as defineCustomElement$1 } from './p-JVLfbdAy.js';
+import { d as defineCustomElement$1 } from './p-C0a5bxXF.js';
 
 const CardIframe = /*@__PURE__*/ proxyCustomElement(class CardIframe extends H {
     constructor() {
@@ -372,6 +372,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { CardIframe as C, defineCustomElement as d };
-//# sourceMappingURL=p-fLN8M37t.js.map
+//# sourceMappingURL=p-DbLIZ0gI.js.map
 
-//# sourceMappingURL=p-fLN8M37t.js.map
+//# sourceMappingURL=p-DbLIZ0gI.js.map

package/dist/components/{p-fLN8M37t.js.map → p-DbLIZ0gI.js.map}

@@ -1 +1 @@
-{"file":"p-fLN8M37t.js","mappings":";;;;;;MASa,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;AACb,IAAA,SAAS;IACR,YAAY,GAAY,KAAK;AAC7B,IAAA,WAAW,GAAWC,KAAY,CAAC,aAAa;AAChD,IAAA,WAAW,GAAWA,KAAY,CAAC,aAAa;IAChD,YAAY,GAAW,OAAO;IAE/B,YAAY,GAAA;AAClB,QAAA,MAAM,OAAO,GAAG,YAAY,EAAE,CAAC,SAAS;AACxC,QAAA,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC;QAC5B,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,WAAW,CAAC;AAE9C,QAAA,IAAI,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,IAAI,YAAY,CAAC,KAAK,EAAE;AACrE,YAAA,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC;YAC7E,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC;;AAEnD,QAAA,OAAO,GAAG,CAAC,QAAQ,EAAE;;AAGf,IAAA,SAAS;AACT,IAAA,6BAA6B;AAC7B,IAAA,oBAAoB;AACpB,IAAA,uBAAuB;;IAGvB,uBAAuB,GAAA;;AAE7B,QAAA,IAAI,YAAY,CAAC,aAAa,EAAE;YAC9B,IAAI,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;gBACvC,IAAI,CAAC,0BAA0B,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;;YAEpE,IAAI,CAAC,oBAAoB,EAAE;YAC3B,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,oBAAoB,EAAE;YAC3B,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,oBAAoB,EAAE;;aACtB;YACL,IAAIA,KAAY,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;gBACvC,IAAI,CAAC,0BAA0B,CAACA,KAAY,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;;AAEpE,YAAA,IAAIA,KAAY,EAAE,aAAa,EAAE;gBAC/B,IAAI,CAAC,oBAAoB,EAAE;;YAE7B,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,oBAAoB,EAAE;YAC3B,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,oBAAoB,EAAE;;;QAI7B,IAAI,CAAC,qBAAqB,EAAE;;IAGtB,sBAAsB,GAAA;QAC5B,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;AAClD,YAAA,IAAI,UAAkB;;AAGtB,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;gBAC9B,UAAU,GAAG,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC;;iBAC7C;gBACL,UAAU,GAAGA,KAAY,CAAC,IAAI,EAAE,OAAO,EAAE,uBAAuB,IAAI,CAAC;;AAGvE,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,iBAAiB;AACvB,gBAAA,OAAO,EAAE;AACP,oBAAA,KAAK,EAAE,UAAU;AAClB,iBAAA;aACF,EACD,GAAG,CACJ;;;IAIG,sBAAsB,GAAA;QAC5B,IACE,IAAI,CAAC,SAAS;YACd,IAAI,CAAC,SAAS,CAAC,aAAa;AAC5B,YAAA,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,EAC3C;AACA,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,iBAAiB;AACvB,gBAAA,OAAO,EAAE;AACP,oBAAA,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,UAAU;AACtD,iBAAA;aACF,EACD,GAAG,CACJ;;AACI,aAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,aAAa,IAAIA,KAAY,CAAC,IAAI,CAAC,UAAU,EAAE;AACzF,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,iBAAiB;gBACvB,OAAO,EAAE,EAAE,UAAU,EAAEA,KAAY,CAAC,IAAI,CAAC,UAAU,EAAE;aACtD,EACD,GAAG,CACJ;;;IAIG,oBAAoB,GAAA;QAC1B,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;AAClD,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,cAAc;AACpB,gBAAA,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,WAAW,EAAE;aACpC,EACD,GAAG,CACJ;;;AAIG,IAAA,0BAA0B,CAAC,cAAsB,EAAA;AACvD,QAAA,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;AACtD,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,qBAAqB;gBAC3B,OAAO,EAAE,EAAE,cAAc,EAAE;aAC5B,EACD,GAAG,CACJ;;;IAGG,iBAAiB,GAAA;AACvB,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,aAAa,IAAI,YAAY,CAAC,KAAK,EAAE;AACxE,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,WAAW;AACjB,gBAAA,OAAO,EAAE;oBACP,KAAK,EAAE,YAAY,CAAC,KAAK;AAC1B,iBAAA;aACF,EACD,GAAG,CACJ;;AACI,aAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,aAAa,IAAIA,KAAY,CAAC,IAAI,CAAC,WAAW,EAAE;AAC1F,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,WAAW;gBACjB,OAAO,EAAE,EAAE,KAAK,EAAEA,KAAY,CAAC,IAAI,CAAC,WAAW,EAAE;aAClD,EACD,GAAG,CACJ;;;IAIG,oBAAoB,GAAA;AAC1B,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;YACpD;;AAGF,QAAA,IAAI,YAAY,CAAC,aAAa,IAAI,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE;AACvE,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,eAAe;gBACrB,OAAO,EAAE,EAAE,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;aAC3D,EACD,GAAG,CACJ;;aACI,IAAIA,KAAY,CAAC,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE;AACnD,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,eAAe;gBACrB,OAAO,EAAE,EAAE,QAAQ,EAAEA,KAAY,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;aAC9D,EACD,GAAG,CACJ;;;IAIG,oBAAoB,GAAA;QAC1B,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;AAClD,YAAA,IAAI,QAAgB;;AAGpB,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;gBAC9B,QAAQ,GAAG,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,IAAI,EAAE;;iBAC9C;gBACL,QAAQ,GAAGA,KAAY,CAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,IAAI,EAAE;;YAGvD,IAAI,QAAQ,EAAE;AACZ,gBAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,oBAAA,IAAI,EAAE,cAAc;AACpB,oBAAA,OAAO,EAAE;AACP,wBAAA,QAAQ,EAAE,QAAQ;AACnB,qBAAA;iBACF,EACD,GAAG,CACJ;;;;IAKC,qBAAqB,GAAA;AAC3B,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,aAAa,IAAI,IAAI,CAAC,SAAS,EAAE;AACpE,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CACtC;AACE,gBAAA,IAAI,EAAE,gBAAgB;AACtB,gBAAA,OAAO,EAAE;oBACP,GAAG,EAAE,IAAI,CAAC,SAAS;AACpB,iBAAA;aACF,EACD,GAAG,CACJ;;;IAIG,2BAA2B,GAAA;QACjC,IACE,IAAI,CAAC,SAAS;YACd,IAAI,CAAC,SAAS,CAAC,aAAa;AAC5B,aAAC,CAACA,KAAY,CAAC,IAAI,CAAC,UAAU,IAAI,CAACA,KAAY,CAAC,IAAI,CAAC,WAAW,CAAC,EACjE;AACA,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,6BAA6B,EAAE,EAAE,GAAG,CAAC;;;IAI1F,iBAAiB,GAAA;AACf,QAAA,IAAI,CAAC,WAAW,GAAGA,KAAY,CAAC,aAAa;QAC7C,IAAI,CAAC,6BAA6B,GAAG,QAAQ,CAAC,eAAe,EAAE,MAAK;AAClE,YAAA,IAAI,CAAC,WAAW,GAAGA,KAAY,CAAC,aAAa;YAC7C,IAAI,CAAC,oBAAoB,EAAE;AAC7B,SAAC,CAAC;QAEF,IAAI,CAAC,oBAAoB,GAAG,QAAQ,CAAC,MAAM,EAAE,MAAK;;AAEhD,YAAA,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE;gBAC/B,IAAIA,KAAY,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;oBACvC,IAAI,CAAC,0BAA0B,CAACA,KAAY,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;;gBAEpE,IACEA,KAAY,CAAC,IAAI,EAAE,OAAO,EAAE,uBAAuB,KAAK,SAAS;oBACjEA,KAAY,CAAC,IAAI,EAAE,OAAO,EAAE,uBAAuB,KAAK,IAAI,EAC5D;oBACA,IAAI,CAAC,sBAAsB,EAAE;;gBAE/B,IAAI,CAAC,oBAAoB,EAAE;gBAC3B,IAAI,CAAC,sBAAsB,EAAE;gBAC7B,IAAI,CAAC,iBAAiB,EAAE;gBACxB,IAAI,CAAC,oBAAoB,EAAE;gBAC3B,IAAI,CAAC,2BAA2B,EAAE;;AAEtC,SAAC,CAAC;;QAGF,IAAI,CAAC,uBAAuB,GAAGC,UAAe,CAAC,MAAM,EAAE,MAAK;AAC1D,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;gBAC9B,IAAI,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;oBACvC,IAAI,CAAC,0BAA0B,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;;gBAEpE,IAAI,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,EAAE;oBAClD,IAAI,CAAC,sBAAsB,EAAE;;gBAE/B,IAAI,CAAC,oBAAoB,EAAE;gBAC3B,IAAI,CAAC,sBAAsB,EAAE;gBAC7B,IAAI,CAAC,iBAAiB,EAAE;gBACxB,IAAI,CAAC,oBAAoB,EAAE;;AAE/B,SAAC,CAAC;QAEF,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,uBAAuB,EAAE;SAC/B,EAAE,IAAI,CAAC;;IAGV,mBAAmB,GAAA;;AAEjB,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,IAAI,CAAC,qBAAqB,EAAE;;;IAIhC,gBAAgB,GAAA;QACd,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC;;IAG9D,oBAAoB,GAAA;QAClB,IAAI,IAAI,CAAC,6BAA6B;YAAE,IAAI,CAAC,6BAA6B,EAAE;QAC5E,IAAI,IAAI,CAAC,oBAAoB;YAAE,IAAI,CAAC,oBAAoB,EAAE;QAC1D,IAAI,IAAI,CAAC,uBAAuB;YAAE,IAAI,CAAC,uBAAuB,EAAE;QAChE,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC;;IAGzD,gBAAgB,GAAG,MAAK;AAC9B,QAAA,IAAI,CAAC,YAAY,GAAG,IAAI;QACxB,IAAI,CAAC,oBAAoB,EAAE;;AAG3B,QAAA,IAAI,YAAY,CAAC,aAAa,EAAE;YAC9B,IAAI,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE;gBACvC,IAAI,CAAC,0BAA0B,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;;YAEpE,IAAI,CAAC,oBAAoB,EAAE;YAC3B,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,iBAAiB,EAAE;YACxB,IAAI,CAAC,oBAAoB,EAAE;;;QAI7B,IAAI,CAAC,qBAAqB,EAAE;QAE5B,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,uBAAuB,EAAE;SAC/B,EAAE,GAAG,CAAC;AACT,KAAC;AAEO,IAAA,mBAAmB,GAAG,CAAC,KAAmB,KAAI;QACpD,IACE,KAAK,CAAC,IAAI;AACV,YAAA,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe;YACnC,KAAK,CAAC,IAAI,CAAC,OAAO;YAClB,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,QAAQ,EAC7C;AACA,YAAA,IAAI,CAAC,YAAY,GAAG,CAAA,EAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAA,EAAA,CAAI;;AAEtD,QAAA,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,EAAE;AAClD,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;gBAC9B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE;AACjC,oBAAA,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC;AAC5B,oBAAA,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC;;;AAE9B,iBAAA,IAAID,KAAY,CAAC,aAAa,EAAE;gBACrC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,EAAE;AACjC,oBAAA,YAAY,CAAC,SAAS,CAAC,IAAI,CAAC;AAC5B,oBAAA,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC;;;;AAIvC,QAAA,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE;AAC1E,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;gBAC9B,YAAY,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;;iBAC9C;gBACL,YAAY,CAAC,kBAAkB,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC;;;;AAIvD,QAAA,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,gBAAgB,EAAE;AACtD,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;gBAC9B,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC;;AAClD,iBAAA,IAAIA,KAAY,CAAC,aAAa,EAAE;gBACrC,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,CAAC;;;AAG3D,QAAA,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE;AAC/C,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;gBAC9B,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;;AACzC,iBAAA,IAAIA,KAAY,CAAC,aAAa,EAAE;gBACrC,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC;;;AAGlD,QAAA,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;AACjD,YAAA,IAAIA,KAAY,CAAC,aAAa,EAAE;gBAC9B,YAAY,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC;;;AAG1D,QAAA,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,uBAAuB,EAAE;YAC7D,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,QAAQ,IAAI,KAAK;AACxD,YAAA,IAAI,YAAY,CAAC,aAAa,EAAE;AAC9B,gBAAA,YAAY,CAAC,uBAAuB,CAAC,UAAU,CAAC;;AAC3C,iBAAA,IAAIA,KAAY,CAAC,aAAa,EAAE;AACrC,gBAAA,YAAY,CAAC,uBAAuB,CAAC,UAAU,CAAC;;;AAGpD,QAAA,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe,EAAE;YACrD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI;AAErC,YAAA,IAAI,IAAI,KAAK,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ,CAAC,EAAE;AACnD,gBAAA,IAAI,YAAY,CAAC,aAAa,EAAE;AAC9B,oBAAA,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC;;AACzB,qBAAA,IAAIA,KAAY,CAAC,aAAa,EAAE;AACrC,oBAAA,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC;;;;AAItC,KAAC;IAED,MAAM,GAAA;QACJ,QACE,CACE,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,IAAI,CAAC,YAAY;AACzB,gBAAA,QAAQ,EAAE,UAAU;AACpB,gBAAA,QAAQ,EAAE,QAAQ;aACnB,EAAA,EAEA,CAAC,IAAI,CAAC,YAAY,IAAI,CAAiB,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACxC,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,SAAS,GAAG,EAAuB,CAAC,EACrD,GAAG,EAAE,IAAI,CAAC,YAAY,EAAE,EACxB,KAAK,EAAE;AACL,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,MAAM,EAAE,MAAM;AACd,gBAAA,QAAQ,EAAE,QAAQ;AACnB,aAAA,EACD,KAAK,EAAC,wBAAwB,EAC9B,KAAK,EAAC,SAAS,EACf,MAAM,EAAE,IAAI,CAAC,gBAAgB,EAC7B,CAAA,CACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","sessionState","renewalOnChange"],"sources":["src/components/checkout/payment-method-selector/card-fields/iframe/CardIframe.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport { getAPIConfig } from 'api/config';\nimport { onChange as renewalOnChange, renewalState, RenewalStore } from 'store/renewal.store';\nimport { onChange, sessionState, SessionStore } from 'store/session.store';\n\n@Component({\n  tag: 'card-iframe',\n  shadow: false,\n})\nexport class CardIframe {\n  @Prop() customCSS?: string;\n  @State() iframeLoaded: boolean = false;\n  @State() currentLang: string = sessionState.currentLocale;\n  @State() initialLang: string = sessionState.currentLocale;\n  @State() iframeHeight: string = '100px';\n\n  private getIframeURL(): string {\n    const baseURL = getAPIConfig().iframeURL;\n    const url = new URL(baseURL);\n    url.searchParams.set('lang', this.initialLang);\n\n    if (renewalState.data?.subscription?.customerId && renewalState.token) {\n      url.searchParams.set('customerId', renewalState.data.subscription.customerId);\n      url.searchParams.set('token', renewalState.token);\n    }\n    return url.toString();\n  }\n\n  private iframeRef?: HTMLIFrameElement;\n  private unsubscribeCurrentLocaleStore?: () => void;\n  private unsubscribeDataStore?: () => void;\n  private unsubscribeRenewalStore?: () => void;\n  // private lastTotalPrice?: number;\n\n  private postInitialDataToIframe() {\n    // Use renewal store data if initialized, otherwise use session store\n    if (renewalState.isInitialized) {\n      if (renewalState.data?.organization?.id) {\n        this.postOrganizationIdToIframe(renewalState.data.organization.id);\n      }\n      this.postLanguageToIframe();\n      this.postTotalPriceToIframe();\n      this.postCurrencyToIframe();\n      this.postCustomerIdToIframe();\n      this.postTokenToIframe();\n      this.postItemTypeToIframe();\n    } else {\n      if (sessionState.data?.organization?.id) {\n        this.postOrganizationIdToIframe(sessionState.data.organization.id);\n      }\n      if (sessionState?.currentLocale) {\n        this.postLanguageToIframe();\n      }\n      this.postTotalPriceToIframe();\n      this.postCurrencyToIframe();\n      this.postCustomerIdToIframe();\n      this.postTokenToIframe();\n      this.postItemTypeToIframe();\n    }\n\n    // Always send custom CSS if available\n    this.postCustomCSSToIframe();\n  }\n\n  private postTotalPriceToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow) {\n      let totalPrice: number;\n\n      // Use renewal store data if initialized, otherwise use session store\n      if (renewalState.isInitialized) {\n        totalPrice = renewalState.data?.price?.amount || 0;\n      } else {\n        totalPrice = sessionState.data?.pricing?.totalWithoutInstallment || 0;\n      }\n\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_TOTAL_PRICE',\n          payload: {\n            total: totalPrice,\n          },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postCustomerIdToIframe() {\n    if (\n      this.iframeRef &&\n      this.iframeRef.contentWindow &&\n      renewalState.data?.subscription?.customerId\n    ) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_CUSTOMER_ID',\n          payload: {\n            customerId: renewalState.data.subscription.customerId,\n          },\n        },\n        '*',\n      );\n    } else if (this.iframeRef && this.iframeRef.contentWindow && sessionState.data.customerId) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_CUSTOMER_ID',\n          payload: { customerId: sessionState.data.customerId },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postLanguageToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_LANGUAGE',\n          payload: { lang: this.currentLang },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postOrganizationIdToIframe(organizationId: string) {\n    if (!!this.iframeRef && !!this.iframeRef.contentWindow) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_ORGANIZATION_ID',\n          payload: { organizationId },\n        },\n        '*',\n      );\n    }\n  }\n  private postTokenToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow && renewalState.token) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_TOKEN',\n          payload: {\n            token: renewalState.token,\n          },\n        },\n        '*',\n      );\n    } else if (this.iframeRef && this.iframeRef.contentWindow && sessionState.data.accessToken) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_TOKEN',\n          payload: { token: sessionState.data.accessToken },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postItemTypeToIframe() {\n    if (!this.iframeRef || !this.iframeRef.contentWindow) {\n      return;\n    }\n\n    if (renewalState.isInitialized && renewalState.data?.subscription?.type) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_ITEM_TYPE',\n          payload: { itemType: renewalState.data.subscription.type },\n        },\n        '*',\n      );\n    } else if (sessionState.data?.itemInformation?.type) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_ITEM_TYPE',\n          payload: { itemType: sessionState.data.itemInformation.type },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postCurrencyToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow) {\n      let currency: string;\n\n      // Use renewal store data if initialized, otherwise use session store\n      if (renewalState.isInitialized) {\n        currency = renewalState.data?.price?.currency || '';\n      } else {\n        currency = sessionState.data?.pricing?.currency || '';\n      }\n\n      if (currency) {\n        this.iframeRef.contentWindow.postMessage(\n          {\n            type: 'SET_CURRENCY',\n            payload: {\n              currency: currency,\n            },\n          },\n          '*',\n        );\n      }\n    }\n  }\n\n  private postCustomCSSToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow && this.customCSS) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_CUSTOM_CSS',\n          payload: {\n            css: this.customCSS,\n          },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postClearCustomerIdToIframe() {\n    if (\n      this.iframeRef &&\n      this.iframeRef.contentWindow &&\n      (!sessionState.data.customerId || !sessionState.data.accessToken)\n    ) {\n      this.iframeRef.contentWindow.postMessage({ type: 'CLEAR_CUSTOMER_ID_AND_TOKEN' }, '*');\n    }\n  }\n\n  componentWillLoad() {\n    this.initialLang = sessionState.currentLocale;\n    this.unsubscribeCurrentLocaleStore = onChange('currentLocale', () => {\n      this.currentLang = sessionState.currentLocale;\n      this.postLanguageToIframe();\n    });\n\n    this.unsubscribeDataStore = onChange('data', () => {\n      // Only handle session store changes if renewal is not initialized\n      if (!renewalState.isInitialized) {\n        if (sessionState.data?.organization?.id) {\n          this.postOrganizationIdToIframe(sessionState.data.organization.id);\n        }\n        if (\n          sessionState.data?.pricing?.totalWithoutInstallment !== undefined &&\n          sessionState.data?.pricing?.totalWithoutInstallment !== null\n        ) {\n          this.postTotalPriceToIframe();\n        }\n        this.postCurrencyToIframe();\n        this.postCustomerIdToIframe();\n        this.postTokenToIframe();\n        this.postItemTypeToIframe();\n        this.postClearCustomerIdToIframe();\n      }\n    });\n\n    // Listen for renewal store changes\n    this.unsubscribeRenewalStore = renewalOnChange('data', () => {\n      if (renewalState.isInitialized) {\n        if (renewalState.data?.organization?.id) {\n          this.postOrganizationIdToIframe(renewalState.data.organization.id);\n        }\n        if (renewalState.data?.price?.amount !== undefined) {\n          this.postTotalPriceToIframe();\n        }\n        this.postCurrencyToIframe();\n        this.postCustomerIdToIframe();\n        this.postTokenToIframe();\n        this.postItemTypeToIframe();\n      }\n    });\n\n    setTimeout(() => {\n      this.postInitialDataToIframe();\n    }, 1000);\n  }\n\n  componentWillUpdate() {\n    // Send CSS when customCSS prop changes\n    if (this.iframeLoaded) {\n      this.postCustomCSSToIframe();\n    }\n  }\n\n  componentDidLoad() {\n    window.addEventListener('message', this.handleIframeMessage);\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) this.unsubscribeCurrentLocaleStore();\n    if (this.unsubscribeDataStore) this.unsubscribeDataStore();\n    if (this.unsubscribeRenewalStore) this.unsubscribeRenewalStore();\n    window.removeEventListener('message', this.handleIframeMessage);\n  }\n\n  private handleIframeLoad = () => {\n    this.iframeLoaded = true;\n    this.postLanguageToIframe();\n\n    // Use renewal store data if initialized, otherwise use session store\n    if (renewalState.isInitialized) {\n      if (renewalState.data?.organization?.id) {\n        this.postOrganizationIdToIframe(renewalState.data.organization.id);\n      }\n      this.postCurrencyToIframe();\n      this.postCustomerIdToIframe();\n      this.postTokenToIframe();\n      this.postItemTypeToIframe();\n    }\n\n    // Send custom CSS immediately when iframe loads\n    this.postCustomCSSToIframe();\n\n    setTimeout(() => {\n      this.postInitialDataToIframe();\n    }, 500);\n  };\n\n  private handleIframeMessage = (event: MessageEvent) => {\n    if (\n      event.data &&\n      event.data.type === 'IFRAME_HEIGHT' &&\n      event.data.payload &&\n      typeof event.data.payload.height === 'number'\n    ) {\n      this.iframeHeight = `${event.data.payload.height}px`;\n    }\n    if (event.data && event.data.type === 'FORM_STATE') {\n      if (renewalState.isInitialized) {\n        if (!event.data.payload?.complete) {\n          RenewalStore.setCardId(null);\n          RenewalStore.setCardTokenId(null);\n        }\n      } else if (sessionState.isInitialized) {\n        if (!event.data.payload?.complete) {\n          SessionStore.setCardId(null);\n          SessionStore.setCardTokenId(null);\n        }\n      }\n    }\n    if (event.data && event.data.type === 'INSTALLMENTS' && event.data.payload) {\n      if (renewalState.isInitialized) {\n        RenewalStore.setCardInformation(event.data.payload);\n      } else {\n        SessionStore.setCardInformation(event.data.payload);\n      }\n    }\n    // if (event.data && event.data.type === 'CARD_TOKENIZED' && event.data.payload) {\n    if (event.data && event.data.type === 'CARD_TOKENIZED') {\n      if (renewalState.isInitialized) {\n        RenewalStore.setCardTokenId(event.data?.payload?.token);\n      } else if (sessionState.isInitialized) {\n        SessionStore.setCardTokenId(event.data?.payload?.token);\n      }\n    }\n    if (event.data && event.data.type === 'CARD_ID') {\n      if (renewalState.isInitialized) {\n        RenewalStore.setCardId(event.data.payload?.id);\n      } else if (sessionState.isInitialized) {\n        SessionStore.setCardId(event.data.payload?.id);\n      }\n    }\n    if (event.data && event.data.type === 'SAVE_CARD') {\n      if (sessionState.isInitialized) {\n        SessionStore.setSaveCard(event.data.payload?.saveCard);\n      }\n    }\n    if (event.data && event.data.type === 'FETCHING_INSTALLMENTS') {\n      const isFetching = event.data.payload?.fetching || false;\n      if (renewalState.isInitialized) {\n        RenewalStore.setFetchingInstallments(isFetching);\n      } else if (sessionState.isInitialized) {\n        SessionStore.setFetchingInstallments(isFetching);\n      }\n    }\n    if (event.data && event.data.type === 'NEW_CARD_MODE') {\n      const mode = event.data.payload?.mode;\n\n      if (mode && (mode === 'input' || mode === 'select')) {\n        if (renewalState.isInitialized) {\n          RenewalStore.setCardMode(mode);\n        } else if (sessionState.isInitialized) {\n          SessionStore.setCardMode(mode);\n        }\n      }\n    }\n  };\n\n  render() {\n    return (\n      <div\n        style={{\n          width: '100%',\n          height: this.iframeHeight,\n          position: 'relative',\n          overflow: 'hidden',\n        }}\n      >\n        {!this.iframeLoaded && <card-skeleton />}\n        <iframe\n          ref={el => (this.iframeRef = el as HTMLIFrameElement)}\n          src={this.getIframeURL()}\n          style={{\n            width: '100%',\n            height: '100%',\n            border: 'none',\n            overflow: 'hidden',\n          }}\n          title=\"Card Payment Component\"\n          allow=\"payment\"\n          onLoad={this.handleIframeLoad}\n        />\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-DbLIZ0gI.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","sessionState","renewalOnChange"],"sources":["src/components/checkout/payment-method-selector/card-fields/iframe/CardIframe.tsx"],"sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\nimport { getAPIConfig } from 'api/config';\nimport { onChange as renewalOnChange, renewalState, RenewalStore } from 'store/renewal.store';\nimport { onChange, sessionState, SessionStore } from 'store/session.store';\n\n@Component({\n  tag: 'card-iframe',\n  shadow: false,\n})\nexport class CardIframe {\n  @Prop() customCSS?: string;\n  @State() iframeLoaded: boolean = false;\n  @State() currentLang: string = sessionState.currentLocale;\n  @State() initialLang: string = sessionState.currentLocale;\n  @State() iframeHeight: string = '100px';\n\n  private getIframeURL(): string {\n    const baseURL = getAPIConfig().iframeURL;\n    const url = new URL(baseURL);\n    url.searchParams.set('lang', this.initialLang);\n\n    if (renewalState.data?.subscription?.customerId && renewalState.token) {\n      url.searchParams.set('customerId', renewalState.data.subscription.customerId);\n      url.searchParams.set('token', renewalState.token);\n    }\n    return url.toString();\n  }\n\n  private iframeRef?: HTMLIFrameElement;\n  private unsubscribeCurrentLocaleStore?: () => void;\n  private unsubscribeDataStore?: () => void;\n  private unsubscribeRenewalStore?: () => void;\n  // private lastTotalPrice?: number;\n\n  private postInitialDataToIframe() {\n    // Use renewal store data if initialized, otherwise use session store\n    if (renewalState.isInitialized) {\n      if (renewalState.data?.organization?.id) {\n        this.postOrganizationIdToIframe(renewalState.data.organization.id);\n      }\n      this.postLanguageToIframe();\n      this.postTotalPriceToIframe();\n      this.postCurrencyToIframe();\n      this.postCustomerIdToIframe();\n      this.postTokenToIframe();\n      this.postItemTypeToIframe();\n    } else {\n      if (sessionState.data?.organization?.id) {\n        this.postOrganizationIdToIframe(sessionState.data.organization.id);\n      }\n      if (sessionState?.currentLocale) {\n        this.postLanguageToIframe();\n      }\n      this.postTotalPriceToIframe();\n      this.postCurrencyToIframe();\n      this.postCustomerIdToIframe();\n      this.postTokenToIframe();\n      this.postItemTypeToIframe();\n    }\n\n    // Always send custom CSS if available\n    this.postCustomCSSToIframe();\n  }\n\n  private postTotalPriceToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow) {\n      let totalPrice: number;\n\n      // Use renewal store data if initialized, otherwise use session store\n      if (renewalState.isInitialized) {\n        totalPrice = renewalState.data?.price?.amount || 0;\n      } else {\n        totalPrice = sessionState.data?.pricing?.totalWithoutInstallment || 0;\n      }\n\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_TOTAL_PRICE',\n          payload: {\n            total: totalPrice,\n          },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postCustomerIdToIframe() {\n    if (\n      this.iframeRef &&\n      this.iframeRef.contentWindow &&\n      renewalState.data?.subscription?.customerId\n    ) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_CUSTOMER_ID',\n          payload: {\n            customerId: renewalState.data.subscription.customerId,\n          },\n        },\n        '*',\n      );\n    } else if (this.iframeRef && this.iframeRef.contentWindow && sessionState.data.customerId) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_CUSTOMER_ID',\n          payload: { customerId: sessionState.data.customerId },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postLanguageToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_LANGUAGE',\n          payload: { lang: this.currentLang },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postOrganizationIdToIframe(organizationId: string) {\n    if (!!this.iframeRef && !!this.iframeRef.contentWindow) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_ORGANIZATION_ID',\n          payload: { organizationId },\n        },\n        '*',\n      );\n    }\n  }\n  private postTokenToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow && renewalState.token) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_TOKEN',\n          payload: {\n            token: renewalState.token,\n          },\n        },\n        '*',\n      );\n    } else if (this.iframeRef && this.iframeRef.contentWindow && sessionState.data.accessToken) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_TOKEN',\n          payload: { token: sessionState.data.accessToken },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postItemTypeToIframe() {\n    if (!this.iframeRef || !this.iframeRef.contentWindow) {\n      return;\n    }\n\n    if (renewalState.isInitialized && renewalState.data?.subscription?.type) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_ITEM_TYPE',\n          payload: { itemType: renewalState.data.subscription.type },\n        },\n        '*',\n      );\n    } else if (sessionState.data?.itemInformation?.type) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_ITEM_TYPE',\n          payload: { itemType: sessionState.data.itemInformation.type },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postCurrencyToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow) {\n      let currency: string;\n\n      // Use renewal store data if initialized, otherwise use session store\n      if (renewalState.isInitialized) {\n        currency = renewalState.data?.price?.currency || '';\n      } else {\n        currency = sessionState.data?.pricing?.currency || '';\n      }\n\n      if (currency) {\n        this.iframeRef.contentWindow.postMessage(\n          {\n            type: 'SET_CURRENCY',\n            payload: {\n              currency: currency,\n            },\n          },\n          '*',\n        );\n      }\n    }\n  }\n\n  private postCustomCSSToIframe() {\n    if (this.iframeRef && this.iframeRef.contentWindow && this.customCSS) {\n      this.iframeRef.contentWindow.postMessage(\n        {\n          type: 'SET_CUSTOM_CSS',\n          payload: {\n            css: this.customCSS,\n          },\n        },\n        '*',\n      );\n    }\n  }\n\n  private postClearCustomerIdToIframe() {\n    if (\n      this.iframeRef &&\n      this.iframeRef.contentWindow &&\n      (!sessionState.data.customerId || !sessionState.data.accessToken)\n    ) {\n      this.iframeRef.contentWindow.postMessage({ type: 'CLEAR_CUSTOMER_ID_AND_TOKEN' }, '*');\n    }\n  }\n\n  componentWillLoad() {\n    this.initialLang = sessionState.currentLocale;\n    this.unsubscribeCurrentLocaleStore = onChange('currentLocale', () => {\n      this.currentLang = sessionState.currentLocale;\n      this.postLanguageToIframe();\n    });\n\n    this.unsubscribeDataStore = onChange('data', () => {\n      // Only handle session store changes if renewal is not initialized\n      if (!renewalState.isInitialized) {\n        if (sessionState.data?.organization?.id) {\n          this.postOrganizationIdToIframe(sessionState.data.organization.id);\n        }\n        if (\n          sessionState.data?.pricing?.totalWithoutInstallment !== undefined &&\n          sessionState.data?.pricing?.totalWithoutInstallment !== null\n        ) {\n          this.postTotalPriceToIframe();\n        }\n        this.postCurrencyToIframe();\n        this.postCustomerIdToIframe();\n        this.postTokenToIframe();\n        this.postItemTypeToIframe();\n        this.postClearCustomerIdToIframe();\n      }\n    });\n\n    // Listen for renewal store changes\n    this.unsubscribeRenewalStore = renewalOnChange('data', () => {\n      if (renewalState.isInitialized) {\n        if (renewalState.data?.organization?.id) {\n          this.postOrganizationIdToIframe(renewalState.data.organization.id);\n        }\n        if (renewalState.data?.price?.amount !== undefined) {\n          this.postTotalPriceToIframe();\n        }\n        this.postCurrencyToIframe();\n        this.postCustomerIdToIframe();\n        this.postTokenToIframe();\n        this.postItemTypeToIframe();\n      }\n    });\n\n    setTimeout(() => {\n      this.postInitialDataToIframe();\n    }, 1000);\n  }\n\n  componentWillUpdate() {\n    // Send CSS when customCSS prop changes\n    if (this.iframeLoaded) {\n      this.postCustomCSSToIframe();\n    }\n  }\n\n  componentDidLoad() {\n    window.addEventListener('message', this.handleIframeMessage);\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) this.unsubscribeCurrentLocaleStore();\n    if (this.unsubscribeDataStore) this.unsubscribeDataStore();\n    if (this.unsubscribeRenewalStore) this.unsubscribeRenewalStore();\n    window.removeEventListener('message', this.handleIframeMessage);\n  }\n\n  private handleIframeLoad = () => {\n    this.iframeLoaded = true;\n    this.postLanguageToIframe();\n\n    // Use renewal store data if initialized, otherwise use session store\n    if (renewalState.isInitialized) {\n      if (renewalState.data?.organization?.id) {\n        this.postOrganizationIdToIframe(renewalState.data.organization.id);\n      }\n      this.postCurrencyToIframe();\n      this.postCustomerIdToIframe();\n      this.postTokenToIframe();\n      this.postItemTypeToIframe();\n    }\n\n    // Send custom CSS immediately when iframe loads\n    this.postCustomCSSToIframe();\n\n    setTimeout(() => {\n      this.postInitialDataToIframe();\n    }, 500);\n  };\n\n  private handleIframeMessage = (event: MessageEvent) => {\n    if (\n      event.data &&\n      event.data.type === 'IFRAME_HEIGHT' &&\n      event.data.payload &&\n      typeof event.data.payload.height === 'number'\n    ) {\n      this.iframeHeight = `${event.data.payload.height}px`;\n    }\n    if (event.data && event.data.type === 'FORM_STATE') {\n      if (renewalState.isInitialized) {\n        if (!event.data.payload?.complete) {\n          RenewalStore.setCardId(null);\n          RenewalStore.setCardTokenId(null);\n        }\n      } else if (sessionState.isInitialized) {\n        if (!event.data.payload?.complete) {\n          SessionStore.setCardId(null);\n          SessionStore.setCardTokenId(null);\n        }\n      }\n    }\n    if (event.data && event.data.type === 'INSTALLMENTS' && event.data.payload) {\n      if (renewalState.isInitialized) {\n        RenewalStore.setCardInformation(event.data.payload);\n      } else {\n        SessionStore.setCardInformation(event.data.payload);\n      }\n    }\n    // if (event.data && event.data.type === 'CARD_TOKENIZED' && event.data.payload) {\n    if (event.data && event.data.type === 'CARD_TOKENIZED') {\n      if (renewalState.isInitialized) {\n        RenewalStore.setCardTokenId(event.data?.payload?.token);\n      } else if (sessionState.isInitialized) {\n        SessionStore.setCardTokenId(event.data?.payload?.token);\n      }\n    }\n    if (event.data && event.data.type === 'CARD_ID') {\n      if (renewalState.isInitialized) {\n        RenewalStore.setCardId(event.data.payload?.id);\n      } else if (sessionState.isInitialized) {\n        SessionStore.setCardId(event.data.payload?.id);\n      }\n    }\n    if (event.data && event.data.type === 'SAVE_CARD') {\n      if (sessionState.isInitialized) {\n        SessionStore.setSaveCard(event.data.payload?.saveCard);\n      }\n    }\n    if (event.data && event.data.type === 'FETCHING_INSTALLMENTS') {\n      const isFetching = event.data.payload?.fetching || false;\n      if (renewalState.isInitialized) {\n        RenewalStore.setFetchingInstallments(isFetching);\n      } else if (sessionState.isInitialized) {\n        SessionStore.setFetchingInstallments(isFetching);\n      }\n    }\n    if (event.data && event.data.type === 'NEW_CARD_MODE') {\n      const mode = event.data.payload?.mode;\n\n      if (mode && (mode === 'input' || mode === 'select')) {\n        if (renewalState.isInitialized) {\n          RenewalStore.setCardMode(mode);\n        } else if (sessionState.isInitialized) {\n          SessionStore.setCardMode(mode);\n        }\n      }\n    }\n  };\n\n  render() {\n    return (\n      <div\n        style={{\n          width: '100%',\n          height: this.iframeHeight,\n          position: 'relative',\n          overflow: 'hidden',\n        }}\n      >\n        {!this.iframeLoaded && <card-skeleton />}\n        <iframe\n          ref={el => (this.iframeRef = el as HTMLIFrameElement)}\n          src={this.getIframeURL()}\n          style={{\n            width: '100%',\n            height: '100%',\n            border: 'none',\n            overflow: 'hidden',\n          }}\n          title=\"Card Payment Component\"\n          allow=\"payment\"\n          onLoad={this.handleIframeLoad}\n        />\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-C81ESSvH.js → p-DlgrkLu0.js}

@@ -1,9 +1,9 @@
 import { proxyCustomElement, H, h } from './p-CTGDXA9q.js';
 import { d as instance, I as I18nService, f as formatAmount, s as state } from './p-DPQ5M9bH.js';
 import { a as formatDate } from './p-C1vMkPec.js';
-import { d as defineCustomElement$3 } from './p-mGnGyYiQ.js';
+import { d as defineCustomElement$3 } from './p-BVtSIdnS.js';
 import { d as defineCustomElement$2 } from './p-CEBwV20U.js';
-import { d as defineCustomElement$1 } from './p-CGfY7lYE.js';
+import { d as defineCustomElement$1 } from './p-DmG9jqf9.js';
 
 const renewalSummaryCss = ".wrapper{margin:0 auto;display:flex;flex-direction:column;align-items:center}.header{display:flex;flex-direction:column;align-items:center;gap:8px}.title{font-size:1rem;font-weight:500;color:var(--rebill-color-primary-dark-text);text-align:center}.amount{font-size:2.25rem;font-weight:500;color:var(--rebill-color-primary-dark-text);margin:0 0 1.5rem 0;text-align:center;line-height:1.1}.per{font-size:1.1rem;font-weight:400;color:var(--rebill-color-text-secondary)}.label-muted{font-size:1rem;color:var(--rebill-color-primary-dark);margin:0 0 1.5rem 0;text-align:center}.info{width:100%;margin-top:1.5rem;margin-bottom:3rem;display:flex;flex-direction:column;gap:1.4rem}.row{display:flex;justify-content:space-between;align-items:center;font-size:1rem;line-height:1.4;width:100%}.left{color:var(--rebill-color-text-secondary);font-weight:400}.right{color:var(--rebill-color-primary-dark-text);font-weight:400;text-align:right}.divider{border:none;border-top:1px solid var(--rebill-color-border);margin:1rem 0}@media (max-width: 1024px){.amount{margin-bottom:0}.row{font-size:0.9rem}.row:not(:last-child){margin-bottom:0.5rem}.left{color:var(--rebill-color-primary-dark-text)}}.total-row{width:100%;display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600}.total-row .left{color:var(--rebill-color-primary-dark-text)}";
 
@@ -120,6 +120,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { RenewalSummary as R, defineCustomElement as d };
-//# sourceMappingURL=p-C81ESSvH.js.map
+//# sourceMappingURL=p-DlgrkLu0.js.map
 
-//# sourceMappingURL=p-C81ESSvH.js.map
+//# sourceMappingURL=p-DlgrkLu0.js.map

package/dist/components/{p-C81ESSvH.js.map → p-DlgrkLu0.js.map}

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

package/dist/components/{p-CGfY7lYE.js → p-DmG9jqf9.js}

@@ -1,7 +1,7 @@
 import { proxyCustomElement, H, h } from './p-CTGDXA9q.js';
 import { c as colorClassMapper } from './p-DA598vBj.js';
 
-const typographyCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}*{transition:none !important}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}:host{display:block;margin:0;padding:0}.typography-h1{font-size:6rem;font-weight:300;line-height:1.167;letter-spacing:-0.01562em}.typography-h2{font-size:3.75rem;font-weight:300;line-height:1.2;letter-spacing:-0.00833em}.typography-h3{font-size:1.375rem;font-weight:600;font-style:Medium;line-height:20px;letter-spacing:0px;margin-bottom:0;margin-top:0}.typography-h4{font-size:2.125rem;font-weight:600;line-height:1.235;letter-spacing:0.00735em;margin-bottom:0;margin-top:0}.typography-h5{font-size:1.5rem;font-weight:400;line-height:1.334;letter-spacing:0}.typography-h6{font-size:1.25rem;font-weight:500;line-height:1.6;letter-spacing:0.0075em;margin-bottom:0;margin-top:0}.typography-subtitle-bold{font-size:14px;font-weight:500;letter-spacing:0;margin-bottom:0;margin-top:0}.typography-subtitle1{font-size:1rem;font-weight:400;line-height:1.75;letter-spacing:0.00938em;margin-bottom:0;margin-top:0}.typography-subtitle2{font-size:12px;font-weight:400}.typography-subtitle3{font-size:10px;font-weight:500}.typography-body1{font-size:16px;font-weight:500;letter-spacing:0.00938em}.typography-body2{font-size:14px;font-weight:400 !important;letter-spacing:0.01071em;margin-bottom:0;margin-top:0}.typography-body3{font-size:16px;font-weight:500;letter-spacing:0.01071em;margin-bottom:0;margin-top:0}@media (max-width: 1024px){.typography-body2{line-height:20px}}.typography-button{font-size:0.875rem;font-weight:500;line-height:1.75;letter-spacing:0.02857em;text-transform:uppercase}.typography-caption{font-size:0.75rem;font-weight:400;line-height:1.66;letter-spacing:0.03333em}.typography-overline{font-size:14px;font-weight:600;line-height:20px}.typography-italic{font-weight:500;font-style:italic;font-size:11px;line-height:24px;letter-spacing:0%}.typography-information-text{font-weight:500;font-size:11px;line-height:160%}.typography-align-left{text-align:left}.typography-align-center{text-align:center}.typography-align-right{text-align:right}.typography-align-justify{text-align:justify}.typography-no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typography-paragraph{margin-bottom:16px}.typography-h4-span{font-size:34px;font-weight:500;letter-spacing:0%;margin-bottom:0;margin-top:0}";
+const typographyCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}:host{display:block;margin:0;padding:0}.typography-h1{font-size:6rem;font-weight:300;line-height:1.167;letter-spacing:-0.01562em}.typography-h2{font-size:3.75rem;font-weight:300;line-height:1.2;letter-spacing:-0.00833em}.typography-h3{font-size:1.375rem;font-weight:600;font-style:Medium;line-height:20px;letter-spacing:0px;margin-bottom:0;margin-top:0}.typography-h4{font-size:2.125rem;font-weight:600;line-height:1.235;letter-spacing:0.00735em;margin-bottom:0;margin-top:0}.typography-h5{font-size:1.5rem;font-weight:400;line-height:1.334;letter-spacing:0}.typography-h6{font-size:1.25rem;font-weight:500;line-height:1.6;letter-spacing:0.0075em;margin-bottom:0;margin-top:0}.typography-subtitle-bold{font-size:14px;font-weight:500;letter-spacing:0;margin-bottom:0;margin-top:0}.typography-subtitle1{font-size:1rem;font-weight:400;line-height:1.75;letter-spacing:0.00938em;margin-bottom:0;margin-top:0}.typography-subtitle2{font-size:12px;font-weight:400}.typography-subtitle3{font-size:10px;font-weight:500}.typography-body1{font-size:16px;font-weight:500;letter-spacing:0.00938em}.typography-body2{font-size:14px;font-weight:400 !important;letter-spacing:0.01071em;margin-bottom:0;margin-top:0}.typography-body3{font-size:16px;font-weight:500;letter-spacing:0.01071em;margin-bottom:0;margin-top:0}@media (max-width: 1024px){.typography-body2{line-height:20px}}.typography-button{font-size:0.875rem;font-weight:500;line-height:1.75;letter-spacing:0.02857em;text-transform:uppercase}.typography-caption{font-size:0.75rem;font-weight:400;line-height:1.66;letter-spacing:0.03333em}.typography-overline{font-size:14px;font-weight:600;line-height:20px}.typography-italic{font-weight:500;font-style:italic;font-size:11px;line-height:24px;letter-spacing:0%}.typography-information-text{font-weight:500;font-size:11px;line-height:160%}.typography-align-left{text-align:left}.typography-align-center{text-align:center}.typography-align-right{text-align:right}.typography-align-justify{text-align:justify}.typography-no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typography-paragraph{margin-bottom:16px}.typography-h4-span{font-size:34px;font-weight:500;letter-spacing:0%;margin-bottom:0;margin-top:0}";
 
 const Typography = /*@__PURE__*/ proxyCustomElement(class Typography extends H {
     constructor() {
@@ -84,6 +84,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Typography as T, defineCustomElement as d };
-//# sourceMappingURL=p-CGfY7lYE.js.map
+//# sourceMappingURL=p-DmG9jqf9.js.map
 
-//# sourceMappingURL=p-CGfY7lYE.js.map
+//# sourceMappingURL=p-DmG9jqf9.js.map

package/dist/components/{p-CGfY7lYE.js.map → p-DmG9jqf9.js.map}

@@ -1 +1 @@
-{"file":"p-CGfY7lYE.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,8/HAA8/H;;MC6BvgI,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;IACb,OAAO,GAAsB,OAAO;AACpC,IAAA,KAAK;AACL,IAAA,KAAK;AACL,IAAA,MAAM;AACN,IAAA,YAAY;AACZ,IAAA,SAAS;IAET,QAAQ,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC;IAErD,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE;AACzB,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,CAAC,cAAc,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;YACpC,CAAC,CAAA,iBAAA,EAAoB,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK;YAC9C,oBAAoB,EAAE,IAAI,CAAC,MAAM;YACjC,0BAA0B,EAAE,IAAI,CAAC,YAAY;YAC7C,sBAAsB,EAAE,IAAI,CAAC,SAAS;SACvC;AAED,QAAA,QACE,CAAC,CAAA,GAAG,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAA,EACpD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;IAIF,MAAM,GAAA;AACZ,QAAA,QAAQ,IAAI,CAAC,OAAO;AAClB,YAAA,KAAK,IAAI;AACT,YAAA,KAAK,IAAI;AACT,YAAA,KAAK,IAAI;AACT,YAAA,KAAK,IAAI;AACT,YAAA,KAAK,IAAI;AACT,YAAA,KAAK,IAAI;gBACP,OAAO,IAAI,CAAC,OAAO;AACrB,YAAA,KAAK,WAAW;AAChB,YAAA,KAAK,WAAW;AAChB,YAAA,KAAK,WAAW;AACd,gBAAA,OAAO,MAAM;AACf,YAAA,KAAK,OAAO;AACZ,YAAA,KAAK,OAAO;AACZ,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,MAAM;AACf,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,MAAM;AACf,YAAA,KAAK,SAAS;AACd,YAAA,KAAK,UAAU;AACb,gBAAA,OAAO,MAAM;AACf,YAAA,KAAK,QAAQ;AACb,YAAA,KAAK,kBAAkB;AACrB,gBAAA,OAAO,MAAM;AACf,YAAA,KAAK,eAAe;AAClB,gBAAA,OAAO,MAAM;AACf,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,MAAM;AACf,YAAA;AACE,gBAAA,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/typography/typography.css?tag=rebill-typography","src/components/shared/typography/typography.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n:host {\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n/* Heading styles */\n.typography-h1 {\n  font-size: 6rem;\n  font-weight: 300;\n  line-height: 1.167;\n  letter-spacing: -0.01562em;\n}\n\n.typography-h2 {\n  font-size: 3.75rem;\n  font-weight: 300;\n  line-height: 1.2;\n  letter-spacing: -0.00833em;\n}\n\n.typography-h3 {\n  font-size: 1.375rem;\n  font-weight: 600;\n  font-style: Medium;\n  line-height: 20px;\n  letter-spacing: 0px;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n\n.typography-h4 {\n  font-size: 2.125rem;\n  font-weight: 600;\n  line-height: 1.235;\n  letter-spacing: 0.00735em;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n\n.typography-h5 {\n  font-size: 1.5rem;\n  font-weight: 400;\n  line-height: 1.334;\n  letter-spacing: 0;\n}\n\n.typography-h6 {\n  font-size: 1.25rem;\n  font-weight: 500;\n  line-height: 1.6;\n  letter-spacing: 0.0075em;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n.typography-subtitle-bold {\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n/* Subtitle styles */\n.typography-subtitle1 {\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.75;\n  letter-spacing: 0.00938em;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n\n.typography-subtitle2 {\n  font-size: 12px;\n  font-weight: 400;\n}\n.typography-subtitle3 {\n  font-size: 10px;\n  font-weight: 500;\n}\n/* Body styles */\n.typography-body1 {\n  font-size: 16px;\n  font-weight: 500;\n  letter-spacing: 0.00938em;\n}\n\n.typography-body2 {\n  font-size: 14px;\n  font-weight: 400 !important;\n  letter-spacing: 0.01071em;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n.typography-body3 {\n  font-size: 16px;\n  font-weight: 500;\n  letter-spacing: 0.01071em;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n\n@media (max-width: 1024px) {\n  .typography-body2 {\n    line-height: 20px;\n  }\n}\n\n/* Button text */\n.typography-button {\n  font-size: 0.875rem;\n  font-weight: 500;\n  line-height: 1.75;\n  letter-spacing: 0.02857em;\n  text-transform: uppercase;\n}\n\n/* Caption */\n.typography-caption {\n  font-size: 0.75rem;\n  font-weight: 400;\n  line-height: 1.66;\n  letter-spacing: 0.03333em;\n}\n\n/* Overline */\n.typography-overline {\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px;\n}\n\n/* Italic */\n.typography-italic {\n  font-weight: 500;\n  font-style: italic;\n  font-size: 11px;\n  line-height: 24px;\n  letter-spacing: 0%;\n}\n\n.typography-information-text {\n  font-weight: 500;\n  font-size: 11px;\n  line-height: 160%;\n}\n\n/* Alignment */\n.typography-align-left {\n  text-align: left;\n}\n\n.typography-align-center {\n  text-align: center;\n}\n\n.typography-align-right {\n  text-align: right;\n}\n\n.typography-align-justify {\n  text-align: justify;\n}\n\n/* Additional styles */\n.typography-no-wrap {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* .typography-gutter-bottom {\n  margin-bottom: 0.35em;\n} */\n\n.typography-paragraph {\n  margin-bottom: 16px;\n}\n.typography-h4-span {\n  font-size: 34px;\n  font-weight: 500;\n\n  letter-spacing: 0%;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { colorClassMapper, COLORS_ENUM } from '../../../utils/color-class-mapper';\n\nexport type TypographyVariant =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'subtitle1'\n  | 'subtitle2'\n  | 'subtitle-bold'\n  | 'body1'\n  | 'body2'\n  | 'body3'\n  | 'button'\n  | 'caption'\n  | 'overline'\n  | 'italic'\n  | 'information-text'\n  | 'h4-span'\n  | 'subtitle3';\n\n@Component({\n  tag: 'rebill-typography',\n  styleUrl: 'typography.css',\n  shadow: false,\n})\nexport class Typography {\n  @Prop() variant: TypographyVariant = 'body1';\n  @Prop() color?: COLORS_ENUM;\n  @Prop() align?: 'left' | 'center' | 'right' | 'justify';\n  @Prop() noWrap?: boolean;\n  @Prop() gutterBottom?: boolean;\n  @Prop() paragraph?: boolean;\n\n  private getColor = () => colorClassMapper(this.color);\n\n  render() {\n    const Tag = this.getTag();\n    const classes = {\n      [`typography-${this.variant}`]: true,\n      [`typography-align-${this.align}`]: this.align,\n      'typography-no-wrap': this.noWrap,\n      'typography-gutter-bottom': this.gutterBottom,\n      'typography-paragraph': this.paragraph,\n    };\n\n    return (\n      <Tag class={classes} style={{ color: this.getColor() }}>\n        <slot></slot>\n      </Tag>\n    );\n  }\n\n  private getTag(): string {\n    switch (this.variant) {\n      case 'h1':\n      case 'h2':\n      case 'h3':\n      case 'h4':\n      case 'h5':\n      case 'h6':\n        return this.variant;\n      case 'subtitle1':\n      case 'subtitle2':\n      case 'subtitle3':\n        return 'span';\n      case 'body1':\n      case 'body2':\n      case 'body3':\n        return 'span';\n      case 'button':\n        return 'span';\n      case 'caption':\n      case 'overline':\n        return 'span';\n      case 'italic':\n      case 'information-text':\n        return 'span';\n      case 'subtitle-bold':\n        return 'span';\n      case 'h4-span':\n        return 'span';\n      default:\n        return 'p';\n    }\n  }\n}\n"],"version":3}
+{"file":"p-DmG9jqf9.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,i+HAAi+H;;MC6B1+H,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;;;;;IACb,OAAO,GAAsB,OAAO;AACpC,IAAA,KAAK;AACL,IAAA,KAAK;AACL,IAAA,MAAM;AACN,IAAA,YAAY;AACZ,IAAA,SAAS;IAET,QAAQ,GAAG,MAAM,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC;IAErD,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE;AACzB,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,CAAC,cAAc,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;YACpC,CAAC,CAAA,iBAAA,EAAoB,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK;YAC9C,oBAAoB,EAAE,IAAI,CAAC,MAAM;YACjC,0BAA0B,EAAE,IAAI,CAAC,YAAY;YAC7C,sBAAsB,EAAE,IAAI,CAAC,SAAS;SACvC;AAED,QAAA,QACE,CAAC,CAAA,GAAG,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAA,EACpD,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;IAIF,MAAM,GAAA;AACZ,QAAA,QAAQ,IAAI,CAAC,OAAO;AAClB,YAAA,KAAK,IAAI;AACT,YAAA,KAAK,IAAI;AACT,YAAA,KAAK,IAAI;AACT,YAAA,KAAK,IAAI;AACT,YAAA,KAAK,IAAI;AACT,YAAA,KAAK,IAAI;gBACP,OAAO,IAAI,CAAC,OAAO;AACrB,YAAA,KAAK,WAAW;AAChB,YAAA,KAAK,WAAW;AAChB,YAAA,KAAK,WAAW;AACd,gBAAA,OAAO,MAAM;AACf,YAAA,KAAK,OAAO;AACZ,YAAA,KAAK,OAAO;AACZ,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,MAAM;AACf,YAAA,KAAK,QAAQ;AACX,gBAAA,OAAO,MAAM;AACf,YAAA,KAAK,SAAS;AACd,YAAA,KAAK,UAAU;AACb,gBAAA,OAAO,MAAM;AACf,YAAA,KAAK,QAAQ;AACb,YAAA,KAAK,kBAAkB;AACrB,gBAAA,OAAO,MAAM;AACf,YAAA,KAAK,eAAe;AAClB,gBAAA,OAAO,MAAM;AACf,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,MAAM;AACf,YAAA;AACE,gBAAA,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/typography/typography.css?tag=rebill-typography","src/components/shared/typography/typography.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n:host {\n  display: block;\n  margin: 0;\n  padding: 0;\n}\n\n/* Heading styles */\n.typography-h1 {\n  font-size: 6rem;\n  font-weight: 300;\n  line-height: 1.167;\n  letter-spacing: -0.01562em;\n}\n\n.typography-h2 {\n  font-size: 3.75rem;\n  font-weight: 300;\n  line-height: 1.2;\n  letter-spacing: -0.00833em;\n}\n\n.typography-h3 {\n  font-size: 1.375rem;\n  font-weight: 600;\n  font-style: Medium;\n  line-height: 20px;\n  letter-spacing: 0px;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n\n.typography-h4 {\n  font-size: 2.125rem;\n  font-weight: 600;\n  line-height: 1.235;\n  letter-spacing: 0.00735em;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n\n.typography-h5 {\n  font-size: 1.5rem;\n  font-weight: 400;\n  line-height: 1.334;\n  letter-spacing: 0;\n}\n\n.typography-h6 {\n  font-size: 1.25rem;\n  font-weight: 500;\n  line-height: 1.6;\n  letter-spacing: 0.0075em;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n.typography-subtitle-bold {\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n/* Subtitle styles */\n.typography-subtitle1 {\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.75;\n  letter-spacing: 0.00938em;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n\n.typography-subtitle2 {\n  font-size: 12px;\n  font-weight: 400;\n}\n.typography-subtitle3 {\n  font-size: 10px;\n  font-weight: 500;\n}\n/* Body styles */\n.typography-body1 {\n  font-size: 16px;\n  font-weight: 500;\n  letter-spacing: 0.00938em;\n}\n\n.typography-body2 {\n  font-size: 14px;\n  font-weight: 400 !important;\n  letter-spacing: 0.01071em;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n.typography-body3 {\n  font-size: 16px;\n  font-weight: 500;\n  letter-spacing: 0.01071em;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n\n@media (max-width: 1024px) {\n  .typography-body2 {\n    line-height: 20px;\n  }\n}\n\n/* Button text */\n.typography-button {\n  font-size: 0.875rem;\n  font-weight: 500;\n  line-height: 1.75;\n  letter-spacing: 0.02857em;\n  text-transform: uppercase;\n}\n\n/* Caption */\n.typography-caption {\n  font-size: 0.75rem;\n  font-weight: 400;\n  line-height: 1.66;\n  letter-spacing: 0.03333em;\n}\n\n/* Overline */\n.typography-overline {\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px;\n}\n\n/* Italic */\n.typography-italic {\n  font-weight: 500;\n  font-style: italic;\n  font-size: 11px;\n  line-height: 24px;\n  letter-spacing: 0%;\n}\n\n.typography-information-text {\n  font-weight: 500;\n  font-size: 11px;\n  line-height: 160%;\n}\n\n/* Alignment */\n.typography-align-left {\n  text-align: left;\n}\n\n.typography-align-center {\n  text-align: center;\n}\n\n.typography-align-right {\n  text-align: right;\n}\n\n.typography-align-justify {\n  text-align: justify;\n}\n\n/* Additional styles */\n.typography-no-wrap {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n/* .typography-gutter-bottom {\n  margin-bottom: 0.35em;\n} */\n\n.typography-paragraph {\n  margin-bottom: 16px;\n}\n.typography-h4-span {\n  font-size: 34px;\n  font-weight: 500;\n\n  letter-spacing: 0%;\n  margin-bottom: 0;\n  margin-top: 0;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { colorClassMapper, COLORS_ENUM } from '../../../utils/color-class-mapper';\n\nexport type TypographyVariant =\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'subtitle1'\n  | 'subtitle2'\n  | 'subtitle-bold'\n  | 'body1'\n  | 'body2'\n  | 'body3'\n  | 'button'\n  | 'caption'\n  | 'overline'\n  | 'italic'\n  | 'information-text'\n  | 'h4-span'\n  | 'subtitle3';\n\n@Component({\n  tag: 'rebill-typography',\n  styleUrl: 'typography.css',\n  shadow: false,\n})\nexport class Typography {\n  @Prop() variant: TypographyVariant = 'body1';\n  @Prop() color?: COLORS_ENUM;\n  @Prop() align?: 'left' | 'center' | 'right' | 'justify';\n  @Prop() noWrap?: boolean;\n  @Prop() gutterBottom?: boolean;\n  @Prop() paragraph?: boolean;\n\n  private getColor = () => colorClassMapper(this.color);\n\n  render() {\n    const Tag = this.getTag();\n    const classes = {\n      [`typography-${this.variant}`]: true,\n      [`typography-align-${this.align}`]: this.align,\n      'typography-no-wrap': this.noWrap,\n      'typography-gutter-bottom': this.gutterBottom,\n      'typography-paragraph': this.paragraph,\n    };\n\n    return (\n      <Tag class={classes} style={{ color: this.getColor() }}>\n        <slot></slot>\n      </Tag>\n    );\n  }\n\n  private getTag(): string {\n    switch (this.variant) {\n      case 'h1':\n      case 'h2':\n      case 'h3':\n      case 'h4':\n      case 'h5':\n      case 'h6':\n        return this.variant;\n      case 'subtitle1':\n      case 'subtitle2':\n      case 'subtitle3':\n        return 'span';\n      case 'body1':\n      case 'body2':\n      case 'body3':\n        return 'span';\n      case 'button':\n        return 'span';\n      case 'caption':\n      case 'overline':\n        return 'span';\n      case 'italic':\n      case 'information-text':\n        return 'span';\n      case 'subtitle-bold':\n        return 'span';\n      case 'h4-span':\n        return 'span';\n      default:\n        return 'p';\n    }\n  }\n}\n"],"version":3}

package/dist/components/{p-B2TDQClH.js → p-Dua4qdwP.js}

@@ -1,7 +1,7 @@
 import { proxyCustomElement, H, h } from './p-CTGDXA9q.js';
 import { d as defineCustomElement$1 } from './p-CEBwV20U.js';
 
-const organizationLogoCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}*{transition:none !important}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.organization-logo{display:flex;align-items:center;justify-content:flex-start;width:100%}.logo-image{max-height:40px;max-width:120px;width:auto;height:auto;object-fit:contain;border-radius:8px}";
+const organizationLogoCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.organization-logo{display:flex;align-items:center;justify-content:flex-start;width:100%}.logo-image{max-height:40px;max-width:120px;width:auto;height:auto;object-fit:contain;border-radius:8px}";
 
 const OrganizationLogo = /*@__PURE__*/ proxyCustomElement(class OrganizationLogo extends H {
     constructor() {
@@ -40,6 +40,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { OrganizationLogo as O, defineCustomElement as d };
-//# sourceMappingURL=p-B2TDQClH.js.map
+//# sourceMappingURL=p-Dua4qdwP.js.map
 
-//# sourceMappingURL=p-B2TDQClH.js.map
+//# sourceMappingURL=p-Dua4qdwP.js.map

package/dist/components/{p-B2TDQClH.js.map → p-Dua4qdwP.js.map}

@@ -1 +1 @@
-{"file":"p-B2TDQClH.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,yhEAAyhE;;MCOxiE,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;AAC3B;;AAEG;AACK,IAAA,YAAY;IAKpB,MAAM,GAAA;AACJ,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,IAC3B,IAAI,CAAC,YAAY,CAAC,OAAO,IACxB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAC,YAAY,EAAA,CAAG,KAEvF,CAAa,CAAA,aAAA,EAAA,EAAA,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,YAAY,EAAG,CAAA,CACvD,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/organization-logo/organization-logo.css?tag=organization-logo","src/components/shared/organization-logo/organization-logo.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.organization-logo {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.logo-image {\n  max-height: 40px;\n  max-width: 120px;\n  width: auto;\n  height: auto;\n  object-fit: contain;\n  border-radius: 8px;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'organization-logo',\n  styleUrl: 'organization-logo.css',\n  shadow: false,\n})\nexport class OrganizationLogo {\n  /**\n   * The organization data containing logo URL and name\n   */\n  @Prop() organization!: {\n    name: string;\n    logoUrl?: string;\n  };\n\n  render() {\n    return (\n      <div class=\"organization-logo\">\n        {this.organization.logoUrl ? (\n          <img src={this.organization.logoUrl} alt={this.organization.name} class=\"logo-image\" />\n        ) : (\n          <rebill-icon name=\"logo-default\" class=\"logo-image\" />\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Dua4qdwP.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,4/DAA4/D;;MCO3gE,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;;;;;AAC3B;;AAEG;AACK,IAAA,YAAY;IAKpB,MAAM,GAAA;AACJ,QAAA,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,mBAAmB,IAC3B,IAAI,CAAC,YAAY,CAAC,OAAO,IACxB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAC,YAAY,EAAA,CAAG,KAEvF,CAAa,CAAA,aAAA,EAAA,EAAA,IAAI,EAAC,cAAc,EAAC,KAAK,EAAC,YAAY,EAAG,CAAA,CACvD,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/shared/organization-logo/organization-logo.css?tag=organization-logo","src/components/shared/organization-logo/organization-logo.tsx"],"sourcesContent":["@import '../../../styles/variables.css';\n\n.organization-logo {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.logo-image {\n  max-height: 40px;\n  max-width: 120px;\n  width: auto;\n  height: auto;\n  object-fit: contain;\n  border-radius: 8px;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'organization-logo',\n  styleUrl: 'organization-logo.css',\n  shadow: false,\n})\nexport class OrganizationLogo {\n  /**\n   * The organization data containing logo URL and name\n   */\n  @Prop() organization!: {\n    name: string;\n    logoUrl?: string;\n  };\n\n  render() {\n    return (\n      <div class=\"organization-logo\">\n        {this.organization.logoUrl ? (\n          <img src={this.organization.logoUrl} alt={this.organization.name} class=\"logo-image\" />\n        ) : (\n          <rebill-icon name=\"logo-default\" class=\"logo-image\" />\n        )}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-CgtGqqWz.js → p-Dy2kgG1_.js}

@@ -3,7 +3,7 @@ import { I as I18nService } from './p-DPQ5M9bH.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { d as defineCustomElement$3 } from './p-RdOKMVMV.js';
 import { d as defineCustomElement$2 } from './p-CEBwV20U.js';
-import { d as defineCustomElement$1 } from './p-CGfY7lYE.js';
+import { d as defineCustomElement$1 } from './p-DmG9jqf9.js';
 
 const userInformationStaticCss = ".user-information-static{width:100%;display:flex;gap:16px;justify-content:space-between;font-size:14px}.user-information-static.otp{flex-direction:column;gap:12px;justify-content:flex-start}.user-information-static-content.otp{display:flex;justify-content:space-between;align-items:center;gap:8px}.user-information-static-content.otp rebill-button{gap:8px;display:flex;align-items:center;justify-content:center}";
 
@@ -60,6 +60,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { UserInformationStatic as U, defineCustomElement as d };
-//# sourceMappingURL=p-CgtGqqWz.js.map
+//# sourceMappingURL=p-Dy2kgG1_.js.map
 
-//# sourceMappingURL=p-CgtGqqWz.js.map
+//# sourceMappingURL=p-Dy2kgG1_.js.map

package/dist/components/{p-CgtGqqWz.js.map → p-Dy2kgG1_.js.map}

@@ -1 +1 @@
-{"file":"p-CgtGqqWz.js","mappings":";;;;;;;AAAA,MAAM,wBAAwB,GAAG,6ZAA6Z;;MCcjb,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;AACxB,IAAA,QAAQ;IACR,OAAO,GAAsB,SAAS;AACrC,IAAA,OAAO;IAEhB,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG1B,MAAM,GAAA;AACJ,QAAA,QACE,4DAAK,KAAK,EAAE,CAA2B,wBAAA,EAAA,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EACnD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAmC,gCAAA,EAAA,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC3D,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAAA,EACxD,WAAW,CAAC,SAAS,CAAC,0BAA0B,EAAE;AACjD,YAAA,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY;AACjC,SAAA,CAAC,CACgB,EACnB,IAAI,CAAC,OAAO,KAAK,KAAK,KACrB,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,EAAA,EAC5E,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAA,EAC/D,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,WAAW,CAAC,YAAY,EAAA,EACvE,WAAW,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAC/B,EACpB,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAG,CAAA,CACrC,CACQ,CACjB,CACG,EAEN,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAA,EAChE,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,WAAW,CAAC,QAAQ,EAAI,CAAA,EACpE,IAAI,CAAC,QAAQ,CAAC,aAAa,CACvB,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/renewal/user-information-static/user-information-static.css?tag=user-information-static","src/components/renewal/user-information-static/user-information-static.tsx"],"sourcesContent":[".user-information-static {\n  width: 100%;\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  font-size: 14px;\n}\n\n.user-information-static.otp {\n  flex-direction: column;\n  gap: 12px;\n  justify-content: flex-start;\n}\n.user-information-static-content.otp {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n}\n\n.user-information-static-content.otp rebill-button {\n  gap: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\nexport interface UserInfoData {\n  customerName: string;\n  customerEmail: string;\n}\n\n@Component({\n  tag: 'user-information-static',\n  styleUrl: 'user-information-static.css',\n  shadow: false,\n})\nexport class UserInformationStatic {\n  @Prop() userInfo!: UserInfoData;\n  @Prop() variant: 'renewal' | 'otp' = 'renewal';\n  @Event() signOut: EventEmitter<boolean>;\n\n  handleSignOut() {\n    this.signOut.emit(false);\n  }\n\n  render() {\n    return (\n      <div class={`user-information-static ${this.variant}`}>\n        <div class={`user-information-static-content ${this.variant}`}>\n          <rebill-typography variant=\"subtitle-bold\" class=\"greeting\">\n            {I18nService.translate('userInformation.greeting', {\n              name: this.userInfo.customerName,\n            })}\n          </rebill-typography>\n          {this.variant === 'otp' && (\n            <rebill-button variant=\"text\" size=\"small\" onClick={() => this.handleSignOut()}>\n              <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK}>\n                  {I18nService.translate('userInformation.signOut')}\n                </rebill-typography>\n                <rebill-icon name=\"logout\" size=\"12px\" />\n              </div>\n            </rebill-button>\n          )}\n        </div>\n\n        <span style={{ display: 'flex', alignItems: 'center', gap: '7px' }}>\n          <rebill-icon name=\"email\" size=\"12px\" color={COLORS_ENUM.GREY_700} />\n          {this.userInfo.customerEmail}\n        </span>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-Dy2kgG1_.js","mappings":";;;;;;;AAAA,MAAM,wBAAwB,GAAG,6ZAA6Z;;MCcjb,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;AACxB,IAAA,QAAQ;IACR,OAAO,GAAsB,SAAS;AACrC,IAAA,OAAO;IAEhB,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;;IAG1B,MAAM,GAAA;AACJ,QAAA,QACE,4DAAK,KAAK,EAAE,CAA2B,wBAAA,EAAA,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EACnD,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,CAAmC,gCAAA,EAAA,IAAI,CAAC,OAAO,CAAE,CAAA,EAAA,EAC3D,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,UAAU,EAAA,EACxD,WAAW,CAAC,SAAS,CAAC,0BAA0B,EAAE;AACjD,YAAA,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY;AACjC,SAAA,CAAC,CACgB,EACnB,IAAI,CAAC,OAAO,KAAK,KAAK,KACrB,CAAA,CAAA,eAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAe,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,EAAA,EAC5E,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAA,EAC/D,CAAA,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAmB,OAAO,EAAC,eAAe,EAAC,KAAK,EAAE,WAAW,CAAC,YAAY,EAAA,EACvE,WAAW,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAC/B,EACpB,CAAa,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAG,CAAA,CACrC,CACQ,CACjB,CACG,EAEN,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAA,EAChE,CAAA,CAAA,aAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAa,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,WAAW,CAAC,QAAQ,EAAI,CAAA,EACpE,IAAI,CAAC,QAAQ,CAAC,aAAa,CACvB,CACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/renewal/user-information-static/user-information-static.css?tag=user-information-static","src/components/renewal/user-information-static/user-information-static.tsx"],"sourcesContent":[".user-information-static {\n  width: 100%;\n  display: flex;\n  gap: 16px;\n  justify-content: space-between;\n  font-size: 14px;\n}\n\n.user-information-static.otp {\n  flex-direction: column;\n  gap: 12px;\n  justify-content: flex-start;\n}\n.user-information-static-content.otp {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n}\n\n.user-information-static-content.otp rebill-button {\n  gap: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\nexport interface UserInfoData {\n  customerName: string;\n  customerEmail: string;\n}\n\n@Component({\n  tag: 'user-information-static',\n  styleUrl: 'user-information-static.css',\n  shadow: false,\n})\nexport class UserInformationStatic {\n  @Prop() userInfo!: UserInfoData;\n  @Prop() variant: 'renewal' | 'otp' = 'renewal';\n  @Event() signOut: EventEmitter<boolean>;\n\n  handleSignOut() {\n    this.signOut.emit(false);\n  }\n\n  render() {\n    return (\n      <div class={`user-information-static ${this.variant}`}>\n        <div class={`user-information-static-content ${this.variant}`}>\n          <rebill-typography variant=\"subtitle-bold\" class=\"greeting\">\n            {I18nService.translate('userInformation.greeting', {\n              name: this.userInfo.customerName,\n            })}\n          </rebill-typography>\n          {this.variant === 'otp' && (\n            <rebill-button variant=\"text\" size=\"small\" onClick={() => this.handleSignOut()}>\n              <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                <rebill-typography variant=\"subtitle-bold\" color={COLORS_ENUM.PRIMARY_DARK}>\n                  {I18nService.translate('userInformation.signOut')}\n                </rebill-typography>\n                <rebill-icon name=\"logout\" size=\"12px\" />\n              </div>\n            </rebill-button>\n          )}\n        </div>\n\n        <span style={{ display: 'flex', alignItems: 'center', gap: '7px' }}>\n          <rebill-icon name=\"email\" size=\"12px\" color={COLORS_ENUM.GREY_700} />\n          {this.userInfo.customerEmail}\n        </span>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{p-e4my43Fj.js → p-J04T9w3B.js}

@@ -8,8 +8,8 @@ import './p-uZj1dMLQ.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
 import { d as defineCustomElement$4 } from './p-RdOKMVMV.js';
 import { d as defineCustomElement$3 } from './p-CEBwV20U.js';
-import { d as defineCustomElement$2 } from './p-BhZLfMCq.js';
-import { d as defineCustomElement$1 } from './p-CGfY7lYE.js';
+import { d as defineCustomElement$2 } from './p-8Z6_-yhm.js';
+import { d as defineCustomElement$1 } from './p-DmG9jqf9.js';
 
 const discountCouponCss = ".summary-row{gap:12px}.coupon-chip{display:flex;align-items:center;background:var(--rebill-color-background);border:1px solid var(--rebill-color-border-primary);justify-content:space-between;border-radius:6px;padding:4px 8px;gap:8px;width:fit-content}.coupon-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;vertical-align:middle}.coupon-close{cursor:pointer}.coupon-content{display:flex;flex-direction:row;align-items:flex-start;gap:4px}";
 
@@ -164,6 +164,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { DiscountCoupon as D, defineCustomElement as d };
-//# sourceMappingURL=p-e4my43Fj.js.map
+//# sourceMappingURL=p-J04T9w3B.js.map
 
-//# sourceMappingURL=p-e4my43Fj.js.map
+//# sourceMappingURL=p-J04T9w3B.js.map