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

package/dist/collection/components/shared/timeline/timeline-free-trial.js

@@ -163,7 +163,7 @@ export class Timeline {
     }
     render() {
         const events = this.buildEvents();
-        return (h("div", { key: '86e41b40c8d44c943c7a5d28a663a91fd654bb44', class: "timeline-container" }, h("div", { key: 'a99e90355fc9d0e86900ab0d6642729aff363840', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0, events.length)))));
+        return (h("div", { key: '37de134204fd8f16fbdf92fedbe9619609082688', class: "timeline-container" }, h("div", { key: '324b73198c205eb8efa5a407ca2d4a5570145c51', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0, events.length)))));
     }
     static get is() { return "rebill-timeline-free-trial"; }
     static get originalStyleUrls() {

package/dist/collection/models/renewal.model.js.map

@@ -1 +1 @@
-{"version":3,"file":"renewal.model.js","sourceRoot":"","sources":["../../src/models/renewal.model.ts"],"names":[],"mappings":"","sourcesContent":["import { PLAN_FREQUENCY_ENUM } from '../components';\nimport { ENUM_INSTALLMENT_MODEL } from './enums/installment.enum';\n\n// Renewal-specific interfaces based on actual API response\nexport interface RenewalSubscriptionName {\n  text: string;\n  language: string;\n}\n\nexport interface RenewalSubscription {\n  id: string;\n  organizationId: string;\n  status: string;\n  name: RenewalSubscriptionName[];\n  description: RenewalSubscriptionName[];\n  planId: string | null;\n  amount: number;\n  currency: string;\n  isPriceFixed: boolean;\n  targetCurrency: string | null;\n  isProcessing: boolean;\n  frequency: {\n    count: number;\n    period: PLAN_FREQUENCY_ENUM;\n  };\n  repetitions: number;\n  currentRepetitions: number;\n  debitDay: number | null;\n  type: string;\n  lastChargeDate: string;\n  nextChargeDate: string;\n  remainingIterations: number;\n  customerId: string;\n  customerName: string;\n  customerEmail: string;\n  paymentMethod: string;\n  cardId: string | null;\n  cardLastFour: string | null;\n  trialPeriodDays: number | null;\n  metadata: any;\n  createdAt: string;\n}\n\nexport interface RenewalPrice {\n  amount: number;\n  currency: string;\n  country: string;\n  paymentMethods: string[];\n}\n\nexport interface RenewalPaymentMethod {\n  name: string;\n  type: string;\n}\n\nexport interface RenewalOrganization {\n  id: string;\n  name: string;\n  logoUrl?: string | null;\n}\n\nexport interface RenewalCardInformation {\n  brand: string;\n  type: string;\n  isoCountry: string;\n  bank: string;\n  lastFour?: string;\n  installments: {\n    isAvailableInstallments: boolean;\n    installments: {\n      model: ENUM_INSTALLMENT_MODEL;\n      cft: number;\n      installment: number;\n      totalAmount: number;\n      installmentAmount: number;\n      cftAmount: number;\n    }[];\n    selectedInstallment?: {\n      cft: number;\n      cftAmount: number;\n      installment: number;\n      installmentAmount: number;\n      totalAmount: number;\n      model: ENUM_INSTALLMENT_MODEL;\n    };\n  };\n}\n\n// Main renewal session interface matching the API response\nexport interface RenewalSession {\n  id: string; // This is the session ID\n  cardTokenId?: string;\n  cardId?: string; // Optional, if card is saved\n  cardInformation?: RenewalCardInformation;\n  subscription: RenewalSubscription;\n  organization: RenewalOrganization;\n  price: RenewalPrice;\n  paymentMethods: RenewalPaymentMethod[];\n  country: string;\n  createdAt: string;\n  updatedAt: string;\n}\n\n// Component props interface (same as RenewalSession)\nexport interface RebillRenewalProps extends RenewalSession {\n  token: string; // Token for the renewal session\n}\n"]}
+{"version":3,"file":"renewal.model.js","sourceRoot":"","sources":["../../src/models/renewal.model.ts"],"names":[],"mappings":"","sourcesContent":["import { PLAN_FREQUENCY_ENUM } from '../components';\nimport { ENUM_INSTALLMENT_MODEL } from './enums/installment.enum';\n\n// Renewal-specific interfaces based on actual API response\nexport interface RenewalSubscriptionName {\n  text: string;\n  language: string;\n}\n\nexport interface RenewalSubscription {\n  id: string;\n  organizationId: string;\n  status: string;\n  name: RenewalSubscriptionName[];\n  description: RenewalSubscriptionName[];\n  planId: string | null;\n  amount: number;\n  currency: string;\n  isPriceFixed: boolean;\n  targetCurrency: string | null;\n  isProcessing: boolean;\n  frequency: {\n    count: number;\n    period: PLAN_FREQUENCY_ENUM;\n  };\n  repetitions: number;\n  currentRepetitions: number;\n  debitDay: number | null;\n  type: string;\n  lastChargeDate: string;\n  nextChargeDate: string;\n  remainingIterations: number;\n  customerId: string;\n  customerName: string;\n  customerEmail: string;\n  paymentMethod: string;\n  cardId: string | null;\n  cardLastFour: string | null;\n  trialPeriodDays: number | null;\n  metadata: any;\n  createdAt: string;\n}\n\nexport interface RenewalPrice {\n  amount: number;\n  currency: string;\n  country: string;\n  paymentMethods: string[];\n  couponCode?: string | null;\n  discountPercentage?: number;\n  discountedAmount?: number;\n}\n\nexport interface RenewalPaymentMethod {\n  name: string;\n  type: string;\n}\n\nexport interface RenewalOrganization {\n  id: string;\n  name: string;\n  logoUrl?: string | null;\n}\n\nexport interface RenewalCardInformation {\n  brand: string;\n  type: string;\n  isoCountry: string;\n  bank: string;\n  lastFour?: string;\n  installments: {\n    isAvailableInstallments: boolean;\n    installments: {\n      model: ENUM_INSTALLMENT_MODEL;\n      cft: number;\n      installment: number;\n      totalAmount: number;\n      installmentAmount: number;\n      cftAmount: number;\n    }[];\n    selectedInstallment?: {\n      cft: number;\n      cftAmount: number;\n      installment: number;\n      installmentAmount: number;\n      totalAmount: number;\n      model: ENUM_INSTALLMENT_MODEL;\n    };\n  };\n}\n\n// Main renewal session interface matching the API response\nexport interface RenewalSession {\n  id: string; // This is the session ID\n  cardTokenId?: string;\n  cardId?: string; // Optional, if card is saved\n  cardInformation?: RenewalCardInformation;\n  subscription: RenewalSubscription;\n  organization: RenewalOrganization;\n  price: RenewalPrice;\n  paymentMethods: RenewalPaymentMethod[];\n  country: string;\n  createdAt: string;\n  updatedAt: string;\n}\n\n// Component props interface (same as RenewalSession)\nexport interface RebillRenewalProps extends RenewalSession {\n  token: string; // Token for the renewal session\n}\n"]}

package/dist/collection/store/renewal.store.js

@@ -60,6 +60,9 @@ const initialRenewalState = {
             currency: '',
             country: '',
             paymentMethods: [],
+            couponCode: null,
+            discountPercentage: 0,
+            discountedAmount: 0,
         },
         paymentMethods: [],
         country: '',

package/dist/collection/store/renewal.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"renewal.store.js","sourceRoot":"","sources":["../../src/store/renewal.store.ts"],"names":[],"mappings":"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","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      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    },\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"]}
+{"version":3,"file":"renewal.store.js","sourceRoot":"","sources":["../../src/store/renewal.store.ts"],"names":[],"mappings":"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","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      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"]}

