@justifi/webcomponents 5.4.3 → 5.5.0

package/dist/esm/bank-account-form_9.entry.js

@@ -1,12 +1,21 @@
-import { h, r as registerInstance, H as Host, c as createEvent } from './index-29fcfdf5.js';
-import { S as Skeleton } from './skeleton-ab3f676e.js';
-import { i as iframeInputStylesSet } from './iframe-input-styles-state-ff730fe5.js';
-import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, a4 as billingForm, a5 as radioListItem } from './parts-fd740f54.js';
-import { H as Header3 } from './header-3-afd16f23.js';
-import { a as PaymentMethodTypes } from './Payment-806af354.js';
-import { l as snakeToCamel, f as formatCurrency } from './utils-ec50661e.js';
-import './index-a47fdc7f.js';
-import './Dispute-5fd28ec9.js';
+import { h, r as registerInstance, H as Host, c as createEvent } from './index-BUM1DfV9.js';
+import { S as Skeleton } from './skeleton-B-oFGeeG.js';
+import { a as iframeInputStylesSet } from './iframe-input-styles-state-DyXIZw1A.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, aj as billingForm, ak as radioListItem } from './parts-CB88j97I.js';
+import { c as create$3, F as FormController } from './index.esm-BCNUj0Dx.js';
+import { k as postalValidation, l as stateValidation, m as cityValidation, n as lineTwoValidation, q as lineOneValidation, y as identityNameValidation } from './schema-validations-BsbYeDDR.js';
+import { H as Header3 } from './header-3-D0Sy-7DJ.js';
+import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
+import { S as StateOptions } from './state-options-BX8GieXu.js';
+import { a as PaymentMethodTypes } from './Payment-BADkZFaz.js';
+import { n as snakeToCamel, f as formatCurrency } from './utils-BWcTxbSg.js';
+import './index-Cuk6aIda.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './business-form-options-Bn05PRR4.js';
+import './Business-D6XNzizo.js';
+import './helpers-Mu7LQT-w.js';
+import './Document-Ct-uNz2r.js';
+import './Dispute-7MWRbTXI.js';
 
 const BankAccountFormSkeleton = (props) => {
     const { isReady } = props;
@@ -27,7 +36,6 @@ const BankAccountFormSkeleton = (props) => {
 const BankAccountForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.iframeOrigin = undefined;
         this.isReady = false;
     }
     async validate() {
@@ -82,7 +90,6 @@ const CardFormSkeleton = (props) => {
 const CardForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.iframeOrigin = undefined;
         this.isReady = false;
     }
     componentDidRender() {
@@ -111,10 +118,10 @@ const CardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'fdbbbe01ef33117408fd49e1b478a6c3f0be56a6' }, h(CardFormSkeleton, { key: '859d45e5e9aa80f999aeece561e7d7971289786b', isReady: this.isReady }), h("div", { key: '586ca0f390ed57f34432930298662d2f85341dfa', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '035f015833d7c16a99ffb3cc4c1b88f44928839f' }, h(CardFormSkeleton, { key: '4f6a98efb4bb1ec08bc7660fe8fb11cf1f91aac4', isReady: this.isReady }), h("div", { key: 'efe85d9a9f3cd1ecabd6014b4e6ef6a22dce94f1', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '61f374b426d49a29f16ca1d56d5d9e82e74f12aa', class: "mb-3" }, h("iframe-input", { key: '965ad04d1ea086a026917078f7e8fc7b24d2c02e', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '0485b76a5b5f2d524eb942a7a36e534953730a4e', class: "row" }, h("div", { key: '9ffbe45585e6989e096430310dd21d5e31f1aa2f', class: "col-4 align-content-end" }, h("iframe-input", { key: '5fc0327c43a2823245261391074aba703791ecc7', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '22090d11cf2e4f017db46a7d2525f65d1e85a469', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a7b220a1081a241663b71619dad519611c2b98f5', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '9b6b26802c21b0b73fe71f251a584f33bed6179f', class: "col-4 align-content-end" }, h("iframe-input", { key: '59094373c4476437645d96779d65d5cea3f690d0', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: 'd72b1e2e6034d556eccbc6bd68b1469ce51ae257', class: "mb-3" }, h("iframe-input", { key: 'd5d4ae255037b01aced2c90c59bb74d65053b88a', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '1ff59862ecaf86c067638bc86a7a21425ee27ec0', class: "row" }, h("div", { key: '3f6803d69bc30890eb39f005c32c06d0cfb6cf0d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a328d46fbfea56f3fd483194a74e6d8520cbc2ae', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '46594d660b45a68f5b578823ed54db1a570a0291', class: "col-4 align-content-end" }, h("iframe-input", { key: 'e107c2515d16a339d52a3b08f91537eca3c92a23', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '3df8a556f5e0bade368137a673e814774ad507b9', class: "col-4 align-content-end" }, h("iframe-input", { key: '3432154c7645eda22beb1fe180936357b5b4b2c2', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 };
 
@@ -191,54 +198,68 @@ const HiddenInput = class {
         return input;
     }
     render() {
-        return (h(Host, { key: 'bd707d25b1b5f0a870ff6c778291cf008ecd212b' }, h("input", { key: '639af920d20d2d5e9c2791c251f00368137c7798', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
+        return (h(Host, { key: '04cbd78b739016b2a97a37a35df53bed83184e3d' }, h("input", { key: '6266b0dcfeeb13bd522fdd46b854300ccbadda4d', ref: el => this.hiddenInput = el, type: "text", class: this.errorText ? "form-control is-invalid" : "form-control", onFocus: () => this.isFocused = true, onBlur: () => this.isFocused = false, part: this.part, tabindex: "-1", style: { height: '0', opacity: '0', pointerEvents: 'none', animation: 'none' } })));
     }
 };
 
-const BillingFormWrapper = class {
+const billingFormSchema = (postalOnly) => {
+    const fullBillingForm = create$3({
+        name: identityNameValidation.required('Enter full name'),
+        address_line1: lineOneValidation.required('Enter street address'),
+        address_line2: lineTwoValidation.nullable(),
+        address_city: cityValidation.required('Enter city'),
+        address_state: stateValidation.required('Select state'),
+        address_postal_code: postalValidation.required('Enter postal code')
+    });
+    const postalForm = create$3({
+        name: identityNameValidation.nullable(),
+        address_line1: lineOneValidation.nullable(),
+        address_line2: lineTwoValidation.nullable(),
+        address_city: cityValidation.nullable(),
+        address_state: stateValidation.nullable(),
+        address_postal_code: postalValidation.required('Enter postal code')
+    });
+    return postalOnly ? postalForm : fullBillingForm;
+};
+
+const BillingForm = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.legend = undefined;
-        this.hideCardBillingForm = undefined;
-        this.paymentMethodType = undefined;
+        this.errors = {};
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
     }
-    get hideFullBillingForm() {
-        return this.hideCardBillingForm && this.paymentMethodType === 'card';
+    componentWillLoad() {
+        const postalOnly = this.isPostalOnlyMode;
+        this.formController = new FormController(billingFormSchema(postalOnly));
     }
-    async fill(fields) {
-        if (this.hideFullBillingForm) {
-            this.postalFormRef.fill(fields);
-        }
-        else {
-            this.billingFormRef.fill(fields);
-        }
+    componentDidLoad() {
+        this.formController.values.subscribe(values => this.billingInfo = Object.assign({}, values));
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
+    }
+    get isPostalOnlyMode() {
+        return this.paymentMethodType === 'card' && this.hideCardBillingForm;
+    }
+    get hideAllBillingFields() {
+        return this.paymentMethodType === 'bankAccount' && this.hideBankAccountBillingForm;
     }
     async getValues() {
-        if (this.hideFullBillingForm) {
-            return this.postalFormRef.getValues();
-        }
-        else {
-            return this.billingFormRef.getValues();
-        }
+        return this.formController.values.getValue();
     }
-    async validate() {
-        if (this.hideFullBillingForm) {
-            return this.postalFormRef.validate();
-        }
-        else {
-            return this.billingFormRef.validate();
-        }
+    async fill(fields) {
+        this.formController.setInitialValues(fields);
     }
-    get renderedForm() {
-        if (this.hideFullBillingForm) {
-            return (h("postal-form", { ref: (el) => (this.postalFormRef = el) }));
-        }
-        else {
-            return (h("div", null, h(Header3, { text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("billing-form", { ref: (el) => (this.billingFormRef = el) })));
-        }
+    async validate() {
+        let isValid = await this.formController.validate();
+        return { isValid: isValid };
     }
     render() {
-        return (h(Host, { key: 'be6dea58ab65001a820f6c0bb62f91f8b5698c76' }, h("div", { key: '7f69a59cdfb80ac8723b07243379ba61bb1f30c9', part: billingForm }, this.renderedForm)));
+        const billingFormDefaultValue = this.formController.getInitialValues();
+        const showHeader = !this.isPostalOnlyMode && !this.hideAllBillingFields;
+        return (h(Host, { key: '0df4ecdee8c32874325b83dd79586c7449ce6d93' }, h("div", { key: '6d5b45f278a7c69a76fe0895036ab37b810d0262', part: billingForm, class: "mt-4", hidden: this.hideAllBillingFields }, showHeader && h(Header3, { key: 'bc8f57f42134859e28dd523500ef874101198076', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("form", { key: '908b8265b028caaa01314bc56bdbfe550b632b94' }, h("fieldset", { key: 'af3e34fca100b0e0c3f13ef3af3a88009859e277' }, this.legend && h("legend", { key: '15cfcc98681d4386afad33d68910f7732e88b9a9' }, this.legend), h("div", { key: 'de372fbe06a6da1f512170a6f79f27c96499d790', class: "row gy-3" }, h("div", { key: 'bb4aab9d17a7bed7cb09e4306158f5e0ff248b8f', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: 'f8e086504b6f3fac0e4bd2a0c0dee5e2f2c3328a', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '9a5105e1183a61c55639c8153a65169fb65998c5', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: '4802e1462b0b1f433c77f817b733611332b18711', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '3edf7b2390c2fa7d0cadd75f9102a63f88a3685b', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: 'bec348d7030fa44e5a627ebc3f67ed9689a4a5b9', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '066d141b9529aae210fc2585bd2fd386e5b82120', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: '602587fcca0666d7070e5cd0316ed1c541953337', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '125aeec26f292763abefe1c3a1a3070a2a8b4c7c', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-select", { key: 'fb8d46d217d452809ee199ef8640e93714a91e85', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: 'b622a69cb724ed15d2fe0fb2a9039635bc96a12e', class: "col-12", hidden: this.hideAllBillingFields }, h("form-control-text", { key: 'a094770db85d5a65524909b5c4ec532fca167a95', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
     }
 };
 
@@ -249,29 +270,22 @@ const PaymentMethodTypeLabels = {
 const NewPaymentMethod = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
+        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected");
+        this.saveNewPaymentMethodChecked = false;
         this.onPaymentMethodOptionClick = (e) => {
             e.preventDefault();
             this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
         };
-        this.authToken = undefined;
-        this.accountId = undefined;
-        this.paymentMethodOption = undefined;
-        this.paymentMethodGroupId = undefined;
-        this.isSelected = undefined;
-        this.hideCardBillingForm = undefined;
-        this.iframeOrigin = undefined;
-        this.saveNewPaymentMethodChecked = false;
     }
     handleCheckboxChanged(event) {
         this.saveNewPaymentMethodChecked = event.detail;
     }
     async fillBillingForm(fields) {
-        this.billingFormWrapperRef.fill(fields);
+        this.billingFormRef.fill(fields);
     }
     async resolvePaymentMethod(insuranceValidation) {
         var _a, _b;
-        if (!this.paymentMethodFormRef || !this.billingFormWrapperRef)
+        if (!this.paymentMethodFormRef || !this.billingFormRef)
             return;
         try {
             const isValid = await this.validate();
@@ -295,13 +309,13 @@ const NewPaymentMethod = class {
         }
     }
     async validate() {
-        const billingFormValidation = await this.billingFormWrapperRef.validate();
+        const billingFormValidation = await this.billingFormRef.validate();
         const paymentMethodFormValidation = await this.paymentMethodFormRef.validate();
         return billingFormValidation.isValid && paymentMethodFormValidation.isValid;
     }
     async tokenize() {
         try {
-            const billingFormFieldValues = await this.billingFormWrapperRef.getValues();
+            const billingFormFieldValues = await this.billingFormRef.getValues();
             let paymentMethodData;
             if (this.saveNewPaymentMethodChecked) {
                 paymentMethodData = Object.assign(Object.assign({}, billingFormFieldValues), { payment_method_group_id: this.paymentMethodGroupId });
@@ -320,11 +334,14 @@ const NewPaymentMethod = class {
     showNewPaymentMethodForm() {
         var _a;
         const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
-        return (h("div", { class: "mt-4 pb-4" }, h("hidden-input", null), h("div", { class: "mb-4" }, paymentMethodType === 'card' ? (h("card-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin })) : (h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin }))), h("justifi-billing-form-wrapper", { ref: (el) => (this.billingFormWrapperRef = el), hideCardBillingForm: this.hideCardBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
+        return (h("div", { class: "mt-4 pb-4" }, h("hidden-input", null), paymentMethodType === 'card' ? (h("card-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin })) : (h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin })), h("justifi-billing-form", { ref: (el) => (this.billingFormRef = el), hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, paymentMethodType: paymentMethodType }), h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
+    }
+    get hiddenRadioInput() {
+        return !this.showAch || !this.showCard;
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '6d2d33cea2442744a4593e0635b1b2fcd6197275', class: "payment-method" }, h("div", { key: '5dc7a8e50668c3abf7b43a4251a6bbaa17c624d2', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '2bd2cdff094dc1c103fe1c79a6a8a4ee7f6c17be', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
+        return (h(Host, { key: 'a3da4a7aa5c5f68bec412be9eb210e8d45d81e80', class: "payment-method" }, h("div", { key: 'b15cf071a206e09333d55d5c7af26b71a79c46cf', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick, hidden: this.hiddenRadioInput }, h("form-control-radio", { key: 'd6ff109905c264b201ff3d6f09001a17e4cc351b', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
 };
 
@@ -351,20 +368,7 @@ var CardBrandLabels;
 const PaymentMethodOptions = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.showCard = undefined;
-        this.showAch = undefined;
-        this.showBnpl = undefined;
-        this.showSavedPaymentMethods = undefined;
-        this.paymentMethodGroupId = undefined;
-        this.bnpl = undefined;
-        this.insuranceToggled = undefined;
-        this.authToken = undefined;
-        this.accountId = undefined;
         this.savedPaymentMethods = [];
-        this.paymentAmount = undefined;
-        this.hideCardBillingForm = undefined;
-        this.iframeOrigin = undefined;
-        this.selectedPaymentMethodId = undefined;
         this.paymentMethodOptions = [];
     }
     async fillBillingForm(fields) {
@@ -405,15 +409,20 @@ const PaymentMethodOptions = class {
         var _a;
         return await ((_a = this.selectedPaymentMethodOptionRef) === null || _a === void 0 ? void 0 : _a.resolvePaymentMethod(insuranceValidation));
     }
+    async validate() {
+        const newPaymentMethodElement = this.selectedPaymentMethodOptionRef;
+        const isValid = await newPaymentMethodElement.validate();
+        return { isValid: isValid };
+    }
     render() {
         var _a;
-        return (h(Host, { key: '2d3dc8bc98cea3efbcf342a31b6883f30099b031' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (h(Host, { key: '2cf31e17412eb30afabe6749b86b7d1a6f308114' }, (_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;
             const sezzle = paymentMethodOption.id === PaymentMethodTypes.sezzle;
             if (newCard || newBankAccount) {
-                return (h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, iframeOrigin: this.iframeOrigin, ref: (el) => {
+                return (h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, "show-card": this.showCard, "show-ach": this.showAch, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, iframeOrigin: this.iframeOrigin, ref: (el) => {
                         if (isSelected) {
                             this.selectedPaymentMethodOptionRef = el;
                         }
@@ -443,7 +452,7 @@ const PaymentMethodOptions = class {
 const SaveNewPaymentMethod = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.checkboxChanged = createEvent(this, "checkboxChanged", 7);
+        this.checkboxChanged = createEvent(this, "checkboxChanged");
         this.isChecked = false;
     }
     handleCheckboxChange(_name, value) {
@@ -458,13 +467,11 @@ const SaveNewPaymentMethod = class {
 const SavedPaymentMethod = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
+        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected");
         this.onPaymentMethodOptionClick = (e) => {
             e.preventDefault();
             this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
         };
-        this.paymentMethodOption = undefined;
-        this.isSelected = undefined;
     }
     async resolvePaymentMethod(insuranceValidation) {
         var _a;
@@ -489,7 +496,7 @@ const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "http
 const SezzlePaymentMethod = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected", 7);
+        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected");
         this.onPaymentMethodOptionClick = (e) => {
             e.preventDefault();
             this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
@@ -521,15 +528,6 @@ const SezzlePaymentMethod = class {
             this.sezzleCheckout = checkout;
             this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
         };
-        this.bnpl = undefined;
-        this.clientId = undefined;
-        this.accountId = undefined;
-        this.paymentMethodOption = undefined;
-        this.isSelected = undefined;
-        this.paymentAmount = undefined;
-        this.installmentPlan = undefined;
-        this.sezzleCheckout = undefined;
-        this.sezzlePromise = undefined;
     }
     componentDidRender() {
         this.scriptRef.onload = () => {
@@ -550,4 +548,4 @@ const SezzlePaymentMethod = class {
     }
 };
 
-export { BankAccountForm as bank_account_form, CardForm as card_form, HiddenInput as hidden_input, BillingFormWrapper as justifi_billing_form_wrapper, NewPaymentMethod as justifi_new_payment_method, PaymentMethodOptions as justifi_payment_method_options, SaveNewPaymentMethod as justifi_save_new_payment_method, SavedPaymentMethod as justifi_saved_payment_method, SezzlePaymentMethod as justifi_sezzle_payment_method };
+export { BankAccountForm as bank_account_form, CardForm as card_form, HiddenInput as hidden_input, BillingForm as justifi_billing_form, NewPaymentMethod as justifi_new_payment_method, PaymentMethodOptions as justifi_payment_method_options, SaveNewPaymentMethod as justifi_save_new_payment_method, SavedPaymentMethod as justifi_saved_payment_method, SezzlePaymentMethod as justifi_sezzle_payment_method };

package/dist/esm/{business-additional-questions-schema-56308a54.js → business-additional-questions-schema-W6okG5Xu.js}

@@ -1,5 +1,5 @@
-import { c as create$3 } from './index.esm-feedf26f.js';
-import { b as businessNameValidation, w as websiteUrlValidation, e as emailValidation, p as phoneValidation, d as doingBusinessAsValidation, a as businessClassificationValidation, i as industryValidation, t as taxIdValidation, c as dateOfIncorporationValidation, r as revenueValidation, f as paymentVolumeValidation, g as whenServiceReceivedValidation, h as recurringPaymentsValidation, j as recurringPaymentsPercentageValidation, s as seasonalBusinessValidation, o as otherPaymentDetailsValidation } from './schema-validations-5af4266a.js';
+import { c as create$3 } from './index.esm-BCNUj0Dx.js';
+import { d as dateOfIncorporationValidation, t as taxIdValidation, i as industryValidation, b as businessClassificationValidation, a as doingBusinessAsValidation, p as phoneValidation, e as emailValidation, w as websiteUrlValidation, c as businessNameValidation, o as otherPaymentDetailsValidation, s as seasonalBusinessValidation, r as recurringPaymentsPercentageValidation, f as recurringPaymentsValidation, g as whenServiceReceivedValidation, h as paymentVolumeValidation, j as revenueValidation } from './schema-validations-BsbYeDDR.js';
 
 const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = create$3({

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

@@ -1,8 +1,8 @@
-import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-29fcfdf5.js';
-import { E as ErrorState } from './utils-96d9c205.js';
-import { S as StyledHost } from './styled-host-32228b45.js';
-import { S as Skeleton } from './skeleton-ab3f676e.js';
-import './parts-fd740f54.js';
+import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-BUM1DfV9.js';
+import { E as ErrorState } from './utils-B4pV3GWr.js';
+import { S as StyledHost } from './styled-host-BHVh70Zk.js';
+import { S as Skeleton } from './skeleton-B-oFGeeG.js';
+import './parts-CB88j97I.js';
 
 const BusinessDetailsLoading = () => {
     const Block = () => (h("div", { class: "mt-5" },
@@ -33,9 +33,7 @@ var RENDER_STATES;
 const BusinessDetailsCore = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.errorEvent = createEvent(this, "error-event", 7);
-        this.getBusiness = undefined;
-        this.business = undefined;
+        this.errorEvent = createEvent(this, "error-event");
         this.renderState = RENDER_STATES.LOADING;
         this.errorMessage = 'An error ocurred.';
     }

package/dist/esm/{business-form-options-86a13078.js → business-form-options-Bn05PRR4.js}

@@ -1,4 +1,4 @@
-import { b as BusinessClassification } from './Business-0855931c.js';
+import { a as BusinessClassification } from './Business-D6XNzizo.js';
 
 const businessClassificationOptions = [
     {

package/dist/esm/{business-identity-schema-24fcc4ef.js → business-identity-schema-lqdJS3MT.js}

@@ -1,5 +1,5 @@
-import { c as create$3, a as create$6 } from './index.esm-feedf26f.js';
-import { l as lineOneValidation, k as lineTwoValidation, m as cityValidation, n as stateValidation, q as postalValidation, u as identityNameValidation, v as identityTitleValidation, e as emailValidation, p as phoneValidation, x as dobValidation, y as ssnValidation } from './schema-validations-5af4266a.js';
+import { c as create$3, a as create$6 } from './index.esm-BCNUj0Dx.js';
+import { k as postalValidation, l as stateValidation, m as cityValidation, n as lineTwoValidation, q as lineOneValidation, u as ssnValidation, v as dobValidation, p as phoneValidation, e as emailValidation, x as identityTitleValidation, y as identityNameValidation } from './schema-validations-BsbYeDDR.js';
 
 const addressSchema = (allowOptionalFields) => {
     const schema = create$3({

package/dist/esm/{business.service-999196a4.js → business.service-B136meVo.js}

@@ -1,39 +1,54 @@
-import { A as Api } from './Api-52242eb0.js';
+import { A as Api } from './Api-C9CDE-UM.js';
 
 class BusinessService {
     async fetchBusiness(businessId, authToken, apiOrigin = "https://wc-proxy.justifi.ai") {
         const endpoint = `entities/business/${businessId}`;
-        return Api({ authToken, apiOrigin }).get(endpoint);
+        return Api({ authToken, apiOrigin }).get({ endpoint });
     }
     async patchBusiness(authToken, businessId, payload) {
         const endpoint = `entities/business/${businessId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch({
+            endpoint,
+            body: payload,
+        });
     }
 }
 class IdentityService {
     async fetchIdentity(identityId, authToken) {
         const endpoint = `entities/identity/${identityId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get(endpoint);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get({ endpoint });
     }
     async patchIdentity(authToken, identityId, payload) {
         const endpoint = `entities/identity/${identityId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).patch({
+            endpoint,
+            body: payload,
+        });
     }
     async postIdentity(authToken, payload) {
         const endpoint = `entities/identity`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
 }
 class BusinessBankAccountService {
     async postBankAccount(authToken, payload) {
         const endpoint = `entities/bank_accounts`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
 }
 class DocumentRecordService {
     async postDocumentRecord(authToken, payload) {
         const endpoint = `entities/document`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
 }
 

package/dist/esm/{button-fcee4da7.js → button-CI85Rqy5.js}

@@ -1,5 +1,5 @@
-import { h } from './index-29fcfdf5.js';
-import { f as buttonLoading, g as buttonPrimary, j as buttonSecondary } from './parts-fd740f54.js';
+import { h } from './index-BUM1DfV9.js';
+import { aa as buttonSecondary, ab as buttonPrimary, ac as buttonLoading } from './parts-CB88j97I.js';
 
 const ButtonSpinner = () => (h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },
     h("span", { class: "visually-hidden" }, "Loading...")));

package/dist/esm/{check-pkg-version-bbd75fa0.js → check-pkg-version-Wd4E_Njt.js}

@@ -1,10 +1,10 @@
-import { p as packageJson } from './package-01997353.js';
-import { A as Api } from './Api-52242eb0.js';
+import { p as packageJson } from './package-gAO-RwrF.js';
+import { A as Api } from './Api-C9CDE-UM.js';
 
 class AnalyticsService {
     async record(body) {
         const endpoint = 'analytics';
-        return Api({ apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, body);
+        return Api({ apiOrigin: "https://wc-proxy.justifi.ai" }).post({ endpoint, body });
     }
 }
 

package/dist/esm/{checkout.service-e38e477f.js → checkout.service-4tnXBKGq.js}

@@ -1,15 +1,15 @@
-import { A as Api } from './Api-52242eb0.js';
-import './ComponentError-c61dce41.js';
-import './Checkout-18d8bf94.js';
-import './Pagination-afc8f96d.js';
-import './Payment-806af354.js';
-import './SubAccount-7520271c.js';
-import './Document-1907c0d4.js';
+import { A as Api } from './Api-C9CDE-UM.js';
+import './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import './Refund-t_P1yy9d.js';
+import './Document-Ct-uNz2r.js';
 
 class CheckoutService {
     async fetchCheckout(authToken, checkoutId) {
         const endpoint = `checkouts/${checkoutId}`;
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get(endpoint);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).get({ endpoint });
     }
     async fetchCheckouts(accountId, authToken, params, apiOrigin) {
         if (!apiOrigin) {
@@ -18,7 +18,7 @@ class CheckoutService {
         const headers = { Account: accountId };
         const api = Api({ authToken, apiOrigin: apiOrigin });
         const endpoint = 'checkouts';
-        return api.get(endpoint, params, null, headers);
+        return api.get({ endpoint, params, headers });
     }
     async complete(authToken, checkoutId, payment) {
         const endpoint = `checkouts/${checkoutId}/complete`;
@@ -28,7 +28,10 @@ class CheckoutService {
         if (payment.payment_token) {
             payload.payment_token = payment.payment_token;
         }
-        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post(endpoint, payload);
+        return Api({ authToken, apiOrigin: "https://wc-proxy.justifi.ai" }).post({
+            endpoint,
+            body: payload,
+        });
     }
 }
 

package/dist/esm/checkouts-list-core.entry.js

@@ -1,25 +1,31 @@
-import { r as registerInstance, c as createEvent, h } from './index-29fcfdf5.js';
-import './ComponentError-c61dce41.js';
-import './Checkout-18d8bf94.js';
-import { p as pagingDefaults } from './Pagination-afc8f96d.js';
-import './Payment-806af354.js';
-import './SubAccount-7520271c.js';
-import './Document-1907c0d4.js';
-import { V as table, W as tableCell } from './parts-fd740f54.js';
-import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-1bc52f1f.js';
-import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-39a031a0.js';
-import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state-7bdf00bd.js';
-import './utils-ec50661e.js';
-import './Dispute-5fd28ec9.js';
-import './spinner-27479716.js';
-import './badge-1be14e8c.js';
-import './index-a47fdc7f.js';
+import { r as registerInstance, c as createEvent, h } from './index-BUM1DfV9.js';
+import './utils-BWcTxbSg.js';
+import './ComponentError-SdntD1xf.js';
+import './Checkout-Dfpql997.js';
+import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
+import './Payment-BADkZFaz.js';
+import './Refund-t_P1yy9d.js';
+import './Document-Ct-uNz2r.js';
+import { A as table, B as tableCell } from './parts-CB88j97I.js';
+import { T as TableClickActions, a as Table, b as TableLoadingState, c as TableEmptyState, d as TableErrorState } from './event-types-CooIFpFI.js';
+import { c as checkoutTableColumns, a as checkoutTableCells } from './checkouts-table-CHM4YCCZ.js';
+import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state-Gbxdxjoi.js';
+import './_commonjsHelpers-BFTU3MAI.js';
+import './Dispute-7MWRbTXI.js';
+import './spinner-ptEcaLdc.js';
+import './badge-C4TzL9CB.js';
+import './index-Cuk6aIda.js';
 
 const CheckoutsListCore = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.clickEvent = createEvent(this, "click-event", 7);
-        this.errorEvent = createEvent(this, "error-event", 7);
+        this.clickEvent = createEvent(this, "click-event");
+        this.errorEvent = createEvent(this, "error-event");
+        this.checkouts = [];
+        this.subAccounts = [];
+        this.loading = true;
+        this.paging = pagingDefaults;
+        this.pagingParams = {};
         this.handleClickPrevious = (beforeCursor) => {
             this.pagingParams = { before_cursor: beforeCursor };
             this.clickEvent.emit({ name: TableClickActions.previous });
@@ -35,16 +41,6 @@ const CheckoutsListCore = class {
             const checkoutData = this.checkouts.find((checkout) => checkout.id === clickedCheckoutID);
             this.clickEvent.emit({ name: TableClickActions.row, data: checkoutData });
         };
-        this.getCheckouts = undefined;
-        this.getSubAccounts = undefined;
-        this.columns = undefined;
-        this.checkouts = [];
-        this.checkoutsTable = undefined;
-        this.subAccounts = [];
-        this.loading = true;
-        this.errorMessage = undefined;
-        this.paging = pagingDefaults;
-        this.pagingParams = {};
     }
     updateOnPropChange() {
         this.fetchData();
@@ -136,7 +132,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h("div", { key: 'f94305b4a7c89d0d675e336eaac39c23328c9d98' }, h("div", { key: 'a43bbfee75303e2f88f6338933b0680e024d03fc', class: "table-wrapper" }, h("table", { key: 'd689db93b4d812c64eb074b0322e5ffc9087ec9f', class: "table table-hover", part: table }, h("thead", { key: '57f3a2e2f14af58787f9a68cbc12caf28834eea1', class: "table-head sticky-top" }, h("tr", { key: '7918b371db5dc1cd959e58a7be212faacc6e8f2c', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: '7ad39d5e2e91956d5c8bb7626e050ec5403c5aac', class: "table-body" }, h(TableLoadingState, { key: '327b6dc83a4937cae7e356185613006630b40884', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '559bf67b3fb6b959b0114a6e50a8b3ac00d518ac', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'f5e277558e63cdb335b52aaa162d7818850ca421', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '7f34a1d78f45d33f95a2c23904ac0741124b9316', class: "sticky-bottom" }, h("tr", { key: '4f91985c1ae00640ef3d29b20e9cb28240f36c21', class: "table-light align-middle" }, h("td", { key: '75d32d3c6ca4882d8e50e44a13a4081bac4c9515', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '81ec71b698e4ae3739440c7439125124f68086e0', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h("div", { key: '728b54169140355ad4ab2286f8fe0344ba9b1970' }, h("div", { key: 'ced2bf27609da7b8d406e29778acf0e3faf9fb4e', class: "table-wrapper" }, h("table", { key: 'e978910e98f8c0a637650f8183c04eb08f75bf15', class: "table table-hover", part: table }, h("thead", { key: 'a1c0d711f9bdf0dc6a7227f8614b6531d56cd8de', class: "table-head sticky-top" }, h("tr", { key: 'a2d9117f3d9e56fb2ead7fed36cd088543f30a75', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), h("tbody", { key: '04f5f7af209eca2e6b649276525016a9a1deee56', class: "table-body" }, h(TableLoadingState, { key: 'e9748a7684a2ea4660e21add9929c02e0fc82cf5', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '73ac7736d07d742b9f33f2c53ffead1f475e73ae', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '1ee2cfde8ebced1a38032b39511f888360e0ee51', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'f043cf4c76982437f289293e02e59baf76923b3d', class: "sticky-bottom" }, h("tr", { key: 'd539537ad511cbd3ae041a93909a2feec9dcd47a', class: "table-light align-middle" }, h("td", { key: 'ca5102386a7f0c59d82f6206ca2d9185d3871fad', part: tableCell, colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '99eb67ae4ad9ffc2ad5c196c982213b0fe507640', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/esm/{checkouts-list-params-state-7bdf00bd.js → checkouts-list-params-state-Gbxdxjoi.js}

@@ -1,4 +1,4 @@
-import { c as createStore } from './index-a47fdc7f.js';
+import { c as createStore } from './index-Cuk6aIda.js';
 
 const filterParamsInitialState = {};
 const propsParamsInitialState = {};