@justifi/webcomponents 5.4.4 → 5.6.0

package/dist/collection/components/checkout/billing-form/billing-form.js

@@ -0,0 +1,203 @@
+import { h, Host } from "@stencil/core";
+import { billingFormSchema } from "./billing-form-schema";
+import { billingForm } from "../../../styles/parts";
+import { Header3 } from "../../../ui-components";
+import { numberOnlyHandler } from "../../../ui-components/form/utils";
+import StateOptions from "../../../utils/state-options";
+import { FormController } from "../../../ui-components/form/form";
+export class BillingForm {
+    constructor() {
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
+    }
+    componentWillLoad() {
+        const postalOnly = this.isPostalOnlyMode;
+        this.formController = new FormController(billingFormSchema(postalOnly));
+    }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    get isPostalOnlyMode() {
+        return this.paymentMethodType === 'card' && this.hideCardBillingForm;
+    }
+    get hideAllBillingFields() {
+        return this.paymentMethodType === 'bankAccount' && this.hideBankAccountBillingForm;
+    }
+    async getValues() {
+        return this.formController.values.getValue();
+    }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
+    }
+    async validate() {
+        let isValid = await this.formController.validate();
+        return { isValid: isValid };
+    }
+    render() {
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        const showHeader = !this.isPostalOnlyMode && !this.hideAllBillingFields;
+        return (h(Host, { key: '0df4ecdee8c32874325b83dd79586c7449ce6d93' }, h("div", { key: '6d5b45f278a7c69a76fe0895036ab37b810d0262', part: billingForm, class: "mt-4", hidden: this.hideAllBillingFields }, showHeader && h(Header3, { key: 'bc8f57f42134859e28dd523500ef874101198076', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("form", { key: '908b8265b028caaa01314bc56bdbfe550b632b94' }, h("fieldset", { key: 'af3e34fca100b0e0c3f13ef3af3a88009859e277' }, this.legend && h("legend", { key: '15cfcc98681d4386afad33d68910f7732e88b9a9' }, this.legend), h("div", { key: 'de372fbe06a6da1f512170a6f79f27c96499d790', class: "row gy-3" }, h("div", { key: 'bb4aab9d17a7bed7cb09e4306158f5e0ff248b8f', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: 'f8e086504b6f3fac0e4bd2a0c0dee5e2f2c3328a', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '9a5105e1183a61c55639c8153a65169fb65998c5', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: '4802e1462b0b1f433c77f817b733611332b18711', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '3edf7b2390c2fa7d0cadd75f9102a63f88a3685b', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: 'bec348d7030fa44e5a627ebc3f67ed9689a4a5b9', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '066d141b9529aae210fc2585bd2fd386e5b82120', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: '602587fcca0666d7070e5cd0316ed1c541953337', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '125aeec26f292763abefe1c3a1a3070a2a8b4c7c', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-select", { key: 'fb8d46d217d452809ee199ef8640e93714a91e85', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: 'b622a69cb724ed15d2fe0fb2a9039635bc96a12e', class: "col-12", hidden: this.hideAllBillingFields }, h("form-control-text", { key: 'a094770db85d5a65524909b5c4ec532fca167a95', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+    }
+    static get is() { return "justifi-billing-form"; }
+    static get properties() {
+        return {
+            "legend": {
+                "type": "string",
+                "attribute": "legend",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "hideCardBillingForm": {
+                "type": "boolean",
+                "attribute": "hide-card-billing-form",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "hideBankAccountBillingForm": {
+                "type": "boolean",
+                "attribute": "hide-bank-account-billing-form",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "paymentMethodType": {
+                "type": "string",
+                "attribute": "payment-method-type",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "formController": {},
+            "billingInfo": {},
+            "errors": {}
+        };
+    }
+    static get methods() {
+        return {
+            "getValues": {
+                "complexType": {
+                    "signature": "() => Promise<BillingFormFields>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "BillingFormFields": {
+                            "location": "import",
+                            "path": "./billing-form-schema",
+                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
+                        }
+                    },
+                    "return": "Promise<BillingFormFields>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "fill": {
+                "complexType": {
+                    "signature": "(fields: BillingFormFields) => Promise<void>",
+                    "parameters": [{
+                            "name": "fields",
+                            "type": "BillingFormFields",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "BillingFormFields": {
+                            "location": "import",
+                            "path": "./billing-form-schema",
+                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "validate": {
+                "complexType": {
+                    "signature": "() => Promise<{ isValid: boolean; }>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<{ isValid: boolean; }>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+}

package/dist/collection/components/checkout/card-form/card-form.js

@@ -2,7 +2,6 @@ import { h, Host } from "@stencil/core";
 import CardFormSkeleton from "./card-form-skeleton";
 export class CardForm {
     constructor() {
-        this.iframeOrigin = undefined;
         this.isReady = false;
     }
     componentDidRender() {
@@ -31,16 +30,17 @@ export class CardForm {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'fdbbbe01ef33117408fd49e1b478a6c3f0be56a6' }, h(CardFormSkeleton, { key: '859d45e5e9aa80f999aeece561e7d7971289786b', isReady: this.isReady }), h("div", { key: '586ca0f390ed57f34432930298662d2f85341dfa', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '035f015833d7c16a99ffb3cc4c1b88f44928839f' }, h(CardFormSkeleton, { key: '4f6a98efb4bb1ec08bc7660fe8fb11cf1f91aac4', isReady: this.isReady }), h("div", { key: 'efe85d9a9f3cd1ecabd6014b4e6ef6a22dce94f1', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '61f374b426d49a29f16ca1d56d5d9e82e74f12aa', class: "mb-3" }, h("iframe-input", { key: '965ad04d1ea086a026917078f7e8fc7b24d2c02e', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '0485b76a5b5f2d524eb942a7a36e534953730a4e', class: "row" }, h("div", { key: '9ffbe45585e6989e096430310dd21d5e31f1aa2f', class: "col-4 align-content-end" }, h("iframe-input", { key: '5fc0327c43a2823245261391074aba703791ecc7', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '22090d11cf2e4f017db46a7d2525f65d1e85a469', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a7b220a1081a241663b71619dad519611c2b98f5', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '9b6b26802c21b0b73fe71f251a584f33bed6179f', class: "col-4 align-content-end" }, h("iframe-input", { key: '59094373c4476437645d96779d65d5cea3f690d0', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: 'd72b1e2e6034d556eccbc6bd68b1469ce51ae257', class: "mb-3" }, h("iframe-input", { key: 'd5d4ae255037b01aced2c90c59bb74d65053b88a', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '1ff59862ecaf86c067638bc86a7a21425ee27ec0', class: "row" }, h("div", { key: '3f6803d69bc30890eb39f005c32c06d0cfb6cf0d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a328d46fbfea56f3fd483194a74e6d8520cbc2ae', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '46594d660b45a68f5b578823ed54db1a570a0291', class: "col-4 align-content-end" }, h("iframe-input", { key: 'e107c2515d16a339d52a3b08f91537eca3c92a23', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '3df8a556f5e0bade368137a673e814774ad507b9', class: "col-4 align-content-end" }, h("iframe-input", { key: '3432154c7645eda22beb1fe180936357b5b4b2c2', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
     static get is() { return "card-form"; }
     static get properties() {
         return {
             "iframeOrigin": {
                 "type": "string",
+                "attribute": "iframe-origin",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -53,7 +53,8 @@ export class CardForm {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "iframe-origin",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };

package/dist/collection/components/checkout/checkout-core.js

@@ -7,6 +7,10 @@ import { Button, StyledHost, Skeleton, Header2, Header3 } from "../../ui-compone
 import { checkoutSummary, text } from "../../styles/parts";
 export class CheckoutCore {
     constructor() {
+        this.hasLoadedFonts = false;
+        this.renderState = 'loading';
+        this.creatingNewPaymentMethod = false;
+        this.insuranceToggled = false;
         this.completeCheckout = async (payment) => {
             this.complete({
                 payment,
@@ -27,26 +31,20 @@ export class CheckoutCore {
             });
             this.renderState = 'error';
         };
-        this.authToken = undefined;
-        this.getCheckout = undefined;
-        this.complete = undefined;
-        this.checkoutId = undefined;
-        this.iframeOrigin = undefined;
-        this.disableCreditCard = undefined;
-        this.disableBankAccount = undefined;
-        this.disableBnpl = undefined;
-        this.disablePaymentMethodGroup = undefined;
-        this.hideCardBillingForm = undefined;
-        this.hasLoadedFonts = false;
-        this.checkout = undefined;
-        this.serverError = undefined;
-        this.renderState = 'loading';
-        this.creatingNewPaymentMethod = false;
-        this.insuranceToggled = false;
     }
     async fillBillingForm(fields) {
         this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
+    async validate() {
+        const insuranceValidation = validateInsuranceValues();
+        const { isValid } = await this.paymentMethodOptionsRef.validate();
+        if (!insuranceValidation.isValid || !isValid) {
+            return { isValid: false };
+        }
+        else {
+            return { isValid: true };
+        }
+    }
     componentWillLoad() {
         if (this.getCheckout) {
             this.fetchData();
@@ -117,14 +115,14 @@ export class CheckoutCore {
     }
     get paymentType() {
         var _a, _b, _c, _d, _e;
-        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled, iframeOrigin: this.iframeOrigin }))));
+        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "300px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("justifi-payment-method-options", { ref: (el) => (this.paymentMethodOptionsRef = el), "show-card": !this.disableCreditCard, "show-ach": !this.disableBankAccount, "show-bnpl": !this.disableBnpl, paymentMethodGroupId: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_method_group_id, "show-saved-payment-methods": !this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, bnpl: (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.bnpl, authToken: this.authToken, "account-id": (_c = this.checkout) === null || _c === void 0 ? void 0 : _c.account_id, savedPaymentMethods: ((_d = this.checkout) === null || _d === void 0 ? void 0 : _d.payment_methods) || [], paymentAmount: (_e = this.checkout) === null || _e === void 0 ? void 0 : _e.payment_amount, insuranceToggled: this.insuranceToggled, iframeOrigin: this.iframeOrigin }))));
     }
     get summary() {
         var _a, _b;
         return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(Skeleton, { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { part: text }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", null, h("span", { part: text }, "Total"), "\u00A0", h("span", { part: text }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
     }
     render() {
-        return (h(StyledHost, { key: '5a3131312064d08358320f15562cd3130f125c4c' }, h("div", { key: 'a048e80b026c9cebbed53fac3acffb3db49599c2', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '2c99697464195f90d96cc58ad68d2fd6147b80b1', class: "col-12", part: checkoutSummary }, h(Header2, { key: '1b49acf33c004c11554825f5cb1341a3224c452c', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), h("div", { key: 'f7513e8c9cb88f77cddae02c299e66435863ba72', class: "col-12" }, h("slot", { key: '0ae73bf9497ac5d458a816ede988f6176cdbc30f', name: "insurance" })), h("div", { key: '4395884ff39c9e2919af1cc8328a66aa409f5389', class: "col-12 mt-4" }, h(Header2, { key: '26b5631b8c3fc3f8bd2cf8c6b5fb14db49e5e187', text: "Payment", class: "fs-5 fw-bold pb-3" }), h(Header3, { key: 'abb63414930c847d1db7680e81bed30af974344a', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), h("div", { key: 'fdbbbfa789f092d9f90ad15f755d529d399e2bc4', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: 'a0d8329b680e6a30da5d5a11b51e2e1018068674', class: "col-12" }, h("div", { key: '40f932b56cdd2e68bf2a1e023939d3ce7764eedb', class: "d-flex justify-content-end" }, h(Button, { key: 'c98e7e15f6258a700c3dc96003048f3b5c84e582', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
+        return (h(StyledHost, { key: 'f02d0164b3e051bef6898d28efc52c3eb957b0ea' }, h("div", { key: '457c53bd60d22b1c31693f657ba68e37c92e6004', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '80a64216626921e9ea1162aaadcbcd39e646b8f6', class: "col-12", part: checkoutSummary }, h(Header2, { key: '6c26edfa8e55efa4e6dce35bc6a033049d3274a9', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), h("div", { key: '871352bbea880434c1f1206a185116beeb583225', class: "col-12" }, h("slot", { key: '7c1f22eee6502bb3921d6b887408df94a62eda4b', name: "insurance" })), h("div", { key: 'c47495deecf30222832850b904db0187cfe914cd', class: "col-12 mt-4" }, h(Header2, { key: 'f4b8b52bce3f002948918edc9fe319f2e6688673', text: "Payment", class: "fs-5 fw-bold pb-3" }), h(Header3, { key: '3013b9ac43206948e1fd1e2a3c58c8b99e8c71d2', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), h("div", { key: 'f7820a1754a6885572e44bd58c3cf819a6d5c3cf', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '54368dbcbf70067aca7f275db6dccf890b46408a', class: "col-12" }, h("div", { key: 'd7fda8916e810961613921eb1d7c5d04c1051fb5', class: "d-flex justify-content-end" }, h(Button, { key: '347e5a5abde014dc3222a7603603d35547c09671', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
     }
     static get is() { return "justifi-checkout-core"; }
     static get encapsulation() { return "shadow"; }
@@ -132,6 +130,7 @@ export class CheckoutCore {
         return {
             "authToken": {
                 "type": "string",
+                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -144,11 +143,13 @@ export class CheckoutCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "auth-token",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "getCheckout": {
                 "type": "unknown",
+                "attribute": "get-checkout",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -165,10 +166,13 @@ export class CheckoutCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "complete": {
                 "type": "unknown",
+                "attribute": "complete",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -185,10 +189,13 @@ export class CheckoutCore {
                 "docs": {
                     "tags": [],
                     "text": ""
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "checkoutId": {
                 "type": "string",
+                "attribute": "checkout-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -201,11 +208,13 @@ export class CheckoutCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "checkout-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "iframeOrigin": {
                 "type": "string",
+                "attribute": "iframe-origin",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -218,11 +227,13 @@ export class CheckoutCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "iframe-origin",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disableCreditCard": {
                 "type": "boolean",
+                "attribute": "disable-credit-card",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -235,11 +246,13 @@ export class CheckoutCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disable-credit-card",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disableBankAccount": {
                 "type": "boolean",
+                "attribute": "disable-bank-account",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -252,11 +265,13 @@ export class CheckoutCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disable-bank-account",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disableBnpl": {
                 "type": "boolean",
+                "attribute": "disable-bnpl",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -269,11 +284,13 @@ export class CheckoutCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disable-bnpl",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "disablePaymentMethodGroup": {
                 "type": "boolean",
+                "attribute": "disable-payment-method-group",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -286,11 +303,13 @@ export class CheckoutCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "disable-payment-method-group",
+                "getter": false,
+                "setter": false,
                 "reflect": false
             },
             "hideCardBillingForm": {
                 "type": "boolean",
+                "attribute": "hide-card-billing-form",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -303,7 +322,27 @@ export class CheckoutCore {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "hide-card-billing-form",
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "hideBankAccountBillingForm": {
+                "type": "boolean",
+                "attribute": "hide-bank-account-billing-form",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };
@@ -388,10 +427,10 @@ export class CheckoutCore {
         return {
             "fillBillingForm": {
                 "complexType": {
-                    "signature": "(fields: BillingFormFields | PostalFormFields) => Promise<void>",
+                    "signature": "(fields: BillingFormFields) => Promise<void>",
                     "parameters": [{
                             "name": "fields",
-                            "type": "BillingFormFields | PostalFormFields",
+                            "type": "BillingFormFields",
                             "docs": ""
                         }],
                     "references": {
@@ -401,13 +440,8 @@ export class CheckoutCore {
                         },
                         "BillingFormFields": {
                             "location": "import",
-                            "path": "./billing-forms/billing-form-schema",
-                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::BillingFormFields"
-                        },
-                        "PostalFormFields": {
-                            "location": "import",
-                            "path": "./billing-forms/billing-form-schema",
-                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::PostalFormFields"
+                            "path": "./billing-form/billing-form-schema",
+                            "id": "src/components/checkout/billing-form/billing-form-schema.ts::BillingFormFields"
                         }
                     },
                     "return": "Promise<void>"
@@ -416,6 +450,23 @@ export class CheckoutCore {
                     "text": "",
                     "tags": []
                 }
+            },
+            "validate": {
+                "complexType": {
+                    "signature": "() => Promise<{ isValid: boolean; }>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<{ isValid: boolean; }>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
             }
         };
     }