rebill-web-components-sdk 1.8.34-beta.1 → 1.8.35

package/dist/cjs/renewal.store-3JWhB1Pi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renewal.store-3JWhB1Pi.js","sources":["src/store/renewal.store.ts"],"sourcesContent":["import { createStore } from '@stencil/store';\nimport { SavedCard } from '../api/entities/cards/types';\nimport {\n  CreateAPMCheckoutResponse,\n  CreateCardCheckoutResponse,\n} from '../api/entities/checkout/types';\nimport { ENUM_INSTALLMENT_MODEL } from '../models/enums/installment.enum';\nimport { PAYMENT_METHOD_ENUM } from '../models/enums/payment-methods.enum';\nimport { RebillRenewalProps, RenewalSession } from '../models/renewal.model';\n\nexport interface RenewalSessionState {\n  token: string;\n  data: RenewalSession;\n  form: {\n    isLoading: boolean;\n    selectedPaymentMethod?: PAYMENT_METHOD_ENUM;\n    selectedCard?: SavedCard;\n    cvv?: string;\n    savedCards: SavedCard[];\n    checkoutResponse?: CreateCardCheckoutResponse | CreateAPMCheckoutResponse | null;\n    userIdentification?: {\n      documentType?: string;\n      documentNumber?: string;\n    };\n    selectedBankId?: string;\n  };\n  isInitialized: boolean;\n  fetchingInstallments: boolean;\n  cardMode?: 'input' | 'select' | null;\n  deviceId?: string;\n  providerKey?: string;\n}\n\nconst initialRenewalState: RenewalSessionState = {\n  token: '',\n  data: {\n    id: '',\n    cardId: '',\n    cardTokenId: '',\n    cardInformation: {\n      brand: '',\n      type: '',\n      isoCountry: '',\n      bank: '',\n      lastFour: '',\n      installments: {\n        isAvailableInstallments: false,\n        installments: [],\n        selectedInstallment: undefined,\n      },\n    },\n    subscription: {\n      id: '',\n      organizationId: '',\n      status: '',\n      name: [],\n      description: [],\n      planId: null,\n      amount: 0,\n      subTotalAmount: 0,\n      currency: '',\n      isPriceFixed: false,\n      targetCurrency: null,\n      isProcessing: false,\n      frequency: {\n        count: 0,\n        period: null,\n      },\n      repetitions: 0,\n      currentRepetitions: 0,\n      debitDay: null,\n      type: '',\n      lastChargeDate: '',\n      nextChargeDate: '',\n      remainingIterations: 0,\n      customerId: '',\n      customerName: '',\n      customerEmail: '',\n      paymentMethod: '',\n      cardId: null,\n      cardLastFour: null,\n      trialPeriodDays: null,\n      metadata: null,\n      createdAt: '',\n    },\n    organization: {\n      id: '',\n      name: '',\n      logoUrl: null,\n    },\n    price: {\n      amount: 0,\n      currency: '',\n      country: '',\n      paymentMethods: [],\n      couponCode: null,\n      discountPercentage: 0,\n      discountedAmount: 0,\n    },\n    paymentMethods: [],\n    country: '',\n    createdAt: '',\n    updatedAt: '',\n  },\n  form: {\n    isLoading: false,\n    savedCards: [],\n  },\n  isInitialized: false,\n  fetchingInstallments: false,\n  cardMode: 'select',\n};\n\nexport const { state: renewalState, onChange } =\n  createStore<RenewalSessionState>(initialRenewalState);\n\nexport class RenewalStore {\n  static initializeRenewal(renewalProps: RebillRenewalProps) {\n    const { token, ...allProps } = renewalProps;\n    renewalState.token = token;\n    renewalState.data = allProps;\n    renewalState.data.country = allProps.country;\n\n    if (allProps.subscription?.cardId) {\n      renewalState.data.cardId = allProps.subscription.cardId;\n    }\n\n    renewalState.isInitialized = true;\n  }\n\n  static setLoading(isLoading: boolean) {\n    renewalState.form = {\n      ...renewalState.form,\n      isLoading,\n    };\n  }\n\n  static setSelectedPaymentMethod(paymentMethod: PAYMENT_METHOD_ENUM) {\n    renewalState.form = {\n      ...renewalState.form,\n      selectedPaymentMethod: paymentMethod,\n    };\n  }\n\n  static setSelectedCard(card: SavedCard) {\n    renewalState.form = {\n      ...renewalState.form,\n      selectedCard: card,\n    };\n  }\n\n  static setCvv(cvv: string) {\n    renewalState.form = {\n      ...renewalState.form,\n      cvv,\n    };\n  }\n\n  static setSavedCards(cards: SavedCard[]) {\n    renewalState.form = {\n      ...renewalState.form,\n      savedCards: cards,\n    };\n  }\n\n  static setCheckoutResponse(response: CreateCardCheckoutResponse | CreateAPMCheckoutResponse) {\n    renewalState.form = {\n      ...renewalState.form,\n      checkoutResponse: response,\n    };\n  }\n\n  static setUserIdentification(identification: { documentType?: string; documentNumber?: string }) {\n    renewalState.form = {\n      ...renewalState.form,\n      userIdentification: {\n        ...renewalState.form.userIdentification,\n        ...identification,\n      },\n    };\n  }\n\n  static clearRenewal() {\n    renewalState.data = initialRenewalState.data;\n    renewalState.form = initialRenewalState.form;\n    renewalState.isInitialized = false;\n  }\n\n  static getRenewalState(): RenewalSessionState {\n    return renewalState;\n  }\n\n  static setCardId(cardId: string) {\n    renewalState.data.cardId = cardId;\n  }\n\n  static setCardTokenId(cardTokenId: string) {\n    renewalState.data.cardTokenId = cardTokenId;\n  }\n\n  static setFetchingInstallments(fetchingInstallments: boolean) {\n    renewalState.fetchingInstallments = fetchingInstallments;\n  }\n\n  static setCardInformation(cardInformation: {\n    brand: string;\n    type: string;\n    isoCountry: string;\n    bank: string;\n    lastFour?: string;\n    installments: {\n      installments: {\n        model: ENUM_INSTALLMENT_MODEL;\n        cft: number;\n        installment: number;\n        totalAmount: number;\n        installmentAmount: number;\n        cftAmount: number;\n      }[];\n    };\n  }) {\n    if (cardInformation) {\n      renewalState.data.cardInformation = {\n        ...cardInformation,\n        installments: {\n          ...renewalState.data.cardInformation?.installments,\n          installments: cardInformation.installments.installments,\n          isAvailableInstallments: !!cardInformation.installments.installments.length,\n        },\n      };\n    } else {\n      renewalState.data.cardInformation = {\n        brand: '',\n        type: '',\n        isoCountry: '',\n        bank: '',\n        lastFour: '',\n        installments: {\n          isAvailableInstallments: false,\n          installments: [],\n          selectedInstallment: undefined,\n        },\n      };\n    }\n  }\n\n  static setSelectedBankId(bankId: string) {\n    renewalState.form = {\n      ...renewalState.form,\n      selectedBankId: bankId,\n    };\n  }\n\n  static setCardMode(cardMode: 'input' | 'select' | null) {\n    renewalState.cardMode = cardMode;\n  }\n\n  static setDeviceId(deviceId: string) {\n    renewalState.deviceId = deviceId;\n  }\n\n  static setProviderKey(providerKey: string) {\n    renewalState.providerKey = providerKey;\n  }\n}\n"],"names":["createStore"],"mappings":"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"}

package/dist/collection/components/checkout/discount-coupon/discount-coupon.js

@@ -99,11 +99,23 @@ export class DiscountCoupon {
         this.couponCode = '';
         this.isError = false;
     }
