@justifi/webcomponents 4.18.0 → 4.19.0

package/dist/esm/justifi-bank-account-form.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
 import { c as config } from './config-476c7241.js';
-import { J as JustifiAnalytics } from './Analytics-29fac206.js';
-import './package-1123f528.js';
+import { J as JustifiAnalytics } from './Analytics-33b8fa8d.js';
+import './package-3e407c6d.js';
 import './Api-b09a2f6a.js';
 
 const BankAccountForm = class {
@@ -64,7 +64,7 @@ const BankAccountForm = class {
         return this.childRef.resize();
     }
     render() {
-        return (h("justifi-payment-method-form", { key: 'd8978d420bc11899b12be05f6f318e1f4ff6f1bb', ref: el => {
+        return (h("justifi-payment-method-form", { key: 'e2fa64d199a6c550329c9797a6951335e7c12bc6', ref: el => {
                 if (el) {
                     this.childRef = el;
                 }

package/dist/esm/justifi-billing-form_2.entry.js

@@ -2,8 +2,8 @@ import { r as registerInstance, h, c as createEvent } from './index-57431c24.js'
 import { c as create$3, F as FormController } from './index.esm-fc4f5c0c.js';
 import { i as identityNameValidation, l as lineOneValidation, a as lineTwoValidation, c as cityValidation, s as stateValidation, p as postalValidation } from './schema-validations-a83ff220.js';
 import { S as StateOptions } from './state-options-a356fb11.js';
-import { n as numberOnlyHandler } from './utils-f4c4ba7d.js';
-import { S as StyledHost } from './styled-host-57aae7fa.js';
+import { n as numberOnlyHandler } from './utils-3bb6347a.js';
+import { S as StyledHost } from './styled-host-ab9da520.js';
 import './business-form-options-7a9a74fc.js';
 import './Business-e218b4f4.js';
 import './helpers-96ea3464.js';
@@ -52,7 +52,7 @@ const BillingForm = class {
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '8104e81c71bc567bfa5e0375cd33e9faca89d011', exportparts: "label,input,input-invalid" }, h("form", { key: 'c6cc67debae73514e2615f95c2bf864b912a73cb' }, h("fieldset", { key: '9a7c04e44a7428748dad4c303e69a138ddb9101d' }, this.legend && h("legend", { key: '7aff51cff0b829134b99179d05c8184ee434258e' }, this.legend), h("div", { key: '53ed47c893e7f8348a0ab1f637175e7b456e1992', class: "row gy-3" }, h("div", { key: '4b93bf1abd9be0735560cd2db646be68fc1a6916', class: "col-12" }, h("form-control-text", { key: '18f7be54e35cac629a0122b7ff040e424b39dcea', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '5358865082c4158083f0232441255622f339105a', class: "col-12" }, h("form-control-text", { key: '8ba417bede5bde2c6d7a99869caab780e0887b9b', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'ffadcbe419b78f4e96283c3366141e20e2f157d3', class: "col-12" }, h("form-control-text", { key: '14ca2064c4651405c443d75961c8937d7136a95d', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '52cd79784b86d18cc35c80ae5f4006e8e25337f7', class: "col-12" }, h("form-control-text", { key: '741129396330fb3d7e40143391ab3422d648c997', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: 'ec80e7986f8189d4a08df9924d9cbecab512ae3d', class: "col-12" }, h("form-control-select", { key: '0cea8474f7f72ebb2591f48bd85ea4e008f65d94', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '59935a8aaf2b91df9e33c284132ca1372591d797', class: "col-12" }, h("form-control-text", { key: '9316b7c2aec054c251eb9eba7641f239b43f3714', 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(StyledHost, { key: 'b08094d3c44d35cdb3c21b4bc360dbbee19d7d15', exportparts: "label,input,input-invalid" }, h("form", { key: '392538a781ffa2ac299cbc4203bab5efd10e77cc' }, h("fieldset", { key: 'f4b5a5ec9a91e9f50a3847c5eb16635c4f9d569a' }, this.legend && h("legend", { key: 'eb75e22f9df33c13e3851ece784d237b8973e2c5' }, this.legend), h("div", { key: 'd7ffdc1cfeda5568ad003a4d3bbe94765de04605', class: "row gy-3" }, h("div", { key: 'c22f9e7b2f33b5c298bb5f0a5c7bcaa709c231a0', class: "col-12" }, h("form-control-text", { key: 'd6eb4d2f4d1a2a709e0f29bf18b5d9700bd91a13', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '8494ee3c14f8923d18d8708077e030c2f141a251', class: "col-12" }, h("form-control-text", { key: '63266eb0e2b2b006a3c914a68703ee1cdf848f83', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '0a19fcf5c172d2539f23e147f39461d84dfd9d37', class: "col-12" }, h("form-control-text", { key: '0e5fae5d65d5ea195de0227d1e4f79cee7c7a0fb', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '13104554e8247cb0534c3dc9e6a16b2f44397795', class: "col-12" }, h("form-control-text", { key: '430e59713ec66ff7a6f735ca24640c27b05cbeee', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '5b81499717f67d5f499f4ebfc585056ef5bd3d56', class: "col-12" }, h("form-control-select", { key: '726c724eda5f25a92bad7e549ff7845ece7b41e1', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '5d5a6e0949c5ad93da5bc1837dadf88c2128212d', class: "col-12" }, h("form-control-text", { key: 'ebb4e77126d86011d9a1ed5d118461198b399092', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler })))))));
     }
 };
 BillingForm.style = JustifiBillingFormStyle0;
@@ -69,7 +69,7 @@ const SaveNewPaymentMethod = class {
         this.checkboxChanged.emit(this.isChecked);
     }
     render() {
-        return (h("div", { key: '9492361a8c6d1b0cc29638811ddf41fb2e0e4a8c', class: "mt-4 form-check" }, h("input", { key: 'ef0b68d5daf26ec3c273839d79a66c03a6ae2af7', type: "checkbox", checked: this.isChecked, onChange: (event) => this.handleCheckboxChange(event), class: "form-check-input" }), h("label", { key: '4dbd3b1501c8de8feedf738d73eb6e3e7fa2ad3a', class: "form-check-label" }, "Save new payment method")));
+        return (h("div", { key: 'f22a132a518a98786c8486e08c9a65050f3c5ea0', class: "mt-4 form-check" }, h("input", { key: '6f1392f9dd29a9761f5942b0a40e05a899858ada', type: "checkbox", checked: this.isChecked, onChange: (event) => this.handleCheckboxChange(event), class: "form-check-input" }), h("label", { key: 'e6e5908ba70ece8ea19370a04104d88d17237fc7', class: "form-check-label" }, "Save new payment method")));
     }
 };
 

package/dist/esm/justifi-business-details.entry.js

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-57431c24.js';
-import { E as ErrorState } from './utils-56719d07.js';
-import { B as BusinessService } from './business.service-19a0c8d3.js';
+import { E as ErrorState } from './utils-01413a95.js';
+import { B as BusinessService } from './business.service-74bd1212.js';
 import { B as Business } from './Business-e218b4f4.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
-import { J as JustifiAnalytics } from './Analytics-29fac206.js';
+import { J as JustifiAnalytics } from './Analytics-33b8fa8d.js';
 import './config-476c7241.js';
 import './Api-b09a2f6a.js';
 import './helpers-96ea3464.js';
 import './state-options-a356fb11.js';
-import './package-1123f528.js';
+import './package-3e407c6d.js';
 
 const makeGetBusiness = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/esm/justifi-business-form.entry.js

@@ -4,18 +4,18 @@ import { b as businessCoreInfoSchema, a as additionalQuestionsSchema } from './b
 import { a as addressSchema, i as identitySchema, p as parseBusiness } from './payload-parsers-acb719d1.js';
 import { A as Api } from './Api-b09a2f6a.js';
 import './Pagination-afc8f96d.js';
-import './Payment-3e94da9c.js';
+import './Payment-6bf26fe2.js';
 import './Payout-dfe15b00.js';
 import { c as config } from './config-476c7241.js';
-import { B as BusinessFormServerErrors, a as BusinessFormClickActions } from './business-form-types-60f50b98.js';
+import { B as BusinessFormServerErrors, a as BusinessFormClickActions } from './business-form-types-1bc5fe08.js';
 import { B as Business } from './Business-e218b4f4.js';
-import { J as JustifiAnalytics } from './Analytics-29fac206.js';
-import { S as StyledHost } from './styled-host-57aae7fa.js';
+import { J as JustifiAnalytics } from './Analytics-33b8fa8d.js';
+import { S as StyledHost } from './styled-host-ab9da520.js';
 import './schema-validations-a83ff220.js';
 import './state-options-a356fb11.js';
 import './business-form-options-7a9a74fc.js';
 import './helpers-96ea3464.js';
-import './package-1123f528.js';
+import './package-3e407c6d.js';
 
 const businessFormSchema = create$3(Object.assign(Object.assign({}, businessCoreInfoSchema().fields), { legal_address: addressSchema(), additional_questions: additionalQuestionsSchema(), representative: identitySchema('representative') }));
 
@@ -110,7 +110,7 @@ const BusinessForm = class {
         this.instantiateBusiness(response.data);
     }
     render() {
-        return (h(StyledHost, { key: '4f1e4f5126536bb778a5d5292ea320432874096d', exportparts: "label,input,input-invalid" }, h("form", { key: '10a2ed6a9b406ce8b7d47bc8f883469ac53d83e6', onSubmit: this.validateAndSubmit }, h("div", { key: '7409bfa5188eddb37f866c4c5524bad91d6f416f', class: "row gap-3" }, h("h1", { key: '62108bc12ecf3a799ce1b26714c0ad18640f120c' }, this.title), h("form-alert", { key: '1cb678fc4ad2792e30fbe462dab72c8e5b7f67f0', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'a3aca83b156586dd33aa188308471b4ba94976b9', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: '1e586dc338f84fe18230763520e07cce36edb639', formController: this.formController })), h("div", { key: '965ab59b189a5b165575fbdbc78ed6a3378c1afd', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '883131879c4a30f9b27cace42bc980f0ceabd6dc', formController: this.formController })), h("div", { key: '8ddd7cfa816b977f2b8ee59b375a23bfdae7e3c0', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: '812f878b5204f35ca1ddf25fe18a0ed2df320441', formController: this.formController })), h("div", { key: '0eeb17ac78fea83a2062b0c850d446aad53000a1', class: "col-12 mb-4" }, h("justifi-business-representative", { key: 'd5d478718a20337d86d3fd635d4ce1c7c6159ab5', formController: this.formController })), h("div", { key: '6911c9d8f27c675e47197e41f6cfc7185c014af8', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: '8b6e15a727b988c7c473cfb0d34ad4815e7cd09e', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
+        return (h(StyledHost, { key: '60989d23631d6a02e9a25313dd7297a61063a09c', exportparts: "label,input,input-invalid" }, h("form", { key: 'd961174a3e93ed505012919a0e7e036bd61a4902', onSubmit: this.validateAndSubmit }, h("div", { key: '2be81a7f0e3b568266ee66127f2b537d57c36762', class: "row gap-3" }, h("h1", { key: 'eefc257f687ff24cebf13155a571398e3ddbcabd' }, this.title), h("form-alert", { key: '173d3ee84f5a952a51884ab5f3818c768fcc9b08', text: this.errorMessage, hideAlert: this.hideErrors }), h("div", { key: 'bfd7fd73aca630fcf56f468d912759d5a96de172', class: "col-12 mb-4" }, h("justifi-business-core-info", { key: 'dc15f46a28301c03ccd884ff09740e87d67b2e5a', formController: this.formController })), h("div", { key: 'b4cd6ba605ea28a7692cc561951bb69ad93bb8f5', class: "col-12 mb-4" }, h("justifi-legal-address-form", { key: '670f320ff6d1ba86a34f5b42dd97a5d38e96c209', formController: this.formController })), h("div", { key: '0afb9d18e6ecb951cefda4df5dd133d31359cecc', class: "col-12 mb-4" }, h("justifi-additional-questions", { key: '6953718bea9525126db35adc44a9c8754234816a', formController: this.formController })), h("div", { key: 'f88b576b9159cd43f17d5a63c26acc4b53dfa9a0', class: "col-12 mb-4" }, h("justifi-business-representative", { key: '4353116715c7f7b906c3c0eae322df04703fd8e5', formController: this.formController })), h("div", { key: 'd626b0738ce71f7529fa270d7a2c479f517e48a2', class: "col-12 d-flex flex-row-reverse" }, h("button", { key: '9469e132726c9bd02b8a1f4c4ca1a4c2a9000c1b', type: "submit", class: "btn btn-primary jfi-submit-button", disabled: this.disabledState, onClick: () => this.fireClickEvents({ name: BusinessFormClickActions.submit }) }, this.isLoading ? 'Loading...' : 'Submit'))))));
     }
 };
 BusinessForm.style = JustifiBusinessFormStyle0;

package/dist/esm/justifi-business-representative-form-inputs.entry.js

@@ -0,0 +1,26 @@
+import { r as registerInstance, h } from './index-57431c24.js';
+import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-270ac806.js';
+import { P as PHONE_MASKS, S as SSN_MASK } from './form-input-masks-0e18300f.js';
+import './helpers-96ea3464.js';
+import './state-options-a356fb11.js';
+
+const RepresentativeFormInputs = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            updateFormValues(this.formController, { [name]: value });
+        };
+        this.onAddressFormUpdate = (values) => {
+            updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
+        };
+        this.representativeDefaultValue = undefined;
+        this.errors = undefined;
+        this.formController = undefined;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        return (h("form", { key: '8b46b3b30681c7e7f30395a2cac575a7bd7ac998' }, h("fieldset", { key: 'e6b8f2ebca22c295fd6897c0e8862200171c2b4d' }, h("legend", { key: '8f8f52240f5ccc3f5d43507681dc970b4260bb1b' }, "Representative"), h("hr", { key: '8b07c69a514534ab731e7c01b6ee4c7a0e59e06e' }), h("div", { key: '79f44ba9dcbcf9d010aed92e332f686ca7127285', class: 'row gy-3' }, h("div", { key: '2a1aeb5ddee1dafc40e108cfb2e9ed6f4d8bc183', class: 'col-12 col-md-8' }, h("form-control-text", { key: '6e089f2d4f734da266e94b38ec1435dc3f461d5f', name: 'name', label: 'Full Name', defaultValue: (_a = this.representativeDefaultValue) === null || _a === void 0 ? void 0 : _a.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'c86421e524752e017180aef58e01229bf751e941', class: 'col-12 col-md-4' }, h("form-control-text", { key: 'ad8105f6d9a46397eb481666c19468376716544c', name: 'title', label: 'Title', defaultValue: (_b = this.representativeDefaultValue) === null || _b === void 0 ? void 0 : _b.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '7775905e46c00337a98ab668c8453e14d27bfc4d', class: 'col-12 col-md-6' }, h("form-control-text", { key: 'e810f2395101a1e48d8d3ff66617ac82d0ec90b3', name: 'email', label: 'Email Address', defaultValue: (_c = this.representativeDefaultValue) === null || _c === void 0 ? void 0 : _c.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '66a91e85d1902e32668407e684774820c02dce67', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: 'aad97ca95c5b2ec728ea00916a46ff4b84661b96', name: 'phone', label: 'Phone Number', defaultValue: (_d = this.representativeDefaultValue) === null || _d === void 0 ? void 0 : _d.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '3cd56ea0ac1e472e905c8113f6335868c39882f1', class: 'col-12 col-md-4' }, h("form-control-date", { key: '2f6d505220cacc08a80029ada089370f3841d9ed', name: 'dob_full', label: 'Birth Date', defaultValue: (_e = this.representativeDefaultValue) === null || _e === void 0 ? void 0 : _e.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController) })), h("div", { key: 'cf2df0af006a50d3533b798607025b4d6ee82ca0', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: '033e4264a1466d300891b2328c0bfaced7acb04d', name: 'identification_number', label: 'SSN', defaultValue: (_f = this.representativeDefaultValue) === null || _f === void 0 ? void 0 : _f.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: '2dc7be12d65203da4d4e0bdd995256a7bdc5bf37', class: 'col-12' }, h("justifi-identity-address-form", { key: '47916ab24bf990be3541b72bfa2dc46cccca5a31', errors: this.errors.address, defaultValues: (_g = this.representativeDefaultValue) === null || _g === void 0 ? void 0 : _g.address, handleFormUpdate: this.onAddressFormUpdate }))))));
+    }
+};
+
+export { RepresentativeFormInputs as justifi_business_representative_form_inputs };

package/dist/esm/justifi-card-form.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
 import { c as config } from './config-476c7241.js';
-import { J as JustifiAnalytics } from './Analytics-29fac206.js';
-import './package-1123f528.js';
+import { J as JustifiAnalytics } from './Analytics-33b8fa8d.js';
+import './package-3e407c6d.js';
 import './Api-b09a2f6a.js';
 
 const CardForm = class {
@@ -65,7 +65,7 @@ const CardForm = class {
         return this.childRef.resize();
     }
     render() {
-        return (h("justifi-payment-method-form", { key: 'f3b2fe6391ac8f2e704062553e920cb44ddca776', ref: el => {
+        return (h("justifi-payment-method-form", { key: '58843b8a47f35d716845de11f6a66d8960bc0776', ref: el => {
                 if (el) {
                     this.childRef = el;
                 }

package/dist/esm/justifi-checkout-core.entry.js

@@ -1,9 +1,11 @@
 import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
-import { b as formatCurrency } from './utils-5f4c4faa.js';
+import { f as formatCurrency } from './utils-3c1dd2fa.js';
 import { c as config } from './config-476c7241.js';
 import { C as ComponentErrorSeverity } from './ComponentError-3ce7f437.js';
 import { i as insuranceValuesOn, v as validateInsuranceValues, a as insuranceValues } from './insurance-state-8ce01e59.js';
-import { S as StyledHost } from './styled-host-57aae7fa.js';
+import { B as Button } from './button-34e75e0f.js';
+import { S as StyledHost } from './styled-host-ab9da520.js';
+import { S as Skeleton } from './skeleton-145a80d4.js';
 
 class Checkout {
     constructor(data) {
@@ -43,7 +45,6 @@ const CheckoutCore = class {
             });
             this.renderState = 'error';
         };
-        this.loadingSpinner = (h("div", { class: "spinner-border spinner-border-sm", role: "status" }, h("span", { class: "visually-hidden" }, "Loading...")));
         this.iframeOrigin = config.iframeOrigin;
         this.authToken = undefined;
         this.getCheckout = undefined;
@@ -133,14 +134,14 @@ const CheckoutCore = class {
     }
     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, 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 }))));
+        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(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)))))));
+        return (h("section", null, h("div", { class: !this.isLoading && 'visually-hidden' }, h(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(StyledHost, { key: '2b96ee13916f7da0c872ba6f72223368b2c666e3' }, h("div", { key: 'c9b10b32f8b3c69fef559b6ff9753efad3ed1fef', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '2bce2147ecb9b18d5d3b60843a0af77b2fc4bcb2', class: "col-12" }, h("h2", { key: '690fe9231ec98d3500497c27ae73ff0ed25549ef', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: '719ba6b07d282b18e85a8ef330c21f30a1caf921', class: "col-12" }, h("slot", { key: 'd75c873384397b080e17dfcb7571e29eacd4c298', name: "insurance" })), h("div", { key: '8a72d01adba931e56bc685aa4d8bc53b1db91bdc', class: "col-12 mt-4" }, h("h2", { key: 'b09d2c310b22c01287d8783ca82b4108b0e18868', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: '00b969e4d3ea8fbfa0325aae334862a485cd117b', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: 'a952ad0a2070926eb6d73fa86b9fd7c9b9f82748', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: 'aec96d897f66e146940c133bfe2be046dbe83a34', class: "col-12" }, h("div", { key: '5b5adba09d08b6381f3fe8b84a494433f58be556', class: "d-flex justify-content-end" }, h("button", { key: '4048bd514eebcabca392d2f33691491ed9be7037', 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(StyledHost, { key: 'e322f280a57bb0baab61174bca21f0a7e9afa3c1' }, h("div", { key: '4ad8cc4f6243de8ddc03fb184ac4e960a04280eb', class: "row gy-3 jfi-checkout-core" }, h("div", { key: '7f13e26b36790558c8eb455f4d5ab3d0952b4e62', class: "col-12" }, h("h2", { key: 'c5e4b6fc30f51821537915f3ce5d4830ed3f8da9', class: "fs-5 fw-bold pb-3 jfi-header" }, "Summary"), this.summary), h("div", { key: '164b7a2cc51d871ad4a92044d0f7240e376bd4b3', class: "col-12" }, h("slot", { key: 'a98b7c6a0bb9e4d1b102e832ee7aa43218432298', name: "insurance" })), h("div", { key: '415d3aac64b4190f54d785695c50a92ce02a76c2', class: "col-12 mt-4" }, h("h2", { key: '6d7f0df1165ec359877459a8bada855ef353c3b3', class: "fs-5 fw-bold pb-3 jfi-header" }, "Payment"), h("h3", { key: 'be8495d792cf065d2cbc7d3b46648c887951e313', class: "fs-6 fw-bold lh-lg" }, "Select payment type"), h("div", { key: '5c9d8baffb50b0b10e9911463f307581cad7619c', class: "d-flex flex-column" }, this.paymentType)), h("div", { key: '9351832b69a8e5285cae35534299b51193248719', class: "col-12" }, h("div", { key: '5b0e382836c858369caf93a287272922024ce72b', class: "d-flex justify-content-end" }, h(Button, { key: 'f76d37000f7b026e97f083e7cf817bed8f84f34f', type: "submit", variant: "primary", onClick: (e) => this.submit(e), disabled: this.isLoading, isLoading: this.isLoading, style: { width: '100%' } }, "Pay"))))));
     }
 };
 CheckoutCore.style = JustifiCheckoutCoreStyle0 + JustifiCheckoutCoreStyle1;

package/dist/esm/justifi-checkout.entry.js

@@ -3,11 +3,11 @@ import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './Compone
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
 import { A as Api } from './Api-b09a2f6a.js';
 import './Pagination-afc8f96d.js';
-import './Payment-3e94da9c.js';
+import './Payment-6bf26fe2.js';
 import './Payout-dfe15b00.js';
 import { c as config } from './config-476c7241.js';
-import { J as JustifiAnalytics } from './Analytics-29fac206.js';
-import './package-1123f528.js';
+import { J as JustifiAnalytics } from './Analytics-33b8fa8d.js';
+import './package-3e407c6d.js';
 
 const makeGetCheckout = ({ authToken, checkoutId, service }) => async ({ onSuccess, onError }) => {
     var _a;
@@ -131,11 +131,11 @@ const Checkout = class {
         this.checkoutCoreRef.fillBillingForm(fields);
     }
     render() {
-        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 => {
+        return (h("justifi-checkout-core", { key: 'd2f6bfed1be767edcf4ba21cddc503ff5efbec1a', 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" }))));
+            } }, h("div", { key: '45ac1bea74ca8ef7999211b51fe7791225d61f00', slot: "insurance" }, h("slot", { key: '13e051844cc7cb4aed98076ccd64954b2dd68228', name: "insurance" }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

package/dist/esm/justifi-details.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h } from './index-57431c24.js';
-import { E as ErrorState } from './utils-56719d07.js';
-import { S as StyledHost } from './styled-host-57aae7fa.js';
+import { E as ErrorState } from './utils-01413a95.js';
+import { S as StyledHost } from './styled-host-ab9da520.js';
 
 const Details = class {
     constructor(hostRef) {
@@ -8,7 +8,7 @@ const Details = class {
         this.errorMessage = undefined;
     }
     render() {
-        return (h(StyledHost, { key: '636b56646441cc0588b3eb1ae44a371a36274d5c', 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(StyledHost, { key: '00b10fc4e459688ae06147ef1535f03609ec35e4', 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/esm/justifi-gross-payment-chart.entry.js

@@ -3,9 +3,9 @@ import { c as config } from './config-476c7241.js';
 import { A as Api } from './Api-b09a2f6a.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-3ce7f437.js';
 import { g as getErrorMessage, a as getErrorCode } from './utils-b10dae27.js';
-import { E as ErrorState } from './utils-56719d07.js';
-import { J as JustifiAnalytics } from './Analytics-29fac206.js';
-import './package-1123f528.js';
+import { E as ErrorState } from './utils-01413a95.js';
+import { J as JustifiAnalytics } from './Analytics-33b8fa8d.js';
+import './package-3e407c6d.js';
 
 class ReportsService {
     async fetchGrossVolumeChartData(accountId, authToken) {

package/dist/esm/justifi-new-payment-method_4.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment } from './index-57431c24.js';
 import { c as config } from './config-476c7241.js';
-import { b as PaymentMethodTypes } from './Payment-3e94da9c.js';
-import { k as snakeToCamel, b as formatCurrency } from './utils-5f4c4faa.js';
+import { a as PaymentMethodTypes } from './Payment-6bf26fe2.js';
+import { g as snakeToCamel, f as formatCurrency } from './utils-3c1dd2fa.js';
 
 const PaymentMethodTypeLabels = {
     bankAccount: 'New bank account',
@@ -74,7 +74,7 @@ const NewPaymentMethod = class {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h("div", { key: '450c5e6cb4d59d63733c78dff2aa2d59fe2ac579', class: "payment-method" }, h("div", { key: '6fc5d18cbf1d6287e5b29859ceb56e36088ad43a', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '508d561fb7bba38e7fc0b91c519b9e2aa7529e2d', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'bc34b7f590107caa9f99e7fff8741cbbbe6c93e5', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (h("div", { key: '93c3e6d38d1e18be54006bf82cd6c8148df3518d', class: "payment-method" }, h("div", { key: '6dbb687fbd3e33a6095be7c39ec0974bcc4809b8', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '6c5be962cf5d357211c6716b53d0d8dd3fcf0bb0', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: '796868afd192703a81d94897872dd9c0504cbc1e', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, PaymentMethodTypeLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.id])), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
 };
 
@@ -163,7 +163,7 @@ const PaymentMethodOptions = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'b432005ef4b36d46f54ed57f22f070d7cbfffe11' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (h(Host, { key: '86e309b90ab00f530dd803b00e5aab511f92300f' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
             const newCard = paymentMethodOption.id === PaymentMethodTypes.card;
             const newBankAccount = paymentMethodOption.id === PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;
@@ -218,7 +218,7 @@ const SavedPaymentMethod = class {
     ;
     render() {
         var _a, _b, _c, _d, _e;
-        return (h(Fragment, { key: '534f00b35ee4eda915babee7a12e4e08467f85e0' }, h("div", { key: 'a4a584ec84fc8d227c40f7a783e502f1d71eb94a', class: "payment-method" }, h("div", { key: '2df6119670eb7f9499a68b243af86d26e11e4f90', class: "payment-method-header p-3", onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: 'd25e191a695d04657a84a364cd60544f593f470d', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: '80f658216d46b048f5cb857b96a7c5a8f86c4e85', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, CardBrandLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.brand], " *", (_e = this.paymentMethodOption) === null || _e === void 0 ? void 0 :
+        return (h(Fragment, { key: '9c2174123f1675d60bc48d8109821c0bc2ad7682' }, h("div", { key: '07bffce2603110d44f38ffb2f57a60f07faddb3b', class: "payment-method" }, h("div", { key: 'f489d3a05db45c2b2581bc8f0fc093afed453d91', class: "payment-method-header p-3", onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '70681612520aa621c39a017b72b25a7dd3211282', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'a58e14ae9d199b0e0eb01b4c0a4a8bd9c8fec41d', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, CardBrandLabels[(_d = this.paymentMethodOption) === null || _d === void 0 ? void 0 : _d.brand], " *", (_e = this.paymentMethodOption) === null || _e === void 0 ? void 0 :
             _e.acct_last_four)))));
     }
 };
@@ -289,7 +289,7 @@ const SezzlePaymentMethod = class {
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: 'ca426a40641b5f7d8bf325e31d4dbcab982359aa', class: "payment-method" }, h("script", { key: '2e1d43d57f815b5e451f625907b5490a825ad0df', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: '122decb5b21d0480b5528bc425a50465a4667f18', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: 'f3546c71f0d845d2d341617255b6f3180f7c3faf', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: 'f9f5683a8f2c9a662ae07264e8458e2d74b2057b', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, h("div", { key: '0367a351c9c5045a7a7264b0053e735816ab2b9c' }, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", { key: '5ca343cd874dc339ee9e6e23a0dcea9aa2e69ff4' }, h("span", { key: '780a3d63a7c32b791d3e1c6d1bcc8ebb33dcedc3' }, (_d = this.installmentPlan) === null || _d === void 0 ? void 0 : _d.installments.length), "\u00A0", h("span", { key: '85b902b4dfead7f935b571201605d51120303038' }, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { key: 'ead969304aa372477953a9f1159893c43ded914f', class: "fw-bold" }, formatCurrency((_e = this.installmentPlan) === null || _e === void 0 ? void 0 : _e.installments[0].amountInCents))))))));
+        return (h("div", { key: '4deca512311cd98d358c7099141b15538857a4e5', class: "payment-method" }, h("script", { key: '94b232291153bba85efebb101e7e6e816857da96', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: '7cd9052ae6613fe7f187f3a51b7d6ac7087fdeb1', class: `payment-method-header p-3`, onClick: () => this.onPaymentMethodOptionClick() }, h("input", { key: '1e15e6c2ddced23b049e2559da27532f9be94fb5', type: "radio", name: "paymentMethodType", id: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, value: (_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id, onClick: (event) => event.preventDefault(), checked: this.isSelected, class: "form-check-input me-2" }), h("label", { key: '0a3637002ef373c05424d6769b070d9db0e66ce8', htmlFor: (_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.id, class: "form-check-label" }, h("div", { key: '6398e2f00088edf8a1a3699e149760744dda4cb1' }, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", { key: 'bfd33da875aa5e9f5b649ac8fc7aa5758393b6e8' }, h("span", { key: 'c07fd5d32fe897a45a67140e2cb81b1f4d537c4a' }, (_d = this.installmentPlan) === null || _d === void 0 ? void 0 : _d.installments.length), "\u00A0", h("span", { key: '2b11e4aa6389a4b98cd003c031aed8f01ec8a4df' }, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { key: '90cf3bfa1f0d36c8d4719f164d436407d7fc692b', class: "fw-bold" }, formatCurrency((_e = this.installmentPlan) === null || _e === void 0 ? void 0 : _e.installments[0].amountInCents))))))));
     }
 };
 

package/dist/esm/justifi-owner-form_3.entry.js

@@ -0,0 +1,262 @@
+import { r as registerInstance, c as createEvent, h } from './index-57431c24.js';
+import { c as makeGetIdentity, d as makePatchIdentity, e as makePostIdentity } from './payment-provisioning-actions-0635eff7.js';
+import { I as IdentityService } from './business.service-74bd1212.js';
+import { F as FormController } from './index.esm-fc4f5c0c.js';
+import { O as Owner } from './Business-e218b4f4.js';
+import { a as BusinessFormClickActions } from './business-form-types-1bc5fe08.js';
+import { c as parseIdentityInfo, i as identitySchema } from './payload-parsers-acb719d1.js';
+import { B as Button } from './button-34e75e0f.js';
+import { S as SSN_MASK, P as PHONE_MASKS } from './form-input-masks-0e18300f.js';
+import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './input-handlers-270ac806.js';
+import './ComponentError-3ce7f437.js';
+import './utils-b10dae27.js';
+import './config-476c7241.js';
+import './Api-b09a2f6a.js';
+import './helpers-96ea3464.js';
+import './state-options-a356fb11.js';
+import './schema-validations-a83ff220.js';
+import './business-form-options-7a9a74fc.js';
+
+const BusinessOwnerForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.getOwner = undefined;
+        this.patchOwner = undefined;
+        this.postOwner = undefined;
+        this.authToken = undefined;
+        this.ownerId = undefined;
+        this.businessId = undefined;
+        this.allowOptionalFields = undefined;
+        this.removeOwner = undefined;
+        this.newFormOpen = undefined;
+        this.ownersLength = undefined;
+    }
+    async validate() {
+        return this.coreComponent.validate();
+    }
+    async submit() {
+        return this.coreComponent.submit();
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
+    }
+    componentWillLoad() {
+        this.initializeApi();
+    }
+    initializeApi() {
+        if (!this.authToken) {
+            return;
+        }
+        this.getOwner = makeGetIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.patchOwner = makePatchIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.postOwner = makePostIdentity({
+            authToken: this.authToken,
+            service: new IdentityService()
+        });
+    }
+    render() {
+        return (h("owner-form-core", { key: '332d1e77d01886f13aba09b32b2d5f2199131619', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, ref: ref => this.coreComponent = ref }));
+    }
+};
+
+const BusinessOwnerFormCore = class {
+    loadingWatcher() {
+        this.formLoading.emit(this.isLoading);
+    }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.submitted = createEvent(this, "submitted", 7);
+        this.ownerSubmitted = createEvent(this, "ownerSubmitted", 7);
+        this.clickEvent = createEvent(this, "click-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.getData = () => {
+            this.isLoading = true;
+            this.getOwner({
+                onSuccess: (response) => {
+                    this.instantiateOwner(response.data);
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => this.isLoading = false
+            });
+        };
+        this.sendData = () => {
+            this.isLoading = true;
+            return new Promise((resolve) => {
+                if (this.ownerId) {
+                    this.patchOwner({
+                        payload: this.payload,
+                        onSuccess: (response) => {
+                            this.submitted.emit({
+                                data: response,
+                                metadata: { ownerID: response.data.id }
+                            });
+                            this.ownerSubmitted.emit({ id: response.data.id });
+                            this.instantiateOwner(response.data);
+                            resolve(true);
+                        },
+                        onError: ({ error, code, severity }) => {
+                            this.submitted.emit({ data: { error } });
+                            this.errorEvent.emit({
+                                message: error,
+                                errorCode: code,
+                                severity: severity
+                            });
+                            resolve(false);
+                        },
+                        final: () => this.isLoading = false
+                    });
+                }
+                else {
+                    this.postOwner({
+                        payload: this.payload,
+                        onSuccess: (response) => {
+                            this.submitted.emit({
+                                data: response,
+                                metadata: { ownerID: response.data.id }
+                            });
+                            this.ownerSubmitted.emit({ id: response.data.id });
+                            this.instantiateOwner(response.data);
+                            resolve(true);
+                        },
+                        onError: ({ error, code, severity }) => {
+                            this.submitted.emit({ data: { error } });
+                            this.errorEvent.emit({
+                                message: error,
+                                errorCode: code,
+                                severity: severity
+                            });
+                            resolve(false);
+                        },
+                        final: () => this.isLoading = false
+                    });
+                }
+            });
+        };
+        this.instantiateOwner = async (data) => {
+            this.owner = Object.assign({}, new Owner(data));
+            await this.formController.setInitialValues(this.owner);
+        };
+        this.handleAddOwner = () => {
+            const eventName = this.ownerId ? BusinessFormClickActions.updateOwner : BusinessFormClickActions.addOwner;
+            this.clickEvent.emit({ name: eventName });
+        };
+        this.handleRemoveOwner = () => {
+            this.removeOwner(this.ownerId);
+            this.clickEvent.emit({ name: BusinessFormClickActions.removeOwner });
+        };
+        this.isLoading = false;
+        this.formController = undefined;
+        this.errors = {};
+        this.owner = {};
+        this.ownerId = undefined;
+        this.businessId = undefined;
+        this.getOwner = undefined;
+        this.patchOwner = undefined;
+        this.postOwner = undefined;
+        this.allowOptionalFields = undefined;
+        this.removeOwner = undefined;
+        this.newFormOpen = undefined;
+        this.ownersLength = undefined;
+        this.validate = this.validate.bind(this);
+        this.submit = this.submit.bind(this);
+        this.validateAndSubmit = this.validateAndSubmit.bind(this);
+    }
+    async returnOwnerData() {
+        return this.ownerId;
+    }
+    async validate() {
+        return this.formController.validate();
+    }
+    async submit() {
+        const isValid = await this.validate();
+        if (isValid) {
+            return this.sendData();
+        }
+    }
+    async validateAndSubmit(event) {
+        event.preventDefault();
+        const isValid = await this.validate();
+        if (isValid) {
+            this.submit();
+        }
+    }
+    get payload() {
+        let formValues = parseIdentityInfo(this.formController.values.getValue());
+        if (this.ownerId) {
+            return JSON.stringify(formValues);
+        }
+        else {
+            return JSON.stringify(Object.assign(Object.assign({}, formValues), { business_id: this.businessId }));
+        }
+    }
+    get formTitle() {
+        return this.ownerId ? 'Edit Business Owner' : 'Add Business Owner';
+    }
+    get submitButtonText() {
+        return this.ownerId ? 'Update' : 'Add';
+    }
+    get showRemoveButton() {
+        const blankForm = !this.ownerId && this.newFormOpen;
+        if (this.ownersLength <= 1) {
+            return false;
+        }
+        else {
+            if (blankForm) {
+                return true;
+            }
+            else if (this.ownerId && !this.newFormOpen) {
+                return true;
+            }
+        }
+    }
+    componentWillLoad() {
+        this.formController = new FormController(identitySchema('owner', this.allowOptionalFields));
+        this.ownerId ? this.getData() : this.instantiateOwner({});
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
+    }
+    render() {
+        return (h("form", { key: 'b2e2aaced859260e9d2ef59bc3f8a0763d05872c', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '2a93ddb4c945be0ec081ce31d6d9eff4b302d622' }, h("legend", { key: 'ea9859e55099e3f8263024d884edfb48b3666eaa', class: "fw-semibold fs-5" }, this.formTitle), h("br", { key: 'f646c1ecc544c358d87e701aba8e151fcb96c54e' }), h("div", { key: '874bf4ebd7cef0afbdee96fa4d5679b6d683b0f0', class: "row gy-3" }, h("owner-form-inputs", { key: '866dbf0002ec1ac70d7942c6011c67f8cd144960', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: '15d907270ecf3d16769cedea39ba279d7ffb0748', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '84c09ef594e7fa387e64a09014de81ed713cc765', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '1dafd97aa7b84644c9d011224a152ad7f99ce620', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'f1f31da4d147afcd01ef96acd01d63ee9497dd6b' }))));
+    }
+    static get watchers() { return {
+        "isLoading": ["loadingWatcher"]
+    }; }
+};
+
+const BusinessOwnerFormInputs = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            updateFormValues(this.formController, { [name]: value });
+        };
+        this.onAddressFormUpdate = (values) => {
+            updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
+        };
+        this.ownerDefaultValue = undefined;
+        this.errors = undefined;
+        this.formController = undefined;
+    }
+    render() {
+        return (h("div", { key: '6fcc165d4bc75b92403d9031ad98f05f6b1dcd34', class: 'row gy-3' }, h("div", { key: '74f1e42a13892e95497a99684ba9de64719edb72', class: 'col-12 col-md-6' }, h("form-control-text", { key: '29caea2b0b0a62822cc20c99e697f3db7c22a541', name: 'name', label: 'Full Name', defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '5b0f8da9a0512de70558baa9cb188b4d5e773dc2', class: 'col-12 col-md-4' }, h("form-control-text", { key: '5967094f115a64876f8dc943a273f5a22b193f1c', name: 'title', label: 'Title', defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '6c05fec9b87f8ba5e3be9ce74ef727a1e4b14905', class: 'col-12 col-md-6' }, h("form-control-text", { key: '8c5b2839b6de605915d8e7c14a0ba22d3f440bda', name: 'email', label: 'Email Address', defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'd7eae882aea84b8562e459e66bc1ba885c4be3c7', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '2d6b33f47e4008745fd65c5ef3cb60dd92b85eba', name: 'phone', label: 'Phone Number', defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '92b825163aedf052bdb89721397da69c717e595d', class: 'col-12 col-md-4' }, h("form-control-date", { key: 'cd884b773ef0eb60effc61e8cfbf42b21620cd1c', name: 'dob_full', label: 'Birth Date', defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController) })), h("div", { key: '614ba65972946645ba5c7a299c00efd0e85abf5e', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: '7cd9fe7a1b56d351942a0b962f3c7227459406ae', name: 'identification_number', label: 'SSN', defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'ce08f35a16de4b9be65377cde0a9daa5b4cbe876', class: 'col-12' }, h("justifi-identity-address-form", { key: '79a7f5e8c08fc57383c1975145a6b06bd4e615dd', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
+    }
+    ;
+};
+
+export { BusinessOwnerForm as justifi_owner_form, BusinessOwnerFormCore as owner_form_core, BusinessOwnerFormInputs as owner_form_inputs };