@justifi/webcomponents 5.7.3-rc-01 → 5.7.4

package/dist/esm/{Api-CqimcNgb.js → Api-BNYhCiE2.js}

@@ -1,5 +1,5 @@
 import { w as waitForConfig, c as configState } from './config-state-BjXhUj2q.js';
-import { g as generateId } from './utils-BjLkBMLe.js';
+import { g as generateId } from './utils-DB5fh6Iv.js';
 
 const Api = () => {
     async function getAuthorizationHeader(authToken) {

package/dist/esm/{Checkout-CV6qgU0r.js → Checkout-B9LrTq63.js}

@@ -1,4 +1,4 @@
-import { f as formatCurrency } from './utils-BjLkBMLe.js';
+import { f as formatCurrency } from './utils-DB5fh6Iv.js';
 
 class Completion {
     constructor(data) {
@@ -51,7 +51,7 @@ class Checkout {
             return ICheckoutPaymentMode.unknown;
         }
         const sortedCompletions = this.completions.sort((a, b) => {
-            return (new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime());
+            return new Date(b.updated_at).getTime() - new Date(a.updated_at).getTime();
         });
         const lastCompletion = sortedCompletions[0];
         if (lastCompletion.payment_mode) {
@@ -65,9 +65,11 @@ class Checkout {
         }
         return paymentMode;
     }
+    ;
     formattedPaymentAmount(amount) {
         return formatCurrency(amount, this.payment_currency);
     }
+    ;
 }
 var ICheckoutPaymentMode;
 (function (ICheckoutPaymentMode) {

package/dist/esm/{ComponentError-BhrFjjAs.js → ComponentError-SdntD1xf.js}

@@ -6,12 +6,10 @@ var ComponentErrorCodes;
     ComponentErrorCodes["POST_ERROR"] = "post-error";
     ComponentErrorCodes["UNKNOWN_ERROR"] = "unknown-error";
     ComponentErrorCodes["TOKENIZE_ERROR"] = "tokenize-error";
-    ComponentErrorCodes["COMPLETE_CHECKOUT_ERROR"] = "complete-checkout-error";
     ComponentErrorCodes["NOT_AUTHENTICATED"] = "not-authenticated";
     ComponentErrorCodes["INVALID_PARAMETER"] = "invalid-parameter";
     ComponentErrorCodes["PROVISIONING_REQUESTED"] = "provisioning-already-requested";
     ComponentErrorCodes["INVALID_REFUND_AMOUNT"] = "invalid-refund-amount";
-    ComponentErrorCodes["VALIDATION_ERROR"] = "validation-error";
 })(ComponentErrorCodes || (ComponentErrorCodes = {}));
 var ComponentErrorSeverity;
 (function (ComponentErrorSeverity) {

package/dist/esm/{Payment-BEvE6jAC.js → Payment-BGiKmQYR.js}

@@ -1,4 +1,4 @@
-import { f as formatCurrency } from './utils-BjLkBMLe.js';
+import { f as formatCurrency } from './utils-DB5fh6Iv.js';
 import { D as DisputeStatus } from './Dispute-7MWRbTXI.js';
 
 var CaptureStrategy;

package/dist/esm/{Refund-CwUn_GFj.js → Refund-DDIEc_gu.js}

@@ -1,4 +1,4 @@
-import { f as formatCurrency } from './utils-BjLkBMLe.js';
+import { f as formatCurrency } from './utils-DB5fh6Iv.js';
 
 var PaymentBalanceTxnType;
 (function (PaymentBalanceTxnType) {
@@ -256,6 +256,60 @@ class SubAccount {
     }
 }
 
+var EntityDocumentType;
+(function (EntityDocumentType) {
+    EntityDocumentType["voidedCheck"] = "voided_check";
+    EntityDocumentType["balanceSheet"] = "balance_sheet";
+    EntityDocumentType["bankStatement"] = "bank_statement";
+    EntityDocumentType["governmentId"] = "government_id";
+    EntityDocumentType["profitAndLossStatement"] = "profit_and_loss_statement";
+    EntityDocumentType["taxReturn"] = "tax_return";
+    EntityDocumentType["other"] = "other";
+})(EntityDocumentType || (EntityDocumentType = {}));
+var EntityDocumentStatus;
+(function (EntityDocumentStatus) {
+    EntityDocumentStatus["pending"] = "pending";
+    EntityDocumentStatus["uploaded"] = "uploaded";
+    EntityDocumentStatus["canceled"] = "canceled";
+    EntityDocumentStatus["needed"] = "needed";
+})(EntityDocumentStatus || (EntityDocumentStatus = {}));
+class EntityDocumentStorage {
+    constructor() {
+        this.voided_check = [];
+        this.balance_sheet = [];
+        this.bank_statement = [];
+        this.government_id = [];
+        this.profit_and_loss_statement = [];
+        this.tax_return = [];
+        this.other = [];
+    }
+}
+class EntityDocument {
+    constructor(fileData, business_id) {
+        this.file = fileData.file;
+        this.fileString = this.getFileString();
+        this.document_type = fileData.document_type;
+        this.presigned_url = null;
+        this.record_data = {
+            business_id: business_id,
+            document_type: this.document_type,
+            file_name: this.file.name,
+            file_type: this.file.type,
+        };
+    }
+    getFileString() {
+        let reader = new FileReader();
+        reader.onload = (e) => {
+            this.fileString = e.target.result;
+        };
+        reader.readAsDataURL(this.file);
+        return this.fileString;
+    }
+    setPresignedUrl(url) {
+        this.presigned_url = url;
+    }
+}
+
 var RefundStatuses;
 (function (RefundStatuses) {
     RefundStatuses["succeeded"] = "succeeded";
@@ -276,4 +330,4 @@ class RefundPayload {
     }
 }
 
-export { ITerminalStatus as I, Payout as P, RefundReasons as R, SubAccount as S, TerminalOrderStatus as T, TerminalOrderType as a, Terminal as b, PaymentBalanceTransaction as c, PayoutBalanceTransaction as d, TerminalOrder as e, TerminalModel as f, RefundPayload as g };
+export { EntityDocumentType as E, ITerminalStatus as I, Payout as P, RefundReasons as R, SubAccount as S, TerminalOrderStatus as T, TerminalOrderType as a, Terminal as b, PaymentBalanceTransaction as c, PayoutBalanceTransaction as d, TerminalOrder as e, TerminalModel as f, RefundPayload as g, EntityDocumentStorage as h, EntityDocument as i };

package/dist/esm/additional-questions-details_5.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-Bta_r52Z.js';
-import { c as DetailItem, D as DetailSectionTitle } from './utils-1WrbuHVR.js';
-import { m as isEmptyObject, i as snakeCaseToHumanReadable, n as formatMediumDate } from './utils-BjLkBMLe.js';
-import './parts-_6eQgwfE.js';
+import { c as DetailItem, D as DetailSectionTitle } from './utils-DGozGJLI.js';
+import { l as isEmptyObject, s as snakeCaseToHumanReadable, m as formatMediumDate } from './utils-DB5fh6Iv.js';
+import './parts-BrLVc_85.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 
 const AdditionalQuestionsDetails = class {

package/dist/esm/{badge-D_Q0kAPD.js → badge-C-nwyQ3h.js}

@@ -1,5 +1,5 @@
 import { h } from './index-Bta_r52Z.js';
-import { y as badgeDark, z as badgeLight, A as badgeInfo, B as badgeWarning, C as badgeDanger, D as badgeSuccess, E as badgeSecondary, F as badgePrimary, G as badge } from './parts-_6eQgwfE.js';
+import { F as badgeDark, G as badgeLight, H as badgeInfo, I as badgeWarning, J as badgeDanger, K as badgeSuccess, L as badgeSecondary, M as badgePrimary, N as badge } from './parts-BrLVc_85.js';
 
 var BadgeVariant;
 (function (BadgeVariant) {

package/dist/esm/bank-account-document-form-inputs_4.entry.js

@@ -1,21 +1,20 @@
 import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-Bta_r52Z.js';
 import './config-state-BjXhUj2q.js';
-import { i as snakeCaseToHumanReadable, d as formatDate, j as formatTimeSeconds } from './utils-BjLkBMLe.js';
-import './ComponentError-BhrFjjAs.js';
-import './Checkout-CV6qgU0r.js';
+import { s as snakeCaseToHumanReadable, d as formatDate, i as formatTimeSeconds } from './utils-DB5fh6Iv.js';
+import './ComponentError-SdntD1xf.js';
+import './Checkout-B9LrTq63.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BEvE6jAC.js';
-import './Refund-CwUn_GFj.js';
-import { E as EntityDocumentType } from './Document-Ct-uNz2r.js';
+import './Payment-BGiKmQYR.js';
+import { E as EntityDocumentType } from './Refund-DDIEc_gu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
 import { c as bankAccountTypeOptions } from './business-form-options-CgssATyg.js';
 import './event-types-XYgDHrVL.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
-import { Z as card, x as heading2, ak as table, I as tableHeadCell, al as tableCell, c as input, l as label, b as inputInvalid, T as inputDisabled, a as inputFocused } from './parts-_6eQgwfE.js';
-import { S as Skeleton } from './skeleton-CPNYhX-V.js';
+import { X as card, D as heading2, ai as table, P as tableHeadCell, aj as tableCell, c as input, l as label, b as inputInvalid, R as inputDisabled, a as inputFocused } from './parts-BrLVc_85.js';
+import { S as Skeleton } from './skeleton-D6agoQ_l.js';
 import './event-types-CZfYo5-1.js';
-import { F as FormControlErrorText } from './form-control-error-text-_SAT-ts2.js';
+import { F as FormControlErrorText } from './form-control-error-text-CwJc1ShT.js';
 import './index-Cf8VXyXg.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './helpers-Mu7LQT-w.js';
@@ -99,10 +98,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: '329fd1cedefedb6bd17acfbb30adfefecefb19ca' }, h("div", { key: 'abdd1db599e47f367bc56008386026361ee8aa3b', class: "form-group d-flex flex-column" }, h("div", { key: '9306d438e038947b68cc3b8b2faa2ab412fab203', class: "d-flex align-items-start gap-2" }, h("label", { key: '164c4e92e01d5219013623d0edaa3c96a814ff6c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '2d7fe58881cfa259f3d2ba8edbc6f07411ea26c6', helpText: this.helpText })), h("input", { key: '1964930b98527640df99e1e22b6322e0627bc668', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c34cbf8874c33d945d81a93646372ac9dc687362' }, h("div", { key: 'cacf5f210a0adb6f408ac05efe4279d9eb1ae3b8', class: "form-group d-flex flex-column" }, h("div", { key: '936cb5268fa2c63f9931895f7a0b46ed5b4776ec', class: "d-flex align-items-start gap-2" }, h("label", { key: '6dc1dd3be36337cc3c4bb72a4e4d42c6e7c2a239', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '4c4a2c965882e7e96d36b16e6448fa4efd003950', helpText: this.helpText })), h("input", { key: '469cf033fae879306ecbfdcdb9e6d74fdb4b4265', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: '02ffabfccf4e06936e0ed44fe2ad715f7f44fe3f', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '7359b6f39ac038230ce1d2d60454a4d4e69c6bb9', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/{bank-account-form_7.entry.js → bank-account-form_9.entry.js}

@@ -1,22 +1,21 @@
 import { h, r as registerInstance, H as Host, c as createEvent } from './index-Bta_r52Z.js';
-import { S as Skeleton } from './skeleton-CPNYhX-V.js';
+import { S as Skeleton } from './skeleton-D6agoQ_l.js';
 import { w as waitForConfig, c as configState } from './config-state-BjXhUj2q.js';
-import { c as create$3, F as FormController } from './form-BjGUIqxU.js';
-import { p as postalValidation, s as stateValidation, c as cityValidation, l as lineTwoValidation, a as lineOneValidation, i as identityNameValidation } from './schema-validations-DYV7urvw.js';
-import { d as billingForm, r as radioListItem } from './parts-_6eQgwfE.js';
-import { H as Header3 } from './header-3-Ce9WLWBm.js';
+import { a as iframeInputStylesSet } from './iframe-input-styles-state-CfSmDqfA.js';
+import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, au as billingForm, av as radioListItem } from './parts-BrLVc_85.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-DLWfpHyI.js';
+import { H as Header3 } from './header-3-CLoMDfp0.js';
 import './event-types-CZfYo5-1.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
 import { S as StateOptions } from './state-options-BX8GieXu.js';
-import { a as PaymentMethodTypes } from './Payment-BEvE6jAC.js';
-import { P as PaymentMethodOption, C as CardBrandLabels } from './payment-method-option-utils-8n_ALxec.js';
+import { a as PaymentMethodTypes } from './Payment-BGiKmQYR.js';
+import { n as snakeToCamel, f as formatCurrency } from './utils-DB5fh6Iv.js';
 import './index-Cf8VXyXg.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 import './business-form-options-CgssATyg.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
-import './Document-Ct-uNz2r.js';
-import './utils-BjLkBMLe.js';
 import './Dispute-7MWRbTXI.js';
 
 const BankAccountFormSkeleton = (props) => {
@@ -66,10 +65,10 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'cdddf967e7142731f3b5aef31bfc3d004ce97733' }, h(BankAccountFormSkeleton, { key: '5eafa58bd31bbbd5ff5ca90a036fc696f7bd05fb', isReady: this.isReady }), h("div", { key: 'c8486e0337df9a61bd1979014f3de53eef22b071', class: "container-fluid p-0", style: {
+        return (h(Host, { key: 'b6cdf5a9320d92a5390daaa0a5218274f2dfc178' }, h(BankAccountFormSkeleton, { key: '286fcc38a26820d166ced0bc886143ed3d880da4', isReady: this.isReady }), h("div", { key: '041fcacff70d7cdfc0c8f41258bd9db18703e4c1', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '3db2146e4d770c024efab6e777dbfa4ace26f23a', class: "row mb-3" }, h("iframe-input", { key: '5f9da4873119c1a1e771c7663b98e283766a37a1', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '7ed20c940afd5ffc4348e4102a4cfd351d8e2198', class: "row" }, h("iframe-input", { key: '0667de245764f1d9181682beb674c4a376447a68', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: '94dc0eb0d79b40ade96e1961611e3e7a8eef20ea', class: "row mb-3" }, h("iframe-input", { key: '41c82b772e7873a45409e35ed56dfea16c20c2ee', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '1c95618a50e2d36a3a9a3a7b691ae0dfa6a09936', class: "row" }, h("iframe-input", { key: '28a4dde70c8f55b4f6bf6ce2d3beee6acbebbc0b', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 };
 
@@ -128,10 +127,87 @@ const CardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'c43351c7ab1eb6bf413f162634f55007798bb076' }, h(CardFormSkeleton, { key: 'f0a29497de2270108868e892d666b552dea27a1e', isReady: this.isReady }), h("div", { key: '2734b111c1f2f2275435d2141445ac30482946be', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '3d28e96f020196a359a359507237b50dd9fed020' }, h(CardFormSkeleton, { key: 'ee07eb10acf142fcaab1398278e335df49f1abe9', isReady: this.isReady }), h("div", { key: 'bfce475f392cbb2bad3fd1c76f16c6e6a6718c1f', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '036c359caaf8fc36fa6ba56bbcad5d01de1fe9c9', class: "mb-3" }, h("iframe-input", { key: '9baf7dc76ff18f8dee6e6cd08b93e1ba155d5cf2', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: 'cd54e4a30da50cfe5151b557fe1d92ebb483ad7e', class: "row" }, h("div", { key: '6b3e84079d606a6ffd5580deae0d6e4563d4c7ef', class: "col-4 align-content-end" }, h("iframe-input", { key: '9ea2ad1c93ca90bbb4bc7a4c83a72e8f4cc9da61', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '9478f77f64decfcdfd77f888d54cb37f46ad8ab7', class: "col-4 align-content-end" }, h("iframe-input", { key: '43191d41eb743e0c509236ea316c1afb180b8fbb', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '65599647fc750e6c62fb2866190ffa87689d8a5b', class: "col-4 align-content-end" }, h("iframe-input", { key: 'df367f3143aaff25ba9147698090ccbcea902cbf', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: 'e8517852800a9a165e61308f8d1cf875a87c021e', class: "mb-3" }, h("iframe-input", { key: '6efe224b7f4a2f63eec601d3e48c454d78c30300', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: 'c14b9deb1a9d677a6ee8952cbc946fea3c95f21a', class: "d-flex align-items-start" }, h("div", { key: 'd0ced17b3f1d231514f81d9fe21f75cb87db145c', class: "flex-fill me-3" }, h("iframe-input", { key: '5b187bbe0826dde34cd49ecce1e386ab5373da93', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: 'aace0455d0a522fff3141f17af7267e9ca8dc252', class: "flex-fill me-3" }, h("iframe-input", { key: 'a2f2a445a2100aa1a15f3e56ca336792abed4fd0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '7c4baf5981965a25ab75f1e9ce35a5cf8e293837', class: "flex-fill" }, h("iframe-input", { key: 'de7f0c99eb09e0bdc0bb22e485eba5bf4486e345', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+    }
+};
+
+const HiddenInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.isFocused = false;
+        this.errorText = '';
+    }
+    async componentDidLoad() {
+        const fontStyles = await this.getBaseFontStyles();
+        iframeInputStylesSet('fontStyles', fontStyles);
+        const focusedStyles = await this.getFocusedStyles();
+        iframeInputStylesSet('focused', focusedStyles);
+        const focusedAndInvalidStyles = await this.getFocusedAndInvalidStyles();
+        iframeInputStylesSet('focusedAndInvalid', focusedAndInvalidStyles);
+    }
+    async getBaseFontStyles() {
+        return new Promise((resolve, _reject) => {
+            setTimeout(() => {
+                const computedStyles = getComputedStyle(this.hiddenInput);
+                const styles = {
+                    fontFamily: computedStyles.fontFamily,
+                    fontSize: computedStyles.fontSize,
+                    fontWeight: computedStyles.fontWeight,
+                    lineHeight: computedStyles.lineHeight,
+                    margin: computedStyles.margin,
+                    padding: computedStyles.padding,
+                    color: computedStyles.color,
+                };
+                resolve(styles);
+            }, 500);
+        });
+    }
+    ;
+    async getFocusedStyles() {
+        return new Promise((resolve, _reject) => {
+            this.hiddenInput.focus();
+            setTimeout(() => {
+                this.hiddenInput.blur();
+                let computedStyles = getComputedStyle(this.hiddenInput);
+                resolve({
+                    boxShadow: computedStyles.boxShadow,
+                    border: computedStyles.border,
+                });
+            }, 500);
+        });
+    }
+    async getFocusedAndInvalidStyles() {
+        return new Promise((resolve, _reject) => {
+            this.hiddenInput.focus();
+            this.errorText = 'Error';
+            setTimeout(() => {
+                const computedStyles = getComputedStyle(this.hiddenInput);
+                const styles = {
+                    boxShadow: computedStyles.boxShadow,
+                    border: computedStyles.border,
+                };
+                this.hiddenInput.blur();
+                resolve(styles);
+            }, 500);
+        });
+    }
+    get part() {
+        if (this.isFocused && this.errorText) {
+            return inputInvalidAndFocused;
+        }
+        if (this.errorText) {
+            return inputInvalid;
+        }
+        if (this.isFocused) {
+            return inputFocused;
+        }
+        return input;
+    }
+    render() {
+        return (h(Host, { key: '32b302de9983db3ced26f1780bf116e63091b9ad' }, h("input", { key: 'c8fbe6dc11c8b743d307557aab107852403441ae', 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' } })));
     }
 };
 
@@ -193,7 +269,7 @@ const BillingForm = class {
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
         const showHeader = !this.isPostalOnlyMode && !this.hideAllBillingFields;
-        return (h(Host, { key: 'ffffb2d8a4571222645d3c47eb1e2286b8597140' }, h("div", { key: '69b4f6c623cacbf32a30a9b9f23c3de427835c25', part: billingForm, class: "mt-4", hidden: this.hideAllBillingFields }, showHeader && h(Header3, { key: '96c0781a9b3dd7c5ef0b75ac8667664fee0bd95e', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("form", { key: '97380a90146a9732594f1c356fab952089280f99' }, h("fieldset", { key: 'fd8bbea485c10633f1d8cca62b222a8abb0d022f' }, this.legend && h("legend", { key: '8febee534a2d055093309e8f8f06078b0b35f4e4' }, this.legend), h("div", { key: '16ac8abe899cdb964d83322fa74cb00f737ab338', class: "row gy-3" }, h("div", { key: '866f73c45b807aeeea4e6addf4de5f2d3a1a232d', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: '1734b2aac3eb0508f9ae2e4bf41836fc5dd71cad', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '569c0dc60b47d3e9077af401b720d7777c903bde', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: '74406a7f4efde53a41141a218d246408c4807fc8', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: 'a7f3b7f137b0dd6a92cce6999ef65f13bcff4a31', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: '8b6d28170c44af6b7701499a8a4626749d4cd36d', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: '3a9031a0ddbea7e1020c420cdd6811ea9c86b9e4', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: '730b395bb97c349a63f669669830cbce6ba86f83', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: '7998420d30b1957a086303862f7200f20541ead2', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-select", { key: 'b94b623a26891646957f25e59cb03038a989eabf', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '7b0d6eae7eb90f4b33b3e73f920b6ea25920f809', class: "col-12", hidden: this.hideAllBillingFields }, h("form-control-text", { key: '703e429c7999f5cc143c5648bd9fbdc4f5bb6ee9', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
+        return (h(Host, { key: 'df86239c476aadde3af18742bbf643d61825c051' }, h("div", { key: '186f3ef6c2295223da888b7645a0af7aa8df4535', part: billingForm, class: "mt-4", hidden: this.hideAllBillingFields }, showHeader && h(Header3, { key: '72284e3fcea18cbdfe879989fb7f1b007e2a37df', text: "Billing address", class: "fs-6 fw-bold lh-lg mb-4" }), h("form", { key: '9479d696a0486e63edfad4bd0dbe374a21cb7b8c' }, h("fieldset", { key: 'b780abf09a714f2e9588670ad149c3ca999cbc87' }, this.legend && h("legend", { key: 'f102dc51722fe2f050c951e7b56117c9577f3b83' }, this.legend), h("div", { key: '00d6c7e35d768f3357cc17836c916e2bf24e3a7e', class: "row gy-3" }, h("div", { key: 'cb2b29aa769c97ccab246dc74e463d389497edbd', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: '3cb8ca5e3ecd0817f8e16aafbb5d3ca5ee7824ed', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '781338b1c79fd815d2ab2dbc15e7b56b534a2278', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: '682a37c6b417fbc0edf76b89122b5bf618603360', name: 'address_line1', label: 'Street Address', defaultValue: billingFormDefaultValue.address_line1, errorText: this.errors.address_line1, inputHandler: this.inputHandler })), h("div", { key: '50d657891e492c8568bf179d752b9aadf10f2387', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: 'ce1f04bfc3307af7a025390bcbcce6a6b3da6fab', name: 'address_line2', label: "Apartment, Suite, etc. (optional)", defaultValue: billingFormDefaultValue.address_line2, errorText: this.errors.address_line2, inputHandler: this.inputHandler })), h("div", { key: 'ddb45c1cbdc6aa5d27c6a0c4b6f29366ed0e8eba', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-text", { key: '410efdbcd5381bdf61d9c752f292f794d8e12670', name: 'address_city', label: "City", defaultValue: billingFormDefaultValue.address_city, errorText: this.errors.address_city, inputHandler: this.inputHandler })), h("div", { key: 'a65811acc25443a07cdb1401231ce1e703096fd4', class: "col-12", hidden: this.isPostalOnlyMode }, h("form-control-select", { key: 'bed28d564c9e5a2ebfc10b6ab47e43e2b17bd6e6', name: 'address_state', label: 'State', options: StateOptions, defaultValue: billingFormDefaultValue.address_state, errorText: this.errors.address_state, inputHandler: this.inputHandler })), h("div", { key: '8aca307d318e87b17e09122fa91e817c0a59c8d5', class: "col-12", hidden: this.hideAllBillingFields }, h("form-control-text", { key: '4dd06dc9ae01fc2953780e52f9e9c918a38a7bbd', name: 'address_postal_code', label: "ZIP", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 5, keyDownHandler: numberOnlyHandler }))))))));
     }
 };
 
@@ -290,6 +366,26 @@ const NewPaymentMethod = class {
     }
 };
 
+class PaymentMethodOption {
+    constructor(paymentMethod) {
+        this.id = paymentMethod.id;
+        this.brand = paymentMethod.brand;
+        this.acct_last_four = paymentMethod.acct_last_four;
+        this.type = snakeToCamel(paymentMethod.type);
+    }
+}
+var CardBrandLabels;
+(function (CardBrandLabels) {
+    CardBrandLabels["american_express"] = "American Express";
+    CardBrandLabels["diners_club"] = "Diners Club";
+    CardBrandLabels["discover"] = "Discover";
+    CardBrandLabels["jcb"] = "JCB";
+    CardBrandLabels["mastercard"] = "Mastercard";
+    CardBrandLabels["china_unionpay"] = "UnionPay";
+    CardBrandLabels["visa"] = "Visa";
+    CardBrandLabels["unknown"] = "Unknown";
+})(CardBrandLabels || (CardBrandLabels = {}));
+
 const PaymentMethodOptions = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -306,7 +402,7 @@ const PaymentMethodOptions = class {
         this.paymentMethodsChanged();
     }
     paymentMethodsChanged() {
-        var _a;
+        var _a, _b;
         this.paymentMethodOptions = this.savedPaymentMethods
             .map((paymentMethod) => new PaymentMethodOption(paymentMethod))
             .filter((paymentMethod) => {
@@ -314,6 +410,9 @@ const PaymentMethodOptions = class {
             return ((this.showCard || paymentMethod.type !== PaymentMethodTypes.card) &&
                 (this.showAch || paymentMethod.type !== PaymentMethodTypes.bankAccount));
         });
+        if (this.showBnpl && ((_a = this.bnpl) === null || _a === void 0 ? void 0 : _a.provider) === 'sezzle' && !this.insuranceToggled) {
+            this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.sezzle }));
+        }
         if (this.showCard) {
             this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.card }));
         }
@@ -321,7 +420,7 @@ const PaymentMethodOptions = class {
             this.paymentMethodOptions.push(new PaymentMethodOption({ id: PaymentMethodTypes.bankAccount }));
         }
         if (!this.selectedPaymentMethodId) {
-            this.selectedPaymentMethodId = (_a = this.paymentMethodOptions[0]) === null || _a === void 0 ? void 0 : _a.id;
+            this.selectedPaymentMethodId = (_b = this.paymentMethodOptions[0]) === null || _b === void 0 ? void 0 : _b.id;
         }
     }
     paymentMethodOptionSelected(event) {
@@ -337,10 +436,11 @@ const PaymentMethodOptions = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '2d3dc8bc98cea3efbcf342a31b6883f30099b031' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (h(Host, { key: 'c61e82c72aaa25e87ded723799a1eb0961c05444' }, (_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, "show-card": this.showCard, "show-ach": this.showAch, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, ref: (el) => {
                         if (isSelected) {
@@ -348,6 +448,13 @@ const PaymentMethodOptions = class {
                         }
                     } }));
             }
+            else if (sezzle) {
+                return (h("justifi-sezzle-payment-method", { paymentMethodOption: paymentMethodOption, "is-selected": isSelected, paymentAmount: this.paymentAmount, bnpl: this.bnpl, ref: (el) => {
+                        if (isSelected) {
+                            this.selectedPaymentMethodOptionRef = el;
+                        }
+                    } }));
+            }
             else if (this.showSavedPaymentMethods) {
                 return (h("justifi-saved-payment-method", { paymentMethodOption: paymentMethodOption, "is-selected": isSelected, ref: (el) => {
                         if (isSelected) {
@@ -400,4 +507,65 @@ const SavedPaymentMethod = class {
     }
 };
 
-export { BankAccountForm as bank_account_form, CardForm as card_form, 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 };
+const sezzleLogo = (h("img", { class: "sezzle-smart-button-logo-img", src: "https://media.sezzle.com/branding/2.0/Sezzle_Logo_FullColor.svg", alt: "Sezzle", style: {
+        display: 'inline',
+        width: '80px',
+        marginLeft: '5px',
+        marginTop: '-5px',
+    } }));
+const SezzlePaymentMethod = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.paymentMethodOptionSelected = createEvent(this, "paymentMethodOptionSelected");
+        this.onPaymentMethodOptionClick = (e) => {
+            e.preventDefault();
+            this.paymentMethodOptionSelected.emit(this.paymentMethodOption);
+        };
+        this.initializeSezzleCheckout = () => {
+            let resolveSezzlePromise;
+            this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
+            const bnpl = this.bnpl;
+            const amount = +this.paymentAmount; // convert to number
+            const Checkout = window.Checkout;
+            const checkout = new Checkout({
+                mode: 'popup',
+                publicKey: bnpl.provider_client_id,
+                apiMode: bnpl.provider_mode,
+                apiVersion: bnpl.provider_api_version,
+            });
+            checkout.sezzleButtonElement = this.sezzleButtonRef;
+            checkout.init({
+                onClick: function (event) {
+                    event.preventDefault();
+                    checkout.startCheckout({
+                        checkout_url: bnpl.provider_checkout_url
+                    });
+                },
+                onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
+                onCancel: (event) => resolveSezzlePromise({ bnpl: event.data }),
+                onFailure: (event) => resolveSezzlePromise({ bnpl: event.data }),
+            });
+            this.sezzleCheckout = checkout;
+            this.installmentPlan = this.sezzleCheckout.getInstallmentPlan(amount);
+        };
+    }
+    componentDidRender() {
+        this.scriptRef.onload = () => {
+            this.sezzleButtonRef = document.createElement('button');
+            this.initializeSezzleCheckout();
+        };
+    }
+    async resolvePaymentMethod(insuranceValidation) {
+        if (!insuranceValidation.isValid) {
+            return { validationError: true };
+        }
+        this.sezzleButtonRef.click();
+        return this.sezzlePromise;
+    }
+    render() {
+        var _a, _b, _c;
+        return (h(Host, { key: '4ae50e7bbb15d0049d069edacd0d95ba7c13dbe5', class: "payment-method" }, h("script", { key: '42a0590d89626ba7a93852e421eb121626b48375', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), h("div", { key: '31a2a72650486c258267c6d4de3723f7afa5b063', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'eac1adbcd82fcb4f9c440c53c40ce34af6092991', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: h("div", null, h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (h("small", null, h("span", null, (_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments.length), "\u00A0", h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", h("span", { class: "fw-bold" }, formatCurrency((_c = this.installmentPlan) === null || _c === void 0 ? void 0 : _c.installments[0].amountInCents))))) }))));
+    }
+};
+
+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-0lssJqN7.js → business-additional-questions-schema-uQlQ8fXQ.js}

@@ -1,5 +1,5 @@
-import { c as create$3 } from './form-BjGUIqxU.js';
-import { d as dateOfIncorporationValidation, t as taxIdValidation, b as industryValidation, e as businessClassificationValidation, f as doingBusinessAsValidation, g as phoneValidation, h as emailValidation, w as websiteUrlValidation, j as businessNameValidation, o as otherPaymentDetailsValidation, k as seasonalBusinessValidation, r as recurringPaymentsPercentageValidation, m as recurringPaymentsValidation, n as whenServiceReceivedValidation, q as paymentVolumeValidation, u as revenueValidation } from './schema-validations-DYV7urvw.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-DLWfpHyI.js';
 
 const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = create$3({

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

@@ -1,9 +1,9 @@
 import { h, F as Fragment, r as registerInstance, c as createEvent } from './index-Bta_r52Z.js';
-import { E as ErrorState } from './utils-1WrbuHVR.js';
+import { E as ErrorState } from './utils-DGozGJLI.js';
 import { S as StyledHost } from './styled-host-BSX_LSdk.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-CPNYhX-V.js';
-import './parts-_6eQgwfE.js';
+import { S as Skeleton } from './skeleton-D6agoQ_l.js';
+import './parts-BrLVc_85.js';
 
 const BusinessDetailsLoading = () => {
     const Block = () => (h("div", { class: "mt-5" },

package/dist/esm/{business-identity-schema-Bel1K5mu.js → business-identity-schema-BsrgqgDl.js}

@@ -1,5 +1,5 @@
-import { c as create$3, a as create$6 } from './form-BjGUIqxU.js';
-import { p as postalValidation, s as stateValidation, c as cityValidation, l as lineTwoValidation, a as lineOneValidation, v as ssnValidation, x as dobValidation, g as phoneValidation, h as emailValidation, y as identityTitleValidation, i as identityNameValidation } from './schema-validations-DYV7urvw.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-DLWfpHyI.js';
 
 const addressSchema = (allowOptionalFields) => {
     const schema = create$3({

package/dist/esm/{business.service-BM8hLxHS.js → business.service-DP2HUV0w.js}

@@ -1,10 +1,9 @@
-import { A as Api } from './Api-CqimcNgb.js';
-import './ComponentError-BhrFjjAs.js';
-import './Checkout-CV6qgU0r.js';
+import { A as Api } from './Api-BNYhCiE2.js';
+import './ComponentError-SdntD1xf.js';
+import './Checkout-B9LrTq63.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BEvE6jAC.js';
-import './Refund-CwUn_GFj.js';
-import './Document-Ct-uNz2r.js';
+import './Payment-BGiKmQYR.js';
+import './Refund-DDIEc_gu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
 

package/dist/esm/{button-BVAxQPpP.js → button-BGlG9iX5.js}

@@ -1,5 +1,5 @@
 import { h } from './index-Bta_r52Z.js';
-import { ae as buttonSecondary, af as buttonPrimary, ag as buttonLoading } from './parts-_6eQgwfE.js';
+import { ac as buttonSecondary, ad as buttonPrimary, ae as buttonLoading } from './parts-BrLVc_85.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/{Analytics-DR277kvb.js → check-pkg-version-Dff5h73V.js}

@@ -1,33 +1,13 @@
-import { p as packageJson } from './package-CyXXks-Q.js';
-import { A as Api } from './Api-CqimcNgb.js';
-import './ComponentError-BhrFjjAs.js';
-import './Checkout-CV6qgU0r.js';
+import { p as packageJson } from './package-DzXsHdKv.js';
+import { A as Api } from './Api-BNYhCiE2.js';
+import './ComponentError-SdntD1xf.js';
+import './Checkout-B9LrTq63.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BEvE6jAC.js';
-import './Refund-CwUn_GFj.js';
-import './Document-Ct-uNz2r.js';
+import './Payment-BGiKmQYR.js';
+import './Refund-DDIEc_gu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-7MWRbTXI.js';
 
-const latestVersion = async (packageName) => {
-    const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');
-    const json = await response.json();
-    return json.version;
-};
-const checkPkgVersion = async () => {
-    const version = packageJson.version;
-    const packageName = packageJson.name;
-    const latest = await latestVersion(packageName);
-    // remove rc from version and everything that comes after -rc
-    const latestNotRC = latest.replace(/-rc.*/, '');
-    // checkif there's a major version difference
-    const versionParts = version.split('.');
-    const latestParts = latest.split('.');
-    if (versionParts[0] !== latestParts[0]) {
-        console.warn(`The package ${packageName} is out of date. The latest version is ${latestNotRC}. Please update.`);
-    }
-};
-
 const api = Api();
 class AnalyticsService {
     async record(body) {
@@ -110,4 +90,23 @@ class JustifiAnalytics {
     }
 }
 
+const latestVersion = async (packageName) => {
+    const response = await fetch('https://registry.npmjs.org/' + packageName + '/latest');
+    const json = await response.json();
+    return json.version;
+};
+const checkPkgVersion = async () => {
+    const version = packageJson.version;
+    const packageName = packageJson.name;
+    const latest = await latestVersion(packageName);
+    // remove rc from version and everything that comes after -rc
+    const latestNotRC = latest.replace(/-rc.*/, '');
+    // checkif there's a major version difference
+    const versionParts = version.split('.');
+    const latestParts = latest.split('.');
+    if (versionParts[0] !== latestParts[0]) {
+        console.warn(`The package ${packageName} is out of date. The latest version is ${latestNotRC}. Please update.`);
+    }
+};
+
 export { JustifiAnalytics as J, checkPkgVersion as c };