+    renderCouponChip({ couponCode, discountAmount, currency, readonly = false, onClick, onRemove, }) {
+        if (!couponCode) {
+            return null;
+        }
+        const hasDiscountAmount = typeof discountAmount === 'number';
+        return (h("div", { class: `coupon-chip${readonly ? ' coupon-chip--readonly' : ''}` }, h("rebill-icon", { name: "tag-sale", size: "16px" }), h("div", { class: "coupon-content", onClick: !readonly ? onClick : undefined }, h("rebill-typography", { variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, couponCode), hasDiscountAmount && (h("rebill-typography", { variant: "overline", color: COLORS_ENUM.GREEN }, "-$", formatAmountWithoutCurrency(discountAmount, currency)))), !readonly && onRemove && (h("div", { class: "coupon-close", onClick: onRemove }, h("rebill-icon", { name: "x", size: "20px", color: COLORS_ENUM.PRIMARY_DARK_TEXT })))));
+    }
     renderReadonlyView() {
         if (!this.readonlyCouponCode && this.readonlyDiscountAmount) {
             return null;
         }
-        return (h("div", { class: "coupon-chip coupon-chip--readonly" }, h("rebill-icon", { name: "tag-sale", size: "16px" }), h("div", { class: "coupon-content" }, h("rebill-typography", { variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.readonlyCouponCode), this.readonlyDiscountAmount && (h("rebill-typography", { variant: "overline", color: COLORS_ENUM.GREEN }, "-$", formatAmountWithoutCurrency(this.readonlyDiscountAmount, this.readonlyCurrency))))));
+        return this.renderCouponChip({
+            couponCode: this.readonlyCouponCode,
+            discountAmount: this.readonlyDiscountAmount ?? null,
+            currency: this.readonlyCurrency ?? null,
+            readonly: true,
+        });
     }
     render() {
         if (this.readonlyCouponCode) {
@@ -121,12 +133,19 @@ export class DiscountCoupon {
                 if (!this.couponCode.trim()) {
                     this.onCancelCoupon();
                 }
-            } }), h("rebill-button", { variant: "filled", theme: "primary-dark", size: "small", loading: this.isLoading, disabled: this.isLoading || !this.couponCode.trim(), onClick: () => this.onApplyCoupon(), style: { marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '3px' : '0px' } }, I18nService.translate('discountCoupons.apply')))), this.actionStatus === ACTION_STATUS.APPLIED && (h("div", { class: "coupon-chip" }, h("rebill-icon", { name: "tag-sale", size: "16px" }), h("div", { class: "coupon-content", onClick: () => (this.actionStatus = ACTION_STATUS.EDITING) }, h("rebill-typography", { variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, sessionState.data.pricing.discountCouponCode), h("rebill-typography", { variant: "overline", color: COLORS_ENUM.GREEN }, "-$", formatAmountWithoutCurrency(sessionState.data.pricing.discountAmount, sessionState.data.pricing.currency))), h("div", { class: "coupon-close", onClick: () => {
-                this.actionStatus = ACTION_STATUS.NOT_APPLIED;
-                this.couponCode = '';
-                SessionStore.setDiscount(null);
-                this.discountApplied.emit(false);
-            } }, h("rebill-icon", { name: "x", size: "20px", color: COLORS_ENUM.PRIMARY_DARK_TEXT })))))));
+            } }), h("rebill-button", { variant: "filled", theme: "primary-dark", size: "small", loading: this.isLoading, disabled: this.isLoading || !this.couponCode.trim(), onClick: () => this.onApplyCoupon(), style: { marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '3px' : '0px' } }, I18nService.translate('discountCoupons.apply')))), this.actionStatus === ACTION_STATUS.APPLIED &&
+            this.renderCouponChip({
+                couponCode: sessionState.data.pricing.discountCouponCode,
+                discountAmount: sessionState.data.pricing.discountAmount,
+                currency: sessionState.data.pricing.currency,
+                onClick: () => (this.actionStatus = ACTION_STATUS.EDITING),
+                onRemove: () => {
+                    this.actionStatus = ACTION_STATUS.NOT_APPLIED;
+                    this.couponCode = '';
+                    SessionStore.setDiscount(null);
+                    this.discountApplied.emit(false);
+                },
+            }))));
     }
     static get is() { return "discount-coupon"; }
     static get originalStyleUrls() {

package/dist/collection/components/checkout/discount-coupon/discount-coupon.js.map

@@ -1 +1 @@
-{"version":3,"file":"discount-coupon.js","sourceRoot":"","sources":["../../../../src/components/checkout/discount-coupon/discount-coupon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Prop, State } from '@stencil/core';\nimport { api } from '../../../api';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { formatAmountWithoutCurrency } from '../../../utils';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\nenum ACTION_STATUS {\n  EDITING = 'editing',\n  APPLIED = 'applied',\n  NOT_APPLIED = 'not_applied',\n}\n\n@Component({\n  tag: 'discount-coupon',\n  styleUrl: 'discount-coupon.css',\n  shadow: false,\n})\nexport class DiscountCoupon {\n  @Element() el: HTMLElement;\n  @Prop() hideLabel: boolean = false;\n  @Prop() displayMode: 'editable' | 'readonly' = 'editable';\n  @Prop() readonlyCouponCode?: string;\n  @Prop() readonlyDiscountAmount?: number;\n  @Prop() readonlyCurrency?: string;\n  @State() couponCode: string = '';\n  @State() actionStatus: ACTION_STATUS = ACTION_STATUS.NOT_APPLIED;\n  @State() isLoading: boolean = false;\n  @State() isError: boolean = false;\n  @State() currentLocale: string = sessionState.currentLocale;\n  @Event() discountApplied: EventEmitter<boolean>;\n  private inputRef: HTMLRebillInputTextElement;\n  private unsubscribeCurrentLocaleStore?: () => void;\n\n  componentWillLoad() {\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n\n    if (this.readonlyCouponCode) {\n      return;\n    }\n\n    if (\n      sessionState.data.pricing.discountCouponCode &&\n      sessionState.data.pricing.discountAmount > 0\n    ) {\n      this.actionStatus = ACTION_STATUS.APPLIED;\n      this.couponCode = sessionState.data.pricing.discountCouponCode;\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n  }\n  componentDidUpdate() {\n    if (this.readonlyCouponCode) {\n      return;\n    }\n\n    if (this.actionStatus === ACTION_STATUS.EDITING && this.inputRef) {\n      setTimeout(async () => {\n        const inputElement = await this.inputRef.getInputElement();\n        if (inputElement) {\n          inputElement.focus();\n        }\n      }, 0);\n    }\n  }\n\n  private async onApplyCoupon() {\n    if (this.readonlyCouponCode) return;\n    const sessionId = sessionState.data.sessionId;\n    if (!sessionId) {\n      return;\n    }\n    this.isLoading = true;\n    try {\n      const response = await api.discountCoupon.applyDiscountCoupon({\n        couponCode: this.couponCode,\n        quantity: 1,\n        sessionId: sessionId,\n        organizationId: sessionState.data.organization.id,\n      });\n      this.actionStatus = ACTION_STATUS.APPLIED;\n      SessionStore.setDiscount({\n        couponCode: this.couponCode,\n        amount: response.amount,\n        discountType: response.discountType,\n        discountAmount: response.discountedAmount,\n        discountedPercentage: response?.discountedPercentage || 0,\n        discountDuration: response?.discountDuration || null,\n      });\n      this.discountApplied.emit(true);\n    } catch (error) {\n      this.actionStatus = ACTION_STATUS.EDITING;\n      this.discountApplied.emit(false);\n      this.isError = true;\n      SessionStore.setDiscount(null);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private onCancelCoupon() {\n    if (this.readonlyCouponCode) return;\n    this.actionStatus = ACTION_STATUS.NOT_APPLIED;\n    this.couponCode = '';\n    this.isError = false;\n  }\n\n  private renderReadonlyView() {\n    if (!this.readonlyCouponCode && this.readonlyDiscountAmount) {\n      return null;\n    }\n\n    return (\n      <div class=\"coupon-chip coupon-chip--readonly\">\n        <rebill-icon name=\"tag-sale\" size=\"16px\" />\n        <div class=\"coupon-content\">\n          <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n            {this.readonlyCouponCode}\n          </rebill-typography>\n          {this.readonlyDiscountAmount && (\n            <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREEN}>\n              -$\n              {formatAmountWithoutCurrency(\n                this.readonlyDiscountAmount,\n                this.readonlyCurrency as any,\n              )}\n            </rebill-typography>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    if (this.readonlyCouponCode) {\n      return this.renderReadonlyView();\n    }\n\n    return (\n      <div>\n        <div\n          class=\"summary-row\"\n          style={{\n            alignItems: this.actionStatus === ACTION_STATUS.EDITING ? 'flex-start' : 'center',\n            display: 'flex',\n          }}\n        >\n          {!this.hideLabel && (\n            <rebill-typography\n              variant=\"body2\"\n              style={{ marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '7px' : '0px' }}\n            >\n              {I18nService.translate('discountCoupons.discount')}\n            </rebill-typography>\n          )}\n          {this.actionStatus === ACTION_STATUS.NOT_APPLIED && (\n            <rebill-button\n              variant=\"filled\"\n              size=\"small\"\n              theme=\"primary-dark\"\n              onClick={() => (this.actionStatus = ACTION_STATUS.EDITING)}\n            >\n              {I18nService.translate('discountCoupons.addDiscount')}\n            </rebill-button>\n          )}\n          {this.actionStatus === ACTION_STATUS.EDITING && (\n            <div class=\"summary-row\" style={{ alignItems: 'flex-start', display: 'flex' }}>\n              <rebill-input-text\n                ref={el => (this.inputRef = el)}\n                id=\"discountCoupon\"\n                value={this.couponCode}\n                placeholder={I18nService.translate('discountCoupons.addDiscount')}\n                disabled={this.isLoading}\n                error={this.isError ? I18nService.translate('discountCoupons.error') : ''}\n                clearable={true}\n                uppercase={true}\n                onInput={e => {\n                  e.stopPropagation();\n                  if (e.detail && e.detail.value !== undefined) {\n                    this.couponCode = e.detail.value;\n                  }\n                }}\n                onBlur={() => {\n                  if (!this.couponCode.trim()) {\n                    this.onCancelCoupon();\n                  }\n                }}\n              />\n              <rebill-button\n                variant=\"filled\"\n                theme=\"primary-dark\"\n                size=\"small\"\n                loading={this.isLoading}\n                disabled={this.isLoading || !this.couponCode.trim()}\n                onClick={() => this.onApplyCoupon()}\n                style={{ marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '3px' : '0px' }}\n              >\n                {I18nService.translate('discountCoupons.apply')}\n              </rebill-button>\n            </div>\n          )}\n          {this.actionStatus === ACTION_STATUS.APPLIED && (\n            <div class=\"coupon-chip\">\n              <rebill-icon name=\"tag-sale\" size=\"16px\" />\n              <div\n                class=\"coupon-content\"\n                onClick={() => (this.actionStatus = ACTION_STATUS.EDITING)}\n              >\n                <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n                  {sessionState.data.pricing.discountCouponCode}\n                </rebill-typography>\n                <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREEN}>\n                  -$\n                  {formatAmountWithoutCurrency(\n                    sessionState.data.pricing.discountAmount,\n                    sessionState.data.pricing.currency,\n                  )}\n                </rebill-typography>\n              </div>\n              <div\n                class=\"coupon-close\"\n                onClick={() => {\n                  this.actionStatus = ACTION_STATUS.NOT_APPLIED;\n                  this.couponCode = '';\n                  SessionStore.setDiscount(null);\n                  this.discountApplied.emit(false);\n                }}\n              >\n                <rebill-icon name=\"x\" size=\"20px\" color={COLORS_ENUM.PRIMARY_DARK_TEXT} />\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"discount-coupon.js","sourceRoot":"","sources":["../../../../src/components/checkout/discount-coupon/discount-coupon.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, h, JSX, Prop, State } from '@stencil/core';\nimport { api } from '../../../api';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { formatAmountWithoutCurrency } from '../../../utils';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\nenum ACTION_STATUS {\n  EDITING = 'editing',\n  APPLIED = 'applied',\n  NOT_APPLIED = 'not_applied',\n}\n\n@Component({\n  tag: 'discount-coupon',\n  styleUrl: 'discount-coupon.css',\n  shadow: false,\n})\nexport class DiscountCoupon {\n  @Element() el: HTMLElement;\n  @Prop() hideLabel: boolean = false;\n  @Prop() displayMode: 'editable' | 'readonly' = 'editable';\n  @Prop() readonlyCouponCode?: string;\n  @Prop() readonlyDiscountAmount?: number;\n  @Prop() readonlyCurrency?: string;\n  @State() couponCode: string = '';\n  @State() actionStatus: ACTION_STATUS = ACTION_STATUS.NOT_APPLIED;\n  @State() isLoading: boolean = false;\n  @State() isError: boolean = false;\n  @State() currentLocale: string = sessionState.currentLocale;\n  @Event() discountApplied: EventEmitter<boolean>;\n  private inputRef: HTMLRebillInputTextElement;\n  private unsubscribeCurrentLocaleStore?: () => void;\n\n  componentWillLoad() {\n    this.unsubscribeCurrentLocaleStore = SessionStore.onChange('currentLocale', () => {\n      this.currentLocale = sessionState.currentLocale;\n    });\n\n    if (this.readonlyCouponCode) {\n      return;\n    }\n\n    if (\n      sessionState.data.pricing.discountCouponCode &&\n      sessionState.data.pricing.discountAmount > 0\n    ) {\n      this.actionStatus = ACTION_STATUS.APPLIED;\n      this.couponCode = sessionState.data.pricing.discountCouponCode;\n    }\n  }\n\n  disconnectedCallback() {\n    if (this.unsubscribeCurrentLocaleStore) {\n      this.unsubscribeCurrentLocaleStore();\n    }\n  }\n  componentDidUpdate() {\n    if (this.readonlyCouponCode) {\n      return;\n    }\n\n    if (this.actionStatus === ACTION_STATUS.EDITING && this.inputRef) {\n      setTimeout(async () => {\n        const inputElement = await this.inputRef.getInputElement();\n        if (inputElement) {\n          inputElement.focus();\n        }\n      }, 0);\n    }\n  }\n\n  private async onApplyCoupon() {\n    if (this.readonlyCouponCode) return;\n    const sessionId = sessionState.data.sessionId;\n    if (!sessionId) {\n      return;\n    }\n    this.isLoading = true;\n    try {\n      const response = await api.discountCoupon.applyDiscountCoupon({\n        couponCode: this.couponCode,\n        quantity: 1,\n        sessionId: sessionId,\n        organizationId: sessionState.data.organization.id,\n      });\n      this.actionStatus = ACTION_STATUS.APPLIED;\n      SessionStore.setDiscount({\n        couponCode: this.couponCode,\n        amount: response.amount,\n        discountType: response.discountType,\n        discountAmount: response.discountedAmount,\n        discountedPercentage: response?.discountedPercentage || 0,\n        discountDuration: response?.discountDuration || null,\n      });\n      this.discountApplied.emit(true);\n    } catch (error) {\n      this.actionStatus = ACTION_STATUS.EDITING;\n      this.discountApplied.emit(false);\n      this.isError = true;\n      SessionStore.setDiscount(null);\n    } finally {\n      this.isLoading = false;\n    }\n  }\n\n  private onCancelCoupon() {\n    if (this.readonlyCouponCode) return;\n    this.actionStatus = ACTION_STATUS.NOT_APPLIED;\n    this.couponCode = '';\n    this.isError = false;\n  }\n\n  private renderCouponChip({\n    couponCode,\n    discountAmount,\n    currency,\n    readonly = false,\n    onClick,\n    onRemove,\n  }: {\n    couponCode?: string;\n    discountAmount?: number | null;\n    currency?: string | null;\n    readonly?: boolean;\n    onClick?: () => void;\n    onRemove?: () => void;\n  }): JSX.Element | null {\n    if (!couponCode) {\n      return null;\n    }\n\n    const hasDiscountAmount = typeof discountAmount === 'number';\n\n    return (\n      <div class={`coupon-chip${readonly ? ' coupon-chip--readonly' : ''}`}>\n        <rebill-icon name=\"tag-sale\" size=\"16px\" />\n        <div class=\"coupon-content\" onClick={!readonly ? onClick : undefined}>\n          <rebill-typography variant=\"overline\" color={COLORS_ENUM.PRIMARY_DARK_TEXT}>\n            {couponCode}\n          </rebill-typography>\n          {hasDiscountAmount && (\n            <rebill-typography variant=\"overline\" color={COLORS_ENUM.GREEN}>\n              -$\n              {formatAmountWithoutCurrency(discountAmount as number, currency as any)}\n            </rebill-typography>\n          )}\n        </div>\n        {!readonly && onRemove && (\n          <div class=\"coupon-close\" onClick={onRemove}>\n            <rebill-icon name=\"x\" size=\"20px\" color={COLORS_ENUM.PRIMARY_DARK_TEXT} />\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  private renderReadonlyView() {\n    if (!this.readonlyCouponCode && this.readonlyDiscountAmount) {\n      return null;\n    }\n\n    return this.renderCouponChip({\n      couponCode: this.readonlyCouponCode,\n      discountAmount: this.readonlyDiscountAmount ?? null,\n      currency: this.readonlyCurrency ?? null,\n      readonly: true,\n    });\n  }\n\n  render() {\n    if (this.readonlyCouponCode) {\n      return this.renderReadonlyView();\n    }\n\n    return (\n      <div>\n        <div\n          class=\"summary-row\"\n          style={{\n            alignItems: this.actionStatus === ACTION_STATUS.EDITING ? 'flex-start' : 'center',\n            display: 'flex',\n          }}\n        >\n          {!this.hideLabel && (\n            <rebill-typography\n              variant=\"body2\"\n              style={{ marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '7px' : '0px' }}\n            >\n              {I18nService.translate('discountCoupons.discount')}\n            </rebill-typography>\n          )}\n          {this.actionStatus === ACTION_STATUS.NOT_APPLIED && (\n            <rebill-button\n              variant=\"filled\"\n              size=\"small\"\n              theme=\"primary-dark\"\n              onClick={() => (this.actionStatus = ACTION_STATUS.EDITING)}\n            >\n              {I18nService.translate('discountCoupons.addDiscount')}\n            </rebill-button>\n          )}\n          {this.actionStatus === ACTION_STATUS.EDITING && (\n            <div class=\"summary-row\" style={{ alignItems: 'flex-start', display: 'flex' }}>\n              <rebill-input-text\n                ref={el => (this.inputRef = el)}\n                id=\"discountCoupon\"\n                value={this.couponCode}\n                placeholder={I18nService.translate('discountCoupons.addDiscount')}\n                disabled={this.isLoading}\n                error={this.isError ? I18nService.translate('discountCoupons.error') : ''}\n                clearable={true}\n                uppercase={true}\n                onInput={e => {\n                  e.stopPropagation();\n                  if (e.detail && e.detail.value !== undefined) {\n                    this.couponCode = e.detail.value;\n                  }\n                }}\n                onBlur={() => {\n                  if (!this.couponCode.trim()) {\n                    this.onCancelCoupon();\n                  }\n                }}\n              />\n              <rebill-button\n                variant=\"filled\"\n                theme=\"primary-dark\"\n                size=\"small\"\n                loading={this.isLoading}\n                disabled={this.isLoading || !this.couponCode.trim()}\n                onClick={() => this.onApplyCoupon()}\n                style={{ marginTop: this.actionStatus === ACTION_STATUS.EDITING ? '3px' : '0px' }}\n              >\n                {I18nService.translate('discountCoupons.apply')}\n              </rebill-button>\n            </div>\n          )}\n          {this.actionStatus === ACTION_STATUS.APPLIED &&\n            this.renderCouponChip({\n              couponCode: sessionState.data.pricing.discountCouponCode,\n              discountAmount: sessionState.data.pricing.discountAmount,\n              currency: sessionState.data.pricing.currency,\n              onClick: () => (this.actionStatus = ACTION_STATUS.EDITING),\n              onRemove: () => {\n                this.actionStatus = ACTION_STATUS.NOT_APPLIED;\n                this.couponCode = '';\n                SessionStore.setDiscount(null);\n                this.discountApplied.emit(false);\n              },\n            })}\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/collection/components/checkout/rebill-footer/rebill-footer.css

@@ -9,7 +9,8 @@
   justify-content: space-between;
   align-items: center;
   width: 100%;
-  margin: 18px;
+  margin-bottom: 18px;
+  margin-top: 18px;
 }
 
 .terms-and-conditions {

package/dist/collection/components/renewal/rebill-renewal.js

@@ -445,7 +445,7 @@ export class RebillRenewal {
         if (!renewalState.isInitialized) {
             return h("div", { class: "loading" }, I18nService.translate('renewal.loading'));
         }
-        const renderRenewalSummary = props => (h("renewal-summary", { totalAmount: renewalState.data.price.amount, currency: renewalState.data.price.currency, subscriptionTitle: renewalState.data.subscription.name[0]?.text || 'Subscription', subscriptionAmount: renewalState.data.subscription.amount, nextChargeDate: renewalState.data.subscription.nextChargeDate, frequency: renewalState.data.subscription.frequency, couponCode: renewalState.data.price.couponCode, discountAmount: renewalState.data.price.discountedAmount, discountPercentage: renewalState.data.price.discountPercentage, ...props }));
+        const renderRenewalSummary = props => (h("renewal-summary", { totalAmount: renewalState.data.price.amount, subTotalAmount: renewalState.data.subscription.subTotalAmount, currency: renewalState.data.price.currency, subscriptionTitle: renewalState.data.subscription.name[0]?.text || 'Subscription', subscriptionAmount: renewalState.data.subscription.amount, nextChargeDate: renewalState.data.subscription.nextChargeDate, frequency: renewalState.data.subscription.frequency, couponCode: renewalState.data.price.couponCode, discountAmount: renewalState.data.price.discountedAmount, discountPercentage: renewalState.data.price.discountPercentage, ...props }));
         return (h(h.Fragment, null, h("rebill-processing-payment", { style: { display: this.isCardSubmitting ? 'block' : 'none' } }), this.isCardSuccess ? (h("renewal-success-page", { typePaymentMethod: this.currentPaymentMethod, paymentDate: this.getPaymentDate(), referenceNumber: this.getReferenceNumber(), cardLastFour: renewalState.data.subscription.cardLastFour, country: renewalState.data.price.country, paymentMethodName: PaymentMethodMapper.mapToAPMPaymentMethod(this.currentPaymentMethod, renewalState.data?.price?.country), bank: renewalState.form?.selectedBankId || '' })) : (h("rebill-checkout-form", { style: { display: this.isCardSubmitting || this.isCardSuccess ? 'none' : 'block' }, validationSchema: this.validationSchema, initialData: this.initialData, onSubmit: (args) => this.handleSubmit(args), renderForm: ({ submit, formData, errors }) => (h("div", { class: "rebill-checkout-renewal" }, h("div", { class: "left-section" }, h("div", { class: "left-section-container" }, h("organization-logo", { organization: renewalState.data.organization }), h("div", { class: "checkout-form-section" }, h("user-information-static", { userInfo: {
                     customerName: renewalState.data.subscription.customerName,
                     customerEmail: renewalState.data.subscription.customerEmail,

package/dist/collection/components/renewal/rebill-renewal.js.map

@@ -1 +1 @@
-{"version":3,"file":"rebill-renewal.js","sourceRoot":"","sources":["../../../src/components/renewal/rebill-renewal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACvF,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,GAAG,EAAW,MAAM,WAAW,CAAC;AAEzC,OAAO,EACL,eAAe,GAIhB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,yDAAyD,CAAC;AACjE,OAAO,iEAAiE,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAC;AAE9E,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3F,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AAC9E,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAkB,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtF,OAAO,EAEL,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,kCAAkC,CAAC;AAO1C,MAAM,OAAO,aAAa;IAChB,WAAW,CAAU;IACrB,YAAY,CAAU;IAErB,oBAAoB,GAAwB,mBAAmB,CAAC,IAAI,CAAC;IACrE,YAAY,GAAY,KAAK,CAAC;IAC9B,gBAAgB,GAAY,KAAK,CAAC;IAClC,aAAa,GAAY,KAAK,CAAC;IAC/B,YAAY,GAA0B,IAAI,CAAC;IAC3C,UAAU,GAAoB,eAAe,CAAC,OAAO,CAAC;IACtD,gBAAgB,GAAY,KAAK,CAAC;IAClC,eAAe,GAAY,KAAK,CAAC;IACjC,WAAW,GAAQ,EAAE,CAAC;IACtB,gBAAgB,GAAqC,IAAI,CAAC;IAC1D,uBAAuB,GAA8B,IAAI,CAAC;IAC1D,SAAS,GAAc,EAAE,CAAC;IAC1B,iBAAiB,GAAyB,EAAE,CAAC;IAC7C,qBAAqB,GAAa,EAAE,CAAC;IACrC,gBAAgB,GAAY,KAAK,CAAC;IAClC,QAAQ,GAA8B,QAAQ,CAAC;IAE/C,OAAO,CAAoB;IAC3B,YAAY,CAAoB;IAChC,qBAAqB,CAAoC;IAE1D,gBAAgB,GAAG;QACzB,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE;YACnC,EAAE,EAAE,GAAG,EAAE,CACP,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO;YACzF,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,0BAA0B,CAAC;YAC3D,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE;SAC1C,CAAC;QACF,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE;YACvC,EAAE,EAAE,GAAG,EAAE,CACP,eAAe,CAAC,iBAAiB,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO;YAC7F,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,4BAA4B,CAAC;YAC7D,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE;SAC1C,CAAC;QACF,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE;YACrC,EAAE,EAAE,GAAG,EAAE,CACP,eAAe,CAAC,eAAe,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO;YAC3F,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,0BAA0B,CAAC;YAC3D,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE;SAC1C,CAAC;QACF,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE;YACvC,EAAE,EAAE,GAAG,EAAE,CACP,eAAe,CAAC,iBAAiB,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO;YAC7F,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,4BAA4B,CAAC;YAC7D,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE;SAC1C,CAAC;QACF,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE;YACpC,EAAE,EAAE,GAAG,EAAE,CACP,eAAe,CAAC,cAAc,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO;YAC1F,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,yBAAyB,CAAC;YAC1D,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE;SAC1C,CAAC;QACF,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE;YACnC,EAAE,EAAE,GAAG,EAAE,CACP,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO;YACzF,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,wBAAwB,CAAC;YACzD,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE;SAC1C,CAAC;QACF,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE;YAC9B,EAAE,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,CAAC;YAC/D,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,yBAAyB,CAAC;YAC1D,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE;SAC1C,CAAC;QACF,cAAc,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE;YACpC,EAAE,EAAE,GAAG,EAAE,CACP,eAAe,CAAC,cAAc,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO;YAC1F,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,iCAAiC,CAAC;YAClE,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE;SAC1C,CAAC;QACF,gBAAgB,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE;YACtC,EAAE,EAAE,GAAG,EAAE,CACP,eAAe,CAAC,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO;YAC5F,IAAI,EAAE,MAAM,CAAC,EAAE,CACb,MAAM,CAAC,QAAQ,CAAC,mCAAmC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,4BAA4B,CAAC;YAC3F,SAAS,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE;SAC1C,CAAC;KACH,CAAC;IAEM,aAAa,GAAG,GAAG,EAAE;QAC3B,IAAI,CAAC,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACrD,CAAC,CAAC;IAEF,KAAK,CAAC,iBAAiB;QACrB,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAEtD,MAAM,YAAY,GAChB,OAAO,IAAI,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;QAEzF,YAAY,CAAC,iBAAiB,CAAC;YAC7B,GAAG,YAAY;YACf,KAAK,EAAE,IAAI,CAAC,YAAY;SACzB,CAAC,CAAC;QAEH,mDAAmD;QACnD,iBAAiB,CAAC,oBAAoB,EAAE,CAAC;QAEzC,sBAAsB;QACtB,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;YAC/C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC;QACjC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;QACnD,CAAC;QAED,4BAA4B;QAC5B,IAAI,CAAC;YACH,IAAI,CAAC,iBAAiB,GAAG,MAAM,2BAA2B,EAAE,CAAC;QAC/D,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,KAAK,CAAC,CAAC;QACzD,CAAC;QAED,IAAI,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAChD,IAAI,oBAAoB,GAA+B,IAAI,CAAC;YAE5D,IAAI,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,aAAa,EAAE,CAAC;gBAClD,MAAM,yBAAyB,GAC7B,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC;gBAC7D,MAAM,YAAY,GAChB,yBAAyB,KAAK,MAAM;oBAClC,CAAC,CAAC,mBAAmB,CAAC,IAAI;oBAC1B,CAAC,CAAC,yBAAyB,KAAK,eAAe;wBAC7C,CAAC,CAAC,mBAAmB,CAAC,aAAa;wBACnC,CAAC,CAAC,IAAI,CAAC;gBAEb,IAAI,YAAY,EAAE,CAAC;oBACjB,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC;oBAC1F,IAAI,WAAW,EAAE,CAAC;wBAChB,oBAAoB,GAAG,YAAY,CAAC;oBACtC,CAAC;gBACH,CAAC;YACH,CAAC;YAED,IAAI,CAAC,oBAAoB,EAAE,CAAC;gBAC1B,oBAAoB,GAAG,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,IAA2B,CAAC;YACzF,CAAC;YAED,IAAI,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;YACjD,YAAY,CAAC,wBAAwB,CAAC,oBAAoB,CAAC,CAAC;YAE5D,IAAI,oBAAoB,KAAK,mBAAmB,CAAC,IAAI,EAAE,CAAC;gBACtD,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;gBACxB,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YACpC,CAAC;YAED,IAAI,CAAC;gBACH,IAAI,CAAC,qBAAqB,GAAG,0BAA0B,CACrD,oBAAoB,EACpB,IAAI,CAAC,iBAAiB,CACvB,CAAC,MAAM,CAAC;YACX,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,2CAA2C,EAAE,KAAK,CAAC,CAAC;YACpE,CAAC;YAED,MAAM,IAAI,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,CAAC;QACzD,CAAC;QAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC;QAEzC,eAAe,CAAC,UAAU,EAAE,GAAG,EAAE;YAC/B,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAC;QACxC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;QAClB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;IAC3D,CAAC;IAGD,KAAK,CAAC,2BAA2B,CAAC,KAAuC;QACvE,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,IAAI,CAAC,oBAAoB,KAAK,KAAK,CAAC,MAAM,EAAE,CAAC;YAC/C,OAAO;QACT,CAAC;QAED,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC,MAAM,CAAC;QACzC,YAAY,CAAC,wBAAwB,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QAEjE,2DAA2D;QAC3D,IAAI,IAAI,CAAC,oBAAoB,KAAK,mBAAmB,CAAC,IAAI,EAAE,CAAC;YAC3D,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC;YACxB,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACpC,CAAC;QAED,oDAAoD;QACpD,IAAI,CAAC;YACH,IAAI,CAAC,qBAAqB,GAAG,0BAA0B,CACrD,IAAI,CAAC,oBAAoB,EACzB,IAAI,CAAC,iBAAiB,CACvB,CAAC,MAAM,CAAC;QACX,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,2CAA2C,EAAE,KAAK,CAAC,CAAC;QACpE,CAAC;QAED,oDAAoD;QAEpD,oDAAoD;QACpD,MAAM,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QAE5D,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAChD,CAAC;IAEO,KAAK,CAAC,qBAAqB,CAAC,aAAkC;QACpE,6EAA6E;QAC7E,IAAI,aAAa,KAAK,mBAAmB,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;YACzE,IAAI,CAAC;gBACH,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;gBACjC,MAAM,mBAAmB,GAAG,MAAM,GAAG,CAAC,WAAW,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;gBACvE,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC/B,MAAM,MAAM,GAAG,mBAAmB,CAAC,MAAM,CAAC,MAAM,CAAC;gBACjD,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;gBACvD,aAAa,CAAC,SAAS,GAAG,MAAM,CAAC;gBACjC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC;YAC3C,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,mCAAmC,EAAE,KAAK,CAAC,CAAC;YAC5D,CAAC;QACH,CAAC;IACH,CAAC;IAGD,kBAAkB,CAAC,KAA0B;QAC3C,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,YAAY,CAAC,iBAAiB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC;IAGD,kBAAkB,CAAC,KAAqD;QACtE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QACnC,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;QACnC,YAAY,CAAC,MAAM,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;IACjC,CAAC;IAED,IAAY,mBAAmB;QAC7B,IAAI,IAAI,CAAC,oBAAoB,KAAK,mBAAmB,CAAC,IAAI,EAAE,CAAC;YAC3D,OAAO,IAAI,CAAC,gBAAgB,CAAC;QAC/B,CAAC;aAAM,IACL,IAAI,CAAC,oBAAoB,KAAK,mBAAmB,CAAC,IAAI;YACtD,IAAI,CAAC,oBAAoB,KAAK,mBAAmB,CAAC,aAAa,EAC/D,CAAC;YACD,OAAO,IAAI,CAAC,eAAe,CAAC;QAC9B,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAEO,KAAK,CAAC,YAAY,CAAC,KAAmB;QAC5C,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,oBAAoB,KAAK,mBAAmB,CAAC,IAAI,EAAE,CAAC;YAC3D,MAAM,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QACtC,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,iBAAiB,CAAC,KAAmB;QACjD,MAAM,QAAQ,GAAG,KAAK,EAAE,MAAM,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;QAExD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAChE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACpE,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;QAC9B,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAE9B,IAAI,CAAC;YACH,MAAM,cAAc,GAA8B;gBAChD,WAAW,EAAE;oBACX,QAAQ,EAAE,CAAC;iBACZ;gBACD,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACrE,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,WAAW,EAAE,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;gBACpF,gBAAgB,EAAE;oBAChB,GAAG,CAAC,YAAY,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,YAAY,CAAC,QAAQ,EAAE,CAAC;iBAClE;gBACD,GAAG,CAAC,IAAI,CAAC,QAAQ,KAAK,OAAO,IAAI;oBAC/B,QAAQ,EAAE;wBACR,SAAS,EACP,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;4BAChC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;wBAC5D,QAAQ,EACN,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;4BAChD,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;wBAC5E,KAAK,EAAE,QAAQ,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa;wBACrE,KAAK,EAAE;4BACL,WAAW,EAAE,QAAQ,CAAC,sBAAsB,IAAI,EAAE;4BAClD,MAAM,EAAE,QAAQ,CAAC,WAAW,IAAI,EAAE;yBACnC;qBACF;oBACD,cAAc,EAAE;wBACd,OAAO,EAAE;4BACP,OAAO,EAAE,QAAQ,CAAC,iBAAiB,CAAC,IAAI,EAAE;4BAC1C,IAAI,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE;4BACpC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE;4BACtC,OAAO,EAAE,QAAQ,CAAC,iBAAiB,CAAC,IAAI,EAAE;4BAC1C,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC,IAAI,EAAE;yBACvC;wBACD,cAAc,EAAE;4BACd,IAAI,EAAE,QAAQ,CAAC,YAAY,IAAI,EAAE;4BACjC,KAAK,EAAE,QAAQ,CAAC,cAAc,IAAI,EAAE;yBACrC;qBACF;iBACF,CAAC;aACH,CAAC;YAEF,MAAM,cAAc,GAAG,sBAAsB,EAAE,CAAC;YAChD,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,QAAQ,CAAC,yBAAyB,CAC3D,YAAY,CAAC,IAAI,CAAC,EAAE,EACpB,cAAc,EACd,cAAc,EACd,YAAY,CAAC,KAAK,CACnB,CAAC;YAEF,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;YAC9B,YAAY,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAC/B,YAAY,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAEhD,IAAI,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,eAAe,CAAC,QAAQ,EAAE,CAAC;gBAC5E,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;gBAC3B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;gBAC7B,IAAI,CAAC,YAAY,GAAG;oBAClB,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,OAA0B;iBAChE,CAAC;YACJ,CAAC;QACH,CAAC;QAAC,OAAO,KAAU,EAAE,CAAC;YACpB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC;YAC9B,YAAY,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAE/B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAC7B,IAAI,CAAC,YAAY,GAAG;gBAClB,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,OAA0B;aACvD,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,KAAK,CAAC,gBAAgB,CAAC,KAAmB;QAChD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAE9B,IAAI,CAAC;YACH,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,qBAAqB,CAChE,IAAI,CAAC,oBAAoB,EACzB,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAChC,CAAC;YAEF,sDAAsD;YACtD,MAAM,QAAQ,GAAG,KAAK,EAAE,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;YAErD,kEAAkE;YAClE,MAAM,cAAc,GAAG;gBACrB,OAAO,EAAE;oBACP,OAAO,EAAE,QAAQ,CAAC,iBAAiB,CAAC;oBACpC,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,IAAI,EAAE;oBACtC,IAAI,EAAE,QAAQ,CAAC,cAAc,CAAC,IAAI,EAAE;oBACpC,OAAO,EAAE,QAAQ,CAAC,aAAa,CAAC,IAAI,EAAE;oBACtC,OAAO,EAAE,QAAQ,CAAC,iBAAiB,CAAC,IAAI,EAAE;iBAC3C;gBACD,cAAc,EAAE;oBACd,IAAI,EAAE,QAAQ,CAAC,YAAY,IAAI,KAAK;oBACpC,KAAK,EAAE,QAAQ,CAAC,cAAc,IAAI,EAAE;iBACrC;aACF,CAAC;YAEF,MAAM,cAAc,GAA6B;gBAC/C,WAAW,EAAE;oBACX,QAAQ,EAAE,CAAC;iBACZ;gBACD,MAAM,EAAE,gBAAgB;gBACxB,cAAc;gBACd,QAAQ,EAAE;oBACR,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,kBAAkB;oBACrD,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,kBAAkB;iBACtD;gBACD,eAAe,EAAE;oBACf,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,EAAE;oBAC7B,MAAM,EAAE,aAAa;iBACtB;gBACD,gBAAgB,EAAE;oBAChB,IAAI,EAAE,QAAQ,CAAC,MAAM,IAAI,EAAE;iBAC5B;gBACD,+DAA+D;gBAC/D,GAAG,CAAC,gBAAgB,KAAK,kBAAkB,CAAC,mBAAmB,IAAI;oBACjE,cAAc,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;iBACjD,CAAC;aACH,CAAC;YAEF,gCAAgC;YAChC,cAAc,CAAC,QAAQ,GAAG;gBACxB,SAAS,EACP,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;oBAChC,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;oBACzD,EAAE;gBACJ,QAAQ,EACN,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;oBAChD,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;oBACzE,EAAE;gBACJ,KAAK,EAAE,QAAQ,CAAC,KAAK,IAAI,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa;gBACrE,KAAK,EAAE;oBACL,WAAW,EAAE,QAAQ,CAAC,sBAAsB,IAAI,EAAE;oBAClD,MAAM,EAAE,QAAQ,CAAC,WAAW,IAAI,EAAE;iBACnC;aACF,CAAC;YAEF,MAAM,cAAc,GAAG,sBAAsB,EAAE,CAAC;YAChD,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,QAAQ,CAAC,wBAAwB,CAC1D,YAAY,CAAC,IAAI,CAAC,EAAE,EACpB,cAAc,EACd,cAAc,CACf,CAAC;YAEF,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,YAAY,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAC/B,YAAY,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAChD,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC;YACtC,IAAI,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,eAAe,CAAC,QAAQ,EAAE,CAAC;gBAC5E,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC5B,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBACtC,YAAY,CAAC,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;gBAChD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;gBAE5B,IAAI,CAAC,YAAY,GAAG;oBAClB,UAAU,EAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,OAA0B;oBAC5D,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,OAA0B;iBACzD,CAAC;YACJ,CAAC;QACH,CAAC;QAAC,OAAO,KAAU,EAAE,CAAC;YACpB,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;YAC1B,YAAY,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;YAC/B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC9B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAE5B,IAAI,CAAC,YAAY,GAAG;gBAClB,UAAU,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,OAA0B;gBACzD,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO;aACpC,CAAC;QACJ,CAAC;IACH,CAAC;IAEO,WAAW,GAAG,GAAG,EAAE;QACzB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC1B,CAAC,CAAC;IAEM,cAAc,GAAG,GAAG,EAAE;QAC5B,OAAO;YACL,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa;YACrD,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY;YACvD,MAAM,EAAE,EAAE;YACV,iBAAiB,EAAE,EAAE;YACrB,eAAe,EAAE,EAAE;YACnB,iBAAiB,EAAE,EAAE;YACrB,cAAc,EAAE,EAAE;YAClB,aAAa,EAAE,EAAE;YACjB,QAAQ,EAAE,EAAE;YACZ,aAAa,EAAE,EAAE;YACjB,wBAAwB,EAAE,EAAE;YAC5B,cAAc,EAAE,EAAE;YAClB,gBAAgB,EAAE,EAAE;SACrB,CAAC;IACJ,CAAC,CAAC;IAEM,mBAAmB,GAAG,GAAG,EAAE;QACjC,MAAM,aAAa,GAAG;YACpB,iBAAiB;YACjB,eAAe;YACf,iBAAiB;YACjB,cAAc;YACd,aAAa;SACd,CAAC;QACF,OAAO,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YACpC,OAAO,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;QACtC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEM,cAAc,GAAG,GAAW,EAAE;QACpC,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC;QACnD,IAAI,CAAC,OAAO;YAAE,OAAO,EAAE,CAAC;QAExB,IAAI,MAAM,IAAI,OAAO,EAAE,CAAC;YACtB,OAAO,OAAO,CAAC,IAAc,CAAC;QAChC,CAAC;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEM,kBAAkB,GAAG,GAAW,EAAE;QACxC,MAAM,OAAO,GAAG,YAAY,CAAC,IAAI,CAAC,gBAAgB,CAAC;QACnD,IAAI,CAAC,OAAO;YAAE,OAAO,EAAE,CAAC;QACxB,IAAI,SAAS,IAAI,OAAO,EAAE,CAAC;YACzB,OAAO,OAAO,CAAC,OAAiB,CAAC;QACnC,CAAC;QAED,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC;IAEF,MAAM;QACJ,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC;YAChC,OAAO,WAAK,KAAK,EAAC,SAAS,IAAE,WAAW,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAO,CAAC;QAC/E,CAAC;QAED,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE,CAAC,CACpC,uBACE,WAAW,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,EAC3C,QAAQ,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC1C,iBAAiB,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,IAAI,cAAc,EACjF,kBAAkB,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,EACzD,cAAc,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,EAC7D,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,SAAS,EACnD,UAAU,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAC9C,cAAc,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EACxD,kBAAkB,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAC1D,KAAK,GACT,CACH,CAAC;QAEF,OAAO,CACL;YACE,iCAA2B,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,GAAI;YAC1F,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CACpB,4BACE,iBAAiB,EAAE,IAAI,CAAC,oBAAoB,EAC5C,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,EAClC,eAAe,EAAE,IAAI,CAAC,kBAAkB,EAAE,EAC1C,YAAY,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,EACzD,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EACxC,iBAAiB,EAAE,mBAAmB,CAAC,qBAAqB,CAC1D,IAAI,CAAC,oBAAoB,EACzB,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,OAAO,CAClC,EACD,IAAI,EAAE,YAAY,CAAC,IAAI,EAAE,cAAc,IAAI,EAAE,GAC7C,CACH,CAAC,CAAC,CAAC,CACF,4BACE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,EAClF,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,QAAQ,EAAE,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAChD,UAAU,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAC5C,WAAK,KAAK,EAAC,yBAAyB;oBAClC,WAAK,KAAK,EAAC,cAAc;wBACvB,WAAK,KAAK,EAAC,wBAAwB;4BACjC,yBAAmB,YAAY,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,GAAI;4BAEnE,WAAK,KAAK,EAAC,uBAAuB;gCAEhC,+BACE,QAAQ,EAAE;wCACR,YAAY,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY;wCACzD,aAAa,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa;qCAC5D,GACD;gCAED,iBAAiB,CAAC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC;oCAC1D,oBAAoB,CAAC;wCACnB,mBAAmB,EAAE,QAAQ;qCAC9B,CAAC;gCAEH,iBAAiB,CAAC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC;oCAC1D,oBAAoB,CAAC;wCACnB,mBAAmB,EAAE,SAAS;qCAC/B,CAAC;gCAGJ,WAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE;oCACnE,+BACE,qBAAqB,EAAE;4CACrB,GAAG,IAAI,GAAG,CACR,YAAY,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAClC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAA2B,CACrC,CACF;yCACF,EACD,eAAe,EAAE,IAAI,CAAC,oBAAoB,EAC1C,cAAc,EAAE;4CACd,kBAAkB,EAAE,IAAI,CAAC,mBAAmB;4CAC5C,UAAU,EAAE,kBAAkB,CAAC,aAAa,CAC1C,IAAI,CAAC,oBAAoB,EACzB,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAC/B,IAAI,CAAC,YAAY,EAAE,UAAU,CAC9B;4CACD,OAAO,EAAE,kBAAkB,CAAC,eAAe,CACzC,IAAI,CAAC,YAAY,EAAE,OAAO,EAC1B,IAAI,CAAC,oBAAoB,EACzB,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAChC;yCACF,EACD,SAAS,EAAE;4CACT,eAAe,EAAE,IAAI,CAAC,gBAAgB;4CACtC,IAAI,EAAE,IAAI;yCACX,EACD,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EACxC,iBAAiB,EAAE,MAAM,EAAE,YAAY,EACvC,mBAAmB,EAAE,MAAM,EAAE,cAAc,EAC3C,YAAY,EACV,IAAI,CAAC,QAAQ,KAAK,OAAO;4CACzB,CAAC,eAAe,CAAC,cAAc,EAAE,IAAI,CAAC,qBAAqB,CAAC;gDAC1D,eAAe,CAAC,gBAAgB,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC,GAElE;oCAED,IAAI,CAAC,oBAAoB,KAAK,mBAAmB,CAAC,IAAI;wCACrD,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,aAAa;4CAC3C,mBAAmB,CAAC,IAAI,IAAI,CAC5B,oBACE,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,4BAA4B,EAAE;4CAC3D,YAAY,EACV,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,YAAY,IAAI,MAAM;yCAC1D,CAAC,EACF,IAAI,EAAC,eAAe,EACpB,OAAO,EAAC,UAAU,EAClB,SAAS,EAAE,WAAW,CAAC,OAAO,GAC9B,CACH;oCACF,IAAI,CAAC,QAAQ,KAAK,OAAO;wCACxB,eAAe,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,CACvD,WAAK,KAAK,EAAC,4BAA4B;wCACrC,4BACE,KAAK,EACH,cAAc,CACZ,MAAM,EACN,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,oBAAoB,CAAC,EAAE,QAAQ,CAC5D,IAAI,EAAE,EAET,qBAAqB,EAAE,QAAQ,CAAC,MAAM,IAAI,EAAE,EAC5C,KAAK,EAAE,MAAM,EAAE,MAAM,GACrB,CACE,CACP,CACC;gCACL,IAAI,CAAC,QAAQ,KAAK,OAAO;oCACxB,CAAC,eAAe,CAAC,iBAAiB,EAAE,IAAI,CAAC,qBAAqB,CAAC;wCAC7D,eAAe,CAAC,eAAe,EAAE,IAAI,CAAC,qBAAqB,CAAC;wCAC5D,eAAe,CAAC,iBAAiB,EAAE,IAAI,CAAC,qBAAqB,CAAC;wCAC9D,eAAe,CAAC,cAAc,EAAE,IAAI,CAAC,qBAAqB,CAAC;wCAC3D,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC,IAAI,CAC/D,WAAK,KAAK,EAAC,6BAA6B;oCACtC,sBACE,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;4CAC7C,KAAK,EAAE,OAAO,CAAC,OAAO;4CACtB,KAAK,EAAE,OAAO,CAAC,cAAc;yCAC9B,CAAC,CAAC,EACH,WAAW,EAAE,IAAI,CAAC,mBAAmB,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,EAC3D,MAAM,EAAE;4CACN,iBAAiB,EAAE,MAAM,CAAC,iBAAiB,CAAC;4CAC5C,eAAe,EAAE,MAAM,CAAC,eAAe,CAAC;4CACxC,iBAAiB,EAAE,MAAM,CAAC,iBAAiB,CAAC;4CAC5C,cAAc,EAAE,MAAM,CAAC,cAAc,CAAC;4CACtC,aAAa,EAAE,MAAM,CAAC,aAAa,CAAC;yCACrC,GACD,CACE,CACP;gCACF,IAAI,CAAC,QAAQ,KAAK,OAAO;oCACxB,eAAe,CAAC,aAAa,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAC5D,WAAK,KAAK,EAAC,4BAA4B;oCACrC,8BAAwB,KAAK,EAAE,MAAM,EAAE,WAAW,GAAI,CAClD,CACP;gCAGF,IAAI,CAAC,gBAAgB,EAAE,MAAM;oCAC5B,CAAC,IAAI,CAAC,oBAAoB,KAAK,mBAAmB,CAAC,IAAI;wCACrD,IAAI,CAAC,oBAAoB,KAAK,mBAAmB,CAAC,aAAa,CAAC,IAAI,CACpE,oBACE,aAAa,EAAE,IAAI,CAAC,oBAAoB,EACxC,WAAW,EACT,IAAI,CAAC,oBAAoB,KAAK,mBAAmB,CAAC,IAAI;wCACpD,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,WAAW;wCAC/C,CAAC,CAAC,SAAS,EAEf,UAAU,EACR,IAAI,CAAC,oBAAoB,KAAK,mBAAmB,CAAC,aAAa;wCAC7D,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM;wCAC1C,CAAC,CAAC,SAAS,EAEf,YAAY,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,EAAE,EACxD,cAAc,EAAE,CAAC,GAAG,EAAE;wCACpB,MAAM,cAAc,GAAG,IAAI,IAAI,EAAE,CAAC;wCAClC,cAAc,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;wCACtD,OAAO,cAAc,CAAC,WAAW,EAAE,CAAC;oCACtC,CAAC,CAAC,EAAE,EACJ,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EACxC,WAAW,EAAE,IAAI,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,GAClD,CACH;gCAEF,iBAAiB,CAAC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC;oCAC1D,oBAAoB,CAAC;wCACnB,mBAAmB,EAAE,SAAS;qCAC/B,CAAC;gCAEJ,WAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE;oCAEnE,sBACE,aAAa,EAAE,IAAI,CAAC,oBAAoB,EACxC,SAAS,EAAE,IAAI,CAAC,YAAY,EAC5B,SAAS,EAAE,IAAI,EACf,eAAe,EAAE,YAAY,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,EAC/D,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EACvD,cAAc,EAAE,IAAI,EACpB,OAAO,EAAE,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EACxC,UAAU,EAAE,YAAY,CAAC,oBAAoB,EAC7C,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,EAAE,GACxB;oCAGF,oBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,gBAAgB,EACxB,IAAI,EAAC,cAAc,EACnB,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,mBAAmB,CAAC,GACnD,CACE,CACF;4BACN,qBACE,KAAK,EAAE;oCACL,SAAS,EAAE,iBAAiB,CAAC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC;wCACpE,CAAC,CAAC,MAAM;wCACR,CAAC,CAAC,MAAM;iCACX,GACD,CACE,CACF;oBAGL,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,OAAO,CAAC,IAAI,CAC/D,WAAK,KAAK,EAAC,eAAe;wBACxB,WAAK,KAAK,EAAC,0BAA0B,IAClC,oBAAoB,CAAC;4BACpB,mBAAmB,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC;yBACtD,CAAC,CACE,CACF,CACP,CACG,CACP,GACD,CACH,CACA,CACJ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\nimport * as yup from 'yup';\nimport { api, Country } from '../../api';\nimport { SavedCard } from '../../api/entities/cards/types';\nimport {\n  CheckoutStatusE,\n  CreateAPMCheckoutRequest,\n  CreateAPMCheckoutResponse,\n  CreateCardCheckoutRequest,\n} from '../../api/entities/checkout/types';\nimport '../../components/checkout/apm/apm-checkout/apm-checkout';\nimport '../../components/checkout/processing-payment/processing-payment';\nimport { I18nService } from '../../i18n/i18n.service';\n\nimport { PaymentMethodNameE } from '../../models/enums/payment-method-name.enum';\nimport { PAYMENT_METHOD_ENUM } from '../../models/enums/payment-methods.enum';\nimport { PaymentMessageE } from '../../models/enums/payment-status.enum';\nimport { onChange as renewalOnChange, renewalState, RenewalStore } from '../../store/renewal.store';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../utils/color-class-mapper';\nimport { generateIdempotencyKey } from '../../utils/generate-idempotency-key';\nimport { GoogleMapsService } from '../../utils/google-maps.service';\nimport { AlertErrorKeys, PaymentErrorMapper } from '../../utils/payment-error-mapper';\nimport { PaymentMethodMapper } from '../../utils/payment-method-mapper';\nimport { getFieldValues, isFieldRequired } from '../../utils/required-fields-mappers';\nimport {\n  AllRequiredFieldsMap,\n  getAllRequiredFieldsRenewal,\n  getRequiredFieldsForMethod,\n} from './utils/getRequiredFieldsRenewal';\n\n@Component({\n  tag: 'rebill-renewal',\n  styleUrl: 'rebill-renewal.css',\n  shadow: false,\n})\nexport class RebillRenewal {\n  @Prop() renewalData!: string;\n  @Prop() renewalToken!: string;\n\n  @State() currentPaymentMethod: PAYMENT_METHOD_ENUM = PAYMENT_METHOD_ENUM.CARD;\n  @State() isSubmitting: boolean = false;\n  @State() isCardSubmitting: boolean = false;\n  @State() isCardSuccess: boolean = false;\n  @State() errorMessage: AlertErrorKeys | null = null;\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n  @State() errorPaymentCard: boolean = false;\n  @State() errorPaymentAPM: boolean = false;\n  @State() initialData: any = {};\n  @State() checkoutResponse: CreateAPMCheckoutResponse | null = null;\n  @State() currentApmPaymentMethod: PaymentMethodNameE | null = null;\n  @State() countries: Country[] = [];\n  @State() allRequiredFields: AllRequiredFieldsMap = {};\n  @State() currentRequiredFields: string[] = [];\n  @State() errorCardInvalid: boolean = false;\n  @State() cardMode: 'input' | 'select' | null = 'select';\n\n  @Event() success: EventEmitter<any>;\n  @Event() paymentError: EventEmitter<any>;\n  @Event() paymentMethodSelected: EventEmitter<PAYMENT_METHOD_ENUM>;\n\n  private validationSchema = {\n    'phoneNumber': yup.string().when([], {\n      is: () =>\n        isFieldRequired('phoneNumber', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema => schema.required('validation.phoneRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'billing-country': yup.string().when([], {\n      is: () =>\n        isFieldRequired('billing-country', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema => schema.required('validation.countryRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'billing-state': yup.string().when([], {\n      is: () =>\n        isFieldRequired('billing-state', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema => schema.required('validation.stateRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'billing-address': yup.string().when([], {\n      is: () =>\n        isFieldRequired('billing-address', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema => schema.required('validation.addressRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'billing-city': yup.string().when([], {\n      is: () =>\n        isFieldRequired('billing-city', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema => schema.required('validation.cityRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'billing-zip': yup.string().when([], {\n      is: () =>\n        isFieldRequired('billing-zip', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema => schema.required('validation.zipRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'bankId': yup.string().when([], {\n      is: () => isFieldRequired('bankId', this.currentRequiredFields),\n      then: schema => schema.required('validation.bankRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'documentType': yup.string().when([], {\n      is: () =>\n        isFieldRequired('documentType', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema => schema.required('validation.documentTypeRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'documentNumber': yup.string().when([], {\n      is: () =>\n        isFieldRequired('documentNumber', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema =>\n        schema.required('validation.documentNumberRequired').min(7, 'validation.documentInvalid'),\n      otherwise: schema => schema.notRequired(),\n    }),\n  };\n\n  private resizeHandler = () => {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n  };\n\n  async componentWillLoad() {\n    this.resizeHandler();\n    window.addEventListener('resize', this.resizeHandler);\n\n    const renewalProps =\n      typeof this.renewalData === 'string' ? JSON.parse(this.renewalData) : this.renewalData;\n\n    RenewalStore.initializeRenewal({\n      ...renewalProps,\n      token: this.renewalToken,\n    });\n\n    // Load Google Maps script for address autocomplete\n    GoogleMapsService.loadGoogleMapsScript();\n\n    // Load countries data\n    try {\n      const response = await api.data.getCountries();\n      this.countries = response.data;\n    } catch (error) {\n      console.error('Error loading countries:', error);\n    }\n\n    // Load required fields data\n    try {\n      this.allRequiredFields = await getAllRequiredFieldsRenewal();\n    } catch (error) {\n      console.error('Error loading required fields:', error);\n    }\n\n    if (renewalState.data.paymentMethods.length > 0) {\n      let defaultPaymentMethod: PAYMENT_METHOD_ENUM | null = null;\n\n      if (renewalState.data.subscription?.paymentMethod) {\n        const subscriptionPaymentMethod =\n          renewalState.data.subscription.paymentMethod.toLowerCase();\n        const mappedMethod =\n          subscriptionPaymentMethod === 'card'\n            ? PAYMENT_METHOD_ENUM.CARD\n            : subscriptionPaymentMethod === 'bank_transfer'\n              ? PAYMENT_METHOD_ENUM.BANK_TRANSFER\n              : null;\n\n        if (mappedMethod) {\n          const isAvailable = renewalState.data.paymentMethods.some(pm => pm.type === mappedMethod);\n          if (isAvailable) {\n            defaultPaymentMethod = mappedMethod;\n          }\n        }\n      }\n\n      if (!defaultPaymentMethod) {\n        defaultPaymentMethod = renewalState.data.paymentMethods[0].type as PAYMENT_METHOD_ENUM;\n      }\n\n      this.currentPaymentMethod = defaultPaymentMethod;\n      RenewalStore.setSelectedPaymentMethod(defaultPaymentMethod);\n\n      if (defaultPaymentMethod !== PAYMENT_METHOD_ENUM.CARD) {\n        this.cardMode = 'input';\n        RenewalStore.setCardMode('input');\n      }\n\n      try {\n        this.currentRequiredFields = getRequiredFieldsForMethod(\n          defaultPaymentMethod,\n          this.allRequiredFields,\n        ).fields;\n      } catch (error) {\n        console.error('Error getting required fields for method:', error);\n      }\n\n      await this.initializeFingerprint(defaultPaymentMethod);\n    }\n\n    this.initialData = this.getInitialData();\n\n    renewalOnChange('cardMode', () => {\n      this.cardMode = renewalState.cardMode;\n    });\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.resizeHandler);\n  }\n\n  @Listen('paymentMethodSelected')\n  async handlePaymentMethodSelected(event: CustomEvent<PAYMENT_METHOD_ENUM>) {\n    event.stopPropagation();\n\n    if (this.currentPaymentMethod === event.detail) {\n      return;\n    }\n\n    this.currentPaymentMethod = event.detail;\n    RenewalStore.setSelectedPaymentMethod(this.currentPaymentMethod);\n\n    // Change cardMode to 'input' if payment method is not CARD\n    if (this.currentPaymentMethod !== PAYMENT_METHOD_ENUM.CARD) {\n      this.cardMode = 'input';\n      RenewalStore.setCardMode('input');\n    }\n\n    // Update required fields for the new payment method\n    try {\n      this.currentRequiredFields = getRequiredFieldsForMethod(\n        this.currentPaymentMethod,\n        this.allRequiredFields,\n      ).fields;\n    } catch (error) {\n      console.error('Error getting required fields for method:', error);\n    }\n\n    // Note: Fingerprint is handled in componentWillLoad\n\n    // Initialize fingerprint for the new payment method\n    await this.initializeFingerprint(this.currentPaymentMethod);\n\n    this.paymentMethodSelected.emit(event.detail);\n  }\n\n  private async initializeFingerprint(paymentMethod: PAYMENT_METHOD_ENUM) {\n    // Only initialize fingerprint for card payments and if not already generated\n    if (paymentMethod === PAYMENT_METHOD_ENUM.CARD && !renewalState.deviceId) {\n      try {\n        const uuid = crypto.randomUUID();\n        const fingerprintResponse = await api.fingerPrint.getFingerPrint(uuid);\n        RenewalStore.setDeviceId(uuid);\n        const script = fingerprintResponse.result.script;\n        const scriptElement = document.createElement('script');\n        scriptElement.innerHTML = script;\n        document.body.appendChild(scriptElement);\n      } catch (error) {\n        console.error('Failed to initialize fingerprint:', error);\n      }\n    }\n  }\n\n  @Listen('bankSelected')\n  handleBankSelected(event: CustomEvent<string>) {\n    event.stopPropagation();\n    RenewalStore.setSelectedBankId(event.detail);\n  }\n\n  @Listen('cardSelected')\n  handleCardSelected(event: CustomEvent<{ card: SavedCard; cvv?: string }>) {\n    const { card, cvv } = event.detail;\n    RenewalStore.setSelectedCard(card);\n    RenewalStore.setCvv(cvv || '');\n  }\n\n  private get currentPaymentError(): boolean {\n    if (this.currentPaymentMethod === PAYMENT_METHOD_ENUM.CARD) {\n      return this.errorPaymentCard;\n    } else if (\n      this.currentPaymentMethod === PAYMENT_METHOD_ENUM.CASH ||\n      this.currentPaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER\n    ) {\n      return this.errorPaymentAPM;\n    }\n    return false;\n  }\n\n  private async handleSubmit(event?: CustomEvent) {\n    if (this.isSubmitting) {\n      return;\n    }\n\n    if (this.currentPaymentMethod === PAYMENT_METHOD_ENUM.CARD) {\n      await this.handleCardRenewal(event);\n    } else {\n      await this.handleAPMRenewal(event);\n    }\n  }\n\n  private async handleCardRenewal(event?: CustomEvent) {\n    const formData = event?.detail || this.getInitialData();\n\n    if (!renewalState.data.cardId && !renewalState.data.cardTokenId) {\n      this.errorCardInvalid = true;\n      return;\n    }\n    if (!renewalState.data.cardInformation && !renewalState.data.cardId) {\n      this.errorCardInvalid = true;\n      return;\n    }\n    this.errorCardInvalid = false;\n    this.isSubmitting = true;\n    this.isCardSubmitting = true;\n    RenewalStore.setLoading(true);\n\n    try {\n      const renewalRequest: CreateCardCheckoutRequest = {\n        transaction: {\n          quantity: 1,\n        },\n        ...(renewalState.data.cardId && { cardId: renewalState.data.cardId }),\n        ...(renewalState.data.cardTokenId && { cardTokenId: renewalState.data.cardTokenId }),\n        customAttributes: {\n          ...(renewalState.deviceId && { deviceId: renewalState.deviceId }),\n        },\n        ...(this.cardMode === 'input' && {\n          customer: {\n            firstName:\n              formData.fullName?.split(' ')[0] ||\n              renewalState.data.subscription.customerName?.split(' ')[0],\n            lastName:\n              formData.fullName?.split(' ').slice(1).join(' ') ||\n              renewalState.data.subscription.customerName?.split(' ').slice(1).join(' '),\n            email: formData.email || renewalState.data.subscription.customerEmail,\n            phone: {\n              countryCode: formData.countryCodePhoneNumber || '',\n              number: formData.phoneNumber || '',\n            },\n          },\n          billingDetails: {\n            address: {\n              lineOne: formData['billing-address'] || '',\n              city: formData['billing-city'] || '',\n              state: formData['billing-state'] || '',\n              country: formData['billing-country'] || '',\n              zipCode: formData['billing-zip'] || '',\n            },\n            identification: {\n              type: formData.documentType || '',\n              value: formData.documentNumber || '',\n            },\n          },\n        }),\n      };\n\n      const idempotencyKey = generateIdempotencyKey();\n      const response = await api.checkout.createCardCheckoutRequest(\n        renewalState.data.id,\n        idempotencyKey,\n        renewalRequest,\n        renewalState.token,\n      );\n\n      this.isSubmitting = false;\n      this.isCardSubmitting = false;\n      RenewalStore.setLoading(false);\n      RenewalStore.setCheckoutResponse(response.data);\n\n      if (response.data.result?.status.toUpperCase() === CheckoutStatusE.APPROVED) {\n        this.isCardSuccess = true;\n      } else {\n        this.isCardSuccess = false;\n        this.errorPaymentCard = true;\n        this.errorMessage = {\n          message: response.data.error?.error?.message as PaymentMessageE,\n        };\n      }\n    } catch (error: any) {\n      this.isSubmitting = false;\n      this.isCardSubmitting = false;\n      RenewalStore.setLoading(false);\n\n      this.errorPaymentCard = true;\n      this.errorMessage = {\n        message: error.data?.error?.message as PaymentMessageE,\n      };\n    }\n  }\n\n  private async handleAPMRenewal(event?: CustomEvent) {\n    this.isSubmitting = true;\n    RenewalStore.setLoading(true);\n\n    try {\n      const apmPaymentMethod = PaymentMethodMapper.mapToAPMPaymentMethod(\n        this.currentPaymentMethod,\n        renewalState.data.price.country,\n      );\n\n      // Get form data for billing details and customer info\n      const formData = event?.detail || this.getFormData();\n\n      // Transform form data to match CreateAPMCheckoutRequest structure\n      const billingDetails = {\n        address: {\n          country: formData['billing-country'],\n          state: formData['billing-state'] || '',\n          city: formData['billing-city'] || '',\n          zipCode: formData['billing-zip'] || '',\n          lineOne: formData['billing-address'] || '',\n        },\n        identification: {\n          type: formData.documentType || 'dni',\n          value: formData.documentNumber || '',\n        },\n      };\n\n      const renewalRequest: CreateAPMCheckoutRequest = {\n        transaction: {\n          quantity: 1,\n        },\n        method: apmPaymentMethod,\n        billingDetails,\n        redirect: {\n          approved: window.location.origin + '/renewal/success',\n          rejected: window.location.origin + '/renewal/failure',\n        },\n        paymentMetadata: {\n          orderId: renewalState.data.id,\n          source: 'renewal-web',\n        },\n        customAttributes: {\n          bank: formData.bankId || '',\n        },\n        // Remove targetCurrency for PSE payments as it's not supported\n        ...(apmPaymentMethod !== PaymentMethodNameE.CO_TRANSFERENCE_PSE && {\n          targetCurrency: renewalState.data.price.currency,\n        }),\n      };\n\n      // Add customer data for renewal\n      renewalRequest.customer = {\n        firstName:\n          formData.fullName?.split(' ')[0] ||\n          renewalState.data.subscription.customerName.split(' ')[0] ||\n          '',\n        lastName:\n          formData.fullName?.split(' ').slice(1).join(' ') ||\n          renewalState.data.subscription.customerName.split(' ').slice(1).join(' ') ||\n          '',\n        email: formData.email || renewalState.data.subscription.customerEmail,\n        phone: {\n          countryCode: formData.countryCodePhoneNumber || '',\n          number: formData.phoneNumber || '',\n        },\n      };\n\n      const idempotencyKey = generateIdempotencyKey();\n      const response = await api.checkout.createAPMCheckoutRequest(\n        renewalState.data.id,\n        idempotencyKey,\n        renewalRequest,\n      );\n\n      this.isSubmitting = false;\n      RenewalStore.setLoading(false);\n      RenewalStore.setCheckoutResponse(response.data);\n      this.checkoutResponse = response.data;\n      if (response.data.result?.status.toUpperCase() === CheckoutStatusE.APPROVED) {\n        this.isCardSuccess = true;\n      } else {\n        this.paymentError.emit(response.data);\n        RenewalStore.setCheckoutResponse(response.data);\n        this.errorPaymentAPM = true;\n\n        this.errorMessage = {\n          alertTitle: response.data?.error?.message as PaymentMessageE,\n          message: response.data.error?.message as PaymentMessageE,\n        };\n      }\n    } catch (error: any) {\n      this.isSubmitting = false;\n      RenewalStore.setLoading(false);\n      this.paymentError.emit(error);\n      this.errorPaymentAPM = true;\n\n      this.errorMessage = {\n        alertTitle: error.data?.error?.message as PaymentMessageE,\n        message: error.data?.error?.message,\n      };\n    }\n  }\n\n  private getFormData = () => {\n    return this.initialData;\n  };\n\n  private getInitialData = () => {\n    return {\n      'email': renewalState.data.subscription.customerEmail,\n      'fullName': renewalState.data.subscription.customerName,\n      'card': '',\n      'billing-country': '',\n      'billing-state': '',\n      'billing-address': '',\n      'billing-city': '',\n      'billing-zip': '',\n      'bankId': '',\n      'phoneNumber': '',\n      'countryCodePhoneNumber': '',\n      'documentType': '',\n      'documentNumber': '',\n    };\n  };\n\n  private hasPrefilledAddress = () => {\n    const billingFields = [\n      'billing-country',\n      'billing-state',\n      'billing-address',\n      'billing-city',\n      'billing-zip',\n    ];\n    return billingFields.some(key => {\n      const value = this.initialData[key];\n      return value && value.trim() !== '';\n    });\n  };\n\n  private getPaymentDate = (): string => {\n    const payment = renewalState.form.checkoutResponse;\n    if (!payment) return '';\n\n    if ('date' in payment) {\n      return payment.date as string;\n    }\n\n    return '';\n  };\n\n  private getReferenceNumber = (): string => {\n    const payment = renewalState.form.checkoutResponse;\n    if (!payment) return '';\n    if ('traceId' in payment) {\n      return payment.traceId as string;\n    }\n\n    return '';\n  };\n\n  render() {\n    if (!renewalState.isInitialized) {\n      return <div class=\"loading\">{I18nService.translate('renewal.loading')}</div>;\n    }\n\n    const renderRenewalSummary = props => (\n      <renewal-summary\n        totalAmount={renewalState.data.price.amount}\n        currency={renewalState.data.price.currency}\n        subscriptionTitle={renewalState.data.subscription.name[0]?.text || 'Subscription'}\n        subscriptionAmount={renewalState.data.subscription.amount}\n        nextChargeDate={renewalState.data.subscription.nextChargeDate}\n        frequency={renewalState.data.subscription.frequency}\n        couponCode={renewalState.data.price.couponCode}\n        discountAmount={renewalState.data.price.discountedAmount}\n        discountPercentage={renewalState.data.price.discountPercentage}\n        {...props}\n      />\n    );\n\n    return (\n      <>\n        <rebill-processing-payment style={{ display: this.isCardSubmitting ? 'block' : 'none' }} />\n        {this.isCardSuccess ? (\n          <renewal-success-page\n            typePaymentMethod={this.currentPaymentMethod}\n            paymentDate={this.getPaymentDate()}\n            referenceNumber={this.getReferenceNumber()}\n            cardLastFour={renewalState.data.subscription.cardLastFour}\n            country={renewalState.data.price.country}\n            paymentMethodName={PaymentMethodMapper.mapToAPMPaymentMethod(\n              this.currentPaymentMethod,\n              renewalState.data?.price?.country,\n            )}\n            bank={renewalState.form?.selectedBankId || ''}\n          />\n        ) : (\n          <rebill-checkout-form\n            style={{ display: this.isCardSubmitting || this.isCardSuccess ? 'none' : 'block' }}\n            validationSchema={this.validationSchema}\n            initialData={this.initialData}\n            onSubmit={(args: any) => this.handleSubmit(args)}\n            renderForm={({ submit, formData, errors }) => (\n              <div class=\"rebill-checkout-renewal\">\n                <div class=\"left-section\">\n                  <div class=\"left-section-container\">\n                    <organization-logo organization={renewalState.data.organization} />\n\n                    <div class=\"checkout-form-section\">\n                      {/* Customer Information - Readonly */}\n                      <user-information-static\n                        userInfo={{\n                          customerName: renewalState.data.subscription.customerName,\n                          customerEmail: renewalState.data.subscription.customerEmail,\n                        }}\n                      />\n\n                      {isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n                        renderRenewalSummary({\n                          displayedComponents: 'header',\n                        })}\n\n                      {isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n                        renderRenewalSummary({\n                          displayedComponents: 'details',\n                        })}\n\n                      {/* Payment Method Selection */}\n                      <div style={{ display: 'flex', flexDirection: 'column', gap: '32px' }}>\n                        <payment-method-selector\n                          enabledPaymentMethods={[\n                            ...new Set(\n                              renewalState.data.paymentMethods.map(\n                                pm => pm.type as PAYMENT_METHOD_ENUM,\n                              ),\n                            ),\n                          ]}\n                          defaultSelected={this.currentPaymentMethod}\n                          errorComponent={{\n                            showErrorComponent: this.currentPaymentError,\n                            alertTitle: PaymentErrorMapper.getErrorTitle(\n                              this.currentPaymentMethod,\n                              renewalState.data.price.country,\n                              this.errorMessage?.alertTitle,\n                            ),\n                            message: PaymentErrorMapper.getErrorMessage(\n                              this.errorMessage?.message,\n                              this.currentPaymentMethod,\n                              renewalState.data.price.country,\n                            ),\n                          }}\n                          cardError={{\n                            showCardInvalid: this.errorCardInvalid,\n                            type: null,\n                          }}\n                          country={renewalState.data.price.country}\n                          documentTypeError={errors?.documentType}\n                          documentNumberError={errors?.documentNumber}\n                          showDocument={\n                            this.cardMode === 'input' &&\n                            (isFieldRequired('documentType', this.currentRequiredFields) ||\n                              isFieldRequired('documentNumber', this.currentRequiredFields))\n                          }\n                        />\n                        {/* Alert for non-card payment methods */}\n                        {this.currentPaymentMethod !== PAYMENT_METHOD_ENUM.CARD &&\n                          renewalState.data.subscription?.paymentMethod ===\n                            PAYMENT_METHOD_ENUM.CARD && (\n                            <rebill-alert\n                              type=\"info\"\n                              message={I18nService.translate('renewal.paymentMethodAlert', {\n                                cardLastFour:\n                                  renewalState.data?.subscription?.cardLastFour || '****',\n                              })}\n                              icon=\"calendar-edit\"\n                              variant=\"outlined\"\n                              colorIcon={COLORS_ENUM.PRIMARY}\n                            />\n                          )}\n                        {this.cardMode === 'input' &&\n                          isFieldRequired('bankId', this.currentRequiredFields) && (\n                            <div class=\"animated-component fade-in\">\n                              <rebill-bank-selector\n                                banks={\n                                  getFieldValues(\n                                    'bank',\n                                    this.allRequiredFields[this.currentPaymentMethod]?.original,\n                                  ) || []\n                                }\n                                defaultSelectedBankId={formData.bankId || ''}\n                                error={errors?.bankId}\n                              />\n                            </div>\n                          )}\n                      </div>\n                      {this.cardMode === 'input' &&\n                        (isFieldRequired('billing-country', this.currentRequiredFields) ||\n                          isFieldRequired('billing-state', this.currentRequiredFields) ||\n                          isFieldRequired('billing-address', this.currentRequiredFields) ||\n                          isFieldRequired('billing-city', this.currentRequiredFields) ||\n                          isFieldRequired('billing-zip', this.currentRequiredFields)) && (\n                          <div class=\"animated-component slide-in\">\n                            <rebill-address\n                              countryOptions={this.countries.map(country => ({\n                                label: country.country,\n                                value: country.isoCountryCode,\n                              }))}\n                              billingView={this.hasPrefilledAddress() ? 'form' : 'search'}\n                              errors={{\n                                'billing-country': errors['billing-country'],\n                                'billing-state': errors['billing-state'],\n                                'billing-address': errors['billing-address'],\n                                'billing-city': errors['billing-city'],\n                                'billing-zip': errors['billing-zip'],\n                              }}\n                            />\n                          </div>\n                        )}\n                      {this.cardMode === 'input' &&\n                        isFieldRequired('phoneNumber', this.currentRequiredFields) && (\n                          <div class=\"animated-component fade-in\">\n                            <user-information-phone error={errors?.phoneNumber} />\n                          </div>\n                        )}\n\n                      {/* Show APM checkout response after successful payment submission */}\n                      {this.checkoutResponse?.result &&\n                        (this.currentPaymentMethod === PAYMENT_METHOD_ENUM.CASH ||\n                          this.currentPaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER) && (\n                          <apm-checkout\n                            paymentMethod={this.currentPaymentMethod}\n                            referenceId={\n                              this.currentPaymentMethod === PAYMENT_METHOD_ENUM.CASH\n                                ? this.checkoutResponse.result.data.referenceId\n                                : undefined\n                            }\n                            qrCodeData={\n                              this.currentPaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER\n                                ? this.checkoutResponse.result.data.qrCode\n                                : undefined\n                            }\n                            providerName={renewalState.data.organization?.name || ''}\n                            expirationDate={(() => {\n                              const expirationDate = new Date();\n                              expirationDate.setDate(expirationDate.getDate() + 30);\n                              return expirationDate.toISOString();\n                            })()}\n                            country={renewalState.data.price.country}\n                            redirectUrl={this.checkoutResponse.result.data.url}\n                          />\n                        )}\n\n                      {isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n                        renderRenewalSummary({\n                          displayedComponents: 'summary',\n                        })}\n\n                      <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n                        {/* Payment Button */}\n                        <payment-button\n                          paymentMethod={this.currentPaymentMethod}\n                          isLoading={this.isSubmitting}\n                          isRenewal={true}\n                          trialPeriodDays={renewalState.data.subscription.trialPeriodDays}\n                          redirectUrl={!!this.checkoutResponse?.result?.data?.url}\n                          timeToRedirect={5000}\n                          country={renewalState.data.price.country}\n                          isDisabled={renewalState.fetchingInstallments}\n                          onSubmit={() => submit()}\n                        />\n\n                        {/* Disabled Button Below */}\n                        <rebill-alert\n                          type=\"secure\"\n                          variant=\"variant-secure\"\n                          icon=\"lock-outline\"\n                          message={I18nService.translate('otp.secureMessage')}\n                        />\n                      </div>\n                    </div>\n                    <rebill-footer\n                      style={{\n                        marginTop: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)\n                          ? '24px'\n                          : 'auto',\n                      }}\n                    />\n                  </div>\n                </div>\n\n                {/* Desktop Summary */}\n                {!isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n                  <div class=\"right-section\">\n                    <div class=\"checkout-summary-section\">\n                      {renderRenewalSummary({\n                        displayedComponents: ['header', 'details', 'summary'],\n                      })}\n                    </div>\n                  </div>\n                )}\n              </div>\n            )}\n          />\n        )}\n      </>\n    );\n  }\n}\n"]}
+{"version":3,"file":"rebill-renewal.js","sourceRoot":"","sources":["../../../src/components/renewal/rebill-renewal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\nimport * as yup from 'yup';\nimport { api, Country } from '../../api';\nimport { SavedCard } from '../../api/entities/cards/types';\nimport {\n  CheckoutStatusE,\n  CreateAPMCheckoutRequest,\n  CreateAPMCheckoutResponse,\n  CreateCardCheckoutRequest,\n} from '../../api/entities/checkout/types';\nimport '../../components/checkout/apm/apm-checkout/apm-checkout';\nimport '../../components/checkout/processing-payment/processing-payment';\nimport { I18nService } from '../../i18n/i18n.service';\n\nimport { PaymentMethodNameE } from '../../models/enums/payment-method-name.enum';\nimport { PAYMENT_METHOD_ENUM } from '../../models/enums/payment-methods.enum';\nimport { PaymentMessageE } from '../../models/enums/payment-status.enum';\nimport { onChange as renewalOnChange, renewalState, RenewalStore } from '../../store/renewal.store';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../utils/color-class-mapper';\nimport { generateIdempotencyKey } from '../../utils/generate-idempotency-key';\nimport { GoogleMapsService } from '../../utils/google-maps.service';\nimport { AlertErrorKeys, PaymentErrorMapper } from '../../utils/payment-error-mapper';\nimport { PaymentMethodMapper } from '../../utils/payment-method-mapper';\nimport { getFieldValues, isFieldRequired } from '../../utils/required-fields-mappers';\nimport {\n  AllRequiredFieldsMap,\n  getAllRequiredFieldsRenewal,\n  getRequiredFieldsForMethod,\n} from './utils/getRequiredFieldsRenewal';\n\n@Component({\n  tag: 'rebill-renewal',\n  styleUrl: 'rebill-renewal.css',\n  shadow: false,\n})\nexport class RebillRenewal {\n  @Prop() renewalData!: string;\n  @Prop() renewalToken!: string;\n\n  @State() currentPaymentMethod: PAYMENT_METHOD_ENUM = PAYMENT_METHOD_ENUM.CARD;\n  @State() isSubmitting: boolean = false;\n  @State() isCardSubmitting: boolean = false;\n  @State() isCardSuccess: boolean = false;\n  @State() errorMessage: AlertErrorKeys | null = null;\n  @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n  @State() errorPaymentCard: boolean = false;\n  @State() errorPaymentAPM: boolean = false;\n  @State() initialData: any = {};\n  @State() checkoutResponse: CreateAPMCheckoutResponse | null = null;\n  @State() currentApmPaymentMethod: PaymentMethodNameE | null = null;\n  @State() countries: Country[] = [];\n  @State() allRequiredFields: AllRequiredFieldsMap = {};\n  @State() currentRequiredFields: string[] = [];\n  @State() errorCardInvalid: boolean = false;\n  @State() cardMode: 'input' | 'select' | null = 'select';\n\n  @Event() success: EventEmitter<any>;\n  @Event() paymentError: EventEmitter<any>;\n  @Event() paymentMethodSelected: EventEmitter<PAYMENT_METHOD_ENUM>;\n\n  private validationSchema = {\n    'phoneNumber': yup.string().when([], {\n      is: () =>\n        isFieldRequired('phoneNumber', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema => schema.required('validation.phoneRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'billing-country': yup.string().when([], {\n      is: () =>\n        isFieldRequired('billing-country', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema => schema.required('validation.countryRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'billing-state': yup.string().when([], {\n      is: () =>\n        isFieldRequired('billing-state', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema => schema.required('validation.stateRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'billing-address': yup.string().when([], {\n      is: () =>\n        isFieldRequired('billing-address', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema => schema.required('validation.addressRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'billing-city': yup.string().when([], {\n      is: () =>\n        isFieldRequired('billing-city', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema => schema.required('validation.cityRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'billing-zip': yup.string().when([], {\n      is: () =>\n        isFieldRequired('billing-zip', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema => schema.required('validation.zipRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'bankId': yup.string().when([], {\n      is: () => isFieldRequired('bankId', this.currentRequiredFields),\n      then: schema => schema.required('validation.bankRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'documentType': yup.string().when([], {\n      is: () =>\n        isFieldRequired('documentType', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema => schema.required('validation.documentTypeRequired'),\n      otherwise: schema => schema.notRequired(),\n    }),\n    'documentNumber': yup.string().when([], {\n      is: () =>\n        isFieldRequired('documentNumber', this.currentRequiredFields) && this.cardMode === 'input',\n      then: schema =>\n        schema.required('validation.documentNumberRequired').min(7, 'validation.documentInvalid'),\n      otherwise: schema => schema.notRequired(),\n    }),\n  };\n\n  private resizeHandler = () => {\n    this.breakpoint = getBreakpoint(window.innerWidth);\n  };\n\n  async componentWillLoad() {\n    this.resizeHandler();\n    window.addEventListener('resize', this.resizeHandler);\n\n    const renewalProps =\n      typeof this.renewalData === 'string' ? JSON.parse(this.renewalData) : this.renewalData;\n\n    RenewalStore.initializeRenewal({\n      ...renewalProps,\n      token: this.renewalToken,\n    });\n\n    // Load Google Maps script for address autocomplete\n    GoogleMapsService.loadGoogleMapsScript();\n\n    // Load countries data\n    try {\n      const response = await api.data.getCountries();\n      this.countries = response.data;\n    } catch (error) {\n      console.error('Error loading countries:', error);\n    }\n\n    // Load required fields data\n    try {\n      this.allRequiredFields = await getAllRequiredFieldsRenewal();\n    } catch (error) {\n      console.error('Error loading required fields:', error);\n    }\n\n    if (renewalState.data.paymentMethods.length > 0) {\n      let defaultPaymentMethod: PAYMENT_METHOD_ENUM | null = null;\n\n      if (renewalState.data.subscription?.paymentMethod) {\n        const subscriptionPaymentMethod =\n          renewalState.data.subscription.paymentMethod.toLowerCase();\n        const mappedMethod =\n          subscriptionPaymentMethod === 'card'\n            ? PAYMENT_METHOD_ENUM.CARD\n            : subscriptionPaymentMethod === 'bank_transfer'\n              ? PAYMENT_METHOD_ENUM.BANK_TRANSFER\n              : null;\n\n        if (mappedMethod) {\n          const isAvailable = renewalState.data.paymentMethods.some(pm => pm.type === mappedMethod);\n          if (isAvailable) {\n            defaultPaymentMethod = mappedMethod;\n          }\n        }\n      }\n\n      if (!defaultPaymentMethod) {\n        defaultPaymentMethod = renewalState.data.paymentMethods[0].type as PAYMENT_METHOD_ENUM;\n      }\n\n      this.currentPaymentMethod = defaultPaymentMethod;\n      RenewalStore.setSelectedPaymentMethod(defaultPaymentMethod);\n\n      if (defaultPaymentMethod !== PAYMENT_METHOD_ENUM.CARD) {\n        this.cardMode = 'input';\n        RenewalStore.setCardMode('input');\n      }\n\n      try {\n        this.currentRequiredFields = getRequiredFieldsForMethod(\n          defaultPaymentMethod,\n          this.allRequiredFields,\n        ).fields;\n      } catch (error) {\n        console.error('Error getting required fields for method:', error);\n      }\n\n      await this.initializeFingerprint(defaultPaymentMethod);\n    }\n\n    this.initialData = this.getInitialData();\n\n    renewalOnChange('cardMode', () => {\n      this.cardMode = renewalState.cardMode;\n    });\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener('resize', this.resizeHandler);\n  }\n\n  @Listen('paymentMethodSelected')\n  async handlePaymentMethodSelected(event: CustomEvent<PAYMENT_METHOD_ENUM>) {\n    event.stopPropagation();\n\n    if (this.currentPaymentMethod === event.detail) {\n      return;\n    }\n\n    this.currentPaymentMethod = event.detail;\n    RenewalStore.setSelectedPaymentMethod(this.currentPaymentMethod);\n\n    // Change cardMode to 'input' if payment method is not CARD\n    if (this.currentPaymentMethod !== PAYMENT_METHOD_ENUM.CARD) {\n      this.cardMode = 'input';\n      RenewalStore.setCardMode('input');\n    }\n\n    // Update required fields for the new payment method\n    try {\n      this.currentRequiredFields = getRequiredFieldsForMethod(\n        this.currentPaymentMethod,\n        this.allRequiredFields,\n      ).fields;\n    } catch (error) {\n      console.error('Error getting required fields for method:', error);\n    }\n\n    // Note: Fingerprint is handled in componentWillLoad\n\n    // Initialize fingerprint for the new payment method\n    await this.initializeFingerprint(this.currentPaymentMethod);\n\n    this.paymentMethodSelected.emit(event.detail);\n  }\n\n  private async initializeFingerprint(paymentMethod: PAYMENT_METHOD_ENUM) {\n    // Only initialize fingerprint for card payments and if not already generated\n    if (paymentMethod === PAYMENT_METHOD_ENUM.CARD && !renewalState.deviceId) {\n      try {\n        const uuid = crypto.randomUUID();\n        const fingerprintResponse = await api.fingerPrint.getFingerPrint(uuid);\n        RenewalStore.setDeviceId(uuid);\n        const script = fingerprintResponse.result.script;\n        const scriptElement = document.createElement('script');\n        scriptElement.innerHTML = script;\n        document.body.appendChild(scriptElement);\n      } catch (error) {\n        console.error('Failed to initialize fingerprint:', error);\n      }\n    }\n  }\n\n  @Listen('bankSelected')\n  handleBankSelected(event: CustomEvent<string>) {\n    event.stopPropagation();\n    RenewalStore.setSelectedBankId(event.detail);\n  }\n\n  @Listen('cardSelected')\n  handleCardSelected(event: CustomEvent<{ card: SavedCard; cvv?: string }>) {\n    const { card, cvv } = event.detail;\n    RenewalStore.setSelectedCard(card);\n    RenewalStore.setCvv(cvv || '');\n  }\n\n  private get currentPaymentError(): boolean {\n    if (this.currentPaymentMethod === PAYMENT_METHOD_ENUM.CARD) {\n      return this.errorPaymentCard;\n    } else if (\n      this.currentPaymentMethod === PAYMENT_METHOD_ENUM.CASH ||\n      this.currentPaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER\n    ) {\n      return this.errorPaymentAPM;\n    }\n    return false;\n  }\n\n  private async handleSubmit(event?: CustomEvent) {\n    if (this.isSubmitting) {\n      return;\n    }\n\n    if (this.currentPaymentMethod === PAYMENT_METHOD_ENUM.CARD) {\n      await this.handleCardRenewal(event);\n    } else {\n      await this.handleAPMRenewal(event);\n    }\n  }\n\n  private async handleCardRenewal(event?: CustomEvent) {\n    const formData = event?.detail || this.getInitialData();\n\n    if (!renewalState.data.cardId && !renewalState.data.cardTokenId) {\n      this.errorCardInvalid = true;\n      return;\n    }\n    if (!renewalState.data.cardInformation && !renewalState.data.cardId) {\n      this.errorCardInvalid = true;\n      return;\n    }\n    this.errorCardInvalid = false;\n    this.isSubmitting = true;\n    this.isCardSubmitting = true;\n    RenewalStore.setLoading(true);\n\n    try {\n      const renewalRequest: CreateCardCheckoutRequest = {\n        transaction: {\n          quantity: 1,\n        },\n        ...(renewalState.data.cardId && { cardId: renewalState.data.cardId }),\n        ...(renewalState.data.cardTokenId && { cardTokenId: renewalState.data.cardTokenId }),\n        customAttributes: {\n          ...(renewalState.deviceId && { deviceId: renewalState.deviceId }),\n        },\n        ...(this.cardMode === 'input' && {\n          customer: {\n            firstName:\n              formData.fullName?.split(' ')[0] ||\n              renewalState.data.subscription.customerName?.split(' ')[0],\n            lastName:\n              formData.fullName?.split(' ').slice(1).join(' ') ||\n              renewalState.data.subscription.customerName?.split(' ').slice(1).join(' '),\n            email: formData.email || renewalState.data.subscription.customerEmail,\n            phone: {\n              countryCode: formData.countryCodePhoneNumber || '',\n              number: formData.phoneNumber || '',\n            },\n          },\n          billingDetails: {\n            address: {\n              lineOne: formData['billing-address'] || '',\n              city: formData['billing-city'] || '',\n              state: formData['billing-state'] || '',\n              country: formData['billing-country'] || '',\n              zipCode: formData['billing-zip'] || '',\n            },\n            identification: {\n              type: formData.documentType || '',\n              value: formData.documentNumber || '',\n            },\n          },\n        }),\n      };\n\n      const idempotencyKey = generateIdempotencyKey();\n      const response = await api.checkout.createCardCheckoutRequest(\n        renewalState.data.id,\n        idempotencyKey,\n        renewalRequest,\n        renewalState.token,\n      );\n\n      this.isSubmitting = false;\n      this.isCardSubmitting = false;\n      RenewalStore.setLoading(false);\n      RenewalStore.setCheckoutResponse(response.data);\n\n      if (response.data.result?.status.toUpperCase() === CheckoutStatusE.APPROVED) {\n        this.isCardSuccess = true;\n      } else {\n        this.isCardSuccess = false;\n        this.errorPaymentCard = true;\n        this.errorMessage = {\n          message: response.data.error?.error?.message as PaymentMessageE,\n        };\n      }\n    } catch (error: any) {\n      this.isSubmitting = false;\n      this.isCardSubmitting = false;\n      RenewalStore.setLoading(false);\n\n      this.errorPaymentCard = true;\n      this.errorMessage = {\n        message: error.data?.error?.message as PaymentMessageE,\n      };\n    }\n  }\n\n  private async handleAPMRenewal(event?: CustomEvent) {\n    this.isSubmitting = true;\n    RenewalStore.setLoading(true);\n\n    try {\n      const apmPaymentMethod = PaymentMethodMapper.mapToAPMPaymentMethod(\n        this.currentPaymentMethod,\n        renewalState.data.price.country,\n      );\n\n      // Get form data for billing details and customer info\n      const formData = event?.detail || this.getFormData();\n\n      // Transform form data to match CreateAPMCheckoutRequest structure\n      const billingDetails = {\n        address: {\n          country: formData['billing-country'],\n          state: formData['billing-state'] || '',\n          city: formData['billing-city'] || '',\n          zipCode: formData['billing-zip'] || '',\n          lineOne: formData['billing-address'] || '',\n        },\n        identification: {\n          type: formData.documentType || 'dni',\n          value: formData.documentNumber || '',\n        },\n      };\n\n      const renewalRequest: CreateAPMCheckoutRequest = {\n        transaction: {\n          quantity: 1,\n        },\n        method: apmPaymentMethod,\n        billingDetails,\n        redirect: {\n          approved: window.location.origin + '/renewal/success',\n          rejected: window.location.origin + '/renewal/failure',\n        },\n        paymentMetadata: {\n          orderId: renewalState.data.id,\n          source: 'renewal-web',\n        },\n        customAttributes: {\n          bank: formData.bankId || '',\n        },\n        // Remove targetCurrency for PSE payments as it's not supported\n        ...(apmPaymentMethod !== PaymentMethodNameE.CO_TRANSFERENCE_PSE && {\n          targetCurrency: renewalState.data.price.currency,\n        }),\n      };\n\n      // Add customer data for renewal\n      renewalRequest.customer = {\n        firstName:\n          formData.fullName?.split(' ')[0] ||\n          renewalState.data.subscription.customerName.split(' ')[0] ||\n          '',\n        lastName:\n          formData.fullName?.split(' ').slice(1).join(' ') ||\n          renewalState.data.subscription.customerName.split(' ').slice(1).join(' ') ||\n          '',\n        email: formData.email || renewalState.data.subscription.customerEmail,\n        phone: {\n          countryCode: formData.countryCodePhoneNumber || '',\n          number: formData.phoneNumber || '',\n        },\n      };\n\n      const idempotencyKey = generateIdempotencyKey();\n      const response = await api.checkout.createAPMCheckoutRequest(\n        renewalState.data.id,\n        idempotencyKey,\n        renewalRequest,\n      );\n\n      this.isSubmitting = false;\n      RenewalStore.setLoading(false);\n      RenewalStore.setCheckoutResponse(response.data);\n      this.checkoutResponse = response.data;\n      if (response.data.result?.status.toUpperCase() === CheckoutStatusE.APPROVED) {\n        this.isCardSuccess = true;\n      } else {\n        this.paymentError.emit(response.data);\n        RenewalStore.setCheckoutResponse(response.data);\n        this.errorPaymentAPM = true;\n\n        this.errorMessage = {\n          alertTitle: response.data?.error?.message as PaymentMessageE,\n          message: response.data.error?.message as PaymentMessageE,\n        };\n      }\n    } catch (error: any) {\n      this.isSubmitting = false;\n      RenewalStore.setLoading(false);\n      this.paymentError.emit(error);\n      this.errorPaymentAPM = true;\n\n      this.errorMessage = {\n        alertTitle: error.data?.error?.message as PaymentMessageE,\n        message: error.data?.error?.message,\n      };\n    }\n  }\n\n  private getFormData = () => {\n    return this.initialData;\n  };\n\n  private getInitialData = () => {\n    return {\n      'email': renewalState.data.subscription.customerEmail,\n      'fullName': renewalState.data.subscription.customerName,\n      'card': '',\n      'billing-country': '',\n      'billing-state': '',\n      'billing-address': '',\n      'billing-city': '',\n      'billing-zip': '',\n      'bankId': '',\n      'phoneNumber': '',\n      'countryCodePhoneNumber': '',\n      'documentType': '',\n      'documentNumber': '',\n    };\n  };\n\n  private hasPrefilledAddress = () => {\n    const billingFields = [\n      'billing-country',\n      'billing-state',\n      'billing-address',\n      'billing-city',\n      'billing-zip',\n    ];\n    return billingFields.some(key => {\n      const value = this.initialData[key];\n      return value && value.trim() !== '';\n    });\n  };\n\n  private getPaymentDate = (): string => {\n    const payment = renewalState.form.checkoutResponse;\n    if (!payment) return '';\n\n    if ('date' in payment) {\n      return payment.date as string;\n    }\n\n    return '';\n  };\n\n  private getReferenceNumber = (): string => {\n    const payment = renewalState.form.checkoutResponse;\n    if (!payment) return '';\n    if ('traceId' in payment) {\n      return payment.traceId as string;\n    }\n\n    return '';\n  };\n\n  render() {\n    if (!renewalState.isInitialized) {\n      return <div class=\"loading\">{I18nService.translate('renewal.loading')}</div>;\n    }\n\n    const renderRenewalSummary = props => (\n      <renewal-summary\n        totalAmount={renewalState.data.price.amount}\n        subTotalAmount={renewalState.data.subscription.subTotalAmount}\n        currency={renewalState.data.price.currency}\n        subscriptionTitle={renewalState.data.subscription.name[0]?.text || 'Subscription'}\n        subscriptionAmount={renewalState.data.subscription.amount}\n        nextChargeDate={renewalState.data.subscription.nextChargeDate}\n        frequency={renewalState.data.subscription.frequency}\n        couponCode={renewalState.data.price.couponCode}\n        discountAmount={renewalState.data.price.discountedAmount}\n        discountPercentage={renewalState.data.price.discountPercentage}\n        {...props}\n      />\n    );\n\n    return (\n      <>\n        <rebill-processing-payment style={{ display: this.isCardSubmitting ? 'block' : 'none' }} />\n        {this.isCardSuccess ? (\n          <renewal-success-page\n            typePaymentMethod={this.currentPaymentMethod}\n            paymentDate={this.getPaymentDate()}\n            referenceNumber={this.getReferenceNumber()}\n            cardLastFour={renewalState.data.subscription.cardLastFour}\n            country={renewalState.data.price.country}\n            paymentMethodName={PaymentMethodMapper.mapToAPMPaymentMethod(\n              this.currentPaymentMethod,\n              renewalState.data?.price?.country,\n            )}\n            bank={renewalState.form?.selectedBankId || ''}\n          />\n        ) : (\n          <rebill-checkout-form\n            style={{ display: this.isCardSubmitting || this.isCardSuccess ? 'none' : 'block' }}\n            validationSchema={this.validationSchema}\n            initialData={this.initialData}\n            onSubmit={(args: any) => this.handleSubmit(args)}\n            renderForm={({ submit, formData, errors }) => (\n              <div class=\"rebill-checkout-renewal\">\n                <div class=\"left-section\">\n                  <div class=\"left-section-container\">\n                    <organization-logo organization={renewalState.data.organization} />\n\n                    <div class=\"checkout-form-section\">\n                      {/* Customer Information - Readonly */}\n                      <user-information-static\n                        userInfo={{\n                          customerName: renewalState.data.subscription.customerName,\n                          customerEmail: renewalState.data.subscription.customerEmail,\n                        }}\n                      />\n\n                      {isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n                        renderRenewalSummary({\n                          displayedComponents: 'header',\n                        })}\n\n                      {isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n                        renderRenewalSummary({\n                          displayedComponents: 'details',\n                        })}\n\n                      {/* Payment Method Selection */}\n                      <div style={{ display: 'flex', flexDirection: 'column', gap: '32px' }}>\n                        <payment-method-selector\n                          enabledPaymentMethods={[\n                            ...new Set(\n                              renewalState.data.paymentMethods.map(\n                                pm => pm.type as PAYMENT_METHOD_ENUM,\n                              ),\n                            ),\n                          ]}\n                          defaultSelected={this.currentPaymentMethod}\n                          errorComponent={{\n                            showErrorComponent: this.currentPaymentError,\n                            alertTitle: PaymentErrorMapper.getErrorTitle(\n                              this.currentPaymentMethod,\n                              renewalState.data.price.country,\n                              this.errorMessage?.alertTitle,\n                            ),\n                            message: PaymentErrorMapper.getErrorMessage(\n                              this.errorMessage?.message,\n                              this.currentPaymentMethod,\n                              renewalState.data.price.country,\n                            ),\n                          }}\n                          cardError={{\n                            showCardInvalid: this.errorCardInvalid,\n                            type: null,\n                          }}\n                          country={renewalState.data.price.country}\n                          documentTypeError={errors?.documentType}\n                          documentNumberError={errors?.documentNumber}\n                          showDocument={\n                            this.cardMode === 'input' &&\n                            (isFieldRequired('documentType', this.currentRequiredFields) ||\n                              isFieldRequired('documentNumber', this.currentRequiredFields))\n                          }\n                        />\n                        {/* Alert for non-card payment methods */}\n                        {this.currentPaymentMethod !== PAYMENT_METHOD_ENUM.CARD &&\n                          renewalState.data.subscription?.paymentMethod ===\n                            PAYMENT_METHOD_ENUM.CARD && (\n                            <rebill-alert\n                              type=\"info\"\n                              message={I18nService.translate('renewal.paymentMethodAlert', {\n                                cardLastFour:\n                                  renewalState.data?.subscription?.cardLastFour || '****',\n                              })}\n                              icon=\"calendar-edit\"\n                              variant=\"outlined\"\n                              colorIcon={COLORS_ENUM.PRIMARY}\n                            />\n                          )}\n                        {this.cardMode === 'input' &&\n                          isFieldRequired('bankId', this.currentRequiredFields) && (\n                            <div class=\"animated-component fade-in\">\n                              <rebill-bank-selector\n                                banks={\n                                  getFieldValues(\n                                    'bank',\n                                    this.allRequiredFields[this.currentPaymentMethod]?.original,\n                                  ) || []\n                                }\n                                defaultSelectedBankId={formData.bankId || ''}\n                                error={errors?.bankId}\n                              />\n                            </div>\n                          )}\n                      </div>\n                      {this.cardMode === 'input' &&\n                        (isFieldRequired('billing-country', this.currentRequiredFields) ||\n                          isFieldRequired('billing-state', this.currentRequiredFields) ||\n                          isFieldRequired('billing-address', this.currentRequiredFields) ||\n                          isFieldRequired('billing-city', this.currentRequiredFields) ||\n                          isFieldRequired('billing-zip', this.currentRequiredFields)) && (\n                          <div class=\"animated-component slide-in\">\n                            <rebill-address\n                              countryOptions={this.countries.map(country => ({\n                                label: country.country,\n                                value: country.isoCountryCode,\n                              }))}\n                              billingView={this.hasPrefilledAddress() ? 'form' : 'search'}\n                              errors={{\n                                'billing-country': errors['billing-country'],\n                                'billing-state': errors['billing-state'],\n                                'billing-address': errors['billing-address'],\n                                'billing-city': errors['billing-city'],\n                                'billing-zip': errors['billing-zip'],\n                              }}\n                            />\n                          </div>\n                        )}\n                      {this.cardMode === 'input' &&\n                        isFieldRequired('phoneNumber', this.currentRequiredFields) && (\n                          <div class=\"animated-component fade-in\">\n                            <user-information-phone error={errors?.phoneNumber} />\n                          </div>\n                        )}\n\n                      {/* Show APM checkout response after successful payment submission */}\n                      {this.checkoutResponse?.result &&\n                        (this.currentPaymentMethod === PAYMENT_METHOD_ENUM.CASH ||\n                          this.currentPaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER) && (\n                          <apm-checkout\n                            paymentMethod={this.currentPaymentMethod}\n                            referenceId={\n                              this.currentPaymentMethod === PAYMENT_METHOD_ENUM.CASH\n                                ? this.checkoutResponse.result.data.referenceId\n                                : undefined\n                            }\n                            qrCodeData={\n                              this.currentPaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER\n                                ? this.checkoutResponse.result.data.qrCode\n                                : undefined\n                            }\n                            providerName={renewalState.data.organization?.name || ''}\n                            expirationDate={(() => {\n                              const expirationDate = new Date();\n                              expirationDate.setDate(expirationDate.getDate() + 30);\n                              return expirationDate.toISOString();\n                            })()}\n                            country={renewalState.data.price.country}\n                            redirectUrl={this.checkoutResponse.result.data.url}\n                          />\n                        )}\n\n                      {isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n                        renderRenewalSummary({\n                          displayedComponents: 'summary',\n                        })}\n\n                      <div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n                        {/* Payment Button */}\n                        <payment-button\n                          paymentMethod={this.currentPaymentMethod}\n                          isLoading={this.isSubmitting}\n                          isRenewal={true}\n                          trialPeriodDays={renewalState.data.subscription.trialPeriodDays}\n                          redirectUrl={!!this.checkoutResponse?.result?.data?.url}\n                          timeToRedirect={5000}\n                          country={renewalState.data.price.country}\n                          isDisabled={renewalState.fetchingInstallments}\n                          onSubmit={() => submit()}\n                        />\n\n                        {/* Disabled Button Below */}\n                        <rebill-alert\n                          type=\"secure\"\n                          variant=\"variant-secure\"\n                          icon=\"lock-outline\"\n                          message={I18nService.translate('otp.secureMessage')}\n                        />\n                      </div>\n                    </div>\n                    <rebill-footer\n                      style={{\n                        marginTop: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)\n                          ? '24px'\n                          : 'auto',\n                      }}\n                    />\n                  </div>\n                </div>\n\n                {/* Desktop Summary */}\n                {!isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n                  <div class=\"right-section\">\n                    <div class=\"checkout-summary-section\">\n                      {renderRenewalSummary({\n                        displayedComponents: ['header', 'details', 'summary'],\n                      })}\n                    </div>\n                  </div>\n                )}\n              </div>\n            )}\n          />\n        )}\n      </>\n    );\n  }\n}\n"]}

package/dist/collection/components/renewal/renewal-success-page/renewal-success-page.js

@@ -161,13 +161,15 @@ export class RenewalSuccessPage {
                 email: renewalState.data.subscription.customerEmail || '',
                 referenceNumber: this.referenceNumber,
                 productTitle: renewalState.data.subscription.name[0]?.text || 'Subscription',
-                subtotal: this.getFormattedSubtotal(),
-                total: this.getFormattedTotal(),
+                subtotal: formatAmount(renewalState.data.subscription.subTotalAmount, renewalState.data.price.currency),
+                total: formatAmount(renewalState.data.price.amount, renewalState.data.price.currency),
                 currency: renewalState.data.price.currency || ' ',
-                discountAmount: this.getFormattedDiscountAmount(),
+                ...(this.getDiscountAmountValue() > 0 && {
+                    discountAmount: formatAmount(this.getDiscountAmountValue(), renewalState.data.price.currency),
+                }),
                 trialPeriodDays: this.trialPeriodDays,
                 debitDay: this.debitDay,
-                planAmount: this.getFormattedSubtotal(this.planAmount),
+                planAmount: formatAmount(this.planAmount, renewalState.data.price.currency),
                 isBankTransfer: this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER,
             });
         }
@@ -176,37 +178,13 @@ export class RenewalSuccessPage {
         }
     };
     getDiscountAmountValue = () => {
-        const discountAmount = Math.max(0, renewalState?.data?.price?.discountedAmount || 0);
-        if (discountAmount > 0) {
-            return discountAmount;
-        }
-        const discountPercentage = renewalState?.data?.price?.discountPercentage;
-        if (discountPercentage && discountPercentage > 0) {
-            const subtotal = renewalState?.data?.price?.amount || 0;
-            return Math.max(0, (subtotal * discountPercentage) / 100);
+        if (renewalState?.data?.price?.amount < renewalState?.data?.subscription?.subTotalAmount) {
+            return renewalState?.data?.subscription?.subTotalAmount - renewalState?.data?.price?.amount;
         }
         return 0;
     };
-    hasDiscount = () => this.getDiscountAmountValue() > 0;
-    getFormattedDiscountAmount = () => {
-        if (!this.hasDiscount()) {
-            return undefined;
-        }
-        const formattedAmount = formatAmount(this.getDiscountAmountValue(), renewalState.data.price.currency);
-        return `-${formattedAmount}`;
-    };
-    getFormattedSubtotal = (planAmount) => {
-        const subtotal = planAmount ?? renewalState.data.price.amount ?? 0;
-        return formatAmount(subtotal, renewalState.data.price.currency);
-    };
-    getFormattedTotal = () => {
-        if (this.trialPeriodDays > 0) {
-            return formatAmount(0, renewalState.data.price.currency);
-        }
-        const subtotal = renewalState.data.price.amount || 0;
-        const discount = this.getDiscountAmountValue();
-        const total = Math.max(subtotal - discount, 0);
-        return formatAmount(total, renewalState.data.price.currency);
+    hasDiscount = () => {
+        return this.getDiscountAmountValue() > 0;
     };
     textPaymentMethodCard = () => {
         const cardBrand = renewalState.data?.cardInformation?.brand;
@@ -215,9 +193,9 @@ export class RenewalSuccessPage {
         return cardBrand && cardLastFour ? `${formattedBrand} - ${cardLastFour}` : formattedBrand;
     };
     render() {
-        return (h("rebill-checkout-single-column", { key: '402b4cedbbb17a23bd3577c1f21e1fd6bd90e3d8' }, h("div", { key: '9bc1be4cb9c93f5592e4337aacf3c86f2248b463', class: "renewal-success-page__success-content" }, h("rebill-typography", { key: 'f7ce3badf06d52e57caf34c0afffbeae31d2893e', variant: "h3", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.successTitle')), h("div", { key: '84fa4f4430a40a94fc74108cbc55ddf72552337a', class: "renewal-success-page__success-icon" }, h("svg", { key: 'bcfef4becc9eceda6ab2065f4f35725b961f74e1', width: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', height: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '47b8622f0f1d57c30caa633a89fe8f3a55a59c1d', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z", fill: "#35B093" }))), h("div", { key: '391528d1d7a987c0e8ec0fc9f2f70619581b5511', class: "renewal-success-page__info-card" }, h("div", { key: 'de44d111c5887d56a40ed2fce6d13f6abf5e2edf', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '6f784c644d7b7a75116cd007270b210539d4a3f0', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentMethod')), h("div", { key: 'c2e6052f4a84d2526255f385a386090324b2f152', class: "renewal-success-page__card-value" }, h("div", { key: '72f42b62950d7fa81422e7fbf40ceefa37042f9a', class: "renewal-success-page__payment-method-display" }, this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (h(h.Fragment, null, h("rebill-card-icon", { key: 'd1614bb2b9d5406846d1fd60a761f1133aafb41f', "card-brand": renewalState.data?.cardInformation?.brand || '' }), h("rebill-typography", { key: 'bae3048cbc1bd7423b4ebc609f053b8e3aaff5e1', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.textPaymentMethodCard()))), this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (h("div", { key: 'dd0ec5a1c831c0a15d60f258afbbf14a327d5ae2', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, h("div", { key: '093b84d802004f86f6c85822b79373af669a76b8', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, this.getPaymentMethodConfig(PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(iconName => {
+        return (h("rebill-checkout-single-column", { key: 'cb90cb24d93fb4245e4eaf3cdeeab4e278b2c546' }, h("div", { key: '20e031f6307df3ffeceb32ff4bf1337ac54ad098', class: "renewal-success-page__success-content" }, h("rebill-typography", { key: '199431628bf2461d82397f04146f5f830d5ed88f', variant: "h3", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.successTitle')), h("div", { key: '761a4e40d5b1653a3cd3e9b667027025b19dacf0', class: "renewal-success-page__success-icon" }, h("svg", { key: '35c1f8a00382da91c35813c086a13236ef64d150', width: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', height: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'eba561010f527546317c5a5368364e3b7d88a8d8', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z", fill: "#35B093" }))), h("div", { key: '82ac13c8d26f7ac58c28e8b49518abe140749561', class: "renewal-success-page__info-card" }, h("div", { key: '0b1c283d679bf968265a23b67fd8821c9a1a57db', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'ca1a8d98b07b2a681cf630f09d047a0c60063be6', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentMethod')), h("div", { key: '4449bcb86cddf6316f570bad14b240f3e328ae99', class: "renewal-success-page__card-value" }, h("div", { key: '4858d10857b00244122145864cc92906abdcd24a', class: "renewal-success-page__payment-method-display" }, this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (h(h.Fragment, null, h("rebill-card-icon", { key: 'b64cfc5c69e3c0627f361650f039e06329c9004e', "card-brand": renewalState.data?.cardInformation?.brand || '' }), h("rebill-typography", { key: '7ef5fc2219158df995dfbcab3ecd35291ce6d1eb', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.textPaymentMethodCard()))), this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (h("div", { key: '9759c64a9ca925f6ad3ebe5be536451a2e7b8e9c', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, h("div", { key: '9b8b9987a82403e24f355fd68ca625d5ac6be0d0', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, this.getPaymentMethodConfig(PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(iconName => {
             return h("rebill-icon", { name: iconName, size: "24px" });
-        })), h("rebill-typography", { key: '9bd7ba23735aba250101ea8315bddc9d594570a7', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('paymentMethods.bank_transfer'))))))), h("div", { key: '91c7a5bf52399e4e4055c189e2e411e1ad2e203e', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '508a953b5441320aaefd442fb93e5707690d9e62', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentDate')), h("rebill-typography", { key: '8c7686c3bcc20c035737b45278acccb49780fe58', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatDateTime(this.paymentDate || this.getPaymentDate()) || '')), h("div", { key: '88d968be1d372100800274e115fa9323d753b828', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '5264ac14e417e34665a59d4572ec46df8606d340', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentEmail')), h("rebill-typography", { key: 'f4b9888d50c95dd950ff9adcad791ae500cc7dec', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, renewalState.data.subscription.customerEmail)), h("div", { key: 'e933d5001c82f1292f400f5e285b5f28b48a5cad', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '12646ade5d46a1c38ecac3880aea46368075fd89', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentReference')), h("rebill-typography", { key: '17e995e8325839b525f2f5d83f199bff23c1f0bb', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT, class: "renewal-success-page__reference-number" }, this.referenceNumber || ''))), h("div", { key: '9e714b5b6abe2fa3b554ff23864b55eb1e9705f7', class: "renewal-success-page__info-card" }, h("rebill-typography", { key: 'af0b32e8798a303623041dde9d28a375e889bdb5', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.purchaseDetails')), h("div", { key: 'cac87630f051f922dbb1959427598a522d658d69', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'f706894cbf35d955fc5f7274ece9d9cb67971c2e', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseDetail')), h("rebill-typography", { key: 'a5859c5c865c695a829de366e3e2ebbc668e8101', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, renewalState.data.subscription.name[0]?.text || 'Subscription')), h("div", { key: '57b6d1330e351c35717d3eaaf501115be61abb71', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '8e1edb959a3b467e3fe6da7dfe9382fea4bb6cf7', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseSubtotal')), h("rebill-typography", { key: '427e62c031020d53f5ad99b1f1a61104fc4ebcfd', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedSubtotal())), this.hasDiscount() && (h("div", { key: '1b4efd6793d3cd6c74c888f14f59faf3d5238bd1', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '0a97cd35189920a79f772cad82f0f8f28ce2c35c', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('summary.discount')), h("rebill-typography", { key: '7502bde7fdad45ba3d2d2747aa953084ba3c9f36', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedDiscountAmount()))), h("div", { key: '0d9b02cd11d0011aa4737c2d7678eb9368b02d7d', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'aae100f9b4cf8f91c74e1f10ab389607d302b56f', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseMontoTotal')), h("div", { key: '97136630c0c86c506452fc980786c284a80d6215', class: "renewal-success-page__total-amount-container" }, h("rebill-typography", { key: 'b6d1fca12f80fb11749faa0437d1e3caec7105f6', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedTotal()))), h("div", { key: 'ca97f59a1de8363224bf369a8ae468ce6850a93b', class: "renewal-success-page__card-divider" }), h("div", { key: 'ab1c16fcfa2f0d950d3a75660bc5aaa56953a0ee', class: "renewal-success-page__download-container" }, h("svg", { key: 'b44ab9cdadf127ab276d5d39d5265c60a1e2774e', class: "download-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '116d9d468ce2f32e23583d435f0e85b857695d9b', d: "M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("rebill-button", { key: 'f412228cba96c132cc654ffac04a09397d12d8fa', type: "button", variant: "download", size: "small", onClick: this.handleDownloadReceipt }, h("rebill-typography", { key: '8e6f3a7b1649a6a91aa1655e2d37f48e5a4d5296', variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.download')))), h("div", { key: '59d551b52f1a434843fb77fe04f81f07334ea0f0', class: "renewal-success-page__contact-info" }, h("rebill-typography", { key: 'fa90b7fc1f360607c29d7d05e560a43337d7d490', variant: "information-text", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.downloadDescription')))))));
+        })), h("rebill-typography", { key: 'b830a51f477da38f4fad6d861d56d8473eedc1e0', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('paymentMethods.bank_transfer'))))))), h("div", { key: '9f336dc44b09b227dca8d55f7543af8d6965340e', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '54487e54a1d044044748d39e838f0bcedc1806db', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentDate')), h("rebill-typography", { key: 'f90cb87eaad022c8e4e8a7fd50b6efc98e96e5fb', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatDateTime(this.paymentDate || this.getPaymentDate()) || '')), h("div", { key: '4f5dd152b68e4bf8f09929fc459204c9c9316c7d', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '977d12ffd4f81822f16e040f36380354569a38ee', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentEmail')), h("rebill-typography", { key: '62e10631ec66d641f7c2a2e18aecd583d14d51d1', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, renewalState.data.subscription.customerEmail)), h("div", { key: 'ef143339c11f42d47d5c29dcb77f432a6ab522ab', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'd7f341310f59a3f15a112cdcd393f60dd762f742', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentReference')), h("rebill-typography", { key: '06c82cbdede33d774212a283229e51a27de9526f', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT, class: "renewal-success-page__reference-number" }, this.referenceNumber || ''))), h("div", { key: '6e1dc249302831b6d86174d69c766d4149e532d0', class: "renewal-success-page__info-card" }, h("rebill-typography", { key: 'b9c21efa101829c13f8cc13518c55769fdf2f210', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.purchaseDetails')), h("div", { key: '28d67a7e5b44c05d5c4d795c0293c841ee5b220f', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '907bb77f52600cff2d1cfd9cc66653d5a62f1d8a', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseDetail')), h("rebill-typography", { key: 'ae917b6621a7e550793f363f64854cccc9c676c5', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, renewalState.data.subscription.name[0]?.text || 'Subscription')), h("div", { key: '5aee63e2757c447c31a554563bc3bfe4442e9727', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'dfd32d9e61e6671ae0ccd7204efc0dc957ce6f5f', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseSubtotal')), h("rebill-typography", { key: '60d4e2c5d2a9907c7676692f123b9ac809726636', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatAmount(renewalState.data.subscription.subTotalAmount, renewalState.data.price.currency))), this.hasDiscount() && (h("div", { key: 'c2b4d3539da9811e82e14f00e40995813642e281', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '4cc407db9e8654592ac8961793ac16c5c8bdc650', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('summary.discount')), h("rebill-typography", { key: '8767ff24390fd66f61a3007ec5c89b23f4d15708', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatAmount(this.getDiscountAmountValue(), renewalState.data.price.currency)))), h("div", { key: '6f58d05abb853a328a91bfb773f2efbb46ddf766', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '1b07af9baa275addf2270e9ebb652021ba3af2ad', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseMontoTotal')), h("div", { key: '01c846178f5a87baf3cebe47f373e93b415fd9fb', class: "renewal-success-page__total-amount-container" }, h("rebill-typography", { key: '570f795573812b983aacd716fc95892c16ddb66f', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatAmount(renewalState.data.price.amount, renewalState.data.price.currency)))), h("div", { key: '101e06be84246481dd7fb120b4e64df6656382e7', class: "renewal-success-page__card-divider" }), h("div", { key: 'bad8e69d95ee7befdb613246328ff6ef9556cf9d', class: "renewal-success-page__download-container" }, h("svg", { key: '97b4a2ac69de811ce0881b577cd0c3bc39e13c14', class: "download-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '31afab13c012655e05413f5cf15d2545b3ac835e', d: "M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("rebill-button", { key: '335a6328a75c0474ff6983bc0c3be5f8fdd62033', type: "button", variant: "download", size: "small", onClick: this.handleDownloadReceipt }, h("rebill-typography", { key: '9d5427cb68781fe7b8202639ea9ef8f0fc13c6ed', variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.download')))), h("div", { key: '1fba619b28bac4f85e2f00a7a227c91a4352f9b7', class: "renewal-success-page__contact-info" }, h("rebill-typography", { key: '942aee63c06bc040ea304545ddf0dfc64235102a', variant: "information-text", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.downloadDescription')))))));
     }
     static get is() { return "renewal-success-page"; }
     static get originalStyleUrls() {