@justifi/webcomponents 5.3.6 → 5.4.1

package/dist/collection/components/business-forms/payment-provisioning/form-control-monetary-provisioning.js

@@ -0,0 +1,255 @@
+import { Host, h, } from "@stencil/core";
+import IMask from "imask";
+import { CURRENCY_MASK } from "../../../utils/form-input-masks";
+import { FormControlErrorText, FormControlHelpText } from "../../../ui-components";
+import { inputDisabled, inputFocused, inputGroup, inputInvalid, label, text } from "../../../styles/parts";
+export class MonetaryInputProvisioning {
+    constructor() {
+        this.imask = null;
+        this.initializeIMask = () => {
+            if (!this.textInput)
+                return;
+            this.imask = IMask(this.textInput, this.maskOptions);
+            this.imask.on('accept', () => {
+                const rawValue = this.imask.unmaskedValue;
+                this.inputHandler(this.name, rawValue);
+                this.formControlInput.emit({ name: this.name, value: rawValue });
+            });
+            this.textInput.addEventListener('blur', () => this.formControlBlur.emit());
+        };
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            const rawValue = this.imask.unmaskedValue;
+            this.formControlInput.emit({ name: name, value: rawValue });
+        };
+        this.updateInput = (newValue) => {
+            if (this.imask) {
+                this.imask.value = String(newValue);
+            }
+        };
+        this.isFocused = false;
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.inputHandler = undefined;
+        this.maskOptions = CURRENCY_MASK.DECIMAL;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.initializeIMask();
+        this.updateInput(this.defaultValue);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    get part() {
+        let part = inputGroup;
+        if (this.errorText) {
+            part = inputInvalid;
+        }
+        if (this.disabled) {
+            part = inputDisabled;
+        }
+        if (this.isFocused) {
+            part = inputFocused;
+        }
+        return part;
+    }
+    render() {
+        return (h(Host, { key: '5383790c4e52c664e0146692c3773ac077443f89' }, h("div", { key: '3e58f5e707e80c93bf0400f43bd847bf93a90a12', class: "form-group d-flex flex-column" }, h("label", { key: 'cce6c16518524b02f9ccf05beea2ab034b609308', part: label, class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '85d65b44095f1cc3d68f8ec400d8352f0d1296fe', class: "input-group" }, h("span", { key: '73e1ad02a1989d8a55dbfc8a7def799d46c58e7c', class: "input-group-text", part: text }, "$"), h("input", { key: 'f61c88cf6603e912b6104074367caa86892e7ea0', ref: el => (this.textInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+                this.isFocused = false;
+                this.formControlBlur.emit();
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h(FormControlHelpText, { key: 'fc7fc677a555016fcc9c6231a01f53ab03b0b00d', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '624bb1eb078dab076efc517d339c4d54271e5bc7', errorText: this.errorText, name: this.name }))));
+    }
+    static get is() { return "form-control-monetary-provisioning"; }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "label",
+                "reflect": false
+            },
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "name",
+                "reflect": false
+            },
+            "helpText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "help-text",
+                "reflect": false
+            },
+            "errorText": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "error-text",
+                "reflect": false
+            },
+            "defaultValue": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "default-value",
+                "reflect": false
+            },
+            "inputHandler": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(name: string, value: string) => void",
+                    "resolved": "(name: string, value: string) => void",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                }
+            },
+            "maskOptions": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "mask-options",
+                "reflect": false,
+                "defaultValue": "CURRENCY_MASK.DECIMAL"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isFocused": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "formControlInput",
+                "name": "formControlInput",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "formControlBlur",
+                "name": "formControlBlur",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "defaultValue",
+                "methodName": "handleDefaultValueChange"
+            }];
+    }
+}

package/dist/collection/components/business-forms/payment-provisioning/legal-address-form/legal-address-form-step.js

