npm - rebill-web-components-sdk - Versions diffs - 1.10.8 → 1.10.9 - Mend

rebill-web-components-sdk 1.10.8 → 1.10.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/dist/cjs/otp-component_5.cjs.entry.js CHANGED Viewed

@@ -617,7 +617,7 @@ const Summary = class {
             } }, i18n_service.I18nService.translate('summary.free')))));
     }
     render() {
-        const renderItemDetails = (title = true, description = true, amount = true) => (index.h("div", { class: "summary-card" }, (title || description) && (index.h("div", { class: "summary-card-info" }, title && (index.h("rebill-typography", { variant: "subtitle-bold", gutterBottom: true }, this.itemTitle)), description && this.itemDescription && (index.h("rebill-typography", { variant: "body2" }, this.itemDescription)))), amount && (index.h("div", { class: "summary-card-amount" }, index.h("rebill-typography", { variant: "body2" }, i18n_service.state.data?.itemInformation?.type === i18n_service.SESSION_ITEM_TYPE_ENUM.PLAN &&
+        const renderItemDetails = (title = true, description = true, amount = true) => (index.h("div", { class: "summary-card" }, (title || description) && (index.h("div", { class: "summary-card-info" }, title && (index.h("rebill-typography", { variant: "subtitle-bold", gutterBottom: true }, this.itemTitle)), description && this.itemDescription && (index.h("rebill-typography", { variant: "body2" }, index.h("span", { innerHTML: this.itemDescription }))))), amount && (index.h("div", { class: "summary-card-amount" }, index.h("rebill-typography", { variant: "body2" }, i18n_service.state.data?.itemInformation?.type === i18n_service.SESSION_ITEM_TYPE_ENUM.PLAN &&
             i18n_service.state.data?.itemInformation?.debitStrategy
             ? i18n_service.formatAmount(i18n_service.state.data?.pricing?.planAmount, this.currency)
             : i18n_service.formatAmount(this.subtotal, this.currency))))));

package/dist/collection/components/checkout/summary/summary.js CHANGED Viewed

@@ -152,7 +152,7 @@ export class Summary {
             } }, I18nService.translate('summary.free')))));
     }
     render() {
-        const renderItemDetails = (title = true, description = true, amount = true) => (h("div", { class: "summary-card" }, (title || description) && (h("div", { class: "summary-card-info" }, title && (h("rebill-typography", { variant: "subtitle-bold", gutterBottom: true }, this.itemTitle)), description && this.itemDescription && (h("rebill-typography", { variant: "body2" }, this.itemDescription)))), amount && (h("div", { class: "summary-card-amount" }, h("rebill-typography", { variant: "body2" }, sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&
+        const renderItemDetails = (title = true, description = true, amount = true) => (h("div", { class: "summary-card" }, (title || description) && (h("div", { class: "summary-card-info" }, title && (h("rebill-typography", { variant: "subtitle-bold", gutterBottom: true }, this.itemTitle)), description && this.itemDescription && (h("rebill-typography", { variant: "body2" }, h("span", { innerHTML: this.itemDescription }))))), amount && (h("div", { class: "summary-card-amount" }, h("rebill-typography", { variant: "body2" }, sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&
             sessionState.data?.itemInformation?.debitStrategy
             ? formatAmount(sessionState.data?.pricing?.planAmount, this.currency)
             : formatAmount(this.subtotal, this.currency))))));

package/dist/collection/components/checkout/summary/summary.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"summary.js","sourceRoot":"","sources":["../../../../src/components/checkout/summary/summary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Listen, Prop, State } from '@stencil/core';\nimport 'number-flow';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport {\n PLAN_FREQUENCY_ENUM,\n SESSION_DISCOUNT_TYPE_ENUM,\n SESSION_ITEM_TYPE_ENUM,\n} from '../../../models';\nimport { sessionState } from '../../../store/session.store';\nimport { BREAKPOINT_ENUM, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { formatAmount } from '../../../utils/currency-formatter';\nimport { getInstallmentDescription } from '../../../utils/installment-utils';\n\n@Component({\n tag: 'rebill-summary',\n styleUrl: 'summary.css',\n shadow: false,\n})\nexport class Summary {\n /** Monto total /\n @Prop() totalAmount!: number \| string;\n /* Título del item /\n @Prop() itemTitle!: string;\n /* Descripción del item /\n @Prop() itemDescription!: string;\n /* Monto del item /\n @Prop() itemAmount!: number \| string;\n /* Frecuencia del plan /\n @Prop() planFrequency?: PLAN_FREQUENCY_ENUM;\n /* Cantidad de frecuencia del plan /\n @Prop() planFrequencyCount?: number;\n /* Subtotal /\n @Prop() subtotal!: number \| string;\n /* Descuento (opcional) /\n @Prop() discount?: number \| string;\n @Prop() currency: string;\n @Prop() displayedComponents: (\n \| 'totalAmount'\n \| 'discount'\n \| 'itemDetails'\n \| 'priceDetails'\n \| 'timelineFreeTrial'\n \| 'timelineDebitDay'\n )[] = [\n 'totalAmount',\n 'discount',\n 'itemDetails',\n 'priceDetails',\n 'timelineFreeTrial',\n 'timelineDebitDay',\n ];\n @Prop() allowCoupon: boolean = false;\n @Prop() currentBreakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n @State() discountApplied: boolean = false;\n private totalFlow?: HTMLElement & { update: (value: number) => void; format?: any };\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 getDurationTranslation(duration: number): string {\n const frequency = this.planFrequency \|\| PLAN_FREQUENCY_ENUM.MONTH;\n\n if (duration === 1) {\n return I18nService.translate(`summary.${frequency}_one`);\n } else {\n return I18nService.translate(`summary.${frequency}_other`, { count: duration });\n }\n }\n componentDidLoad() {\n this.updateTotalFlow();\n // this.initializeDiscountState();\n }\n\n componentDidUpdate() {\n this.updateTotalFlow();\n }\n\n private updateTotalFlow() {\n if (this.totalFlow) {\n this.totalFlow.format = { style: 'currency', currency: this.currency };\n this.totalFlow.update(Number(sessionState.data.pricing.total));\n }\n }\n @Listen('discountApplied')\n handleDiscountApplied(event: CustomEvent) {\n this.discountApplied = event.detail;\n }\n\n private getRecalculatedInstallmentAmount(): number {\n const selectedInstallment =\n sessionState.data?.cardInformation?.installments?.selectedInstallment;\n if (!selectedInstallment) {\n return 0;\n }\n\n if (sessionState.data.pricing.discountAmount > 0) {\n const originalTotal = sessionState.data.pricing.subtotal;\n const currentTotal = sessionState.data.pricing.totalWithoutInstallment;\n const discountRatio = currentTotal / originalTotal;\n\n return Math.round(selectedInstallment.installmentAmount discountRatio * 100) / 100;\n }\n\n return selectedInstallment.installmentAmount;\n }\n\n private renderTotalForPlan() {\n return (\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.debitStrategy && (\n <div class=\"summary-row total\">\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {I18nService.translate('summary.totalAmountToday')}\n </rebill-typography>\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {formatAmount(sessionState.data.pricing.total, this.currency)}\n </rebill-typography>\n </div>\n )\n );\n }\n\n private renderTotalForPlanGeneral() {\n return (\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n !sessionState.data?.itemInformation?.trial?.trialPeriodDays &&\n !sessionState.data?.itemInformation?.debitStrategy && (\n <div class=\"summary-row total\">\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {I18nService.translate('summary.totalAmount')}\n </rebill-typography>\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {formatAmount(sessionState.data?.pricing?.total, this.currency)}\n </rebill-typography>\n </div>\n )\n );\n }\n\n private renderTotalForNonPlan() {\n return (\n sessionState.data?.itemInformation?.type !== SESSION_ITEM_TYPE_ENUM.PLAN && (\n <div class=\"summary-row total\">\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {I18nService.translate('summary.totalAmount')}\n </rebill-typography>\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {formatAmount(sessionState.data.pricing.total, this.currency)}\n </rebill-typography>\n </div>\n )\n );\n }\n\n private renderTrialPeriod() {\n return (\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.trial?.trialPeriodDays && (\n <div class=\"summary-row\">\n <rebill-typography variant=\"body2\">\n {I18nService.translate('summary.totalAmountLastTrialPeriod')}\n </rebill-typography>\n <rebill-typography variant=\"body2\">\n {formatAmount(sessionState.data?.pricing?.total, this.currency)}\n {`/${I18nService.translate(`summary.${this.planFrequency}`, {\n count: this.planFrequencyCount \|\| 1,\n })} `}\n </rebill-typography>\n </div>\n )\n );\n }\n\n private renderDiscountAlertWrapper() {\n return (\n sessionState.data?.itemInformation?.trial?.trialPeriodDays && (\n <div class=\"summary-row\">\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {I18nService.translate('summary.trialPeriodDaysDetails', {\n trialDays: sessionState.data?.itemInformation?.trial?.trialPeriodDays,\n count: sessionState.data?.itemInformation?.trial?.trialPeriodDays,\n })}\n </rebill-typography>\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {I18nService.translate('summary.free')}\n </rebill-typography>\n </div>\n )\n );\n }\n\n render() {\n const renderItemDetails = (\n title: boolean = true,\n description: boolean = true,\n amount: boolean = true,\n ) => (\n <div class=\"summary-card\">\n {(title \|\| description) && (\n <div class=\"summary-card-info\">\n {title && (\n <rebill-typography variant=\"subtitle-bold\" gutterBottom>\n {this.itemTitle}\n </rebill-typography>\n )}\n {description && this.itemDescription && (\n <rebill-typography variant=\"body2\">{this.itemDescription}</rebill-typography>\n )}\n </div>\n )}\n {amount && (\n <div class=\"summary-card-amount\">\n <rebill-typography variant=\"body2\">\n {sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.debitStrategy\n ? formatAmount(sessionState.data?.pricing?.planAmount, this.currency)\n : formatAmount(this.subtotal, this.currency)}\n </rebill-typography>\n </div>\n )}\n </div>\n );\n const renderPriceDetails = () => {\n const detailsBlocks = [\n this.renderTotalForPlan(),\n this.renderTotalForPlanGeneral(),\n this.renderTotalForNonPlan(),\n this.renderTrialPeriod(),\n this.renderDiscountAlertWrapper(),\n ].filter(Boolean);\n\n if (detailsBlocks.length > 1) {\n detailsBlocks.splice(detailsBlocks.length - 1, 0, <rebill-divider />);\n }\n\n return (\n <div class=\"summary-details\">\n {/* Subtotal se queda inline /}\n <div class=\"summary-row\">\n <rebill-typography variant=\"body2\">\n {I18nService.translate('summary.subtotal')}\n </rebill-typography>\n <rebill-typography variant=\"body2\">\n {sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.debitStrategy\n ? formatAmount(sessionState.data.pricing.planAmount, this.currency)\n : formatAmount(this.subtotal, this.currency)}\n </rebill-typography>\n </div>\n {/ Installments y coupon también inline */}\n {sessionState.data.pricing.installments && (\n <div class=\"summary-row\">\n <rebill-typography variant=\"body2\">\n {I18nService.translate('summary.installments')}\n </rebill-typography>\n <rebill-typography variant=\"body2\">\n {getInstallmentDescription(\n sessionState.data?.pricing?.installments,\n this.getRecalculatedInstallmentAmount(),\n )}\n </rebill-typography>\n </div>\n )}\n {this.allowCoupon &&\n !isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <discount-coupon />\n )}\n {!sessionState.data?.itemInformation?.trial?.trialPeriodDays &&\n !sessionState.data?.itemInformation?.debitStrategy && <rebill-divider />}\n {detailsBlocks.map(block => (\n <div class=\"summary-detail-wrapper\">{block}</div>\n ))}\n </div>\n );\n };\n const renderDiscountAlert = () =>\n this.planFrequency &&\n this.discountApplied &&\n (this.discountedPercentage > 0 \|\| this.discountAmount > 0) && (\n <rebill-alert\n variant=\"filled\"\n type=\"success\"\n icon=\"tag-sale\"\n size=\"medium\"\n colorIcon={COLORS_ENUM.GREEN}\n message={\n this.discountDuration\n ? I18nService.translate(`summary.planDiscountDescriptionWithDuration`, {\n discount:\n this.discountType === SESSION_DISCOUNT_TYPE_ENUM.PERCENTAGE\n ? `${this.discountedPercentage}%`\n : formatAmount(this.discountAmount, this.currency),\n duration: this.getDurationTranslation(this.discountDuration),\n })\n : I18nService.translate(`summary.planDiscountDescriptionWithoutDuration`, {\n discount:\n this.discountType === SESSION_DISCOUNT_TYPE_ENUM.PERCENTAGE\n ? `${this.discountedPercentage}%`\n : formatAmount(this.discountAmount, this.currency),\n })\n }\n />\n );\n return (\n <div class=\"summary-container\">\n {this.displayedComponents.includes('totalAmount') && (\n <div class=\"summary-header\">\n {sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data.itemInformation?.trial?.trialPeriodDays && (\n <div class=\"trial-pill\">\n <rebill-typography variant=\"body2\" align=\"center\" color={COLORS_ENUM.GREEN_TEXT}>\n {I18nService.translate('summary.trialPill', {\n days: sessionState.data?.itemInformation?.trial?.trialPeriodDays,\n count: sessionState.data?.itemInformation?.trial?.trialPeriodDays,\n })}\n </rebill-typography>\n </div>\n )}\n <div class=\"total-amount-container\">\n <rebill-typography variant=\"h4-span\" align=\"center\" gutterBottom>\n <number-flow ref={el => (this.totalFlow = el as any)}></number-flow>\n </rebill-typography>\n {this.planFrequency && (\n <rebill-typography\n variant=\"body1\"\n color={COLORS_ENUM.SECONDARY}\n align=\"center\"\n gutterBottom\n style={{ fontWeight: 'normal' }}\n >\n {`/ ${I18nService.translate(`summary.${this.planFrequency}`, {\n count: this.planFrequencyCount \|\| 1,\n })}`}\n </rebill-typography>\n )}\n </div>\n {sessionState.data?.itemInformation?.type !== SESSION_ITEM_TYPE_ENUM.PLAN && (\n <rebill-typography variant=\"body2\" align=\"center\" gutterBottom>\n {I18nService.translate('summary.totalAmount')}\n </rebill-typography>\n )}\n {this.allowCoupon &&\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <discount-coupon hide-label />\n )}\n </div>\n )}\n {this.displayedComponents.includes('itemDetails') &&\n (isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) ? (\n <collapsible-card header={I18nService.translate('summary.details')}>\n {renderItemDetails(true, true, true)}\n </collapsible-card>\n ) : (\n <collapsible-card header={this.itemTitle}>\n {renderItemDetails(false, !!this.itemDescription, true)}\n </collapsible-card>\n ))}\n {this.displayedComponents.includes('discount') &&\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n !sessionState.data?.itemInformation?.trial?.trialPeriodDays &&\n !sessionState.data?.itemInformation?.debitStrategy &&\n renderDiscountAlert()}\n {this.displayedComponents.includes('timelineFreeTrial') &&\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.trial?.trialPeriodDays &&\n !isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <rebill-timeline-free-trial\n trial-period-ends-at={sessionState.data?.itemInformation?.trial?.trialPeriodEndsAt}\n trial-period-ends-reminder-at={\n sessionState.data?.itemInformation?.trial?.trialPeriodEndsReminderAt\n }\n trial-period-days={sessionState.data?.itemInformation?.trial?.trialPeriodDays}\n subtotal={sessionState.data.pricing.subtotal}\n currency={sessionState.data.pricing.currency}\n discount-applied={this.discountApplied}\n discount-type={this.discountType}\n discounted-percentage={this.discountedPercentage}\n discount-duration={this.discountDuration}\n discount-amount={this.discountAmount}\n />\n )}\n {this.displayedComponents.includes('timelineDebitDay') &&\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.debitStrategy &&\n sessionState.data?.itemInformation?.debitDay &&\n !isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <rebill-timeline-debit-day\n debit-day={sessionState.data?.itemInformation?.debitDay}\n total-amount={sessionState.data?.pricing?.total}\n plan-amount={sessionState.data?.pricing?.planAmount}\n currency={sessionState.data?.pricing?.currency}\n debit-strategy={sessionState.data?.itemInformation?.debitStrategy}\n discount-applied={this.discountApplied}\n discount-type={this.discountType}\n discounted-percentage={this.discountedPercentage}\n discount-duration={this.discountDuration}\n discount-amount={this.discountAmount}\n />\n )}\n {this.displayedComponents.includes('priceDetails') &&\n (isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) ? (\n <collapsible-card header={I18nService.translate('summary.summary')}>\n {renderPriceDetails()}\n </collapsible-card>\n ) : (\n renderPriceDetails()\n ))}\n {this.displayedComponents.includes('timelineFreeTrial') &&\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.trial?.trialPeriodDays &&\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <rebill-timeline-free-trial\n trial-period-ends-at={sessionState.data?.itemInformation?.trial?.trialPeriodEndsAt}\n trial-period-ends-reminder-at={\n sessionState.data?.itemInformation?.trial?.trialPeriodEndsReminderAt\n }\n trial-period-days={sessionState.data?.itemInformation?.trial?.trialPeriodDays}\n subtotal={sessionState.data?.pricing?.subtotal}\n currency={sessionState.data?.pricing?.currency}\n discount-applied={this.discountApplied}\n discount-type={this.discountType}\n discounted-percentage={this.discountedPercentage}\n discount-duration={this.discountDuration}\n discount-amount={this.discountAmount}\n />\n )}\n {this.displayedComponents.includes('timelineDebitDay') &&\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.debitStrategy &&\n sessionState.data?.itemInformation?.debitDay &&\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <rebill-timeline-debit-day\n debit-day={sessionState.data?.itemInformation?.debitDay}\n total-amount={sessionState.data?.pricing?.total}\n plan-amount={sessionState.data?.pricing?.planAmount}\n currency={sessionState.data?.pricing?.currency}\n debit-strategy={sessionState.data?.itemInformation?.debitStrategy}\n discount-applied={this.discountApplied}\n discount-type={this.discountType}\n discounted-percentage={this.discountedPercentage}\n discount-duration={this.discountDuration}\n discount-amount={this.discountAmount}\n />\n )}\n {this.displayedComponents.includes('discount') &&\n !isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n !sessionState.data?.itemInformation?.trial?.trialPeriodDays &&\n !sessionState.data?.itemInformation?.debitStrategy &&\n renderDiscountAlert()}\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"summary.js","sourceRoot":"","sources":["../../../../src/components/checkout/summary/summary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Listen, Prop, State } from '@stencil/core';\nimport 'number-flow';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport {\n PLAN_FREQUENCY_ENUM,\n SESSION_DISCOUNT_TYPE_ENUM,\n SESSION_ITEM_TYPE_ENUM,\n} from '../../../models';\nimport { sessionState } from '../../../store/session.store';\nimport { BREAKPOINT_ENUM, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport { formatAmount } from '../../../utils/currency-formatter';\nimport { getInstallmentDescription } from '../../../utils/installment-utils';\n\n@Component({\n tag: 'rebill-summary',\n styleUrl: 'summary.css',\n shadow: false,\n})\nexport class Summary {\n /** Monto total /\n @Prop() totalAmount!: number \| string;\n /* Título del item /\n @Prop() itemTitle!: string;\n /* Descripción del item /\n @Prop() itemDescription!: string;\n /* Monto del item /\n @Prop() itemAmount!: number \| string;\n /* Frecuencia del plan /\n @Prop() planFrequency?: PLAN_FREQUENCY_ENUM;\n /* Cantidad de frecuencia del plan /\n @Prop() planFrequencyCount?: number;\n /* Subtotal /\n @Prop() subtotal!: number \| string;\n /* Descuento (opcional) /\n @Prop() discount?: number \| string;\n @Prop() currency: string;\n @Prop() displayedComponents: (\n \| 'totalAmount'\n \| 'discount'\n \| 'itemDetails'\n \| 'priceDetails'\n \| 'timelineFreeTrial'\n \| 'timelineDebitDay'\n )[] = [\n 'totalAmount',\n 'discount',\n 'itemDetails',\n 'priceDetails',\n 'timelineFreeTrial',\n 'timelineDebitDay',\n ];\n @Prop() allowCoupon: boolean = false;\n @Prop() currentBreakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n @State() discountApplied: boolean = false;\n private totalFlow?: HTMLElement & { update: (value: number) => void; format?: any };\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 getDurationTranslation(duration: number): string {\n const frequency = this.planFrequency \|\| PLAN_FREQUENCY_ENUM.MONTH;\n\n if (duration === 1) {\n return I18nService.translate(`summary.${frequency}_one`);\n } else {\n return I18nService.translate(`summary.${frequency}_other`, { count: duration });\n }\n }\n componentDidLoad() {\n this.updateTotalFlow();\n // this.initializeDiscountState();\n }\n\n componentDidUpdate() {\n this.updateTotalFlow();\n }\n\n private updateTotalFlow() {\n if (this.totalFlow) {\n this.totalFlow.format = { style: 'currency', currency: this.currency };\n this.totalFlow.update(Number(sessionState.data.pricing.total));\n }\n }\n @Listen('discountApplied')\n handleDiscountApplied(event: CustomEvent) {\n this.discountApplied = event.detail;\n }\n\n private getRecalculatedInstallmentAmount(): number {\n const selectedInstallment =\n sessionState.data?.cardInformation?.installments?.selectedInstallment;\n if (!selectedInstallment) {\n return 0;\n }\n\n if (sessionState.data.pricing.discountAmount > 0) {\n const originalTotal = sessionState.data.pricing.subtotal;\n const currentTotal = sessionState.data.pricing.totalWithoutInstallment;\n const discountRatio = currentTotal / originalTotal;\n\n return Math.round(selectedInstallment.installmentAmount discountRatio * 100) / 100;\n }\n\n return selectedInstallment.installmentAmount;\n }\n\n private renderTotalForPlan() {\n return (\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.debitStrategy && (\n <div class=\"summary-row total\">\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {I18nService.translate('summary.totalAmountToday')}\n </rebill-typography>\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {formatAmount(sessionState.data.pricing.total, this.currency)}\n </rebill-typography>\n </div>\n )\n );\n }\n\n private renderTotalForPlanGeneral() {\n return (\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n !sessionState.data?.itemInformation?.trial?.trialPeriodDays &&\n !sessionState.data?.itemInformation?.debitStrategy && (\n <div class=\"summary-row total\">\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {I18nService.translate('summary.totalAmount')}\n </rebill-typography>\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {formatAmount(sessionState.data?.pricing?.total, this.currency)}\n </rebill-typography>\n </div>\n )\n );\n }\n\n private renderTotalForNonPlan() {\n return (\n sessionState.data?.itemInformation?.type !== SESSION_ITEM_TYPE_ENUM.PLAN && (\n <div class=\"summary-row total\">\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {I18nService.translate('summary.totalAmount')}\n </rebill-typography>\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {formatAmount(sessionState.data.pricing.total, this.currency)}\n </rebill-typography>\n </div>\n )\n );\n }\n\n private renderTrialPeriod() {\n return (\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.trial?.trialPeriodDays && (\n <div class=\"summary-row\">\n <rebill-typography variant=\"body2\">\n {I18nService.translate('summary.totalAmountLastTrialPeriod')}\n </rebill-typography>\n <rebill-typography variant=\"body2\">\n {formatAmount(sessionState.data?.pricing?.total, this.currency)}\n {`/${I18nService.translate(`summary.${this.planFrequency}`, {\n count: this.planFrequencyCount \|\| 1,\n })} `}\n </rebill-typography>\n </div>\n )\n );\n }\n\n private renderDiscountAlertWrapper() {\n return (\n sessionState.data?.itemInformation?.trial?.trialPeriodDays && (\n <div class=\"summary-row\">\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {I18nService.translate('summary.trialPeriodDaysDetails', {\n trialDays: sessionState.data?.itemInformation?.trial?.trialPeriodDays,\n count: sessionState.data?.itemInformation?.trial?.trialPeriodDays,\n })}\n </rebill-typography>\n <rebill-typography\n variant={\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'subtitle1'\n : 'body3'\n }\n style={{\n fontWeight: isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? 'normal'\n : 'bold',\n }}\n >\n {I18nService.translate('summary.free')}\n </rebill-typography>\n </div>\n )\n );\n }\n\n render() {\n const renderItemDetails = (\n title: boolean = true,\n description: boolean = true,\n amount: boolean = true,\n ) => (\n <div class=\"summary-card\">\n {(title \|\| description) && (\n <div class=\"summary-card-info\">\n {title && (\n <rebill-typography variant=\"subtitle-bold\" gutterBottom>\n {this.itemTitle}\n </rebill-typography>\n )}\n {description && this.itemDescription && (\n <rebill-typography variant=\"body2\">\n <span innerHTML={this.itemDescription}></span>\n </rebill-typography>\n )}\n </div>\n )}\n {amount && (\n <div class=\"summary-card-amount\">\n <rebill-typography variant=\"body2\">\n {sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.debitStrategy\n ? formatAmount(sessionState.data?.pricing?.planAmount, this.currency)\n : formatAmount(this.subtotal, this.currency)}\n </rebill-typography>\n </div>\n )}\n </div>\n );\n const renderPriceDetails = () => {\n const detailsBlocks = [\n this.renderTotalForPlan(),\n this.renderTotalForPlanGeneral(),\n this.renderTotalForNonPlan(),\n this.renderTrialPeriod(),\n this.renderDiscountAlertWrapper(),\n ].filter(Boolean);\n\n if (detailsBlocks.length > 1) {\n detailsBlocks.splice(detailsBlocks.length - 1, 0, <rebill-divider />);\n }\n\n return (\n <div class=\"summary-details\">\n {/* Subtotal se queda inline /}\n <div class=\"summary-row\">\n <rebill-typography variant=\"body2\">\n {I18nService.translate('summary.subtotal')}\n </rebill-typography>\n <rebill-typography variant=\"body2\">\n {sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.debitStrategy\n ? formatAmount(sessionState.data.pricing.planAmount, this.currency)\n : formatAmount(this.subtotal, this.currency)}\n </rebill-typography>\n </div>\n {/ Installments y coupon también inline */}\n {sessionState.data.pricing.installments && (\n <div class=\"summary-row\">\n <rebill-typography variant=\"body2\">\n {I18nService.translate('summary.installments')}\n </rebill-typography>\n <rebill-typography variant=\"body2\">\n {getInstallmentDescription(\n sessionState.data?.pricing?.installments,\n this.getRecalculatedInstallmentAmount(),\n )}\n </rebill-typography>\n </div>\n )}\n {this.allowCoupon &&\n !isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <discount-coupon />\n )}\n {!sessionState.data?.itemInformation?.trial?.trialPeriodDays &&\n !sessionState.data?.itemInformation?.debitStrategy && <rebill-divider />}\n {detailsBlocks.map(block => (\n <div class=\"summary-detail-wrapper\">{block}</div>\n ))}\n </div>\n );\n };\n const renderDiscountAlert = () =>\n this.planFrequency &&\n this.discountApplied &&\n (this.discountedPercentage > 0 \|\| this.discountAmount > 0) && (\n <rebill-alert\n variant=\"filled\"\n type=\"success\"\n icon=\"tag-sale\"\n size=\"medium\"\n colorIcon={COLORS_ENUM.GREEN}\n message={\n this.discountDuration\n ? I18nService.translate(`summary.planDiscountDescriptionWithDuration`, {\n discount:\n this.discountType === SESSION_DISCOUNT_TYPE_ENUM.PERCENTAGE\n ? `${this.discountedPercentage}%`\n : formatAmount(this.discountAmount, this.currency),\n duration: this.getDurationTranslation(this.discountDuration),\n })\n : I18nService.translate(`summary.planDiscountDescriptionWithoutDuration`, {\n discount:\n this.discountType === SESSION_DISCOUNT_TYPE_ENUM.PERCENTAGE\n ? `${this.discountedPercentage}%`\n : formatAmount(this.discountAmount, this.currency),\n })\n }\n />\n );\n return (\n <div class=\"summary-container\">\n {this.displayedComponents.includes('totalAmount') && (\n <div class=\"summary-header\">\n {sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data.itemInformation?.trial?.trialPeriodDays && (\n <div class=\"trial-pill\">\n <rebill-typography variant=\"body2\" align=\"center\" color={COLORS_ENUM.GREEN_TEXT}>\n {I18nService.translate('summary.trialPill', {\n days: sessionState.data?.itemInformation?.trial?.trialPeriodDays,\n count: sessionState.data?.itemInformation?.trial?.trialPeriodDays,\n })}\n </rebill-typography>\n </div>\n )}\n <div class=\"total-amount-container\">\n <rebill-typography variant=\"h4-span\" align=\"center\" gutterBottom>\n <number-flow ref={el => (this.totalFlow = el as any)}></number-flow>\n </rebill-typography>\n {this.planFrequency && (\n <rebill-typography\n variant=\"body1\"\n color={COLORS_ENUM.SECONDARY}\n align=\"center\"\n gutterBottom\n style={{ fontWeight: 'normal' }}\n >\n {`/ ${I18nService.translate(`summary.${this.planFrequency}`, {\n count: this.planFrequencyCount \|\| 1,\n })}`}\n </rebill-typography>\n )}\n </div>\n {sessionState.data?.itemInformation?.type !== SESSION_ITEM_TYPE_ENUM.PLAN && (\n <rebill-typography variant=\"body2\" align=\"center\" gutterBottom>\n {I18nService.translate('summary.totalAmount')}\n </rebill-typography>\n )}\n {this.allowCoupon &&\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <discount-coupon hide-label />\n )}\n </div>\n )}\n {this.displayedComponents.includes('itemDetails') &&\n (isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) ? (\n <collapsible-card header={I18nService.translate('summary.details')}>\n {renderItemDetails(true, true, true)}\n </collapsible-card>\n ) : (\n <collapsible-card header={this.itemTitle}>\n {renderItemDetails(false, !!this.itemDescription, true)}\n </collapsible-card>\n ))}\n {this.displayedComponents.includes('discount') &&\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n !sessionState.data?.itemInformation?.trial?.trialPeriodDays &&\n !sessionState.data?.itemInformation?.debitStrategy &&\n renderDiscountAlert()}\n {this.displayedComponents.includes('timelineFreeTrial') &&\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.trial?.trialPeriodDays &&\n !isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <rebill-timeline-free-trial\n trial-period-ends-at={sessionState.data?.itemInformation?.trial?.trialPeriodEndsAt}\n trial-period-ends-reminder-at={\n sessionState.data?.itemInformation?.trial?.trialPeriodEndsReminderAt\n }\n trial-period-days={sessionState.data?.itemInformation?.trial?.trialPeriodDays}\n subtotal={sessionState.data.pricing.subtotal}\n currency={sessionState.data.pricing.currency}\n discount-applied={this.discountApplied}\n discount-type={this.discountType}\n discounted-percentage={this.discountedPercentage}\n discount-duration={this.discountDuration}\n discount-amount={this.discountAmount}\n />\n )}\n {this.displayedComponents.includes('timelineDebitDay') &&\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.debitStrategy &&\n sessionState.data?.itemInformation?.debitDay &&\n !isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <rebill-timeline-debit-day\n debit-day={sessionState.data?.itemInformation?.debitDay}\n total-amount={sessionState.data?.pricing?.total}\n plan-amount={sessionState.data?.pricing?.planAmount}\n currency={sessionState.data?.pricing?.currency}\n debit-strategy={sessionState.data?.itemInformation?.debitStrategy}\n discount-applied={this.discountApplied}\n discount-type={this.discountType}\n discounted-percentage={this.discountedPercentage}\n discount-duration={this.discountDuration}\n discount-amount={this.discountAmount}\n />\n )}\n {this.displayedComponents.includes('priceDetails') &&\n (isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) ? (\n <collapsible-card header={I18nService.translate('summary.summary')}>\n {renderPriceDetails()}\n </collapsible-card>\n ) : (\n renderPriceDetails()\n ))}\n {this.displayedComponents.includes('timelineFreeTrial') &&\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.trial?.trialPeriodDays &&\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <rebill-timeline-free-trial\n trial-period-ends-at={sessionState.data?.itemInformation?.trial?.trialPeriodEndsAt}\n trial-period-ends-reminder-at={\n sessionState.data?.itemInformation?.trial?.trialPeriodEndsReminderAt\n }\n trial-period-days={sessionState.data?.itemInformation?.trial?.trialPeriodDays}\n subtotal={sessionState.data?.pricing?.subtotal}\n currency={sessionState.data?.pricing?.currency}\n discount-applied={this.discountApplied}\n discount-type={this.discountType}\n discounted-percentage={this.discountedPercentage}\n discount-duration={this.discountDuration}\n discount-amount={this.discountAmount}\n />\n )}\n {this.displayedComponents.includes('timelineDebitDay') &&\n sessionState.data?.itemInformation?.type === SESSION_ITEM_TYPE_ENUM.PLAN &&\n sessionState.data?.itemInformation?.debitStrategy &&\n sessionState.data?.itemInformation?.debitDay &&\n isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <rebill-timeline-debit-day\n debit-day={sessionState.data?.itemInformation?.debitDay}\n total-amount={sessionState.data?.pricing?.total}\n plan-amount={sessionState.data?.pricing?.planAmount}\n currency={sessionState.data?.pricing?.currency}\n debit-strategy={sessionState.data?.itemInformation?.debitStrategy}\n discount-applied={this.discountApplied}\n discount-type={this.discountType}\n discounted-percentage={this.discountedPercentage}\n discount-duration={this.discountDuration}\n discount-amount={this.discountAmount}\n />\n )}\n {this.displayedComponents.includes('discount') &&\n !isBreakpointBelow(this.currentBreakpoint, BREAKPOINT_ENUM.DESKTOP) &&\n !sessionState.data?.itemInformation?.trial?.trialPeriodDays &&\n !sessionState.data?.itemInformation?.debitStrategy &&\n renderDiscountAlert()}\n </div>\n );\n }\n}\n"]}