rebill-web-components-sdk 1.8.3-beta.9 → 1.8.4-beta.1
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.
- package/dist/cjs/otp-component.rebill-modal-overlay.rebill-mode-sandbox.rebill-mode-sandbox-mobile.rebill-summary.success-page.user-information.entry.cjs.js.map +1 -1
- package/dist/cjs/otp-component_7.cjs.entry.js +9 -9
- package/dist/cjs/otp-component_7.cjs.entry.js.map +1 -1
- package/dist/cjs/rebill-renewal.cjs.entry.js +1 -1
- package/dist/cjs/rebill-renewal.cjs.entry.js.map +1 -1
- package/dist/cjs/rebill-renewal.entry.cjs.js.map +1 -1
- package/dist/cjs/renewal-success-page.cjs.entry.js +1 -1
- package/dist/cjs/renewal-success-page.cjs.entry.js.map +1 -1
- package/dist/cjs/renewal-success-page.entry.cjs.js.map +1 -1
- package/dist/cjs/renewal-success-page.renewal-summary.entry.cjs.js.map +1 -1
- package/dist/cjs/renewal-success-page_2.cjs.entry.js +1 -1
- package/dist/cjs/renewal-success-page_2.cjs.entry.js.map +1 -1
- package/dist/cjs/success-page.cjs.entry.js +9 -9
- package/dist/cjs/success-page.cjs.entry.js.map +1 -1
- package/dist/cjs/success-page.entry.cjs.js.map +1 -1
- package/dist/collection/components/checkout/card-success-page/success-page.css +27 -22
- package/dist/collection/components/checkout/card-success-page/success-page.js +8 -8
- package/dist/collection/components/checkout/card-success-page/success-page.js.map +1 -1
- package/dist/collection/components/renewal/rebill-renewal.js +1 -1
- package/dist/collection/components/renewal/rebill-renewal.js.map +1 -1
- package/dist/collection/components/renewal/renewal-success-page/renewal-success-page.css +27 -22
- package/dist/components/{p-C-B8iTeF.js → p-BUDYSPjD.js} +3 -3
- package/dist/components/{p-C-B8iTeF.js.map → p-BUDYSPjD.js.map} +1 -1
- package/dist/components/{p-BEEjWgM3.js → p-R_YFY6AY.js} +11 -11
- package/dist/components/p-R_YFY6AY.js.map +1 -0
- package/dist/components/rebill-renewal.js +1 -1
- package/dist/components/rebill-renewal.js.map +1 -1
- package/dist/components/renewal-success-page2.js +1 -1
- package/dist/components/renewal-success-page2.js.map +1 -1
- package/dist/components/success-page2.js +9 -9
- package/dist/components/success-page2.js.map +1 -1
- package/dist/esm/otp-component.rebill-modal-overlay.rebill-mode-sandbox.rebill-mode-sandbox-mobile.rebill-summary.success-page.user-information.entry.js.map +1 -1
- package/dist/esm/otp-component_7.entry.js +9 -9
- package/dist/esm/otp-component_7.entry.js.map +1 -1
- package/dist/esm/rebill-renewal.entry.js +1 -1
- package/dist/esm/rebill-renewal.entry.js.map +1 -1
- package/dist/esm/renewal-success-page.entry.js +1 -1
- package/dist/esm/renewal-success-page.entry.js.map +1 -1
- package/dist/esm/renewal-success-page.renewal-summary.entry.js.map +1 -1
- package/dist/esm/renewal-success-page_2.entry.js +1 -1
- package/dist/esm/renewal-success-page_2.entry.js.map +1 -1
- package/dist/esm/success-page.entry.js +9 -9
- package/dist/esm/success-page.entry.js.map +1 -1
- package/dist/rebill-web-components-sdk/otp-component.rebill-modal-overlay.rebill-mode-sandbox.rebill-mode-sandbox-mobile.rebill-summary.success-page.user-information.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/{p-d51a9b31.entry.js → p-02c8d5ca.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-d51a9b31.entry.js.map → p-02c8d5ca.entry.js.map} +1 -1
- package/dist/rebill-web-components-sdk/p-836f16da.entry.js +2 -0
- package/dist/rebill-web-components-sdk/p-836f16da.entry.js.map +1 -0
- package/dist/rebill-web-components-sdk/p-9460caf2.entry.js +2 -0
- package/dist/rebill-web-components-sdk/{p-2d406e83.entry.js.map → p-9460caf2.entry.js.map} +1 -1
- package/dist/rebill-web-components-sdk/rebill-renewal.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/rebill-renewal.entry.js +1 -1
- package/dist/rebill-web-components-sdk/rebill-renewal.entry.js.map +1 -1
- package/dist/rebill-web-components-sdk/renewal-success-page.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/renewal-success-page.entry.js +1 -1
- package/dist/rebill-web-components-sdk/renewal-success-page.entry.js.map +1 -1
- package/dist/rebill-web-components-sdk/renewal-success-page.renewal-summary.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/success-page.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/success-page.entry.js +9 -9
- package/dist/rebill-web-components-sdk/success-page.entry.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/p-BEEjWgM3.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-2d406e83.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-8db3574a.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-8db3574a.entry.js.map +0 -1
|
@@ -214,7 +214,7 @@ const RebillTestModeChipMobile = class {
|
|
|
214
214
|
};
|
|
215
215
|
RebillTestModeChipMobile.style = modeSandboxMobileCss;
|
|
216
216
|
|
|
217
|
-
const successPageCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.
|
|
217
|
+
const successPageCss = ":root{--rebill-color-primary:#3b82f6;--rebill-color-primary-light:rgba(59, 130, 246, 0.1);--rebill-color-primary-hover:#2563eb;--rebill-color-primary-dark:#001131;--rebill-color-primary-dark-text:#000000;--rebill-color-primary-dark-hover:#001c4a;--rebill-color-primary-dark-light:rgba(0, 17, 49, 0.1);--rebill-color-error:#ef4444;--rebill-color-error-background:#fef2f2;--rebill-color-error-light:rgba(239, 68, 68, 0.1);--rebill-color-error-dark:#6f101b;--rebill-color-background:#ffffff;--rebill-color-background-left:#fafafa;--rebill-color-background-right:#f4f5f6;--rebill-color-background-secondary:#f7f8fa;--rebill-color-border:#ebedef;--rebill-color-timeline-connector:#c4c8cf;--rebill-color-neutrals-700:#58616e;--rebill-color-neutrals-500:#9ca3af;--rebill-color-border-primary:#e4e4e7;--rebill-color-text-primary:#3b4049;--rebill-color-text-secondary:#6b7280;--rebill-color-grey-700:#7d7d7d;--rebill-color-text-secondary-light:#a1a1aa;--rebill-color-text-on-primary:#ffffff;--rebill-color-disabled:#9ca3af;--rebill-color-shadow:rgba(0, 0, 0, 0.1);--rebill-color-green:#10b981;--rebill-color-green-text:#257c67;--rebill-color-green-light:rgba(183, 233, 221, 0.15);--rebill-color-green-light-2:rgba(183, 233, 221, 1);--rebill-color-info-background:#d5e4ff;--rebill-color-info-border:#0156f6;--rebill-color-info-text:#172b85;--rebill-color-background-secondary-light:#f7f8fa;--rebill-breakpoint-mobile:768px;--rebill-breakpoint-tablet:1024px;--rebill-breakpoint-desktop:1025px;--rebill-color-orange:#ff9400;--rebill-color-black:#1e2025;--rebill-color-grey-300:#3b4049;--rebill-color-grey-100:#aeaeae}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.success-page__text-content{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.success-page__success-content{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;overflow-x:hidden;box-sizing:border-box}.success-page__lottie-container{width:80px;height:80px}.success-page__success-content rebill-typography[variant='h3']{margin:0 !important;padding:0 !important}.success-page__success-icon{display:flex;justify-content:center;margin:0.5rem 0}.success-page__info-card{padding:24px;gap:16px;width:100%;max-width:450px;border:1px solid #ebedef;border-radius:8px;display:flex;flex-direction:column;box-sizing:border-box}.success-page__card-row{display:flex;justify-content:space-between;align-items:start;min-height:20px;gap:15%}.success-page__card-row:last-of-type{margin-bottom:0}.success-page__card-value{display:flex;align-items:center;gap:0.5rem}.success-page__payment-method-display{display:flex;align-items:center;gap:8px;justify-content:center}.success-page__payment-method-display rebill-card-icon{display:inline-block;flex-shrink:0;margin-right:8px;vertical-align:middle}.success-page__payment-method-display rebill-card-icon svg{display:block}.success-page__payment-method-display rebill-icon{display:inline-block;vertical-align:middle;margin-right:8px}.success-page__payment-method-display rebill-icon div{display:block}.success-page__card-divider{height:1px;background:#e5e7eb}.success-page__download-container{display:flex;align-items:center;justify-content:flex-start;gap:2px;text-decoration:none;cursor:pointer}.success-page__contact-info{text-align:left}.success-page__reference-number{word-break:break-all;overflow-wrap:break-word;hyphens:auto;max-width:100%;text-align:right}.success-page__total-amount-container{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-direction:row}.success-page__trial-pill{background-color:var(--rebill-color-green-light-2);border-radius:4px;padding:4px 6px 4px 6px;display:flex;align-items:center;justify-content:center}.success-page__next-charge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.success-page__next-charge-details{display:flex;justify-content:space-between;align-items:flex-start}.success-page__next-charge-amount{display:flex;flex-direction:row;align-items:center;gap:4px}.success-page__next-charge-date{text-align:right}.success-page__next-charge-section{margin-top:12px;padding-top:12px}@media (max-width: 1024px){.success-page__success-content{max-width:100%;gap:1.5rem;margin-left:16px;margin-right:16px}.success-page__info-card{width:100%;max-width:100%;padding:12px}.success-page__text-content{gap:12px}}@media (max-width: 767px){.success-page__info-card{padding:12px}.success-page__processing-container{padding:0 16px}}";
|
|
218
218
|
|
|
219
219
|
const CardSuccessPage = class {
|
|
220
220
|
constructor(hostRef) {
|
|
@@ -453,28 +453,28 @@ const CardSuccessPage = class {
|
|
|
453
453
|
};
|
|
454
454
|
render() {
|
|
455
455
|
const hasRedirect = state.data?.itemInformation?.redirectSuccess;
|
|
456
|
-
return (h("rebill-checkout-single-column", { key: 'd8a814c5353cd2dcaa053ea6c205be11870f7629' }, h("div", { key: '
|
|
456
|
+
return (h("rebill-checkout-single-column", { key: 'd8a814c5353cd2dcaa053ea6c205be11870f7629' }, h("div", { key: 'cf05e7f864a87a41db23b76f366c7c8516a721c0', class: "success-page__success-content" }, h("rebill-typography", { key: '729d64601641e56b8551d5c3d74daae3a18b6b0a', variant: "h3", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, hasRedirect && this.showRedirectMessage
|
|
457
457
|
? I18nService.translate('processing.redirectMessage')
|
|
458
|
-
: I18nService.translate('processing.successTitle')), hasRedirect && this.showRedirectMessage ? (h("div", { class: "redirect-message" }, h("div", { class: "
|
|
459
|
-
state?.data?.cardInformation?.installments?.selectedInstallment && (h("div", { key: '
|
|
458
|
+
: I18nService.translate('processing.successTitle')), hasRedirect && this.showRedirectMessage ? (h("div", { class: "redirect-message" }, h("div", { class: "success-page__lottie-container" }, h("div", { ref: el => (this.lottieContainer = el), class: "lottie-animation" })))) : (h("div", { class: "success-page__success-icon" }, h("svg", { width: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', height: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z", fill: "#35B093" })))), h("div", { key: 'cb7dc105388b2db7c3b34057c5c4ffd98910bee2', class: "success-page__info-card" }, h("div", { key: '00819afd49ef6aeef2411dff4f942385c80ba07e', class: "success-page__card-row" }, h("rebill-typography", { key: '4a9a03c161b12037b47e1eae87e22c5160806e2c', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentMethod')), h("div", { key: 'dc27668c563154151bdaec58410b8c73086f61fd', class: "success-page__card-value" }, h("div", { key: '7c96a29c17134201c004cd65fb515de5cf691340', class: "success-page__payment-method-display" }, this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (h(h.Fragment, null, h("rebill-card-icon", { key: '530f18b793bbf92cf2a9e61eaad6f68a609dc1a7', "card-brand": state.data?.cardInformation?.brand || '' }), h("rebill-typography", { key: '52e4866e3a05a30e5bb7cd715720178bb787c600', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.textPaymentMethodCard()))), this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (h("div", { key: 'acfeb7d49fb573410f7f9df7f794c784b119accd', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, h("rebill-icon", { key: 'dec188702fe1c02ea3aa01697b466564c3cce778', name: getPaymentMethodDisplayName(PAYMENT_METHOD_ENUM.BANK_TRANSFER, this.country)?.toLowerCase() || 'card' }), h("rebill-typography", { key: '2e2a40216a852b0fbc40670e92fd639f9b3af795', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('paymentMethods.bank_transfer'))))))), state?.data?.pricing?.installments &&
|
|
459
|
+
state?.data?.cardInformation?.installments?.selectedInstallment && (h("div", { key: 'ea79aae58cfaaeb3df39224ed29189aa14d82f45' }, h("div", { key: '4335fe58d7e4f4f91881f9dd629cf7ae93945a54', class: "success-page__card-row" }, h("rebill-typography", { key: 'ef6fbe06758da4e54f3dfd529f7c188167ef70de', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('summary.installments')), h("div", { key: '6881217b5feea6fa09bee824d4b7aace4950f603', style: {
|
|
460
460
|
display: 'flex',
|
|
461
461
|
flexDirection: 'column',
|
|
462
462
|
gap: '10px',
|
|
463
463
|
alignItems: 'end',
|
|
464
|
-
} }, h("rebill-typography", { key: '
|
|
464
|
+
} }, h("rebill-typography", { key: 'e8225b7a2450e67e46902263af208633e21c852d', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT, style: { textAlign: 'end' } }, getInstallmentLabelSummary(state.data?.cardInformation?.installments?.selectedInstallment
|
|
465
465
|
?.installment, getRecalculatedInstallmentAmount(state.data?.cardInformation?.installments?.selectedInstallment
|
|
466
466
|
?.installmentAmount || 0), state.data?.pricing?.currency, state.data?.cardInformation?.installments?.selectedInstallment
|
|
467
467
|
?.cft, state.data?.cardInformation?.installments?.selectedInstallment
|
|
468
|
-
?.model)), h("rebill-typography", { key: '
|
|
468
|
+
?.model)), h("rebill-typography", { key: 'fb989d76d8ed0ef97e74e5a9a9f2be4ebc36b044', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, `( ${I18nService.translate('processing.purchaseTotal')}: ${this.getFormattedTotal()} )`), state.data.cardInformation?.installments?.installments.find(installment => installment.installment ===
|
|
469
469
|
state.data.cardInformation?.installments?.selectedInstallment
|
|
470
|
-
?.installment)?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (h("rebill-typography", { key: '
|
|
470
|
+
?.installment)?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (h("rebill-typography", { key: '5a278b1b9a0ead71519bccf12d80f5a0f6d6c667', variant: "italic", color: COLORS_ENUM.SECONDARY, style: { textAlign: 'end' } }, `${I18nService.translate('installments.interest')}`)))))), h("div", { key: '4ca2babffc451d62f60da51dfaf8cf5ef903ee6b', class: "success-page__card-row" }, h("rebill-typography", { key: '6e20687a11a8cac9cb519978bee200ca846b6bf4', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentDate')), h("rebill-typography", { key: 'eae77c8ddcadc04f4c359aee9cf2d663889d4f82', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatDateTime(this.paymentDate || this.getPaymentDate() || state.createdAt) || '')), h("div", { key: '72ae70f80bbf27fa7ab72107d3075ba13721c8f2', class: "success-page__card-row" }, h("rebill-typography", { key: 'd85fbe86c79e7c18186bd23e2ab7123525f67ca6', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentEmail')), h("rebill-typography", { key: '8f4db224d31ad6294badbef2c05344b11887fa27', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, state?.data?.userInformation?.email)), h("div", { key: '05e205e63cb7958a749b0fe8297ccde914f421e1', class: "success-page__card-row" }, h("rebill-typography", { key: '63c726338cb62abff925f7787a2d6b0d731133a0', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentReference')), h("rebill-typography", { key: '12186b7939c0ebbdb2548c4513af1822aebb67c8', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT, class: "success-page__reference-number" }, this.referenceNumber || ''))), h("div", { key: '00d9b3804dd02addd8011e29533929a56d7aa58c', class: "success-page__info-card" }, h("rebill-typography", { key: 'ed5ae2237d800cf0cac6e9f880a9c7b6ec9bd8a3', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.purchaseDetails')), h("div", { key: 'd13b348ce1ee55c83db8c10d0b3b4aca972b7f3a', class: "success-page__card-row" }, h("rebill-typography", { key: '55d16b897fe8c34131eeec05587cef14313bfd62', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseDetail')), h("rebill-typography", { key: '97123778ac864648a4e330915bafe84514460d24', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, state?.data?.itemInformation?.title || '')), !this.trialPeriodDays && (h("div", { key: '537f89e71e8fb8c6079befb71ff1a61e99187cf6', class: "success-page__card-row" }, h("rebill-typography", { key: '0e9e1cf4ae6d5bca97dfd51ed4a12b275d19719a', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseSubtotal')), h("rebill-typography", { key: 'd45380840cdf35ffc18ecd618cb94c0f0eb5bdd3', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedSubtotal()))), state?.data?.pricing?.discountAmount > 0 && (h("div", { key: 'c34df5787398ba9c6339ac1348052c4a47fc7c79', class: "success-page__card-row" }, h("rebill-typography", { key: 'a733017918477463f73cd32a6475e8d2e4c37781', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('summary.discount')), h("rebill-typography", { key: 'ccb6e46656104b12c8f93ba34c96f3bc97c836ed', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedDiscountAmount()))), h("div", { key: '03c41ca60d1306aac047efb56a7fcec0e8842b17', class: "success-page__card-row" }, h("rebill-typography", { key: '0418a54826aaea0d2b878d9da6f3093494e53ad3', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseMontoTotal')), h("div", { key: '14d58e7438a6d3cc621753568d83da25585eb5e0', class: "success-page__total-amount-container" }, this.trialPeriodDays > 0 && (h("div", { key: 'eecdaa2ca9577bbedf05e35d0518353a88952e17', class: "success-page__trial-pill" }, h("rebill-typography", { key: '4ec8fbe451b03ab6489db62abb44725a3f42ccfc', variant: "body2", align: "center", color: COLORS_ENUM.GREEN_TEXT }, I18nService.translate('processing.trialPill', {
|
|
471
471
|
days: this.trialPeriodDays,
|
|
472
472
|
count: this.trialPeriodDays,
|
|
473
|
-
})))), h("rebill-typography", { key: '
|
|
473
|
+
})))), h("rebill-typography", { key: 'd6e12a5401f68e01d2c7ea1706cf6c885a69e021', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedTotal()))), (this.trialPeriodDays || this.hasDebitDay()) && (h("div", { key: 'a7ee99c9416ad1d995c59927909214300e021491', class: "success-page__card-divider" })), (this.hasFreeTrial() || this.hasDebitDay()) && (h("div", { key: 'c167a90f0ce8da005833a89f3acaebf1e8079b19', class: "success-page__next-charge-section" }, h("div", { key: 'c0817733aa17655d5578c96c07a87b5a3d847c03', class: "success-page__next-charge-header" }, h("rebill-typography", { key: '3e218d2bbe78b3542e7f53d784d735b6e4480c34', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.nextCharge')), h("rebill-typography", { key: '03a7c5048d6e952b7532fb45974dcb47512d34dd', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.onDate', {
|
|
474
474
|
date: this.hasFreeTrial()
|
|
475
475
|
? this.getTrialEndDateFormatted()
|
|
476
476
|
: this.getDebitDateFormatted(),
|
|
477
|
-
}))), h("div", { key: '
|
|
477
|
+
}))), h("div", { key: 'ac92777a58bd9fd68b16c3c545718f2885893253', class: "success-page__card-row" }, h("rebill-typography", { key: '680b1b3386cff3bdc72e059cbfd5901fe65a86ce', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.hasFreeTrial() ? I18nService.translate('processing.atEndOfTrial') : ''), h("rebill-typography", { key: '9dc76d0befc14922fda0a3ba66fd020cf08098f6', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedSubtotal(this.planAmount), ' ', I18nService.translate('processing.perMonth'))))), h("div", { key: '6c91add3a1941d5aeef60406841391cf2a420ea8', class: "success-page__card-divider" }), h("div", { key: 'f8f64653e37c1a2c2b8540adf6175168789d6bdb', class: "success-page__download-container" }, h("svg", { key: 'd865caf674a68d00550b8312d941fec103879ca6', class: "download-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'b3b7b7042666e928af0e1928b46a4289049ff03a', d: "M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("rebill-button", { key: '437f61a8a544e8681c84b09dabb18afbfcd01fb8', type: "button", variant: "download", size: "small", onClick: this.handleDownloadReceipt }, h("rebill-typography", { key: '7613ff0df859a82ebd04f36829378a28d5f789de', variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.download')))), h("div", { key: '6c4c9be607a1007244c4ce8b97c0d25d28723575', class: "success-page__contact-info" }, h("rebill-typography", { key: 'ce01fffce36a31c6a30672c552a438805276201b', variant: "information-text", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.downloadDescription')))))));
|
|
478
478
|
}
|
|
479
479
|
};
|
|
480
480
|
CardSuccessPage.style = successPageCss;
|