package/dist/components/apm-checkout.js

@@ -1,4 +1,4 @@
-import { A as APMCheckout, d as defineCustomElement$1 } from './p-DU4kUISl.js';
+import { A as APMCheckout, d as defineCustomElement$1 } from './p-Dm8Dxmer.js';
 
 const ApmCheckout = APMCheckout;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/bank-transfer.js

@@ -1,4 +1,4 @@
-import { B as BankTransfer$1, d as defineCustomElement$1 } from './p-CVtNCEPd.js';
+import { B as BankTransfer$1, d as defineCustomElement$1 } from './p-PBF27XTU.js';
 
 const BankTransfer = BankTransfer$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/card-fields-wrapper.js

@@ -1,4 +1,4 @@
-import { C as CardFieldsWrapper$1, d as defineCustomElement$1 } from './p-mA3Sj5fj.js';
+import { C as CardFieldsWrapper$1, d as defineCustomElement$1 } from './p-B7uE6iBd.js';
 
 const CardFieldsWrapper = CardFieldsWrapper$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/card-identification.js

@@ -1,4 +1,4 @@
-import { I as Identification, d as defineCustomElement$1 } from './p-CpXk4UfE.js';
+import { I as Identification, d as defineCustomElement$1 } from './p-DBi6K19S.js';
 
 const CardIdentification = Identification;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/card-iframe.js

@@ -1,4 +1,4 @@
-import { C as CardIframe$1, d as defineCustomElement$1 } from './p-WQJ1HwUp.js';
+import { C as CardIframe$1, d as defineCustomElement$1 } from './p-dgrAtFYi.js';
 
 const CardIframe = CardIframe$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/card-skeleton.js

@@ -1,4 +1,4 @@
-import { C as CardSkeleton$1, d as defineCustomElement$1 } from './p-BV_MHtDc.js';
+import { C as CardSkeleton$1, d as defineCustomElement$1 } from './p-C0LGxeng.js';
 
 const CardSkeleton = CardSkeleton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/collapsible-card.js

@@ -1,4 +1,4 @@
-import { C as CollapsibleCard$1, d as defineCustomElement$1 } from './p-DrAiGSzG.js';
+import { C as CollapsibleCard$1, d as defineCustomElement$1 } from './p-Dp8EoajW.js';
 
 const CollapsibleCard = CollapsibleCard$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/discount-coupon.js

@@ -1,4 +1,4 @@
-import { D as DiscountCoupon$1, d as defineCustomElement$1 } from './p-BWkW7_Hh.js';
+import { D as DiscountCoupon$1, d as defineCustomElement$1 } from './p-CisP549A.js';
 
 const DiscountCoupon = DiscountCoupon$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/input-otp.js

@@ -1,4 +1,4 @@
-import { I as InputOtp$1, d as defineCustomElement$1 } from './p-wjfhDzgd.js';
+import { I as InputOtp$1, d as defineCustomElement$1 } from './p-CKYowY5T.js';
 
 const InputOtp = InputOtp$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/otp-component.js

@@ -1,4 +1,4 @@
-import { O as Otp, d as defineCustomElement$1 } from './p-B1BCKuQ0.js';
+import { O as Otp, d as defineCustomElement$1 } from './p-D1lAYXxG.js';
 
 const OtpComponent = Otp;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-BbLfqjb0.js → p-3K2fnS0h.js}

@@ -1,10 +1,10 @@
 import { proxyCustomElement, H, h } from './p-8BpuJ_V5.js';
 import { c as formatAmount, e as instance, j as SESSION_DISCOUNT_TYPE_ENUM, s as state, I as I18nService } from './p-CMzpQU2o.js';
 import { C as COLORS_ENUM } from './p-DA598vBj.js';
-import { d as defineCustomElement$4 } from './p-Dr1acigj.js';
+import { d as defineCustomElement$4 } from './p-xNgCL9nV.js';
 import { d as defineCustomElement$3 } from './p-CWY-g0zG.js';
 import { d as defineCustomElement$2 } from './p-C_txMekS.js';
