rebill-web-components-sdk 1.10.10-beta.1 → 1.10.10-beta.3
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/card-fields-wrapper_11.cjs.entry.js +8 -8
- 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/rebill-card.rebill-input-email.entry.cjs.js.map +1 -1
- package/dist/cjs/rebill-card_2.cjs.entry.js +78 -84
- package/dist/cjs/rebill-container_2.cjs.entry.js +1 -1
- package/dist/cjs/rebill-flex-container.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-web-components-sdk.cjs.js +1 -1
- package/dist/collection/components/shared/inputs/input-email/input-email.css +19 -8
- package/dist/collection/components/shared/inputs/input-email/input-email.js +85 -75
- package/dist/collection/components/shared/inputs/input-email/input-email.js.map +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/collection/utils/email-validation.js +11 -1
- package/dist/collection/utils/email-validation.js.map +1 -1
- package/dist/components/card-fields-wrapper.js +1 -1
- package/dist/components/change-card-success.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-xKyxKtdF.js → p-30DP4s-1.js} +4 -4
- package/dist/components/{p-xKyxKtdF.js.map → p-30DP4s-1.js.map} +1 -1
- package/dist/components/p-8BpuJ_V5.js.map +1 -1
- package/dist/components/{p-Cg8vTcm1.js → p-B28tIeVs.js} +3 -3
- package/dist/components/{p-Cg8vTcm1.js.map → p-B28tIeVs.js.map} +1 -1
- package/dist/components/{p-PtbrPqLv.js → p-B2zhJUcA.js} +4 -4
- package/dist/components/{p-PtbrPqLv.js.map → p-B2zhJUcA.js.map} +1 -1
- package/dist/components/{p-0K5ek-gN.js → p-B3jFm6B_.js} +4 -4
- package/dist/components/{p-0K5ek-gN.js.map → p-B3jFm6B_.js.map} +1 -1
- package/dist/components/{p-BGrQjFTc.js → p-BOYVvAQB.js} +3 -3
- package/dist/components/{p-BGrQjFTc.js.map → p-BOYVvAQB.js.map} +1 -1
- package/dist/components/{p-BgLkcEoy.js → p-BR18G7Pq.js} +4 -4
- package/dist/components/{p-BgLkcEoy.js.map → p-BR18G7Pq.js.map} +1 -1
- package/dist/components/{p-BwbfTRHn.js → p-Ba3VDw-H.js} +3 -3
- package/dist/components/{p-BwbfTRHn.js.map → p-Ba3VDw-H.js.map} +1 -1
- package/dist/components/{p-h01Qiljf.js → p-Ba8zuq-V.js} +3 -3
- package/dist/components/{p-h01Qiljf.js.map → p-Ba8zuq-V.js.map} +1 -1
- package/dist/components/{p-B0tiz_Xb.js → p-C7654vE1.js} +4 -4
- package/dist/components/{p-B0tiz_Xb.js.map → p-C7654vE1.js.map} +1 -1
- package/dist/components/{p-CiOrml-5.js → p-CFLYpSRc.js} +3 -3
- package/dist/components/{p-CiOrml-5.js.map → p-CFLYpSRc.js.map} +1 -1
- package/dist/components/{p-VlzBlwUc.js → p-CMVxImmw.js} +5 -5
- package/dist/components/{p-VlzBlwUc.js.map → p-CMVxImmw.js.map} +1 -1
- package/dist/components/{p-Cthy0N10.js → p-CP4gYqda.js} +5 -5
- package/dist/components/{p-Cthy0N10.js.map → p-CP4gYqda.js.map} +1 -1
- package/dist/components/{p-CSeC5LGG.js → p-Ch0U0Vmb.js} +3 -3
- package/dist/components/{p-CSeC5LGG.js.map → p-Ch0U0Vmb.js.map} +1 -1
- package/dist/components/{p-CamHvHq5.js → p-ChYpVv-Q.js} +4 -4
- package/dist/components/{p-CamHvHq5.js.map → p-ChYpVv-Q.js.map} +1 -1
- package/dist/components/{p-CtFu9Z9D.js → p-CypPi9fK.js} +4 -4
- package/dist/components/{p-CtFu9Z9D.js.map → p-CypPi9fK.js.map} +1 -1
- package/dist/components/{p-BOYEmkB-.js → p-D19UjlNC.js} +5 -5
- package/dist/components/{p-BOYEmkB-.js.map → p-D19UjlNC.js.map} +1 -1
- package/dist/components/{p-BqeCVajN.js → p-D6CVLxdH.js} +4 -4
- package/dist/components/{p-BqeCVajN.js.map → p-D6CVLxdH.js.map} +1 -1
- package/dist/components/{p-CVq9IPp4.js → p-DPB4aAQa.js} +6 -6
- package/dist/components/{p-CVq9IPp4.js.map → p-DPB4aAQa.js.map} +1 -1
- package/dist/components/{p-6IQljT42.js → p-Dhm2b0J_.js} +7 -7
- package/dist/components/{p-6IQljT42.js.map → p-Dhm2b0J_.js.map} +1 -1
- package/dist/components/{p-Dvnf-j7X.js → p-Dhs3vhG4.js} +5 -5
- package/dist/components/{p-Dvnf-j7X.js.map → p-Dhs3vhG4.js.map} +1 -1
- package/dist/components/{p-DR6_SaU9.js → p-Dp-CUwYp.js} +3 -3
- package/dist/components/{p-DR6_SaU9.js.map → p-Dp-CUwYp.js.map} +1 -1
- package/dist/components/{p-DeStKoNN.js → p-Dsrpb4rI.js} +3 -3
- package/dist/components/{p-DeStKoNN.js.map → p-Dsrpb4rI.js.map} +1 -1
- package/dist/components/{p-De7T_ng8.js → p-G3CHdt_U.js} +6 -6
- package/dist/components/{p-De7T_ng8.js.map → p-G3CHdt_U.js.map} +1 -1
- package/dist/components/{p-CN-2D26g.js → p-Pg_gixIL.js} +3 -3
- package/dist/components/{p-CN-2D26g.js.map → p-Pg_gixIL.js.map} +1 -1
- package/dist/components/{p-d40T-Ru7.js → p-fJpj0Zb5.js} +4 -4
- package/dist/components/{p-d40T-Ru7.js.map → p-fJpj0Zb5.js.map} +1 -1
- package/dist/components/{p-Czjk80qD.js → p-fXuAmVVV.js} +6 -6
- package/dist/components/{p-Czjk80qD.js.map → p-fXuAmVVV.js.map} +1 -1
- package/dist/components/{p-BMlyFJD4.js → p-iM2t1WOr.js} +3 -3
- package/dist/components/{p-BMlyFJD4.js.map → p-iM2t1WOr.js.map} +1 -1
- package/dist/components/{p-C-mZ7tbj.js → p-lrqPOj5Q.js} +3 -3
- package/dist/components/{p-C-mZ7tbj.js.map → p-lrqPOj5Q.js.map} +1 -1
- package/dist/components/{p-Bnocq8Cb.js → p-mSjgruQE.js} +4 -4
- package/dist/components/{p-Bnocq8Cb.js.map → p-mSjgruQE.js.map} +1 -1
- package/dist/components/{p-DP1RHUGR.js → p-r59n4m0a.js} +82 -90
- package/dist/components/p-r59n4m0a.js.map +1 -0
- package/dist/components/payment-method-selector.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-bank-selector.js +1 -1
- package/dist/components/rebill-change-card.js +19 -19
- package/dist/components/rebill-checkout-single-column.js +1 -1
- package/dist/components/rebill-checkout.js +26 -26
- package/dist/components/rebill-container.js +1 -1
- package/dist/components/rebill-flex-container.js +1 -1
- package/dist/components/rebill-footer.js +1 -1
- package/dist/components/rebill-grid-container.js +1 -1
- package/dist/components/rebill-input-email.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 +19 -19
- 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/renewal-success-page.js +1 -1
- package/dist/components/renewal-summary.js +1 -1
- package/dist/components/root-component.js +3 -3
- 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/card-fields-wrapper_11.entry.js +8 -8
- 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/rebill-card.rebill-input-email.entry.js.map +1 -1
- package/dist/esm/rebill-card_2.entry.js +78 -84
- package/dist/esm/rebill-container_2.entry.js +1 -1
- package/dist/esm/rebill-flex-container.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-web-components-sdk.js +1 -1
- package/dist/rebill-web-components-sdk/{p-2b3cb9b5.entry.js → p-11ee0328.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-24a79725.entry.js → p-130877f9.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-734696df.entry.js → p-16e7646e.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-c6c8bf05.entry.js → p-6eede717.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/p-BTZ7D7jU.js.map +1 -1
- package/dist/rebill-web-components-sdk/p-b2fe4694.entry.js +2 -0
- package/dist/rebill-web-components-sdk/p-b2fe4694.entry.js.map +1 -0
- package/dist/rebill-web-components-sdk/{p-a09a0d53.entry.js → p-b350f63e.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-c38319c1.entry.js → p-be004b4f.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-894d7d00.entry.js → p-d73d7c39.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-45d1115b.entry.js → p-dd44d494.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-6ab7c3bc.entry.js → p-e54f571c.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/rebill-card.rebill-input-email.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/rebill-web-components-sdk.esm.js +1 -1
- package/dist/types/components/shared/inputs/input-email/input-email.d.ts +8 -17
- package/package.json +1 -1
- package/dist/components/p-DP1RHUGR.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-8a2f420d.entry.js +0 -2
- package/dist/rebill-web-components-sdk/p-8a2f420d.entry.js.map +0 -1
- /package/dist/rebill-web-components-sdk/{p-2b3cb9b5.entry.js.map → p-11ee0328.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-24a79725.entry.js.map → p-130877f9.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-734696df.entry.js.map → p-16e7646e.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-c6c8bf05.entry.js.map → p-6eede717.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-a09a0d53.entry.js.map → p-b350f63e.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-c38319c1.entry.js.map → p-be004b4f.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-894d7d00.entry.js.map → p-d73d7c39.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-45d1115b.entry.js.map → p-dd44d494.entry.js.map} +0 -0
- /package/dist/rebill-web-components-sdk/{p-6ab7c3bc.entry.js.map → p-e54f571c.entry.js.map} +0 -0
|
@@ -291,18 +291,6 @@ function detectMissingDotInMultiPartDomain(domainPart) {
|
|
|
291
291
|
}
|
|
292
292
|
return null;
|
|
293
293
|
}
|
|
294
|
-
/**
|
|
295
|
-
* Valida el formato básico del email completo
|
|
296
|
-
* @param email - El email a validar
|
|
297
|
-
* @returns true si el formato es válido, false en caso contrario
|
|
298
|
-
*/
|
|
299
|
-
function validateEmailFormat(email) {
|
|
300
|
-
if (!email || email.trim() === '') {
|
|
301
|
-
return true;
|
|
302
|
-
}
|
|
303
|
-
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
|
|
304
|
-
return emailRegex.test(email);
|
|
305
|
-
}
|
|
306
294
|
/**
|
|
307
295
|
* Genera sugerencias de email basadas en dominios comunes
|
|
308
296
|
* @param emailValue - El valor actual del email que el usuario está escribiendo
|
|
@@ -406,7 +394,7 @@ const Card = class {
|
|
|
406
394
|
};
|
|
407
395
|
Card.style = cardCss;
|
|
408
396
|
|
|
409
|
-
const inputEmailCss = ".input-container{display:flex;flex-direction:column}.input-label{font-size:0.875rem;color:var(--rebill-color-text-primary);font-weight:500;margin-bottom:0.375rem}.input-label.disabled{cursor:not-allowed}.input-element{border-radius:var(--input-group-inner-border-radius, 8px);border:1.5px solid var(--rebill-color-border);padding:10px 14px;font-size:0.875rem;color:var(--rebill-color-text-primary);outline:none;transition:border-color 0.2s;background:var(--rebill-color-background);height:38.33px;box-sizing:border-box}.input-element.input-error{border-color:var(--rebill-color-error)}.input-element:disabled{background-color:var(--rebill-color-background);border-color:var(--rebill-color-disabled);color:var(--rebill-color-text-secondary);cursor:not-allowed;opacity:0.7}select.input-element{padding:10px 30px 10px 14px;appearance:none;cursor:pointer}select.input-element:disabled{cursor:not-allowed}.input-element:focus{border-color:var(--rebill-color-primary)}.input-element:disabled:focus{border-color:var(--rebill-color-disabled)}.input-element::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem;opacity:1}.select-wrapper.disabled .select-icon{color:var(--rebill-color-disabled)}.error-message{color:var(--rebill-color-error);font-size:0.75rem;margin-top:0.375rem}@media screen and (max-width: 768px){.input-element{font-size:1rem}.input-element::placeholder{font-size:1rem}}.input-wrapper{position:relative;display:flex;align-items:center}.input-element{width:100%;box-sizing:border-box}.icon-left,.icon-right{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%)}.icon-left{left:0.75rem;color:var(--rebill-color-text-secondary-light)}.icon-right{right:0.75rem;cursor:pointer;color:var(--rebill-color-text-secondary-light)}.input-element.input-error:focus{flex-direction:column;box-shadow:0 0 0 2px var(--rebill-color-error-light)}.
|
|
397
|
+
const inputEmailCss = ".input-container{display:flex;flex-direction:column}.input-label{font-size:0.875rem;color:var(--rebill-color-text-primary);font-weight:500;margin-bottom:0.375rem}.input-label.disabled{cursor:not-allowed}.input-element{border-radius:var(--input-group-inner-border-radius, 8px);border:1.5px solid var(--rebill-color-border);padding:10px 14px;font-size:0.875rem;color:var(--rebill-color-text-primary);outline:none;transition:border-color 0.2s;background:var(--rebill-color-background);height:38.33px;box-sizing:border-box}.input-element.input-error{border-color:var(--rebill-color-error)}.input-element:disabled{background-color:var(--rebill-color-background);border-color:var(--rebill-color-disabled);color:var(--rebill-color-text-secondary);cursor:not-allowed;opacity:0.7}select.input-element{padding:10px 30px 10px 14px;appearance:none;cursor:pointer}select.input-element:disabled{cursor:not-allowed}.input-element:focus{border-color:var(--rebill-color-primary)}.input-element:disabled:focus{border-color:var(--rebill-color-disabled)}.input-element::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem;opacity:1}.select-wrapper.disabled .select-icon{color:var(--rebill-color-disabled)}.error-message{color:var(--rebill-color-error);font-size:0.75rem;margin-top:0.375rem}@media screen and (max-width: 768px){.input-element{font-size:1rem}.input-element::placeholder{font-size:1rem}}.input-wrapper{position:relative;display:flex;align-items:center}.input-element{width:100%;box-sizing:border-box}.icon-left,.icon-right{position:absolute;display:flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%)}.icon-left{left:0.75rem;color:var(--rebill-color-text-secondary-light)}.icon-right{right:0.75rem;cursor:pointer;color:var(--rebill-color-text-secondary-light)}.input-element.input-error:focus{flex-direction:column;box-shadow:0 0 0 2px var(--rebill-color-error-light)}.floating-label{position:relative}.floating-label .input-text__input-label{position:absolute;top:50%;left:0.75rem;transform:translateY(-50%);color:var(--rebill-color-text-secondary-light);transition:all 0.1s ease-in-out;pointer-events:none}.floating-label .input-element::placeholder{color:transparent}.floating-label .input-element:focus~.input-text__input-label,.floating-label .input-element:not(:placeholder-shown)~.input-text__input-label{top:0;font-size:0.62rem;color:var(--rebill-color-text-secondary);background-color:var(--rebill-color-background);padding:0 4px;left:0.75rem}.floating-label.has-left-icon .input-text__input-label{left:2.5rem}.input-element:disabled{color:var(--rebill-color-neutrals-500)}.input-wrapper:has(.input-element:disabled) .icon-left,.input-wrapper:has(.input-element:disabled) .icon-right{color:var(--rebill-color-text-secondary-light) !important}.email-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:var(--rebill-color-background);border:1px solid var(--rebill-color-border);border-radius:0.375rem;box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1),\n 0 2px 4px -1px rgba(0, 0, 0, 0.06);margin-top:0.25rem;max-height:200px;overflow-y:auto;animation:slideDown 0.15s ease-out;box-sizing:border-box;width:100%}.email-suggestions-dropdown.dropdown-up{top:auto;bottom:100%;margin-top:0;margin-bottom:0.25rem;animation:slideUp 0.15s ease-out}.email-suggestions-header{padding:0.75rem;font-size:0.875rem;font-weight:400;color:var(--rebill-color-primary);border-bottom:1px solid var(--rebill-color-border);background-color:var(--rebill-color-background)}.email-suggestion-item{padding:0.75rem;font-size:0.875rem;color:var(--rebill-color-text-primary);cursor:pointer;transition:background-color 0.15s ease}.email-suggestion-item:last-child{border-bottom:none}.email-suggestion-item:hover,.email-suggestion-item.highlighted{background-color:var(--rebill-color-background-right)}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.email-suggestions-dropdown::-webkit-scrollbar{width:6px}.email-suggestions-dropdown::-webkit-scrollbar-track{background:transparent}.email-suggestions-dropdown::-webkit-scrollbar-thumb{background-color:var(--rebill-color-border);border-radius:3px}.email-suggestions-dropdown::-webkit-scrollbar-thumb:hover{background-color:var(--rebill-color-text-secondary)}.email-correction-suggestion{display:flex;align-items:center;gap:8px;font-size:0.75rem;margin-top:0.375rem;line-height:1.4}.email-correction-icon{flex-shrink:0}.email-correction-text{color:var(--rebill-color-text-primary);flex:1}.email-correction-link{color:var(--rebill-color-link);text-decoration:underline;cursor:pointer;font-weight:500;transition:opacity 0.2s ease}.email-correction-link:hover{opacity:0.8}";
|
|
410
398
|
|
|
411
399
|
const InputEmail = class {
|
|
412
400
|
constructor(hostRef) {
|
|
@@ -417,11 +405,7 @@ const InputEmail = class {
|
|
|
417
405
|
get el() { return getElement(this); }
|
|
418
406
|
inputElement;
|
|
419
407
|
suggestionsDropdownRef;
|
|
420
|
-
isMouseOverSuggestions = false;
|
|
421
408
|
blurTimeout;
|
|
422
|
-
// Constants
|
|
423
|
-
INPUT_PADDING_WITH_ICON = '2.5rem';
|
|
424
|
-
INPUT_PADDING_DEFAULT = '0.75rem';
|
|
425
409
|
/** Etiqueta que se muestra arriba del input */
|
|
426
410
|
label = '';
|
|
427
411
|
/** Placeholder del input */
|
|
@@ -450,10 +434,8 @@ const InputEmail = class {
|
|
|
450
434
|
highlightedSuggestionIndex = -1;
|
|
451
435
|
/** Sugerencia de corrección de email (para errores tipográficos) */
|
|
452
436
|
emailCorrectionSuggestion = null;
|
|
453
|
-
/**
|
|
454
|
-
|
|
455
|
-
/** Indica si el usuario ya salió del campo (blur) */
|
|
456
|
-
hasBlurred = false;
|
|
437
|
+
/** Posición del dropdown (arriba o abajo) */
|
|
438
|
+
dropdownPosition = 'down';
|
|
457
439
|
handleFormChange(event) {
|
|
458
440
|
const formData = event.detail;
|
|
459
441
|
if (formData && this.id in formData) {
|
|
@@ -463,8 +445,17 @@ const InputEmail = class {
|
|
|
463
445
|
handleDocumentClick(event) {
|
|
464
446
|
if (this.suggestionsDropdownRef &&
|
|
465
447
|
!this.suggestionsDropdownRef.contains(event.target) &&
|
|
466
|
-
!this.inputElement?.contains(event.target)
|
|
467
|
-
|
|
448
|
+
!this.inputElement?.contains(event.target)) {
|
|
449
|
+
this.emailSuggestions = [];
|
|
450
|
+
this.highlightedSuggestionIndex = -1;
|
|
451
|
+
}
|
|
452
|
+
}
|
|
453
|
+
handleDocumentTouchEnd(event) {
|
|
454
|
+
const target = event.changedTouches?.[0]?.target;
|
|
455
|
+
if (this.suggestionsDropdownRef &&
|
|
456
|
+
target &&
|
|
457
|
+
!this.suggestionsDropdownRef.contains(target) &&
|
|
458
|
+
!this.inputElement?.contains(target)) {
|
|
468
459
|
this.emailSuggestions = [];
|
|
469
460
|
this.highlightedSuggestionIndex = -1;
|
|
470
461
|
}
|
|
@@ -478,6 +469,24 @@ const InputEmail = class {
|
|
|
478
469
|
checkForTypo(emailValue) {
|
|
479
470
|
this.emailCorrectionSuggestion = suggestEmailCorrection(emailValue);
|
|
480
471
|
}
|
|
472
|
+
/**
|
|
473
|
+
* Calcula si el dropdown debe posicionarse arriba o abajo según el espacio disponible
|
|
474
|
+
*/
|
|
475
|
+
calculateDropdownPosition() {
|
|
476
|
+
if (!this.inputElement || !this.suggestionsDropdownRef)
|
|
477
|
+
return;
|
|
478
|
+
const inputRect = this.inputElement.getBoundingClientRect();
|
|
479
|
+
const dropdownHeight = this.suggestionsDropdownRef.offsetHeight || 200; // max-height del CSS
|
|
480
|
+
const spaceBelow = window.innerHeight - inputRect.bottom;
|
|
481
|
+
const spaceAbove = inputRect.top;
|
|
482
|
+
// Si no hay espacio abajo pero sí arriba, posicionar arriba
|
|
483
|
+
if (spaceBelow < dropdownHeight && spaceAbove > spaceBelow) {
|
|
484
|
+
this.dropdownPosition = 'up';
|
|
485
|
+
}
|
|
486
|
+
else {
|
|
487
|
+
this.dropdownPosition = 'down';
|
|
488
|
+
}
|
|
489
|
+
}
|
|
481
490
|
// ============================================================================
|
|
482
491
|
// INPUT EVENT HANDLERS
|
|
483
492
|
// ============================================================================
|
|
@@ -485,15 +494,15 @@ const InputEmail = class {
|
|
|
485
494
|
return value.toLowerCase();
|
|
486
495
|
}
|
|
487
496
|
updateEmailState(inputValue) {
|
|
488
|
-
this.isValidFormat = validateEmailFormat(inputValue);
|
|
489
497
|
this.emailSuggestions = getEmailSuggestions(inputValue);
|
|
490
498
|
this.highlightedSuggestionIndex = -1;
|
|
491
499
|
// Limpiar sugerencia de corrección al modificar el input
|
|
492
500
|
this.emailCorrectionSuggestion = null;
|
|
493
501
|
this.value = inputValue;
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
502
|
+
// Calcular posición del dropdown después de actualizar sugerencias
|
|
503
|
+
if (this.emailSuggestions.length > 0) {
|
|
504
|
+
setTimeout(() => this.calculateDropdownPosition(), 0);
|
|
505
|
+
}
|
|
497
506
|
}
|
|
498
507
|
onInput = (event) => {
|
|
499
508
|
if (this.disabled)
|
|
@@ -502,14 +511,12 @@ const InputEmail = class {
|
|
|
502
511
|
const inputValue = this.normalizeEmailInput(input.value);
|
|
503
512
|
input.value = inputValue;
|
|
504
513
|
this.updateEmailState(inputValue);
|
|
505
|
-
this.
|
|
514
|
+
this.input.emit({ id: this.id, value: inputValue });
|
|
506
515
|
};
|
|
507
516
|
resetValidationState() {
|
|
508
|
-
this.isValidFormat = true;
|
|
509
517
|
this.emailSuggestions = [];
|
|
510
518
|
this.highlightedSuggestionIndex = -1;
|
|
511
519
|
this.emailCorrectionSuggestion = null;
|
|
512
|
-
this.hasBlurred = false;
|
|
513
520
|
}
|
|
514
521
|
onClear = () => {
|
|
515
522
|
if (this.disabled)
|
|
@@ -535,11 +542,11 @@ const InputEmail = class {
|
|
|
535
542
|
clearTimeout(this.blurTimeout);
|
|
536
543
|
}
|
|
537
544
|
this.blurTimeout = window.setTimeout(() => {
|
|
538
|
-
|
|
539
|
-
|
|
545
|
+
// Verificar si el elemento activo está dentro del dropdown o es el input
|
|
546
|
+
const activeElement = document.activeElement;
|
|
547
|
+
const isClickingSuggestion = this.suggestionsDropdownRef?.contains(activeElement) || activeElement === this.inputElement;
|
|
548
|
+
if (!isClickingSuggestion) {
|
|
540
549
|
this.trimAndUpdateValue();
|
|
541
|
-
// Revalidar formato después del trim
|
|
542
|
-
this.isValidFormat = validateEmailFormat(this.value);
|
|
543
550
|
this.clearSuggestions();
|
|
544
551
|
// Verificar errores tipográficos solo cuando sale del campo
|
|
545
552
|
this.checkForTypo(this.value);
|
|
@@ -550,43 +557,38 @@ const InputEmail = class {
|
|
|
550
557
|
onFocus = () => {
|
|
551
558
|
if (this.value) {
|
|
552
559
|
this.emailSuggestions = getEmailSuggestions(this.value);
|
|
560
|
+
// Calcular posición después de que se rendericen las sugerencias
|
|
561
|
+
setTimeout(() => this.calculateDropdownPosition(), 0);
|
|
553
562
|
}
|
|
554
563
|
};
|
|
555
564
|
// ============================================================================
|
|
556
565
|
// SUGGESTION INTERACTION HANDLERS
|
|
557
566
|
// ============================================================================
|
|
558
|
-
moveHighlightDown() {
|
|
559
|
-
this.highlightedSuggestionIndex = Math.min(this.highlightedSuggestionIndex + 1, this.emailSuggestions.length - 1);
|
|
560
|
-
}
|
|
561
|
-
moveHighlightUp() {
|
|
562
|
-
this.highlightedSuggestionIndex = Math.max(this.highlightedSuggestionIndex - 1, -1);
|
|
563
|
-
}
|
|
564
|
-
selectHighlightedSuggestion() {
|
|
565
|
-
if (this.highlightedSuggestionIndex >= 0) {
|
|
566
|
-
this.selectSuggestion(this.emailSuggestions[this.highlightedSuggestionIndex]);
|
|
567
|
-
}
|
|
568
|
-
}
|
|
569
|
-
closeSuggestions() {
|
|
570
|
-
this.emailSuggestions = [];
|
|
571
|
-
this.highlightedSuggestionIndex = -1;
|
|
572
|
-
}
|
|
573
567
|
onKeyDown = (event) => {
|
|
574
568
|
if (this.emailSuggestions.length === 0) {
|
|
575
569
|
return;
|
|
576
570
|
}
|
|
577
|
-
|
|
578
|
-
ArrowDown:
|
|
579
|
-
|
|
580
|
-
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
571
|
+
switch (event.key) {
|
|
572
|
+
case 'ArrowDown':
|
|
573
|
+
event.preventDefault();
|
|
574
|
+
this.highlightedSuggestionIndex = Math.min(this.highlightedSuggestionIndex + 1, this.emailSuggestions.length - 1);
|
|
575
|
+
break;
|
|
576
|
+
case 'ArrowUp':
|
|
577
|
+
event.preventDefault();
|
|
578
|
+
this.highlightedSuggestionIndex = Math.max(this.highlightedSuggestionIndex - 1, -1);
|
|
579
|
+
break;
|
|
580
|
+
case 'Escape':
|
|
581
|
+
event.preventDefault();
|
|
582
|
+
this.emailSuggestions = [];
|
|
583
|
+
this.highlightedSuggestionIndex = -1;
|
|
584
|
+
break;
|
|
585
|
+
case 'Enter':
|
|
586
|
+
if (this.highlightedSuggestionIndex >= 0 &&
|
|
587
|
+
this.highlightedSuggestionIndex < this.emailSuggestions.length) {
|
|
588
|
+
event.preventDefault();
|
|
589
|
+
this.selectSuggestion(this.emailSuggestions[this.highlightedSuggestionIndex]);
|
|
590
|
+
}
|
|
591
|
+
break;
|
|
590
592
|
}
|
|
591
593
|
};
|
|
592
594
|
selectSuggestion = (suggestion) => {
|
|
@@ -608,11 +610,10 @@ const InputEmail = class {
|
|
|
608
610
|
handleSuggestionMouseEnter = (index) => {
|
|
609
611
|
this.highlightedSuggestionIndex = index;
|
|
610
612
|
};
|
|
611
|
-
|
|
612
|
-
|
|
613
|
-
|
|
614
|
-
|
|
615
|
-
this.isMouseOverSuggestions = false;
|
|
613
|
+
handleSuggestionTouchEnd = (suggestion, event) => {
|
|
614
|
+
event.preventDefault();
|
|
615
|
+
event.stopPropagation();
|
|
616
|
+
this.selectSuggestion(suggestion);
|
|
616
617
|
};
|
|
617
618
|
// ============================================================================
|
|
618
619
|
// PUBLIC METHODS
|
|
@@ -628,18 +629,6 @@ const InputEmail = class {
|
|
|
628
629
|
// ============================================================================
|
|
629
630
|
// RENDER HELPERS
|
|
630
631
|
// ============================================================================
|
|
631
|
-
getInputPaddingStyles() {
|
|
632
|
-
return {
|
|
633
|
-
paddingLeft: this.leftIcon ? this.INPUT_PADDING_WITH_ICON : this.INPUT_PADDING_DEFAULT,
|
|
634
|
-
paddingRight: this.clearable ? this.INPUT_PADDING_WITH_ICON : this.INPUT_PADDING_DEFAULT,
|
|
635
|
-
};
|
|
636
|
-
}
|
|
637
|
-
shouldShowInvalidFormat() {
|
|
638
|
-
return !this.isValidFormat && this.value && !this.error && this.hasBlurred;
|
|
639
|
-
}
|
|
640
|
-
shouldShowInvalidFormatError() {
|
|
641
|
-
return !this.isValidFormat && this.value && !this.error && this.hasBlurred;
|
|
642
|
-
}
|
|
643
632
|
renderEmailCorrectionSuggestion() {
|
|
644
633
|
if (!this.emailCorrectionSuggestion)
|
|
645
634
|
return null;
|
|
@@ -647,7 +636,7 @@ const InputEmail = class {
|
|
|
647
636
|
email: this.emailCorrectionSuggestion,
|
|
648
637
|
});
|
|
649
638
|
const parts = translatedText.split(this.emailCorrectionSuggestion);
|
|
650
|
-
return (h("div", { class: "email-correction-suggestion", role: "status", "aria-live": "polite" }, h("rebill-icon", { name: "circle-info-outline", size: "16px"
|
|
639
|
+
return (h("div", { class: "email-correction-suggestion", role: "status", "aria-live": "polite" }, h("rebill-icon", { name: "circle-info-outline", size: "16px" }), h("span", { class: "email-correction-text" }, parts.map((part, index) => (h("span", { key: index }, part, index < parts.length - 1 && (h("span", { class: "email-correction-link", onClick: this.applyCorrection }, this.emailCorrectionSuggestion))))))));
|
|
651
640
|
}
|
|
652
641
|
render() {
|
|
653
642
|
const isFloating = this.variant === 'floating';
|
|
@@ -661,11 +650,16 @@ const InputEmail = class {
|
|
|
661
650
|
'floating-label': isFloating,
|
|
662
651
|
'has-left-icon': !!this.leftIcon,
|
|
663
652
|
'has-email-suggestions': showEmailSuggestions,
|
|
664
|
-
'has-invalid-format': this.shouldShowInvalidFormat(),
|
|
665
653
|
};
|
|
666
|
-
return (h("div", { key: '
|
|
667
|
-
|
|
668
|
-
:
|
|
654
|
+
return (h("div", { key: 'ed7774a2ea20bf39efc4ea94cb06a4a9c105b663', class: "input-container" }, !isFloating && this.label && (h("label", { key: 'cf2ec695410acf32c321b9a069aa59a6f6470dc3', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: 'e543a97cdc613fca6167dadf8a07b2777e90a495', class: wrapperClasses }, this.leftIcon && (h("div", { key: '03df3d4cc8c33c1759e2ed0fb18947d25e5a8e11', class: "icon-left" }, h("rebill-icon", { key: '67abed1bc54b6a64141744cbb32a0be15880a298', name: this.leftIcon }))), h("input", { key: '99c93d4e17b0dc740a53002c871fc57d406475c1', ref: el => (this.inputElement = el), type: "email", class: inputClasses, placeholder: isFloating ? this.label : this.placeholder, value: this.value, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, disabled: this.disabled, autocomplete: "email", autocapitalize: "none", autocorrect: "off", spellcheck: "false", "aria-autocomplete": "list", "aria-expanded": showEmailSuggestions ? 'true' : 'false', "aria-haspopup": "listbox", "aria-owns": showEmailSuggestions ? 'email-suggestions' : undefined, "aria-invalid": !!this.error ? 'true' : 'false', "aria-describedby": this.error ? `${this.id}-error` : undefined, style: {
|
|
655
|
+
paddingLeft: this.leftIcon ? '2.5rem' : '0.75rem',
|
|
656
|
+
paddingRight: this.clearable && this.value ? '2.5rem' : '0.75rem',
|
|
657
|
+
} }), isFloating && h("label", { key: '88a949293b8ebe6bcce0b734f764a85d5b71236c', class: "input-text__input-label input-label" }, this.label), this.clearable && this.value && (h("div", { key: 'c048feb271e68b3ff7fd6c7cc8f33c6f8d4433a4', class: "icon-right", onClick: this.onClear }, h("rebill-icon", { key: '0ab75a65fac36cd6528c4ac396f044452f2df7a2', name: "x" }))), showEmailSuggestions && (h("div", { key: '2db5ec50f09ac0c993f22a9346027ee8eba5f12c', id: "email-suggestions", ref: el => {
|
|
658
|
+
this.suggestionsDropdownRef = el;
|
|
659
|
+
if (el) {
|
|
660
|
+
setTimeout(() => this.calculateDropdownPosition(), 0);
|
|
661
|
+
}
|
|
662
|
+
}, class: `email-suggestions-dropdown ${this.dropdownPosition === 'up' ? 'dropdown-up' : ''}`, role: "listbox", "aria-label": I18nService.translate('userInformation.suggestionsLabel', 'Email suggestions') }, h("div", { key: 'bb037425cb813cfde02c24600ab36e114d2560a5', class: "email-suggestions-header" }, I18nService.translate('userInformation.suggestionsHeader', 'Suggestion')), this.emailSuggestions.map((suggestion, index) => (h("div", { key: suggestion, role: "option", "aria-selected": this.highlightedSuggestionIndex === index ? 'true' : 'false', class: `email-suggestion-item ${this.highlightedSuggestionIndex === index ? 'highlighted' : ''}`, onClick: () => this.selectSuggestion(suggestion), onTouchEnd: e => this.handleSuggestionTouchEnd(suggestion, e), onMouseEnter: () => this.handleSuggestionMouseEnter(index) }, suggestion)))))), this.error && (h("span", { key: '6450cd4636ec361fe0fe0f9044feb7a3d8329118', id: `${this.id}-error`, class: "error-message", role: "alert" }, this.error)), this.renderEmailCorrectionSuggestion()));
|
|
669
663
|
}
|
|
670
664
|
};
|
|
671
665
|
InputEmail.style = inputEmailCss;
|
|
@@ -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: 'e6642934b751eeb1d114359dd472a34d83d8e283', style: style }, h("slot", { key: 'a76a04056d9dc961af0f99926c997d62dcaf8f4f' })));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
|
|
@@ -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: 'f5a4af11499bd6308a53ed1815db55e66bbb5184', style: style }, h("slot", { key: 'f614aec1f97f3267433108f36640c941d7e17211' })));
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
|
|
@@ -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: 'cf0e3291790f754b73e6ade2e8a99cfc8a1dd593', style: style }, h("slot", { key: '8e026097c4529e75831e51e62f625bac6700e63f' })));
|
|
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: '0e6f5c3da18fb9dbeb93f45162041b5505097564', class: "input-container" }, this.label && (h("label", { key: '9505b104c9e3f3f1a364ed6d2d780bfeb7a69012', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '55243fa12938ade6c83007c446b7b1f616d444aa', class: `select-wrapper ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'open' : ''}` }, h("div", { key: '2720934fc5005d0e8e4317a79edc4bde4b82a7d8', 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: 'd8ed0ea9ebe50c4cbd669ad7e13e305300e15dc4', class: "select-value", style: { fontSize: this.fontSize }, innerHTML: selectedLabel }), h("div", { key: 'ed8f0cfb60ce0d98439e2349d03b1bda7ef195e8', 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: '533d68b163dd306e4ad1430c00fab0e40f3eb1c9', ref: el => (this.dropdownRef = el), class: `select-dropPosition ${this.dropPosition === 'up' ? 'open-up' : 'open-down'}`, role: "listbox" }, this.searchable && (h("div", { key: '1b4735d29d10550a7ad375909b2096d6b57df0be', class: "search-container", onClick: this.handleSearchClick }, h("div", { key: 'a8fe85af07599b66006e4682436b8c25189a503e', class: "search-input-wrapper" }, h("rebill-icon", { key: '738e594819d828b0c6239a1fb86e5aea9b23879f', name: "search", size: "16px", class: "search-icon" }), h("input", { key: '604587d45d3d22f209afef0fc052fbab41fcaae4', 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: '6e05c7c4c2c13eb282a15111c20363cca444a577', 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: '069c433dbbe800c3f25141c17c10c8f62efe4d7b', 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: 'c989c9ff8ee1ddb81013ccb0718e963a1ee6bf6f', 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: 'f39ee322584b38eefca85033e0220b97ef9f9b51', class: "input-container" }, !isFloating && this.label && (h("label", { key: '818a1267b8a3787fc3b7444a3e82513556e87a9d', class: `input-label ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: 'd82e674e2557e7cec8c4e847e174aaa03f9ce2d9', class: wrapperClasses }, this.leftIcon && (h("div", { key: '95f41d7ed56d021bed85e2082e0d23ccb03bca7a', class: "icon-left" }, h("rebill-icon", { key: '772fd006b5c9d327c2749d187ab92b8272a0f524', name: this.leftIcon }))), h("input", { key: '8e4436a3934da7e2be2eab7147da2f31db80b2f0', 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: '709ec4e0444199fa2dc57dc8b871bb0dff88ce2d', class: "input-text__input-label input-label" }, this.label), this.clearable && this.value && (h("div", { key: '52582fdcc09045442d83c4b032c60d7a11c4ff41', class: "icon-right", onClick: this.onClear }, h("rebill-icon", { key: '12ec41dc2c903798cad6ce8227e4a1fe4831aa9a', name: "x" }))), this.rightIcon && !this.clearable && (h("div", { key: '7d4c13ea33047fc711f6ec8400ea2a70efd9ec35', class: "icon-right", onClick: this.onRightIconClick }, h("rebill-icon", { key: '9ccd12f6e50f3915e67df6361ecb9d371707e446', name: this.rightIcon })))), this.error && h("span", { key: 'a49f52502b59e6a8d36b48decc7173e073b4b9c2', class: "error-message" }, this.error)));
|
|
102
102
|
}
|
|
103
103
|
};
|
|
104
104
|
InputText.style = inputTextCss;
|
|
@@ -116,7 +116,7 @@ const RebillTestModeChipMobile = class {
|
|
|
116
116
|
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" }))));
|
|
117
117
|
}
|
|
118
118
|
render() {
|
|
119
|
-
return (h("div", { key: '
|
|
119
|
+
return (h("div", { key: 'bf0bf6d7f48bf92f5f20f225e00740ccb3141bae', class: `mode-sandbox-mobile__test-mode-container ${this.isPanelVisible ? 'cards-visible' : ''}` }, this.isPanelVisible && h("div", { key: 'a3b5f53e5246435952cf04247425b3c8f492fd5e', class: "mode-sandbox-mobile__overlay" }), h("div", { key: '65a06a99311b5eb39ca2ece44a5a4169d7f8e495', class: `mode-sandbox-mobile__test-mode-chip-mobile ${this.isPanelVisible ? 'expanded' : ''}` }, this.renderBasicChip()), this.isPanelVisible && this.renderCardsPanel()));
|
|
120
120
|
}
|
|
121
121
|
};
|
|
122
122
|
RebillTestModeChipMobile.style = modeSandboxMobileCss;
|
|
@@ -251,7 +251,7 @@ const TimelineDebitDay = class {
|
|
|
251
251
|
}
|
|
252
252
|
render() {
|
|
253
253
|
const events = this.buildEvents();
|
|
254
|
-
return (h("div", { key: '
|
|
254
|
+
return (h("div", { key: 'fe87dc3ef6ae5d6314205788e1ae723b1db4aba6', class: "timeline-container" }, h("div", { key: 'e58f1748dff622f4572e37b9ae2151bfeb78e0a7', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0)))));
|
|
255
255
|
}
|
|
256
256
|
};
|
|
257
257
|
TimelineDebitDay.style = timelineDebitDayCss;
|
|
@@ -419,7 +419,7 @@ const Timeline = class {
|
|
|
419
419
|
}
|
|
420
420
|
render() {
|
|
421
421
|
const events = this.buildEvents();
|
|
422
|
-
return (h("div", { key: '
|
|
422
|
+
return (h("div", { key: '2cde72b516f13999861cadcdb655adbc4ee06012', class: "timeline-container" }, h("div", { key: '3b3906f2ed887a67f992fabefc40cc01ab503c1b', class: "timeline" }, events.map((event, index) => this.renderEvent(event, index === events.length - 1, index === 0, events.length)))));
|
|
423
423
|
}
|
|
424
424
|
};
|
|
425
425
|
Timeline.style = timelineFreeTrialCss;
|
|
@@ -17,6 +17,6 @@ var patchBrowser = () => {
|
|
|
17
17
|
|
|
18
18
|
patchBrowser().then(async (options) => {
|
|
19
19
|
await globalScripts();
|
|
20
|
-
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\"]]]]],[\"rebill-change-card\",[[256,\"rebill-change-card\",{\"changeCardData\":[1,\"change-card-data\"],\"changeCardToken\":[1,\"change-card-token\"],\"isSubmitting\":[32],\"isCardSubmitting\":[32],\"isCardSuccess\":[32],\"errorMessage\":[32],\"breakpoint\":[32],\"errorPaymentCard\":[32],\"initialData\":[32],\"countries\":[32],\"allRequiredFields\":[32],\"currentRequiredFields\":[32],\"errorCardInvalid\":[32],\"cardMode\":[32],\"completedAt\":[32]}]]],[\"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\"]}]]],[\"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]}]]],[\"renewal-success-page\",[[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]}]]],[\"change-card-success\",[[256,\"change-card-success\",{\"customerName\":[1,\"customer-name\"],\"cardLastFour\":[1,\"card-last-four\"],\"cardBrand\":[1,\"card-brand\"],\"paymentDate\":[1,\"payment-date\"],\"customerEmail\":[1,\"customer-email\"],\"currentLocale\":[32]}]]],[\"collapsible-card_3\",[[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\"],[260,\"collapsible-card\",{\"header\":[1],\"open\":[4],\"variant\":[1],\"isOpen\":[32]}]]],[\"renewal-summary\",[[256,\"renewal-summary\",{\"displayedComponents\":[16],\"totalAmount\":[2,\"total-amount\"],\"subTotalAmount\":[2,\"sub-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\"],\"titleKey\":[1,\"title-key\"],\"forceUpdate\":[32]}]]],[\"input-otp\",[[256,\"input-otp\",{\"error\":[1],\"otp\":[1],\"clearable\":[4],\"placeholder\":[1],\"otpValue\":[32]}]]],[\"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-mode-sandbox_2\",[[256,\"rebill-mode-sandbox\",{\"isPanelVisible\":[32],\"isPanelClosing\":[32],\"isCardsPanelVisible\":[32],\"isCardsPanelClosing\":[32],\"currentLanguage\":[32]}],[256,\"rebill-mode-sandbox-mobile\",{\"isPanelVisible\":[32],\"currentLanguage\":[32]}]]],[\"rebill-card_2\",[[256,\"rebill-card\",{\"cardTitle\":[1,\"card-title\"],\"cardLabels\":[16]}],[256,\"rebill-input-email\",{\"label\":[1],\"placeholder\":[1],\"value\":[1537],\"error\":[1],\"id\":[1],\"disabled\":[4],\"leftIcon\":[1,\"left-icon\"],\"clearable\":[4],\"variant\":[1],\"emailSuggestions\":[32],\"highlightedSuggestionIndex\":[32],\"emailCorrectionSuggestion\":[32],\"isValidFormat\":[32],\"hasBlurred\":[32],\"getInputElement\":[64]},[[4,\"change\",\"handleFormChange\"],[4,\"click\",\"handleDocumentClick\"]]]]],[\"rebill-vertical-divider\",[[256,\"rebill-vertical-divider\",{\"height\":[1],\"color\":[1],\"thickness\":[1],\"dashed\":[4],\"connectorActive\":[4,\"connector-active\"],\"withDot\":[4,\"with-dot\"]}]]],[\"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_5\",[[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,\"user-information\",{\"userInformation\":[16],\"errors\":[16],\"customerExists\":[4,\"customer-exists\"],\"disabled\":[4]},[[0,\"input\",\"handleInputChange\"],[0,\"blur\",\"handleBlur\"]]],[256,\"otp-component\",{\"timeLeft\":[32],\"isTimerRunning\":[32],\"codeResent\":[32],\"isVerifying\":[32],\"otpValue\":[32],\"error\":[32]}],[256,\"rebill-modal-overlay\",{\"visible\":[32],\"languageUpdateTrigger\":[32]}]]],[\"rebill-autofill-detector\",[[260,\"rebill-autofill-detector\",{\"targetSelector\":[1,\"target-selector\"],\"disabled\":[4],\"browserAutocompleteDetected\":[32],\"disabledDetector\":[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\"]}]]],[\"card-fields-wrapper_11\",[[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,\"rebill-address-form\",{\"addressType\":[1,\"address-type\"],\"countryOptions\":[16],\"stateOptions\":[16],\"errors\":[16],\"disabled\":[4],\"showAdditionalInformation\":[32]}],[256,\"rebill-address-search\",{\"addressType\":[1,\"address-type\"],\"placeholder\":[1],\"error\":[1],\"disabled\":[4],\"isInitialized\":[32],\"currentLocale\":[32]}],[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\"]]],[260,\"selectable-card\",{\"selected\":[4],\"label\":[1],\"cardKey\":[1,\"card-key\"],\"disabled\":[4]}],[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_14\",[[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\"],\"barcode\":[1],\"showRedirectMessage\":[32],\"isPolling\":[32],\"minutesLeft\":[32],\"qrStartTime\":[32],\"downloadData\":[32]}],[256,\"rebill-bank-selector\",{\"banks\":[16],\"defaultSelectedBankId\":[1,\"default-selected-bank-id\"],\"error\":[1],\"disabled\":[4],\"selectedBankId\":[32],\"languageUpdateTrigger\":[32]}],[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,\"rebill-address\",{\"billingView\":[1537,\"billing-view\"],\"disabled\":[4],\"countryOptions\":[16],\"errors\":[16],\"currentBillingStateOptions\":[32],\"isLoadingAddress\":[32]}],[256,\"rebill-processing-payment\",{\"titleKey\":[1,\"title-key\"],\"subtitleKey\":[1,\"subtitle-key\"],\"currentLocale\":[32],\"breakpoint\":[32],\"loaderProgress\":[32],\"isLoadingLottie\":[32]}],[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,\"user-information-static\",{\"userInfo\":[16],\"variant\":[1]}],[256,\"apm-download\",{\"data\":[16]}],[256,\"payment-button\",{\"isDisabled\":[4,\"is-disabled\"],\"isLoading\":[4,\"is-loading\"],\"paymentMethod\":[1,\"payment-method\"],\"isRenewal\":[4,\"is-renewal\"],\"isChangeCard\":[4,\"is-change-card\"],\"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,\"user-information-phone\",{\"error\":[1],\"countryCode\":[1,\"country-code\"],\"disabled\":[4],\"languageUpdateTrigger\":[32]}],[256,\"boleto-payment\",{\"barcode\":[1],\"referenceId\":[1,\"reference-id\"],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"instructions\":[16],\"showInstructions\":[32],\"hasCopied\":[32]}],[256,\"rebill-checkout-form\",{\"validationSchema\":[8,\"validation-schema\"],\"initialData\":[16],\"renderForm\":[16],\"resetValidation\":[64]},[[0,\"change\",\"handleFormChange\"]]],[256,\"reference-code\",{\"referenceId\":[1,\"reference-id\"],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"instructions\":[16],\"showInstructions\":[32]}]]]]"), options);
|
|
20
|
+
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\"]]]]],[\"rebill-change-card\",[[256,\"rebill-change-card\",{\"changeCardData\":[1,\"change-card-data\"],\"changeCardToken\":[1,\"change-card-token\"],\"isSubmitting\":[32],\"isCardSubmitting\":[32],\"isCardSuccess\":[32],\"errorMessage\":[32],\"breakpoint\":[32],\"errorPaymentCard\":[32],\"initialData\":[32],\"countries\":[32],\"allRequiredFields\":[32],\"currentRequiredFields\":[32],\"errorCardInvalid\":[32],\"cardMode\":[32],\"completedAt\":[32]}]]],[\"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\"]}]]],[\"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]}]]],[\"renewal-success-page\",[[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]}]]],[\"change-card-success\",[[256,\"change-card-success\",{\"customerName\":[1,\"customer-name\"],\"cardLastFour\":[1,\"card-last-four\"],\"cardBrand\":[1,\"card-brand\"],\"paymentDate\":[1,\"payment-date\"],\"customerEmail\":[1,\"customer-email\"],\"currentLocale\":[32]}]]],[\"collapsible-card_3\",[[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\"],[260,\"collapsible-card\",{\"header\":[1],\"open\":[4],\"variant\":[1],\"isOpen\":[32]}]]],[\"renewal-summary\",[[256,\"renewal-summary\",{\"displayedComponents\":[16],\"totalAmount\":[2,\"total-amount\"],\"subTotalAmount\":[2,\"sub-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\"],\"titleKey\":[1,\"title-key\"],\"forceUpdate\":[32]}]]],[\"input-otp\",[[256,\"input-otp\",{\"error\":[1],\"otp\":[1],\"clearable\":[4],\"placeholder\":[1],\"otpValue\":[32]}]]],[\"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-mode-sandbox_2\",[[256,\"rebill-mode-sandbox\",{\"isPanelVisible\":[32],\"isPanelClosing\":[32],\"isCardsPanelVisible\":[32],\"isCardsPanelClosing\":[32],\"currentLanguage\":[32]}],[256,\"rebill-mode-sandbox-mobile\",{\"isPanelVisible\":[32],\"currentLanguage\":[32]}]]],[\"rebill-card_2\",[[256,\"rebill-card\",{\"cardTitle\":[1,\"card-title\"],\"cardLabels\":[16]}],[256,\"rebill-input-email\",{\"label\":[1],\"placeholder\":[1],\"value\":[1537],\"error\":[1],\"id\":[1],\"disabled\":[4],\"leftIcon\":[1,\"left-icon\"],\"clearable\":[4],\"variant\":[1],\"emailSuggestions\":[32],\"highlightedSuggestionIndex\":[32],\"emailCorrectionSuggestion\":[32],\"dropdownPosition\":[32],\"getInputElement\":[64]},[[4,\"change\",\"handleFormChange\"],[4,\"click\",\"handleDocumentClick\"],[5,\"touchend\",\"handleDocumentTouchEnd\"]]]]],[\"rebill-vertical-divider\",[[256,\"rebill-vertical-divider\",{\"height\":[1],\"color\":[1],\"thickness\":[1],\"dashed\":[4],\"connectorActive\":[4,\"connector-active\"],\"withDot\":[4,\"with-dot\"]}]]],[\"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_5\",[[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,\"user-information\",{\"userInformation\":[16],\"errors\":[16],\"customerExists\":[4,\"customer-exists\"],\"disabled\":[4]},[[0,\"input\",\"handleInputChange\"],[0,\"blur\",\"handleBlur\"]]],[256,\"otp-component\",{\"timeLeft\":[32],\"isTimerRunning\":[32],\"codeResent\":[32],\"isVerifying\":[32],\"otpValue\":[32],\"error\":[32]}],[256,\"rebill-modal-overlay\",{\"visible\":[32],\"languageUpdateTrigger\":[32]}]]],[\"rebill-autofill-detector\",[[260,\"rebill-autofill-detector\",{\"targetSelector\":[1,\"target-selector\"],\"disabled\":[4],\"browserAutocompleteDetected\":[32],\"disabledDetector\":[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\"]}]]],[\"card-fields-wrapper_11\",[[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,\"rebill-address-form\",{\"addressType\":[1,\"address-type\"],\"countryOptions\":[16],\"stateOptions\":[16],\"errors\":[16],\"disabled\":[4],\"showAdditionalInformation\":[32]}],[256,\"rebill-address-search\",{\"addressType\":[1,\"address-type\"],\"placeholder\":[1],\"error\":[1],\"disabled\":[4],\"isInitialized\":[32],\"currentLocale\":[32]}],[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\"]]],[260,\"selectable-card\",{\"selected\":[4],\"label\":[1],\"cardKey\":[1,\"card-key\"],\"disabled\":[4]}],[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_14\",[[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\"],\"barcode\":[1],\"showRedirectMessage\":[32],\"isPolling\":[32],\"minutesLeft\":[32],\"qrStartTime\":[32],\"downloadData\":[32]}],[256,\"rebill-bank-selector\",{\"banks\":[16],\"defaultSelectedBankId\":[1,\"default-selected-bank-id\"],\"error\":[1],\"disabled\":[4],\"selectedBankId\":[32],\"languageUpdateTrigger\":[32]}],[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,\"rebill-address\",{\"billingView\":[1537,\"billing-view\"],\"disabled\":[4],\"countryOptions\":[16],\"errors\":[16],\"currentBillingStateOptions\":[32],\"isLoadingAddress\":[32]}],[256,\"rebill-processing-payment\",{\"titleKey\":[1,\"title-key\"],\"subtitleKey\":[1,\"subtitle-key\"],\"currentLocale\":[32],\"breakpoint\":[32],\"loaderProgress\":[32],\"isLoadingLottie\":[32]}],[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,\"user-information-static\",{\"userInfo\":[16],\"variant\":[1]}],[256,\"apm-download\",{\"data\":[16]}],[256,\"payment-button\",{\"isDisabled\":[4,\"is-disabled\"],\"isLoading\":[4,\"is-loading\"],\"paymentMethod\":[1,\"payment-method\"],\"isRenewal\":[4,\"is-renewal\"],\"isChangeCard\":[4,\"is-change-card\"],\"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,\"user-information-phone\",{\"error\":[1],\"countryCode\":[1,\"country-code\"],\"disabled\":[4],\"languageUpdateTrigger\":[32]}],[256,\"boleto-payment\",{\"barcode\":[1],\"referenceId\":[1,\"reference-id\"],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"instructions\":[16],\"showInstructions\":[32],\"hasCopied\":[32]}],[256,\"rebill-checkout-form\",{\"validationSchema\":[8,\"validation-schema\"],\"initialData\":[16],\"renderForm\":[16],\"resetValidation\":[64]},[[0,\"change\",\"handleFormChange\"]]],[256,\"reference-code\",{\"referenceId\":[1,\"reference-id\"],\"providerName\":[1,\"provider-name\"],\"expirationDate\":[1,\"expiration-date\"],\"instructions\":[16],\"showInstructions\":[32]}]]]]"), options);
|
|
21
21
|
});
|
|
22
22
|
//# sourceMappingURL=rebill-web-components-sdk.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r as e,h as r,c as o}from"./p-BTZ7D7jU.js";const l=class{constructor(r){e(this,r)}maxWidth="1200px";padding="1rem";fluid=false;render(){const e={maxWidth:this.fluid?"100%":this.maxWidth,padding:this.padding,margin:"0 auto",width:"100%",boxSizing:"border-box"};return r("div",{key:"
|
|
2
|
-
//# sourceMappingURL=p-
|
|
1
|
+
import{r as e,h as r,c as o}from"./p-BTZ7D7jU.js";const l=class{constructor(r){e(this,r)}maxWidth="1200px";padding="1rem";fluid=false;render(){const e={maxWidth:this.fluid?"100%":this.maxWidth,padding:this.padding,margin:"0 auto",width:"100%",boxSizing:"border-box"};return r("div",{key:"e6642934b751eeb1d114359dd472a34d83d8e283",style:e},r("slot",{key:"a76a04056d9dc961af0f99926c997d62dcaf8f4f"}))}};const i=".input-container{display:flex;flex-direction:column}.input-label{font-size:0.875rem;color:var(--rebill-color-text-primary);font-weight:500;margin-bottom:0.375rem}.input-label.disabled{cursor:not-allowed}.input-element{border-radius:var(--input-group-inner-border-radius, 8px);border:1.5px solid var(--rebill-color-border);padding:10px 14px;font-size:0.875rem;color:var(--rebill-color-text-primary);outline:none;transition:border-color 0.2s;background:var(--rebill-color-background);height:38.33px;box-sizing:border-box}.input-element.input-error{border-color:var(--rebill-color-error)}.input-element:disabled{background-color:var(--rebill-color-background);border-color:var(--rebill-color-disabled);color:var(--rebill-color-text-secondary);cursor:not-allowed;opacity:0.7}select.input-element{padding:10px 30px 10px 14px;appearance:none;cursor:pointer}select.input-element:disabled{cursor:not-allowed}.input-element:focus{border-color:var(--rebill-color-primary)}.input-element:disabled:focus{border-color:var(--rebill-color-disabled)}.input-element::placeholder{color:var(--rebill-color-text-secondary-light);font-size:0.875rem;opacity:1}.select-wrapper.disabled .select-icon{color:var(--rebill-color-disabled)}.error-message{color:var(--rebill-color-error);font-size:0.75rem;margin-top:0.375rem}@media screen and (max-width: 768px){.input-element{font-size:1rem}.input-element::placeholder{font-size:1rem}}.checkbox-container{display:flex;flex-direction:column;gap:0.25rem}.checkbox-label{display:flex;align-items:center;cursor:pointer}.checkbox-label.disabled{cursor:not-allowed !important;opacity:1}.checkbox-element{appearance:none;width:16px;height:16px;border:1.5px solid var(--rebill-color-border-primary);border-radius:4px;background:var(--rebill-color-background);margin-right:10px;display:flex;align-items:center;justify-content:center;transition:border-color 0.15s,\n box-shadow 0.15s;position:relative;cursor:pointer}.checkbox-element:disabled{border-color:var(--rebill-color-disabled);cursor:not-allowed}.checkbox-element:checked{background-color:var(--rebill-color-primary);border-color:var(--rebill-color-primary)}.checkbox-element:checked:disabled{background-color:var(--rebill-color-disabled);border-color:var(--rebill-color-disabled)}.checkbox-element:checked::after{content:'';display:block;position:absolute;left:4.5px;top:1.5px;width:2.5px;height:7px;border:solid var(--rebill-color-background);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.checkbox-element:disabled:checked::after{border-color:var(--rebill-color-background)}.checkbox-error{border-color:var(--rebill-color-error) !important}.label-text{user-select:none;font-weight:400}";const a=class{constructor(r){e(this,r);this.input=o(this,"input")}label="";checked=false;error="";id="";disabled=false;input;handleFormChange(e){const r=e.detail;if(r&&this.id in r){this.checked=r[this.id]}}onCheckboxChange=e=>{if(this.disabled)return;const r=e.target;this.checked=r.checked;this.input.emit({id:this.id,value:this.checked})};render(){return r("div",{key:"888f7ce2e82236feff53f36895a2bd3fe0a4208a",class:"checkbox-container input-container"},r("label",{key:"c79209579804656847ed0b04a6a955220ef2d09a",class:`checkbox-label input-label ${this.disabled?"disabled":""}`},r("input",{key:"df046df7c58b76206ef56185de0849ea5a9a40ec",id:this.id,type:"checkbox",class:`checkbox-element ${this.error?"checkbox-error":""}`,checked:this.checked,onChange:this.onCheckboxChange,disabled:this.disabled}),r("span",{key:"5e2f99199b20359377a14cb2afd2059efb6df892",class:"label-text"},this.label)),this.error&&r("span",{key:"f90d5d734a5ac6bfdf7da128ad539d3e264dd0e4",class:"error-message"},this.error))}};a.style=i;export{l as rebill_container,a as rebill_input_checkbox};
|
|
2
|
+
//# sourceMappingURL=p-11ee0328.entry.js.map
|