rebill-web-components-sdk 1.8.3-beta.2 → 1.8.3-beta.4
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/organization-logo.rebill-card-icon.rebill-checkout-single-column.rebill-footer.entry.cjs.js.map +1 -1
- package/dist/cjs/organization-logo_4.cjs.entry.js +2 -2
- package/dist/cjs/organization-logo_4.cjs.entry.js.map +1 -1
- package/dist/cjs/otp-component.cjs.entry.js +5 -5
- package/dist/cjs/otp-component.cjs.entry.js.map +1 -1
- package/dist/cjs/otp-component.entry.cjs.js.map +1 -1
- 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 +17 -17
- package/dist/cjs/otp-component_7.cjs.entry.js.map +1 -1
- package/dist/cjs/rebill-footer.cjs.entry.js +2 -2
- package/dist/cjs/rebill-footer.cjs.entry.js.map +1 -1
- package/dist/cjs/rebill-footer.entry.cjs.js.map +1 -1
- package/dist/cjs/rebill-mode-sandbox-mobile.cjs.entry.js +4 -4
- package/dist/cjs/rebill-mode-sandbox-mobile.cjs.entry.js.map +1 -1
- package/dist/cjs/rebill-mode-sandbox-mobile.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 +8 -8
- 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 +7 -7
- package/dist/collection/components/checkout/card-success-page/success-page.js +7 -7
- package/dist/collection/components/checkout/card-success-page/success-page.js.map +1 -1
- package/dist/collection/components/checkout/otp/otp.css +16 -16
- package/dist/collection/components/checkout/otp/otp.js +4 -4
- package/dist/collection/components/checkout/otp/otp.js.map +1 -1
- package/dist/collection/components/checkout/rebill-footer/rebill-footer.css +1 -1
- package/dist/collection/components/checkout/rebill-footer/rebill-footer.js +1 -1
- package/dist/collection/components/checkout/rebill-footer/rebill-footer.js.map +1 -1
- package/dist/collection/components/renewal/renewal-success-page/renewal-success-page.css +7 -7
- package/dist/collection/components/shared/mode-sandbox/mode-sandbox-mobile.css +21 -16
- package/dist/collection/components/shared/mode-sandbox/mode-sandbox-mobile.js +3 -3
- package/dist/collection/components/shared/mode-sandbox/mode-sandbox-mobile.js.map +1 -1
- package/dist/components/mode-sandbox-mobile.js +4 -4
- package/dist/components/mode-sandbox-mobile.js.map +1 -1
- package/dist/components/otp.js +5 -5
- package/dist/components/otp.js.map +1 -1
- package/dist/components/{p-D8vRh8vG.js → p-BMR1f9Ny.js} +5 -5
- package/dist/components/{p-D8vRh8vG.js.map → p-BMR1f9Ny.js.map} +1 -1
- package/dist/components/{p-qOI5SAjq.js → p-BshrHj7X.js} +3 -3
- package/dist/components/{p-qOI5SAjq.js.map → p-BshrHj7X.js.map} +1 -1
- package/dist/components/{p-C-BFyHag.js → p-D3tnZHAe.js} +7 -7
- package/dist/components/p-D3tnZHAe.js.map +1 -0
- package/dist/components/{p-BEbMMBef.js → p-D6JNNodL.js} +4 -4
- package/dist/components/p-D6JNNodL.js.map +1 -0
- package/dist/components/{p-DQYI7toy.js → p-De6XbCCz.js} +12 -12
- package/dist/components/p-De6XbCCz.js.map +1 -0
- package/dist/components/p-Dp3ocPYP.js +85 -0
- package/dist/components/p-Dp3ocPYP.js.map +1 -0
- package/dist/components/{p-DgvctlA0.js → p-F4jLIfkG.js} +4 -4
- package/dist/components/{p-DgvctlA0.js.map → p-F4jLIfkG.js.map} +1 -1
- package/dist/components/rebill-footer2.js +2 -2
- package/dist/components/rebill-footer2.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 +8 -8
- package/dist/components/success-page2.js.map +1 -1
- package/dist/esm/organization-logo.rebill-card-icon.rebill-checkout-single-column.rebill-footer.entry.js.map +1 -1
- package/dist/esm/organization-logo_4.entry.js +2 -2
- package/dist/esm/organization-logo_4.entry.js.map +1 -1
- package/dist/esm/otp-component.entry.js +5 -5
- package/dist/esm/otp-component.entry.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 +17 -17
- package/dist/esm/otp-component_7.entry.js.map +1 -1
- package/dist/esm/rebill-footer.entry.js +2 -2
- package/dist/esm/rebill-footer.entry.js.map +1 -1
- package/dist/esm/rebill-mode-sandbox-mobile.entry.js +4 -4
- package/dist/esm/rebill-mode-sandbox-mobile.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 +8 -8
- package/dist/esm/success-page.entry.js.map +1 -1
- package/dist/rebill-web-components-sdk/organization-logo.rebill-card-icon.rebill-checkout-single-column.rebill-footer.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/otp-component.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/otp-component.entry.js +5 -5
- package/dist/rebill-web-components-sdk/otp-component.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-3fca32f8.entry.js +2 -0
- package/dist/rebill-web-components-sdk/p-3fca32f8.entry.js.map +1 -0
- package/dist/rebill-web-components-sdk/p-8f949cf1.entry.js +2 -0
- package/dist/rebill-web-components-sdk/p-8f949cf1.entry.js.map +1 -0
- package/dist/rebill-web-components-sdk/p-d189dea8.entry.js +2 -0
- package/dist/rebill-web-components-sdk/{p-123616d2.entry.js.map → p-d189dea8.entry.js.map} +1 -1
- package/dist/rebill-web-components-sdk/rebill-footer.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/rebill-footer.entry.js +2 -2
- package/dist/rebill-web-components-sdk/rebill-footer.entry.js.map +1 -1
- package/dist/rebill-web-components-sdk/rebill-mode-sandbox-mobile.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/rebill-mode-sandbox-mobile.entry.js +4 -4
- package/dist/rebill-web-components-sdk/rebill-mode-sandbox-mobile.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 +8 -8
- package/dist/rebill-web-components-sdk/success-page.entry.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/p-BEbMMBef.js.map +0 -1
- package/dist/components/p-Bl3lkRJY.js +0 -85
- package/dist/components/p-Bl3lkRJY.js.map +0 -1
- package/dist/components/p-C-BFyHag.js.map +0 -1
- package/dist/components/p-DQYI7toy.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-123616d2.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-9dc5e835.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-9dc5e835.entry.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-d6225f5e.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-d6225f5e.entry.js.map +0 -1
|
@@ -17,7 +17,7 @@ import { g as getPaymentMethodDisplayName } from './get-payment-method-display-n
|
|
|
17
17
|
import './_commonjsHelpers-BFTU3MAI.js';
|
|
18
18
|
import './config-B8mUEd79.js';
|
|
19
19
|
|
|
20
|
-
const otpCss = ".
|
|
20
|
+
const otpCss = ".otp__otp-container{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;position:relative;margin-top:2rem}.otp__user-information{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;gap:8px}.otp__otp-description-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px}.otp__change-email{cursor:pointer;text-decoration:underline;margin-left:0}.otp__change-email:hover{color:var(--rebill-primary-color);text-decoration:underline}.otp__alternative{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;margin:32px;width:100%}.otp__rebill-alert{width:100%}.otp__guest-options{display:flex;flex-direction:column;width:100%;gap:8px;margin-top:auto}.otp__verifying-container{display:flex;align-items:center;justify-content:center;gap:16px;margin:8px 0}.otp__code-resent-container rebill-typography{display:flex;line-height:1}.otp__code-resent-container rebill-icon{flex-shrink:0;display:inline-flex;vertical-align:middle;margin-right:8px}.otp__spinner{width:15px;height:15px;border:2px solid rgba(255, 255, 255, 0.3);border-radius:50%;border-top-color:var(--rebill-color-primary);animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){.otp__otp-container{min-height:calc(100vh - 40px)}.otp__guest-options{margin-top:32px}}@media (min-width: 1025px){.otp__otp-container{justify-content:flex-start}.otp__guest-options{margin-top:auto;padding-bottom:2rem}}";
|
|
21
21
|
|
|
22
22
|
const Otp = class {
|
|
23
23
|
constructor(hostRef) {
|
|
@@ -115,17 +115,17 @@ const Otp = class {
|
|
|
115
115
|
}
|
|
116
116
|
};
|
|
117
117
|
render() {
|
|
118
|
-
return (h("div", { key: '
|
|
118
|
+
return (h("div", { key: '342b5631b2dfe15cc24880cf7d6d77b6c10ab12d', class: "otp__otp-container" }, h("div", { key: 'c6bf7502fa3f9c1940d1d07360a47c17cc2fdeb2', class: "otp__user-information" }, h("div", { key: '078a4cb4dd563ff1ddfbc02f70e8c923f6973d0f', class: "otp__otp-description-container" }, h("rebill-typography", { key: 'd8ae4e71ee4e35b033347c6bc99200e48e5b9705', variant: "body2", class: "otp__otp-description" }, I18nService.translate('otp.description')), h("rebill-typography", { key: '2466a357c835bcd8314aa5f53aefabb474fdf55f', variant: "subtitle-bold", class: "otp__otp-description-digits" }, ' ', h("strong", { key: '3a4263b93f5ad7f9aec482f1d1eef76952cf60d3' }, I18nService.translate('otp.descriptionDigits')), ' '), h("rebill-typography", { key: 'd77b23e3581d353e2fdd73debe4fbc0e987376c4', variant: "body2", class: "otp__otp-description-email" }, I18nService.translate('otp.descriptionEmail'))), h("rebill-typography", { key: '723a510062706eed71186cf6b1a252f58554a4fc', variant: "body2", class: "otp__otp-email-line" }, state.data.userInformation.email, ' ', !state.data.prefilledData?.email && (h("span", { key: '46fb8563cb20d2ae7a6d8bc8d369d8a985ff85f3', class: "otp__change-email", onClick: () => {
|
|
119
119
|
this.otpValue = '';
|
|
120
120
|
this.error = false;
|
|
121
121
|
this.returnForm.emit(false);
|
|
122
|
-
} }, I18nService.translate('otp.change'))))), h("input-otp", { key: '
|
|
122
|
+
} }, I18nService.translate('otp.change'))))), h("input-otp", { key: '8ed8dc00b9131753f6f23178e607049e6bc4ea72', otp: this.otpValue, onOtpChange: event => this.handleOtpChange(event.detail), error: this.error ? I18nService.translate('otp.error') : '' }), this.isVerifying && (h("div", { key: '364e208afc986a3272bf24b282c169fb243b86db', class: "otp__verifying-container" }, h("rebill-typography", { key: '02cec9d49145d0f953b84d9ee0fbf015f5004d8d', variant: "subtitle2", color: COLORS_ENUM.PRIMARY }, I18nService.translate('otp.verifyingCode')), h("div", { key: 'b436acb222dd7db455a86e4063567519e309d85e', class: "otp__spinner" }))), h("rebill-button", { key: 'ac5bcb96f2fac2426579ac33ca2f84f36e3dda51', type: "button", variant: "outline", theme: this.isTimerRunning ? 'secondary' : 'primary', disabled: this.isTimerRunning, onClick: this.handleResendCode, size: "small", style: { height: '24px', marginBottom: '8px' } }, this.isTimerRunning
|
|
123
123
|
? `${I18nService.translate('otp.resendCodeIn')} (${this.timer.getFormattedTime()})`
|
|
124
|
-
: I18nService.translate('otp.resendCode')), this.codeResent && (h("div", { key: '
|
|
124
|
+
: I18nService.translate('otp.resendCode')), this.codeResent && (h("div", { key: 'b5f54b7f537c0e382d2c1a3ff79a24f2cf4e63a9', class: "otp__code-resent-container" }, h("rebill-typography", { key: '4aeaeb7d4d37eab63ca63419dccb54e1b7d2fda8', variant: "subtitle2", color: COLORS_ENUM.GREEN }, h("rebill-icon", { key: '4fea914f167a28bb06e0cf69d833fda493752d55', name: "check-radio" }), I18nService.translate('otp.codeResent')))), h("rebill-alert", { key: 'a8bcbdbc5af7a9e6a12bc842dd8142812638f3fa', class: "otp__rebill-alert", type: "secure", variant: "variant-info", message: I18nService.translate('otp.infoMessage'), icon: "circle-info", alertTitle: I18nService.translate('otp.infoTitle'), colorIcon: COLORS_ENUM.PRIMARY_DARK_LIGHT }), h("div", { key: '9ff81fa5dce0deaec0a292d2e25d396f559a27a5', class: "otp__alternative" }, h("rebill-typography", { key: 'b8e4f23db473f1049f4f6eae5a489722053aa24a', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK }, "o")), h("div", { key: '87a52e07d7c709c95517f0f3606d843c6580f9bf', class: "otp__guest-options" }, h("rebill-button", { key: '3fb138f038065cb6ec2852f313de1eae3d194748', type: "button", variant: "outline", theme: "secondary", size: "medium", onClick: () => {
|
|
125
125
|
this.otpValue = '';
|
|
126
126
|
this.error = false;
|
|
127
127
|
this.returnForm.emit(false);
|
|
128
|
-
} }, I18nService.translate('otp.continueAsGuest')), h("rebill-alert", { key: '
|
|
128
|
+
} }, I18nService.translate('otp.continueAsGuest')), h("rebill-alert", { key: '3bd11b6a8a91c2690998c2f7af36e872e485fffe', type: "secure", variant: "variant-secure", icon: "lock-outline", message: I18nService.translate('otp.secureMessage') }))));
|
|
129
129
|
}
|
|
130
130
|
};
|
|
131
131
|
Otp.style = otpCss;
|
|
@@ -160,7 +160,7 @@ const ModalOverlay = class {
|
|
|
160
160
|
};
|
|
161
161
|
ModalOverlay.style = modalOverlayCss;
|
|
162
162
|
|
|
163
|
-
const modeSandboxMobileCss = ":host{display:flex;position:relative;width:100%;justify-content:center;align-items:center}.
|
|
163
|
+
const modeSandboxMobileCss = ":host{display:flex;position:relative;width:100%;justify-content:center;align-items:center}.mode-sandbox-mobile__test-mode-container{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%}.mode-sandbox-mobile__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.5);z-index:5;animation:fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:auto;cursor:pointer}.mode-sandbox-mobile__test-mode-chip-mobile{display:flex;width:100%;min-width:auto;max-width:100%;height:40px;background:#ffffff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;position:relative;z-index:20}.mode-sandbox-mobile__chip-content-mobile{display:flex;align-items:center;gap:2px;justify-content:flex-end;min-height:24px;flex-shrink:0;width:100%;margin:8px}.mode-sandbox-mobile__info-icon{display:flex;align-items:center}.mode-sandbox-mobile__test-mode-chip-mobile.expanded .mode-sandbox-mobile__chip-content-mobile{justify-content:flex-end;width:100%}.mode-sandbox-mobile__cards-dropdown-panel-header{display:flex;align-items:center;gap:8px;padding:8px}.mode-sandbox-mobile__docs-section{display:flex;align-items:center;gap:8px;cursor:pointer;margin-left:0;transition:background-color 0.2s ease;justify-content:flex-end;padding:8px;margin-top:8px}.mode-sandbox-mobile__cards-dropdown-panel{position:absolute;top:100%;left:0;right:0;width:100%;background:#ffffff;border-top:none;border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;margin-top:16px;z-index:25;animation:expandDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:top center}.mode-sandbox-mobile__card-section{display:flex;flex-direction:column;justify-content:space-between}.mode-sandbox-mobile__header-content{display:flex;align-items:center;gap:8px;margin:8px}.mode-sandbox-mobile__card-details{background:#fafafa;border-radius:8px;border:1px solid #e5e7eb;margin:8px;min-height:208px;display:flex;flex-direction:column}.mode-sandbox-mobile__card-row{display:flex;gap:12px;align-items:stretch;background:#ffffff;justify-content:space-around;border-radius:8px;border:1px solid #e5e7eb;height:auto;padding:8px;margin:8px}.mode-sandbox-mobile__card-value{display:flex;flex-direction:column;gap:6px;flex:1}.mode-sandbox-mobile__field-value{display:flex;flex-direction:row;align-items:center;gap:8px;max-height:20px}.mode-sandbox-mobile__copy-button{align-items:center;margin-left:auto;margin-right:0}.mode-sandbox-mobile__icon-button{margin-left:auto;margin-right:16px}@keyframes expandDown{from{opacity:0;transform:translateY(-10px) scaleY(0.9)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}";
|
|
164
164
|
|
|
165
165
|
const RebillTestModeChipMobile = class {
|
|
166
166
|
constructor(hostRef) {
|
|
@@ -189,18 +189,18 @@ const RebillTestModeChipMobile = class {
|
|
|
189
189
|
window.open('https://v3.docs.rebill.com/sdk/checkout', '_blank');
|
|
190
190
|
};
|
|
191
191
|
renderBasicChip() {
|
|
192
|
-
return (h("div", { class: "
|
|
192
|
+
return (h("div", { class: "mode-sandbox-mobile__chip-content-mobile" }, h("div", { class: "mode-sandbox-mobile__info-icon" }, h("rebill-icon", { name: "circle-info", size: "24px", color: COLORS_ENUM.ORANGE })), h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, I18nService.translate('sandbox.testMode')), h("div", { class: "mode-sandbox-mobile__icon-button" }, h("rebill-button", { variant: "text", size: "small", onClick: this.togglePanel }, h("rebill-icon", { name: "hamburger" })))));
|
|
193
193
|
}
|
|
194
194
|
renderCardsPanel() {
|
|
195
|
-
return (h("div", { class: "
|
|
195
|
+
return (h("div", { class: "mode-sandbox-mobile__cards-dropdown-panel" }, h("div", { class: "mode-sandbox-mobile__cards-dropdown-panel-header" }, h("rebill-icon", { name: "card-test" }), h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, I18nService.translate('sandbox.cardTest'))), h("div", { class: "mode-sandbox-mobile__card-details" }, h("div", { class: "mode-sandbox-mobile__card-section" }, h("div", { class: "mode-sandbox-mobile__header-content" }, h("rebill-icon", { name: "succes", color: COLORS_ENUM.GREEN }), h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, I18nService.translate('sandbox.successPayment'))), h("div", { class: "mode-sandbox-mobile__card-row" }, h("div", { class: "mode-sandbox-mobile__card-value" }, h("rebill-typography", { variant: "subtitle3", color: COLORS_ENUM.GREY_700 }, I18nService.translate('sandbox.cardNumber')), h("div", { class: "mode-sandbox-mobile__field-value" }, h("rebill-icon", { name: "visa" }), h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, "4539148803436467"))), h("div", { class: "mode-sandbox-mobile__card-value" }, h("rebill-typography", { variant: "subtitle3", color: COLORS_ENUM.GREY_700 }, I18nService.translate('sandbox.exp')), h("div", { class: "mode-sandbox-mobile__field-value" }, h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, "01/99"))), h("div", { class: "mode-sandbox-mobile__card-value" }, h("rebill-typography", { variant: "subtitle3", color: COLORS_ENUM.GREY_700 }, I18nService.translate('sandbox.cvv')), h("div", { class: "mode-sandbox-mobile__field-value mode-sandbox-mobile__field-value-with-copy" }, h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, "123"), h("div", { class: "mode-sandbox-mobile__copy-button" }, h("rebill-button", { variant: "text", size: "small", onClick: () => this.handleCopy('4539148803436467 01/99 123') }, h("rebill-icon", { name: "copy" }))))))), h("div", { class: "mode-sandbox-mobile__card-section" }, h("div", { class: "mode-sandbox-mobile__header-content" }, h("rebill-icon", { name: "rejected", color: COLORS_ENUM.ERROR }), h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, I18nService.translate('sandbox.rejectedPayment'))), h("div", { class: "mode-sandbox-mobile__card-row" }, h("div", { class: "mode-sandbox-mobile__card-value" }, h("rebill-typography", { variant: "subtitle3", color: COLORS_ENUM.GREY_700 }, I18nService.translate('sandbox.cardNumber')), h("div", { class: "mode-sandbox-mobile__field-value" }, h("rebill-icon", { name: "visa" }), h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, "4485364739527352"))), h("div", { class: "mode-sandbox-mobile__card-value" }, h("rebill-typography", { variant: "subtitle3", color: COLORS_ENUM.GREY_700 }, I18nService.translate('sandbox.exp')), h("div", { class: "mode-sandbox-mobile__field-value" }, h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, "01/99"))), h("div", { class: "mode-sandbox-mobile__card-value" }, h("rebill-typography", { variant: "subtitle3", color: COLORS_ENUM.GREY_700 }, I18nService.translate('sandbox.cvv')), h("div", { class: "mode-sandbox-mobile__field-value mode-sandbox-mobile__field-value-with-copy" }, h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY_DARK }, "123"), h("div", { class: "mode-sandbox-mobile__copy-button" }, h("rebill-button", { variant: "text", size: "small", onClick: () => this.handleCopy('4485364739527352 01/99 123') }, h("rebill-icon", { name: "copy" })))))))), h("div", { class: "mode-sandbox-mobile__docs-section", onClick: this.handleDocsClick }, h("rebill-typography", { variant: "subtitle2", color: COLORS_ENUM.PRIMARY }, I18nService.translate('sandbox.docs')), h("rebill-icon", { name: "external-link" }))));
|
|
196
196
|
}
|
|
197
197
|
render() {
|
|
198
|
-
return (h("div", { key: '
|
|
198
|
+
return (h("div", { key: '2051c42d557dcdfc491dc679684aa585e6b8375a', class: `mode-sandbox-mobile__test-mode-container ${this.isPanelVisible ? 'cards-visible' : ''}` }, this.isPanelVisible && h("div", { key: '90291e86c59667a2055457ad99aad90deb8f1dd7', class: "mode-sandbox-mobile__overlay" }), h("div", { key: 'c405adb07262da6175badba97245914469480905', class: `mode-sandbox-mobile__test-mode-chip-mobile ${this.isPanelVisible ? 'expanded' : ''}` }, this.renderBasicChip()), this.isPanelVisible && this.renderCardsPanel()));
|
|
199
199
|
}
|
|
200
200
|
};
|
|
201
201
|
RebillTestModeChipMobile.style = modeSandboxMobileCss;
|
|
202
202
|
|
|
203
|
-
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}*{transition:none !important}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.text-content{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.success-content{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;overflow-x:hidden;box-sizing:border-box}.lottie-container{width:80px;height:80px}.success-content rebill-typography[variant='h3']{margin:0 !important;padding:0 !important}.success-icon{display:flex;justify-content:center;margin:0.5rem 0}.
|
|
203
|
+
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}*{transition:none !important}.qr-container,.qr-image,.qr-image svg,.qr-image img,[class*='qr-'],[class*='success'],[class*='receipt']{transition:none !important;animation:none !important;will-change:auto !important}button:active,button:focus,button:hover{isolation:isolate}.text-content{margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.success-content{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;overflow-x:hidden;box-sizing:border-box}.lottie-container{width:80px;height:80px}.success-content rebill-typography[variant='h3']{margin:0 !important;padding:0 !important}.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}.payment-method-display{display:flex;align-items:center;gap:8px;justify-content:center}.payment-method-display rebill-card-icon{display:inline-block;flex-shrink:0;margin-right:8px;vertical-align:middle}.payment-method-display rebill-card-icon svg{display:block}.payment-method-display rebill-icon{display:inline-block;vertical-align:middle;margin-right:8px}.payment-method-display rebill-icon div{display:block}.success-page__card-divider{height:1px;background:#e5e7eb}.download-container{display:flex;align-items:center;justify-content:flex-start;gap:2px;text-decoration:none;cursor:pointer}.contact-info{text-align:left}.reference-number{word-break:break-all;overflow-wrap:break-word;hyphens:auto;max-width:100%;text-align:right}.total-amount-container{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-direction:row}.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}.next-charge-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.next-charge-details{display:flex;justify-content:space-between;align-items:flex-start}.next-charge-amount{display:flex;flex-direction:row;align-items:center;gap:4px}.next-charge-date{text-align:right}@media (max-width: 1024px){.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}.text-content{gap:12px}}@media (max-width: 767px){.success-page__info-card{padding:12px}.processing-container{padding:0 16px}}";
|
|
204
204
|
|
|
205
205
|
const CardSuccessPage = class {
|
|
206
206
|
constructor(hostRef) {
|
|
@@ -441,26 +441,26 @@ const CardSuccessPage = class {
|
|
|
441
441
|
const hasRedirect = state.data?.itemInformation?.redirectSuccess;
|
|
442
442
|
return (h("rebill-checkout-single-column", { key: 'd8a814c5353cd2dcaa053ea6c205be11870f7629' }, h("div", { key: '300d2de040e3d30cd48fc33b311b6c068bb5706f', class: "success-content" }, h("rebill-typography", { key: '10bd5be46e1adbd9eb61808ce8e74b5c78d735a8', variant: "h3", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, hasRedirect && this.showRedirectMessage
|
|
443
443
|
? I18nService.translate('processing.redirectMessage')
|
|
444
|
-
: I18nService.translate('processing.successTitle')), hasRedirect && this.showRedirectMessage ? (h("div", { class: "redirect-message" }, h("div", { class: "lottie-container" }, h("div", { ref: el => (this.lottieContainer = el), class: "lottie-animation" })))) : (h("div", { class: "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: '
|
|
445
|
-
state?.data?.cardInformation?.installments?.selectedInstallment && (h("div", { key: '
|
|
444
|
+
: I18nService.translate('processing.successTitle')), hasRedirect && this.showRedirectMessage ? (h("div", { class: "redirect-message" }, h("div", { class: "lottie-container" }, h("div", { ref: el => (this.lottieContainer = el), class: "lottie-animation" })))) : (h("div", { class: "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: 'a4bec3c9deb9d5cc33a104861b4dfd459f698680', class: "success-page__info-card" }, h("div", { key: '8d1d7bacc956826e7d3c17ede9c1881006dd85d6', class: "success-page__card-row" }, h("rebill-typography", { key: '9cefa0019d0b3111bfe4d86e5d45b3be5096a669', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentMethod')), h("div", { key: '0daedd45d705bbf2cc6126978f6940f67c3adfcb', class: "success-page__card-value" }, h("div", { key: '2046c5f0ce8e12b425a682ca7abc39ce1e595e7c', class: "payment-method-display" }, this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (h(h.Fragment, null, h("rebill-card-icon", { key: 'b738832b38e50744656e9fcf45785062c13d9b2b', "card-brand": state.data?.cardInformation?.brand || '' }), h("rebill-typography", { key: 'e9928ed3a6196280a3cb17883ebcd3cc985a2b43', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.textPaymentMethodCard()))), this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (h("div", { key: 'df21f77c4b1029feb215343aeca6c43c12d95fd1', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, h("rebill-icon", { key: '272644ea6337654a62a73b9ade66ab15d7c940c5', name: getPaymentMethodDisplayName(PAYMENT_METHOD_ENUM.BANK_TRANSFER, this.country)?.toLowerCase() || 'card' }), h("rebill-typography", { key: 'd7240cbef960d4dc28fcd0d0f3e2f2336739c752', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('paymentMethods.bank_transfer'))))))), state?.data?.pricing?.installments &&
|
|
445
|
+
state?.data?.cardInformation?.installments?.selectedInstallment && (h("div", { key: '5fe838e33d7f75f91c86c2849224ef2a49342b81' }, h("div", { key: '1aa1b037dcd780c009499ee09df50e68b76df935', class: "success-page__card-row" }, h("rebill-typography", { key: '3e907c933564379479f9ca2acf271916c2bc4928', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('summary.installments')), h("div", { key: 'b0ab2acd74e05f95838de8f6b7d61625fe764d4a', style: {
|
|
446
446
|
display: 'flex',
|
|
447
447
|
flexDirection: 'column',
|
|
448
448
|
gap: '10px',
|
|
449
449
|
alignItems: 'end',
|
|
450
|
-
} }, h("rebill-typography", { key: '
|
|
450
|
+
} }, h("rebill-typography", { key: 'f61f0a2f3d005fa52cff9c17cadf02ef11b1322d', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT, style: { textAlign: 'end' } }, getInstallmentLabelSummary(state.data?.cardInformation?.installments?.selectedInstallment
|
|
451
451
|
?.installment, getRecalculatedInstallmentAmount(state.data?.cardInformation?.installments?.selectedInstallment
|
|
452
452
|
?.installmentAmount || 0), state.data?.pricing?.currency, state.data?.cardInformation?.installments?.selectedInstallment
|
|
453
453
|
?.cft, state.data?.cardInformation?.installments?.selectedInstallment
|
|
454
|
-
?.model)), h("rebill-typography", { key: '
|
|
454
|
+
?.model)), h("rebill-typography", { key: '0f42f8250afec3d6b3a79b12a538e27c68fe11dc', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, `( ${I18nService.translate('processing.purchaseTotal')}: ${this.getFormattedTotal()} )`), state.data.cardInformation?.installments?.installments.find(installment => installment.installment ===
|
|
455
455
|
state.data.cardInformation?.installments?.selectedInstallment
|
|
456
|
-
?.installment)?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (h("rebill-typography", { key: '
|
|
456
|
+
?.installment)?.model === ENUM_INSTALLMENT_MODEL.CUSTOMER_FINANCED && (h("rebill-typography", { key: 'e60b60dd9d4140f0f68ac9337c4eeaeb16307e81', variant: "italic", color: COLORS_ENUM.SECONDARY, style: { textAlign: 'end' } }, `${I18nService.translate('installments.interest')}`)))))), h("div", { key: '0e16ac8326cd0542e8656593746fe2ab2c7394ed', class: "success-page__card-row" }, h("rebill-typography", { key: '509f8b0a04aba8edefdf3da8e0f9039d3be47878', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentDate')), h("rebill-typography", { key: 'b3727f8eaab806ccecf422418c5d527ae18bfb31', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatDateTime(this.paymentDate || this.getPaymentDate() || state.createdAt) || '')), h("div", { key: 'acf55b48d33c73b0fb1d5f8e68672ea2e33c7fbe', class: "success-page__card-row" }, h("rebill-typography", { key: 'd2c0becdd3096cfc995e7258f0c6741dbaaa5b28', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentEmail')), h("rebill-typography", { key: 'cd337abb3b8828129bf109875c3927ab5a76b507', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, state?.data?.userInformation?.email)), h("div", { key: '7c78a3fc52c5c7966a5d1be7b2027f2e64893fa1', class: "success-page__card-row" }, h("rebill-typography", { key: 'd1097bda8329b97e7e19e15cf05c923899305723', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentReference')), h("rebill-typography", { key: '0fe00585bc2b97f58e43e9647c31a38aa376b617', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT, class: "reference-number" }, this.referenceNumber || ''))), h("div", { key: 'c9ce7fc78430de6ea3ed77a485832c2714cdfcfa', class: "success-page__info-card" }, h("rebill-typography", { key: 'f60ea9706de5730c2c6919b0cef92f545d80cce7', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.purchaseDetails')), h("div", { key: '65f24003ad3dad665b9c1ad1f09558caf43acaae', class: "success-page__card-row" }, h("rebill-typography", { key: 'f32902e2254725cc4b7788f70ef2fda36767676b', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseDetail')), h("rebill-typography", { key: '4ae4fed51cd2a89cdfc2b0e6c86336a5c39de38b', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, state?.data?.itemInformation?.title || '')), !this.trialPeriodDays && (h("div", { key: 'feb4816ba4e9d2fe8e852be99e1af07567eb704e', class: "success-page__card-row" }, h("rebill-typography", { key: 'd54c1b908a56af924dd93fcb32ece6dfecf88931', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseSubtotal')), h("rebill-typography", { key: '3a1d7af2bc28ae18efaedf5fb9d0489ab9ef295c', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedSubtotal()))), state?.data?.pricing?.discountAmount > 0 && (h("div", { key: 'e65e71710d6cd3c937f6aaf096543e496b1e2325', class: "success-page__card-row" }, h("rebill-typography", { key: 'a1a46e9e2b0f52c4cc8cdce002aaa1772c9ff696', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('summary.discount')), h("rebill-typography", { key: '1af958f8c84761da45f0c3f20e172e8553006896', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedDiscountAmount()))), h("div", { key: '9daf0cd1ba58159973ebb43bf9a54e27a4d2507b', class: "success-page__card-row" }, h("rebill-typography", { key: '14d4365b7f5c4db15a2779e6d460293a2f0bddcb', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseMontoTotal')), h("div", { key: '688710a4705697093b56c93b2c88ea67d44f2e60', class: "total-amount-container" }, this.trialPeriodDays > 0 && (h("div", { key: '9e387c929f2e52effcdc8a04985f7813af8e84e4', class: "trial-pill" }, h("rebill-typography", { key: 'f98ea49edec24bccad87ff8c142914c7ce4eee7b', variant: "body2", align: "center", color: COLORS_ENUM.GREEN_TEXT }, I18nService.translate('processing.trialPill', {
|
|
457
457
|
days: this.trialPeriodDays,
|
|
458
458
|
count: this.trialPeriodDays,
|
|
459
|
-
})))), h("rebill-typography", { key: '
|
|
459
|
+
})))), h("rebill-typography", { key: 'bd7340197baddea2e7131074841caec3ab1cc1d4', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedTotal()))), (this.trialPeriodDays || this.hasDebitDay()) && (h("div", { key: 'bb8305da72fe5f3a93f9350f1c60058d32734e21', class: "success-page__card-divider" })), (this.hasFreeTrial() || this.hasDebitDay()) && (h("div", { key: 'cb25a584c12fe4540c94e0d6c6256e54d3521f4e', class: "next-charge-section" }, h("div", { key: '0e3a9c7d5b719f09476a1f44c783144f28169a85', class: "next-charge-header" }, h("rebill-typography", { key: '4651348020cfbfaf44e70ea381a07f363a0a991a', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.nextCharge')), h("rebill-typography", { key: 'a42507762f10f315c17a033dab4648f37eb46706', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.onDate', {
|
|
460
460
|
date: this.hasFreeTrial()
|
|
461
461
|
? this.getTrialEndDateFormatted()
|
|
462
462
|
: this.getDebitDateFormatted(),
|
|
463
|
-
}))), h("div", { key: '
|
|
463
|
+
}))), h("div", { key: '073b8086746ac54925028f40dcb6cc0388dc29d5', class: "success-page__card-row" }, h("rebill-typography", { key: 'f678239b390132e31e1a1992ce61899253ff7063', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.hasFreeTrial() ? I18nService.translate('processing.atEndOfTrial') : ''), h("rebill-typography", { key: 'e3f59ea087b8fc704ae12b124e23835dee0f2e06', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.getFormattedSubtotal(this.planAmount), ' ', I18nService.translate('processing.perMonth'))))), h("div", { key: '7da44a91e541f2cad30c231165dfeb93a6fd5f4c', class: "success-page__card-divider" }), h("div", { key: 'e0a328dd5e648474b89799c18083194c0f2ca4a8', class: "download-container" }, h("svg", { key: 'fbcbca40ea633f280a02307e356198d9cfe0d629', class: "download-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'a1c03674854d117ea948858b0994eddacdadde0b', 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: '434daabf2474882e211250ee56d03ed2a496adaf', type: "button", variant: "download", size: "small", onClick: this.handleDownloadReceipt }, h("rebill-typography", { key: 'b64910c30d0f64d83cac260a97409ce5a482176d', variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.download')))), h("div", { key: '2c2f930b614ac9194f7f496c1226ba724eb8c331', class: "contact-info" }, h("rebill-typography", { key: 'ffa8eb7284f57679d5e9725393c650c112680b98', variant: "information-text", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.downloadDescription')))))));
|
|
464
464
|
}
|
|
465
465
|
};
|
|
466
466
|
CardSuccessPage.style = successPageCss;
|