@@ -41,7 +41,7 @@ export class LegalAddressFormStep {
         }
     }
     render() {
-        return (h("justifi-legal-address-form-step-core", { key: '70241ec94d2519d675e3831dfb13840e0f9ea6ca', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
+        return (h("justifi-legal-address-form-step-core", { key: '65d876bee76f4deb4df115e636fafaef2c883f24', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, ref: el => this.coreComponent = el }));
     }
     static get is() { return "justifi-legal-address-form-step"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-core.js

@@ -93,7 +93,7 @@ export class PaymentProvisioningCore {
         this.loading = event.detail;
     }
     render() {
-        return (h(StyledHost, { key: '498b6e0a593808dd761b9cefdb7e94124d445348' }, h("div", { key: 'd746caba6329ac82e75978bd19fbc09c8a43d60f', class: 'row gap-3' }, h(Header1, { key: '439425337ed7767ce4fc8c94e31f6997aa1b62d8', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: 'fd95a40c0a72c94cbb146cbc866d6b057cbfc5c0', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '350fc615685f872cb6ba5537dc2de5d2a205e5cc', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: '3f9a36bc1d58efdfe81b4d7022647b0c1fbc1911', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'e1c061aa840b3b8ac1bad472d763fcd54c902681', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (h(StyledHost, { key: 'e195b19df4d1061ecf8b305005faf0ffce68221e' }, h("div", { key: '17d42ba0a22567dce6760e2047478eb1bc36a794', class: 'row gap-3' }, h(Header1, { key: '507788c4af5572cbb09037443ae51b505567d825', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: '4b7e73217ff8230756542c3b0c069e18b7f23356', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, handleFormLoading: this.handleFormLoading }), h("div", { key: '2ae1e8386114181cbd6f7999ac047b7709daa4fb', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'a126b618a3028c4c7a9c12145ab63e222a17e51f', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'a66e1ac554e0dffa78be59df6a74d8175ba0376c', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
     static get is() { return "justifi-payment-provisioning-core"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-form-buttons.js

@@ -20,7 +20,7 @@ export class PaymentProvisioningFormButtons {
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: 'f5b14768cd97673e77c1ee2d9d73221cdee885e6', class: 'd-flex gap-2' }, h(Button, { key: '4726571002718d036c292a41dc216955ba5ec687', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '3852cfcd4704f5509f22a5c457526fe8475df096', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'd62830b61932581071a1a44d872760be0823215a', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (h("div", { key: '7c793a33752cd9b3dd1ebc6c30b7a98002ef8820', class: 'd-flex gap-2' }, h(Button, { key: '5127c233ef8c819fe17204baaff7370d78ec70e7', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'd889e96935718eb333eaac70023fd7b273118676', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '5502d7d73084119862451389bf85705407187016', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
     static get is() { return "justifi-payment-provisioning-form-buttons"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning-form-steps.js

@@ -21,7 +21,7 @@ export class PaymentProvisioningFormSteps {
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: 'a83b5ef4442783fe771eef6d6418c97aa0a9026d', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: 'f25bbaeeac7ea49b2d99f746af0aec7b637d879a', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
     static get is() { return "justifi-payment-provisioning-form-steps"; }
     static get properties() {

package/dist/collection/components/business-forms/payment-provisioning/payment-provisioning.js

@@ -48,7 +48,7 @@ export class PaymentProvisioning {
         }
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: 'ca4b13afe923312bd51d477eae50099876991599', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (h("justifi-payment-provisioning-core", { key: 'ab584a720ecfc7ec4e68082fefadeb11fd2884d2', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get is() { return "justifi-payment-provisioning"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/business-forms/payment-provisioning/terms-and-conditions/business-terms-conditions-form-step.js

@@ -114,7 +114,7 @@ export class BusinessTermsConditionsFormStep {
         return (h("a", { href: "https://justifi.tech/merchant-agreement/", target: "_blank", rel: "noopener noreferrer" }, "merchant agreement"));
     }
     render() {
-        return (h("form", { key: '37500e35233a820f521ee503fc638335a2f4866c' }, h("fieldset", { key: 'e2d1005578397a07b9e876c9a5996e515831c61b' }, h("legend", { key: '46918bc1bd20bb56d4e4882ae3ad9b29e3f6e319', part: heading2 }, "Terms and Conditions"), h("hr", { key: '904dc58480d9e879fcb462c861a3e398d4dd88b7' }), h("div", { key: 'aad73d0a9beddf3487a19bf2af65684309b411aa' }, h("p", { key: '10d9f2ff569e4426aaf1563a98838d89636029fd' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'dfb6de0078ebbbed103e7b901da879d5ee4195a4' }), h("div", { key: '4899d9b2a0c85e6d26bfd6e3d35ec1dd38f814e2', class: "row-gy-3" }, h("div", { key: '011ea552aa484fc1d6a159fb58a8fe7383887584', class: "col-12" }, h("form-control-checkbox", { key: '461b491715ed88e92795c7383af3e351e4d9d046', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
+        return (h("form", { key: '5d9a216a01873d989cb24057ad4c2411c1ba3654' }, h("fieldset", { key: '6de8bf419bf4bb246346edd04d6d3a195e50fe77' }, h("legend", { key: 'a2b33f3531d30ffd6df9d2b5c161ab3f1086c781', part: heading2 }, "Terms and Conditions"), h("hr", { key: '0346c558c6791e1e727579ab9fd5783c79c0c3fe' }), h("div", { key: '6de71742da5a7de4b4273b9e08cc314c8842c2cd' }, h("p", { key: 'cefd9dec798ce4bc1f5e56b33bf4a37fd4e79edf' }, "Please read and accept the ", this.merchantAgreementLink, " to submit your provisioning request.")), h("br", { key: 'bdac3db844cf98fe77e7599eb5176175f291b371' }), h("div", { key: '9a1ba461f721fa1c376a57964a1211abee7bd36e', class: "row-gy-3" }, h("div", { key: '208c201f35bf0179a5cc06efddbb7ba4a1c65e02', class: "col-12" }, h("form-control-checkbox", { key: '42e8a31b2694f39ca843dc8a865f0c0bad43547a', name: "accepted", label: "I agree to the terms and conditions", inputHandler: this.inputHandler, errorText: this.errors.accepted, disabled: this.acceptedTermsBefore, helpText: this.formHelperText, checked: this.acceptedTerms }))))));
     }
     static get is() { return "justifi-business-terms-conditions-form-step"; }
     static get properties() {

package/dist/collection/components/checkout/bank-account-form/bank-account-form.js

@@ -27,10 +27,10 @@ export class BankAccountForm {
         });
     }
     render() {
-        return (h(Host, { key: '18ace2e10e76c27166f2432a84880be2e14e7d23' }, h(BankAccountFormSkeleton, { key: 'd2d3eb44c8854913866e2f1178418ab5cd43429e', isReady: this.isReady }), h("div", { key: '84987e3e4d8e5ed4f314f7e306f7e8e48f457bcb', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '3d21d5269871beaffeffaef8b9c5104da59c1783' }, h(BankAccountFormSkeleton, { key: 'eb14285f2f0994085423901139f717c3b644273b', isReady: this.isReady }), h("div", { key: '906895204049f1113d596bade78de29bd5def6c2', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'b74ce1520cc0dd97d527ba0b8607ad891a645142', class: "row mb-3" }, h("iframe-input", { key: '6966eae250b2d702d0fb887a09fa1b14467fd823', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '02da6bb34dd86fd0e3dddd0d12bdcb7b85bfc70c', class: "row" }, h("iframe-input", { key: '3f8439860fae1d743e10f6b51f9d10cbe451bcae', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: 'c56aa2cdec0c8be615dee4388346e890b2610b82', class: "row mb-3" }, h("iframe-input", { key: '5dd97225f360e267abf0c772b28ba890edf284db', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '20504c4b3c984c907765b99051a9e44ad6b5a37a', class: "row" }, h("iframe-input", { key: 'a85f47d87b01e099ac54969ce482abcc1fcb5366', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
     static get is() { return "bank-account-form"; }
     static get properties() {

package/dist/collection/components/{billing-forms → checkout/billing-forms}/billing-form/billing-form.js

@@ -1,8 +1,8 @@
 import { h, Host } from "@stencil/core";
 import { BillingFormSchema } from "../billing-form-schema";
-import StateOptions from "../../../utils/state-options";
-import { FormController } from "../../../ui-components/form/form";
-import { numberOnlyHandler } from "../../../ui-components/form/utils";
+import { numberOnlyHandler } from "../../../../ui-components/form/utils";
+import { FormController } from "../../../../ui-components/form/form";
+import StateOptions from "../../../../utils/state-options";
 export class BillingForm {
     constructor() {
         this.inputHandler = (name, value) => {
@@ -34,7 +34,7 @@ export class BillingForm {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '2763b7ac25e51e9d206d6a0bc6ed28ec13f54cc3' }, h("form", { key: '758b52530cc945e9c3ce5a2ee11838a3776abc6b' }, h("fieldset", { key: '2ab7312e043d3cbc03993f11ac5692692319af4b' }, this.legend && h("legend", { key: '8e324a5bb2fabc975742e866341a3434e1950a3c' }, this.legend), h("div", { key: 'fafd0d9fa2784341dc80fea8c53d081d2c84af5d', class: "row gy-3" }, h("div", { key: '3aa18a756f3ea6ff9dcfa061cd845c714cab3540', class: "col-12" }, h("form-control-text", { key: '4b75c876eef667f3d353c802376774e7c1af1b84', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'dddc81024aef4757c18b31db84204fc9e70f9ab1', class: "col-12" }, h("form-control-text", { key: 'd9d63301e3d87885de9414164c820df2013cb6ae', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'f96675211a63fc785b9e759aef44f4dd4b22e0a3', class: "col-12" }, h("form-control-text", { key: 'f2c6a24150d640f9efbfa1748f577e32550b3507', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '83cf74afae2c4e899151cc5461a06632fef3c756', class: "col-12" }, h("form-control-text", { key: 'cbbf7dfac17eb69b2c9e80534051822cd4f94afd', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '9331b691855dc4f9a60b746089552228a5b12942', class: "col-12" }, h("form-control-select", { key: 'f0f726fe2633ab45754691726a0008c4e50f41ac', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '0d1d00ca86d09a370330cd9f3807783a8cd981a4', class: "col-12" }, h("form-control-text", { key: '0e43cfe70ca05a3d795d82f554453d12562b2ec9', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
+        return (h(Host, { key: '4e04724997c5fda2b4a18b8567da9cd5b0e5e1df' }, h("form", { key: '3ad1b5cf693a428fccc6dcdb2da3456012a7e5bc' }, h("fieldset", { key: '25701e25d37ceff483328dc0fdc38ed03d982a1d' }, this.legend && h("legend", { key: 'c3f8bf4e1aa05446c9cce72f7abb3eb264eb1822' }, this.legend), h("div", { key: '5ceaf13100d39a8107a5695a0140426f5db0ea50', class: "row gy-3" }, h("div", { key: '3e0933b0d4398d1ee3b0b377c65cf2e2e663223b', class: "col-12" }, h("form-control-text", { key: '13b37a27bfa031e03827cb5396b96ee4cbbe419c', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '3e6616197e464a7532945fcd158fc36728a05485', class: "col-12" }, h("form-control-text", { key: '5d6ebbf9e49eedb378d812a1c24bdfbaaf5e5fab', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'b0a7141b5d60cee445f69200979f97e86e8f0e3d', class: "col-12" }, h("form-control-text", { key: '221f411f92bb92e753d5e2fc7e92e9ffe6d20da4', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '189854bdd6dc09039751f81fd65fd3e685731a99', class: "col-12" }, h("form-control-text", { key: 'cc815e308a51d23b139ecaa80afad76b58e761d7', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: 'd876d68af601bec261b6ad0728f8218b605714ff', class: "col-12" }, h("form-control-select", { key: 'd2ab5a47330708030eb904a1463a8fe71553921e', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '152b2e798fbeddcd493479fa15dcb31fe87adc69', class: "col-12" }, h("form-control-text", { key: '050e2be5b9874d2e16eee050b2f9352c4c468657', 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 "billing-form"; }
     static get properties() {
@@ -79,7 +79,7 @@ export class BillingForm {
                         "BillingFormFields": {
                             "location": "import",
                             "path": "../billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::BillingFormFields"
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::BillingFormFields"
                         }
                     },
                     "return": "Promise<BillingFormFields>"
@@ -105,7 +105,7 @@ export class BillingForm {
                         "BillingFormFields": {
                             "location": "import",
                             "path": "../billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::BillingFormFields"
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::BillingFormFields"
                         }
                     },
                     "return": "Promise<void>"

package/dist/collection/components/{billing-forms → checkout/billing-forms}/billing-form-schema.js

@@ -1,5 +1,5 @@
 import { object } from "yup";
-import { cityValidation, identityNameValidation, lineOneValidation, lineTwoValidation, postalValidation, stateValidation } from "../business-forms/schemas/schema-validations";
+import { cityValidation, identityNameValidation, lineOneValidation, lineTwoValidation, postalValidation, stateValidation, } from "../../business-forms/schemas/schema-validations";
 export const BillingFormSchema = object({
     name: identityNameValidation.required('Enter full name'),
     address_line1: lineOneValidation.required('Enter street address'),
@@ -12,7 +12,11 @@ export const PostalFormSchema = object({
     address_postal_code: postalValidation.required('Enter postal code'),
 });
 export function isBillingFormFields(fields) {
-    return 'name' in fields && 'address_line1' in fields && 'address_city' in fields && 'address_state' in fields && 'address_postal_code' in fields;
+    return ('name' in fields &&
+        'address_line1' in fields &&
+        'address_city' in fields &&
+        'address_state' in fields &&
+        'address_postal_code' in fields);
 }
 export function isPostalFormFields(fields) {
     return (typeof fields === 'object' &&

package/dist/collection/components/{billing-forms → checkout/billing-forms}/billing-form-wrapper.js

@@ -1,6 +1,6 @@
 import { h, Host } from "@stencil/core";
-import { billingForm } from "../../styles/parts";
-import { Header3 } from "../../ui-components";
+import { billingForm } from "../../../styles/parts";
+import { Header3 } from "../../../ui-components";
 export class BillingFormWrapper {
     constructor() {
         this.legend = undefined;
@@ -43,7 +43,7 @@ export class BillingFormWrapper {
         }
     }
     render() {
-        return (h(Host, { key: '585ffd5fea9537675f0df77e1e4697a53dacf56f' }, h("div", { key: 'fb7cf4c2f763d64512b6f905aa29aded8060374c', part: billingForm }, this.renderedForm)));
+        return (h(Host, { key: 'be6dea58ab65001a820f6c0bb62f91f8b5698c76' }, h("div", { key: '7f69a59cdfb80ac8723b07243379ba61bb1f30c9', part: billingForm }, this.renderedForm)));
     }
     static get is() { return "justifi-billing-form-wrapper"; }
     static get properties() {
@@ -119,12 +119,12 @@ export class BillingFormWrapper {
                         "BillingFormFields": {
                             "location": "import",
                             "path": "./billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::BillingFormFields"
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::BillingFormFields"
                         },
                         "PostalFormFields": {
                             "location": "import",
                             "path": "./billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::PostalFormFields"
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::PostalFormFields"
                         }
                     },
                     "return": "Promise<void>"
@@ -146,12 +146,12 @@ export class BillingFormWrapper {
                         "BillingFormFields": {
                             "location": "import",
                             "path": "./billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::BillingFormFields"
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::BillingFormFields"
                         },
                         "PostalFormFields": {
                             "location": "import",
                             "path": "./billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::PostalFormFields"
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::PostalFormFields"
                         }
                     },
                     "return": "Promise<BillingFormFields | PostalFormFields>"

package/dist/collection/components/{billing-forms → checkout/billing-forms}/postal-form/postal-form.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 import { PostalFormSchema } from "../billing-form-schema";
-import { FormController } from "../../../ui-components/form/form";
-import { numberOnlyHandler } from "../../../ui-components/form/utils";
+import { FormController } from "../../../../ui-components/form/form";
+import { numberOnlyHandler } from "../../../../ui-components/form/utils";
 export class PostalForm {
     constructor() {
         this.inputHandler = (name, value) => {
@@ -33,7 +33,7 @@ export class PostalForm {
     }
     render() {
         const postalFormDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'e798e67c159b53a995e4a60246c6f6d6e872f1ec' }, h("form", { key: '24d6980de772a360c0218e9ab50550dcee5786d5' }, h("fieldset", { key: '9e990836becccdf5d12a9e15e2eb7f4078f74b08' }, this.legend && h("legend", { key: '12d445b392cf03114dbd2a37391ecc1b87304868' }, this.legend), h("div", { key: '2d2fed9cf30b3869633b80b39b7684dfde66f6b7', class: "row gy-3" }, h("div", { key: '8ec042863e646d5daffeb3fbb5395336406adcde', class: "col-12" }, h("form-control-text", { key: '82a2c18c2a7eef7ba7ac46e53dfc9c975c8d28b7', name: 'address_postal_code', label: "ZIP", defaultValue: postalFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
+        return (h(Host, { key: '3d70df5d84e1ee5bf9dfac6802d363e06341174e' }, h("form", { key: 'f91ec1a5078461075c419be4402a8df393bae499' }, h("fieldset", { key: '25ccb09388339cab44e70319c9d918c51d6049bf' }, this.legend && h("legend", { key: '292c52a34f7eba726121c68ced16e91d7f442b7f' }, this.legend), h("div", { key: 'a29e228daceb269c8d2137aed1cfe6db8eb7d821', class: "row gy-3" }, h("div", { key: 'b4bf02f82a7048051fe72c409da6612533ee2645', class: "col-12" }, h("form-control-text", { key: '43ef0840e700024c2aeab32cf8e2f4bd3b360de6', name: 'address_postal_code', label: "ZIP", defaultValue: postalFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
     }
     static get is() { return "postal-form"; }
     static get properties() {
@@ -78,7 +78,7 @@ export class PostalForm {
                         "PostalFormFields": {
                             "location": "import",
                             "path": "../billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::PostalFormFields"
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::PostalFormFields"
                         }
                     },
                     "return": "Promise<PostalFormFields>"
@@ -104,7 +104,7 @@ export class PostalForm {
                         "PostalFormFields": {
                             "location": "import",
                             "path": "../billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::PostalFormFields"
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::PostalFormFields"
                         }
                     },
                     "return": "Promise<void>"

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

@@ -31,10 +31,10 @@ export class CardForm {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'a97247efa8298a7e4c3498690974e482e36ae966' }, h(CardFormSkeleton, { key: '52f338782020b5926377c9968bb85364ad720c68', isReady: this.isReady }), h("div", { key: '7cb7e827c407a18e09c1e0c925896644032428b8', class: "container-fluid p-0", style: {
+        return (h(Host, { key: 'fdbbbe01ef33117408fd49e1b478a6c3f0be56a6' }, h(CardFormSkeleton, { key: '859d45e5e9aa80f999aeece561e7d7971289786b', isReady: this.isReady }), h("div", { key: '586ca0f390ed57f34432930298662d2f85341dfa', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '9a49fd64a1464ae0ae032883bd79c8a7e9c5d4b3', class: "mb-3" }, h("iframe-input", { key: '8778a816cbbd96f5b0c7e8f3364a704bd7aab2d8', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '53ab4f9f636acfa72744cd5d364a4ae3a3c732d4', class: "row" }, h("div", { key: '01aec684cab29a4aa24839acfc3ecc9e914c9911', class: "col-4 align-content-end" }, h("iframe-input", { key: '9c87ff44375de2d46028f2532a33856cf608c6a0', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'bc9176ebc7561c7cc0b654e837852a18c1b49f60', class: "col-4 align-content-end" }, h("iframe-input", { key: '5f6b133bc5ae94f912648d210a6e58dd4fe1e880', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '404c90decbac6b142b45c21a2997c0771bb59092', class: "col-4 align-content-end" }, h("iframe-input", { key: '1b9e89656a437b080fbf92b4ebd74772ae1f26f4', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, 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` }))))));
     }
     static get is() { return "card-form"; }
     static get properties() {

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

@@ -124,7 +124,7 @@ export class CheckoutCore {
         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: '8f7bb796cec8a51b3a871ecc6f1d040636103503' }, h("div", { key: 'f616c1705dd8d9da854b496d5b028cebb4c88ce5', class: "row gy-3 jfi-checkout-core" }, h("div", { key: 'e374110371f020c9de996f4ca3932f7535e208ee', class: "col-12", part: checkoutSummary }, h(Header2, { key: 'aa9227b3ff49dc43c6a42d1988ec0669b298cef0', text: "Summary", class: "fs-5 fw-bold pb-3" }), this.summary), h("div", { key: 'e8e9cddcc4cb11c6d7c020c1dc18d7b5bfe457c3', class: "col-12" }, h("slot", { key: '69e623e8c23aec6f49430b395f86d7134ceeddc9', name: "insurance" })), h("div", { key: 'fea072a50acb658433a36d8234b27c1fd8415dc4', class: "col-12 mt-4" }, h(Header2, { key: '9b0a5c9e5e7db31a6d6cfda87cad18786d638bd9', text: "Payment", class: "fs-5 fw-bold pb-3" }), h(Header3, { key: '2eeae1935b2b238573be4bf1edfc5d80700d9c80', text: "Select payment type", class: "fs-6 fw-bold lh-lg" }), h("div", { key: '5c9fd0558a37ff903ec7137beeb3c49d406bcd1d', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '2538670c227dc2e96c43d878ae09357a72a7e267', class: "col-12" }, h("div", { key: 'b51e39da64972578815a2cf0cf5342d292edaa45', class: "d-flex justify-content-end" }, h(Button, { key: 'abcb099a4ad152a38d05d99781e02292efd246e0', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
+        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"))))));
     }
     static get is() { return "justifi-checkout-core"; }
     static get encapsulation() { return "shadow"; }
@@ -401,13 +401,13 @@ export class CheckoutCore {
                         },
                         "BillingFormFields": {
                             "location": "import",
-                            "path": "../billing-forms/billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::BillingFormFields"
+                            "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/billing-forms/billing-form-schema.ts::PostalFormFields"
+                            "path": "./billing-forms/billing-form-schema",
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::PostalFormFields"
                         }
                     },
                     "return": "Promise<void>"

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

@@ -54,11 +54,11 @@ export class Checkout {
         this.checkoutCoreRef.fillBillingForm(fields);
     }
     render() {
-        return (h("justifi-checkout-core", { key: '52aca1a3ce8016a382f428ef142abc8aee9da41d', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: el => {
+        return (h("justifi-checkout-core", { key: '4c752a401d34aae940f947600aa81961be1d6d8e', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: el => {
                 if (el) {
                     this.checkoutCoreRef = el;
                 }
-            } }, h("div", { key: 'fabb53264f26320fff2aa0a603c664f47ca380d0', slot: "insurance" }, h("slot", { key: 'ce09504ef5a48d6b963f4ba39252d681f23d0168', name: "insurance" }))));
+            } }, h("div", { key: 'a67422cd23e1895f192abb352d328ea9874566e8', slot: "insurance" }, h("slot", { key: '937902933052abb1dae89271bc85ddd93b86a904', name: "insurance" }))));
     }
     static get is() { return "justifi-checkout"; }
     static get properties() {
@@ -271,13 +271,13 @@ export class Checkout {
                         },
                         "BillingFormFields": {
                             "location": "import",
-                            "path": "../billing-forms/billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::BillingFormFields"
+                            "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/billing-forms/billing-form-schema.ts::PostalFormFields"
+                            "path": "./billing-forms/billing-form-schema",
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::PostalFormFields"
                         }
                     },
                     "return": "Promise<void>"

package/dist/collection/components/checkout/new-payment-method.js

@@ -80,7 +80,7 @@ export class NewPaymentMethod {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '17b922ca3b03d458a0e139be895db31b33c255ed', class: "payment-method" }, h("div", { key: '5d1bb3a05e7fc0516d29ade315f13c2f64d3afaf', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '165fd1b54a6d387be307f05ab67078e0d703f0b1', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (h(Host, { key: '6d2d33cea2442744a4593e0635b1b2fcd6197275', class: "payment-method" }, h("div", { key: '5dc7a8e50668c3abf7b43a4251a6bbaa17c624d2', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '2bd2cdff094dc1c103fe1c79a6a8a4ee7f6c17be', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
     static get is() { return "justifi-new-payment-method"; }
     static get properties() {
@@ -250,13 +250,13 @@ export class NewPaymentMethod {
                         },
                         "BillingFormFields": {
                             "location": "import",
-                            "path": "../billing-forms/billing-form-schema",
-                            "id": "src/components/billing-forms/billing-form-schema.ts::BillingFormFields"
+                            "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/billing-forms/billing-form-schema.ts::PostalFormFields"
+                            "path": "./billing-forms/billing-form-schema",
+                            "id": "src/components/checkout/billing-forms/billing-form-schema.ts::PostalFormFields"
                         }
                     },
                     "return": "Promise<void>"