@justifi/webcomponents 4.16.0 → 4.17.0

package/dist/module/billing-form.js

@@ -46,7 +46,7 @@ const BillingForm = /*@__PURE__*/ proxyCustomElement(class BillingForm extends H
         return this.formController.values.getValue();
     }
     async fill(fields) {
-        this.formController.setValues(fields);
+        this.formController.setInitialValues(fields);
     }
     async validate() {
         let isValid = await this.formController.validate();
@@ -54,7 +54,7 @@ const BillingForm = /*@__PURE__*/ proxyCustomElement(class BillingForm extends H
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '394ccc8799078a3c6d0deb96d6b96553c0268d40', exportparts: "label,input,input-invalid" }, h("form", { key: 'a4796aa2ddc184bf881b9ca620ccdf54cb4ea9d5' }, h("fieldset", { key: '437d9d75bb9614349520b477e0b9f69c400fee8b' }, this.legend && h("legend", { key: '7f5c1078da38049ee2dc486b9c7eccff10a3698b' }, this.legend), h("div", { key: 'f8624c6ed26e5f052675ba6c40d98a1d7da02e86', class: "row gy-3" }, h("div", { key: '9aa4fb17b220bacaad519949a7686968e43a5d2d', class: "col-12" }, h("form-control-text", { key: 'f46a938e7ccb2f390675cc95adea78de91b7746b', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '2c725e13c99d39ff1d583bdfadc8353e71df9a49', class: "col-12" }, h("form-control-text", { key: '893a63193b8be1172140a9475d552e16f2281c4e', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '327ecba6bd968e4a24055446a45cdb2fdb51aa7b', class: "col-12" }, h("form-control-text", { key: '13524570e96720e0b2fcdc75e170bd52d77a1f78', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '894c40be08af53aca60a549c12d60e98038b0388', class: "col-12" }, h("form-control-text", { key: 'ed13196ca464b162805bed6bb4c0e1ebbe20f028', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '56aedf85b8c85ba0bda37fa5de223598ab38c950', class: "col-12" }, h("form-control-select", { key: 'c8fdf53bcff9ce6b5caeb5e06f15ff47b1ec633e', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: 'cdb3b5406da9d459fada4e59080bd94bd2d9b621', class: "col-12" }, h("form-control-text", { key: '67c0ca310493470e79866e11959edb91a77883e8', 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: '3e0954b4babb893c7409e91fcb18184298bc0b65', exportparts: "label,input,input-invalid" }, h("form", { key: 'fb71a434643015867f88d0efce59d31c3c7429c6' }, h("fieldset", { key: 'd24b2ab37867192046a27d5a4ff697474c4bf3da' }, this.legend && h("legend", { key: '67232ddf644cdc43c314f0dd5c3d25cf2fa70457' }, this.legend), h("div", { key: 'cedc173c4b65caf38fa43db6e82784cd10389dbb', class: "row gy-3" }, h("div", { key: '29bb833c0d6ab0a382422970df82538d22d4faee', class: "col-12" }, h("form-control-text", { key: '5b1dd1dc7020ee795c8676a59888c66fbaa10729', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'c04e342634d5eca451f98a043b3aa57d06a141cd', class: "col-12" }, h("form-control-text", { key: '61407ae0370b96357c671a6db9f3a689db5df222', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '7dbf877e690936a53d2e11075a0904ae66854e6a', class: "col-12" }, h("form-control-text", { key: 'e13552aad0d46d7edf88c28c4348b0b401107b10', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: 'c5be293a5559cbfa2e0c5425fb6ec0ec798c2af8', class: "col-12" }, h("form-control-text", { key: 'd6c6502bb828ab30598bb8f528d53a1431069dd5', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: 'ec50b1ba2b7b2b687d9e6ad3c1c7af89d0dc6f74', class: "col-12" }, h("form-control-select", { key: '275e63c9b8b8b743c27d6053c36a2c14a57754fc', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '4bfb86b74779742bb6816ed923ac06d28da142b2', class: "col-12" }, h("form-control-text", { key: 'a901279bda8599a14d4c440998f0d8da48b28252', 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 style() { return JustifiBillingFormStyle0; }
 }, [1, "justifi-billing-form", {

package/dist/module/business-additional-questions-form-step.js

@@ -107,7 +107,7 @@ const AdditionalQuestionsFormStep = /*@__PURE__*/ proxyCustomElement(class Addit
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
         const additionalQuestionsDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'a6c4f79702b3ebeb087c7e0beb1353e243c26bb2', exportparts: "label,input,input-invalid" }, h("form", { key: 'e4f918d7b7a84b8a2332f14d79dcb8bc7c50da73' }, h("fieldset", { key: '921f14f225be38b665780a5640bc38302497a5b4' }, h("legend", { key: '01fa03c8134995cb23a67766febb6d4522e3d41a' }, "Additional Questions"), h("hr", { key: '61131730389e979b6aa7d68ca5f58a070aa2534e' }), h("div", { key: '54b3af3d2fe06b20463fa548a60ab986f246a3d7', class: "row gy-3" }, h("div", { key: '55c113e9d5f4746cc78de3f91cbf0a069d7a8e41', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '4375b355e2b65b194e6a77ea5b3c8e3c76047b5f', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activies?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '6c14d001d893f015508d11405a63e5d6a1a229bc', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'b5d2e79d85a4cc4920e7d3f3548df0ccd1b1938e', name: "business_payment_volume", label: "What is the business\u2019 annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '6dea46184e87fa64c5a6ce9165bafb5f067608fd', class: "col-12" }, h("form-control-select", { key: '1428fd982950e58140d03a2145f24eee70baa907', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: '279ff240c6d50a21bae96fa212dfe7cf4b340def', class: "col-12" }, h("form-control-select", { key: '8d2dd88c289366d3e4bc08f3d23fe4779b38f747', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '3431c043eaec6c08d36e68825bb70589883526a2', class: "col-12" }, h("form-control-text", { key: '8c8743fe4e63fb0b561714e8fc2d4a60ca56e843', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: 'cb6d2c2dbc409667395eb911292078f091da348c', class: "col-12" }, h("form-control-select", { key: '1aff6762230968f5754bb4b7d1bb9bc70326257b', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: 'ac5f6257d838393bb40cffb476b4480f75e31a0f', class: "col-12" }, h("form-control-text", { key: 'e068fecf84d91610dfc81c16f8e4456f815351d8', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details })))))));
+        return (h(Host, { key: 'a6c4f79702b3ebeb087c7e0beb1353e243c26bb2', exportparts: "label,input,input-invalid" }, h("form", { key: 'e4f918d7b7a84b8a2332f14d79dcb8bc7c50da73' }, h("fieldset", { key: '921f14f225be38b665780a5640bc38302497a5b4' }, h("legend", { key: '01fa03c8134995cb23a67766febb6d4522e3d41a' }, "Additional Questions"), h("hr", { key: '61131730389e979b6aa7d68ca5f58a070aa2534e' }), h("div", { key: '54b3af3d2fe06b20463fa548a60ab986f246a3d7', class: "row gy-3" }, h("div", { key: '55c113e9d5f4746cc78de3f91cbf0a069d7a8e41', class: "col-12 col-md-6" }, h("form-control-monetary", { key: '86a6cacf09105f5c4415a01738ba77b7eeb7622c', name: "business_revenue", label: "What is the business' estimated annual revenue from its primary business activities?", inputHandler: this.inputHandler, errorText: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.business_revenue, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_revenue, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: 'ae68b9c006ea41e1f214226efdb4e14098d5e800', class: "col-12 col-md-6" }, h("form-control-monetary", { key: 'ddbff877fc74121bbf84eb7f4ee278558f35d853', name: "business_payment_volume", label: "What is the business' annual credit card & ACH volume anticipated to process?", inputHandler: this.inputHandler, errorText: (_b = this.errors) === null || _b === void 0 ? void 0 : _b.business_payment_volume, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_payment_volume, maskOptions: CURRENCY_MASK.WHOLE })), h("div", { key: '80fa2c11d3cadd1a1ab07ad79b7ff736a15a38d3', class: "col-12" }, h("form-control-select", { key: '7fca901a87105b9a401309d5841279bac7a6f5cd', name: 'business_when_service_received', label: 'On average, how long after paying will your customers typically receive their goods or services?', inputHandler: this.inputHandler, errorText: (_c = this.errors) === null || _c === void 0 ? void 0 : _c.business_when_service_received, options: businessServiceReceivedOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_when_service_received })), h("div", { key: 'a20763d9518cd84b062f81fdce325be2a8dfb40e', class: "col-12" }, h("form-control-select", { key: 'cfec3aab19c544b16f8a0fab7541433130c3b749', name: 'business_recurring_payments', label: 'Does your business offer recurring payments?', inputHandler: this.inputHandler, errorText: (_d = this.errors) === null || _d === void 0 ? void 0 : _d.business_recurring_payments, options: recurringPaymentsOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments })), h("div", { key: '0ef1a0473a5870428a741be696e08c881ebee524', class: "col-12" }, h("form-control-text", { key: '512a4924c14b7c2da661b5ffe966d8d1497cb706', name: 'business_recurring_payments_percentage', label: 'What percent of revenue is generated from each recurring payment type offered?', inputHandler: this.inputHandler, errorText: (_e = this.errors) === null || _e === void 0 ? void 0 : _e.business_recurring_payments_percentage, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_recurring_payments_percentage })), h("div", { key: '75a7b0adfde53443a53ca4e4143f1ff060291837', class: "col-12" }, h("form-control-select", { key: '1474ce5f608be57a36486ad46c7a7bd68fc44fc7', name: 'business_seasonal', label: 'Is this business seasonal?', inputHandler: this.inputHandler, errorText: (_f = this.errors) === null || _f === void 0 ? void 0 : _f.business_seasonal, options: seasonalBusinessOptions, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_seasonal })), h("div", { key: '7de2fd399754cc0c77e2b08b7d1a4d0082903f61', class: "col-12" }, h("form-control-text", { key: '5de14ae950223e353dd6d58430a4493ffd26da4e', name: 'business_other_payment_details', label: 'Is there anything else you would like us to know about how your customers pay the business?', inputHandler: this.inputHandler, errorText: (_g = this.errors) === null || _g === void 0 ? void 0 : _g.business_other_payment_details, defaultValue: additionalQuestionsDefaultValue === null || additionalQuestionsDefaultValue === void 0 ? void 0 : additionalQuestionsDefaultValue.business_other_payment_details })))))));
     }
 }, [0, "justifi-additional-questions-form-step", {
         "authToken": [1, "auth-token"],

package/dist/module/business-core-info-form-step.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { F as FormController } from './index.esm.js';
-import { T as TAX_ID_MASKS, P as PHONE_MASKS } from './form-input-masks.js';
+import { P as PHONE_MASKS } from './form-input-masks.js';
 import { C as CoreBusinessInfo } from './Business.js';
 import { A as Api } from './Api.js';
 import './Pagination.js';
@@ -13,6 +13,7 @@ import { d as flattenNestedObject } from './utils2.js';
 import { B as BusinessFormStep } from './business-form-types.js';
 import { a as businessClassificationOptions } from './business-form-options.js';
 import { C as ComponentErrorCodes, a as ComponentErrorSeverity } from './ComponentError.js';
+import { n as numberOnlyHandler } from './utils3.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-error-text2.js';
 import { d as defineCustomElement$4 } from './form-control-help-text2.js';
@@ -111,7 +112,7 @@ const BusinessCoreInfoFormStep = /*@__PURE__*/ proxyCustomElement(class Business
     }
     render() {
         const coreInfoDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: '4a3f71bde18fce1e75cb10d0075dc8de0f06848d', exportparts: "label,input,input-invalid" }, h("form", { key: '596c6467902077a07093c29a53675db754d5bb8a' }, h("fieldset", { key: '5f27adca77338459acca818320076a1b73075150' }, h("legend", { key: '238d4d4afb293d757708778d6dcdcf5376f61e1b' }, "General Info"), h("hr", { key: 'd9627a44fad089208ce76500b7d044f204401d82' }), h("div", { key: '81275540d22275d22ff07ef1fc76f96cd6d344a3', class: "row gy-3" }, h("div", { key: 'ce1e19ff21341fbcf039e8b9952becf4150c389b', class: "col-12" }, h("form-control-text", { key: 'bf42b0297a0e9fb6a7d74108b44693cae8f6b04b', name: "legal_name", label: "Legal Name", defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '5b67921ac4ff50d21447cce095ca6658e0289906', class: "col-12" }, h("form-control-text", { key: '0a541657f2a6fcc62e1828530b194c4ba8743b92', name: "doing_business_as", label: "Doing Business As (DBA)", defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '5018dda1f9c486c987c31926c1c41bf28f2c7e09', class: "col-12 col-md-8" }, h("form-control-select", { key: '2185ce25a4e8a0285f4a428bce33826d158dd636', name: "classification", label: "Business Classification", options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: '60d6501ecab83a4d155ad6e623eb96c4586fdc28', class: "col-12 col-md-4" }, h("form-control-date", { key: 'bbd0a8fb598f42e191b525ab2d1850970e8e1efd', name: "date_of_incorporation", label: "Date of Incorporation", defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'f41552b3e0dcdd3ea91b2dbf289c887f30af5e02', class: "col-12 col-md-6" }, h("form-control-text", { key: '68f07e40d1f529d6321ccb60448902f518a95c10', name: "industry", label: "Industry", defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '68f5a315a188750b2fae0b7b6bedf361cd0023d1', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '69ce0fb90b949d69e3510494b6ceb2bd506ded39', name: "tax_id", label: "Tax ID", defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, mask: TAX_ID_MASKS.US })), h("div", { key: 'f337c75fcd5476393319ed16b4dc372e141fa262', class: "col-12" }, h("form-control-text", { key: '9c1979c876cb3068060421470e1088a3005d8c8d', name: "website_url", label: "Website URL", defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: 'a5606ac49c7edce9ba744c6d7d67a2dacb87c1ae', class: "col-12 col-md-6" }, h("form-control-text", { key: '7e521a96d3083b422816d8e88b416ca1d7320dd4', name: "email", label: "Email Address", defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'd60fe7a5e4d2f7525546402b5522dcc3ece05fc1', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '0900f95c05ddf72025b93db27deb11a7d9266e3f', name: "phone", label: "Phone Number", defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })))))));
+        return (h(Host, { key: '4ea42b813bdd6e5c59a62ae4ae869e86dfddd7ce', exportparts: 'label,input,input-invalid' }, h("form", { key: 'f5ec3be342eda82dee8a51fe2ee5a6da1ee8902e' }, h("fieldset", { key: 'e07041577f53badc6c172a2c6dc20b1066c03f4c' }, h("legend", { key: '2bcc8cc013eeee4e27c874d0bed4471515b68610' }, "General Info"), h("hr", { key: '6dc6f73cf851b9244c8d797bc5cefdfda848c7bc' }), h("div", { key: 'b2bfad85255ddfa76d405e45df3d668ad02a6fea', class: 'row gy-3' }, h("div", { key: 'a9a65df07f40621513ce4881dd203e90142d7670', class: 'col-12' }, h("form-control-text", { key: '7fe7ac765902c7cd9ed60004dc7be687d43b2e49', name: 'legal_name', label: 'Legal Name', defaultValue: coreInfoDefaultValue.legal_name, errorText: this.errors.legal_name, inputHandler: this.inputHandler })), h("div", { key: '6fe2e395e4391480f4d6dafcfc57619176efc45c', class: 'col-12' }, h("form-control-text", { key: 'd19870345d79e4c44c3e667e2751ff6f344e1d58', name: 'doing_business_as', label: 'Doing Business As (DBA)', defaultValue: coreInfoDefaultValue.doing_business_as, errorText: this.errors.doing_business_as, inputHandler: this.inputHandler })), h("div", { key: '39acda8180c70f7684aa2d73ef31bc199233c358', class: 'col-12 col-md-8' }, h("form-control-select", { key: '67f98ac21a69a851bb9489df198e06c8b517d45e', name: 'classification', label: 'Business Classification', options: businessClassificationOptions, defaultValue: coreInfoDefaultValue.classification, errorText: this.errors.classification, inputHandler: this.inputHandler })), h("div", { key: 'd54631f13e8998170de1f175d52d89d90035e688', class: 'col-12 col-md-4' }, h("form-control-date", { key: '8038e4f909c9bb2e5f3a8dd577f7b7f75e3d4f41', name: 'date_of_incorporation', label: 'Date of Incorporation', defaultValue: coreInfoDefaultValue.date_of_incorporation, errorText: this.errors.date_of_incorporation, inputHandler: this.inputHandler })), h("div", { key: 'ca43f206b14494ddaa55c625a2c408426ebcf529', class: 'col-12 col-md-6' }, h("form-control-text", { key: '7ccf50e04dad1a7e001c37074925f27f53ec831c', name: 'industry', label: 'Industry', defaultValue: coreInfoDefaultValue.industry, errorText: this.errors.industry, inputHandler: this.inputHandler })), h("div", { key: '76136df0a434b7fce1b0307e962e4ea387a063d3', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'ddfd853ed46b3995484dff54d47af0c0d6c93b0c', name: 'tax_id', label: 'Tax ID (EIN or SSN)', defaultValue: coreInfoDefaultValue.tax_id, errorText: this.errors.tax_id, inputHandler: this.inputHandler, keyDownHandler: numberOnlyHandler, maxLength: 9 })), h("div", { key: '1084c4d7a261b8fc0a9ceacc16b5823f09cfb807', class: 'col-12' }, h("form-control-text", { key: 'c9ca186a6f2cc10f43966de56e6a224103ddd1f3', name: 'website_url', label: 'Website URL', defaultValue: coreInfoDefaultValue.website_url, errorText: this.errors.website_url, inputHandler: this.inputHandler })), h("div", { key: '55bc2f83a170fc1bec20c208460cc63b8f42a566', class: 'col-12 col-md-6' }, h("form-control-text", { key: '5c35db62f1d7d56e01a839df29b39aa55e569d5c', name: 'email', label: 'Email Address', defaultValue: coreInfoDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'f74aadc2ea606365918f29091a6f6bb08841bf00', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: 'ef54ee012cbc30464bcdc7e887d5eb0523e30057', name: 'phone', label: 'Phone Number', defaultValue: coreInfoDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })))))));
     }
 }, [0, "justifi-business-core-info-form-step", {
         "authToken": [1, "auth-token"],

package/dist/module/business-core-info-schema.js

@@ -10,7 +10,7 @@ const businessCoreInfoSchema = (allowOptionalFields) => {
         doing_business_as: doingBusinessAsValidation.required('Enter doing business as'),
         classification: businessClassificationValidation.required('Select business classification'),
         industry: industryValidation.required('Enter a business industry'),
-        tax_id: taxIdValidation.required('Enter tax id'),
+        tax_id: taxIdValidation.required('Enter tax id, SSN, or EIN'),
         date_of_incorporation: dateOfIncorporationValidation.required('Enter date of incorporation'),
     });
     const easySchema = create$3({

package/dist/module/business-representative-form-step.js

@@ -87,9 +87,6 @@ const BusinessRepresentativeFormStep = /*@__PURE__*/ proxyCustomElement(class Bu
     get businessEndpoint() {
         return `entities/business/${this.businessId}`;
     }
-    get identificationNumberLabel() {
-        return this.representative.ssn_last4 ? 'Update SSN (optional)' : 'SSN';
-    }
     handleResponse(response, onSuccess) {
         if (response.error) {
             this.errorEvent.emit({
@@ -121,7 +118,7 @@ const BusinessRepresentativeFormStep = /*@__PURE__*/ proxyCustomElement(class Bu
     }
     render() {
         const representativeDefaultValue = this.formController.getInitialValues();
-        return (h(Host, { key: 'cd9f67e1ac392f0abd7effdb259630eec985d502', exportparts: "label,input,input-invalid" }, h("form", { key: '73009fb0d1a660f7a342262552c73e096335a47a' }, h("fieldset", { key: '4c25aeec1cd4c9f8b52f4ee03ff7df0b6735ddbd' }, h("legend", { key: '3c68e0ed7efa42378a0b6fb056b9467dfbaf82b5' }, "Representative"), h("hr", { key: 'e9349c1d9ea3c354538050db53872309812866ac' }), h("div", { key: '279bd45d2b97f231345cf0f8fa907afcc1e97cca', class: "row gy-3" }, h("div", { key: '108163e0976cdec3fec33f651fd17382f1d6d526', class: "col-12 col-md-8" }, h("form-control-text", { key: '8f52a6302cbbbfc35141f5ae8154508c5eee9b8a', name: "name", label: "Full Name", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'be511e9d2abe2a7a1377aaac01ef8385f7d30451', class: "col-12 col-md-4" }, h("form-control-text", { key: '9db997a8ca24fb06f3c0ad70b2c68f4b853b34b5', name: "title", label: "Title", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: 'ba4e5bb7dddf6d9c6601d2a4c2efe096b4ea6aa2', class: "col-12 col-md-6" }, h("form-control-text", { key: 'a2c2aba33ef3482b3c69172e886009f2f8cfefb5', name: "email", label: "Email Address", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '447c1274e56d0f264e7f56bb669496d785928fd1', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '3ca6c8468205e91e7c3d5d91e7e06160667857aa', name: "phone", label: "Phone Number", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '66bb119d19acfd5d48b2c95e44cd4fe5c902e8a8', class: "col-12 col-md-4" }, h("form-control-date", { key: 'a272e7f83db404dfd57a2b977d4c15c91ede56a2', name: "dob_full", label: "Birth Date", defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'a0bb9017adcb0af08bad6754c34f73ff1a03f2df', class: "col-12 col-md-8" }, h("form-control-number-masked", { key: 'e3edf6abc3bd2ca3591ef11881089922c4a20990', name: "identification_number", label: this.identificationNumberLabel, defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '1b398352c8d1b132e9cd31dd8fe8bd970052a38c', class: "col-12" }, h("justifi-identity-address-form", { key: '38a170294f7072ec98df9c25d52e2876e6a57061', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })))))));
+        return (h(Host, { key: 'd2c9bc0dd40d85403688d4c0ff482d7b0c3c35ab', exportparts: 'label,input,input-invalid' }, h("form", { key: '99a6b23b13b893f760e322dfe2e6f603e86e718c' }, h("fieldset", { key: '7c3b1897a7fe0fa672fa2d8d1a35ba4c81e9c256' }, h("legend", { key: 'f0fe4c93f757167e631d6e21bda5b559556550ad' }, "Representative"), h("hr", { key: '1dd5db7898b510bcdae492460f2ce57d7871c282' }), h("div", { key: '33d1935e5b6cc441bd0193e35aaaedcecfc2bc95', class: 'row gy-3' }, h("div", { key: 'c872b5a20469e3609178106b019fe1d0aecb2a24', class: 'col-12 col-md-8' }, h("form-control-text", { key: '31f37067b3c46bb4f7120169878dae88c1d4e918', name: 'name', label: 'Full Name', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '9bdc8c1756a693f48bf060ee66f6fcf44cabc025', class: 'col-12 col-md-4' }, h("form-control-text", { key: '1686ff4c8e7b2e2fb74cc104966bf56d2754f8a8', name: 'title', label: 'Title', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '789443ed50f9f0957e6bd8b4f6dea8d6ba7421a9', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'fcf1bd082368ee1adcc6b661ec75e3693fcc30dd', name: 'email', label: 'Email Address', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '163d3f6e3ea1d2b7833b7a232e4726e56fda6416', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '3eba7a3ab6a7e8631cb9f100bfd7e5e5566efecc', name: 'phone', label: 'Phone Number', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '42fc6d656c069f073b08e77398a266e367e771ad', class: 'col-12 col-md-4' }, h("form-control-date", { key: 'f627ff9478974305c83a8947b6c7f60d46189104', name: 'dob_full', label: 'Birth Date', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: this.onDateOfBirthUpdate })), h("div", { key: 'ffded118a7a2d1c5889c46ac879cdadc289f1c1e', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: 'bf9cda57b1b7579a38d4f1f276c5cbc7b1723e2d', name: 'identification_number', label: 'SSN', defaultValue: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'b033205960692dc7b3cea5ce59e12a13c58d5243', class: 'col-12' }, h("justifi-identity-address-form", { key: 'f243060451c630da18d175a93f55bb1fcabd0cec', errors: this.errors.address, defaultValues: representativeDefaultValue === null || representativeDefaultValue === void 0 ? void 0 : representativeDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate })))))));
     }
 }, [0, "justifi-business-representative-form-step", {
         "authToken": [1, "auth-token"],

package/dist/module/checkout-core.js

@@ -3,14 +3,15 @@ import { a as formatCurrency } from './utils2.js';
 import { c as config } from './config.js';
 import { a as ComponentErrorSeverity } from './ComponentError.js';
 import { i as insuranceValuesOn, v as validateInsuranceValues, a as insuranceValues } from './insurance-state.js';
-import { d as defineCustomElement$b } from './form-control-error-text2.js';
-import { d as defineCustomElement$a } from './form-control-help-text2.js';
-import { d as defineCustomElement$9 } from './form-control-select2.js';
-import { d as defineCustomElement$8 } from './form-control-text2.js';
-import { d as defineCustomElement$7 } from './billing-form.js';
-import { d as defineCustomElement$6 } from './new-payment-method.js';
-import { d as defineCustomElement$5 } from './payment-method-form.js';
-import { d as defineCustomElement$4 } from './payment-method-options.js';
+import { d as defineCustomElement$c } from './form-control-error-text2.js';
+import { d as defineCustomElement$b } from './form-control-help-text2.js';
+import { d as defineCustomElement$a } from './form-control-select2.js';
+import { d as defineCustomElement$9 } from './form-control-text2.js';
+import { d as defineCustomElement$8 } from './billing-form.js';
+import { d as defineCustomElement$7 } from './new-payment-method.js';
+import { d as defineCustomElement$6 } from './payment-method-form.js';
+import { d as defineCustomElement$5 } from './payment-method-options.js';
+import { d as defineCustomElement$4 } from './save-new-payment-method.js';
 import { d as defineCustomElement$3 } from './saved-payment-method.js';
 import { d as defineCustomElement$2 } from './sezzle-payment-method.js';
 import { d as defineCustomElement$1 } from './skeleton.js';
@@ -31,6 +32,7 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
         this.__attachShadow();
         this.submitted = createEvent(this, "submitted", 7);
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.loaded = createEvent(this, "loaded", 7);
         this.completeCheckout = async (payment) => {
             this.complete({
                 payment,
@@ -66,6 +68,10 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
         this.serverError = undefined;
         this.renderState = 'loading';
         this.creatingNewPaymentMethod = false;
+        this.insuranceToggled = false;
+    }
+    async fillBillingForm(fields) {
+        this.paymentMethodOptionsRef.fillBillingForm(fields);
     }
     componentWillLoad() {
         if (this.getCheckout) {
@@ -74,6 +80,7 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
             insuranceValuesOn('set', (key) => {
                 const value = insuranceValues[key];
                 if (value !== undefined) {
+                    this.insuranceToggled = value;
                     this.fetchData();
                 }
             });
@@ -84,6 +91,8 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
         this.getCheckout({
             onSuccess: ({ checkout }) => {
                 this.checkout = new Checkout(checkout);
+                const { status } = this.checkout;
+                this.loaded.emit({ checkout_status: status });
                 this.renderState = 'success';
             },
             onError: ({ error, code, severity }) => {
@@ -103,8 +112,8 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
         event.preventDefault();
         this.renderState = 'loading';
         const insuranceValidation = validateInsuranceValues();
-        const payload = await this.paymentMethodOptionsRef.resolvePaymentMethod();
-        if (!insuranceValidation.isValid) {
+        const payload = await this.paymentMethodOptionsRef.resolvePaymentMethod(insuranceValidation);
+        if (payload.validationError) {
             this.renderState = 'error';
         }
         else if (payload.error) {
@@ -134,14 +143,14 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
     }
     get paymentType() {
         var _a, _b, _c, _d, _e;
-        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h("justifi-skeleton", { variant: "rounded", 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, "show-saved-payment-methods": !this.disablePaymentMethodGroup, bnpl: (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.bnpl, "client-id": (_b = this.checkout) === null || _b === void 0 ? void 0 : _b.payment_client_id, "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 }))));
+        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h("justifi-skeleton", { variant: "rounded", 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, 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 }))));
     }
     get summary() {
         var _a, _b;
         return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h("justifi-skeleton", { height: "24px" })), h("div", { class: this.isLoading && 'visually-hidden' }, h("div", { class: "jfi-payment-description" }, (_a = this.checkout) === null || _a === void 0 ? void 0 : _a.payment_description), h("div", { class: "jfi-payment-total" }, h("span", { class: "jfi-payment-total-label" }, "Total"), "\u00A0", h("span", { class: "jfi-payment-total-amount" }, formatCurrency(+((_b = this.checkout) === null || _b === void 0 ? void 0 : _b.total_amount)))))));
     }
     render() {
-        return (h(Host, { key: 'b9ed9bb3b562a095100db2ef913be5e66c2667b7' }, h("div", { key: '3c31de9bcf652f407179d493f4d061c05eba85df', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '48390444c2118554692c4668400252c8fdc8b756', class: "col-12 mb-4" }, h("h2", { key: 'b04d9c5d1c6ce47a9c73ccfa5e95a0a7942aaf9f', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: 'c47d1ea97207dd0706b865467c912a4884c541d9', class: "col-12" }, h("h2", { key: 'b09fa554fe810f1c801ce6dae16938dea061937f', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'b4f423876effb2cc6a3304d66c800fb889cff0a1', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: 'c994dc3fdbc5c0f794f85f54bd2ff91cb1ecdfe7', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '006372341dacb61702902ae3e8732d8e4268490f', class: "col-12" }, h("slot", { key: '09054f7045ca784c1a0e781e10afe29cb04c972d', name: "insurance" })), h("div", { key: 'd7aaa6e830cbaf80958ffab573d9005bde8ba728', class: "col-12" }, h("div", { key: 'eb87c92dfb4f0e85851c4e43c014743fcb7fdb09', class: "d-flex justify-content-end" }, h("button", { key: '93f1b3a6ee8469707ee18135e8cf8ffa57965ef5', type: "submit", onClick: event => this.submit(event), disabled: this.isLoading, part: "pay-button", class: `btn btn-primary jfi-submit-button ${this.isLoading ? 'jfi-submit-button-loading' : ''}` }, this.isLoading ? this.loadingSpinner : 'Pay'))))));
+        return (h(Host, { key: 'b4eca3c8ce6642cc307df9bf0954d8db13ec3791' }, h("div", { key: '652bb4e5b2b4ec189d293630d31a3c1d8f345a7e', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '6bb0869d4632dd8937e5077dd84732f9091342d0', class: "col-12 mb-4" }, h("h2", { key: 'bd8d0d02f5a59ec9a5629808fea21dc3e922407a', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: '81b1c5e141fa49da91e257eb40243e27f2c55f50', class: "col-12" }, h("slot", { key: '438606a898983e51141c62e7fe7ab209eadfa2a2', name: "insurance" })), h("div", { key: '0932dbfb2f6c57aed73f56b3563c189e76b1aa69', class: "col-12" }, h("h2", { key: 'd96345a9941679990d0e379293eb960751ef4063', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'cfcb5db0857f670008d5f71f3fccd53b1d05c91d', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: 'f9f06327db4ec89b0db943de0e6d3c983d33ab55', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '18392f4a553848f123910bb10501821b550e0abe', class: "col-12" }, h("div", { key: '31f6e5b2267ab507021b285becdd2961035ffe53', class: "d-flex justify-content-end" }, h("button", { key: '4dc7c5af2ca0d3766a2e3371da9b241e3260a351', type: "submit", onClick: event => this.submit(event), disabled: this.isLoading, part: "pay-button", class: `btn btn-primary jfi-submit-button ${this.isLoading ? 'jfi-submit-button-loading' : ''}` }, this.isLoading ? this.loadingSpinner : 'Pay'))))));
     }
     static get style() { return JustifiCheckoutCoreStyle0; }
 }, [1, "justifi-checkout-core", {
@@ -158,13 +167,15 @@ const CheckoutCore = /*@__PURE__*/ proxyCustomElement(class CheckoutCore extends
         "checkout": [32],
         "serverError": [32],
         "renderState": [32],
-        "creatingNewPaymentMethod": [32]
+        "creatingNewPaymentMethod": [32],
+        "insuranceToggled": [32],
+        "fillBillingForm": [64]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-checkout-core", "form-control-error-text", "form-control-help-text", "form-control-select", "form-control-text", "justifi-billing-form", "justifi-new-payment-method", "justifi-payment-method-form", "justifi-payment-method-options", "justifi-saved-payment-method", "justifi-sezzle-payment-method", "justifi-skeleton"];
+    const components = ["justifi-checkout-core", "form-control-error-text", "form-control-help-text", "form-control-select", "form-control-text", "justifi-billing-form", "justifi-new-payment-method", "justifi-payment-method-form", "justifi-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method", "justifi-skeleton"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkout-core":
             if (!customElements.get(tagName)) {
@@ -173,40 +184,45 @@ function defineCustomElement() {
             break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "justifi-billing-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "justifi-new-payment-method":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "justifi-payment-method-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "justifi-payment-method-options":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "justifi-save-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }

package/dist/module/details.js

@@ -12,7 +12,7 @@ const Details = /*@__PURE__*/ proxyCustomElement(class Details extends HTMLEleme
         this.errorMessage = undefined;
     }
     render() {
-        return (h(Host, { key: '7de6a80e49e823bd246ef9c754ba7e99d0e7f94a', exportParts: 'detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n        detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info' }, this.errorMessage ?
+        return (h(Host, { key: '2d6ed5cb3c548d10c9a7de29b2b1b3a94f60133f', exportParts: 'detail-empty-state, detail-metadata-title, detail-metadata, detail-section, detail-section-title, \n        detail-section-item-title, detail-section-item-data, detail-head, detail-title, detail-head-info' }, this.errorMessage ?
             ErrorState(this.errorMessage)
             :
                 h("main", { class: "p-2" }, h("slot", { name: "head-info" }), h("slot", { name: 'detail-sections' }))));

package/dist/module/form-control-checkbox2.js

@@ -32,7 +32,7 @@ const CheckboxInput = /*@__PURE__*/ proxyCustomElement(class CheckboxInput exten
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (h(Host, { key: 'cf6e75e0e7be22fe6dbe348ca4a66fffaed8e693', exportparts: "label,input,input-invalid" }, h("div", { key: 'af13d56462f74bbcf823c436aecf18cd4d99292d', class: 'form-group d-flex flex-column' }, h("div", { key: '827f584a99f62966418ef36410dc4245ffabcf74', class: "form-check" }, h("input", { key: '3ca7bd3bc3766b8262e3aa683952948da11c3315', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input-checkbox ${this.errorText ? 'input-checkbox-invalid' : ''}`, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled }), h("label", { key: '47eeb84848b70e844c814b8015c80aac9e31a066', class: "form-check-label", htmlFor: this.name }, this.label)), h("form-control-help-text", { key: '705db385d0ba5063d2f65ada4b18cb3899e6b301', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'c41da4cfa199c35fe5cdd7acc66261707b135a72', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '727dd3a3e8024aae9540885f677f2aebca05f4f0', exportparts: "label,input,input-invalid" }, h("div", { key: '8d523339b9f03b078333d4380d03db9d1005bb5d', class: 'form-group d-flex flex-column' }, h("div", { key: 'e1b85ac05cf6a578d7f78a017d2ae85da9fd0b14', class: "form-check" }, h("input", { key: 'd5c111ba29f7035a6213555f7d876ae042badd2f', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input-checkbox ${this.errorText ? 'input-checkbox-invalid' : ''}`, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled }), h("label", { key: '604dc0bba4a0fe0a7171cfed95649a5600d3890f', class: "form-check-label", htmlFor: this.name }, this.label)), h("form-control-help-text", { key: '2779d04d33657d493b17864fa96b8b5c6ab5c4da', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '27b6ba8589b8fb9adbfb1792efd36bd4af4338d2', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-date2.js

@@ -32,7 +32,7 @@ const DateInput = /*@__PURE__*/ proxyCustomElement(class DateInput extends HTMLE
         this.dateInput.value = value;
     }
     render() {
-        return (h(Host, { key: 'b18e4069bb0cd511968ca94ebcf5140fc9383003', exportparts: "label,input,input-invalid" }, h("label", { key: '37ea611664ace8b990e7324a4c935a829b88dbb4', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'b8dd7851352542bea8b990309c7d21e303e6f4d4', type: "date", ref: el => (this.dateInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: '9e5ee014804c49fc4826a05e1a826728fbe1305e', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '2da21abb7f684c0f4a449775bdb37ddfda6d3837', errorText: this.errorText, name: this.name })));
+        return (h(Host, { key: '477163306527f6b607c43e63ec4a38aaac5a4780', exportparts: "label,input,input-invalid" }, h("label", { key: '3174cbb24f2bd74e59e28dc6a31e224a0e2ab47d', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'de908daeee9db445c1369b75c536bcf33cb9f4e9', type: "date", ref: el => (this.dateInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled }), h("form-control-help-text", { key: 'ea51242481f4a9894d55871d23aeaf4013112e24', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '2db99a325bd6d691c0fdcbf3965535266329506f', errorText: this.errorText, name: this.name })));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-file2.js

@@ -39,7 +39,7 @@ const FileInput = /*@__PURE__*/ proxyCustomElement(class FileInput extends HTMLE
         this.fileInput = this.el.querySelector('input');
     }
     render() {
-        return (h(Host, { key: '251933346ee879057b88613bc546461d94db2fc5', exportparts: "label,input,input-invalid" }, h("div", { key: '18e1655e8d66826597211fa75f2342d403957387', class: "form-group d-flex flex-column" }, h("label", { key: 'a125ef003eaf3e309a5f8fc571b1865ebd5ab9e5', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'c912e0bedff94de4092069f9b07a052ea26a7f7e', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onBlur: () => this.formControlBlur.emit() }), h("form-control-help-text", { key: '17d54a1ee673d5605431812b8c4ae8b74fbcdc2f', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '054e01d82c2da5e616072af552dadd9fe7dda16d', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '2219dfef80cb3ef71148fbc4d2d29df6583d6779', exportparts: "label,input,input-invalid" }, h("div", { key: '18d059b17b226815a97cf1be429857bd93e43115', class: "form-group d-flex flex-column" }, h("label", { key: '91adf40d0dd7559888b7c37eeee40f363628bada', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '6aa37be009cce396e2f1268429c94b812d48167e', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onBlur: () => this.formControlBlur.emit() }), h("form-control-help-text", { key: 'd4241aceb5a40b2dfedebc9658b128231d43fcc0', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'af7dd8c90ea83f2f99f24100e97c9147f787aadf', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
 }, [0, "form-control-file", {

package/dist/module/form-control-monetary2.js

@@ -54,7 +54,7 @@ const MonetaryInput = /*@__PURE__*/ proxyCustomElement(class MonetaryInput exten
         (_a = this.imask) === null || _a === void 0 ? void 0 : _a.destroy();
     }
     render() {
-        return (h(Host, { key: '7c2f90ba75ccb2d2d2f3046dc523485e80725df7', exportparts: "label,input,input-invalid" }, h("div", { key: '27cbc179fdfa7bc7b7728cff2cc2ae56574a5ea6', class: "form-group d-flex flex-column" }, h("label", { key: '44cc56701e834cae92d6b9d8ec1ebeac8b43e93a', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '84ec2977eef85b87cc8df2392438427ea4e3c954', class: "input-group" }, h("span", { key: '07c5f50cb93111723ba5b642da54401341e458ff', class: "input-group-text" }, "$"), h("input", { key: '6154ded5d1f401fed15c39a7073bc00c6da40254', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h("form-control-help-text", { key: 'b41d7f42ea7bce82305eff00079bf4572d4f0123', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'ef75f2686527b50d99e14c1a38eb4ebe9ced892f', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'db55365b80d790ecdd9388bd80068be4d024fcbb', exportparts: "label,input,input-invalid" }, h("div", { key: 'badef12431b67dd5c8de702cc978237fffaad16a', class: "form-group d-flex flex-column" }, h("label", { key: 'c187a982531ea45e674e74a77aad65e3cf4d8e1c', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("div", { key: '61d58986d9369907e9732f1540ce0f914d16cda8', class: "input-group" }, h("span", { key: '883f4851ddb76c62b514bdd2399f06415f201995', class: "input-group-text" }, "$"), h("input", { key: 'af5a0b3239f664f1ed82c2534f667b38adda245a', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control monetary is-invalid' : 'form-control monetary', type: "text", disabled: this.disabled })), h("form-control-help-text", { key: 'f0e59b47f55772a3c7a008ee32475d16415163af', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'fd9b43f2a028e0ca00df298000bb933c0cb10b7f', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number-masked2.js

@@ -53,7 +53,7 @@ const NumberInputMasked = /*@__PURE__*/ proxyCustomElement(class NumberInputMask
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (h(Host, { key: '22b8d67ad6900e9d9698d809dea5eac57081eb16', exportparts: "label,input,input-invalid" }, h("div", { key: '4f349ce234590b0034b566aa1136963583f32449', class: "form-group d-flex flex-column" }, h("label", { key: '4b3164b84b76db133dee732d0d795a7e7d3d1cc3', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'dc8eabab70aa5bf7d94e3324b0bb9328e9f697c7', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-help-text", { key: '1b2b703749239d7e8c5d2f3fb0882e6dc0d42dec', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '0eb91b01921b18d8c5c7ec7e4a48cc7c276f4121', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '781c4f77fe5b5b4f39c2d44868814ada72ce67c9', exportparts: "label,input,input-invalid" }, h("div", { key: '9c3ed0d13b883e3d2dc302225f25a00414088ef6', class: "form-group d-flex flex-column" }, h("label", { key: '0782f2936175944dd54e5497e54d2389c35c94bc', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '8feee613f2f83e8cb0ac34a4939fd65b5c14729a', ref: el => (this.textInput = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-help-text", { key: 'dbdf33259fd04b1488b299216eb550960068c553', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '8a148bb9a29f322fb21acbfd8597a1e89433056a', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-number.js

@@ -35,7 +35,7 @@ const NumberInput = /*@__PURE__*/ proxyCustomElement(class NumberInput extends H
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (h(Host, { key: '1177f5d53183054f4cb9081c266f5fdf49f661a8', exportparts: 'label,input,input-invalid' }, h("div", { key: 'ede817d9f4913ed25b1eaef495b1d1213981fe78', class: 'form-group d-flex flex-column' }, h("label", { key: 'b647006b59502f104ede1578123145b07d54c00c', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'ef6c87b156468f8fdbcd83536a28d2ae04a687b4', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h("form-control-help-text", { key: 'fb8e31c1bf6e68596bfb62a118f14c8da9b48f52', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'c09d028d7874b527025aa4d39705e92b056168de', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'da1318fae566f16be182c710840df84a60ccf707', exportparts: 'label,input,input-invalid' }, h("div", { key: 'de12c73d81be1a797c7efd482adef5e648d2947b', class: 'form-group d-flex flex-column' }, h("label", { key: '95113ea706e25074512e948ae041ac121af6c181', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '03d3cf05f76c6dd4ec2b00d486f31045dd36dc12', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h("form-control-help-text", { key: 'ac4d21a4d723c80bff561364858f2dfba3c704b6', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7f474f8d69bf555a2e6c517772e79d35a7bd32b2', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/form-control-select2.js

@@ -34,7 +34,7 @@ const SelectInput = /*@__PURE__*/ proxyCustomElement(class SelectInput extends H
     }
     render() {
         var _a;
-        return (h(Host, { key: '7cef63bec4f4890fbf6884e33f415c61971eb57f', exportparts: "label,input,input-invalid" }, h("div", { key: '70b2a95ed9f3e2d1c9a22cf53450f14196debdab', class: "form-group d-flex flex-column" }, h("label", { key: 'fdd940d9d01a57de70cfa232b7dc46eec544d64e', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("select", { key: 'd563d4d67d482feea513d1fb1cdffad619c62836', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h("form-control-help-text", { key: 'e84cd27942594d5a68c0bfac9a2a8e9d054326aa', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '78be0b113d4409c64f9ba576bb0944e980730ca3', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: 'abc80a7f20c59c99a3468f199142bc01ba7883cb', exportparts: "label,input,input-invalid" }, h("div", { key: 'd34ec19e40c33bd16b1e03e2bfac07dd6dd1a3a8', class: "form-group d-flex flex-column" }, h("label", { key: '43adfb46f3bf2e72e50d2bab17b909fec8693c2a', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("select", { key: 'eacb07490715f8041cfa6cd4fab91959d5b6bfae', ref: el => (this.selectElement = el), id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText ? 'input-invalid' : ''}`, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (h("option", { value: option.value }, option.label)))), h("form-control-help-text", { key: '5ec5ba6ca4e0503ffdbddb95e70444bbf8b169b7', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: 'bd90d61ca9aa0c52d351e336febc9f3d2e501355', errorText: this.errorText, name: this.name }))));
     }
     static get watchers() { return {
         "defaultValue": ["handleDefaultValueChange"]

package/dist/module/form-control-text2.js

@@ -37,7 +37,7 @@ const TextInput = /*@__PURE__*/ proxyCustomElement(class TextInput extends HTMLE
         this.updateInput(this.defaultValue);
     }
     render() {
-        return (h(Host, { key: '9bd39dfa599b334b4e0016e70ffe8cd72329474e', exportparts: "label,input,input-invalid" }, h("div", { key: 'a9b36d639a80a655ff123584e95666cd28683300', class: "form-group d-flex flex-column" }, h("label", { key: '1a81c3cd62b526ea614ea8de604434f7d96f5041', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: 'cb4392faa480cf95ffb9c813495935c659a2de3f', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: (event) => this.keyDownHandler && this.keyDownHandler(event), maxLength: this.maxLength, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-help-text", { key: '33562375f0688b968a615f55d971a5f6a0aed2cc', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '7b8db42dc54dfbed07de2a377a08b7a390b5ba9a', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '7b3c980cbad27b29bc87dd4eaa8a23398c8b244c', exportparts: "label,input,input-invalid" }, h("div", { key: 'fa49688c206721f177d2c57b42103ffcd139dde7', class: "form-group d-flex flex-column" }, h("label", { key: '596b8cae71f32769d82fa5e77df11daa172fcce9', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '44ec6ef8e306c5d25190dec87926ba382665f2ca', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: `input ${this.errorText ? 'input-invalid ' : ''}${this.disabled ? ' input-disabled' : ''}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "text", disabled: this.disabled }), h("form-control-help-text", { key: '888e0abf5f3687266784eda12428cb219321f964', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '902a8e06659e63cb35002b5eef8b3f987df8fb44', errorText: this.errorText, name: this.name }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/module/gross-payment-chart-core2.js

@@ -11042,7 +11042,7 @@ const GrossPaymentChartCore = /*@__PURE__*/ proxyCustomElement(class GrossPaymen
         }
     }
     render() {
-        return (h(Host, { key: '46d684da4581001eb7ee5296bf177e21b1a2f24e' }, this.loading && LoadingState(), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
+        return (h(Host, { key: '73822a13a814d0d6e687d0ac4904023776f02c9c' }, this.loading && LoadingState(), !this.errorMessage ? h("canvas", { id: "chart", ref: (elem) => this.chartRef = elem }) : ErrorState(this.errorMessage)));
     }
     static get watchers() { return {
         "getGrossPayment": ["propChanged"],

package/dist/module/justifi-checkout.js

@@ -7,15 +7,16 @@ import './Payment.js';
 import './Payout.js';
 import { c as config } from './config.js';
 import { J as JustifiAnalytics } from './Analytics.js';
-import { d as defineCustomElement$d } from './form-control-error-text2.js';
-import { d as defineCustomElement$c } from './form-control-help-text2.js';
-import { d as defineCustomElement$b } from './form-control-select2.js';
-import { d as defineCustomElement$a } from './form-control-text2.js';
-import { d as defineCustomElement$9 } from './billing-form.js';
-import { d as defineCustomElement$8 } from './checkout-core.js';
-import { d as defineCustomElement$7 } from './new-payment-method.js';
-import { d as defineCustomElement$6 } from './payment-method-form.js';
-import { d as defineCustomElement$5 } from './payment-method-options.js';
+import { d as defineCustomElement$e } from './form-control-error-text2.js';
+import { d as defineCustomElement$d } from './form-control-help-text2.js';
+import { d as defineCustomElement$c } from './form-control-select2.js';
+import { d as defineCustomElement$b } from './form-control-text2.js';
+import { d as defineCustomElement$a } from './billing-form.js';
+import { d as defineCustomElement$9 } from './checkout-core.js';
+import { d as defineCustomElement$8 } from './new-payment-method.js';
+import { d as defineCustomElement$7 } from './payment-method-form.js';
+import { d as defineCustomElement$6 } from './payment-method-options.js';
+import { d as defineCustomElement$5 } from './save-new-payment-method.js';
 import { d as defineCustomElement$4 } from './saved-payment-method.js';
 import { d as defineCustomElement$3 } from './sezzle-payment-method.js';
 import { d as defineCustomElement$2 } from './skeleton.js';
@@ -96,6 +97,7 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         super();
         this.__registerHost();
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.loadedEvent = createEvent(this, "loaded", 7);
         this.iframeOrigin = undefined;
         this.authToken = undefined;
         this.checkoutId = undefined;
@@ -138,8 +140,15 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
     propChanged() {
         this.initializeGetCheckout();
     }
+    async fillBillingForm(fields) {
+        this.checkoutCoreRef.fillBillingForm(fields);
+    }
     render() {
-        return (h("justifi-checkout-core", { key: '1844bb35fc8d4f24e2983cb540a1fd10ec510cc1', getCheckout: this.getCheckout, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup }, h("div", { key: '2e2676cfd661970ef1ff8adaa2e8e75db8581f11', slot: "insurance" }, h("slot", { key: '1d6448f4f7db270924160791ec08fb8f115fb2c1', name: "insurance" }))));
+        return (h("justifi-checkout-core", { key: '5dd0269c6fd04bff259204e80800803e618ffa83', getCheckout: this.getCheckout, authToken: this.authToken, complete: this.complete, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, disableBnpl: this.disableBnpl, disablePaymentMethodGroup: this.disablePaymentMethodGroup, ref: el => {
+                if (el) {
+                    this.checkoutCoreRef = el;
+                }
+            } }, h("div", { key: 'a659fc258e90c32b4b16ea1d92492c0e16f830a3', slot: "insurance" }, h("slot", { key: 'c92ba9f86f72b372cafabbdd7aba92cee0af44f7', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -155,7 +164,8 @@ const Checkout = /*@__PURE__*/ proxyCustomElement(class Checkout extends HTMLEle
         "disablePaymentMethodGroup": [4, "disable-payment-method-group"],
         "getCheckout": [32],
         "complete": [32],
-        "errorMessage": [32]
+        "errorMessage": [32],
+        "fillBillingForm": [64]
     }, undefined, {
         "authToken": ["propChanged"],
         "checkoutId": ["propChanged"]
@@ -164,7 +174,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-checkout", "form-control-error-text", "form-control-help-text", "form-control-select", "form-control-text", "justifi-billing-form", "justifi-checkout-core", "justifi-new-payment-method", "justifi-payment-method-form", "justifi-payment-method-options", "justifi-saved-payment-method", "justifi-sezzle-payment-method", "justifi-skeleton"];
+    const components = ["justifi-checkout", "form-control-error-text", "form-control-help-text", "form-control-select", "form-control-text", "justifi-billing-form", "justifi-checkout-core", "justifi-new-payment-method", "justifi-payment-method-form", "justifi-payment-method-options", "justifi-save-new-payment-method", "justifi-saved-payment-method", "justifi-sezzle-payment-method", "justifi-skeleton"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-checkout":
             if (!customElements.get(tagName)) {
@@ -173,45 +183,50 @@ function defineCustomElement$1() {
             break;
         case "form-control-error-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "form-control-help-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "form-control-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "form-control-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "justifi-billing-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "justifi-checkout-core":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "justifi-new-payment-method":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "justifi-payment-method-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "justifi-payment-method-options":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "justifi-save-new-payment-method":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }