rebill-web-components-sdk 1.8.6 → 1.8.7
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/rebill-button.cjs.entry.js +2 -2
- package/dist/cjs/rebill-button.entry.cjs.js.map +1 -1
- package/dist/cjs/rebill-checkout.cjs.entry.js +14 -13
- package/dist/cjs/rebill-checkout.entry.cjs.js.map +1 -1
- package/dist/collection/components/checkout/rebill-checkout.js +14 -13
- package/dist/collection/components/checkout/rebill-checkout.js.map +1 -1
- package/dist/collection/components/shared/button/button.css +8 -8
- package/dist/collection/components/shared/button/button.js +1 -1
- package/dist/collection/components/shared/button/button.js.map +1 -1
- package/dist/components/apm-checkout.js +1 -1
- package/dist/components/discount-coupon.js +1 -1
- package/dist/components/otp-component.js +1 -1
- package/dist/components/{p-DZI13wtJ.js → p-C9MOJKD4.js} +3 -3
- package/dist/components/{p-DZI13wtJ.js.map → p-C9MOJKD4.js.map} +1 -1
- package/dist/components/{p-BwpjM0Zf.js → p-CG7X0Z3m.js} +3 -3
- package/dist/components/{p-BwpjM0Zf.js.map → p-CG7X0Z3m.js.map} +1 -1
- package/dist/components/{p-CcZQGsZ8.js → p-CL6COaBj.js} +3 -3
- package/dist/components/{p-CcZQGsZ8.js.map → p-CL6COaBj.js.map} +1 -1
- package/dist/components/{p-C69QonMT.js → p-Cb9WV_NL.js} +3 -3
- package/dist/components/{p-C69QonMT.js.map → p-Cb9WV_NL.js.map} +1 -1
- package/dist/components/{p-C1THyrZh.js → p-D6oZSjpl.js} +3 -3
- package/dist/components/{p-C1THyrZh.js.map → p-D6oZSjpl.js.map} +1 -1
- package/dist/components/{p-W2zrB3tA.js → p-D6rWKLL8.js} +3 -3
- package/dist/components/{p-W2zrB3tA.js.map → p-D6rWKLL8.js.map} +1 -1
- package/dist/components/{p-ByRz5YWN.js → p-DavSndum.js} +3 -3
- package/dist/components/{p-ByRz5YWN.js.map → p-DavSndum.js.map} +1 -1
- package/dist/components/{p-Cp7iacZh.js → p-DgIOuUN1.js} +4 -4
- package/dist/components/p-DgIOuUN1.js.map +1 -0
- package/dist/components/{p-CHIajnDg.js → p-DljAUFZC.js} +3 -3
- package/dist/components/{p-CHIajnDg.js.map → p-DljAUFZC.js.map} +1 -1
- package/dist/components/{p-djD6Hoxd.js → p-Dum_FpHV.js} +3 -3
- package/dist/components/{p-djD6Hoxd.js.map → p-Dum_FpHV.js.map} +1 -1
- package/dist/components/{p-DJEotc3n.js → p-FFCF5_17.js} +4 -4
- package/dist/components/{p-DJEotc3n.js.map → p-FFCF5_17.js.map} +1 -1
- package/dist/components/{p-BBiYeY9C.js → p-LoXXimMi.js} +3 -3
- package/dist/components/{p-BBiYeY9C.js.map → p-LoXXimMi.js.map} +1 -1
- package/dist/components/payment-button.js +1 -1
- package/dist/components/rebill-button.js +1 -1
- package/dist/components/rebill-checkout.js +25 -24
- package/dist/components/rebill-checkout.js.map +1 -1
- package/dist/components/rebill-mode-sandbox-mobile.js +1 -1
- package/dist/components/rebill-mode-sandbox.js +1 -1
- package/dist/components/rebill-renewal.js +5 -5
- package/dist/components/rebill-summary.js +1 -1
- package/dist/components/renewal-success-page.js +1 -1
- package/dist/components/root-component.js +1 -1
- package/dist/components/success-page.js +1 -1
- package/dist/components/user-information-static.js +1 -1
- package/dist/components/user-information.js +1 -1
- package/dist/esm/rebill-button.entry.js +2 -2
- package/dist/esm/rebill-button.entry.js.map +1 -1
- package/dist/esm/rebill-checkout.entry.js +14 -13
- package/dist/esm/rebill-checkout.entry.js.map +1 -1
- package/dist/rebill-web-components-sdk/{p-91a86735.entry.js → p-297a5c76.entry.js} +2 -2
- package/dist/rebill-web-components-sdk/{p-91a86735.entry.js.map → p-297a5c76.entry.js.map} +1 -1
- package/dist/rebill-web-components-sdk/p-738fbc04.entry.js +2 -0
- package/dist/rebill-web-components-sdk/{p-b3837047.entry.js.map → p-738fbc04.entry.js.map} +1 -1
- package/dist/rebill-web-components-sdk/rebill-button.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/rebill-checkout.entry.esm.js.map +1 -1
- package/dist/rebill-web-components-sdk/rebill-web-components-sdk.esm.js +1 -1
- package/package.json +1 -1
- package/dist/components/p-Cp7iacZh.js.map +0 -1
- package/dist/rebill-web-components-sdk/p-b3837047.entry.js +0 -2
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-C-VTnc0I.js');
|
|
4
4
|
|
|
5
|
-
const buttonCss = ".button{border:1px solid transparent;border-radius:0.375rem;padding:0.75rem 1.5rem;width:100%;font-size:1rem;font-family:inherit;box-shadow:0 2px 4px var(--rebill-color-shadow);cursor:pointer;transition:background 0.2s,\n color 0.2s,\n border-color 0.2s;position:relative;display:flex;align-items:center;justify-content:center}.button.small{padding:4px 8px;font-size:14px;min-height:2rem}.button.medium{padding:0.75rem 1.5rem;font-size:1rem;min-height:2.5rem}.button.large{padding:1rem 2rem;font-size:1.125rem;min-height:3rem}.button.filled.primary{background:var(--rebill-color-primary);color:var(--rebill-color-text-on-primary)}.button.filled.primary:hover{background:var(--rebill-color-primary-hover)}.button.filled.error{background:var(--rebill-color-error);color:var(--rebill-color-text-on-primary)}.button.filled.primary-dark{background:var(--rebill-color-primary-dark);color:var(--rebill-color-text-on-primary)}.button.filled.primary-dark:hover{background:var(--rebill-color-primary-dark-hover)}.button.filled.button.secondary{background:var(--rebill-color-border);color:var(--rebill-color-neutrals-700)}.button.outline{background:transparent;box-shadow:none}.button.outline.primary{border-color:var(--rebill-color-primary);color:var(--rebill-color-primary)}.button.outline.primary:hover{background:var(--rebill-color-primary-light)}.button.outline.primary-dark{border-color:var(--rebill-color-primary-dark);color:var(--rebill-color-primary-dark)}.button.outline.primary-dark:hover{background:var(--rebill-color-primary-dark-light)}.button.outline.error{border-color:var(--rebill-color-error);color:var(--rebill-color-error)}.button.outline.error:hover{background:var(--rebill-color-error-light)}.button.text{background:transparent;box-shadow:none}.button.text.primary{color:var(--rebill-color-primary)}.button.text.primary:hover{background:var(--rebill-color-background-secondary-light)}.button.text.primary-dark{color:var(--rebill-color-primary-dark)}.button.text.primary-dark:hover{background:var(--rebill-color-primary-dark-light)}.button.text.error{color:var(--rebill-color-error)}.button.text.error:hover{background:var(--rebill-color-error-light)}.button.secondary{background:var(--rebill-color-background);color:var(--rebill-color-text-primary);border:1px solid var(--rebill-color-border-primary);border-radius:6px;padding:4px 8px;font-weight:500;font-size:14px;box-sizing:border-box;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.05);font-family:Inter, sans-serif}.button.secondary:hover{background:var(--rebill-color-background-secondary);border-color:var(--rebill-color-border)}.button.download{background:transparent;box-shadow:none;border:none;padding:4px 8px;font-family:Inter, semibold;font-size:12px;font-weight:600;line-height:16px;letter-spacing:0%;color:#000000;cursor:pointer;transition:none;min-height:auto;width:auto}.button.download:hover{background:transparent;color:#000000;transform:none}.button.download:focus{background:transparent;color:#000000;outline:none}.button.download:active{background:transparent;color:#000000;transform:none}.button:disabled{background:var(--rebill-color-disabled);color:var(--rebill-color-text-on-primary);opacity:0.7;cursor:not-allowed;box-shadow:none;border-color:transparent}.button:disabled:hover{background:var(--rebill-color-disabled)}.button.outline:disabled,.button.text:disabled{background:transparent;border-color:var(--rebill-color-disabled, #ccc);color:var(--rebill-color-disabled, #ccc)}.button.outline:disabled:hover,.button.text:disabled:hover{background:transparent}.
|
|
5
|
+
const buttonCss = ".button{border:1px solid transparent;border-radius:0.375rem;padding:0.75rem 1.5rem;width:100%;font-size:1rem;font-family:inherit;box-shadow:0 2px 4px var(--rebill-color-shadow);cursor:pointer;transition:background 0.2s,\n color 0.2s,\n border-color 0.2s;position:relative;display:flex;align-items:center;justify-content:center}.button.small{padding:4px 8px;font-size:14px;min-height:2rem}.button.medium{padding:0.75rem 1.5rem;font-size:1rem;min-height:2.5rem}.button.large{padding:1rem 2rem;font-size:1.125rem;min-height:3rem}.button.filled.primary{background:var(--rebill-color-primary);color:var(--rebill-color-text-on-primary)}.button.filled.primary:hover{background:var(--rebill-color-primary-hover)}.button.filled.error{background:var(--rebill-color-error);color:var(--rebill-color-text-on-primary)}.button.filled.primary-dark{background:var(--rebill-color-primary-dark);color:var(--rebill-color-text-on-primary)}.button.filled.primary-dark:hover{background:var(--rebill-color-primary-dark-hover)}.button.filled.button.secondary{background:var(--rebill-color-border);color:var(--rebill-color-neutrals-700)}.button.outline{background:transparent;box-shadow:none}.button.outline.primary{border-color:var(--rebill-color-primary);color:var(--rebill-color-primary)}.button.outline.primary:hover{background:var(--rebill-color-primary-light)}.button.outline.primary-dark{border-color:var(--rebill-color-primary-dark);color:var(--rebill-color-primary-dark)}.button.outline.primary-dark:hover{background:var(--rebill-color-primary-dark-light)}.button.outline.error{border-color:var(--rebill-color-error);color:var(--rebill-color-error)}.button.outline.error:hover{background:var(--rebill-color-error-light)}.button.text{background:transparent;box-shadow:none}.button.text.primary{color:var(--rebill-color-primary)}.button.text.primary:hover{background:var(--rebill-color-background-secondary-light)}.button.text.primary-dark{color:var(--rebill-color-primary-dark)}.button.text.primary-dark:hover{background:var(--rebill-color-primary-dark-light)}.button.text.error{color:var(--rebill-color-error)}.button.text.error:hover{background:var(--rebill-color-error-light)}.button.secondary{background:var(--rebill-color-background);color:var(--rebill-color-text-primary);border:1px solid var(--rebill-color-border-primary);border-radius:6px;padding:4px 8px;font-weight:500;font-size:14px;box-sizing:border-box;box-shadow:0px 1px 2px rgba(0, 0, 0, 0.05);font-family:Inter, sans-serif}.button.secondary:hover{background:var(--rebill-color-background-secondary);border-color:var(--rebill-color-border)}.button.download{background:transparent;box-shadow:none;border:none;padding:4px 8px;font-family:Inter, semibold;font-size:12px;font-weight:600;line-height:16px;letter-spacing:0%;color:#000000;cursor:pointer;transition:none;min-height:auto;width:auto}.button.download:hover{background:transparent;color:#000000;transform:none}.button.download:focus{background:transparent;color:#000000;outline:none}.button.download:active{background:transparent;color:#000000;transform:none}.button:disabled{background:var(--rebill-color-disabled);color:var(--rebill-color-text-on-primary);opacity:0.7;cursor:not-allowed;box-shadow:none;border-color:transparent}.button:disabled:hover{background:var(--rebill-color-disabled)}.button.outline:disabled,.button.text:disabled{background:transparent;border-color:var(--rebill-color-disabled, #ccc);color:var(--rebill-color-disabled, #ccc)}.button.outline:disabled:hover,.button.text:disabled:hover{background:transparent}.button__spinner{width:15px;height:15px;border:2px solid rgba(255, 255, 255, 0.3);border-radius:50%;border-top-color:white;animation:spin 1s linear infinite;display:inline-block;flex-shrink:0;vertical-align:middle}.button.outline .button__spinner,.button.text .button__spinner{border:2px solid var(--rebill-color-primary-light, rgba(0, 0, 0, 0.1));border-top-color:var(--rebill-color-primary)}.button.outline.primary-dark .button__spinner,.button.text.primary-dark .button__spinner{border:2px solid var(--rebill-color-primary-light, rgba(0, 0, 0, 0.1));border-top-color:var(--rebill-color-primary-dark)}.button.outline.error .button__spinner,.button.text.error .button__spinner{border:2px solid var(--rebill-color-error-light, rgba(0, 0, 0, 0.1));border-top-color:var(--rebill-color-error)}@keyframes spin{to{transform:rotate(360deg)}}.button.spinner-with-text{display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:row !important}.button.spinner-with-text .button__spinner{margin-left:12px;vertical-align:middle}.button.with-icon{display:flex;align-items:center;justify-content:center;gap:0.5rem}.button.secondary.with-icon{font-weight:500}.button.non-clickable{cursor:not-allowed !important;pointer-events:none}";
|
|
6
6
|
|
|
7
7
|
const Button = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -29,7 +29,7 @@ const Button = class {
|
|
|
29
29
|
render() {
|
|
30
30
|
return (index.h("button", { key: 'fc87b19d501ec07d7729381fb5bca367a766fcab', class: `button ${this.variant} ${this.theme} ${this.size} ${this.loading ? 'loading' : ''} ${this.icon ? 'with-icon' : ''} ${this.showSpinnerWithText && this.loading ? 'spinner-with-text' : ''} ${this.nonClickable ? 'non-clickable' : ''}`, id: this.id, type: this.type, disabled: this.disabled || this.loading, onClick: this.handleClick, style: {
|
|
31
31
|
cursor: this.nonClickable ? 'not-allowed' : undefined,
|
|
32
|
-
} }, this.icon && index.h("rebill-icon", { key: '11d3d71070a883dd0d0c2528b06d5692aec5d634', name: this.icon, size: "16px", color: this.iconColor }), this.loading && !this.showSpinnerWithText ? (index.h("div", { class: "
|
|
32
|
+
} }, this.icon && index.h("rebill-icon", { key: '11d3d71070a883dd0d0c2528b06d5692aec5d634', name: this.icon, size: "16px", color: this.iconColor }), this.loading && !this.showSpinnerWithText ? (index.h("div", { class: "button__spinner" })) : this.loading && this.showSpinnerWithText ? (index.h(index.h.Fragment, null, index.h("slot", null), index.h("div", { class: "button__spinner" }))) : (index.h("slot", null))));
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
35
|
Button.style = buttonCss;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rebill-button.entry.cjs.js","sources":["src/components/shared/button/button.css?tag=rebill-button","src/components/shared/button/button.tsx"],"sourcesContent":[".button {\n border: 1px solid transparent;\n border-radius: 0.375rem;\n padding: 0.75rem 1.5rem;\n width: 100%;\n font-size: 1rem;\n font-family: inherit;\n box-shadow: 0 2px 4px var(--rebill-color-shadow);\n cursor: pointer;\n transition:\n background 0.2s,\n color 0.2s,\n border-color 0.2s;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/* Size variants */\n.button.small {\n padding: 4px 8px;\n font-size: 14px;\n min-height: 2rem;\n}\n\n.button.medium {\n padding: 0.75rem 1.5rem;\n font-size: 1rem;\n min-height: 2.5rem;\n}\n\n.button.large {\n padding: 1rem 2rem;\n font-size: 1.125rem;\n min-height: 3rem;\n}\n/* Filled variant */\n.button.filled.primary {\n background: var(--rebill-color-primary);\n color: var(--rebill-color-text-on-primary);\n}\n.button.filled.primary:hover {\n background: var(--rebill-color-primary-hover);\n}\n.button.filled.error {\n background: var(--rebill-color-error);\n color: var(--rebill-color-text-on-primary);\n}\n.button.filled.primary-dark {\n background: var(--rebill-color-primary-dark);\n color: var(--rebill-color-text-on-primary);\n}\n.button.filled.primary-dark:hover {\n background: var(--rebill-color-primary-dark-hover);\n}\n\n.button.filled.button.secondary {\n background: var(--rebill-color-border);\n color: var(--rebill-color-neutrals-700);\n}\n\n/* Outline variant */\n.button.outline {\n background: transparent;\n box-shadow: none;\n}\n.button.outline.primary {\n border-color: var(--rebill-color-primary);\n color: var(--rebill-color-primary);\n}\n.button.outline.primary:hover {\n background: var(--rebill-color-primary-light);\n}\n.button.outline.primary-dark {\n border-color: var(--rebill-color-primary-dark);\n color: var(--rebill-color-primary-dark);\n}\n.button.outline.primary-dark:hover {\n background: var(--rebill-color-primary-dark-light);\n}\n.button.outline.error {\n border-color: var(--rebill-color-error);\n color: var(--rebill-color-error);\n}\n.button.outline.error:hover {\n background: var(--rebill-color-error-light);\n}\n\n/* Text variant */\n.button.text {\n background: transparent;\n box-shadow: none;\n}\n.button.text.primary {\n color: var(--rebill-color-primary);\n}\n.button.text.primary:hover {\n background: var(--rebill-color-background-secondary-light);\n}\n.button.text.primary-dark {\n color: var(--rebill-color-primary-dark);\n}\n.button.text.primary-dark:hover {\n background: var(--rebill-color-primary-dark-light);\n}\n.button.text.error {\n color: var(--rebill-color-error);\n}\n.button.text.error:hover {\n background: var(--rebill-color-error-light);\n}\n\n/* Secundary variant */\n.button.secondary {\n background: var(--rebill-color-background);\n color: var(--rebill-color-text-primary);\n border: 1px solid var(--rebill-color-border-primary);\n border-radius: 6px;\n padding: 4px 8px;\n font-weight: 500;\n font-size: 14px;\n box-sizing: border-box;\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);\n font-family: Inter, sans-serif;\n}\n.button.secondary:hover {\n background: var(--rebill-color-background-secondary);\n border-color: var(--rebill-color-border);\n}\n/* Download variant */\n.button.download {\n background: transparent;\n box-shadow: none;\n border: none;\n padding: 4px 8px;\n font-family: Inter, semibold;\n font-size: 12px;\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0%;\n color: #000000;\n cursor: pointer;\n transition: none;\n min-height: auto;\n width: auto;\n}\n\n.button.download:hover {\n background: transparent;\n color: #000000;\n transform: none;\n}\n\n.button.download:focus {\n background: transparent;\n color: #000000;\n outline: none;\n}\n\n.button.download:active {\n background: transparent;\n color: #000000;\n transform: none;\n}\n\n/* Button */\n.button:disabled {\n background: var(--rebill-color-disabled);\n color: var(--rebill-color-text-on-primary);\n opacity: 0.7;\n cursor: not-allowed;\n box-shadow: none;\n border-color: transparent;\n}\n\n.button:disabled:hover {\n background: var(--rebill-color-disabled);\n}\n\n.button.outline:disabled,\n.button.text:disabled {\n background: transparent;\n border-color: var(--rebill-color-disabled, #ccc);\n color: var(--rebill-color-disabled, #ccc);\n}\n\n.button.outline:disabled:hover,\n.button.text:disabled:hover {\n background: transparent;\n}\n\n.
|
|
1
|
+
{"version":3,"file":"rebill-button.entry.cjs.js","sources":["src/components/shared/button/button.css?tag=rebill-button","src/components/shared/button/button.tsx"],"sourcesContent":[".button {\n border: 1px solid transparent;\n border-radius: 0.375rem;\n padding: 0.75rem 1.5rem;\n width: 100%;\n font-size: 1rem;\n font-family: inherit;\n box-shadow: 0 2px 4px var(--rebill-color-shadow);\n cursor: pointer;\n transition:\n background 0.2s,\n color 0.2s,\n border-color 0.2s;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/* Size variants */\n.button.small {\n padding: 4px 8px;\n font-size: 14px;\n min-height: 2rem;\n}\n\n.button.medium {\n padding: 0.75rem 1.5rem;\n font-size: 1rem;\n min-height: 2.5rem;\n}\n\n.button.large {\n padding: 1rem 2rem;\n font-size: 1.125rem;\n min-height: 3rem;\n}\n/* Filled variant */\n.button.filled.primary {\n background: var(--rebill-color-primary);\n color: var(--rebill-color-text-on-primary);\n}\n.button.filled.primary:hover {\n background: var(--rebill-color-primary-hover);\n}\n.button.filled.error {\n background: var(--rebill-color-error);\n color: var(--rebill-color-text-on-primary);\n}\n.button.filled.primary-dark {\n background: var(--rebill-color-primary-dark);\n color: var(--rebill-color-text-on-primary);\n}\n.button.filled.primary-dark:hover {\n background: var(--rebill-color-primary-dark-hover);\n}\n\n.button.filled.button.secondary {\n background: var(--rebill-color-border);\n color: var(--rebill-color-neutrals-700);\n}\n\n/* Outline variant */\n.button.outline {\n background: transparent;\n box-shadow: none;\n}\n.button.outline.primary {\n border-color: var(--rebill-color-primary);\n color: var(--rebill-color-primary);\n}\n.button.outline.primary:hover {\n background: var(--rebill-color-primary-light);\n}\n.button.outline.primary-dark {\n border-color: var(--rebill-color-primary-dark);\n color: var(--rebill-color-primary-dark);\n}\n.button.outline.primary-dark:hover {\n background: var(--rebill-color-primary-dark-light);\n}\n.button.outline.error {\n border-color: var(--rebill-color-error);\n color: var(--rebill-color-error);\n}\n.button.outline.error:hover {\n background: var(--rebill-color-error-light);\n}\n\n/* Text variant */\n.button.text {\n background: transparent;\n box-shadow: none;\n}\n.button.text.primary {\n color: var(--rebill-color-primary);\n}\n.button.text.primary:hover {\n background: var(--rebill-color-background-secondary-light);\n}\n.button.text.primary-dark {\n color: var(--rebill-color-primary-dark);\n}\n.button.text.primary-dark:hover {\n background: var(--rebill-color-primary-dark-light);\n}\n.button.text.error {\n color: var(--rebill-color-error);\n}\n.button.text.error:hover {\n background: var(--rebill-color-error-light);\n}\n\n/* Secundary variant */\n.button.secondary {\n background: var(--rebill-color-background);\n color: var(--rebill-color-text-primary);\n border: 1px solid var(--rebill-color-border-primary);\n border-radius: 6px;\n padding: 4px 8px;\n font-weight: 500;\n font-size: 14px;\n box-sizing: border-box;\n box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);\n font-family: Inter, sans-serif;\n}\n.button.secondary:hover {\n background: var(--rebill-color-background-secondary);\n border-color: var(--rebill-color-border);\n}\n/* Download variant */\n.button.download {\n background: transparent;\n box-shadow: none;\n border: none;\n padding: 4px 8px;\n font-family: Inter, semibold;\n font-size: 12px;\n font-weight: 600;\n line-height: 16px;\n letter-spacing: 0%;\n color: #000000;\n cursor: pointer;\n transition: none;\n min-height: auto;\n width: auto;\n}\n\n.button.download:hover {\n background: transparent;\n color: #000000;\n transform: none;\n}\n\n.button.download:focus {\n background: transparent;\n color: #000000;\n outline: none;\n}\n\n.button.download:active {\n background: transparent;\n color: #000000;\n transform: none;\n}\n\n/* Button */\n.button:disabled {\n background: var(--rebill-color-disabled);\n color: var(--rebill-color-text-on-primary);\n opacity: 0.7;\n cursor: not-allowed;\n box-shadow: none;\n border-color: transparent;\n}\n\n.button:disabled:hover {\n background: var(--rebill-color-disabled);\n}\n\n.button.outline:disabled,\n.button.text:disabled {\n background: transparent;\n border-color: var(--rebill-color-disabled, #ccc);\n color: var(--rebill-color-disabled, #ccc);\n}\n\n.button.outline:disabled:hover,\n.button.text:disabled:hover {\n background: transparent;\n}\n\n.button__spinner {\n width: 15px;\n height: 15px;\n border: 2px solid rgba(255, 255, 255, 0.3);\n border-radius: 50%;\n border-top-color: white;\n animation: spin 1s linear infinite;\n display: inline-block;\n flex-shrink: 0;\n vertical-align: middle;\n}\n\n.button.outline .button__spinner,\n.button.text .button__spinner {\n border: 2px solid var(--rebill-color-primary-light, rgba(0, 0, 0, 0.1));\n border-top-color: var(--rebill-color-primary);\n}\n\n.button.outline.primary-dark .button__spinner,\n.button.text.primary-dark .button__spinner {\n border: 2px solid var(--rebill-color-primary-light, rgba(0, 0, 0, 0.1));\n border-top-color: var(--rebill-color-primary-dark);\n}\n\n.button.outline.error .button__spinner,\n.button.text.error .button__spinner {\n border: 2px solid var(--rebill-color-error-light, rgba(0, 0, 0, 0.1));\n border-top-color: var(--rebill-color-error);\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n/* Spinner with text styles */\n.button.spinner-with-text {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n\n flex-direction: row !important;\n}\n\n.button.spinner-with-text .button__spinner {\n margin-left: 12px;\n vertical-align: middle;\n}\n\n/* Icon styles */\n.button.with-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.5rem;\n}\n\n.button.secondary.with-icon {\n font-weight: 500;\n}\n\n.button.non-clickable {\n cursor: not-allowed !important;\n pointer-events: none;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { COLORS_ENUM } from '../../../utils/color-class-mapper';\nimport '../icon/icon';\nimport './button.css';\n\n@Component({\n tag: 'rebill-button',\n styleUrl: 'button.css',\n shadow: false,\n})\nexport class Button {\n @Prop() type: 'button' | 'submit' | 'reset' = 'button';\n @Prop() disabled = false;\n @Prop() id: string;\n @Prop() loading = false;\n @Prop() showSpinnerWithText = false;\n @Prop() nonClickable = false;\n @Prop() variant: 'filled' | 'outline' | 'secondary' | 'text' | 'download' = 'filled';\n @Prop() theme: 'primary' | 'error' | 'primary-dark' | 'secondary' = 'primary';\n @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n @Prop() icon?: string;\n @Prop() iconColor: COLORS_ENUM;\n\n private handleClick(event: Event) {\n if (this.nonClickable) {\n event.preventDefault();\n event.stopPropagation();\n return false;\n }\n }\n\n render() {\n return (\n <button\n class={`button ${this.variant} ${this.theme} ${this.size} ${this.loading ? 'loading' : ''} ${this.icon ? 'with-icon' : ''} ${this.showSpinnerWithText && this.loading ? 'spinner-with-text' : ''} ${this.nonClickable ? 'non-clickable' : ''}`}\n id={this.id}\n type={this.type}\n disabled={this.disabled || this.loading}\n onClick={this.handleClick}\n style={{\n cursor: this.nonClickable ? 'not-allowed' : undefined,\n }}\n >\n {this.icon && <rebill-icon name={this.icon} size=\"16px\" color={this.iconColor} />}\n {this.loading && !this.showSpinnerWithText ? (\n <div class=\"button__spinner\"></div>\n ) : this.loading && this.showSpinnerWithText ? (\n <>\n <slot></slot>\n <div class=\"button__spinner\"></div>\n </>\n ) : (\n <slot></slot>\n )}\n </button>\n );\n }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,SAAS,GAAG,ssJAAssJ;;MCU3sJ,MAAM,GAAA,MAAA;;;;IACT,IAAI,GAAkC,QAAQ;IAC9C,QAAQ,GAAG,KAAK;AAChB,IAAA,EAAE;IACF,OAAO,GAAG,KAAK;IACf,mBAAmB,GAAG,KAAK;IAC3B,YAAY,GAAG,KAAK;IACpB,OAAO,GAA6D,QAAQ;IAC5E,KAAK,GAAuD,SAAS;IACrE,IAAI,GAAiC,QAAQ;AAC7C,IAAA,IAAI;AACJ,IAAA,SAAS;AAET,IAAA,WAAW,CAAC,KAAY,EAAA;AAC9B,QAAA,IAAI,IAAI,CAAC,YAAY,EAAE;YACrB,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;AACvB,YAAA,OAAO,KAAK;;;IAIhB,MAAM,GAAA;QACJ,QACEA,qEACE,KAAK,EAAE,CAAU,OAAA,EAAA,IAAI,CAAC,OAAO,CAAI,CAAA,EAAA,IAAI,CAAC,KAAK,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,GAAG,WAAW,GAAG,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,OAAO,GAAG,mBAAmB,GAAG,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,YAAY,GAAG,eAAe,GAAG,EAAE,CAAA,CAAE,EAC9O,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,EACvC,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,KAAK,EAAE;gBACL,MAAM,EAAE,IAAI,CAAC,YAAY,GAAG,aAAa,GAAG,SAAS;aACtD,EAAA,EAEA,IAAI,CAAC,IAAI,IAAIA,0EAAa,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,SAAS,EAAI,CAAA,EAChF,IAAI,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,mBAAmB,IACxCA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,iBAAiB,EAAO,CAAA,IACjC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,mBAAmB,IAC1CA,OAAA,CAAAA,OAAA,CAAA,QAAA,EAAA,IAAA,EACEA,OAAa,CAAA,MAAA,EAAA,IAAA,CAAA,EACbA,OAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,iBAAiB,EAAA,CAAO,CAClC,KAEHA,OAAA,CAAA,MAAA,EAAA,IAAA,CAAa,CACd,CACM;;;;;;;"}
|
|
@@ -322,36 +322,36 @@ const RebillCheckout = class {
|
|
|
322
322
|
const customerInformation = this.parsedCustomerInformation;
|
|
323
323
|
return {
|
|
324
324
|
// Email
|
|
325
|
-
'email': formData
|
|
325
|
+
'email': formData?.email || customerInformation?.email || sessionUserInfo.email,
|
|
326
326
|
// Full name
|
|
327
|
-
'fullName': formData
|
|
327
|
+
'fullName': formData?.fullName || customerInformation?.fullName || sessionUserInfo.fullName,
|
|
328
328
|
// Phone
|
|
329
|
-
'countryCodePhoneNumber': formData
|
|
329
|
+
'countryCodePhoneNumber': formData?.countryCodePhoneNumber ||
|
|
330
330
|
customerInformation?.phoneNumber?.countryCode ||
|
|
331
331
|
customerInformation?.countryCode ||
|
|
332
332
|
sessionUserInfo.countryCode,
|
|
333
|
-
'phoneNumber': formData
|
|
333
|
+
'phoneNumber': formData?.phoneNumber ||
|
|
334
334
|
customerInformation?.phoneNumber?.number ||
|
|
335
335
|
sessionUserInfo.phoneNumber,
|
|
336
336
|
// Document
|
|
337
|
-
'documentType': formData
|
|
338
|
-
'documentNumber': formData
|
|
337
|
+
'documentType': formData?.documentType || customerInformation?.documentType || sessionUserInfo.documentType,
|
|
338
|
+
'documentNumber': formData?.documentNumber ||
|
|
339
339
|
customerInformation?.documentNumber ||
|
|
340
340
|
sessionUserInfo.documentNumber,
|
|
341
341
|
// Billing address
|
|
342
|
-
'billing-country': formData['billing-country'] ||
|
|
342
|
+
'billing-country': formData?.['billing-country'] ||
|
|
343
343
|
customerInformation?.address?.billingAddress?.country ||
|
|
344
344
|
sessionUserInfo.address?.billingAddress?.country,
|
|
345
|
-
'billing-state': formData['billing-state'] ||
|
|
345
|
+
'billing-state': formData?.['billing-state'] ||
|
|
346
346
|
customerInformation?.address?.billingAddress?.state ||
|
|
347
347
|
sessionUserInfo.address?.billingAddress?.state,
|
|
348
|
-
'billing-address': formData['billing-address'] ||
|
|
348
|
+
'billing-address': formData?.['billing-address'] ||
|
|
349
349
|
customerInformation?.address?.billingAddress?.address ||
|
|
350
350
|
sessionUserInfo.address?.billingAddress?.address,
|
|
351
|
-
'billing-city': formData['billing-city'] ||
|
|
351
|
+
'billing-city': formData?.['billing-city'] ||
|
|
352
352
|
customerInformation?.address?.billingAddress?.city ||
|
|
353
353
|
sessionUserInfo.address?.billingAddress?.city,
|
|
354
|
-
'billing-zip': formData['billing-zip'] ||
|
|
354
|
+
'billing-zip': formData?.['billing-zip'] ||
|
|
355
355
|
customerInformation?.address?.billingAddress?.zip ||
|
|
356
356
|
sessionUserInfo.address?.billingAddress?.zip,
|
|
357
357
|
};
|
|
@@ -715,6 +715,7 @@ const RebillCheckout = class {
|
|
|
715
715
|
}
|
|
716
716
|
async handleSubmitAPM(data) {
|
|
717
717
|
// Only handle cash and transfer payments for now
|
|
718
|
+
console.log('handleSubmitAPM', this.currentPaymentMethod);
|
|
718
719
|
if (this.currentPaymentMethod !== i18n_service.PAYMENT_METHOD_ENUM.CASH &&
|
|
719
720
|
this.currentPaymentMethod !== i18n_service.PAYMENT_METHOD_ENUM.BANK_TRANSFER) {
|
|
720
721
|
return;
|
|
@@ -1012,8 +1013,8 @@ const RebillCheckout = class {
|
|
|
1012
1013
|
label: country.country,
|
|
1013
1014
|
value: country.isoCountryCode,
|
|
1014
1015
|
}));
|
|
1015
|
-
const renderRebillSummary = (props = {}) => (index$1.h("rebill-summary", { key: '
|
|
1016
|
-
return (i18n_service.state.isInitialized && (index$1.h(index$1.h.Fragment, null, this.showRefreshModal && index$1.h("rebill-modal-overlay", { key: '
|
|
1016
|
+
const renderRebillSummary = (props = {}) => (index$1.h("rebill-summary", { key: '6b146657e3d9f93d213fafd3b09738ec48b89dd0', totalAmount: i18n_service.state.data.pricing.total, currency: i18n_service.state.data.pricing.currency, itemTitle: i18n_service.state._session?.getTitle(), itemDescription: i18n_service.state._session?.getDescription(), itemAmount: i18n_service.state.data.pricing.subtotal, subtotal: i18n_service.state.data.pricing.subtotal, allowCoupon: i18n_service.state._session?.getAllowCoupon(this.displayConfig), currentBreakpoint: this.breakpoint, planFrequency: i18n_service.state._session?.getPlanFrequency(), planFrequencyCount: i18n_service.state._session?.getPlanFrequencyCount(), discountType: i18n_service.state.data.discount.discountType, discountedPercentage: i18n_service.state.data.discount.discountedPercentage, discountDuration: i18n_service.state.data.discount.discountDuration, discountAmount: i18n_service.state.data.discount.discountAmount, ...props }));
|
|
1017
|
+
return (i18n_service.state.isInitialized && (index$1.h(index$1.h.Fragment, null, this.showRefreshModal && index$1.h("rebill-modal-overlay", { key: 'd13b30218fbe185f4971e58b5af195c5fda576d0' }), this.displayConfig.processingPayment && (index$1.h("rebill-processing-payment", { key: '18f514e8c1382affe1155ec74332d592a5d8ac39', style: { display: this.isCardSubmitting ? 'block' : 'none' } })), this.displayConfig.successPage &&
|
|
1017
1018
|
this.isPaymentApproved() &&
|
|
1018
1019
|
i18n_service.state.isInitialized ? (index$1.h("success-page", { typePaymentMethod: i18n_service.state.data.paymentMethodSelected, paymentMethodName: googleMaps_service.PaymentMethodMapper.mapToAPMPaymentMethod(i18n_service.state.data.paymentMethodSelected ||
|
|
1019
1020
|
i18n_service.state.data.payment?.paymentMethodType, i18n_service.state.data?.pricing?.country), country: i18n_service.state.data?.pricing?.country, bank: i18n_service.state.data.payment?.paymentMethodMetadata?.bank ||
|