-import { d as defineCustomElement$1 } from './p-CNBrNMEa.js';
+import { d as defineCustomElement$1 } from './p-DKn8wDv6.js';
 
 const timelineFreeTrialCss = ".timeline-container{width:100%;margin:0 auto}.timeline{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--rebill-color-background);border:1px solid var(--rebill-color-border);border-radius:8px;justify-content:space-evenly}.timeline-event{display:flex;align-items:flex-start;gap:8px;position:relative}.timeline-icon-container{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative;gap:4px}.timeline-connector-container{display:flex;flex-direction:column;align-items:center;flex-shrink:0;position:relative;min-height:40px}.timeline-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0;z-index:2;gap:4px}.timeline-connector-divider{display:block;flex-shrink:0;z-index:1}.event-content{flex:1;display:flex;flex-direction:column}.discount-info{margin-top:8px}@media (max-width: 1024px){.timeline{border:none;padding:0}.timeline-event{gap:12px;align-items:flex-start}.timeline-icon{width:28px;height:28px}}";
 
@@ -172,7 +172,7 @@ const Timeline = /*@__PURE__*/ proxyCustomElement(class Timeline extends H {
     }
     render() {
         const events = this.buildEvents();
-        return (h("div", { key: '86e41b40c8d44c943c7a5d28a663a91fd654bb44', class: "timeline-container" }, h("div", { key: 'a99e90355fc9d0e86900ab0d6642729aff363840', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0, events.length)))));
+        return (h("div", { key: '37de134204fd8f16fbdf92fedbe9619609082688', class: "timeline-container" }, h("div", { key: '324b73198c205eb8efa5a407ca2d4a5570145c51', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0, events.length)))));
     }
     static get style() { return timelineFreeTrialCss; }
 }, [256, "rebill-timeline-free-trial", {
@@ -225,6 +225,6 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Timeline as T, defineCustomElement as d };
-//# sourceMappingURL=p-BbLfqjb0.js.map
+//# sourceMappingURL=p-3K2fnS0h.js.map
 
-//# sourceMappingURL=p-BbLfqjb0.js.map
+//# sourceMappingURL=p-3K2fnS0h.js.map

package/dist/components/{p-BbLfqjb0.js.map → p-3K2fnS0h.js.map}

@@ -1 +1 @@
-{"file":"p-BbLfqjb0.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","i18n","sessionState"],"sources":["src/components/shared/timeline/timeline-free-trial.css?tag=rebill-timeline-free-trial","src/components/shared/timeline/timeline-free-trial.tsx"],"sourcesContent":[".timeline-container {\n  width: 100%;\n  margin: 0 auto;\n}\n\n.timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 16px;\n  background: var(--rebill-color-background);\n  border: 1px solid var(--rebill-color-border);\n  border-radius: 8px;\n  justify-content: space-evenly;\n}\n\n.timeline-event {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  position: relative;\n}\n\n.timeline-icon-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex-shrink: 0;\n  position: relative;\n  gap: 4px;\n}\n.timeline-connector-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex-shrink: 0;\n  position: relative;\n  min-height: 40px;\n}\n.timeline-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  z-index: 2;\n  gap: 4px;\n}\n\n.timeline-connector-divider {\n  display: block;\n  flex-shrink: 0;\n  z-index: 1;\n}\n\n.event-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.discount-info {\n  margin-top: 8px;\n}\n\n@media (max-width: 1024px) {\n  .timeline {\n    border: none;\n    padding: 0;\n  }\n\n  .timeline-event {\n    gap: 12px;\n    align-items: flex-start;\n  }\n\n  .timeline-icon {\n    width: 28px;\n    height: 28px;\n  }\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { SESSION_DISCOUNT_TYPE_ENUM } from '../../../models/enums/session.enum';\nimport { sessionState } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { formatAmount } from '../../../utils/currency-formatter';\n\ninterface TimelineEvent {\n  day: number;\n  type: 'start' | 'reminder' | 'last' | 'renewal';\n  date: string;\n  title: string;\n  description: string;\n  icon: string;\n  discountInfo?: string;\n  amount?: string;\n}\n\n@Component({\n  tag: 'rebill-timeline-free-trial',\n  styleUrl: 'timeline-free-trial.css',\n  shadow: false,\n})\nexport class Timeline {\n  @State() currentLanguage: string;\n\n  @Prop() trialPeriodEndsAt: string;\n  @Prop() trialPeriodEndsReminderAt?: string;\n  @Prop() trialPeriodDays: number;\n  @Prop() subtotal: number;\n  @Prop() currency: string;\n  @Prop() language?: string;\n  @Prop() discountApplied: boolean = false;\n  @Prop() discountType: SESSION_DISCOUNT_TYPE_ENUM;\n  @Prop() discountedPercentage: number = 0;\n  @Prop() discountDuration: number = 0;\n  @Prop() discountAmount: number = 0;\n\n  private get amount() {\n    return formatAmount(this.subtotal, this.currency, false);\n  }\n\n  private getDurationTranslation(duration: number): string {\n    return duration === 1\n      ? i18n.t('summary.month_one')\n      : i18n.t('summary.month_other', { count: duration });\n  }\n\n  private get hasDiscountApplied(): boolean {\n    const hasDiscountInStore = Boolean(\n      sessionState.data.discount?.couponCode ||\n        sessionState.data.pricing?.discountCouponCode ||\n        sessionState.data.discount?.discountType ||\n        (this.discountType && (this.discountedPercentage > 0 || this.discountAmount > 0)),\n    );\n\n    return hasDiscountInStore;\n  }\n\n  private getDiscountDescription(): string {\n    if (!this.hasDiscountApplied) return '';\n\n    const couponCode =\n      sessionState.data.discount.couponCode || sessionState.data.pricing.discountCouponCode;\n    const discount =\n      this.discountType === SESSION_DISCOUNT_TYPE_ENUM.PERCENTAGE\n        ? `${this.discountedPercentage}%`\n        : formatAmount(this.discountAmount, this.currency);\n\n    if (this.discountDuration) {\n      return i18n.t(`summary.planDiscountDescriptionWithDuration`, {\n        discount: couponCode ? `${couponCode} – ${discount}` : discount,\n        duration: this.getDurationTranslation(this.discountDuration),\n      });\n    } else {\n      return i18n.t(`summary.planDiscountDescriptionWithoutDuration`, {\n        discount: couponCode ? `${couponCode} – ${discount}` : discount,\n      });\n    }\n  }\n\n  private calculateRenewalDate(): string {\n    if (!this.discountDuration || !this.trialPeriodEndsAt) {\n      return this.trialPeriodEndsAt;\n    }\n    const trialEndDate = new Date(this.trialPeriodEndsAt);\n    const renewalDate = new Date(trialEndDate);\n    renewalDate.setMonth(renewalDate.getMonth() + this.discountDuration);\n\n    return renewalDate.toISOString();\n  }\n\n  componentWillLoad() {\n    this.currentLanguage = this.language || I18nService.getCurrentLanguage();\n    i18n.on('languageChanged', this.handleLanguageChange);\n  }\n\n  disconnectedCallback() {\n    i18n.off('languageChanged', this.handleLanguageChange);\n  }\n\n  private handleLanguageChange = () => {\n    this.currentLanguage = this.language || I18nService.getCurrentLanguage();\n  };\n\n  private getDateForDay(dayNumber: string | number | null): string {\n    if (typeof dayNumber === 'string') {\n      const date = new Date(dayNumber);\n      return (\n        date.getDate().toString() +\n        ' de ' +\n        date.toLocaleDateString(this.currentLanguage, {\n          month: 'long',\n          timeZone: 'UTC',\n        })\n      );\n    } else {\n      const today = new Date();\n      const targetDate = new Date(today);\n      const day = dayNumber || 1;\n      targetDate.setDate(today.getDate() + (day - 1));\n      return targetDate.toLocaleDateString(this.currentLanguage, {\n        day: 'numeric',\n        month: 'long',\n        timeZone: 'UTC',\n      });\n    }\n  }\n\n  private buildEvents(): TimelineEvent[] {\n    const events: TimelineEvent[] = [];\n\n    events.push({\n      day: 1,\n      type: 'start',\n      date: this.getDateForDay(null),\n      title: i18n.t('timeline.dayOne'),\n      description: i18n.t('timeline.startTrial', {\n        count: this.trialPeriodDays,\n        trialDays: this.trialPeriodDays,\n      }),\n      icon: 'circle-calendar',\n    });\n\n    const lastDayNumber = this.trialPeriodDays === 1 ? 2 : this.trialPeriodDays;\n\n    const subscriptionAmount =\n      this.hasDiscountApplied && this.subtotal === 0 ? '$0' : `$${this.amount}`;\n\n    const lastDay: TimelineEvent = {\n      day: lastDayNumber,\n      type: 'last',\n      date: this.getDateForDay(this.trialPeriodEndsAt),\n      title: i18n.t('timeline.lastDay', { day: lastDayNumber }),\n      description: i18n.t('timeline.subscriptionStart', { amount: subscriptionAmount }),\n      icon: 'circle-receipt',\n      discountInfo: this.hasDiscountApplied ? this.getDiscountDescription() : undefined,\n    };\n\n    if (this.trialPeriodEndsReminderAt) {\n      if (this.trialPeriodDays === 3) {\n        events.push({\n          day: 2,\n          type: 'reminder',\n          date: this.getDateForDay(this.trialPeriodEndsReminderAt),\n          title: i18n.t('timeline.reminder', { day: 2 }),\n          description: i18n.t('timeline.lastDaysReminder', { days: 2 }),\n          icon: 'bell',\n        });\n      } else if (this.trialPeriodDays > 3) {\n        events.push({\n          day: this.trialPeriodDays,\n          type: 'reminder',\n          date: this.getDateForDay(this.trialPeriodEndsReminderAt),\n          title: i18n.t('timeline.reminder', { day: this.trialPeriodDays - 2 }),\n          description: i18n.t('timeline.lastDaysReminder', { days: 2 }),\n          icon: 'bell',\n        });\n      }\n    }\n\n    events.push(lastDay);\n\n    if (this.hasDiscountApplied && this.discountDuration !== null) {\n      const renewalAmount = sessionState.data.pricing.planAmount;\n      const renewalDate = this.calculateRenewalDate();\n\n      events.push({\n        day: lastDayNumber + 1,\n        type: 'renewal',\n        date: this.getDateForDay(renewalDate),\n        title: i18n.t('timeline.subscriptionRenewal'),\n        description: i18n.t('timeline.renewalAmount', {\n          amount: `$${formatAmount(renewalAmount, this.currency, false)}`,\n        }),\n        icon: 'renewal',\n        amount: `$${formatAmount(renewalAmount, this.currency, false)}`,\n      });\n    }\n\n    return events;\n  }\n\n  private renderEvent(\n    event: TimelineEvent,\n    isLast: boolean,\n    isFirst: boolean,\n    totalEvents: number,\n  ) {\n    return (\n      <div key={event.day} class=\"timeline-event\">\n        <div class=\"timeline-icon-container\">\n          <rebill-icon name={event.icon} style={{ marginTop: '3px' }} />\n          <div class=\"timeline-connector-container\">\n            {!isLast &&\n              (isFirst ? (\n                totalEvents === 2 ? (\n                  <rebill-vertical-divider\n                    connectorActive\n                    color={COLORS_ENUM.INFO_BORDER}\n                    class=\"timeline-connector-divider\"\n                    height={event.discountInfo ? '65px' : '45px'}\n                  />\n                ) : (\n                  <rebill-vertical-divider\n                    connectorActive\n                    color={COLORS_ENUM.INFO_BORDER}\n                    class=\"timeline-connector-divider\"\n                    height={event.discountInfo ? '65px' : '45px'}\n                    withDot\n                  />\n                )\n              ) : (\n                <rebill-vertical-divider\n                  color={COLORS_ENUM.TIMELINE_CONNECTOR}\n                  class=\"timeline-connector-divider\"\n                  height={event.discountInfo ? '65px' : '45px'}\n                />\n              ))}\n          </div>\n        </div>\n        <div class=\"event-content\">\n          <rebill-typography variant=\"subtitle-bold\">{event.title}</rebill-typography>\n          <div class=\"event-date\">\n            <rebill-typography variant=\"body2\">\n              {`${event.date} - ${event.description}`}\n            </rebill-typography>\n          </div>\n          {event.discountInfo && (\n            <div class=\"discount-info\">\n              <rebill-alert\n                variant=\"filled\"\n                type=\"coupon\"\n                icon=\"tag-green\"\n                size=\"small\"\n                colorIcon={COLORS_ENUM.GREEN}\n                alertTitle={event.discountInfo}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const events = this.buildEvents();\n\n    return (\n      <div class=\"timeline-container\">\n        <div class=\"timeline\">\n          {events.map((event, index) =>\n            this.renderEvent(event, index === events.length - 1, index === 0, events.length),\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"p-3K2fnS0h.js","mappings":";;;;;;;;AAAA,MAAM,oBAAoB,GAAG,y/BAAy/B;;MCwBzgC,QAAQ,iBAAAA,kBAAA,CAAA,MAAA,QAAA,SAAAC,CAAA,CAAA;;;;;;;AACV,IAAA,eAAe;AAEhB,IAAA,iBAAiB;AACjB,IAAA,yBAAyB;AACzB,IAAA,eAAe;AACf,IAAA,QAAQ;AACR,IAAA,QAAQ;AACR,IAAA,QAAQ;IACR,eAAe,GAAY,KAAK;AAChC,IAAA,YAAY;IACZ,oBAAoB,GAAW,CAAC;IAChC,gBAAgB,GAAW,CAAC;IAC5B,cAAc,GAAW,CAAC;AAElC,IAAA,IAAY,MAAM,GAAA;AAChB,QAAA,OAAO,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC;;AAGlD,IAAA,sBAAsB,CAAC,QAAgB,EAAA;QAC7C,OAAO,QAAQ,KAAK;AAClB,cAAEC,QAAI,CAAC,CAAC,CAAC,mBAAmB;AAC5B,cAAEA,QAAI,CAAC,CAAC,CAAC,qBAAqB,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;;AAGxD,IAAA,IAAY,kBAAkB,GAAA;QAC5B,MAAM,kBAAkB,GAAG,OAAO,CAChCC,KAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU;AACpC,YAAAA,KAAY,CAAC,IAAI,CAAC,OAAO,EAAE,kBAAkB;AAC7C,YAAAA,KAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,YAAY;AACxC,aAAC,IAAI,CAAC,YAAY,KAAK,IAAI,CAAC,oBAAoB,GAAG,CAAC,IAAI,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CACpF;AAED,QAAA,OAAO,kBAAkB;;IAGnB,sBAAsB,GAAA;QAC5B,IAAI,CAAC,IAAI,CAAC,kBAAkB;AAAE,YAAA,OAAO,EAAE;AAEvC,QAAA,MAAM,UAAU,GACdA,KAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,IAAIA,KAAY,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB;QACvF,MAAM,QAAQ,GACZ,IAAI,CAAC,YAAY,KAAK,0BAA0B,CAAC;AAC/C,cAAE,CAAA,EAAG,IAAI,CAAC,oBAAoB,CAAG,CAAA;cAC/B,YAAY,CAAC,IAAI,CAAC,cAAc,EAAE,IAAI,CAAC,QAAQ,CAAC;AAEtD,QAAA,IAAI,IAAI,CAAC,gBAAgB,EAAE;AACzB,YAAA,OAAOD,QAAI,CAAC,CAAC,CAAC,6CAA6C,EAAE;AAC3D,gBAAA,QAAQ,EAAE,UAAU,GAAG,CAAA,EAAG,UAAU,CAAA,GAAA,EAAM,QAAQ,CAAA,CAAE,GAAG,QAAQ;gBAC/D,QAAQ,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,gBAAgB,CAAC;AAC7D,aAAA,CAAC;;aACG;AACL,YAAA,OAAOA,QAAI,CAAC,CAAC,CAAC,gDAAgD,EAAE;AAC9D,gBAAA,QAAQ,EAAE,UAAU,GAAG,CAAA,EAAG,UAAU,CAAA,GAAA,EAAM,QAAQ,CAAA,CAAE,GAAG,QAAQ;AAChE,aAAA,CAAC;;;IAIE,oBAAoB,GAAA;QAC1B,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YACrD,OAAO,IAAI,CAAC,iBAAiB;;QAE/B,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC;AACrD,QAAA,MAAM,WAAW,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC;AAC1C,QAAA,WAAW,CAAC,QAAQ,CAAC,WAAW,CAAC,QAAQ,EAAE,GAAG,IAAI,CAAC,gBAAgB,CAAC;AAEpE,QAAA,OAAO,WAAW,CAAC,WAAW,EAAE;;IAGlC,iBAAiB,GAAA;QACf,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ,IAAI,WAAW,CAAC,kBAAkB,EAAE;QACxEA,QAAI,CAAC,EAAE,CAAC,iBAAiB,EAAE,IAAI,CAAC,oBAAoB,CAAC;;IAGvD,oBAAoB,GAAA;QAClBA,QAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,IAAI,CAAC,oBAAoB,CAAC;;IAGhD,oBAAoB,GAAG,MAAK;QAClC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,QAAQ,IAAI,WAAW,CAAC,kBAAkB,EAAE;AAC1E,KAAC;AAEO,IAAA,aAAa,CAAC,SAAiC,EAAA;AACrD,QAAA,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;AACjC,YAAA,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC;AAChC,YAAA,QACE,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE;gBACzB,MAAM;AACN,gBAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,eAAe,EAAE;AAC5C,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,QAAQ,EAAE,KAAK;AAChB,iBAAA,CAAC;;aAEC;AACL,YAAA,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE;AACxB,YAAA,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC;AAClC,YAAA,MAAM,GAAG,GAAG,SAAS,IAAI,CAAC;AAC1B,YAAA,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC;AAC/C,YAAA,OAAO,UAAU,CAAC,kBAAkB,CAAC,IAAI,CAAC,eAAe,EAAE;AACzD,gBAAA,GAAG,EAAE,SAAS;AACd,gBAAA,KAAK,EAAE,MAAM;AACb,gBAAA,QAAQ,EAAE,KAAK;AAChB,aAAA,CAAC;;;IAIE,WAAW,GAAA;QACjB,MAAM,MAAM,GAAoB,EAAE;QAElC,MAAM,CAAC,IAAI,CAAC;AACV,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;AAC9B,YAAA,KAAK,EAAEA,QAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC;AAChC,YAAA,WAAW,EAAEA,QAAI,CAAC,CAAC,CAAC,qBAAqB,EAAE;gBACzC,KAAK,EAAE,IAAI,CAAC,eAAe;gBAC3B,SAAS,EAAE,IAAI,CAAC,eAAe;aAChC,CAAC;AACF,YAAA,IAAI,EAAE,iBAAiB;AACxB,SAAA,CAAC;AAEF,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe;QAE3E,MAAM,kBAAkB,GACtB,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,GAAG,IAAI,GAAG,IAAI,IAAI,CAAC,MAAM,CAAA,CAAE;AAE3E,QAAA,MAAM,OAAO,GAAkB;AAC7B,YAAA,GAAG,EAAE,aAAa;AAClB,YAAA,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,iBAAiB,CAAC;AAChD,YAAA,KAAK,EAAEA,QAAI,CAAC,CAAC,CAAC,kBAAkB,EAAE,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC;AACzD,YAAA,WAAW,EAAEA,QAAI,CAAC,CAAC,CAAC,4BAA4B,EAAE,EAAE,MAAM,EAAE,kBAAkB,EAAE,CAAC;AACjF,YAAA,IAAI,EAAE,gBAAgB;AACtB,YAAA,YAAY,EAAE,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,EAAE,GAAG,SAAS;SAClF;AAED,QAAA,IAAI,IAAI,CAAC,yBAAyB,EAAE;AAClC,YAAA,IAAI,IAAI,CAAC,eAAe,KAAK,CAAC,EAAE;gBAC9B,MAAM,CAAC,IAAI,CAAC;AACV,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,yBAAyB,CAAC;AACxD,oBAAA,KAAK,EAAEA,QAAI,CAAC,CAAC,CAAC,mBAAmB,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;AAC9C,oBAAA,WAAW,EAAEA,QAAI,CAAC,CAAC,CAAC,2BAA2B,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAC7D,oBAAA,IAAI,EAAE,MAAM;AACb,iBAAA,CAAC;;AACG,iBAAA,IAAI,IAAI,CAAC,eAAe,GAAG,CAAC,EAAE;gBACnC,MAAM,CAAC,IAAI,CAAC;oBACV,GAAG,EAAE,IAAI,CAAC,eAAe;AACzB,oBAAA,IAAI,EAAE,UAAU;oBAChB,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,yBAAyB,CAAC;AACxD,oBAAA,KAAK,EAAEA,QAAI,CAAC,CAAC,CAAC,mBAAmB,EAAE,EAAE,GAAG,EAAE,IAAI,CAAC,eAAe,GAAG,CAAC,EAAE,CAAC;AACrE,oBAAA,WAAW,EAAEA,QAAI,CAAC,CAAC,CAAC,2BAA2B,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAC7D,oBAAA,IAAI,EAAE,MAAM;AACb,iBAAA,CAAC;;;AAIN,QAAA,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC;QAEpB,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,gBAAgB,KAAK,IAAI,EAAE;YAC7D,MAAM,aAAa,GAAGC,KAAY,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU;AAC1D,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,EAAE;YAE/C,MAAM,CAAC,IAAI,CAAC;gBACV,GAAG,EAAE,aAAa,GAAG,CAAC;AACtB,gBAAA,IAAI,EAAE,SAAS;AACf,gBAAA,IAAI,EAAE,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;AACrC,gBAAA,KAAK,EAAED,QAAI,CAAC,CAAC,CAAC,8BAA8B,CAAC;AAC7C,gBAAA,WAAW,EAAEA,QAAI,CAAC,CAAC,CAAC,wBAAwB,EAAE;AAC5C,oBAAA,MAAM,EAAE,CAAA,CAAA,EAAI,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAE,CAAA;iBAChE,CAAC;AACF,gBAAA,IAAI,EAAE,SAAS;AACf,gBAAA,MAAM,EAAE,CAAA,CAAA,EAAI,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAE,CAAA;AAChE,aAAA,CAAC;;AAGJ,QAAA,OAAO,MAAM;;AAGP,IAAA,WAAW,CACjB,KAAoB,EACpB,MAAe,EACf,OAAgB,EAChB,WAAmB,EAAA;QAEnB,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,EAAC,gBAAgB,EAAA,EACzC,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,yBAAyB,EAAA,EAClC,CAAA,CAAA,aAAA,EAAA,EAAa,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EAAI,CAAA,EAC9D,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,8BAA8B,EAAA,EACtC,CAAC,MAAM;aACL,OAAO,IACN,WAAW,KAAK,CAAC,IACf,CACE,CAAA,yBAAA,EAAA,EAAA,eAAe,EACf,IAAA,EAAA,KAAK,EAAE,WAAW,CAAC,WAAW,EAC9B,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,GAAG,MAAM,EAAA,CAC5C,KAEF,CACE,CAAA,yBAAA,EAAA,EAAA,eAAe,QACf,KAAK,EAAE,WAAW,CAAC,WAAW,EAC9B,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,GAAG,MAAM,EAC5C,OAAO,EACP,IAAA,EAAA,CAAA,CACH,KAED,CACE,CAAA,yBAAA,EAAA,EAAA,KAAK,EAAE,WAAW,CAAC,kBAAkB,EACrC,KAAK,EAAC,4BAA4B,EAClC,MAAM,EAAE,KAAK,CAAC,YAAY,GAAG,MAAM,GAAG,MAAM,EAC5C,CAAA,CACH,CAAC,CACA,CACF,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,eAAe,IAAE,KAAK,CAAC,KAAK,CAAqB,EAC5E,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAA,CAAA,mBAAA,EAAA,EAAmB,OAAO,EAAC,OAAO,EAAA,EAC/B,CAAG,EAAA,KAAK,CAAC,IAAI,CAAM,GAAA,EAAA,KAAK,CAAC,WAAW,CAAA,CAAE,CACrB,CAChB,EACL,KAAK,CAAC,YAAY,KACjB,CAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,eAAe,EAAA,EACxB,CAAA,CAAA,cAAA,EAAA,EACE,OAAO,EAAC,QAAQ,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,WAAW,CAAC,KAAK,EAC5B,UAAU,EAAE,KAAK,CAAC,YAAY,GAC9B,CACE,CACP,CACG,CACF;;IAIV,MAAM,GAAA;AACJ,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,WAAW,EAAE;AAEjC,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,UAAU,IAClB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,KACvB,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CACjF,CACG,CACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement","i18n","sessionState"],"sources":["src/components/shared/timeline/timeline-free-trial.css?tag=rebill-timeline-free-trial","src/components/shared/timeline/timeline-free-trial.tsx"],"sourcesContent":[".timeline-container {\n  width: 100%;\n  margin: 0 auto;\n}\n\n.timeline {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  padding: 16px;\n  background: var(--rebill-color-background);\n  border: 1px solid var(--rebill-color-border);\n  border-radius: 8px;\n  justify-content: space-evenly;\n}\n\n.timeline-event {\n  display: flex;\n  align-items: flex-start;\n  gap: 8px;\n  position: relative;\n}\n\n.timeline-icon-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex-shrink: 0;\n  position: relative;\n  gap: 4px;\n}\n.timeline-connector-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex-shrink: 0;\n  position: relative;\n  min-height: 40px;\n}\n.timeline-icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border-radius: 50%;\n  flex-shrink: 0;\n  z-index: 2;\n  gap: 4px;\n}\n\n.timeline-connector-divider {\n  display: block;\n  flex-shrink: 0;\n  z-index: 1;\n}\n\n.event-content {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.discount-info {\n  margin-top: 8px;\n}\n\n@media (max-width: 1024px) {\n  .timeline {\n    border: none;\n    padding: 0;\n  }\n\n  .timeline-event {\n    gap: 12px;\n    align-items: flex-start;\n  }\n\n  .timeline-icon {\n    width: 28px;\n    height: 28px;\n  }\n}\n","import { Component, h, Prop, State } from '@stencil/core';\nimport i18n from '../../../i18n/i18n.config';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { SESSION_DISCOUNT_TYPE_ENUM } from '../../../models/enums/session.enum';\nimport { sessionState } from '../../../store/session.store';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { formatAmount } from '../../../utils/currency-formatter';\n\ninterface TimelineEvent {\n  day: number;\n  type: 'start' | 'reminder' | 'last' | 'renewal';\n  date: string;\n  title: string;\n  description: string;\n  icon: string;\n  discountInfo?: string;\n  amount?: string;\n}\n\n@Component({\n  tag: 'rebill-timeline-free-trial',\n  styleUrl: 'timeline-free-trial.css',\n  shadow: false,\n})\nexport class Timeline {\n  @State() currentLanguage: string;\n\n  @Prop() trialPeriodEndsAt: string;\n  @Prop() trialPeriodEndsReminderAt?: string;\n  @Prop() trialPeriodDays: number;\n  @Prop() subtotal: number;\n  @Prop() currency: string;\n  @Prop() language?: string;\n  @Prop() discountApplied: boolean = false;\n  @Prop() discountType: SESSION_DISCOUNT_TYPE_ENUM;\n  @Prop() discountedPercentage: number = 0;\n  @Prop() discountDuration: number = 0;\n  @Prop() discountAmount: number = 0;\n\n  private get amount() {\n    return formatAmount(this.subtotal, this.currency, false);\n  }\n\n  private getDurationTranslation(duration: number): string {\n    return duration === 1\n      ? i18n.t('summary.month_one')\n      : i18n.t('summary.month_other', { count: duration });\n  }\n\n  private get hasDiscountApplied(): boolean {\n    const hasDiscountInStore = Boolean(\n      sessionState.data.discount?.couponCode ||\n        sessionState.data.pricing?.discountCouponCode ||\n        sessionState.data.discount?.discountType ||\n        (this.discountType && (this.discountedPercentage > 0 || this.discountAmount > 0)),\n    );\n\n    return hasDiscountInStore;\n  }\n\n  private getDiscountDescription(): string {\n    if (!this.hasDiscountApplied) return '';\n\n    const couponCode =\n      sessionState.data.discount.couponCode || sessionState.data.pricing.discountCouponCode;\n    const discount =\n      this.discountType === SESSION_DISCOUNT_TYPE_ENUM.PERCENTAGE\n        ? `${this.discountedPercentage}%`\n        : formatAmount(this.discountAmount, this.currency);\n\n    if (this.discountDuration) {\n      return i18n.t(`summary.planDiscountDescriptionWithDuration`, {\n        discount: couponCode ? `${couponCode} – ${discount}` : discount,\n        duration: this.getDurationTranslation(this.discountDuration),\n      });\n    } else {\n      return i18n.t(`summary.planDiscountDescriptionWithoutDuration`, {\n        discount: couponCode ? `${couponCode} – ${discount}` : discount,\n      });\n    }\n  }\n\n  private calculateRenewalDate(): string {\n    if (!this.discountDuration || !this.trialPeriodEndsAt) {\n      return this.trialPeriodEndsAt;\n    }\n    const trialEndDate = new Date(this.trialPeriodEndsAt);\n    const renewalDate = new Date(trialEndDate);\n    renewalDate.setMonth(renewalDate.getMonth() + this.discountDuration);\n\n    return renewalDate.toISOString();\n  }\n\n  componentWillLoad() {\n    this.currentLanguage = this.language || I18nService.getCurrentLanguage();\n    i18n.on('languageChanged', this.handleLanguageChange);\n  }\n\n  disconnectedCallback() {\n    i18n.off('languageChanged', this.handleLanguageChange);\n  }\n\n  private handleLanguageChange = () => {\n    this.currentLanguage = this.language || I18nService.getCurrentLanguage();\n  };\n\n  private getDateForDay(dayNumber: string | number | null): string {\n    if (typeof dayNumber === 'string') {\n      const date = new Date(dayNumber);\n      return (\n        date.getDate().toString() +\n        ' de ' +\n        date.toLocaleDateString(this.currentLanguage, {\n          month: 'long',\n          timeZone: 'UTC',\n        })\n      );\n    } else {\n      const today = new Date();\n      const targetDate = new Date(today);\n      const day = dayNumber || 1;\n      targetDate.setDate(today.getDate() + (day - 1));\n      return targetDate.toLocaleDateString(this.currentLanguage, {\n        day: 'numeric',\n        month: 'long',\n        timeZone: 'UTC',\n      });\n    }\n  }\n\n  private buildEvents(): TimelineEvent[] {\n    const events: TimelineEvent[] = [];\n\n    events.push({\n      day: 1,\n      type: 'start',\n      date: this.getDateForDay(null),\n      title: i18n.t('timeline.dayOne'),\n      description: i18n.t('timeline.startTrial', {\n        count: this.trialPeriodDays,\n        trialDays: this.trialPeriodDays,\n      }),\n      icon: 'circle-calendar',\n    });\n\n    const lastDayNumber = this.trialPeriodDays === 1 ? 2 : this.trialPeriodDays;\n\n    const subscriptionAmount =\n      this.hasDiscountApplied && this.subtotal === 0 ? '$0' : `$${this.amount}`;\n\n    const lastDay: TimelineEvent = {\n      day: lastDayNumber,\n      type: 'last',\n      date: this.getDateForDay(this.trialPeriodEndsAt),\n      title: i18n.t('timeline.lastDay', { day: lastDayNumber }),\n      description: i18n.t('timeline.subscriptionStart', { amount: subscriptionAmount }),\n      icon: 'circle-receipt',\n      discountInfo: this.hasDiscountApplied ? this.getDiscountDescription() : undefined,\n    };\n\n    if (this.trialPeriodEndsReminderAt) {\n      if (this.trialPeriodDays === 3) {\n        events.push({\n          day: 2,\n          type: 'reminder',\n          date: this.getDateForDay(this.trialPeriodEndsReminderAt),\n          title: i18n.t('timeline.reminder', { day: 2 }),\n          description: i18n.t('timeline.lastDaysReminder', { days: 2 }),\n          icon: 'bell',\n        });\n      } else if (this.trialPeriodDays > 3) {\n        events.push({\n          day: this.trialPeriodDays,\n          type: 'reminder',\n          date: this.getDateForDay(this.trialPeriodEndsReminderAt),\n          title: i18n.t('timeline.reminder', { day: this.trialPeriodDays - 2 }),\n          description: i18n.t('timeline.lastDaysReminder', { days: 2 }),\n          icon: 'bell',\n        });\n      }\n    }\n\n    events.push(lastDay);\n\n    if (this.hasDiscountApplied && this.discountDuration !== null) {\n      const renewalAmount = sessionState.data.pricing.planAmount;\n      const renewalDate = this.calculateRenewalDate();\n\n      events.push({\n        day: lastDayNumber + 1,\n        type: 'renewal',\n        date: this.getDateForDay(renewalDate),\n        title: i18n.t('timeline.subscriptionRenewal'),\n        description: i18n.t('timeline.renewalAmount', {\n          amount: `$${formatAmount(renewalAmount, this.currency, false)}`,\n        }),\n        icon: 'renewal',\n        amount: `$${formatAmount(renewalAmount, this.currency, false)}`,\n      });\n    }\n\n    return events;\n  }\n\n  private renderEvent(\n    event: TimelineEvent,\n    isLast: boolean,\n    isFirst: boolean,\n    totalEvents: number,\n  ) {\n    return (\n      <div key={event.day} class=\"timeline-event\">\n        <div class=\"timeline-icon-container\">\n          <rebill-icon name={event.icon} style={{ marginTop: '3px' }} />\n          <div class=\"timeline-connector-container\">\n            {!isLast &&\n              (isFirst ? (\n                totalEvents === 2 ? (\n                  <rebill-vertical-divider\n                    connectorActive\n                    color={COLORS_ENUM.INFO_BORDER}\n                    class=\"timeline-connector-divider\"\n                    height={event.discountInfo ? '65px' : '45px'}\n                  />\n                ) : (\n                  <rebill-vertical-divider\n                    connectorActive\n                    color={COLORS_ENUM.INFO_BORDER}\n                    class=\"timeline-connector-divider\"\n                    height={event.discountInfo ? '65px' : '45px'}\n                    withDot\n                  />\n                )\n              ) : (\n                <rebill-vertical-divider\n                  color={COLORS_ENUM.TIMELINE_CONNECTOR}\n                  class=\"timeline-connector-divider\"\n                  height={event.discountInfo ? '65px' : '45px'}\n                />\n              ))}\n          </div>\n        </div>\n        <div class=\"event-content\">\n          <rebill-typography variant=\"subtitle-bold\">{event.title}</rebill-typography>\n          <div class=\"event-date\">\n            <rebill-typography variant=\"body2\">\n              {`${event.date} - ${event.description}`}\n            </rebill-typography>\n          </div>\n          {event.discountInfo && (\n            <div class=\"discount-info\">\n              <rebill-alert\n                variant=\"filled\"\n                type=\"coupon\"\n                icon=\"tag-green\"\n                size=\"small\"\n                colorIcon={COLORS_ENUM.GREEN}\n                alertTitle={event.discountInfo}\n              />\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const events = this.buildEvents();\n\n    return (\n      <div class=\"timeline-container\">\n        <div class=\"timeline\">\n          {events.map((event, index) =>\n            this.renderEvent(event, index === events.length - 1, index === 0, events.length),\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n"],"version":3}