rebill-web-components-sdk 1.8.32 → 1.8.34-beta.0
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/apm-checkout_19.cjs.entry.js +12 -12
- package/dist/cjs/card-identification_5.cjs.entry.js +8 -8
- package/dist/cjs/collapsible-card.cjs.entry.js +1 -1
- package/dist/cjs/discount-coupon.rebill-divider.entry.cjs.js.map +1 -0
- package/dist/cjs/discount-coupon_2.cjs.entry.js +157 -0
- package/dist/cjs/index-C-VTnc0I.js.map +1 -1
- package/dist/cjs/input-otp.cjs.entry.js +2 -2
- package/dist/cjs/loader.cjs.js +1 -1
- 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 +3 -3
- package/dist/cjs/otp-component_7.cjs.entry.js +8 -8
- package/dist/cjs/rebill-alert.cjs.entry.js +2 -2
- package/dist/cjs/rebill-card-carousel.cjs.entry.js +1 -1
- package/dist/cjs/rebill-card.cjs.entry.js +1 -1
- package/dist/cjs/rebill-container_2.cjs.entry.js +2 -2
- package/dist/cjs/rebill-flex-container.cjs.entry.js +1 -1
- package/dist/cjs/rebill-form.cjs.entry.js +1 -1
- package/dist/cjs/rebill-grid-container.cjs.entry.js +1 -1
- package/dist/cjs/rebill-input-select.cjs.entry.js +2 -2
- package/dist/cjs/rebill-input-text.cjs.entry.js +2 -2
- package/dist/cjs/rebill-renewal.cjs.entry.js +32 -12
- package/dist/cjs/rebill-renewal.entry.cjs.js.map +1 -1
- package/dist/cjs/rebill-timeline-debit-day.rebill-timeline-free-trial.entry.cjs.js.map +1 -0
- package/dist/cjs/{discount-coupon_3.cjs.entry.js → rebill-timeline-debit-day_2.cjs.entry.js} +3 -117
- package/dist/cjs/rebill-vertical-divider.cjs.entry.js +1 -1
- package/dist/cjs/rebill-web-components-sdk.cjs.js +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 +41 -13
- package/dist/cjs/{renewal.store-C9AesGY1.js → renewal.store-BaH9Id4E.js} +5 -2
- package/dist/cjs/renewal.store-BaH9Id4E.js.map +1 -0
- package/dist/cjs/root-component.cjs.entry.js +1 -1
- package/dist/collection/components/checkout/discount-coupon/discount-coupon.css +4 -0
- package/dist/collection/components/checkout/discount-coupon/discount-coupon.js +104 -4
- package/dist/collection/components/checkout/discount-coupon/discount-coupon.js.map +1 -1
- package/dist/collection/components/checkout/otp/otp.js +4 -4
- package/dist/collection/components/checkout/payment-method-selector/card-fields/card-fields-wrapper.js +2 -2
- package/dist/collection/components/checkout/payment-method-selector/card-fields/identification/identification.js +1 -1
- package/dist/collection/components/checkout/payment-method-selector/card-fields/iframe/CardIframe.js +2 -2
- package/dist/collection/components/checkout/payment-method-selector/card-fields/iframe/skeleton/CardSkeleton.js +1 -1
- package/dist/collection/components/checkout/payment-method-selector/card-fields/installments/installments.js +2 -2
- 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/user-information/user-information-phone.js +1 -1
- package/dist/collection/components/checkout/user-information/user-information.js +3 -3
- package/dist/collection/components/renewal/rebill-renewal.js +31 -11
- package/dist/collection/components/renewal/rebill-renewal.js.map +1 -1
- package/dist/collection/components/renewal/renewal-success-page/renewal-success-page.js +2 -2
- package/dist/collection/components/renewal/renewal-summary/renewal-summary.js +101 -16
- package/dist/collection/components/renewal/renewal-summary/renewal-summary.js.map +1 -1
- package/dist/collection/components/root-component/root-component.js +1 -1
- package/dist/collection/components/shared/alert/alert.js +2 -2
- package/dist/collection/components/shared/card/card.js +1 -1
- package/dist/collection/components/shared/card-carousel/card-carousel.js +1 -1
- package/dist/collection/components/shared/collapsible-card/collapsible-card.js +1 -1
- package/dist/collection/components/shared/divider/divider.js +1 -1
- package/dist/collection/components/shared/divider/vertical-divider.js +1 -1
- package/dist/collection/components/shared/form/form.js +1 -1
- package/dist/collection/components/shared/inputs/input-checkbox/input-checkbox.js +1 -1
- package/dist/collection/components/shared/inputs/input-combo/input-combo.js +1 -1
- package/dist/collection/components/shared/inputs/input-otp/input-otp.js +2 -2
- package/dist/collection/components/shared/inputs/input-phone/input-phone.js +2 -2
- package/dist/collection/components/shared/inputs/input-select/input-select.js +2 -2
- package/dist/collection/components/shared/inputs/input-text/input-text.js +2 -2
- package/dist/collection/components/shared/layouts/custom/single-column/checkout-single-column.js +1 -1
- package/dist/collection/components/shared/layouts/generics/container.js +1 -1
- package/dist/collection/components/shared/layouts/generics/flex.js +1 -1
- package/dist/collection/components/shared/layouts/generics/grid.js +1 -1
- package/dist/collection/components/shared/mode-sandbox/mode-sandbox-mobile.js +1 -1
- package/dist/collection/components/shared/selectable-card/selectable-card.js +2 -2
- package/dist/collection/components/shared/singlePaymentMethod/singlePaymentMethod.js +4 -4
- package/dist/collection/components/shared/timeline/timeline-debit-day.js +1 -1
- package/dist/collection/components/shared/timeline/timeline-free-trial.js +1 -1
- package/dist/collection/models/renewal.model.js.map +1 -1
- package/dist/collection/store/renewal.store.js +3 -0
- package/dist/collection/store/renewal.store.js.map +1 -1
- package/dist/components/apm-checkout.js +1 -1
- package/dist/components/bank-transfer.js +1 -1
- package/dist/components/card-fields-wrapper.js +1 -1
- package/dist/components/card-identification.js +1 -1
- package/dist/components/card-iframe.js +1 -1
- package/dist/components/card-skeleton.js +1 -1
- package/dist/components/collapsible-card.js +1 -1
- package/dist/components/discount-coupon.js +1 -1
- package/dist/components/input-otp.js +1 -1
- package/dist/components/otp-component.js +1 -1
- package/dist/components/{p-BbLfqjb0.js → p-3K2fnS0h.js} +5 -5
- package/dist/components/{p-BbLfqjb0.js.map → p-3K2fnS0h.js.map} +1 -1
- package/dist/components/p-8BpuJ_V5.js.map +1 -1
- package/dist/components/{p-Dm2xJSTe.js → p-B0QvmxUI.js} +3 -3
- package/dist/components/{p-Dm2xJSTe.js.map → p-B0QvmxUI.js.map} +1 -1
- package/dist/components/{p-CYhj6VLQ.js → p-B544NesK.js} +4 -4
- package/dist/components/{p-CYhj6VLQ.js.map → p-B544NesK.js.map} +1 -1
- package/dist/components/{p-mA3Sj5fj.js → p-B7uE6iBd.js} +11 -11
- package/dist/components/{p-mA3Sj5fj.js.map → p-B7uE6iBd.js.map} +1 -1
- package/dist/components/{p-1ZvL9CLG.js → p-BLbS7nF7.js} +3 -3
- package/dist/components/{p-1ZvL9CLG.js.map → p-BLbS7nF7.js.map} +1 -1
- package/dist/components/{p-qI3t-gYu.js → p-BZYd-So1.js} +4 -4
- package/dist/components/{p-qI3t-gYu.js.map → p-BZYd-So1.js.map} +1 -1
- package/dist/components/{p-tTqPr5zM.js → p-BeVdyYff.js} +6 -6
- package/dist/components/{p-tTqPr5zM.js.map → p-BeVdyYff.js.map} +1 -1
- package/dist/components/{p-1I-sUD5D.js → p-BuNsfNGm.js} +6 -6
- package/dist/components/{p-1I-sUD5D.js.map → p-BuNsfNGm.js.map} +1 -1
- package/dist/components/{p-BV_MHtDc.js → p-C0LGxeng.js} +3 -3
- package/dist/components/{p-BV_MHtDc.js.map → p-C0LGxeng.js.map} +1 -1
- package/dist/components/{p-DvXuQN4U.js → p-CD0TNzOh.js} +12 -12
- package/dist/components/{p-DvXuQN4U.js.map → p-CD0TNzOh.js.map} +1 -1
- package/dist/components/{p-wjfhDzgd.js → p-CKYowY5T.js} +4 -4
- package/dist/components/{p-wjfhDzgd.js.map → p-CKYowY5T.js.map} +1 -1
- package/dist/components/{p-ChnuJbVe.js → p-C_S6-o9t.js} +10 -10
- package/dist/components/{p-ChnuJbVe.js.map → p-C_S6-o9t.js.map} +1 -1
- package/dist/components/{p-CKiwr2yo.js → p-CajUouzQ.js} +3 -3
- package/dist/components/{p-CKiwr2yo.js.map → p-CajUouzQ.js.map} +1 -1
- package/dist/components/{p-fEiok6NF.js → p-CfUbJq8-.js} +3 -3
- package/dist/components/{p-fEiok6NF.js.map → p-CfUbJq8-.js.map} +1 -1
- package/dist/components/{p-BWkW7_Hh.js → p-CisP549A.js} +36 -9
- package/dist/components/p-CisP549A.js.map +1 -0
- package/dist/components/{p-DiNW75Kd.js → p-CmYsenWG.js} +3 -3
- package/dist/components/{p-DiNW75Kd.js.map → p-CmYsenWG.js.map} +1 -1
- package/dist/components/{p-QzWBUSLD.js → p-CneaXzeq.js} +4 -4
- package/dist/components/{p-QzWBUSLD.js.map → p-CneaXzeq.js.map} +1 -1
- package/dist/components/{p-Di8WeTd9.js → p-CuX2faVH.js} +4 -4
- package/dist/components/{p-Di8WeTd9.js.map → p-CuX2faVH.js.map} +1 -1
- package/dist/components/{p-h8TZeiqt.js → p-D0AmEJnp.js} +6 -6
- package/dist/components/{p-h8TZeiqt.js.map → p-D0AmEJnp.js.map} +1 -1
- package/dist/components/{p-B1BCKuQ0.js → p-D1lAYXxG.js} +8 -8
- package/dist/components/{p-B1BCKuQ0.js.map → p-D1lAYXxG.js.map} +1 -1
- package/dist/components/{p-BnBTbmTe.js → p-DA0QxWuE.js} +4 -4
- package/dist/components/{p-BnBTbmTe.js.map → p-DA0QxWuE.js.map} +1 -1
- package/dist/components/{p-CpXk4UfE.js → p-DBi6K19S.js} +5 -5
- package/dist/components/{p-CpXk4UfE.js.map → p-DBi6K19S.js.map} +1 -1
- package/dist/components/{p-gj5jUg6C.js → p-DDp9qjAz.js} +3 -3
- package/dist/components/{p-gj5jUg6C.js.map → p-DDp9qjAz.js.map} +1 -1
- package/dist/components/{p-DlrQ_kVv.js → p-DIILFLsN.js} +5 -5
- package/dist/components/{p-DlrQ_kVv.js.map → p-DIILFLsN.js.map} +1 -1
- package/dist/components/{p-CNBrNMEa.js → p-DKn8wDv6.js} +3 -3
- package/dist/components/{p-CNBrNMEa.js.map → p-DKn8wDv6.js.map} +1 -1
- package/dist/components/{p-D6yu2OYw.js → p-DPUz_1Ev.js} +5 -5
- package/dist/components/{p-D6yu2OYw.js.map → p-DPUz_1Ev.js.map} +1 -1
- package/dist/components/{p-BL08tUBX.js → p-DRTzT9ks.js} +3 -3
- package/dist/components/{p-BL08tUBX.js.map → p-DRTzT9ks.js.map} +1 -1
- package/dist/components/{p-DSFlA7FF.js → p-DaS8xGPM.js} +5 -5
- package/dist/components/{p-DSFlA7FF.js.map → p-DaS8xGPM.js.map} +1 -1
- package/dist/components/{p-DZWQyp55.js → p-DgRM4z7g.js} +3 -3
- package/dist/components/{p-DZWQyp55.js.map → p-DgRM4z7g.js.map} +1 -1
- package/dist/components/{p-DU4kUISl.js → p-Dm8Dxmer.js} +5 -5
- package/dist/components/{p-DU4kUISl.js.map → p-Dm8Dxmer.js.map} +1 -1
- package/dist/components/{p-DrAiGSzG.js → p-Dp8EoajW.js} +3 -3
- package/dist/components/{p-DrAiGSzG.js.map → p-Dp8EoajW.js.map} +1 -1
- package/dist/components/{p-BX1_zmbg.js → p-DvV5MmYi.js} +5 -5
- package/dist/components/{p-BX1_zmbg.js.map → p-DvV5MmYi.js.map} +1 -1
- package/dist/components/{p-4hVDutj0.js → p-DzdUnkvh.js} +3 -3
- package/dist/components/{p-4hVDutj0.js.map → p-DzdUnkvh.js.map} +1 -1
- package/dist/components/{p-D3QILlvg.js → p-HzmATjhQ.js} +5 -5
- package/dist/components/p-HzmATjhQ.js.map +1 -0
- package/dist/components/{p-CVtNCEPd.js → p-PBF27XTU.js} +3 -3
- package/dist/components/{p-CVtNCEPd.js.map → p-PBF27XTU.js.map} +1 -1
- package/dist/components/{p-BmjU_TBT.js → p-QTa3HvQl.js} +3 -3
- package/dist/components/{p-BmjU_TBT.js.map → p-QTa3HvQl.js.map} +1 -1
- package/dist/components/{p-WQJ1HwUp.js → p-dgrAtFYi.js} +6 -6
- package/dist/components/{p-WQJ1HwUp.js.map → p-dgrAtFYi.js.map} +1 -1
- package/dist/components/{p-RGadlsa-.js → p-hpg1lOUJ.js} +5 -2
- package/dist/components/p-hpg1lOUJ.js.map +1 -0
- package/dist/components/{p-D4oYYfeG.js → p-nkv8Z87a.js} +8 -8
- package/dist/components/{p-D4oYYfeG.js.map → p-nkv8Z87a.js.map} +1 -1
- package/dist/components/{p-dtookouT.js → p-nvpvagPB.js} +7 -7
- package/dist/components/{p-dtookouT.js.map → p-nvpvagPB.js.map} +1 -1
- package/dist/components/{p-B-Wxp2_p.js → p-oE_0ElW3.js} +69 -20
- package/dist/components/p-oE_0ElW3.js.map +1 -0
- package/dist/components/{p-CKZvdOpK.js → p-qDaQOriJ.js} +4 -4
- package/dist/components/{p-CKZvdOpK.js.map → p-qDaQOriJ.js.map} +1 -1
- package/dist/components/{p-lfUd06gm.js → p-rnhSIhil.js} +3 -3
- package/dist/components/{p-lfUd06gm.js.map → p-rnhSIhil.js.map} +1 -1
- package/dist/components/{p-Dr1acigj.js → p-xNgCL9nV.js} +4 -4
- package/dist/components/{p-Dr1acigj.js.map → p-xNgCL9nV.js.map} +1 -1
- package/dist/components/payment-method-selector.js +1 -1
- package/dist/components/qr-code.js +1 -1
- package/dist/components/rebill-address-form.js +1 -1
- package/dist/components/rebill-address-search.js +1 -1
- package/dist/components/rebill-address.js +1 -1
- package/dist/components/rebill-alert.js +1 -1
- package/dist/components/rebill-bank-selector.js +1 -1
- package/dist/components/rebill-card-carousel.js +1 -1
- package/dist/components/rebill-card.js +1 -1
- package/dist/components/rebill-checkout-form.js +1 -1
- package/dist/components/rebill-checkout-single-column.js +1 -1
- package/dist/components/rebill-checkout.js +39 -39
- package/dist/components/rebill-container.js +1 -1
- package/dist/components/rebill-divider.js +1 -1
- package/dist/components/rebill-flex-container.js +1 -1
- package/dist/components/rebill-footer.js +1 -1
- package/dist/components/rebill-form.js +1 -1
- package/dist/components/rebill-grid-container.js +1 -1
- package/dist/components/rebill-input-checkbox.js +1 -1
- package/dist/components/rebill-input-combo.js +1 -1
- package/dist/components/rebill-input-phone.js +1 -1
- package/dist/components/rebill-input-select.js +1 -1
- package/dist/components/rebill-input-text.js +1 -1
- package/dist/components/rebill-installments.js +1 -1
- package/dist/components/rebill-mode-sandbox-mobile.js +1 -1
- package/dist/components/rebill-processing-payment.js +1 -1
- package/dist/components/rebill-renewal.js +77 -51
- package/dist/components/rebill-renewal.js.map +1 -1
- package/dist/components/rebill-summary.js +1 -1
- package/dist/components/rebill-timeline-debit-day.js +1 -1
- package/dist/components/rebill-timeline-free-trial.js +1 -1
- package/dist/components/rebill-vertical-divider.js +1 -1
- package/dist/components/renewal-success-page.js +1 -1
- package/dist/components/renewal-summary.js +1 -1
- package/dist/components/root-component.js +6 -6
- package/dist/components/selectable-card.js +1 -1
- package/dist/components/single-payment-method.js +1 -1
- package/dist/components/success-page.js +1 -1
- package/dist/components/user-information-phone.js +1 -1
- package/dist/components/user-information.js +1 -1
- package/dist/esm/apm-checkout_19.entry.js +12 -12
- package/dist/esm/card-identification_5.entry.js +8 -8
- package/dist/esm/collapsible-card.entry.js +1 -1
- package/dist/esm/discount-coupon.rebill-divider.entry.js.map +1 -0
- package/dist/esm/discount-coupon_2.entry.js +154 -0
- package/dist/esm/index-D8cwEAmw.js.map +1 -1
- package/dist/esm/input-otp.entry.js +2 -2
- package/dist/esm/loader.js +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 +3 -3
- package/dist/esm/otp-component_7.entry.js +8 -8
- package/dist/esm/rebill-alert.entry.js +2 -2
- package/dist/esm/rebill-card-carousel.entry.js +1 -1
- package/dist/esm/rebill-card.entry.js +1 -1
- package/dist/esm/rebill-container_2.entry.js +2 -2
- package/dist/esm/rebill-flex-container.entry.js +1 -1
- package/dist/esm/rebill-form.entry.js +1 -1
- package/dist/esm/rebill-grid-container.entry.js +1 -1
- package/dist/esm/rebill-input-select.entry.js +2 -2
- package/dist/esm/rebill-input-text.entry.js +2 -2
- package/dist/esm/rebill-renewal.entry.js +32 -12
- package/dist/esm/rebill-renewal.entry.js.map +1 -1
- package/dist/esm/rebill-timeline-debit-day.rebill-timeline-free-trial.entry.js.map +1 -0
- package/dist/esm/{discount-coupon_3.entry.js → rebill-timeline-debit-day_2.entry.js} +6 -119
- package/dist/esm/rebill-vertical-divider.entry.js +1 -1
- package/dist/esm/rebill-web-components-sdk.js +1 -1
- package/dist/esm/renewal-success-page.renewal-summary.entry.js.map +1 -1
- package/dist/esm/renewal-success-page_2.entry.js +41 -13
- package/dist/esm/{renewal.store-C6hSvhsF.js → renewal.store-vAxzxA8H.js} +5 -2
- package/dist/esm/renewal.store-vAxzxA8H.js.map +1 -0
- package/dist/esm/root-component.entry.js +1 -1
- package/dist/rebill-web-components-sdk/discount-coupon.rebill-divider.entry.esm.js.map +1 -0
- 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/p-012e3770.entry.js +2 -0
- package/dist/rebill-web-components-sdk/p-012e3770.entry.js.map +1 -0
- package/dist/rebill-web-components-sdk/{p-1c3e7171.entry.js → p-0239917e.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-edb69e28.entry.js → p-1ac036d7.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-36a897c4.entry.js → p-1d7e392c.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-e5b0f2b9.entry.js → p-2ebb1d54.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-e8eadef6.entry.js → p-3a5bdb02.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-5df71605.entry.js → p-43924d1d.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/p-43924d1d.entry.js.map +1 -0
- package/dist/rebill-web-components-sdk/{p-9084f3ef.entry.js → p-47ee3edc.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-92de0c03.entry.js → p-508cc019.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-924e7ec2.entry.js → p-515e9e16.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/p-5ac0522d.entry.js +2 -0
- package/dist/rebill-web-components-sdk/{p-821e1fed.entry.js → p-6089b208.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/p-63baba00.entry.js +2 -0
- package/dist/rebill-web-components-sdk/p-63baba00.entry.js.map +1 -0
- package/dist/rebill-web-components-sdk/{p-a0d6b0c0.entry.js → p-6ea98ccf.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-bc6f455d.entry.js → p-7287e0f0.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-26f12a67.entry.js → p-8c7f75c0.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-26f12a67.entry.js.map → p-8c7f75c0.entry.js.map} +1 -1
- package/dist/rebill-web-components-sdk/p-D8cwEAmw.js.map +1 -1
- package/dist/rebill-web-components-sdk/{p-c8a5a137.entry.js → p-aa96087c.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-63020e78.entry.js → p-ad9a6685.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-7e94aec8.entry.js → p-e0a3f3a8.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/p-e242be38.entry.js +2 -0
- package/dist/rebill-web-components-sdk/p-e242be38.entry.js.map +1 -0
- package/dist/rebill-web-components-sdk/p-f672574a.entry.js +2 -0
- package/dist/rebill-web-components-sdk/p-nVuaISVM.js +2 -0
- package/dist/rebill-web-components-sdk/p-nVuaISVM.js.map +1 -0
- package/dist/rebill-web-components-sdk/rebill-renewal.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/rebill-timeline-debit-day.rebill-timeline-free-trial.entry.esm.js.map +1 -0
- package/dist/rebill-web-components-sdk/rebill-web-components-sdk.esm.js +1 -1
- package/dist/rebill-web-components-sdk/renewal-success-page.renewal-summary.entry.esm.js.map +1 -1
- package/dist/types/components/checkout/discount-coupon/discount-coupon.d.ts +5 -0
- package/dist/types/components/renewal/renewal-summary/renewal-summary.d.ts +12 -5
- package/dist/types/components.d.ts +24 -4
- package/dist/types/models/renewal.model.d.ts +3 -0
- package/package.json +1 -1
- package/dist/cjs/discount-coupon.rebill-timeline-debit-day.rebill-timeline-free-trial.entry.cjs.js.map +0 -1
- package/dist/cjs/rebill-divider.cjs.entry.js +0 -18
- package/dist/cjs/rebill-divider.entry.cjs.js.map +0 -1
- package/dist/cjs/renewal.store-C9AesGY1.js.map +0 -1
- package/dist/components/p-B-Wxp2_p.js.map +0 -1
- package/dist/components/p-BWkW7_Hh.js.map +0 -1
- package/dist/components/p-D3QILlvg.js.map +0 -1
- package/dist/components/p-RGadlsa-.js.map +0 -1
- package/dist/esm/discount-coupon.rebill-timeline-debit-day.rebill-timeline-free-trial.entry.js.map +0 -1
- package/dist/esm/rebill-divider.entry.js +0 -16
- package/dist/esm/rebill-divider.entry.js.map +0 -1
- package/dist/esm/renewal.store-C6hSvhsF.js.map +0 -1
- package/dist/rebill-web-components-sdk/discount-coupon.rebill-timeline-debit-day.rebill-timeline-free-trial.entry.esm.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-43675422.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-43675422.entry.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-51571e15.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-5df71605.entry.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-7ea96b11.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-CdYpsLqg.js +0 -2
- package/dist/rebill-web-components-sdk/p-CdYpsLqg.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-b519d8a2.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-b519d8a2.entry.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-eb6a2c0d.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-eb6a2c0d.entry.js.map +0 -1
- package/dist/rebill-web-components-sdk/rebill-divider.entry.esm.js.map +0 -1
- /package/dist/rebill-web-components-sdk/{p-1c3e7171.entry.js.map → p-0239917e.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-edb69e28.entry.js.map → p-1ac036d7.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-36a897c4.entry.js.map → p-1d7e392c.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-e5b0f2b9.entry.js.map → p-2ebb1d54.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-e8eadef6.entry.js.map → p-3a5bdb02.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-9084f3ef.entry.js.map → p-47ee3edc.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-92de0c03.entry.js.map → p-508cc019.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-924e7ec2.entry.js.map → p-515e9e16.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-51571e15.entry.js.map → p-5ac0522d.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-821e1fed.entry.js.map → p-6089b208.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-a0d6b0c0.entry.js.map → p-6ea98ccf.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-bc6f455d.entry.js.map → p-7287e0f0.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-c8a5a137.entry.js.map → p-aa96087c.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-63020e78.entry.js.map → p-ad9a6685.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-7e94aec8.entry.js.map → p-e0a3f3a8.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-7ea96b11.entry.js.map → p-f672574a.entry.js.map} +0 -0
|
@@ -103,14 +103,14 @@ const InputOtp = class {
|
|
|
103
103
|
}
|
|
104
104
|
};
|
|
105
105
|
render() {
|
|
106
|
-
return (h("div", { key: '
|
|
106
|
+
return (h("div", { key: '22d1a4a0f52f04672bb16a4473d49d396717c251', class: "otp-container" }, h("div", { key: 'f4ce51dd0fae34b4f0560aeaaaee0e6e9a873077', class: "email-icon" }, h("rebill-icon", { key: 'a5c3c76e49d5bb4713b182d3ba753b17783afc3f', name: "invite" })), h("div", { key: '37e3942600948b3a7ec10b217919dad9e68c9435', class: "otp-input-container", onClick: this.handleFieldClick }, h("div", { key: '4df9d0c3bba7ccfd10da8dc7b412dd3b33c27990', class: "otp-fields" }, [0, 1, 2, 3, 4, 5].map(index => (h("div", { key: index, style: { display: 'flex', alignItems: 'center' } }, h("div", { class: `otp-field ${this.error ? 'error' : ''}` }, h("input", { type: "text", maxlength: "1", placeholder: this.placeholder, value: this.otpValue[index] || '', onInput: e => this.handleInput(e, index), onClick: () => this.handleInputClick(), onKeyDown: e => this.handleKeyDown(e, index), onPaste: e => this.handlePaste(e), onFocus: e => {
|
|
107
107
|
this.el
|
|
108
108
|
?.querySelectorAll('.otp-field')
|
|
109
109
|
.forEach(field => field.classList.remove('active'));
|
|
110
110
|
e.target.parentElement?.classList.add('active');
|
|
111
111
|
}, onBlur: e => {
|
|
112
112
|
e.target.parentElement?.classList.remove('active');
|
|
113
|
-
} })), index === 2 && h("div", { class: "otp-separator" }, "-")))))), this.error && h("div", { key: '
|
|
113
|
+
} })), index === 2 && h("div", { class: "otp-separator" }, "-")))))), this.error && h("div", { key: '386db596c1720b9c6837eb2ff877ddd553e78311', class: "otp-error" }, this.error)));
|
|
114
114
|
}
|
|
115
115
|
};
|
|
116
116
|
InputOtp.style = inputOtpCss;
|
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
return bootstrapLazy(JSON.parse("[[\"rebill-checkout\",[[256,\"rebill-checkout\",{\"productId\":[1,\"product-id\"],\"planId\":[1,\"plan-id\"],\"publicKey\":[1,\"public-key\"],\"instantProduct\":[1,\"instant-product\"],\"instantPlan\":[1,\"instant-plan\"],\"display\":[1],\"customerInformation\":[1,\"customer-information\"],\"oneClickCheckout\":[4,\"one-click-checkout\"],\"css\":[1],\"language\":[1],\"checkoutLandingSession\":[1,\"checkout-landing-session\"],\"externalPayment\":[1,\"external-payment\"],\"rejectedPaymentCard\":[32],\"rejectedPaymentAPM\":[32],\"countries\":[32],\"currentPaymentMethod\":[32],\"checkoutResponse\":[32],\"isSubmitting\":[32],\"isCardSubmitting\":[32],\"isCardSuccess\":[32],\"isAPMSubmitting\":[32],\"isAPMSuccess\":[32],\"storedCheckoutResults\":[32],\"alertErrorKeys\":[32],\"currentApmPaymentMethod\":[32],\"breakpoint\":[32],\"showRefreshModal\":[32],\"cardError\":[32],\"initialData\":[32],\"allRequiredFields\":[32],\"currentRequiredFields\":[32],\"customerExists\":[32],\"showOtp\":[32],\"otpVerified\":[32],\"responseCheckoutCard\":[32],\"cardMode\":[32],\"submit\":[64]},[[0,\"paymentMethodSelected\",\"handlePaymentMethodSelected\"],[0,\"input\",\"handleInputChange\"],[0,\"onRebillAccountClick\",\"handleRebillAccountClick\"],[0,\"returnForm\",\"handleReturnForm\"],[0,\"signOut\",\"handleSignOut\"],[0,\"codeVerified\",\"handleCodeVerified\"]],{\"language\":[\"handleLanguageChange\"]}]]],[\"rebill-renewal\",[[256,\"rebill-renewal\",{\"renewalData\":[1,\"renewal-data\"],\"renewalToken\":[1,\"renewal-token\"],\"currentPaymentMethod\":[32],\"isSubmitting\":[32],\"isCardSubmitting\":[32],\"isCardSuccess\":[32],\"errorMessage\":[32],\"breakpoint\":[32],\"errorPaymentCard\":[32],\"errorPaymentAPM\":[32],\"initialData\":[32],\"checkoutResponse\":[32],\"currentApmPaymentMethod\":[32],\"countries\":[32],\"allRequiredFields\":[32],\"currentRequiredFields\":[32],\"errorCardInvalid\":[32],\"cardMode\":[32]},[[0,\"paymentMethodSelected\",\"handlePaymentMethodSelected\"],[0,\"bankSelected\",\"handleBankSelected\"],[0,\"cardSelected\",\"handleCardSelected\"]]]]],[\"root-component\",[[256,\"root-component\",{\"isLoading\":[32],\"currentLang\":[32],\"formData\":[32]}]]],[\"rebill-card-carousel\",[[256,\"rebill-card-carousel\",{\"interval\":[2],\"size\":[1],\"color\":[1],\"showAllCards\":[4,\"show-all-cards\"],\"currentIndex\":[32]}]]],[\"rebill-flex-container\",[[260,\"rebill-flex-container\",{\"direction\":[1],\"wrap\":[1],\"gap\":[1],\"alignItems\":[1,\"align-items\"],\"justifyContent\":[1,\"justify-content\"]}]]],[\"rebill-grid-container\",[[260,\"rebill-grid-container\",{\"columns\":[2],\"gap\":[1],\"alignItems\":[1,\"align-items\"],\"justifyContent\":[1,\"justify-content\"]}]]],[\"renewal-success-page_2\",[[256,\"renewal-success-page\",{\"typePaymentMethod\":[1,\"type-payment-method\"],\"country\":[1],\"bank\":[1],\"paymentMethodName\":[1,\"payment-method-name\"],\"cardLastFour\":[1,\"card-last-four\"],\"paymentDate\":[1,\"payment-date\"],\"referenceNumber\":[1,\"reference-number\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"debitDay\":[2,\"debit-day\"],\"planAmount\":[2,\"plan-amount\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"currentLocale\":[32],\"breakpoint\":[32],\"loaderProgress\":[32],\"isLoadingLottie\":[32],\"showRedirectMessage\":[32]}],[256,\"renewal-summary\",{\"displayedComponents\":[16],\"totalAmount\":[8,\"total-amount\"],\"subscriptionTitle\":[1,\"subscription-title\"],\"subscriptionAmount\":[8,\"subscription-amount\"],\"nextChargeDate\":[1,\"next-charge-date\"],\"frequency\":[16],\"currency\":[1],\"forceUpdate\":[32]}]]],[\"input-otp\",[[256,\"input-otp\",{\"error\":[1],\"otp\":[1],\"clearable\":[4],\"placeholder\":[1],\"otpValue\":[32]}]]],[\"rebill-card\",[[256,\"rebill-card\",{\"cardTitle\":[1,\"card-title\"],\"cardLabels\":[16]}]]],[\"rebill-container_2\",[[260,\"rebill-container\",{\"maxWidth\":[1,\"max-width\"],\"padding\":[1],\"fluid\":[4]}],[256,\"rebill-input-checkbox\",{\"label\":[1],\"checked\":[1540],\"error\":[1],\"id\":[1],\"disabled\":[4]},[[4,\"change\",\"handleFormChange\"]]]]],[\"rebill-divider\",[[256,\"rebill-divider\"]]],[\"rebill-form\",[[260,\"rebill-form\",{\"validationSchema\":[8,\"validation-schema\"],\"initialData\":[16],\"renderForm\":[16],\"formData\":[32],\"errors\":[32],\"submitForm\":[64],\"resetValidation\":[64],\"clearError\":[64]},[[0,\"input\",\"handleInputChange\"],[0,\"blur\",\"handleBlur\"]],{\"initialData\":[\"handleInitialDataChange\"],\"validationSchema\":[\"handleValidationSchemaChange\"]}]]],[\"rebill-vertical-divider\",[[256,\"rebill-vertical-divider\",{\"height\":[1],\"color\":[1],\"thickness\":[1],\"dashed\":[4],\"connectorActive\":[4,\"connector-active\"],\"withDot\":[4,\"with-dot\"]}]]],[\"rebill-icon_2\",[[260,\"rebill-typography\",{\"variant\":[1],\"color\":[1],\"align\":[1],\"noWrap\":[4,\"no-wrap\"],\"gutterBottom\":[4,\"gutter-bottom\"],\"paragraph\":[4]}],[256,\"rebill-icon\",{\"name\":[1],\"size\":[1],\"color\":[1],\"svgContent\":[32]}]]],[\"discount-coupon_3\",[[256,\"discount-coupon\",{\"hideLabel\":[4,\"hide-label\"],\"couponCode\":[32],\"actionStatus\":[32],\"isLoading\":[32],\"isError\":[32],\"currentLocale\":[32]}],[256,\"rebill-timeline-debit-day\",{\"debitDay\":[2,\"debit-day\"],\"totalAmount\":[2,\"total-amount\"],\"planAmount\":[2,\"plan-amount\"],\"currency\":[1],\"debitStrategy\":[1,\"debit-strategy\"],\"language\":[1],\"discountApplied\":[4,\"discount-applied\"],\"discountType\":[1,\"discount-type\"],\"discountedPercentage\":[2,\"discounted-percentage\"],\"discountDuration\":[2,\"discount-duration\"],\"discountAmount\":[2,\"discount-amount\"],\"currentLanguage\":[32]}],[256,\"rebill-timeline-free-trial\",{\"trialPeriodEndsAt\":[1,\"trial-period-ends-at\"],\"trialPeriodEndsReminderAt\":[1,\"trial-period-ends-reminder-at\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"subtotal\":[2],\"currency\":[1],\"language\":[1],\"discountApplied\":[4,\"discount-applied\"],\"discountType\":[1,\"discount-type\"],\"discountedPercentage\":[2,\"discounted-percentage\"],\"discountDuration\":[2,\"discount-duration\"],\"discountAmount\":[2,\"discount-amount\"],\"currentLanguage\":[32]}]]],[\"collapsible-card\",[[260,\"collapsible-card\",{\"header\":[1],\"open\":[4],\"variant\":[1],\"isOpen\":[32]}]]],[\"rebill-alert\",[[256,\"rebill-alert\",{\"type\":[1],\"message\":[1],\"alertTitle\":[1,\"alert-title\"],\"icon\":[1],\"variant\":[1],\"size\":[1],\"colorIcon\":[1,\"color-icon\"]}]]],[\"rebill-input-text\",[[256,\"rebill-input-text\",{\"label\":[1],\"placeholder\":[1],\"value\":[1537],\"error\":[1],\"id\":[1],\"disabled\":[4],\"leftIcon\":[1,\"left-icon\"],\"rightIcon\":[1,\"right-icon\"],\"clearable\":[4],\"variant\":[1],\"uppercase\":[4],\"getInputElement\":[64]},[[4,\"change\",\"handleFormChange\"]]]]],[\"rebill-input-select\",[[256,\"rebill-input-select\",{\"label\":[1],\"options\":[16],\"value\":[1537],\"error\":[1],\"id\":[1],\"disabled\":[4],\"placeholder\":[1],\"variant\":[1],\"arrowIcon\":[1,\"arrow-icon\"],\"dropPosition\":[1,\"drop-position\"],\"fontSize\":[1,\"font-size\"],\"backgroundColor\":[1,\"background-color\"],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"loading\":[4],\"isOpen\":[32],\"componentId\":[32],\"highlightedIndex\":[32],\"searchTerm\":[32],\"filteredOptions\":[32],\"languageUpdateTrigger\":[32]},[[4,\"change\",\"handleFormChange\"],[4,\"closeAllSelects\",\"handleCloseAllSelects\"],[4,\"click\",\"handleDocumentClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"rebill-button\",[[260,\"rebill-button\",{\"type\":[1],\"disabled\":[4],\"id\":[1],\"loading\":[4],\"showSpinnerWithText\":[4,\"show-spinner-with-text\"],\"nonClickable\":[4,\"non-clickable\"],\"variant\":[1],\"theme\":[1],\"size\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"]}]]],[\"organization-logo_4\",[[256,\"rebill-card-icon\",{\"cardBrand\":[1,\"card-brand\"],\"width\":[2],\"height\":[2]}],[260,\"rebill-checkout-single-column\"],[256,\"rebill-footer\",{\"breakpoint\":[32]}],[256,\"organization-logo\",{\"organization\":[16]}]]],[\"otp-component_7\",[[256,\"rebill-summary\",{\"totalAmount\":[8,\"total-amount\"],\"itemTitle\":[1,\"item-title\"],\"itemDescription\":[1,\"item-description\"],\"itemAmount\":[8,\"item-amount\"],\"planFrequency\":[1,\"plan-frequency\"],\"planFrequencyCount\":[2,\"plan-frequency-count\"],\"subtotal\":[8],\"discount\":[8],\"currency\":[1],\"displayedComponents\":[16],\"allowCoupon\":[4,\"allow-coupon\"],\"currentBreakpoint\":[1,\"current-breakpoint\"],\"discountType\":[1,\"discount-type\"],\"discountedPercentage\":[2,\"discounted-percentage\"],\"discountDuration\":[2,\"discount-duration\"],\"discountAmount\":[2,\"discount-amount\"],\"discountApplied\":[32]},[[0,\"discountApplied\",\"handleDiscountApplied\"]]],[256,\"success-page\",{\"typePaymentMethod\":[1,\"type-payment-method\"],\"country\":[1],\"bank\":[1],\"paymentMethodName\":[1,\"payment-method-name\"],\"cardLastFour\":[1,\"card-last-four\"],\"paymentDate\":[1,\"payment-date\"],\"referenceNumber\":[1,\"reference-number\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"debitDay\":[2,\"debit-day\"],\"planAmount\":[2,\"plan-amount\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"currentLocale\":[32],\"breakpoint\":[32],\"loaderProgress\":[32],\"isLoadingLottie\":[32],\"showRedirectMessage\":[32]}],[256,\"otp-component\",{\"timeLeft\":[32],\"isTimerRunning\":[32],\"codeResent\":[32],\"isVerifying\":[32],\"otpValue\":[32],\"error\":[32]}],[256,\"user-information\",{\"userInformation\":[16],\"errors\":[16],\"customerExists\":[4,\"customer-exists\"],\"disabled\":[4]},[[0,\"input\",\"handleInputChange\"],[0,\"blur\",\"handleBlur\"]]],[256,\"rebill-mode-sandbox\",{\"isPanelVisible\":[32],\"isPanelClosing\":[32],\"isCardsPanelVisible\":[32],\"isCardsPanelClosing\":[32],\"currentLanguage\":[32]}],[256,\"rebill-mode-sandbox-mobile\",{\"isPanelVisible\":[32],\"currentLanguage\":[32]}],[256,\"rebill-modal-overlay\",{\"visible\":[32],\"languageUpdateTrigger\":[32]}]]],[\"card-identification_5\",[[256,\"rebill-installments\",{\"error\":[1],\"currentValue\":[32],\"isDisabled\":[32],\"value\":[32],\"placeholder\":[32]}],[256,\"card-identification\",{\"documentTypeError\":[1,\"document-type-error\"],\"documentNumberError\":[1,\"document-number-error\"],\"disabled\":[4],\"documentTypes\":[32],\"country\":[32],\"currentLanguage\":[32]}],[256,\"card-iframe\",{\"customCSS\":[1,\"custom-c-s-s\"],\"iframeLoaded\":[32],\"currentLang\":[32],\"initialLang\":[32],\"iframeHeight\":[32]}],[256,\"rebill-input-combo\",{\"label\":[1],\"options\":[16],\"selectValue\":[1537,\"select-value\"],\"inputValue\":[1537,\"input-value\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"selectPlaceholder\":[1,\"select-placeholder\"],\"error\":[1],\"selectId\":[1,\"select-id\"],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"selectWidth\":[1,\"select-width\"],\"isOpen\":[32],\"highlightedIndex\":[32],\"componentId\":[32]},[[4,\"change\",\"handleFormChange\"],[4,\"closeAllSelects\",\"handleCloseAllSelects\"],[4,\"click\",\"handleDocumentClick\"]]],[256,\"card-skeleton\"]]],[\"apm-checkout_19\",[[256,\"payment-method-selector\",{\"enabledPaymentMethods\":[16],\"defaultSelected\":[1,\"default-selected\"],\"showErrorComponent\":[4,\"show-error-component\"],\"cardError\":[16],\"country\":[1],\"installmentsError\":[1,\"installments-error\"],\"documentTypeError\":[1,\"document-type-error\"],\"showDocument\":[4,\"show-document\"],\"documentNumberError\":[1,\"document-number-error\"],\"customCSS\":[1,\"custom-c-s-s\"],\"errorComponent\":[16],\"disabled\":[4],\"icon\":[32],\"selectedPaymentMethod\":[32],\"saveCard\":[32]},[[0,\"selectableCardClick\",\"handleSelectableCardClick\"]]],[256,\"apm-checkout\",{\"paymentMethod\":[1,\"payment-method\"],\"referenceId\":[1,\"reference-id\"],\"qrCodeData\":[1,\"qr-code-data\"],\"code\":[1],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"country\":[1],\"redirectUrl\":[1,\"redirect-url\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"checkoutRequestId\":[1,\"checkout-request-id\"],\"bearerToken\":[1,\"bearer-token\"],\"bankTransferData\":[8,\"bank-transfer-data\"],\"showRedirectMessage\":[32],\"isPolling\":[32],\"minutesLeft\":[32],\"qrStartTime\":[32],\"downloadData\":[32]}],[256,\"rebill-processing-payment\",{\"currentLocale\":[32],\"breakpoint\":[32],\"loaderProgress\":[32],\"isLoadingLottie\":[32]}],[256,\"rebill-address\",{\"billingView\":[1537,\"billing-view\"],\"disabled\":[4],\"countryOptions\":[16],\"errors\":[16],\"currentBillingStateOptions\":[32],\"isLoadingAddress\":[32]}],[256,\"user-information-static\",{\"userInfo\":[16],\"variant\":[1]}],[256,\"payment-button\",{\"isDisabled\":[4,\"is-disabled\"],\"isLoading\":[4,\"is-loading\"],\"paymentMethod\":[1,\"payment-method\"],\"isRenewal\":[4,\"is-renewal\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"redirectUrl\":[4,\"redirect-url\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"country\":[1],\"currentLanguage\":[32],\"countdownSeconds\":[32],\"paymentMethodDisplayName\":[32]},null,{\"redirectUrl\":[\"onRedirectPropsChange\"],\"timeToRedirect\":[\"onRedirectPropsChange\"]}],[256,\"rebill-bank-selector\",{\"banks\":[16],\"defaultSelectedBankId\":[1,\"default-selected-bank-id\"],\"error\":[1],\"disabled\":[4],\"selectedBankId\":[32],\"languageUpdateTrigger\":[32]}],[256,\"user-information-phone\",{\"error\":[1],\"countryCode\":[1,\"country-code\"],\"disabled\":[4],\"languageUpdateTrigger\":[32]}],[256,\"rebill-checkout-form\",{\"validationSchema\":[8,\"validation-schema\"],\"initialData\":[16],\"renderForm\":[16],\"resetValidation\":[64]},[[0,\"change\",\"handleFormChange\"]]],[256,\"card-fields-wrapper\",{\"installmentsError\":[1,\"installments-error\"],\"documentTypeError\":[1,\"document-type-error\"],\"documentNumberError\":[1,\"document-number-error\"],\"showDocument\":[4,\"show-document\"],\"customCSS\":[1,\"custom-c-s-s\"]}],[256,\"bank-transfer\",{\"bankTransferData\":[8,\"bank-transfer-data\"]}],[256,\"qr-code\",{\"qrCodeData\":[1,\"qr-code-data\"],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"paymentMethod\":[1,\"payment-method\"],\"code\":[1],\"qrCodeSvg\":[32],\"isImage\":[32],\"timeLeft\":[32],\"formattedTime\":[32],\"hasCopied\":[32]}],[256,\"rebill-address-form\",{\"addressType\":[1,\"address-type\"],\"countryOptions\":[16],\"stateOptions\":[16],\"errors\":[16],\"disabled\":[4]}],[256,\"rebill-address-search\",{\"addressType\":[1,\"address-type\"],\"placeholder\":[1],\"error\":[1],\"disabled\":[4],\"isInitialized\":[32],\"currentLocale\":[32]}],[256,\"apm-download\",{\"data\":[16]}],[256,\"single-payment-method\",{\"paymentMethod\":[1,\"payment-method\"],\"currencyCountry\":[1,\"currency-country\"],\"paymentMethodDetails\":[16],\"icons\":[16]}],[256,\"rebill-input-phone\",{\"placeholder\":[1],\"value\":[1537],\"error\":[1],\"phoneNumberId\":[1,\"phone-number-id\"],\"countryCodeId\":[1,\"country-code-id\"],\"validationErrorId\":[1,\"validation-error-id\"],\"disabled\":[4],\"initialCountry\":[1,\"initial-country\"],\"required\":[4],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectedCountry\":[32],\"isDropdownOpen\":[32],\"validationError\":[32],\"searchTerm\":[32],\"filteredCountries\":[32],\"componentId\":[32],\"languageUpdateTrigger\":[32]},[[4,\"change\",\"handleFormChange\"],[4,\"closeAllSelects\",\"handleCloseAllSelects\"],[4,\"click\",\"handleDocumentClick\"]]],[256,\"reference-code\",{\"referenceId\":[1,\"reference-id\"],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"instructions\":[16],\"showInstructions\":[32]}],[260,\"selectable-card\",{\"selected\":[4],\"label\":[1],\"cardKey\":[1,\"card-key\"],\"disabled\":[4]}]]]]"), options);
|
|
8
|
+
return bootstrapLazy(JSON.parse("[[\"rebill-checkout\",[[256,\"rebill-checkout\",{\"productId\":[1,\"product-id\"],\"planId\":[1,\"plan-id\"],\"publicKey\":[1,\"public-key\"],\"instantProduct\":[1,\"instant-product\"],\"instantPlan\":[1,\"instant-plan\"],\"display\":[1],\"customerInformation\":[1,\"customer-information\"],\"oneClickCheckout\":[4,\"one-click-checkout\"],\"css\":[1],\"language\":[1],\"checkoutLandingSession\":[1,\"checkout-landing-session\"],\"externalPayment\":[1,\"external-payment\"],\"rejectedPaymentCard\":[32],\"rejectedPaymentAPM\":[32],\"countries\":[32],\"currentPaymentMethod\":[32],\"checkoutResponse\":[32],\"isSubmitting\":[32],\"isCardSubmitting\":[32],\"isCardSuccess\":[32],\"isAPMSubmitting\":[32],\"isAPMSuccess\":[32],\"storedCheckoutResults\":[32],\"alertErrorKeys\":[32],\"currentApmPaymentMethod\":[32],\"breakpoint\":[32],\"showRefreshModal\":[32],\"cardError\":[32],\"initialData\":[32],\"allRequiredFields\":[32],\"currentRequiredFields\":[32],\"customerExists\":[32],\"showOtp\":[32],\"otpVerified\":[32],\"responseCheckoutCard\":[32],\"cardMode\":[32],\"submit\":[64]},[[0,\"paymentMethodSelected\",\"handlePaymentMethodSelected\"],[0,\"input\",\"handleInputChange\"],[0,\"onRebillAccountClick\",\"handleRebillAccountClick\"],[0,\"returnForm\",\"handleReturnForm\"],[0,\"signOut\",\"handleSignOut\"],[0,\"codeVerified\",\"handleCodeVerified\"]],{\"language\":[\"handleLanguageChange\"]}]]],[\"rebill-renewal\",[[256,\"rebill-renewal\",{\"renewalData\":[1,\"renewal-data\"],\"renewalToken\":[1,\"renewal-token\"],\"currentPaymentMethod\":[32],\"isSubmitting\":[32],\"isCardSubmitting\":[32],\"isCardSuccess\":[32],\"errorMessage\":[32],\"breakpoint\":[32],\"errorPaymentCard\":[32],\"errorPaymentAPM\":[32],\"initialData\":[32],\"checkoutResponse\":[32],\"currentApmPaymentMethod\":[32],\"countries\":[32],\"allRequiredFields\":[32],\"currentRequiredFields\":[32],\"errorCardInvalid\":[32],\"cardMode\":[32]},[[0,\"paymentMethodSelected\",\"handlePaymentMethodSelected\"],[0,\"bankSelected\",\"handleBankSelected\"],[0,\"cardSelected\",\"handleCardSelected\"]]]]],[\"root-component\",[[256,\"root-component\",{\"isLoading\":[32],\"currentLang\":[32],\"formData\":[32]}]]],[\"rebill-card-carousel\",[[256,\"rebill-card-carousel\",{\"interval\":[2],\"size\":[1],\"color\":[1],\"showAllCards\":[4,\"show-all-cards\"],\"currentIndex\":[32]}]]],[\"rebill-flex-container\",[[260,\"rebill-flex-container\",{\"direction\":[1],\"wrap\":[1],\"gap\":[1],\"alignItems\":[1,\"align-items\"],\"justifyContent\":[1,\"justify-content\"]}]]],[\"rebill-grid-container\",[[260,\"rebill-grid-container\",{\"columns\":[2],\"gap\":[1],\"alignItems\":[1,\"align-items\"],\"justifyContent\":[1,\"justify-content\"]}]]],[\"renewal-success-page_2\",[[256,\"renewal-success-page\",{\"typePaymentMethod\":[1,\"type-payment-method\"],\"country\":[1],\"bank\":[1],\"paymentMethodName\":[1,\"payment-method-name\"],\"cardLastFour\":[1,\"card-last-four\"],\"paymentDate\":[1,\"payment-date\"],\"referenceNumber\":[1,\"reference-number\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"debitDay\":[2,\"debit-day\"],\"planAmount\":[2,\"plan-amount\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"currentLocale\":[32],\"breakpoint\":[32],\"loaderProgress\":[32],\"isLoadingLottie\":[32],\"showRedirectMessage\":[32]}],[256,\"renewal-summary\",{\"displayedComponents\":[16],\"totalAmount\":[2,\"total-amount\"],\"subscriptionTitle\":[1,\"subscription-title\"],\"subscriptionAmount\":[2,\"subscription-amount\"],\"nextChargeDate\":[1,\"next-charge-date\"],\"frequency\":[16],\"currency\":[1],\"couponCode\":[1,\"coupon-code\"],\"discountAmount\":[2,\"discount-amount\"],\"discountPercentage\":[2,\"discount-percentage\"],\"forceUpdate\":[32]}]]],[\"input-otp\",[[256,\"input-otp\",{\"error\":[1],\"otp\":[1],\"clearable\":[4],\"placeholder\":[1],\"otpValue\":[32]}]]],[\"rebill-card\",[[256,\"rebill-card\",{\"cardTitle\":[1,\"card-title\"],\"cardLabels\":[16]}]]],[\"rebill-container_2\",[[260,\"rebill-container\",{\"maxWidth\":[1,\"max-width\"],\"padding\":[1],\"fluid\":[4]}],[256,\"rebill-input-checkbox\",{\"label\":[1],\"checked\":[1540],\"error\":[1],\"id\":[1],\"disabled\":[4]},[[4,\"change\",\"handleFormChange\"]]]]],[\"rebill-timeline-debit-day_2\",[[256,\"rebill-timeline-debit-day\",{\"debitDay\":[2,\"debit-day\"],\"totalAmount\":[2,\"total-amount\"],\"planAmount\":[2,\"plan-amount\"],\"currency\":[1],\"debitStrategy\":[1,\"debit-strategy\"],\"language\":[1],\"discountApplied\":[4,\"discount-applied\"],\"discountType\":[1,\"discount-type\"],\"discountedPercentage\":[2,\"discounted-percentage\"],\"discountDuration\":[2,\"discount-duration\"],\"discountAmount\":[2,\"discount-amount\"],\"currentLanguage\":[32]}],[256,\"rebill-timeline-free-trial\",{\"trialPeriodEndsAt\":[1,\"trial-period-ends-at\"],\"trialPeriodEndsReminderAt\":[1,\"trial-period-ends-reminder-at\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"subtotal\":[2],\"currency\":[1],\"language\":[1],\"discountApplied\":[4,\"discount-applied\"],\"discountType\":[1,\"discount-type\"],\"discountedPercentage\":[2,\"discounted-percentage\"],\"discountDuration\":[2,\"discount-duration\"],\"discountAmount\":[2,\"discount-amount\"],\"currentLanguage\":[32]}]]],[\"rebill-form\",[[260,\"rebill-form\",{\"validationSchema\":[8,\"validation-schema\"],\"initialData\":[16],\"renderForm\":[16],\"formData\":[32],\"errors\":[32],\"submitForm\":[64],\"resetValidation\":[64],\"clearError\":[64]},[[0,\"input\",\"handleInputChange\"],[0,\"blur\",\"handleBlur\"]],{\"initialData\":[\"handleInitialDataChange\"],\"validationSchema\":[\"handleValidationSchemaChange\"]}]]],[\"rebill-vertical-divider\",[[256,\"rebill-vertical-divider\",{\"height\":[1],\"color\":[1],\"thickness\":[1],\"dashed\":[4],\"connectorActive\":[4,\"connector-active\"],\"withDot\":[4,\"with-dot\"]}]]],[\"rebill-icon_2\",[[260,\"rebill-typography\",{\"variant\":[1],\"color\":[1],\"align\":[1],\"noWrap\":[4,\"no-wrap\"],\"gutterBottom\":[4,\"gutter-bottom\"],\"paragraph\":[4]}],[256,\"rebill-icon\",{\"name\":[1],\"size\":[1],\"color\":[1],\"svgContent\":[32]}]]],[\"collapsible-card\",[[260,\"collapsible-card\",{\"header\":[1],\"open\":[4],\"variant\":[1],\"isOpen\":[32]}]]],[\"discount-coupon_2\",[[256,\"discount-coupon\",{\"hideLabel\":[4,\"hide-label\"],\"displayMode\":[1,\"display-mode\"],\"readonlyCouponCode\":[1,\"readonly-coupon-code\"],\"readonlyDiscountAmount\":[2,\"readonly-discount-amount\"],\"readonlyCurrency\":[1,\"readonly-currency\"],\"couponCode\":[32],\"actionStatus\":[32],\"isLoading\":[32],\"isError\":[32],\"currentLocale\":[32]}],[256,\"rebill-divider\"]]],[\"rebill-alert\",[[256,\"rebill-alert\",{\"type\":[1],\"message\":[1],\"alertTitle\":[1,\"alert-title\"],\"icon\":[1],\"variant\":[1],\"size\":[1],\"colorIcon\":[1,\"color-icon\"]}]]],[\"rebill-input-text\",[[256,\"rebill-input-text\",{\"label\":[1],\"placeholder\":[1],\"value\":[1537],\"error\":[1],\"id\":[1],\"disabled\":[4],\"leftIcon\":[1,\"left-icon\"],\"rightIcon\":[1,\"right-icon\"],\"clearable\":[4],\"variant\":[1],\"uppercase\":[4],\"getInputElement\":[64]},[[4,\"change\",\"handleFormChange\"]]]]],[\"rebill-input-select\",[[256,\"rebill-input-select\",{\"label\":[1],\"options\":[16],\"value\":[1537],\"error\":[1],\"id\":[1],\"disabled\":[4],\"placeholder\":[1],\"variant\":[1],\"arrowIcon\":[1,\"arrow-icon\"],\"dropPosition\":[1,\"drop-position\"],\"fontSize\":[1,\"font-size\"],\"backgroundColor\":[1,\"background-color\"],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"loading\":[4],\"isOpen\":[32],\"componentId\":[32],\"highlightedIndex\":[32],\"searchTerm\":[32],\"filteredOptions\":[32],\"languageUpdateTrigger\":[32]},[[4,\"change\",\"handleFormChange\"],[4,\"closeAllSelects\",\"handleCloseAllSelects\"],[4,\"click\",\"handleDocumentClick\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"rebill-button\",[[260,\"rebill-button\",{\"type\":[1],\"disabled\":[4],\"id\":[1],\"loading\":[4],\"showSpinnerWithText\":[4,\"show-spinner-with-text\"],\"nonClickable\":[4,\"non-clickable\"],\"variant\":[1],\"theme\":[1],\"size\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"]}]]],[\"organization-logo_4\",[[256,\"rebill-card-icon\",{\"cardBrand\":[1,\"card-brand\"],\"width\":[2],\"height\":[2]}],[260,\"rebill-checkout-single-column\"],[256,\"rebill-footer\",{\"breakpoint\":[32]}],[256,\"organization-logo\",{\"organization\":[16]}]]],[\"otp-component_7\",[[256,\"rebill-summary\",{\"totalAmount\":[8,\"total-amount\"],\"itemTitle\":[1,\"item-title\"],\"itemDescription\":[1,\"item-description\"],\"itemAmount\":[8,\"item-amount\"],\"planFrequency\":[1,\"plan-frequency\"],\"planFrequencyCount\":[2,\"plan-frequency-count\"],\"subtotal\":[8],\"discount\":[8],\"currency\":[1],\"displayedComponents\":[16],\"allowCoupon\":[4,\"allow-coupon\"],\"currentBreakpoint\":[1,\"current-breakpoint\"],\"discountType\":[1,\"discount-type\"],\"discountedPercentage\":[2,\"discounted-percentage\"],\"discountDuration\":[2,\"discount-duration\"],\"discountAmount\":[2,\"discount-amount\"],\"discountApplied\":[32]},[[0,\"discountApplied\",\"handleDiscountApplied\"]]],[256,\"success-page\",{\"typePaymentMethod\":[1,\"type-payment-method\"],\"country\":[1],\"bank\":[1],\"paymentMethodName\":[1,\"payment-method-name\"],\"cardLastFour\":[1,\"card-last-four\"],\"paymentDate\":[1,\"payment-date\"],\"referenceNumber\":[1,\"reference-number\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"debitDay\":[2,\"debit-day\"],\"planAmount\":[2,\"plan-amount\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"currentLocale\":[32],\"breakpoint\":[32],\"loaderProgress\":[32],\"isLoadingLottie\":[32],\"showRedirectMessage\":[32]}],[256,\"otp-component\",{\"timeLeft\":[32],\"isTimerRunning\":[32],\"codeResent\":[32],\"isVerifying\":[32],\"otpValue\":[32],\"error\":[32]}],[256,\"user-information\",{\"userInformation\":[16],\"errors\":[16],\"customerExists\":[4,\"customer-exists\"],\"disabled\":[4]},[[0,\"input\",\"handleInputChange\"],[0,\"blur\",\"handleBlur\"]]],[256,\"rebill-mode-sandbox\",{\"isPanelVisible\":[32],\"isPanelClosing\":[32],\"isCardsPanelVisible\":[32],\"isCardsPanelClosing\":[32],\"currentLanguage\":[32]}],[256,\"rebill-mode-sandbox-mobile\",{\"isPanelVisible\":[32],\"currentLanguage\":[32]}],[256,\"rebill-modal-overlay\",{\"visible\":[32],\"languageUpdateTrigger\":[32]}]]],[\"card-identification_5\",[[256,\"rebill-installments\",{\"error\":[1],\"currentValue\":[32],\"isDisabled\":[32],\"value\":[32],\"placeholder\":[32]}],[256,\"card-identification\",{\"documentTypeError\":[1,\"document-type-error\"],\"documentNumberError\":[1,\"document-number-error\"],\"disabled\":[4],\"documentTypes\":[32],\"country\":[32],\"currentLanguage\":[32]}],[256,\"card-iframe\",{\"customCSS\":[1,\"custom-c-s-s\"],\"iframeLoaded\":[32],\"currentLang\":[32],\"initialLang\":[32],\"iframeHeight\":[32]}],[256,\"rebill-input-combo\",{\"label\":[1],\"options\":[16],\"selectValue\":[1537,\"select-value\"],\"inputValue\":[1537,\"input-value\"],\"inputPlaceholder\":[1,\"input-placeholder\"],\"selectPlaceholder\":[1,\"select-placeholder\"],\"error\":[1],\"selectId\":[1,\"select-id\"],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"selectWidth\":[1,\"select-width\"],\"isOpen\":[32],\"highlightedIndex\":[32],\"componentId\":[32]},[[4,\"change\",\"handleFormChange\"],[4,\"closeAllSelects\",\"handleCloseAllSelects\"],[4,\"click\",\"handleDocumentClick\"]]],[256,\"card-skeleton\"]]],[\"apm-checkout_19\",[[256,\"payment-method-selector\",{\"enabledPaymentMethods\":[16],\"defaultSelected\":[1,\"default-selected\"],\"showErrorComponent\":[4,\"show-error-component\"],\"cardError\":[16],\"country\":[1],\"installmentsError\":[1,\"installments-error\"],\"documentTypeError\":[1,\"document-type-error\"],\"showDocument\":[4,\"show-document\"],\"documentNumberError\":[1,\"document-number-error\"],\"customCSS\":[1,\"custom-c-s-s\"],\"errorComponent\":[16],\"disabled\":[4],\"icon\":[32],\"selectedPaymentMethod\":[32],\"saveCard\":[32]},[[0,\"selectableCardClick\",\"handleSelectableCardClick\"]]],[256,\"apm-checkout\",{\"paymentMethod\":[1,\"payment-method\"],\"referenceId\":[1,\"reference-id\"],\"qrCodeData\":[1,\"qr-code-data\"],\"code\":[1],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"country\":[1],\"redirectUrl\":[1,\"redirect-url\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"checkoutRequestId\":[1,\"checkout-request-id\"],\"bearerToken\":[1,\"bearer-token\"],\"bankTransferData\":[8,\"bank-transfer-data\"],\"showRedirectMessage\":[32],\"isPolling\":[32],\"minutesLeft\":[32],\"qrStartTime\":[32],\"downloadData\":[32]}],[256,\"rebill-processing-payment\",{\"currentLocale\":[32],\"breakpoint\":[32],\"loaderProgress\":[32],\"isLoadingLottie\":[32]}],[256,\"rebill-address\",{\"billingView\":[1537,\"billing-view\"],\"disabled\":[4],\"countryOptions\":[16],\"errors\":[16],\"currentBillingStateOptions\":[32],\"isLoadingAddress\":[32]}],[256,\"user-information-static\",{\"userInfo\":[16],\"variant\":[1]}],[256,\"payment-button\",{\"isDisabled\":[4,\"is-disabled\"],\"isLoading\":[4,\"is-loading\"],\"paymentMethod\":[1,\"payment-method\"],\"isRenewal\":[4,\"is-renewal\"],\"trialPeriodDays\":[2,\"trial-period-days\"],\"redirectUrl\":[4,\"redirect-url\"],\"timeToRedirect\":[2,\"time-to-redirect\"],\"country\":[1],\"currentLanguage\":[32],\"countdownSeconds\":[32],\"paymentMethodDisplayName\":[32]},null,{\"redirectUrl\":[\"onRedirectPropsChange\"],\"timeToRedirect\":[\"onRedirectPropsChange\"]}],[256,\"rebill-bank-selector\",{\"banks\":[16],\"defaultSelectedBankId\":[1,\"default-selected-bank-id\"],\"error\":[1],\"disabled\":[4],\"selectedBankId\":[32],\"languageUpdateTrigger\":[32]}],[256,\"user-information-phone\",{\"error\":[1],\"countryCode\":[1,\"country-code\"],\"disabled\":[4],\"languageUpdateTrigger\":[32]}],[256,\"rebill-checkout-form\",{\"validationSchema\":[8,\"validation-schema\"],\"initialData\":[16],\"renderForm\":[16],\"resetValidation\":[64]},[[0,\"change\",\"handleFormChange\"]]],[256,\"card-fields-wrapper\",{\"installmentsError\":[1,\"installments-error\"],\"documentTypeError\":[1,\"document-type-error\"],\"documentNumberError\":[1,\"document-number-error\"],\"showDocument\":[4,\"show-document\"],\"customCSS\":[1,\"custom-c-s-s\"]}],[256,\"bank-transfer\",{\"bankTransferData\":[8,\"bank-transfer-data\"]}],[256,\"qr-code\",{\"qrCodeData\":[1,\"qr-code-data\"],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"paymentMethod\":[1,\"payment-method\"],\"code\":[1],\"qrCodeSvg\":[32],\"isImage\":[32],\"timeLeft\":[32],\"formattedTime\":[32],\"hasCopied\":[32]}],[256,\"rebill-address-form\",{\"addressType\":[1,\"address-type\"],\"countryOptions\":[16],\"stateOptions\":[16],\"errors\":[16],\"disabled\":[4]}],[256,\"rebill-address-search\",{\"addressType\":[1,\"address-type\"],\"placeholder\":[1],\"error\":[1],\"disabled\":[4],\"isInitialized\":[32],\"currentLocale\":[32]}],[256,\"apm-download\",{\"data\":[16]}],[256,\"single-payment-method\",{\"paymentMethod\":[1,\"payment-method\"],\"currencyCountry\":[1,\"currency-country\"],\"paymentMethodDetails\":[16],\"icons\":[16]}],[256,\"rebill-input-phone\",{\"placeholder\":[1],\"value\":[1537],\"error\":[1],\"phoneNumberId\":[1,\"phone-number-id\"],\"countryCodeId\":[1,\"country-code-id\"],\"validationErrorId\":[1,\"validation-error-id\"],\"disabled\":[4],\"initialCountry\":[1,\"initial-country\"],\"required\":[4],\"searchable\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"selectedCountry\":[32],\"isDropdownOpen\":[32],\"validationError\":[32],\"searchTerm\":[32],\"filteredCountries\":[32],\"componentId\":[32],\"languageUpdateTrigger\":[32]},[[4,\"change\",\"handleFormChange\"],[4,\"closeAllSelects\",\"handleCloseAllSelects\"],[4,\"click\",\"handleDocumentClick\"]]],[256,\"reference-code\",{\"referenceId\":[1,\"reference-id\"],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"instructions\":[16],\"showInstructions\":[32]}],[260,\"selectable-card\",{\"selected\":[4],\"label\":[1],\"cardKey\":[1,\"card-key\"],\"disabled\":[4]}]]]]"), options);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"organization-logo.rebill-card-icon.rebill-checkout-single-column.rebill-footer.entry.js","sources":["src/components/shared/card-icon/card-icon.css?tag=rebill-card-icon","src/components/shared/card-icon/card-icon.tsx","src/components/shared/organization-logo/organization-logo.css?tag=organization-logo","src/components/shared/organization-logo/organization-logo.tsx","src/components/shared/layouts/custom/single-column/checkout-single-column.css?tag=rebill-checkout-single-column","src/components/shared/layouts/custom/single-column/checkout-single-column.tsx","src/components/checkout/rebill-footer/rebill-footer.css?tag=rebill-footer","src/components/checkout/rebill-footer/rebill-footer.tsx"],"sourcesContent":[":host {\n display: inline-block;\n}\n\n.card-icon-container {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\nenum PAYMENT_ICON_TYPE_ENUM {\n VISA = 'visa',\n MASTERCARD = 'mastercard',\n DISCOVER = 'discover',\n JCB = 'jcb',\n UNIONPAY = 'unionpay',\n MAESTRO = 'maestro',\n MIR = 'mir',\n ELO = 'elo',\n HIPER = 'hiper',\n HIPERCARD = 'hipercard',\n GENERIC = 'generic',\n AMEX = 'amex',\n DINERS = 'diners',\n}\n\nconst CARD_TYPE_MAP: Record<string, PAYMENT_ICON_TYPE_ENUM> = {\n 'visa': PAYMENT_ICON_TYPE_ENUM.VISA,\n 'mastercard': PAYMENT_ICON_TYPE_ENUM.MASTERCARD,\n 'american-express': PAYMENT_ICON_TYPE_ENUM.AMEX,\n 'amex': PAYMENT_ICON_TYPE_ENUM.AMEX,\n 'diners-club': PAYMENT_ICON_TYPE_ENUM.DINERS,\n 'discover': PAYMENT_ICON_TYPE_ENUM.DISCOVER,\n 'jcb': PAYMENT_ICON_TYPE_ENUM.JCB,\n 'unionpay': PAYMENT_ICON_TYPE_ENUM.UNIONPAY,\n 'maestro': PAYMENT_ICON_TYPE_ENUM.MAESTRO,\n 'mir': PAYMENT_ICON_TYPE_ENUM.MIR,\n 'elo': PAYMENT_ICON_TYPE_ENUM.ELO,\n 'hiper': PAYMENT_ICON_TYPE_ENUM.HIPER,\n 'hipercard': PAYMENT_ICON_TYPE_ENUM.HIPERCARD,\n};\n\n@Component({\n tag: 'rebill-card-icon',\n styleUrl: 'card-icon.css',\n shadow: false,\n})\nexport class CardIcon {\n @Prop() cardBrand?: string;\n @Prop() width?: number = 35;\n @Prop() height?: number = 24;\n\n private getCardType(): PAYMENT_ICON_TYPE_ENUM {\n if (this.cardBrand) {\n const brandLower = this.cardBrand.toLowerCase();\n return CARD_TYPE_MAP[brandLower] || PAYMENT_ICON_TYPE_ENUM.GENERIC;\n }\n return PAYMENT_ICON_TYPE_ENUM.GENERIC;\n }\n\n private renderVisaIcon() {\n return (\n <svg\n width=\"23\"\n height=\"16\"\n viewBox=\"0 0 23 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect x=\"0.5\" y=\"0.5\" width=\"22\" height=\"15\" rx=\"2\" fill=\"white\" stroke=\"#D9D9D9\" />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.02517 10.8392H5.63182L4.58697 6.79524C4.53738 6.60922 4.43208 6.44477 4.27718 6.36726C3.89063 6.17248 3.46468 6.01746 3 5.93928V5.78359H5.24458C5.55437 5.78359 5.78671 6.01746 5.82543 6.28908L6.36756 9.20609L7.76023 5.78359H9.11486L7.02517 10.8392ZM9.88932 10.8392H8.57341L9.65698 5.78359H10.9729L9.88932 10.8392ZM12.6754 7.18413C12.7141 6.91184 12.9464 6.75615 13.2175 6.75615C13.6434 6.71706 14.1074 6.79524 14.4947 6.98935L14.727 5.90087C14.3398 5.74517 13.9138 5.66699 13.5273 5.66699C12.2501 5.66699 11.3207 6.36726 11.3207 7.33915C11.3207 8.07851 11.979 8.46673 12.4437 8.7006C12.9464 8.9338 13.14 9.08949 13.1013 9.32269C13.1013 9.67249 12.7141 9.82818 12.3275 9.82818C11.8629 9.82818 11.3982 9.71158 10.9729 9.5168L10.7406 10.606C11.2052 10.8001 11.708 10.8783 12.1726 10.8783C13.6047 10.9167 14.4947 10.2171 14.4947 9.167C14.4947 7.84464 12.6754 7.76713 12.6754 7.18413ZM19.1 10.8392L18.0552 5.78359H16.9329C16.7005 5.78359 16.4682 5.93928 16.3907 6.17248L14.4559 10.8392H15.8106L16.081 10.1005H17.7454L17.9003 10.8392H19.1ZM17.1265 7.14505L17.513 9.05041H16.4294L17.1265 7.14505Z\"\n fill=\"#172B85\"\n />\n </svg>\n );\n }\n\n private renderMastercardIcon() {\n return (\n <svg\n width=\"35\"\n height=\"25\"\n viewBox=\"0 0 35 25\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect x=\"0.5\" y=\"1.01758\" width=\"34\" height=\"23\" rx=\"3.5\" fill=\"white\" stroke=\"#D9D9D9\" />\n <path\n d=\"M22.1758 5.51758C25.9444 5.51758 29 8.60848 29 12.4209C28.9998 16.2332 25.9443 19.3232 22.1758 19.3232C20.4864 19.3231 18.9416 18.7007 17.75 17.6719C16.5584 18.7007 15.0137 19.3231 13.3242 19.3232C9.55566 19.3232 6.50018 16.2332 6.5 12.4209C6.5 8.60848 9.55555 5.51758 13.3242 5.51758C15.0134 5.51769 16.5584 6.13943 17.75 7.16797C18.9416 6.13943 20.4866 5.51769 22.1758 5.51758Z\"\n fill=\"#ED0006\"\n />\n <path\n d=\"M22.1758 5.51758C25.9444 5.51758 29 8.60848 29 12.4209C28.9998 16.2332 25.9443 19.3232 22.1758 19.3232C20.4863 19.3231 18.9416 18.7007 17.75 17.6719C19.2164 16.4058 20.1474 14.524 20.1475 12.4209C20.1475 10.3174 19.2168 8.4341 17.75 7.16797C18.9416 6.13943 20.4866 5.51769 22.1758 5.51758Z\"\n fill=\"#F9A000\"\n />\n <path\n d=\"M17.75 7.16895C19.2166 8.43507 20.1475 10.3176 20.1475 12.4209C20.1475 14.524 19.2163 16.4058 17.75 17.6719C16.2837 16.4058 15.3525 14.524 15.3525 12.4209C15.3525 10.3176 16.2834 8.43507 17.75 7.16895Z\"\n fill=\"#FF5E00\"\n />\n </svg>\n );\n }\n\n private renderAmexIcon() {\n return (\n <svg\n width=\"23\"\n height=\"16\"\n viewBox=\"0 0 23 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect\n x=\"0.216981\"\n y=\"0.216981\"\n width=\"22.566\"\n height=\"15.566\"\n rx=\"0.867925\"\n fill=\"#1F72CD\"\n stroke=\"#D9D9D9\"\n stroke-width=\"0.433962\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.1443 5.62012L2 10.5758H4.56703L4.88527 9.78562H5.61269L5.93093 10.5758H8.75651V9.9727L9.00828 10.5758H10.4699L10.7217 9.95995V10.5758H16.5981L17.3127 9.80614L17.9817 10.5758L21 10.5821L18.8489 8.11177L21 5.62012H18.0285L17.333 6.37551L16.685 5.62012H10.2922L9.74322 6.89921L9.18139 5.62012H6.61972V6.20265L6.33475 5.62012H4.1443ZM12.9196 6.32403H16.2941L17.3262 7.48832L18.3916 6.32403H19.4237L17.8555 8.11127L19.4237 9.87792H18.3448L17.3127 8.7001L16.2419 9.87792H12.9196V6.32403ZM13.7529 7.70949V7.06035V7.05973H15.8585L16.7772 8.09788L15.8178 9.1417H13.7529V8.43302H15.5938V7.70949H13.7529ZM4.64096 6.32403H5.89225L7.31456 9.68447V6.32403H8.68531L9.78388 8.73345L10.7963 6.32403H12.1602V9.88002H11.3303L11.3236 7.09356L10.1137 9.88002H9.37127L8.15459 7.09356V9.88002H6.4473L6.12363 9.08281H4.37497L4.05197 9.87932H3.13722L4.64096 6.32403ZM4.67357 8.34576L5.24969 6.9256L5.82513 8.34576H4.67357Z\"\n fill=\"white\"\n />\n </svg>\n );\n }\n\n private renderGenericIcon() {\n return (\n <svg\n width={this.width}\n height={this.height}\n viewBox=\"0 0 14 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.833984 4.50036V10.1644C0.833984 10.5326 1.13246 10.8311 1.50065 10.8311L12.498 10.8311C12.8662 10.8311 13.1647 10.5326 13.1647 10.1644V4.50036M0.833984 4.50036V1.83561C0.833984 1.46742 1.13246 1.16895 1.50065 1.16895H12.4974C12.8648 1.16895 13.163 1.46624 13.1636 1.83367C13.1651 2.72257 13.1647 3.61146 13.1647 4.50036M0.833984 4.50036H13.1647\"\n stroke=\"#788191\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n );\n }\n\n render() {\n const cardType = this.getCardType();\n\n switch (cardType) {\n case PAYMENT_ICON_TYPE_ENUM.VISA:\n return this.renderVisaIcon();\n case PAYMENT_ICON_TYPE_ENUM.MASTERCARD:\n return this.renderMastercardIcon();\n case PAYMENT_ICON_TYPE_ENUM.AMEX:\n return this.renderAmexIcon();\n default:\n return this.renderGenericIcon();\n }\n }\n}\n","@import '../../../styles/variables.css';\n\n.organization-logo {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n}\n\n.logo-image {\n max-height: 40px;\n max-width: 120px;\n width: auto;\n height: auto;\n object-fit: contain;\n border-radius: 8px;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'organization-logo',\n styleUrl: 'organization-logo.css',\n shadow: false,\n})\nexport class OrganizationLogo {\n /**\n * The organization data containing logo URL and name\n */\n @Prop() organization!: {\n name: string;\n logoUrl?: string;\n };\n\n render() {\n return (\n <div class=\"organization-logo\">\n {this.organization.logoUrl ? (\n <img src={this.organization.logoUrl} alt={this.organization.name} class=\"logo-image\" />\n ) : (\n <rebill-icon name=\"logo-default\" class=\"logo-image\" />\n )}\n </div>\n );\n }\n}\n",".checkout-single-column {\n min-height: 100vh;\n background: var(--rebill-color-background);\n display: flex;\n flex-direction: column;\n position: relative;\n overflow-x: hidden;\n min-width: 320px;\n}\n\n.checkout-single-column__header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: 72px;\n width: 100%;\n max-width: 1448px;\n min-width: 348px;\n background: var(--rebill-color-background);\n margin-left: 30px;\n box-sizing: border-box;\n}\n\n.checkout-single-column__main-content {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 0;\n width: 100%;\n box-sizing: border-box;\n /* padding: 0 20px; */\n max-width: 450px;\n\n margin: 0 auto;\n gap: 2rem;\n}\n\n.checkout-single-column__footer-container {\n margin-top: auto;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n box-sizing: border-box;\n}\n\n.checkout-single-column__footer-content {\n width: 100%;\n max-width: 450px;\n min-width: auto;\n flex-shrink: 1;\n flex-basis: auto;\n box-sizing: border-box;\n}\n\n@media (max-width: 1024px) {\n .checkout-single-column__header {\n width: 100%;\n max-width: 100%;\n\n justify-content: flex-start;\n }\n\n .checkout-single-column__main-content {\n /* padding: 0 20px; */\n gap: 0;\n align-items: center;\n justify-content: center;\n padding-top: 2rem;\n flex: 1;\n min-height: 0;\n width: 100%;\n }\n\n .checkout-single-column__footer-container {\n width: 100%;\n height: auto;\n min-height: 60px;\n justify-content: center;\n }\n\n .checkout-single-column__footer-content {\n width: 100%;\n min-width: auto;\n max-width: 100%;\n flex-basis: auto;\n }\n}\n\n@media (max-width: 767px) {\n .checkout-single-column__header {\n height: 60px;\n margin-left: 12px;\n margin-right: 12px;\n width: 100%;\n }\n\n .checkout-single-column__main-content {\n padding-top: 1rem;\n align-items: center;\n justify-content: center;\n flex: 1;\n width: 100%;\n }\n\n .checkout-single-column__footer-container {\n margin-left: 12px;\n margin-right: 12px;\n height: auto;\n min-height: 60px;\n width: 100%;\n justify-content: center;\n }\n}\n\n@media (min-width: 1025px) {\n .checkout-single-column {\n background: var(--rebill-color-background-left);\n }\n .checkout-single-column__footer-container {\n margin-left: 16px;\n }\n\n .checkout-single-column__header {\n background: var(--rebill-color-background-left);\n }\n}\n","import { Component, h } from '@stencil/core';\nimport { sessionState } from '../../../../../store/session.store';\n\n@Component({\n tag: 'rebill-checkout-single-column',\n styleUrl: 'checkout-single-column.css',\n shadow: false,\n})\nexport class LayoutCheckoutSingleColumn {\n render() {\n return (\n <div class=\"checkout-single-column\">\n <header class=\"checkout-single-column__header\">\n <div class=\"header-container\">\n <organization-logo organization={sessionState.data.organization} />\n </div>\n </header>\n <main class=\"checkout-single-column__main-content\">\n <slot />\n </main>\n <div class=\"checkout-single-column__footer-container\">\n <rebill-footer class=\"checkout-single-column__footer-content\" />\n </div>\n </div>\n );\n }\n}\n",".language-selector {\n display: flex;\n align-items: center;\n margin-right: 12px;\n height: 24px;\n}\n.rebill-footer__footer-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n margin-bottom: 18px;\n}\n\n.terms-and-conditions {\n display: flex;\n align-items: center;\n gap: 4px;\n margin-left: 12px;\n}\n\n.footer-powered {\n margin-right: 4px;\n}\n\n.footer-separator {\n margin-right: 6px;\n margin-left: 6px;\n}\n\n.footer-link,\n.footer-powered,\n.footer-separator {\n display: flex;\n align-items: center;\n}\n\n.footer-link a {\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n color: inherit;\n text-decoration: none;\n}\n","import { Component, h, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { LOCALES_ENUM } from '../../../models/enums/locales.enum';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n tag: 'rebill-footer',\n styleUrl: 'rebill-footer.css',\n shadow: false,\n})\nexport class RebillFooter {\n @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n\n resizeHandler = () => {\n this.breakpoint = getBreakpoint(window.innerWidth);\n };\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.resizeHandler);\n }\n\n async componentWillLoad() {\n this.resizeHandler();\n window.addEventListener('resize', this.resizeHandler);\n const language = I18nService.getCurrentLanguage();\n SessionStore.changeLanguage(language);\n }\n private handleLanguageChange = (event: any) => {\n I18nService.changeLanguage(event.detail.value);\n SessionStore.changeLanguage(event.detail.value);\n };\n render() {\n return (\n <div class=\"rebill-footer__footer-content\">\n <div class=\"terms-and-conditions\">\n {!isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <rebill-typography\n variant=\"subtitle3\"\n color={COLORS_ENUM.SECONDARY}\n class=\"footer-powered\"\n >\n {I18nService.translate('footer.poweredBy')}\n </rebill-typography>\n )}\n <rebill-icon name=\"rebill-logo\" color={COLORS_ENUM.SECONDARY} />\n <rebill-icon name=\"rebill\" color={COLORS_ENUM.SECONDARY} />\n <rebill-typography\n variant=\"subtitle3\"\n color={COLORS_ENUM.SECONDARY}\n class=\"footer-separator\"\n >\n |\n </rebill-typography>\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.SECONDARY} class=\"footer-link\">\n <a\n href=\"https://www.rebill.com/terminos-y-condiciones-usuarios-finales\"\n target=\"_blank\"\n >\n {I18nService.translate('footer.termsAndConditions')}\n </a>\n </rebill-typography>\n </div>\n <div class=\"language-selector\">\n <rebill-icon name=\"world\" />\n <rebill-input-select\n id=\"language-selector\"\n variant=\"underlined\"\n backgroundColor={\n isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? ''\n : 'var(--rebill-color-background-left)'\n }\n options={[\n { label: 'EN', value: LOCALES_ENUM.EN },\n { label: 'ES', value: LOCALES_ENUM.ES },\n { label: 'PT', value: LOCALES_ENUM.PT },\n ]}\n value={sessionState.currentLocale}\n on-input={this.handleLanguageChange}\n fontSize=\"10px\"\n dropPosition=\"up\"\n arrowIcon=\"down\"\n class=\"language-selector-input\"\n />\n </div>\n </div>\n );\n }\n}\n"],"names":["sessionState"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"organization-logo.rebill-card-icon.rebill-checkout-single-column.rebill-footer.entry.js","sources":["src/components/shared/card-icon/card-icon.css?tag=rebill-card-icon","src/components/shared/card-icon/card-icon.tsx","src/components/shared/organization-logo/organization-logo.css?tag=organization-logo","src/components/shared/organization-logo/organization-logo.tsx","src/components/shared/layouts/custom/single-column/checkout-single-column.css?tag=rebill-checkout-single-column","src/components/shared/layouts/custom/single-column/checkout-single-column.tsx","src/components/checkout/rebill-footer/rebill-footer.css?tag=rebill-footer","src/components/checkout/rebill-footer/rebill-footer.tsx"],"sourcesContent":[":host {\n display: inline-block;\n}\n\n.card-icon-container {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 8px;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\nenum PAYMENT_ICON_TYPE_ENUM {\n VISA = 'visa',\n MASTERCARD = 'mastercard',\n DISCOVER = 'discover',\n JCB = 'jcb',\n UNIONPAY = 'unionpay',\n MAESTRO = 'maestro',\n MIR = 'mir',\n ELO = 'elo',\n HIPER = 'hiper',\n HIPERCARD = 'hipercard',\n GENERIC = 'generic',\n AMEX = 'amex',\n DINERS = 'diners',\n}\n\nconst CARD_TYPE_MAP: Record<string, PAYMENT_ICON_TYPE_ENUM> = {\n 'visa': PAYMENT_ICON_TYPE_ENUM.VISA,\n 'mastercard': PAYMENT_ICON_TYPE_ENUM.MASTERCARD,\n 'american-express': PAYMENT_ICON_TYPE_ENUM.AMEX,\n 'amex': PAYMENT_ICON_TYPE_ENUM.AMEX,\n 'diners-club': PAYMENT_ICON_TYPE_ENUM.DINERS,\n 'discover': PAYMENT_ICON_TYPE_ENUM.DISCOVER,\n 'jcb': PAYMENT_ICON_TYPE_ENUM.JCB,\n 'unionpay': PAYMENT_ICON_TYPE_ENUM.UNIONPAY,\n 'maestro': PAYMENT_ICON_TYPE_ENUM.MAESTRO,\n 'mir': PAYMENT_ICON_TYPE_ENUM.MIR,\n 'elo': PAYMENT_ICON_TYPE_ENUM.ELO,\n 'hiper': PAYMENT_ICON_TYPE_ENUM.HIPER,\n 'hipercard': PAYMENT_ICON_TYPE_ENUM.HIPERCARD,\n};\n\n@Component({\n tag: 'rebill-card-icon',\n styleUrl: 'card-icon.css',\n shadow: false,\n})\nexport class CardIcon {\n @Prop() cardBrand?: string;\n @Prop() width?: number = 35;\n @Prop() height?: number = 24;\n\n private getCardType(): PAYMENT_ICON_TYPE_ENUM {\n if (this.cardBrand) {\n const brandLower = this.cardBrand.toLowerCase();\n return CARD_TYPE_MAP[brandLower] || PAYMENT_ICON_TYPE_ENUM.GENERIC;\n }\n return PAYMENT_ICON_TYPE_ENUM.GENERIC;\n }\n\n private renderVisaIcon() {\n return (\n <svg\n width=\"23\"\n height=\"16\"\n viewBox=\"0 0 23 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect x=\"0.5\" y=\"0.5\" width=\"22\" height=\"15\" rx=\"2\" fill=\"white\" stroke=\"#D9D9D9\" />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.02517 10.8392H5.63182L4.58697 6.79524C4.53738 6.60922 4.43208 6.44477 4.27718 6.36726C3.89063 6.17248 3.46468 6.01746 3 5.93928V5.78359H5.24458C5.55437 5.78359 5.78671 6.01746 5.82543 6.28908L6.36756 9.20609L7.76023 5.78359H9.11486L7.02517 10.8392ZM9.88932 10.8392H8.57341L9.65698 5.78359H10.9729L9.88932 10.8392ZM12.6754 7.18413C12.7141 6.91184 12.9464 6.75615 13.2175 6.75615C13.6434 6.71706 14.1074 6.79524 14.4947 6.98935L14.727 5.90087C14.3398 5.74517 13.9138 5.66699 13.5273 5.66699C12.2501 5.66699 11.3207 6.36726 11.3207 7.33915C11.3207 8.07851 11.979 8.46673 12.4437 8.7006C12.9464 8.9338 13.14 9.08949 13.1013 9.32269C13.1013 9.67249 12.7141 9.82818 12.3275 9.82818C11.8629 9.82818 11.3982 9.71158 10.9729 9.5168L10.7406 10.606C11.2052 10.8001 11.708 10.8783 12.1726 10.8783C13.6047 10.9167 14.4947 10.2171 14.4947 9.167C14.4947 7.84464 12.6754 7.76713 12.6754 7.18413ZM19.1 10.8392L18.0552 5.78359H16.9329C16.7005 5.78359 16.4682 5.93928 16.3907 6.17248L14.4559 10.8392H15.8106L16.081 10.1005H17.7454L17.9003 10.8392H19.1ZM17.1265 7.14505L17.513 9.05041H16.4294L17.1265 7.14505Z\"\n fill=\"#172B85\"\n />\n </svg>\n );\n }\n\n private renderMastercardIcon() {\n return (\n <svg\n width=\"35\"\n height=\"25\"\n viewBox=\"0 0 35 25\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect x=\"0.5\" y=\"1.01758\" width=\"34\" height=\"23\" rx=\"3.5\" fill=\"white\" stroke=\"#D9D9D9\" />\n <path\n d=\"M22.1758 5.51758C25.9444 5.51758 29 8.60848 29 12.4209C28.9998 16.2332 25.9443 19.3232 22.1758 19.3232C20.4864 19.3231 18.9416 18.7007 17.75 17.6719C16.5584 18.7007 15.0137 19.3231 13.3242 19.3232C9.55566 19.3232 6.50018 16.2332 6.5 12.4209C6.5 8.60848 9.55555 5.51758 13.3242 5.51758C15.0134 5.51769 16.5584 6.13943 17.75 7.16797C18.9416 6.13943 20.4866 5.51769 22.1758 5.51758Z\"\n fill=\"#ED0006\"\n />\n <path\n d=\"M22.1758 5.51758C25.9444 5.51758 29 8.60848 29 12.4209C28.9998 16.2332 25.9443 19.3232 22.1758 19.3232C20.4863 19.3231 18.9416 18.7007 17.75 17.6719C19.2164 16.4058 20.1474 14.524 20.1475 12.4209C20.1475 10.3174 19.2168 8.4341 17.75 7.16797C18.9416 6.13943 20.4866 5.51769 22.1758 5.51758Z\"\n fill=\"#F9A000\"\n />\n <path\n d=\"M17.75 7.16895C19.2166 8.43507 20.1475 10.3176 20.1475 12.4209C20.1475 14.524 19.2163 16.4058 17.75 17.6719C16.2837 16.4058 15.3525 14.524 15.3525 12.4209C15.3525 10.3176 16.2834 8.43507 17.75 7.16895Z\"\n fill=\"#FF5E00\"\n />\n </svg>\n );\n }\n\n private renderAmexIcon() {\n return (\n <svg\n width=\"23\"\n height=\"16\"\n viewBox=\"0 0 23 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect\n x=\"0.216981\"\n y=\"0.216981\"\n width=\"22.566\"\n height=\"15.566\"\n rx=\"0.867925\"\n fill=\"#1F72CD\"\n stroke=\"#D9D9D9\"\n stroke-width=\"0.433962\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M4.1443 5.62012L2 10.5758H4.56703L4.88527 9.78562H5.61269L5.93093 10.5758H8.75651V9.9727L9.00828 10.5758H10.4699L10.7217 9.95995V10.5758H16.5981L17.3127 9.80614L17.9817 10.5758L21 10.5821L18.8489 8.11177L21 5.62012H18.0285L17.333 6.37551L16.685 5.62012H10.2922L9.74322 6.89921L9.18139 5.62012H6.61972V6.20265L6.33475 5.62012H4.1443ZM12.9196 6.32403H16.2941L17.3262 7.48832L18.3916 6.32403H19.4237L17.8555 8.11127L19.4237 9.87792H18.3448L17.3127 8.7001L16.2419 9.87792H12.9196V6.32403ZM13.7529 7.70949V7.06035V7.05973H15.8585L16.7772 8.09788L15.8178 9.1417H13.7529V8.43302H15.5938V7.70949H13.7529ZM4.64096 6.32403H5.89225L7.31456 9.68447V6.32403H8.68531L9.78388 8.73345L10.7963 6.32403H12.1602V9.88002H11.3303L11.3236 7.09356L10.1137 9.88002H9.37127L8.15459 7.09356V9.88002H6.4473L6.12363 9.08281H4.37497L4.05197 9.87932H3.13722L4.64096 6.32403ZM4.67357 8.34576L5.24969 6.9256L5.82513 8.34576H4.67357Z\"\n fill=\"white\"\n />\n </svg>\n );\n }\n\n private renderGenericIcon() {\n return (\n <svg\n width={this.width}\n height={this.height}\n viewBox=\"0 0 14 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0.833984 4.50036V10.1644C0.833984 10.5326 1.13246 10.8311 1.50065 10.8311L12.498 10.8311C12.8662 10.8311 13.1647 10.5326 13.1647 10.1644V4.50036M0.833984 4.50036V1.83561C0.833984 1.46742 1.13246 1.16895 1.50065 1.16895H12.4974C12.8648 1.16895 13.163 1.46624 13.1636 1.83367C13.1651 2.72257 13.1647 3.61146 13.1647 4.50036M0.833984 4.50036H13.1647\"\n stroke=\"#788191\"\n stroke-linecap=\"round\"\n stroke-linejoin=\"round\"\n />\n </svg>\n );\n }\n\n render() {\n const cardType = this.getCardType();\n\n switch (cardType) {\n case PAYMENT_ICON_TYPE_ENUM.VISA:\n return this.renderVisaIcon();\n case PAYMENT_ICON_TYPE_ENUM.MASTERCARD:\n return this.renderMastercardIcon();\n case PAYMENT_ICON_TYPE_ENUM.AMEX:\n return this.renderAmexIcon();\n default:\n return this.renderGenericIcon();\n }\n }\n}\n","@import '../../../styles/variables.css';\n\n.organization-logo {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n}\n\n.logo-image {\n max-height: 40px;\n max-width: 120px;\n width: auto;\n height: auto;\n object-fit: contain;\n border-radius: 8px;\n}\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'organization-logo',\n styleUrl: 'organization-logo.css',\n shadow: false,\n})\nexport class OrganizationLogo {\n /**\n * The organization data containing logo URL and name\n */\n @Prop() organization!: {\n name: string;\n logoUrl?: string;\n };\n\n render() {\n return (\n <div class=\"organization-logo\">\n {this.organization.logoUrl ? (\n <img src={this.organization.logoUrl} alt={this.organization.name} class=\"logo-image\" />\n ) : (\n <rebill-icon name=\"logo-default\" class=\"logo-image\" />\n )}\n </div>\n );\n }\n}\n",".checkout-single-column {\n min-height: 100vh;\n background: var(--rebill-color-background);\n display: flex;\n flex-direction: column;\n position: relative;\n overflow-x: hidden;\n min-width: 320px;\n}\n\n.checkout-single-column__header {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n height: 72px;\n width: 100%;\n max-width: 1448px;\n min-width: 348px;\n background: var(--rebill-color-background);\n margin-left: 30px;\n box-sizing: border-box;\n}\n\n.checkout-single-column__main-content {\n flex: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 0;\n width: 100%;\n box-sizing: border-box;\n /* padding: 0 20px; */\n max-width: 450px;\n\n margin: 0 auto;\n gap: 2rem;\n}\n\n.checkout-single-column__footer-container {\n margin-top: auto;\n height: 60px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n box-sizing: border-box;\n}\n\n.checkout-single-column__footer-content {\n width: 100%;\n max-width: 450px;\n min-width: auto;\n flex-shrink: 1;\n flex-basis: auto;\n box-sizing: border-box;\n}\n\n@media (max-width: 1024px) {\n .checkout-single-column__header {\n width: 100%;\n max-width: 100%;\n\n justify-content: flex-start;\n }\n\n .checkout-single-column__main-content {\n /* padding: 0 20px; */\n gap: 0;\n align-items: center;\n justify-content: center;\n padding-top: 2rem;\n flex: 1;\n min-height: 0;\n width: 100%;\n }\n\n .checkout-single-column__footer-container {\n width: 100%;\n height: auto;\n min-height: 60px;\n justify-content: center;\n }\n\n .checkout-single-column__footer-content {\n width: 100%;\n min-width: auto;\n max-width: 100%;\n flex-basis: auto;\n }\n}\n\n@media (max-width: 767px) {\n .checkout-single-column__header {\n height: 60px;\n margin-left: 12px;\n margin-right: 12px;\n width: 100%;\n }\n\n .checkout-single-column__main-content {\n padding-top: 1rem;\n align-items: center;\n justify-content: center;\n flex: 1;\n width: 100%;\n }\n\n .checkout-single-column__footer-container {\n margin-left: 12px;\n margin-right: 12px;\n height: auto;\n min-height: 60px;\n width: 100%;\n justify-content: center;\n }\n}\n\n@media (min-width: 1025px) {\n .checkout-single-column {\n background: var(--rebill-color-background-left);\n }\n .checkout-single-column__footer-container {\n margin-left: 16px;\n }\n\n .checkout-single-column__header {\n background: var(--rebill-color-background-left);\n }\n}\n","import { Component, h } from '@stencil/core';\nimport { sessionState } from '../../../../../store/session.store';\n\n@Component({\n tag: 'rebill-checkout-single-column',\n styleUrl: 'checkout-single-column.css',\n shadow: false,\n})\nexport class LayoutCheckoutSingleColumn {\n render() {\n return (\n <div class=\"checkout-single-column\">\n <header class=\"checkout-single-column__header\">\n <div class=\"header-container\">\n <organization-logo organization={sessionState.data.organization} />\n </div>\n </header>\n <main class=\"checkout-single-column__main-content\">\n <slot />\n </main>\n <div class=\"checkout-single-column__footer-container\">\n <rebill-footer class=\"checkout-single-column__footer-content\" />\n </div>\n </div>\n );\n }\n}\n",".language-selector {\n display: flex;\n align-items: center;\n margin-right: 12px;\n height: 24px;\n}\n.rebill-footer__footer-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n margin: 18px;\n}\n\n.terms-and-conditions {\n display: flex;\n align-items: center;\n gap: 4px;\n margin-left: 12px;\n}\n\n.footer-powered {\n margin-right: 4px;\n}\n\n.footer-separator {\n margin-right: 6px;\n margin-left: 6px;\n}\n\n.footer-link,\n.footer-powered,\n.footer-separator {\n display: flex;\n align-items: center;\n}\n\n.footer-link a {\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n color: inherit;\n text-decoration: none;\n}\n","import { Component, h, State } from '@stencil/core';\nimport { I18nService } from '../../../i18n/i18n.service';\nimport { LOCALES_ENUM } from '../../../models/enums/locales.enum';\nimport { sessionState, SessionStore } from '../../../store/session.store';\nimport { BREAKPOINT_ENUM, getBreakpoint, isBreakpointBelow } from '../../../utils/breakpoint';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\n\n@Component({\n tag: 'rebill-footer',\n styleUrl: 'rebill-footer.css',\n shadow: false,\n})\nexport class RebillFooter {\n @State() breakpoint: BREAKPOINT_ENUM = BREAKPOINT_ENUM.DESKTOP;\n\n resizeHandler = () => {\n this.breakpoint = getBreakpoint(window.innerWidth);\n };\n\n disconnectedCallback() {\n window.removeEventListener('resize', this.resizeHandler);\n }\n\n async componentWillLoad() {\n this.resizeHandler();\n window.addEventListener('resize', this.resizeHandler);\n const language = I18nService.getCurrentLanguage();\n SessionStore.changeLanguage(language);\n }\n private handleLanguageChange = (event: any) => {\n I18nService.changeLanguage(event.detail.value);\n SessionStore.changeLanguage(event.detail.value);\n };\n render() {\n return (\n <div class=\"rebill-footer__footer-content\">\n <div class=\"terms-and-conditions\">\n {!isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (\n <rebill-typography\n variant=\"subtitle3\"\n color={COLORS_ENUM.SECONDARY}\n class=\"footer-powered\"\n >\n {I18nService.translate('footer.poweredBy')}\n </rebill-typography>\n )}\n <rebill-icon name=\"rebill-logo\" color={COLORS_ENUM.SECONDARY} />\n <rebill-icon name=\"rebill\" color={COLORS_ENUM.SECONDARY} />\n <rebill-typography\n variant=\"subtitle3\"\n color={COLORS_ENUM.SECONDARY}\n class=\"footer-separator\"\n >\n |\n </rebill-typography>\n <rebill-typography variant=\"subtitle3\" color={COLORS_ENUM.SECONDARY} class=\"footer-link\">\n <a\n href=\"https://www.rebill.com/terminos-y-condiciones-usuarios-finales\"\n target=\"_blank\"\n >\n {I18nService.translate('footer.termsAndConditions')}\n </a>\n </rebill-typography>\n </div>\n <div class=\"language-selector\">\n <rebill-icon name=\"world\" />\n <rebill-input-select\n id=\"language-selector\"\n variant=\"underlined\"\n backgroundColor={\n isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)\n ? ''\n : 'var(--rebill-color-background-left)'\n }\n options={[\n { label: 'EN', value: LOCALES_ENUM.EN },\n { label: 'ES', value: LOCALES_ENUM.ES },\n { label: 'PT', value: LOCALES_ENUM.PT },\n ]}\n value={sessionState.currentLocale}\n on-input={this.handleLanguageChange}\n fontSize=\"10px\"\n dropPosition=\"up\"\n arrowIcon=\"down\"\n class=\"language-selector-input\"\n />\n </div>\n </div>\n );\n }\n}\n"],"names":["sessionState"],"mappings":"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"}
|
|
@@ -102,12 +102,12 @@ const LayoutCheckoutSingleColumn = class {
|
|
|
102
102
|
registerInstance(this, hostRef);
|
|
103
103
|
}
|
|
104
104
|
render() {
|
|
105
|
-
return (h("div", { key: '
|
|
105
|
+
return (h("div", { key: '3e002c176d7f9c8e59f8274d413fed7675c6af2f', class: "checkout-single-column" }, h("header", { key: '3048e200d0382cb75dd4e5ccfca92301f3c4d0e1', class: "checkout-single-column__header" }, h("div", { key: '49dc6e0e0147267ab1e6e93f5248a04657ea2a61', class: "header-container" }, h("organization-logo", { key: '2c3c3c377ba34c1534d50c013896c0ed186cb745', organization: state.data.organization }))), h("main", { key: '1dd65fafd06a0bba85dd343477d8cb732132decd', class: "checkout-single-column__main-content" }, h("slot", { key: '1cdc777463981c3c732817695d102985de61dfe9' })), h("div", { key: '97d8818dbab4842a0d6b7075aed62d2877be0b53', class: "checkout-single-column__footer-container" }, h("rebill-footer", { key: 'ea0d8b4b219cd799678f8c85fd52e97785e1885f', class: "checkout-single-column__footer-content" }))));
|
|
106
106
|
}
|
|
107
107
|
};
|
|
108
108
|
LayoutCheckoutSingleColumn.style = checkoutSingleColumnCss;
|
|
109
109
|
|
|
110
|
-
const rebillFooterCss = ".language-selector{display:flex;align-items:center;margin-right:12px;height:24px}.rebill-footer__footer-content{display:flex;justify-content:space-between;align-items:center;width:100%;margin
|
|
110
|
+
const rebillFooterCss = ".language-selector{display:flex;align-items:center;margin-right:12px;height:24px}.rebill-footer__footer-content{display:flex;justify-content:space-between;align-items:center;width:100%;margin:18px}.terms-and-conditions{display:flex;align-items:center;gap:4px;margin-left:12px}.footer-powered{margin-right:4px}.footer-separator{margin-right:6px;margin-left:6px}.footer-link,.footer-powered,.footer-separator{display:flex;align-items:center}.footer-link a{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-decoration:none}";
|
|
111
111
|
|
|
112
112
|
const RebillFooter = class {
|
|
113
113
|
constructor(hostRef) {
|
|
@@ -131,7 +131,7 @@ const RebillFooter = class {
|
|
|
131
131
|
SessionStore.changeLanguage(event.detail.value);
|
|
132
132
|
};
|
|
133
133
|
render() {
|
|
134
|
-
return (h("div", { key: '
|
|
134
|
+
return (h("div", { key: '2bf71ea419e16951f8ba3e1d9a74d460ea234271', class: "rebill-footer__footer-content" }, h("div", { key: '5d475f95f2e99d14bcb5ac94807403b47c746955', class: "terms-and-conditions" }, !isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) && (h("rebill-typography", { key: 'e32913e5ff5be1045650d32607319fc704eb08fd', variant: "subtitle3", color: COLORS_ENUM.SECONDARY, class: "footer-powered" }, I18nService.translate('footer.poweredBy'))), h("rebill-icon", { key: '98445973ff58f009ef8530ee5b85b82cee2ebbf5', name: "rebill-logo", color: COLORS_ENUM.SECONDARY }), h("rebill-icon", { key: '2a3e9923ff4587db6d7f98f60c7a63b435cbe041', name: "rebill", color: COLORS_ENUM.SECONDARY }), h("rebill-typography", { key: 'a13ace0f701b6039a142cef96784940fedc57a42', variant: "subtitle3", color: COLORS_ENUM.SECONDARY, class: "footer-separator" }, "|"), h("rebill-typography", { key: 'bf4d69c5b8b2fedf56c6acb21a406e823bc12778', variant: "subtitle3", color: COLORS_ENUM.SECONDARY, class: "footer-link" }, h("a", { key: 'a17ff0764546610bd2d1bb14a44e54b947794a8f', href: "https://www.rebill.com/terminos-y-condiciones-usuarios-finales", target: "_blank" }, I18nService.translate('footer.termsAndConditions')))), h("div", { key: '76611d3afd818621460a0ca43ded9da3ee69bbc6', class: "language-selector" }, h("rebill-icon", { key: 'ea078f2e51059969e8a94a6f13239d214ef8b26a', name: "world" }), h("rebill-input-select", { key: 'ff844420ba1b8d754c0d75c80993203bd5931486', id: "language-selector", variant: "underlined", backgroundColor: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP)
|
|
135
135
|
? ''
|
|
136
136
|
: 'var(--rebill-color-background-left)', options: [
|
|
137
137
|
{ label: 'EN', value: LOCALES_ENUM.EN },
|
|
@@ -862,17 +862,17 @@ const Otp = class {
|
|
|
862
862
|
}
|
|
863
863
|
};
|
|
864
864
|
render() {
|
|
865
|
-
return (h("div", { key: '
|
|
865
|
+
return (h("div", { key: 'a60f4778e7b8c9d12db4f91f1052efb529421f61', class: "otp__otp-container" }, h("div", { key: '27f07a33bb7f89884e9f7c7451dde4d45ec70fa0', class: "otp__user-information" }, h("div", { key: 'dff426cbad1d5104cb190b577b62ace1f80c0397', class: "otp__otp-description-container" }, h("rebill-typography", { key: '46056e3d98013ec69b2f94ce09453741393a84d5', variant: "body2", class: "otp__otp-description" }, I18nService.translate('otp.description')), h("rebill-typography", { key: '1ce410c937cc81a6d3d94ba9ba324463c17d2e1a', variant: "subtitle-bold", class: "otp__otp-description-digits" }, ' ', h("strong", { key: '5cb7f9fc7dc6bcb884719bc6dfb36d46d67e7c3b' }, I18nService.translate('otp.descriptionDigits')), ' '), h("rebill-typography", { key: '08374eda7ff4ae8deadfec171a086d31c4c9160d', variant: "body2", class: "otp__otp-description-email" }, I18nService.translate('otp.descriptionEmail'))), h("rebill-typography", { key: '3bca7a94df9819bd9a235c0963b2190a0f7dcb2f', variant: "body2", class: "otp__otp-email-line" }, state.data.userInformation.email, ' ', !state.data.prefilledData?.email && (h("span", { key: '53ac959b54950773538dbce0c236bbd2a75fa906', class: "otp__change-email", onClick: () => {
|
|
866
866
|
this.otpValue = '';
|
|
867
867
|
this.error = false;
|
|
868
868
|
this.returnForm.emit(false);
|
|
869
|
-
} }, I18nService.translate('otp.change'))))), h("input-otp", { key: '
|
|
869
|
+
} }, I18nService.translate('otp.change'))))), h("input-otp", { key: '53416598d254b6f42b1771136d43f8ac612f3b43', otp: this.otpValue, onOtpChange: event => this.handleOtpChange(event.detail), error: this.error ? I18nService.translate('otp.error') : '' }), this.isVerifying && (h("div", { key: '41c766a5e21c9d810dca97de5c720450df6924af', class: "otp__verifying-container" }, h("rebill-typography", { key: '93ba72b7c85cb622f8fd3d1b1175817a736c7ede', variant: "subtitle2", color: COLORS_ENUM.PRIMARY }, I18nService.translate('otp.verifyingCode')), h("div", { key: 'd8b11cf317c4d8cbbb3f840fe8c411738c8f095c', class: "otp__spinner" }))), h("rebill-button", { key: 'c07d1abbce11ca0a2f1f139d9b93c6808c85bfd0', type: "button", variant: "outline", theme: this.isTimerRunning ? 'secondary' : 'primary', disabled: this.isTimerRunning, onClick: this.handleResendCode, size: "small", style: { height: '24px', marginBottom: '8px' } }, this.isTimerRunning
|
|
870
870
|
? `${I18nService.translate('otp.resendCodeIn')} (${this.timer.getFormattedTime()})`
|
|
871
|
-
: I18nService.translate('otp.resendCode')), this.codeResent && (h("div", { key: '
|
|
871
|
+
: I18nService.translate('otp.resendCode')), this.codeResent && (h("div", { key: '04892ba96af1f0cc56e8a662b4e758f8539d8181', class: "otp__code-resent-container" }, h("rebill-typography", { key: 'd5406c0cb371a85f796bb33950db186703aa2a96', variant: "subtitle2", color: COLORS_ENUM.GREEN }, h("rebill-icon", { key: 'd125a0363f9b5b584638b148e285323d57c507ee', name: "check-radio" }), I18nService.translate('otp.codeResent')))), h("rebill-alert", { key: '00f6d0350530b1ec22027a91dcafa7bd6de2887d', 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: '9a8c49f2d07459f11f447a430c5addf11da5d68c', class: "otp__alternative" }, h("rebill-typography", { key: 'aa6421edade435a60f2086666aadee7059c4381b', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK }, "o")), h("div", { key: 'cd8efa383a62cc1362e50dd854812bf80c3a930c', class: "otp__guest-options" }, h("rebill-button", { key: '95db9dfa82140c9de4fcf22d513f8401779d0bb5', type: "button", variant: "outline", theme: "secondary", size: "medium", onClick: () => {
|
|
872
872
|
this.otpValue = '';
|
|
873
873
|
this.error = false;
|
|
874
874
|
this.returnForm.emit(false);
|
|
875
|
-
} }, I18nService.translate('otp.continueAsGuest')), h("rebill-alert", { key: '
|
|
875
|
+
} }, I18nService.translate('otp.continueAsGuest')), h("rebill-alert", { key: 'd1f56385971910aed328b740498945e05d6a91ac', type: "secure", variant: "variant-secure", icon: "lock-outline", message: I18nService.translate('otp.secureMessage') }))));
|
|
876
876
|
}
|
|
877
877
|
};
|
|
878
878
|
Otp.style = otpCss;
|
|
@@ -956,7 +956,7 @@ const RebillTestModeChipMobile = class {
|
|
|
956
956
|
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" }))));
|
|
957
957
|
}
|
|
958
958
|
render() {
|
|
959
|
-
return (h("div", { key: '
|
|
959
|
+
return (h("div", { key: '7ef3d364e1fc317517d18f6eae976a1d85fe6ac0', class: `mode-sandbox-mobile__test-mode-container ${this.isPanelVisible ? 'cards-visible' : ''}` }, this.isPanelVisible && h("div", { key: '967dcd92f52e54b6e6d54b448089a08418539730', class: "mode-sandbox-mobile__overlay" }), h("div", { key: '308e5530604fa517fcbe52a8e700630b04a9d60f', class: `mode-sandbox-mobile__test-mode-chip-mobile ${this.isPanelVisible ? 'expanded' : ''}` }, this.renderBasicChip()), this.isPanelVisible && this.renderCardsPanel()));
|
|
960
960
|
}
|
|
961
961
|
};
|
|
962
962
|
RebillTestModeChipMobile.style = modeSandboxMobileCss;
|
|
@@ -1330,15 +1330,15 @@ const UserInformation = class {
|
|
|
1330
1330
|
} }, inputs)) : null;
|
|
1331
1331
|
}
|
|
1332
1332
|
render() {
|
|
1333
|
-
const customerExistsButton = (h("div", { key: '
|
|
1333
|
+
const customerExistsButton = (h("div", { key: 'd8dc2e7c9eb4eda6f95ccd4d5472c068730cdfd5', class: "customer-exists" }, h("rebill-button", { key: '1b7ae09782e0fcbcb98f2fb6f140b5a9113092c7', style: {
|
|
1334
1334
|
visibility: this.customerExists ? 'visible' : 'hidden',
|
|
1335
1335
|
opacity: this.customerExists ? '1' : '0',
|
|
1336
1336
|
transition: 'opacity 0.3s ease-in-out',
|
|
1337
|
-
}, variant: "text", size: "small", onClick: () => this.handleRebillAccountClick(), icon: "lock" }, I18nService.translate('userInformation.rebillAccount'), h("rebill-icon", { key: '
|
|
1337
|
+
}, variant: "text", size: "small", onClick: () => this.handleRebillAccountClick(), icon: "lock" }, I18nService.translate('userInformation.rebillAccount'), h("rebill-icon", { key: '697b2e05137658b4f427bce9533d2506ce5ee87f', name: "arrow-right" }))));
|
|
1338
1338
|
const hasPrefilledEmail = state.data.prefilledData.email;
|
|
1339
1339
|
const hasPrefilledName = state.data.prefilledData.fullName;
|
|
1340
1340
|
const hasAnyPrefilled = hasPrefilledEmail || hasPrefilledName;
|
|
1341
|
-
return (h(Host, { key: '
|
|
1341
|
+
return (h(Host, { key: '94cb7e47341a7bd014a69b172e9cf807349d4a59' }, customerExistsButton, hasAnyPrefilled && (h("rebill-card", { key: 'd69d87bbd3733b0be65251b2eaf8f974933ebf1b', cardTitle: I18nService.translate('userInformation.personalInformation'), cardLabels: this.getCardLabels() })), this.renderInputs()));
|
|
1342
1342
|
}
|
|
1343
1343
|
};
|
|
1344
1344
|
UserInformation.style = userInformationCss;
|
|
@@ -15,7 +15,7 @@ const Alert = class {
|
|
|
15
15
|
size = 'small';
|
|
16
16
|
colorIcon;
|
|
17
17
|
render() {
|
|
18
|
-
return (h("div", { key: '
|
|
18
|
+
return (h("div", { key: '5f2e5f47e1af9846ee93b4d6a6f36fdc8854b34b', class: `alert ${this.type} ${this.variant} ${this.size}` }, this.icon && (h("div", { key: 'ac10cfad997eddd08b9d5b3df4f5c23529d8e7e9', class: "alert-icon" }, h("rebill-icon", { key: '4fea4ad1efb0c8e5d24de1fe752aa2c1df9c5406', name: this.icon, color: this.colorIcon }))), h("div", { key: '70f3c1b91ceedac8493173bebf12b5c372d1d1b5', class: "alert-message" }, this.alertTitle && (h("rebill-typography", { key: '7b8b8a54392af33a779da1f92376b34f4a85618f', variant: this.type === 'coupon' ? 'subtitle3' : 'subtitle-bold', color: this.type === 'error'
|
|
19
19
|
? COLORS_ENUM.ERROR_DARK
|
|
20
20
|
: this.type === 'info'
|
|
21
21
|
? COLORS_ENUM.INFO_TEXT
|
|
@@ -23,7 +23,7 @@ const Alert = class {
|
|
|
23
23
|
? COLORS_ENUM.NEUTRALS_700
|
|
24
24
|
: this.type === 'coupon'
|
|
25
25
|
? COLORS_ENUM.GREEN_TEXT
|
|
26
|
-
: COLORS_ENUM.GREEN }, this.alertTitle)), this.message && (h("rebill-typography", { key: '
|
|
26
|
+
: COLORS_ENUM.GREEN }, this.alertTitle)), this.message && (h("rebill-typography", { key: 'a6268a91514fc00061c6ea52755c77236ce27d09', variant: "body2", color: this.type === 'error'
|
|
27
27
|
? COLORS_ENUM.ERROR_DARK
|
|
28
28
|
: this.type === 'info'
|
|
29
29
|
? COLORS_ENUM.INFO_TEXT
|
|
@@ -52,7 +52,7 @@ const CardCarousel = class {
|
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
54
|
const currentIcon = this.cardIcons[this.currentIndex];
|
|
55
|
-
return (h("div", { key: '
|
|
55
|
+
return (h("div", { key: '263796cd725fdd510c54b685f0d1430c0653a2c8', class: "card-carousel-container", onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("div", { key: '22710173a70058a34850c247774c11611b03a653', class: "card-carousel" }, h("rebill-icon", { key: `${currentIcon}-${this.currentIndex}`, name: currentIcon, size: this.size, color: this.color, class: "card-icon" })), this.showAllCards && (h("div", { key: 'b7afaf99ba7e6c6d8708f4d7e736352343701c09', class: "card-indicators" }, this.cardIcons.map((icon, index) => (h("div", { key: icon, class: `indicator ${index === this.currentIndex ? 'active' : ''}`, onClick: () => {
|
|
56
56
|
this.currentIndex = index;
|
|
57
57
|
} })))))));
|
|
58
58
|
}
|
|
@@ -10,7 +10,7 @@ const Card = class {
|
|
|
10
10
|
cardTitle;
|
|
11
11
|
cardLabels;
|
|
12
12
|
render() {
|
|
13
|
-
return (h("div", { key: '
|
|
13
|
+
return (h("div", { key: '1a82d37bdba31dc63f3b445b9311243ae306dbee', class: "card-container" }, h("div", { key: '9ffd448e17794d7bfbf65080125d59054a217bc2', class: "card-title" }, h("rebill-typography", { key: '3097c063f33f4eefb02ebb3418c75416ce75b1c5', variant: "subtitle-bold" }, this.cardTitle)), h("div", { key: 'b6bbce2f36bf5965297cd6a5891fac955854fcf6', class: "card-labels" }, this.cardLabels.map(label => (h("div", { class: "card-label" }, h("rebill-typography", { variant: "body2", color: COLORS_ENUM.TEXT_SECONDARY }, label.label), h("rebill-typography", { variant: "body2", color: COLORS_ENUM.TEXT_PRIMARY }, label.value)))))));
|
|
14
14
|
}
|
|
15
15
|
};
|
|
16
16
|
Card.style = cardCss;
|
|
@@ -15,7 +15,7 @@ const Container = class {
|
|
|
15
15
|
width: '100%',
|
|
16
16
|
boxSizing: 'border-box',
|
|
17
17
|
};
|
|
18
|
-
return (h("div", { key: '
|
|
18
|
+
return (h("div", { key: '41ee65153152ed89e4a02334f6a6147b0db4a567', style: style }, h("slot", { key: '83ea4bef69607a69d64293d0a70338cc4603683c' })));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
|
|
@@ -52,7 +52,7 @@ const InputCheckbox = class {
|
|
|
52
52
|
this.input.emit({ id: this.id, value: this.checked });
|
|
53
53
|
};
|
|
54
54
|
render() {
|
|
55
|
-
return (h("div", { key: '
|
|
55
|
+
return (h("div", { key: 'c74b84596c8a440991d20d71f678504934f2b560', class: "checkbox-container input-container" }, h("label", { key: '994dcb86e31f802e223eabc26ccd14882aee3400', class: `checkbox-label input-label ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '78ac96ee3334ac5de8f79d8a12441cfa391a95e3', id: this.id, type: "checkbox", class: `checkbox-element ${this.error ? 'checkbox-error' : ''}`, checked: this.checked, onChange: this.onCheckboxChange, disabled: this.disabled }), h("span", { key: '4a088e15405522b167c9b7fcb3a1d3df42c798e6', class: "label-text" }, this.label)), this.error && h("span", { key: '0ae539ccbe2d3ee67e6009a757512b6484171a1e', class: "error-message" }, this.error)));
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
58
|
InputCheckbox.style = inputCheckboxCss;
|
|
@@ -19,7 +19,7 @@ const Flex = class {
|
|
|
19
19
|
justifyContent: this.justifyContent,
|
|
20
20
|
width: '100%',
|
|
21
21
|
};
|
|
22
|
-
return (h("div", { key: '
|
|
22
|
+
return (h("div", { key: 'b143929207ed148206d00ce616e21de20d4740d6', style: style }, h("slot", { key: 'df9cefe2bb568ad39b0ee5a7b87f56d190b2f6a1' })));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
|
|
@@ -149,7 +149,7 @@ const Form = class {
|
|
|
149
149
|
await this.submitForm();
|
|
150
150
|
};
|
|
151
151
|
render() {
|
|
152
|
-
return (h("form", { key: '
|
|
152
|
+
return (h("form", { key: '2aea3b390caf4e34fe9d742d85e9b8015831261d', onSubmit: e => this.handleSubmit(e), noValidate: true }, this.renderForm ? (this.renderForm({
|
|
153
153
|
submit: () => this.submitForm(),
|
|
154
154
|
formData: this.formData,
|
|
155
155
|
errors: this.errors,
|
|
@@ -17,7 +17,7 @@ const Grid = class {
|
|
|
17
17
|
justifyContent: this.justifyContent,
|
|
18
18
|
width: '100%',
|
|
19
19
|
};
|
|
20
|
-
return (h("div", { key: '
|
|
20
|
+
return (h("div", { key: 'b59b1bb1ad4b7f7741d348052f2d7e66c257550a', style: style }, h("slot", { key: '5a567054cafbbe92aa22f8b88bc69a85a6a38ba2' })));
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -234,10 +234,10 @@ const InputSelect = class {
|
|
|
234
234
|
render() {
|
|
235
235
|
const selectedLabel = this.getSelectedOptionLabel();
|
|
236
236
|
const hasValue = this.value !== '';
|
|
237
|
-
return (h("div", { key: '
|
|
237
|
+
return (h("div", { key: '23c4562b47db3e895f706d3fc46f0b4ca3381eb2', class: "input-container" }, this.label && (h("label", { key: '5c5aa626f8b85e16dd4623798f517d29145b80b7', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '891a09b90bec6483503c7d24e016e1f018268a9a', class: `select-wrapper ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'open' : ''}` }, h("div", { key: '6f21d55aad5ab4efab7e857dc4a59bd0fb787986', ref: el => (this.triggerRef = el), class: `input-element select-trigger ${this.error ? 'input-error' : ''} ${!hasValue ? 'placeholder' : ''} ${this.variant === 'underlined' ? 'underlined' : ''}`, style: { backgroundColor: this.backgroundColor }, onClick: this.toggleDropdown, tabIndex: this.disabled ? -1 : 0, role: "combobox", "aria-expanded": this.isOpen.toString(), "aria-haspopup": "listbox", "aria-labelledby": this.label ? `${this.id}-label` : undefined }, h("span", { key: '537ae49362d7b96233f91aeb899059e190199b17', class: "select-value", style: { fontSize: this.fontSize }, innerHTML: selectedLabel }), h("div", { key: 'd81cc47b9d93b8f4206ef1a9b6c320d0c91f867b', class: "icon-wrapper" }, this.loading ? (h("div", { class: "spinner" })) : (h("rebill-icon", { name: this.getArrowIcon(), size: "20px", class: `select-icon ${this.isOpen && this.arrowIcon === 'down' ? 'rotated' : ''}` })))), this.isOpen && (h("div", { key: '3d00b0028bdd98d99336bd23d98c5f9f4443ca5c', ref: el => (this.dropdownRef = el), class: `select-dropPosition ${this.dropPosition === 'up' ? 'open-up' : 'open-down'}`, role: "listbox" }, this.searchable && (h("div", { key: 'd3b7272792e4083a80a1fb86292b704abc6db660', class: "search-container", onClick: this.handleSearchClick }, h("div", { key: '14785ce1256f9e7f5ba6bfc6b2ae6f83f48b7e73', class: "search-input-wrapper" }, h("rebill-icon", { key: 'b4cd2ef7a511bf046a0aaa85f8010f5f05ff7b46', name: "search", size: "16px", class: "search-icon" }), h("input", { key: '4bfc8b4016b5381679b30bf219d94afa1e273e5e', ref: el => (this.searchInputRef = el), type: "text", class: "search-input", placeholder: this.searchPlaceholder, value: this.searchTerm, onInput: this.handleSearchInput, onClick: this.handleSearchClick, style: { fontSize: this.fontSize } }), this.searchTerm && (h("button", { key: 'b1c3d31391c32297d9dacd96db6d0db47e752c8b', type: "button", class: "clear-search", onClick: event => {
|
|
238
238
|
event.stopPropagation();
|
|
239
239
|
this.clearSearch();
|
|
240
|
-
}, "aria-label": "Clear search" }, h("rebill-icon", { key: '
|
|
240
|
+
}, "aria-label": "Clear search" }, h("rebill-icon", { key: 'c3b19f8b59672c5ec127d3c669f383233dedbcd5', name: "x", size: "16px" })))))), this.loading && this.filteredOptions.length === 0 ? (h("div", { class: "loading-message", style: { fontSize: this.fontSize } }, h("div", { class: "spinner" }), I18nService.translate('common.loadingOptions'))) : this.filteredOptions.length > 0 ? (this.filteredOptions.map((option, index) => (h("div", { class: `select-option ${this.value === option.value ? 'selected' : ''} ${this.highlightedIndex === index ? 'highlighted' : ''}`, style: { fontSize: this.fontSize }, onClick: () => this.selectOption(option), role: "option", "aria-selected": this.value === option.value ? 'true' : 'false' }, h("span", { innerHTML: option.label }))))) : (h("div", { class: "no-results", style: { fontSize: this.fontSize } }, "No se encontraron resultados"))))), this.error && h("span", { key: 'cef33371cb5b640b8496e797045ef967f2c7f763', class: "error-message" }, this.error)));
|
|
241
241
|
}
|
|
242
242
|
};
|
|
243
243
|
InputSelect.style = inputSelectCss;
|
|
@@ -95,10 +95,10 @@ const InputText = class {
|
|
|
95
95
|
'has-left-icon': !!this.leftIcon,
|
|
96
96
|
'has-right-icon': !!this.rightIcon,
|
|
97
97
|
};
|
|
98
|
-
return (h("div", { key: '
|
|
98
|
+
return (h("div", { key: '77c9d0980fb2727bbb92cd95352d5dc6a1222ddb', class: "input-container" }, !isFloating && this.label && (h("label", { key: '9e0191ce3584d46d399fba6dc3727d182df0c00a', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '34abdf2bfb4587a110bbba382e5a572921a0bddc', class: wrapperClasses }, this.leftIcon && (h("div", { key: 'e893a7b7a0e6aa35e5a28acac72642b523be3323', class: "icon-left" }, h("rebill-icon", { key: 'be6eebaf5ddbea7cf5e6f581a28f289f59bd6dd3', name: this.leftIcon }))), h("input", { key: '30d8fa0b19fe4b3723f48b03fbaebc9a854bcf8f', ref: el => (this.inputElement = el), type: "text", class: inputClasses, placeholder: isFloating ? this.label : this.placeholder, value: this.value, onInput: this.onInput, onBlur: this.onBlur, disabled: this.disabled, style: {
|
|
99
99
|
paddingLeft: this.leftIcon ? '2.5rem' : '0.75rem',
|
|
100
100
|
paddingRight: this.clearable || this.rightIcon ? '2.5rem' : '0.75rem',
|
|
101
|
-
} }), isFloating && h("label", { key: '
|
|
101
|
+
} }), isFloating && h("label", { key: '2b410a985ad150cd33b3f6faff82422046c7509c', class: "input-text__input-label input-label" }, this.label), this.clearable && this.value && (h("div", { key: 'c02818e635da077ebef4b607a435874c151ccf37', class: "icon-right", onClick: this.onClear }, h("rebill-icon", { key: '05bd2ac74766c544bf83a132651c56eeabb27e54', name: "x" }))), this.rightIcon && !this.clearable && (h("div", { key: 'b2c6c967af138d90ae8cf456572bd53117859ad2', class: "icon-right", onClick: this.onRightIconClick }, h("rebill-icon", { key: '0a97d6b77588a469d296eade8ee7e5c5a47ce4bb', name: this.rightIcon })))), this.error && h("span", { key: '93caa9f68e587ec23162fa84758deeef1514d9aa', class: "error-message" }, this.error)));
|
|
102
102
|
}
|
|
103
103
|
};
|
|
104
104
|
InputText.style = inputTextCss;
|