rebill-web-components-sdk 1.10.1 → 1.10.2
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_14.cjs.entry.js +5 -5
- package/dist/cjs/card-fields-wrapper.card-identification.card-iframe.card-skeleton.rebill-address-form.rebill-address-search.rebill-input-combo.rebill-input-phone.rebill-installments.selectable-card.single-payment-method.entry.cjs.js.map +1 -1
- package/dist/cjs/card-fields-wrapper_11.cjs.entry.js +18 -18
- package/dist/cjs/collapsible-card_3.cjs.entry.js +2 -2
- 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_4.cjs.entry.js +1 -1
- package/dist/cjs/otp-component_5.cjs.entry.js +16 -16
- package/dist/cjs/rebill-alert.cjs.entry.js +2 -2
- package/dist/cjs/rebill-autofill-detector.cjs.entry.js +184 -0
- package/dist/cjs/rebill-autofill-detector.entry.cjs.js.map +1 -0
- 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-mode-sandbox_2.cjs.entry.js +1 -1
- package/dist/cjs/rebill-timeline-debit-day_2.cjs.entry.js +2 -2
- 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.cjs.entry.js +2 -2
- package/dist/cjs/root-component.cjs.entry.js +1 -1
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/checkout/address/address-search/address-search.js +4 -4
- package/dist/collection/components/checkout/address/address-search/address-search.js.map +1 -1
- package/dist/collection/components/checkout/address/autofill-detector/autofill-detector.css +0 -0
- package/dist/collection/components/checkout/address/autofill-detector/autofill-detector.js +277 -0
- package/dist/collection/components/checkout/address/autofill-detector/autofill-detector.js.map +1 -0
- package/dist/collection/components/checkout/apm/qr-code/qr-code.js +2 -2
- package/dist/collection/components/checkout/apm/reference-code/reference-code.js +1 -1
- package/dist/collection/components/checkout/card-success-page/success-page.js +9 -9
- package/dist/collection/components/checkout/checkout-form/checkout-form.js +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.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/renewal-success-page/renewal-success-page.js +2 -2
- 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/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/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/change-card-success.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-Cy4AWMDG.js → p-0y1EkPsV.js} +4 -4
- package/dist/components/{p-Cy4AWMDG.js.map → p-0y1EkPsV.js.map} +1 -1
- package/dist/components/{p-BDqkAG1R.js → p-4NckTb-f.js} +4 -4
- package/dist/components/{p-BDqkAG1R.js.map → p-4NckTb-f.js.map} +1 -1
- package/dist/components/{p-CzOgUoiH.js → p-6gwr59D_.js} +6 -6
- package/dist/components/{p-CzOgUoiH.js.map → p-6gwr59D_.js.map} +1 -1
- package/dist/components/p-8BpuJ_V5.js.map +1 -1
- package/dist/components/{p-UUAqyvL7.js → p-AFaRRX6m.js} +14 -8
- package/dist/components/p-AFaRRX6m.js.map +1 -0
- package/dist/components/{p-BM7arRE4.js → p-BFqhozQ0.js} +4 -4
- package/dist/components/{p-BM7arRE4.js.map → p-BFqhozQ0.js.map} +1 -1
- package/dist/components/{p-B-Svp05F.js → p-BMX_V4NR.js} +5 -5
- package/dist/components/{p-B-Svp05F.js.map → p-BMX_V4NR.js.map} +1 -1
- package/dist/components/{p-xqbCGsb4.js → p-BMdmsMrv.js} +6 -6
- package/dist/components/{p-xqbCGsb4.js.map → p-BMdmsMrv.js.map} +1 -1
- package/dist/components/{p-BU6zbBCY.js → p-BhAb6Xb9.js} +4 -4
- package/dist/components/{p-BU6zbBCY.js.map → p-BhAb6Xb9.js.map} +1 -1
- package/dist/components/{p-Dow9Oa1e.js → p-BldhoZKa.js} +3 -3
- package/dist/components/{p-Dow9Oa1e.js.map → p-BldhoZKa.js.map} +1 -1
- package/dist/components/{p-9OVqnxbl.js → p-BmSGsGCP.js} +5 -5
- package/dist/components/{p-9OVqnxbl.js.map → p-BmSGsGCP.js.map} +1 -1
- package/dist/components/{p-CEM6OODt.js → p-Bo6Oy_rw.js} +12 -12
- package/dist/components/{p-CEM6OODt.js.map → p-Bo6Oy_rw.js.map} +1 -1
- package/dist/components/{p-hR7xARTs.js → p-BoKyp_AW.js} +3 -3
- package/dist/components/{p-hR7xARTs.js.map → p-BoKyp_AW.js.map} +1 -1
- package/dist/components/{p-DdCguZ5r.js → p-Bx5CO1DQ.js} +10 -10
- package/dist/components/{p-DdCguZ5r.js.map → p-Bx5CO1DQ.js.map} +1 -1
- package/dist/components/{p-BFb0C4n-.js → p-C0ukGjTv.js} +3 -3
- package/dist/components/{p-BFb0C4n-.js.map → p-C0ukGjTv.js.map} +1 -1
- package/dist/components/{p-BXdI0xHE.js → p-C62DbryS.js} +3 -3
- package/dist/components/{p-BXdI0xHE.js.map → p-C62DbryS.js.map} +1 -1
- package/dist/components/{p-BLD5qbS8.js → p-C9-xmJLv.js} +4 -4
- package/dist/components/{p-BLD5qbS8.js.map → p-C9-xmJLv.js.map} +1 -1
- package/dist/components/{p-DZKrZZwd.js → p-CJrBfF7b.js} +14 -14
- package/dist/components/{p-DZKrZZwd.js.map → p-CJrBfF7b.js.map} +1 -1
- package/dist/components/{p-BS5TOpnh.js → p-CNgxCj8J.js} +4 -4
- package/dist/components/{p-BS5TOpnh.js.map → p-CNgxCj8J.js.map} +1 -1
- package/dist/components/{p-CYv4ffn1.js → p-CSgNGaiV.js} +3 -3
- package/dist/components/{p-CYv4ffn1.js.map → p-CSgNGaiV.js.map} +1 -1
- package/dist/components/{p-Dk3CTNMK.js → p-CYy5NAoy.js} +5 -5
- package/dist/components/{p-Dk3CTNMK.js.map → p-CYy5NAoy.js.map} +1 -1
- package/dist/components/p-Cb2XT9Pi.js +206 -0
- package/dist/components/p-Cb2XT9Pi.js.map +1 -0
- package/dist/components/{p-cS0M4sWc.js → p-Ccqq4BcO.js} +10 -10
- package/dist/components/{p-cS0M4sWc.js.map → p-Ccqq4BcO.js.map} +1 -1
- package/dist/components/{p-yRI_ZFvd.js → p-ChtneCGm.js} +3 -3
- package/dist/components/{p-yRI_ZFvd.js.map → p-ChtneCGm.js.map} +1 -1
- package/dist/components/{p-CY7UQa2f.js → p-CoRQkXBT.js} +6 -6
- package/dist/components/{p-CY7UQa2f.js.map → p-CoRQkXBT.js.map} +1 -1
- package/dist/components/{p-bKjZk5T9.js → p-CpBlNxfh.js} +3 -3
- package/dist/components/{p-bKjZk5T9.js.map → p-CpBlNxfh.js.map} +1 -1
- package/dist/components/{p-C5qSTRqe.js → p-Cs-pA3OO.js} +3 -3
- package/dist/components/{p-C5qSTRqe.js.map → p-Cs-pA3OO.js.map} +1 -1
- package/dist/components/{p-OIK5VUVA.js → p-CtrJsF6L.js} +3 -3
- package/dist/components/{p-OIK5VUVA.js.map → p-CtrJsF6L.js.map} +1 -1
- package/dist/components/{p-CcFiotn1.js → p-CvW9G05r.js} +7 -7
- package/dist/components/{p-CcFiotn1.js.map → p-CvW9G05r.js.map} +1 -1
- package/dist/components/{p-BVVBiDNt.js → p-CwYDVqU6.js} +3 -3
- package/dist/components/{p-BVVBiDNt.js.map → p-CwYDVqU6.js.map} +1 -1
- package/dist/components/{p-ClLeKt1B.js → p-D-FRnRNO.js} +4 -4
- package/dist/components/{p-ClLeKt1B.js.map → p-D-FRnRNO.js.map} +1 -1
- package/dist/components/{p-CobY14qx.js → p-D0N0vC0E.js} +8 -8
- package/dist/components/{p-CobY14qx.js.map → p-D0N0vC0E.js.map} +1 -1
- package/dist/components/{p-CjLWTQ-k.js → p-D13i5GRC.js} +3 -3
- package/dist/components/{p-CjLWTQ-k.js.map → p-D13i5GRC.js.map} +1 -1
- package/dist/components/{p-BjRD9lS0.js → p-DHO4T8Ax.js} +3 -3
- package/dist/components/{p-BjRD9lS0.js.map → p-DHO4T8Ax.js.map} +1 -1
- package/dist/components/{p-BrxxkM_7.js → p-DcndzUFT.js} +5 -5
- package/dist/components/{p-BrxxkM_7.js.map → p-DcndzUFT.js.map} +1 -1
- package/dist/components/{p-COYitAD7.js → p-DdSBiiVX.js} +5 -5
- package/dist/components/{p-COYitAD7.js.map → p-DdSBiiVX.js.map} +1 -1
- package/dist/components/{p-CZ4Ng3BX.js → p-Dgn-b0VN.js} +11 -5
- package/dist/components/p-Dgn-b0VN.js.map +1 -0
- package/dist/components/{p-dkScX4Ck.js → p-DoTMic8C.js} +5 -5
- package/dist/components/{p-dkScX4Ck.js.map → p-DoTMic8C.js.map} +1 -1
- package/dist/components/{p-WGf68eDg.js → p-Dp6bUSN1.js} +3 -3
- package/dist/components/{p-WGf68eDg.js.map → p-Dp6bUSN1.js.map} +1 -1
- package/dist/components/{p-B0FDvLRO.js → p-Ds466vGv.js} +4 -4
- package/dist/components/{p-B0FDvLRO.js.map → p-Ds466vGv.js.map} +1 -1
- package/dist/components/{p-BrO6uPL6.js → p-DuyVg_A7.js} +7 -7
- package/dist/components/{p-BrO6uPL6.js.map → p-DuyVg_A7.js.map} +1 -1
- package/dist/components/{p-CTCwiLaJ.js → p-RbKsk0NK.js} +4 -4
- package/dist/components/{p-CTCwiLaJ.js.map → p-RbKsk0NK.js.map} +1 -1
- package/dist/components/{p-BEVU1b9v.js → p-_qxwSXk5.js} +6 -6
- package/dist/components/{p-BEVU1b9v.js.map → p-_qxwSXk5.js.map} +1 -1
- package/dist/components/{p-BZaiuF56.js → p-iueBw_y3.js} +4 -4
- package/dist/components/{p-BZaiuF56.js.map → p-iueBw_y3.js.map} +1 -1
- package/dist/components/{p-CXPNkSli.js → p-mTzDbf1n.js} +4 -4
- package/dist/components/{p-CXPNkSli.js.map → p-mTzDbf1n.js.map} +1 -1
- package/dist/components/{p-DwZ2ffr1.js → p-wMEGQ8Q5.js} +3 -3
- package/dist/components/{p-DwZ2ffr1.js.map → p-wMEGQ8Q5.js.map} +1 -1
- package/dist/components/{p-qx8yDlp3.js → p-z3joV5yV.js} +4 -4
- package/dist/components/{p-qx8yDlp3.js.map → p-z3joV5yV.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-autofill-detector.d.ts +11 -0
- package/dist/components/rebill-autofill-detector.js +9 -0
- package/dist/components/rebill-autofill-detector.js.map +1 -0
- 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-change-card.js +50 -44
- package/dist/components/rebill-change-card.js.map +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 +70 -64
- package/dist/components/rebill-checkout.js.map +1 -1
- 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 +60 -54
- 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/reference-code.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_14.entry.js +5 -5
- package/dist/esm/card-fields-wrapper.card-identification.card-iframe.card-skeleton.rebill-address-form.rebill-address-search.rebill-input-combo.rebill-input-phone.rebill-installments.selectable-card.single-payment-method.entry.js.map +1 -1
- package/dist/esm/card-fields-wrapper_11.entry.js +18 -18
- package/dist/esm/collapsible-card_3.entry.js +2 -2
- package/dist/esm/index-BTZ7D7jU.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_4.entry.js +1 -1
- package/dist/esm/otp-component_5.entry.js +16 -16
- package/dist/esm/rebill-alert.entry.js +2 -2
- package/dist/esm/rebill-autofill-detector.entry.js +182 -0
- package/dist/esm/rebill-autofill-detector.entry.js.map +1 -0
- 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-mode-sandbox_2.entry.js +1 -1
- package/dist/esm/rebill-timeline-debit-day_2.entry.js +2 -2
- 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.entry.js +2 -2
- package/dist/esm/root-component.entry.js +1 -1
- package/dist/rebill-web-components-sdk/card-fields-wrapper.card-identification.card-iframe.card-skeleton.rebill-address-form.rebill-address-search.rebill-input-combo.rebill-input-phone.rebill-installments.selectable-card.single-payment-method.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/{p-637ed8ea.entry.js → p-07ef4ea3.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-70febc7c.entry.js → p-1a99d53d.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-1f731eef.entry.js → p-1b4222b8.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/p-1c000e38.entry.js +2 -0
- package/dist/rebill-web-components-sdk/p-1c000e38.entry.js.map +1 -0
- package/dist/rebill-web-components-sdk/{p-b7e9af07.entry.js → p-1f253272.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-39c5f0f3.entry.js → p-26d57782.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/p-2c464942.entry.js +2 -0
- package/dist/rebill-web-components-sdk/p-37ce3457.entry.js +2 -0
- package/dist/rebill-web-components-sdk/{p-e3cc872d.entry.js → p-4355b35a.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-7eb0c863.entry.js → p-64d035a5.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-ca24b250.entry.js → p-728a5b5d.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-65be7025.entry.js → p-7f01ba37.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-a625d0fd.entry.js → p-82c4171e.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-be7e39cf.entry.js → p-860f0784.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/p-9a506148.entry.js +2 -0
- package/dist/rebill-web-components-sdk/{p-4d173895.entry.js → p-9a89f57f.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/p-BTZ7D7jU.js.map +1 -1
- package/dist/rebill-web-components-sdk/{p-2847a090.entry.js → p-aaa9fb70.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-dd3b420b.entry.js → p-ba5c9f7f.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-b5330b78.entry.js → p-d4c04783.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/p-d8089da8.entry.js +2 -0
- package/dist/rebill-web-components-sdk/{p-6a9b3bad.entry.js.map → p-d8089da8.entry.js.map} +1 -1
- package/dist/rebill-web-components-sdk/p-d827e221.entry.js +2 -0
- package/dist/rebill-web-components-sdk/p-d827e221.entry.js.map +1 -0
- package/dist/rebill-web-components-sdk/rebill-autofill-detector.entry.esm.js.map +1 -0
- package/dist/rebill-web-components-sdk/rebill-web-components-sdk.esm.js +1 -1
- package/dist/types/components/checkout/address/address-search/address-search.d.ts +1 -1
- package/dist/types/components/checkout/address/autofill-detector/autofill-detector.d.ts +20 -0
- package/dist/types/components.d.ts +49 -2
- package/package.json +1 -1
- package/dist/components/p-CZ4Ng3BX.js.map +0 -1
- package/dist/components/p-UUAqyvL7.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-204e76c5.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-33ade3d2.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-6a9b3bad.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-71973b15.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-71973b15.entry.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-cb4389ad.entry.js +0 -2
- /package/dist/rebill-web-components-sdk/{p-637ed8ea.entry.js.map → p-07ef4ea3.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-70febc7c.entry.js.map → p-1a99d53d.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-1f731eef.entry.js.map → p-1b4222b8.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-b7e9af07.entry.js.map → p-1f253272.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-39c5f0f3.entry.js.map → p-26d57782.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-33ade3d2.entry.js.map → p-2c464942.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-204e76c5.entry.js.map → p-37ce3457.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-e3cc872d.entry.js.map → p-4355b35a.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-7eb0c863.entry.js.map → p-64d035a5.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-ca24b250.entry.js.map → p-728a5b5d.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-65be7025.entry.js.map → p-7f01ba37.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-a625d0fd.entry.js.map → p-82c4171e.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-be7e39cf.entry.js.map → p-860f0784.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-cb4389ad.entry.js.map → p-9a506148.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-4d173895.entry.js.map → p-9a89f57f.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-2847a090.entry.js.map → p-aaa9fb70.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-dd3b420b.entry.js.map → p-ba5c9f7f.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-b5330b78.entry.js.map → p-d4c04783.entry.js.map} +0 -0
|
@@ -77,15 +77,15 @@ export class UserInformation {
|
|
|
77
77
|
} }, inputs)) : null;
|
|
78
78
|
}
|
|
79
79
|
render() {
|
|
80
|
-
const customerExistsButton = (h("div", { key: '
|
|
80
|
+
const customerExistsButton = (h("div", { key: '4a9fcb1b8dab46fbe80c4b2a35d053d45687d103', class: "customer-exists" }, h("rebill-button", { key: '5d4a6bb913f5311e0d12e1599fe9ef9ba4ccd6e7', style: {
|
|
81
81
|
visibility: this.customerExists ? 'visible' : 'hidden',
|
|
82
82
|
opacity: this.customerExists ? '1' : '0',
|
|
83
83
|
transition: 'opacity 0.3s ease-in-out',
|
|
84
|
-
}, variant: "text", size: "small", onClick: () => this.handleRebillAccountClick(), icon: "lock" }, I18nService.translate('userInformation.rebillAccount'), h("rebill-icon", { key: '
|
|
84
|
+
}, variant: "text", size: "small", onClick: () => this.handleRebillAccountClick(), icon: "lock" }, I18nService.translate('userInformation.rebillAccount'), h("rebill-icon", { key: '0bb16b22cf0d7e56adc5264973ef119da9e4b790', name: "arrow-right" }))));
|
|
85
85
|
const hasPrefilledEmail = sessionState.data.prefilledData.email;
|
|
86
86
|
const hasPrefilledName = sessionState.data.prefilledData.fullName;
|
|
87
87
|
const hasAnyPrefilled = hasPrefilledEmail || hasPrefilledName;
|
|
88
|
-
return (h(Host, { key: '
|
|
88
|
+
return (h(Host, { key: '77a74a3d624d9529a6555777adefbf7aa553d89a' }, customerExistsButton, hasAnyPrefilled && (h("rebill-card", { key: 'f465c928465d4dd7b713c80ccfb6cdd3cda3d186', cardTitle: I18nService.translate('userInformation.personalInformation'), cardLabels: this.getCardLabels() })), this.renderInputs()));
|
|
89
89
|
}
|
|
90
90
|
static get is() { return "user-information"; }
|
|
91
91
|
static get originalStyleUrls() {
|
|
@@ -199,9 +199,9 @@ export class RenewalSuccessPage {
|
|
|
199
199
|
return cardBrand && cardLastFour ? `${formattedBrand} - ${cardLastFour}` : formattedBrand;
|
|
200
200
|
};
|
|
201
201
|
render() {
|
|
202
|
-
return (h("rebill-checkout-single-column", { key: '
|
|
202
|
+
return (h("rebill-checkout-single-column", { key: 'a239b828fc27cf3abf25ef3a70c8ed70a7c6347e' }, h("div", { key: 'a6b98f63c3429afe4156f934d27082747ad421b7', class: "renewal-success-page__success-content" }, h("rebill-typography", { key: 'a5d9a81697e66e108fe474973eaf7e662dd3a9a8', variant: "h3", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.successTitle')), h("div", { key: 'aa1d2c45651941e83ab6a2ab153b913e6fd5aa56', class: "renewal-success-page__success-icon" }, h("svg", { key: '3a886e1c8c0aa11a4ac034d202bd82faecf932ea', width: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', height: isBreakpointBelow(this.breakpoint, BREAKPOINT_ENUM.DESKTOP) ? '64' : '96', viewBox: "0 0 96 96", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '37434d1a3f1275e185e4d5a32321bad0b0c0e103', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.99219 47.998C7.99219 25.9067 25.9008 7.99805 47.9922 7.99805C70.0836 7.99805 87.9922 25.9067 87.9922 47.998C87.9922 70.0894 70.0836 87.998 47.9922 87.998C25.9008 87.998 7.99219 70.0894 7.99219 47.998ZM61.5401 39.2645C62.2396 38.4096 62.1136 37.1496 61.2587 36.4501C60.4038 35.7507 59.1437 35.8767 58.4443 36.7316L41.8437 57.0211L35.4064 50.5838C34.6254 49.8028 33.359 49.8028 32.578 50.5838C31.7969 51.3649 31.7969 52.6312 32.578 53.4123L40.578 61.4123C40.9775 61.8118 41.5275 62.0237 42.0918 61.9956C42.6562 61.9674 43.1823 61.7019 43.5401 61.2645L61.5401 39.2645Z", fill: "#35B093" }))), h("div", { key: '1cda6d758629c4829697814f226d78f72cdf739a', class: "renewal-success-page__info-card" }, h("div", { key: '7edc2f9bdad58f80f838ab9ec96ca3afc08c72af', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'b7a6e172ac1776bad3835b50419aaafb33e21348', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentMethod')), h("div", { key: 'bf04191d72701a6ff88c74846d86272283c5d43f', class: "renewal-success-page__card-value" }, h("div", { key: '1272075a876cf9c5db13612869e19780e7f6dcc7', class: "renewal-success-page__payment-method-display" }, this.typePaymentMethod === PAYMENT_METHOD_ENUM.CARD && (h(h.Fragment, null, h("rebill-card-icon", { key: 'b79718d298a67ed9d1a6e79c056ab69af5ad85ce', "card-brand": renewalState.data?.cardInformation?.brand || '' }), h("rebill-typography", { key: 'f74ca5245468cc02754234073219ca7d8fab9d90', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, this.textPaymentMethodCard()))), this.typePaymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER && (h("div", { key: '5e3c90bca337d977258b893085d535f41b8d6a64', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, h("div", { key: 'c1dd9a6dc407156084b4024642d06679cccf950d', style: { display: 'flex', alignItems: 'center', gap: '8px' } }, this.getPaymentMethodConfig(PAYMENT_METHOD_ENUM.BANK_TRANSFER).icons.map(iconName => {
|
|
203
203
|
return h("rebill-icon", { name: iconName, size: "24px" });
|
|
204
|
-
})), h("rebill-typography", { key: '
|
|
204
|
+
})), h("rebill-typography", { key: '753c7d6154d22b5a531de138ef9df66bd50d58fc', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('paymentMethods.bank_transfer'))))))), h("div", { key: 'c22bd3cb7c434a0a96eb538700ec6d9e84765795', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'd9e9a384c86ebca08bf38525316ac1b2dfc7422d', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentDate')), h("rebill-typography", { key: '0b59d5dc390de214158840fb709af78525cfefea', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatDateTime(this.paymentDate || this.getPaymentDate()) || '')), h("div", { key: '50786fa0d89399297fb1acf844b65104cebae06e', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '7d598f5fefe4dacee1de32d3d78cd7ea9637f199', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentEmail')), h("rebill-typography", { key: 'b6dde819b00efb0da2da325fb173341a3193c6c5', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, renewalState.data.subscription.customerEmail)), h("div", { key: '3c46859ffa572d51f74493ac2c5d6049fba0aa24', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '421fcdb0c4a36d336bf2b6ef95a38386ca14bc5d', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.paymentReference')), h("rebill-typography", { key: '2c27b324746d67473d5f772b1686de99e2b6e5b9', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT, class: "renewal-success-page__reference-number" }, this.referenceNumber || ''))), h("div", { key: 'b8f9d223b0b8fc534a6d3d9f17e0f2e8f20a3597', class: "renewal-success-page__info-card" }, h("rebill-typography", { key: '253f52f1f3e28f28562c8e549b4e0af24b55ff2b', variant: "subtitle-bold", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.purchaseDetails')), h("div", { key: 'c517721f13f50084f87c3b9f25cb3096cdd1e96a', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '1352deb43d6cfc98b573fd3ed6a51dede43938b1', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseDetail')), h("rebill-typography", { key: '85e18a0bb1f1f7051ddb7586ee38fe19507cc3d7', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, renewalState.data.subscription.name[0]?.text || 'Subscription')), h("div", { key: '666e7b196ddfccf2562adc1918a7aa425b40e36c', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'f12b5e447030ab9257bbad458fd981bf32f7071a', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseSubtotal')), h("rebill-typography", { key: 'bd3b76f6ad5fb9b537b47c0c97680711c2070410', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatAmount(renewalState.data.subscription.subTotalAmount, renewalState.data.price.currency))), this.hasDiscount() && (h("div", { key: 'e82bb80c805d68bb1ac54f351975a900fb982d50', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: 'a961d4d1a5620633ab5ca4c60c53d2706fba3d94', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('summary.discount')), h("rebill-typography", { key: 'f396c19717a68069ea000abf49fd1dcf05d34b60', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatAmount(this.getDiscountAmountValue(), renewalState.data.price.currency)))), h("div", { key: '3e2c645f7ec6b1b293db8d1984d7628279734d81', class: "renewal-success-page__card-row" }, h("rebill-typography", { key: '7629e972d8fda078945aa253d5a8086ab87570f3', variant: "body2", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.purchaseMontoTotal')), h("div", { key: 'e931d961c8563f38beba85ccf56bc5dff89f08e3', class: "renewal-success-page__total-amount-container" }, h("rebill-typography", { key: '7949389721ec12258633b839a3e1b8730d199776', variant: "body2", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, formatAmount(renewalState.data.price.amount, renewalState.data.price.currency)))), h("div", { key: 'b1f798fefbf45fd5d35bae1f73e20c15e3678249', class: "renewal-success-page__card-divider" }), h("div", { key: '6833d7028be88cef990c46a1a55cea2d4b8bd840', class: "renewal-success-page__download-container" }, h("svg", { key: 'fa4cdf941d84391036358e49f099d70425c5b133', class: "download-icon", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '30595c88a5ca2ba310be5bb1d14a8842fc0e8b42', d: "M13.498 9.83333V12.1667C13.498 12.903 12.9011 13.5 12.1647 13.5H3.83138C3.095 13.5 2.49805 12.903 2.49805 12.1667V9.83333M7.99804 10V2.5M7.99804 10L5.66471 7.66667M7.99804 10L10.3314 7.66667", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("rebill-button", { key: '3f2c1f7fc634652346c1b5ae17d59951b17b5e20', type: "button", variant: "download", size: "small", onClick: this.handleDownloadReceipt }, h("rebill-typography", { key: 'b0739a392b85c02d5b765beaa57df27fbed686d2', variant: "overline", color: COLORS_ENUM.PRIMARY_DARK_TEXT }, I18nService.translate('processing.download')))), h("div", { key: 'c60a0eec0d7c64e131877827a2bc1c78f692e20a', class: "renewal-success-page__contact-info" }, h("rebill-typography", { key: '875970bb426700e60d228a8201f749d932fcb7b6', variant: "information-text", color: COLORS_ENUM.SECONDARY }, I18nService.translate('processing.downloadDescription')))))));
|
|
205
205
|
}
|
|
206
206
|
static get is() { return "renewal-success-page"; }
|
|
207
207
|
static get originalStyleUrls() {
|
|
@@ -48,7 +48,7 @@ export class RootComponent {
|
|
|
48
48
|
SessionStore.setDiscount(null);
|
|
49
49
|
}
|
|
50
50
|
render() {
|
|
51
|
-
return (h("div", { key: '
|
|
51
|
+
return (h("div", { key: 'b97d5451470512049b339d0587532ab287239c86' }, h("div", { key: 'cf473e173370b2112363b59c8816474a6707c2ed', style: { display: 'flex', justifyContent: 'flex-end', padding: '1rem' } }, h("rebill-button", { key: '8742e96b7f56cac0804d6eb62820cd6f5d4fe8a9', onClick: () => this.handleLanguageChange(this.currentLang === LOCALES_ENUM.EN ? LOCALES_ENUM.ES : LOCALES_ENUM.EN) }, this.currentLang === LOCALES_ENUM.EN ? 'Cambiar a Español' : 'Switch to English')), h("rebill-form", { key: '2482cb30f15dc6e4817897915acfa61caf605099', validationSchema: this.validationSchema, initialData: this.formData, onSubmit: e => this.handleSubmit(e), onChange: e => this.handleChange(e), renderForm: ({ submit, formData: _formData, errors }) => (h("rebill-container", { maxWidth: "800px" }, h("h3", null, I18nService.translate('common.welcome')), h("rebill-input-text", { id: "nombre", label: "Nombre", placeholder: "Ingrese su nombre", error: errors.nombre }), h("rebill-input-text", { id: "apellido", label: "Apellido", placeholder: "Ingrese su apellido", error: errors.apellido }), h("rebill-input-select", { disabled: true, id: "pais", label: "Pa\u00EDs", error: errors.pais, options: [
|
|
52
52
|
{ label: 'Argentina', value: 'AR' },
|
|
53
53
|
{ label: 'Brasil', value: 'BR' },
|
|
54
54
|
{ label: 'Chile', value: 'CL' },
|
|
@@ -9,7 +9,7 @@ export class Alert {
|
|
|
9
9
|
size = 'small';
|
|
10
10
|
colorIcon;
|
|
11
11
|
render() {
|
|
12
|
-
return (h("div", { key: '
|
|
12
|
+
return (h("div", { key: '8296cc8a9a11c8a06dde7c8cce9a738802f98d4b', class: `alert ${this.type} ${this.variant} ${this.size}` }, this.icon && (h("div", { key: '1bef9259f291bb850f6976581d1ba4e2e5e3c598', class: "alert-icon" }, h("rebill-icon", { key: '37281c5092e5717b428b00e14e86f5af835cf4a2', name: this.icon, color: this.colorIcon }))), h("div", { key: 'd042265d8235c7cf67e26d357e14e412f2a5ff50', class: "alert-message" }, this.alertTitle && (h("rebill-typography", { key: 'ff660e9596ccfa356b0a0d1d02a85235bb3e5344', variant: this.type === 'coupon' ? 'subtitle3' : 'subtitle-bold', color: this.type === 'error'
|
|
13
13
|
? COLORS_ENUM.ERROR_DARK
|
|
14
14
|
: this.type === 'info'
|
|
15
15
|
? COLORS_ENUM.INFO_TEXT
|
|
@@ -17,7 +17,7 @@ export class Alert {
|
|
|
17
17
|
? COLORS_ENUM.NEUTRALS_700
|
|
18
18
|
: this.type === 'coupon'
|
|
19
19
|
? COLORS_ENUM.GREEN_TEXT
|
|
20
|
-
: COLORS_ENUM.GREEN }, this.alertTitle)), this.message && (h("rebill-typography", { key: '
|
|
20
|
+
: COLORS_ENUM.GREEN }, this.alertTitle)), this.message && (h("rebill-typography", { key: 'd9595d24af06bb12a91718294cead294e0d1fadc', variant: "body2", color: this.type === 'error'
|
|
21
21
|
? COLORS_ENUM.ERROR_DARK
|
|
22
22
|
: this.type === 'info'
|
|
23
23
|
? COLORS_ENUM.INFO_TEXT
|
|
@@ -4,7 +4,7 @@ export class Card {
|
|
|
4
4
|
cardTitle;
|
|
5
5
|
cardLabels;
|
|
6
6
|
render() {
|
|
7
|
-
return (h("div", { key: '
|
|
7
|
+
return (h("div", { key: '47bc2a22607b6b62f97239931bed6857d31af145', class: "card-container" }, h("div", { key: '7c9322357b1d70694b699b88aa8fd62e8fa33732', class: "card-title" }, h("rebill-typography", { key: 'ef7d8f28ccf0e5019f12d5a16f23d2318352d6b1', variant: "subtitle-bold" }, this.cardTitle)), h("div", { key: '77b9b9a8e5a0f8ca2d7599a3d1a37adc6ed006fb', 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)))))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "rebill-card"; }
|
|
10
10
|
static get originalStyleUrls() {
|
|
@@ -46,7 +46,7 @@ export class CardCarousel {
|
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
48
|
const currentIcon = this.cardIcons[this.currentIndex];
|
|
49
|
-
return (h("div", { key: '
|
|
49
|
+
return (h("div", { key: '59ab00069791ac1c74abcf1a3ba93820007a78de', class: "card-carousel-container", onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave() }, h("div", { key: 'f09c5fa7766e2a07b3da11cb8e30070478ed2e83', 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: '6235bf50fc94998a1c4525daf8b74a7c26167c5c', class: "card-indicators" }, this.cardIcons.map((icon, index) => (h("div", { key: icon, class: `indicator ${index === this.currentIndex ? 'active' : ''}`, onClick: () => {
|
|
50
50
|
this.currentIndex = index;
|
|
51
51
|
} })))))));
|
|
52
52
|
}
|
|
@@ -14,7 +14,7 @@ export class CollapsibleCard {
|
|
|
14
14
|
this.toggled.emit(this.isOpen);
|
|
15
15
|
};
|
|
16
16
|
render() {
|
|
17
|
-
return (h("div", { key: '
|
|
17
|
+
return (h("div", { key: 'd2b73737e6dc90fc0ab7bfa73efad8b9b29bffd5', class: `collapsible-card ${this.variant}` }, h("button", { key: '6482650b50e27946f4060d607f86ed0b76d96a84', class: "collapsible-card-header", onClick: this.toggle, "aria-expanded": this.isOpen, type: "button" }, h("rebill-typography", { key: 'bf757cba347d3af969c6acc351edcddedfc03bd1', variant: this.variant === 'flat' ? 'subtitle2' : 'overline', color: COLORS_ENUM.TEXT_PRIMARY }, this.header), h("span", { key: '3448f0519229b5c742be17c6b611f4f0cfac0589', class: { chevron: true, open: this.isOpen } }, h("rebill-icon", { key: '1c37e962e19a54c9457bd1a8997acde4122cf6f7', name: "chevron-down", size: "20px", color: "currentColor" }))), h("div", { key: 'ef1f27e213b6fccf68be585ca81506e5a0143048', class: { content: true, open: this.isOpen } }, h("slot", { key: '078c022fd7f5b5942d3deddeed9b6ac83caaa8f9' }))));
|
|
18
18
|
}
|
|
19
19
|
static get is() { return "collapsible-card"; }
|
|
20
20
|
static get originalStyleUrls() {
|
|
@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
|
|
|
2
2
|
import "./divider.css";
|
|
3
3
|
export class Divider {
|
|
4
4
|
render() {
|
|
5
|
-
return h("div", { key: '
|
|
5
|
+
return h("div", { key: 'ca56aa0464420f08e8c5736fd67ed31142c90b30', class: "rebill-divider" });
|
|
6
6
|
}
|
|
7
7
|
static get is() { return "rebill-divider"; }
|
|
8
8
|
static get originalStyleUrls() {
|
|
@@ -9,7 +9,7 @@ export class VerticalDivider {
|
|
|
9
9
|
connectorActive = false;
|
|
10
10
|
withDot = false;
|
|
11
11
|
render() {
|
|
12
|
-
return (h("div", { key: '
|
|
12
|
+
return (h("div", { key: '3d7bfe6346cf967a5722784f0585887d1ed48d9d', class: `rebill-vertical-divider ${this.dashed ? 'dashed' : ''} ${this.connectorActive ? 'connectorActive' : ''} ${this.withDot ? 'with-dot' : ''}`, style: {
|
|
13
13
|
'--divider-color': colorClassMapper(this.color),
|
|
14
14
|
'--divider-thickness': this.thickness,
|
|
15
15
|
'--divider-dashed': this.dashed ? '2 2' : 'none',
|
|
@@ -105,7 +105,7 @@ export class Form {
|
|
|
105
105
|
await this.submitForm();
|
|
106
106
|
};
|
|
107
107
|
render() {
|
|
108
|
-
return (h("form", { key: '
|
|
108
|
+
return (h("form", { key: '52bbd73020352379d4d196e1fa6ea32dbb5bf8cc', onSubmit: e => this.handleSubmit(e), noValidate: true }, this.renderForm ? (this.renderForm({
|
|
109
109
|
submit: () => this.submitForm(),
|
|
110
110
|
formData: this.formData,
|
|
111
111
|
errors: this.errors,
|
|
@@ -26,7 +26,7 @@ export class InputCheckbox {
|
|
|
26
26
|
this.input.emit({ id: this.id, value: this.checked });
|
|
27
27
|
};
|
|
28
28
|
render() {
|
|
29
|
-
return (h("div", { key: '
|
|
29
|
+
return (h("div", { key: '888f7ce2e82236feff53f36895a2bd3fe0a4208a', class: "checkbox-container input-container" }, h("label", { key: 'c79209579804656847ed0b04a6a955220ef2d09a', class: `checkbox-label input-label ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'df046df7c58b76206ef56185de0849ea5a9a40ec', id: this.id, type: "checkbox", class: `checkbox-element ${this.error ? 'checkbox-error' : ''}`, checked: this.checked, onChange: this.onCheckboxChange, disabled: this.disabled }), h("span", { key: '5e2f99199b20359377a14cb2afd2059efb6df892', class: "label-text" }, this.label)), this.error && h("span", { key: 'f90d5d734a5ac6bfdf7da128ad539d3e264dd0e4', class: "error-message" }, this.error)));
|
|
30
30
|
}
|
|
31
31
|
static get is() { return "rebill-input-checkbox"; }
|
|
32
32
|
static get originalStyleUrls() {
|
|
@@ -166,7 +166,7 @@ export class InputCombo {
|
|
|
166
166
|
render() {
|
|
167
167
|
const selectedLabel = this.getSelectedOptionLabel();
|
|
168
168
|
const hasSelectValue = this.selectValue !== '';
|
|
169
|
-
return (h("div", { key: '
|
|
169
|
+
return (h("div", { key: '0360567ad633891e99e66919cd438a47e699f695', class: "input-container" }, this.label && (h("label", { key: '1bc2c3011814027332eba0b08b91ef1c9911c6aa', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '027f513328a30719c0ebc69e3d53d6fb4fc510f6', class: `input-combo-wrapper combo-wrapper ${this.disabled ? 'disabled' : ''} ${this.error ? 'error' : ''}` }, h("div", { key: '620f17945e07b215252a5ebc5f6ed27b314ae34b', class: "select-section", style: { width: this.selectWidth } }, h("div", { key: 'cd0c22bcef863c8bd5f90662226347650c7ac7e8', ref: el => (this.triggerRef = el), class: `input-combo-select select-combo-trigger ${!hasSelectValue ? 'placeholder' : ''}`, onClick: this.toggleDropdown, onKeyDown: this.handleKeyDown, onBlur: this.onSelectBlur, tabIndex: this.disabled ? -1 : 0, role: "combobox", "aria-expanded": this.isOpen.toString(), "aria-haspopup": "listbox" }, h("span", { key: '21e26bb4dffe66836580fb3b76f9b4f8273c0cee', class: "select-value" }, selectedLabel), h("div", { key: 'b145278bcbea29ab2eb337b573983673532041fe', class: "icon-wrapper" }, h("rebill-icon", { key: '56ae1b4873155c427c04e05c10ea8524d3478f10', name: "chevron-up-down", size: "20px", class: "select-icon" }))), this.isOpen && (h("div", { key: 'fe74110079d0a3e5f7d59977a002e303fb2ee662', ref: el => (this.dropdownRef = el), class: "select-dropdown", role: "listbox" }, this.options.map((option, index) => (h("div", { class: `select-option ${this.selectValue === option.value ? 'selected' : ''} ${this.highlightedIndex === index ? 'highlighted' : ''}`, onClick: () => this.selectOption(option), role: "option", "aria-selected": this.selectValue === option.value ? 'true' : 'false' }, option.label)))))), h("div", { key: '7abccdd32f6c6ccbb2b6118f00ce9e25eccce127', class: "combo-divider" }), h("div", { key: 'ed775e735b692adb7340217da21cce1e58313db0', class: "input-section" }, h("input", { key: 'c8207be47f190354bbfeb2a9df1787db4db4ec77', type: "text", class: "input-combo-element combo-input", placeholder: this.inputPlaceholder, value: this.inputValue, onInput: this.onInputChange, onBlur: this.onInputBlur, disabled: this.disabled }))), this.error && h("span", { key: 'd0710be8bc27af2175fd3e9fe347f865c12db1df', class: "error-message" }, this.error)));
|
|
170
170
|
}
|
|
171
171
|
static get is() { return "rebill-input-combo"; }
|
|
172
172
|
static get originalStyleUrls() {
|
|
@@ -96,14 +96,14 @@ export class InputOtp {
|
|
|
96
96
|
}
|
|
97
97
|
};
|
|
98
98
|
render() {
|
|
99
|
-
return (h("div", { key: '
|
|
99
|
+
return (h("div", { key: '65079854b05784b0266b1876aeb1edff4269c632', class: "otp-container" }, h("div", { key: '1705207ae6c34d53f8a3c3da7394651209097225', class: "email-icon" }, h("rebill-icon", { key: '26f6b3b59b95208e475035408498ffe453b37a4a', name: "invite" })), h("div", { key: 'a250c8a27ab6fda719919ce80dcb0ca335506465', class: "otp-input-container", onClick: this.handleFieldClick }, h("div", { key: 'e26733332d9da3a0d44ba779e0f1915a94597aa4', 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 => {
|
|
100
100
|
this.el
|
|
101
101
|
?.querySelectorAll('.otp-field')
|
|
102
102
|
.forEach(field => field.classList.remove('active'));
|
|
103
103
|
e.target.parentElement?.classList.add('active');
|
|
104
104
|
}, onBlur: e => {
|
|
105
105
|
e.target.parentElement?.classList.remove('active');
|
|
106
|
-
} })), index === 2 && h("div", { class: "otp-separator" }, "-")))))), this.error && h("div", { key: '
|
|
106
|
+
} })), index === 2 && h("div", { class: "otp-separator" }, "-")))))), this.error && h("div", { key: '9d97735d8ccc557556c6a0c570173b22f6625660', class: "otp-error" }, this.error)));
|
|
107
107
|
}
|
|
108
108
|
static get is() { return "input-otp"; }
|
|
109
109
|
static get originalStyleUrls() {
|
|
@@ -233,10 +233,10 @@ export class InputPhone {
|
|
|
233
233
|
const translatedError = this.translateError(this.error);
|
|
234
234
|
const translatedValidationError = this.translateError(this.validationError);
|
|
235
235
|
const displayError = translatedError || translatedValidationError;
|
|
236
|
-
return (h("div", { key: '
|
|
236
|
+
return (h("div", { key: '9bfb1a075b9ea338d062f260ca89e3036ad489ae', class: "input-container" }, h("div", { key: '60af8d6684ef5c3b576de699ba522ec0d8147bf0', class: inputClasses }, h("div", { key: 'f48255f3bb5fdea49bd3a6d8617939f89e111465', class: "input-combo-select country-selector", onClick: this.toggleDropdown }, h("span", { key: 'c824bbb3c4c14ad31f45aaf5414b4000f3364a18', class: "flag" }, this.selectedCountry.flag), h("span", { key: '0a1f614c791c4bd3490fb9b259d7aba5fb179210', class: "dial-code" }, this.selectedCountry.dialCode), h("span", { key: 'f9eb3ac4c2675afc7445dcfbc0cf0f0a70c8e721', class: `dropdown-arrow ${this.isDropdownOpen ? 'open' : ''}` }, "\u25BC")), this.isDropdownOpen && (h("div", { key: 'e0ef26d1fa03ccadf93955f4775f7e965f2e8988', class: "country-dropdown" }, this.searchable && (h("div", { key: '18bb6464cd28a58137cedbf62c5487f43daf62a8', class: "search-container", onClick: this.handleSearchClick }, h("div", { key: '844c66e1899ba58ce199fcb7f76a056629c8a887', class: "search-input-wrapper" }, h("rebill-icon", { key: '35d725f71c63307f2f62a528919723469c4584b7', name: "search", size: "16px", class: "search-icon" }), h("input", { key: '9b0abbc8b57424841a611dc76892979b7ae29955', ref: el => (this.searchInputRef = el), type: "text", class: "search-input", placeholder: this.searchPlaceholder, value: this.searchTerm, onInput: this.handleSearchInput, onClick: this.handleSearchClick }), this.searchTerm && (h("button", { key: 'c9426b67a6121cfa453d43ffe1ca83a257303f86', type: "button", class: "clear-search", onClick: event => {
|
|
237
237
|
event.stopPropagation();
|
|
238
238
|
this.clearSearch();
|
|
239
|
-
}, "aria-label": "Clear search" }, h("rebill-icon", { key: '
|
|
239
|
+
}, "aria-label": "Clear search" }, h("rebill-icon", { key: '0c6c770adc4587627336ad73d5740931d2fc35d7', name: "x", size: "16px" })))))), this.filteredCountries.length > 0 ? (this.filteredCountries.map(country => (h("div", { key: country.code, class: "country-option", onClick: e => this.selectCountry(country, e) }, h("span", { class: "flag" }, country.flag), h("span", { class: "country-name" }, country.name), h("span", { class: "dial-code" }, country.dialCode))))) : (h("div", { class: "no-results" }, "No se encontraron resultados")))), h("input", { key: '7a1a13857f138578f13a8c3430f1f41afc115d96', id: this.phoneNumberId, type: "tel", class: "input-combo-element phone-number-input", placeholder: this.placeholder, value: this.value, onInput: this.onInput, onBlur: this.onPhoneBlurPhone, disabled: this.disabled, required: this.required })), displayError && h("span", { key: 'cb53860dcc25c54579ac45c7a785bb3e540b3c3a', class: "error-message" }, displayError)));
|
|
240
240
|
}
|
|
241
241
|
static get is() { return "rebill-input-phone"; }
|
|
242
242
|
static get originalStyleUrls() {
|
|
@@ -228,10 +228,10 @@ export class InputSelect {
|
|
|
228
228
|
render() {
|
|
229
229
|
const selectedLabel = this.getSelectedOptionLabel();
|
|
230
230
|
const hasValue = this.value !== '';
|
|
231
|
-
return (h("div", { key: '
|
|
231
|
+
return (h("div", { key: '20b4000b2cdcc947fe191506faa9f108294ddd66', class: "input-container" }, this.label && (h("label", { key: '79ac49d96aff90864f0f3173a3d80d49acb19d1e', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '76fd10429df02da5b39d67441c287cf3f5eb0a49', class: `select-wrapper ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'open' : ''}` }, h("div", { key: '40270fd17af5fed2506fa9b30ca4d5298f15fd47', 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: 'da3cf0a47ae6e56a8db03fa3c2e75b6ff48495e4', class: "select-value", style: { fontSize: this.fontSize }, innerHTML: selectedLabel }), h("div", { key: '77a2bdf06188deea63c8feb424d741637826c0ce', 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: '13d79dde1e9b9fc1d4b85e245317b7c39dbfa2da', ref: el => (this.dropdownRef = el), class: `select-dropPosition ${this.dropPosition === 'up' ? 'open-up' : 'open-down'}`, role: "listbox" }, this.searchable && (h("div", { key: 'a0c38bf43b4b2f0af0228ebacca03fced03be115', class: "search-container", onClick: this.handleSearchClick }, h("div", { key: '7771b17ce8c91c1f8b159090ea026f94f9f9b9df', class: "search-input-wrapper" }, h("rebill-icon", { key: 'b5dffdb3937b1698dc800c374b01b5b0ba6743ab', name: "search", size: "16px", class: "search-icon" }), h("input", { key: 'a90a2054bffec4c98a449c5c8a3db21190a00cfb', 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: '20b1ba62737d59fd4b85153a7d593a95971094d2', type: "button", class: "clear-search", onClick: event => {
|
|
232
232
|
event.stopPropagation();
|
|
233
233
|
this.clearSearch();
|
|
234
|
-
}, "aria-label": "Clear search" }, h("rebill-icon", { key: '
|
|
234
|
+
}, "aria-label": "Clear search" }, h("rebill-icon", { key: '30350451a922f7fe83bb833941dcaa12827c9064', 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: '9bd5a691c80f360b54f8a4db6b1a69e71c222755', class: "error-message" }, this.error)));
|
|
235
235
|
}
|
|
236
236
|
static get is() { return "rebill-input-select"; }
|
|
237
237
|
static get originalStyleUrls() {
|
|
@@ -86,10 +86,10 @@ export class InputText {
|
|
|
86
86
|
'has-left-icon': !!this.leftIcon,
|
|
87
87
|
'has-right-icon': !!this.rightIcon,
|
|
88
88
|
};
|
|
89
|
-
return (h("div", { key: '
|
|
89
|
+
return (h("div", { key: '9715fd693cd0522a82933813ebc5f4fefdd783cd', class: "input-container" }, !isFloating && this.label && (h("label", { key: '7f845ed5b3981c5ae813f15488ea4282671ebbbc', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '1b4da7a6cd434631d7d2f2bb2ac803945d907f0d', class: wrapperClasses }, this.leftIcon && (h("div", { key: '203fc582d830e66c814db1fd2d89df711a2fa98c', class: "icon-left" }, h("rebill-icon", { key: 'd07ff9a559fde0cb987b5b6bf15f27c2a56da98a', name: this.leftIcon }))), h("input", { key: 'dcc5481c4f14b6db1cd04d36dcff3ae6cd1a8e29', 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: {
|
|
90
90
|
paddingLeft: this.leftIcon ? '2.5rem' : '0.75rem',
|
|
91
91
|
paddingRight: this.clearable || this.rightIcon ? '2.5rem' : '0.75rem',
|
|
92
|
-
} }), isFloating && h("label", { key: '
|
|
92
|
+
} }), isFloating && h("label", { key: 'b1483a82c7be5c5953055d79225ef2fbb69302dd', class: "input-text__input-label input-label" }, this.label), this.clearable && this.value && (h("div", { key: '39899b5b2ccc583e81a1c8b311cca2a1350135fc', class: "icon-right", onClick: this.onClear }, h("rebill-icon", { key: 'a20f00edd2773d8e65f68a800d758624ea82ed6b', name: "x" }))), this.rightIcon && !this.clearable && (h("div", { key: '558bf2e4ab613aee555a5427a8ca44f77a4c0493', class: "icon-right", onClick: this.onRightIconClick }, h("rebill-icon", { key: 'fd8207c267b0c1b893586daa870ce4477ec67bef', name: this.rightIcon })))), this.error && h("span", { key: '7c9d7b847a5a8f2bcedc3941e9504919dfcfb64c', class: "error-message" }, this.error)));
|
|
93
93
|
}
|
|
94
94
|
static get is() { return "rebill-input-text"; }
|
|
95
95
|
static get originalStyleUrls() {
|
|
@@ -11,7 +11,7 @@ export class Container {
|
|
|
11
11
|
width: '100%',
|
|
12
12
|
boxSizing: 'border-box',
|
|
13
13
|
};
|
|
14
|
-
return (h("div", { key: '
|
|
14
|
+
return (h("div", { key: 'e1704fb8a817d641a9dde4b860e5b76598fdb3e1', style: style }, h("slot", { key: 'f1164b93ce59d5e6166038d4428cff273a0a1c0f' })));
|
|
15
15
|
}
|
|
16
16
|
static get is() { return "rebill-container"; }
|
|
17
17
|
static get properties() {
|
|
@@ -15,7 +15,7 @@ export class Flex {
|
|
|
15
15
|
justifyContent: this.justifyContent,
|
|
16
16
|
width: '100%',
|
|
17
17
|
};
|
|
18
|
-
return (h("div", { key: '
|
|
18
|
+
return (h("div", { key: '41bcd76dd7433598fa5b9fffa856141fcd77f585', style: style }, h("slot", { key: '37224fd7d1b11b10cd73955ccdfde6328ff83c16' })));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "rebill-flex-container"; }
|
|
21
21
|
static get properties() {
|
|
@@ -13,7 +13,7 @@ export class Grid {
|
|
|
13
13
|
justifyContent: this.justifyContent,
|
|
14
14
|
width: '100%',
|
|
15
15
|
};
|
|
16
|
-
return (h("div", { key: '
|
|
16
|
+
return (h("div", { key: 'fa76f75f9a6a57dd1142374ba0649a81f23b4b28', style: style }, h("slot", { key: '79dcfa6b244315f5f0e1cc30eca4e181e81fc89d' })));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "rebill-grid-container"; }
|
|
19
19
|
static get properties() {
|
|
@@ -33,7 +33,7 @@ export class RebillTestModeChipMobile {
|
|
|
33
33
|
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" }))));
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return (h("div", { key: '
|
|
36
|
+
return (h("div", { key: '880c86667de013f77f1bad1b0d1313233af2c9ec', class: `mode-sandbox-mobile__test-mode-container ${this.isPanelVisible ? 'cards-visible' : ''}` }, this.isPanelVisible && h("div", { key: '7c222d3fe8e0af4c20bf35334b57e4954597d6ab', class: "mode-sandbox-mobile__overlay" }), h("div", { key: '3f409f8e75eb97797feb9d5ad1ce19b49e8d7b26', class: `mode-sandbox-mobile__test-mode-chip-mobile ${this.isPanelVisible ? 'expanded' : ''}` }, this.renderBasicChip()), this.isPanelVisible && this.renderCardsPanel()));
|
|
37
37
|
}
|
|
38
38
|
static get is() { return "rebill-mode-sandbox-mobile"; }
|
|
39
39
|
static get originalStyleUrls() {
|
|
@@ -16,11 +16,11 @@ export class SelectableCard {
|
|
|
16
16
|
this.selectableCardClick.emit(this.cardKey);
|
|
17
17
|
};
|
|
18
18
|
render() {
|
|
19
|
-
return (h("button", { key: '
|
|
19
|
+
return (h("button", { key: '830e58480bd4401421d6a57d77af966c239ac53d', class: {
|
|
20
20
|
'selectable-card': true,
|
|
21
21
|
'selected': this.selected,
|
|
22
22
|
'disabled': this.disabled,
|
|
23
|
-
}, onClick: this.handleClick, disabled: this.disabled, part: "button", type: "button" }, h("div", { key: '
|
|
23
|
+
}, onClick: this.handleClick, disabled: this.disabled, part: "button", type: "button" }, h("div", { key: 'b52f528220696700ecd242fe4f5029d5af5d35f7', class: "icon" }, h("slot", { key: '95ba35f60e9a98e4ea079c6fd6fb502f06ba0c81', name: "icon" })), h("span", { key: '0e84ff76e0a944476a96afe1c3eb33fa55f104b5', class: "label" }, this.label)));
|
|
24
24
|
}
|
|
25
25
|
static get is() { return "selectable-card"; }
|
|
26
26
|
static get originalStyleUrls() {
|
|
@@ -9,9 +9,9 @@ export class SinglePaymentMethod {
|
|
|
9
9
|
paymentMethodDetails;
|
|
10
10
|
icons = [];
|
|
11
11
|
render() {
|
|
12
|
-
return (h("div", { key: '
|
|
13
|
-
this.currencyCountry === 'AR' && h("rebill-icon", { key: '
|
|
14
|
-
this.currencyCountry !== 'AR' && h("rebill-icon", { key: '
|
|
12
|
+
return (h("div", { key: '805c192db74578fdb9b3dc5e834420c1a927d108', class: "single-payment-method" }, h("div", { key: 'cffba26f380d3dafbe11b713434d698f16490dda', class: "payment-method" }, this.paymentMethod === PAYMENT_METHOD_ENUM.CARD && h("rebill-icon", { key: 'b907c16e54c735162efc004f6ddd604c48e38d45', name: "card" }), this.paymentMethod === PAYMENT_METHOD_ENUM.CASH && (h("rebill-icon", { key: '745c9f1314c7bb1354f3472f0680f9288826f579', name: "cash" })), this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
|
|
13
|
+
this.currencyCountry === 'AR' && h("rebill-icon", { key: '8ea9522422daac6d79868a2a213e565e32e1f56f', name: "qr-code" }), this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
|
|
14
|
+
this.currencyCountry !== 'AR' && h("rebill-icon", { key: 'b1436ff24cce03b01880dfa4c35e3b4ca64626f6', name: "bank" }), h("rebill-typography", { key: '2821b70236c18cacd349d31284ab9df867702830', variant: "body2-small", color: COLORS_ENUM.NEUTRALS_700, style: { display: 'flex', alignItems: 'center' } }, this.paymentMethod === PAYMENT_METHOD_ENUM.CARD
|
|
15
15
|
? I18nService.translate('paymentMethods.cardDescription')
|
|
16
16
|
: this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER &&
|
|
17
17
|
this.currencyCountry === 'AR'
|
|
@@ -21,7 +21,7 @@ export class SinglePaymentMethod {
|
|
|
21
21
|
? getPaymentMethodDisplayName(PAYMENT_METHOD_ENUM.CASH, this.currencyCountry) ||
|
|
22
22
|
I18nService.translate('paymentMethods.cash')
|
|
23
23
|
: I18nService.translate(`paymentMethods.${this.paymentMethod}`))), (this.paymentMethod === PAYMENT_METHOD_ENUM.BANK_TRANSFER ||
|
|
24
|
-
this.paymentMethod === PAYMENT_METHOD_ENUM.CASH) && (h("div", { key: '
|
|
24
|
+
this.paymentMethod === PAYMENT_METHOD_ENUM.CASH) && (h("div", { key: 'd4a25a2dcc60a2d1937807d0f9042ab0958fc7ac', class: "icon-container" }, this.icons.length > 0 ? (this.icons.map(iconName => h("rebill-icon", { name: iconName, key: iconName }))) : (h("rebill-icon", { name: "card" }))))));
|
|
25
25
|
}
|
|
26
26
|
static get is() { return "single-payment-method"; }
|
|
27
27
|
static get originalStyleUrls() {
|
|
@@ -242,7 +242,7 @@ export class TimelineDebitDay {
|
|
|
242
242
|
}
|
|
243
243
|
render() {
|
|
244
244
|
const events = this.buildEvents();
|
|
245
|
-
return (h("div", { key: '
|
|
245
|
+
return (h("div", { key: '615579b2426ae88ed9691622127addaa02e4b6cf', class: "timeline-container" }, h("div", { key: 'c85f7b90e8b2be2a974c5d00a72323c479f55ef0', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0)))));
|
|
246
246
|
}
|
|
247
247
|
static get is() { return "rebill-timeline-debit-day"; }
|
|
248
248
|
static get originalStyleUrls() {
|
|
@@ -163,7 +163,7 @@ export class Timeline {
|
|
|
163
163
|
}
|
|
164
164
|
render() {
|
|
165
165
|
const events = this.buildEvents();
|
|
166
|
-
return (h("div", { key: '
|
|
166
|
+
return (h("div", { key: 'c9032dbd0e3e8fab03dae48c2f37131aee703f08', class: "timeline-container" }, h("div", { key: 'b810d9bdd42b4e5829456f07990806e487a526a1', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0, events.length)))));
|
|
167
167
|
}
|
|
168
168
|
static get is() { return "rebill-timeline-free-trial"; }
|
|
169
169
|
static get originalStyleUrls() {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as CardFieldsWrapper$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { C as CardFieldsWrapper$1, d as defineCustomElement$1 } from './p-Ccqq4BcO.js';
|
|
2
2
|
|
|
3
3
|
const CardFieldsWrapper = CardFieldsWrapper$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as ChangeCardSuccess$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { C as ChangeCardSuccess$1, d as defineCustomElement$1 } from './p-CYy5NAoy.js';
|
|
2
2
|
|
|
3
3
|
const ChangeCardSuccess = ChangeCardSuccess$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { C as CollapsibleCard$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { C as CollapsibleCard$1, d as defineCustomElement$1 } from './p-wMEGQ8Q5.js';
|
|
2
2
|
|
|
3
3
|
const CollapsibleCard = CollapsibleCard$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { proxyCustomElement, H, createEvent, h } from './p-8BpuJ_V5.js';
|
|
2
2
|
import { S as SessionStore } from './p-Be63Lt_2.js';
|
|
3
|
-
import { d as defineCustomElement$1 } from './p-
|
|
3
|
+
import { d as defineCustomElement$1 } from './p-Cs-pA3OO.js';
|
|
4
4
|
|
|
5
5
|
function useCheckoutForm() {
|
|
6
6
|
const syncFormDataToStore = (formData) => {
|
|
@@ -166,7 +166,7 @@ const CheckoutForm = /*@__PURE__*/ proxyCustomElement(class CheckoutForm extends
|
|
|
166
166
|
}
|
|
167
167
|
}
|
|
168
168
|
render() {
|
|
169
|
-
return (h("rebill-form", { key: '
|
|
169
|
+
return (h("rebill-form", { key: '913b8b648f75c30fe3ee82b877c71b73e8e7a9ef', ref: el => (this.formElement = el), validationSchema: this.validationSchema, initialData: this.initialData, onSubmit: (event) => this.handleSubmit(event.detail), onChange: (event) => this.handleChange(event.detail), renderForm: this.renderForm }));
|
|
170
170
|
}
|
|
171
171
|
}, [256, "rebill-checkout-form", {
|
|
172
172
|
"validationSchema": [8, "validation-schema"],
|
|
@@ -195,6 +195,6 @@ function defineCustomElement() {
|
|
|
195
195
|
defineCustomElement();
|
|
196
196
|
|
|
197
197
|
export { CheckoutForm as C, defineCustomElement as d };
|
|
198
|
-
//# sourceMappingURL=p-
|
|
198
|
+
//# sourceMappingURL=p-0y1EkPsV.js.map
|
|
199
199
|
|
|
200
|
-
//# sourceMappingURL=p-
|
|
200
|
+
//# sourceMappingURL=p-0y1EkPsV.js.map
|