@justifi/webcomponents 5.2.0 → 5.3.1

package/dist/cjs/{Api-b0e4be29.js → Api-089e7501.js}

@@ -2,6 +2,7 @@
 
 const config = {
     proxyApiOrigin: "https://wc-proxy.justifi.ai",
+    iFrameOrigin: "https://components.justifi.ai/v2",
     proxyAuthToken: 'eyJraWQiOiJqdXN0aWZpLWUyNDgyMmU3ODE1MmEzZjRkMjU1IiwidHlwIjoiSldUIiwiYWxnIjoiUlMyNTYifQ.eyJpc3MiOiJodHRwczovL2F1dGguanVzdGlmaS5haS8iLCJhenAiOiJvYXNfMmlsWHBqOHQ2WVlEQ0xWU0FiVFczMiIsInN1YiI6Im9hc18yaWxYcGo4dDZZWURDTFZTQWJUVzMyQHNlc3Npb25zIiwiYXVkIjoiaHR0cHM6Ly9hcGkuanVzdGlmaS5haS92MSIsImd0eSI6ImNsaWVudC1jcmVkZW50aWFscyIsInBlcm1pc3Npb25zIjpbeyJyb2xlIjoicmVhZDphY2NvdW50IiwicmVzb3VyY2VfaWQiOiJhY2NfNUV0OWlYclNTQVpSMktTb3VRR0FXaSJ9LHsicm9sZSI6InJlYWQ6YnVzaW5lc3MiLCJyZXNvdXJjZV9pZCI6ImJpel8zYmg2OWJxMXJrM2RtWE5vQUtWb251In1dLCJleHAiOjE3MTE1NTk0MTQsImlhdCI6MTcwMzc4MzQxNCwicGxhdGZvcm1fYWNjb3VudF9pZCI6ImFjY18zcmVOYjRhTll5MmlXRFpRVmN6bXg0In0.oPOoDYxzrnpE8PRUaz-FCU4KqnSuNbFTeDkl3AtMscjUkIctP1OIFh-ZGBjbH5eVH5noXCbaiin0j92dS7jx4gLpxuYT2Q8gpZbuIsT7fa58elvGeRkUUJ-AC5ueZxlv90yPWMm0OIbyrV7XZhuwYyKbV-ZczEbl2JpvBMe40CM-LdClQV66d_-Kw9a23SabBVfYgP5V-5OsagOIESvzZoO-27tGlNkV2a-hxqddDCOZv0HvRYAtp5S7EQrmRdEBu5gCNbf1eRFG424hxZUFVr2LdetYuKQLxJjDdUjf86ZwEUecrEaDSupiN1VC3CitdOwBVf6-R_N0VpN4VLVD5g',
     exampleAccountId: 'acc_5Et9iXrSSAZR2KSouQGAWi',
     exampleBusinessId: 'biz_3bh69bq1rk3dmXNoAKVonu',

package/dist/cjs/{Checkout-2ff4f9c8.js → Checkout-0f1c8abe.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const utils = require('./utils-5fb95d31.js');
+const utils = require('./utils-337befa9.js');
 
 class Completion {
     constructor(data) {

package/dist/cjs/Document-0b828345.js

@@ -0,0 +1,58 @@
+'use strict';
+
+exports.EntityDocumentType = void 0;
+(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";
+})(exports.EntityDocumentType || (exports.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;
+    }
+}
+
+exports.EntityDocument = EntityDocument;
+exports.EntityDocumentStorage = EntityDocumentStorage;

package/dist/cjs/{Payment-84817e2d.js → Payment-c47ed1e1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const utils = require('./utils-5fb95d31.js');
+const utils = require('./utils-337befa9.js');
 const Dispute = require('./Dispute-eb6bad54.js');
 
 var CaptureStrategy;

package/dist/cjs/{SubAccount-f236913b.js → SubAccount-509ebf93.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const utils = require('./utils-5fb95d31.js');
+const utils = require('./utils-337befa9.js');
 
 var PayoutStatuses;
 (function (PayoutStatuses) {

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const utils$1 = require('./utils-a05a8bf6.js');
-const utils = require('./utils-5fb95d31.js');
-require('./parts-addf2176.js');
+const utils$1 = require('./utils-134dda01.js');
+const utils = require('./utils-337befa9.js');
+require('./parts-b2ff8b68.js');
 
 const AdditionalQuestionsDetails = class {
     constructor(hostRef) {

package/dist/cjs/{badge-fbf58cb9.js → badge-ccfe03bf.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-addf2176.js');
+const parts = require('./parts-b2ff8b68.js');
 
 exports.BadgeVariant = void 0;
 (function (BadgeVariant) {

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

@@ -0,0 +1,130 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5b9a3b5f.js');
+require('./ComponentError-233ac749.js');
+require('./Checkout-0f1c8abe.js');
+require('./Pagination-0da8f095.js');
+require('./Payment-c47ed1e1.js');
+require('./SubAccount-509ebf93.js');
+const Document = require('./Document-0b828345.js');
+const businessFormOptions = require('./business-form-options-4bcb8943.js');
+require('./event-types-180a85a9.js');
+const utils = require('./utils-bc03ca40.js');
+const utils$1 = require('./utils-337befa9.js');
+const parts = require('./parts-b2ff8b68.js');
+const skeleton = require('./skeleton-0353466d.js');
+const formControlErrorText = require('./form-control-error-text-46a7f2dd.js');
+require('./Dispute-eb6bad54.js');
+require('./Business-cfd6a2dd.js');
+require('./helpers-602962eb.js');
+require('./state-options-4fbcb48a.js');
+
+const BankAccountDocumentFormInputs = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.inputHandler = undefined;
+        this.errors = undefined;
+        this.storeFiles = undefined;
+    }
+    render() {
+        return (index.h("div", { key: '9e04de8ad0e4a1d83f6d8fd1e5a2a5e92c670b92', class: "row gy-3" }, index.h("div", { key: 'af8875e58677a94873d548c35e9d2859725058e5', class: "col-12" }, index.h("form-control-file", { key: '030c461b2c2a3da9acf5fcf761f537ea9f6cfcc9', name: "voided_check", label: "Voided Check", documentType: Document.EntityDocumentType.voidedCheck, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["voided_check"], multiple: true })), index.h("div", { key: '0b6650097a7c6810d9ab9dc76484b49dfe0c7e11', class: "col-12" }, index.h("form-control-file", { key: 'cd030043373cc6759022b9c23c674830ceffaff3', name: "bank_statement", label: "Bank Statement", documentType: Document.EntityDocumentType.bankStatement, inputHandler: this.inputHandler, onFileSelected: this.storeFiles, errorText: this.errors["bank_statement"], multiple: true }))));
+    }
+};
+
+const BankAccountFormInputs = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.defaultValue = undefined;
+        this.errors = undefined;
+        this.inputHandler = undefined;
+        this.formDisabled = undefined;
+    }
+    render() {
+        return (index.h("div", { key: 'c4420b1e4396ac065b3674f52b124c0d25359435', class: "row gy-3" }, index.h("div", { key: '40e5f2d54a6f60558ec5aa50ff47e6adcf66276b', class: "col-12" }, index.h("form-control-text", { key: '9052ecb4597ecc96841d65929f1d8e5dbf662343', name: "bank_name", label: "Bank Name", defaultValue: this.defaultValue.bank_name, errorText: this.errors.bank_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: 'c32bbaf4fe2155f49cb35ee4500016e7f97f24b3', class: "col-12" }, index.h("form-control-text", { key: '3527553824fb36ea616836bf8e9435fc33a2365a', name: "nickname", label: "Nickname", defaultValue: this.defaultValue.nickname, errorText: this.errors.nickname, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: 'c203663fad98052567b34cbffe316606c963ff23', class: "col-12" }, index.h("form-control-text", { key: 'db95259c41fa10b6af2cbc4c9bd7340d609312ee', name: "account_owner_name", label: "Account Owner Name", defaultValue: this.defaultValue.account_owner_name, errorText: this.errors.account_owner_name, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: '3228e30c418210556e4e9f99f4f87f753876072d', class: "col-12" }, index.h("form-control-select", { key: '6dde33c0e9a2ac76051e01af836ea372f30d8fbb', name: "account_type", label: "Account Type", options: businessFormOptions.bankAccountTypeOptions, defaultValue: this.defaultValue.account_type, errorText: this.errors.account_type, inputHandler: this.inputHandler, disabled: this.formDisabled })), index.h("div", { key: '266005f1bba23068fc0be35416f5fd8cf3fc7c7c', class: "col-12" }, index.h("form-control-text", { key: '34caa85c53b457de98a524a2eb151899e5bcf21a', name: "account_number", label: "Account Number", defaultValue: this.defaultValue.account_number, maxLength: 17, errorText: this.errors.account_number, inputHandler: this.inputHandler, keyDownHandler: utils.numberOnlyHandler, disabled: this.formDisabled, helpText: "Please copy the account number as shown on your statement/check. Do not include spaces or dashes." })), index.h("div", { key: '69d2e72cf588518e4fe310c2ad5cb37c72fab8c6', class: "col-12" }, index.h("form-control-text", { key: 'bc4353e36c9d982aa55f5e933975c4020c316ad0', name: "routing_number", label: "Routing Number", defaultValue: this.defaultValue.routing_number, maxLength: 9, errorText: this.errors.routing_number, inputHandler: this.inputHandler, keyDownHandler: utils.numberOnlyHandler, disabled: this.formDisabled, helpText: "A valid routing number is nine digits. Please include any leading or trailing zeroes." }))));
+    }
+};
+
+const BusinessDocumentsOnFile = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.documents = [];
+        this.isLoading = false;
+    }
+    render() {
+        if (this.isLoading) {
+            return index.h(skeleton.Skeleton, { height: "50px" });
+        }
+        if (!this.documents.length) {
+            return null;
+        }
+        return (index.h(index.Host, null, index.h("div", { class: "card", part: parts.card }, index.h("div", { class: "card-body" }, index.h("h5", { class: "card-title", part: parts.heading2 }, "Documents Already on File"), index.h("div", { class: "table-responsive" }, index.h("table", { class: "table table-sm table-borderless", part: parts.table }, index.h("thead", null, index.h("tr", null, index.h("th", { style: { width: "25%" }, part: parts.tableHeadCell, scope: "col" }, "File Name"), index.h("th", { style: { width: "25%" }, part: parts.tableHeadCell, scope: "col" }, "File Type"), index.h("th", { style: { width: "25%" }, part: parts.tableHeadCell, scope: "col" }, "Document Type"), index.h("th", { style: { width: "25%" }, part: parts.tableHeadCell, scope: "col" }, "Date Uploaded"))), index.h("tbody", null, this.documents.sort((a, b) => a.document_type.localeCompare(b.document_type))
+            .map((document, index$1) => {
+            return (index.h("tr", { class: index$1 === 0 ? "border-bottom border-top" : "border-bottom" }, index.h("td", { part: parts.tableCell }, document.file_name), index.h("td", { part: parts.tableCell }, document.file_type), index.h("td", { part: parts.tableCell }, utils$1.snakeCaseToHumanReadable(document.document_type)), index.h("td", { part: parts.tableCell }, `${utils$1.formatDate(document.created_at)} - ${utils$1.formatTimeSeconds(document.created_at)}`)));
+        })))))), index.h("hr", null)));
+    }
+};
+
+const FileInput = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.formControlInput = index.createEvent(this, "formControlInput", 7);
+        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
+        this.fileSelected = index.createEvent(this, "fileSelected", 7);
+        this.handleFormControlInput = (event) => {
+            const target = event.target;
+            const name = target.getAttribute('name');
+            this.inputHandler(name, target.value);
+            this.formControlInput.emit({ name, value: target.value });
+        };
+        this.changeHandler = () => {
+            const inputFileList = this.fileInput.files;
+            if (inputFileList) {
+                this.fileSelected.emit({
+                    fileList: inputFileList,
+                    document_type: this.documentType
+                });
+            }
+        };
+        this.files = undefined;
+        this.fileString = undefined;
+        this.isFocused = false;
+        this.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.multiple = undefined;
+        this.documentType = undefined;
+        this.inputHandler = undefined;
+        this.disabled = undefined;
+    }
+    componentDidLoad() {
+        this.fileInput = this.el.querySelector('input');
+    }
+    get part() {
+        let part = parts.input;
+        if (this.errorText) {
+            part = parts.inputInvalid;
+        }
+        if (this.disabled) {
+            part = parts.inputDisabled;
+        }
+        if (this.isFocused) {
+            part = parts.inputFocused;
+        }
+        return part;
+    }
+    render() {
+        return (index.h(index.Host, { key: '4950c97a276963d0b666313b5eb2047cd05ffe0f' }, index.h("div", { key: 'f09de9c091824da6e385e9129c007ea3ddefea7a', class: "form-group d-flex flex-column" }, index.h("div", { key: 'c853c5997df0a9a3b0789712abcbf25c1bc50884', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'e5c17b93898fdf7e2244f3a5549fdd3ddcc2bab8', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '131ac4f66a6bae82f53473f36448780090f28a71', helpText: this.helpText })), index.h("input", { key: 'cf8374ebefcbe18b73d853c96b703652869ea0af', 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();
+            } }), index.h(formControlErrorText.FormControlErrorText, { key: 'd5ac4a7e8b5f70fd0cb63e9358bb372a3167ab5e', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return index.getElement(this); }
+};
+
+exports.bank_account_document_form_inputs = BankAccountDocumentFormInputs;
+exports.bank_account_form_inputs = BankAccountFormInputs;
+exports.business_documents_on_file = BusinessDocumentsOnFile;
+exports.form_control_file = FileInput;

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

@@ -4,16 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 const iframeInputStylesState = require('./iframe-input-styles-state-d0de0b24.js');
-const parts = require('./parts-addf2176.js');
-const header3 = require('./header-3-ce77b96b.js');
-const Payment = require('./Payment-84817e2d.js');
-const utils = require('./utils-5fb95d31.js');
+const parts = require('./parts-b2ff8b68.js');
+const header3 = require('./header-3-130206cc.js');
+const Payment = require('./Payment-c47ed1e1.js');
+const utils = require('./utils-337befa9.js');
 require('./index-d2d0b181.js');
 require('./Dispute-eb6bad54.js');
 
 const BankAccountForm = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.iframeOrigin = undefined;
     }
     async validate() {
         const accountNumberIsValid = await this.accountNumberIframeElement.validate();
@@ -24,13 +25,14 @@ const BankAccountForm = class {
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(index.Host, { key: '1fb5075ddb4ee824fa3fbb12079ae0b978ef4e45' }, index.h("div", { key: '5384dda318b8e809cbee84f5e7796b68f19b780c', class: "container-fluid p-0" }, index.h("div", { key: '8e9a05728736960ac0e7f0d33a7e46d37b6a04fa', class: "row mb-3" }, index.h("iframe-input", { key: '46f8a193ed56ea621aac1399e8d7b22a286fd857', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${"https://components.justifi.ai/v2"}/accountNumber` })), index.h("div", { key: '18db1dd7882e9c3d395f4c72833d96a8f7e1176d', class: "row" }, index.h("iframe-input", { key: 'ea1545703839166cb3352b789bac329f0d0b2918', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${"https://components.justifi.ai/v2"}/routingNumber` })))));
+        return (index.h(index.Host, { key: 'bf5ff6bf71b52c5b7eceb429f057b3ec89c56129' }, index.h("div", { key: 'db0ea83fa412a1ea77aee8967ea1c9ad07ea387d', class: "container-fluid p-0" }, index.h("div", { key: 'd354c507e7aeabe77a957165aec900f3e01f27f5', class: "row mb-3" }, index.h("iframe-input", { key: '1397eb492d2cf5ca40b637360ab52478f9007db1', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/accountNumber` })), index.h("div", { key: 'a4b98ff832990cac46f49a9ff1ef2de2b33496cd', class: "row" }, index.h("iframe-input", { key: '0b758f804e3d367c1851fe084d27df1ea620e190', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/routingNumber` })))));
     }
 };
 
 const CardForm = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.iframeOrigin = undefined;
     }
     async validate() {
         const cardNumberIsValid = await this.cardNumberIframeElement.validate();
@@ -43,7 +45,7 @@ const CardForm = class {
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (index.h(index.Host, { key: 'cc49f963960cc00ea499484ce257d0b902837c1e', class: "container-fluid p-0" }, index.h("div", { key: '873ee92597101d80c5c05f50a1428402061ed27f', class: "mb-3" }, index.h("iframe-input", { key: '4987b5fd997954e30450b5f0b5089c91523afe4f', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${"https://components.justifi.ai/v2"}/cardNumber` })), index.h("div", { key: '7a50424f955163f9c213d81057338c915e046a41', class: "row" }, index.h("div", { key: 'ab117b543d5ba1b1ca5db6030480048fc266250b', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'e5b0f96d4be64fd07ac2417b23d8a3913d67145a', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${"https://components.justifi.ai/v2"}/expirationMonth` })), index.h("div", { key: 'c66377e9ae6b0f1a750933ca628edcb62b227e34', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '2fb5328b3b8b82d0bd2b0ad2272cd73b133cb548', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${"https://components.justifi.ai/v2"}/expirationYear` })), index.h("div", { key: 'add1b6be0df27a95b5c244a7bb2320f6f40ec930', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '3c0341c1111b1980d9868d314221857e7ff07996', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${"https://components.justifi.ai/v2"}/CVV` })))));
+        return (index.h(index.Host, { key: '5dfd2c79d7691744614af89d0919e58db17434b3', class: "container-fluid p-0" }, index.h("div", { key: '307e9a7acd80285a59369e813bb0172627395cf6', class: "mb-3" }, index.h("iframe-input", { key: 'e151a15fb885d7babf13c575a5bf93990f77336b', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/cardNumber` })), index.h("div", { key: 'd965e93602367c92f53cdc768b9a79032e640a5a', class: "row" }, index.h("div", { key: 'f836cca70a22e9bec446fdc4d62836a7cc16d70c', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'd95608d7ce0434021d416120ada984047804b04f', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/expirationMonth` })), index.h("div", { key: '34ab01991bac786ada446758b4499c3d58cc9402', class: "col-4 align-content-end" }, index.h("iframe-input", { key: 'c548d2ba46dd5ab969ab703adecc1d697ad5f8e0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/expirationYear` })), index.h("div", { key: '4ce98e07ef97c4e13fe92e8677073f6681c2f707', class: "col-4 align-content-end" }, index.h("iframe-input", { key: '691c95278d984586ed884ca06d96a57ce0a002b8', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/CVV` })))));
     }
 };
 
@@ -120,7 +122,7 @@ const HiddenInput = class {
         return parts.input;
     }
     render() {
-        return (index.h(index.Host, { key: 'ae03d3be50b34d6c98c8e1bd619f1d97049099a7' }, index.h("input", { key: '347725ba26e6aab3c0da4f9e3da5b2e4ec9f0e37', 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 (index.h(index.Host, { key: '21c26d386f4e23af0e0ef069ad0263e252c8c15b' }, index.h("input", { key: '70bb1f6c7c5e94a96fddfe82d1831df12771f0af', 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' } })));
     }
 };
 
@@ -189,6 +191,7 @@ const NewPaymentMethod = class {
         this.paymentMethodGroupId = undefined;
         this.isSelected = undefined;
         this.hideCardBillingForm = undefined;
+        this.iframeOrigin = undefined;
         this.saveNewPaymentMethodChecked = false;
     }
     handleCheckboxChanged(event) {
@@ -248,11 +251,11 @@ const NewPaymentMethod = class {
     showNewPaymentMethodForm() {
         var _a;
         const paymentMethodType = (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id;
-        return (index.h("div", { class: "mt-4 pb-4 border-bottom" }, index.h("hidden-input", null), index.h("div", { class: "mb-4" }, paymentMethodType === 'card' ? (index.h("card-form", { ref: (el) => this.paymentMethodFormRef = el })) : (index.h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el }))), index.h("justifi-billing-form-wrapper", { ref: (el) => (this.billingFormWrapperRef = el), hideCardBillingForm: this.hideCardBillingForm, paymentMethodType: paymentMethodType }), index.h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
+        return (index.h("div", { class: "mt-4 pb-4" }, index.h("hidden-input", null), index.h("div", { class: "mb-4" }, paymentMethodType === 'card' ? (index.h("card-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin })) : (index.h("bank-account-form", { ref: (el) => this.paymentMethodFormRef = el, iframeOrigin: this.iframeOrigin }))), index.h("justifi-billing-form-wrapper", { ref: (el) => (this.billingFormWrapperRef = el), hideCardBillingForm: this.hideCardBillingForm, paymentMethodType: paymentMethodType }), index.h("justifi-save-new-payment-method", { hidden: !this.paymentMethodGroupId })));
     }
     render() {
         var _a, _b;
-        return (index.h(index.Host, { key: 'c0d2a7efd367d357a4c205960f8765e488f7e376', class: "payment-method" }, index.h("div", { key: '697f5d543ed4690b11f6d8e36bb88eabbc8cc368', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick }, index.h("form-control-radio", { key: '43bf63f112ef40cca0332b77bf447c5f8b5e0379', 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 (index.h(index.Host, { key: '17b922ca3b03d458a0e139be895db31b33c255ed', class: "payment-method" }, index.h("div", { key: '5d1bb3a05e7fc0516d29ade315f13c2f64d3afaf', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick }, index.h("form-control-radio", { key: '165fd1b54a6d387be307f05ab67078e0d703f0b1', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: PaymentMethodTypeLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.id] })), this.isSelected ? this.showNewPaymentMethodForm() : null));
     }
 };
 
@@ -291,6 +294,7 @@ const PaymentMethodOptions = class {
         this.savedPaymentMethods = [];
         this.paymentAmount = undefined;
         this.hideCardBillingForm = undefined;
+        this.iframeOrigin = undefined;
         this.selectedPaymentMethodId = undefined;
         this.paymentMethodOptions = [];
     }
@@ -334,13 +338,13 @@ const PaymentMethodOptions = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: '22ab195ec840e971c774ad2886ebce979c13394d' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
+        return (index.h(index.Host, { key: '24e7d418958eb61f9582317e615502e77b4090d0' }, (_a = this.paymentMethodOptions) === null || _a === void 0 ? void 0 : _a.map((paymentMethodOption) => {
             const newCard = paymentMethodOption.id === Payment.PaymentMethodTypes.card;
             const newBankAccount = paymentMethodOption.id === Payment.PaymentMethodTypes.bankAccount;
             const isSelected = this.selectedPaymentMethodId === paymentMethodOption.id;
             const sezzle = paymentMethodOption.id === Payment.PaymentMethodTypes.sezzle;
             if (newCard || newBankAccount) {
-                return (index.h("justifi-new-payment-method", { paymentMethodOption: paymentMethodOption, authToken: this.authToken, "account-id": this.accountId, "is-selected": isSelected, paymentMethodGroupId: this.paymentMethodGroupId, hideCardBillingForm: this.hideCardBillingForm, ref: (el) => {
+                return (index.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) => {
                         if (isSelected) {
                             this.selectedPaymentMethodOptionRef = el;
                         }
@@ -378,7 +382,7 @@ const SaveNewPaymentMethod = class {
         this.checkboxChanged.emit(this.isChecked);
     }
     render() {
-        return (index.h("div", { key: '017cbce906d331b82eb5dc726197da3ea3ba51e5', class: "mt-4 form-check" }, index.h("form-control-checkbox", { key: 'ca22562653b216d16bd19765f1834ff2428820cc', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) })));
+        return (index.h("div", { key: '86520e5820d9e6ef19946566b31912c5b1050bf6', class: "mt-4 form-check" }, index.h("form-control-checkbox", { key: 'cc87b708b88aaf4b1f1a93f6b6ebfdd030f87bc0', label: "Save new payment method", name: "saveNewPaymentMethod", checked: this.isChecked, inputHandler: this.handleCheckboxChange.bind(this) })));
     }
 };
 
@@ -403,7 +407,7 @@ const SavedPaymentMethod = class {
     ;
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: '10b18a7c77250aac57d6afef89aea752e3bc2c35', class: "payment-method" }, index.h("div", { key: '80910960904f3e01fd10cba4789af4004b434490', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick }, index.h("form-control-radio", { key: 'abccf6aca9316de983ba899eabfffcc7b05b1d48', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (index.h(index.Host, { key: '34d26fc514053e2fe028a4a3ba0cbdeb8aa835f1', class: "payment-method" }, index.h("div", { key: 'da373a524b97bb91a0bc0849f0670c440f5cf5a8', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick }, index.h("form-control-radio", { key: '824ebc566a018e342dd7f128c69fca873bbded45', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
 };
 
@@ -473,7 +477,7 @@ const SezzlePaymentMethod = class {
     }
     render() {
         var _a, _b, _c;
-        return (index.h(index.Host, { key: 'eaf1bd457f91f77bffa661875277c0709d5926d3', class: "payment-method" }, index.h("script", { key: '897bccdb0090b3e3b45b9913f7bdea6b838f63cb', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), index.h("div", { key: 'db32690b54bdb5045d701c888cd67c7d97d66243', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick }, index.h("form-control-radio", { key: 'c3746a50bc7a5b8f079ed76c204790555983def1', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: index.h("div", null, index.h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (index.h("small", null, index.h("span", null, (_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments.length), "\u00A0", index.h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", index.h("span", { class: "fw-bold" }, utils.formatCurrency((_c = this.installmentPlan) === null || _c === void 0 ? void 0 : _c.installments[0].amountInCents))))) }))));
+        return (index.h(index.Host, { key: '696051d9a48f0127013dcc84a25053f85ad92145', class: "payment-method" }, index.h("script", { key: '0dec4821a85dbef872494885c32c26719423b761', src: "https://checkout-sdk.sezzle.com/checkout.min.js", async: true, ref: (el) => (this.scriptRef = el) }), index.h("div", { key: 'fb9812691532a49f5c8093a989f6277d4755e531', class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick }, index.h("form-control-radio", { key: '3ae4c03b30a32b860231789d2f541fbfbea37bef', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: index.h("div", null, index.h("div", null, "Buy now, pay later with ", sezzleLogo), this.installmentPlan && (index.h("small", null, index.h("span", null, (_b = this.installmentPlan) === null || _b === void 0 ? void 0 : _b.installments.length), "\u00A0", index.h("span", null, this.installmentPlan.schedule, " payments of"), "\u00A0", index.h("span", { class: "fw-bold" }, utils.formatCurrency((_c = this.installmentPlan) === null || _c === void 0 ? void 0 : _c.installments[0].amountInCents))))) }))));
     }
 };
 

package/dist/cjs/billing-form_3.cjs.entry.js

@@ -4,16 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
 const index_esm = require('./index.esm-a397536a.js');
-const schemaValidations = require('./schema-validations-0be8068a.js');
+const schemaValidations = require('./schema-validations-cc4e6071.js');
 const stateOptions = require('./state-options-4fbcb48a.js');
 const utils = require('./utils-bc03ca40.js');
-const formControlErrorText = require('./form-control-error-text-c1f49f35.js');
-const _package = require('./package-8b9059cc.js');
+const formControlErrorText = require('./form-control-error-text-46a7f2dd.js');
+const _package = require('./package-45874555.js');
 const iframeInputStylesState = require('./iframe-input-styles-state-d0de0b24.js');
-const parts = require('./parts-addf2176.js');
+const parts = require('./parts-b2ff8b68.js');
 require('./business-form-options-4bcb8943.js');
 require('./Business-cfd6a2dd.js');
 require('./helpers-602962eb.js');
+require('./Document-0b828345.js');
 require('./index-d2d0b181.js');
 
 const BillingFormSchema = index_esm.create$3({
@@ -1673,10 +1674,10 @@ const IframeInput = class {
         return params;
     }
     render() {
-        return (index.h(index.Host, { key: '0f84e1044b6bddb480dbb4b4fd2ba6f18d75a2a0', class: "form-group d-flex flex-column" }, index.h("div", { key: '25e6e196ccf3973b9a382f09efe5997bfb4abd1b', style: {
+        return (index.h(index.Host, { key: '00956724f4d6e72b09c2c469613a6362a3c7cdec', class: "form-group d-flex flex-column" }, index.h("div", { key: 'e6605bd5ef7356c21701b0856a133758720a36d6', style: {
                 visibility: this.iframeLoaded ? 'visible' : 'hidden',
                 height: this.iframeLoaded ? 'auto' : '0',
-            } }, index.h("label", { key: 'eeddbc0a03692c053898b761fca84635cb3c9323', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index.h("div", { key: 'ce10d714ca67511b059adc4fb942ed42885f0a1a', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index.h("iframe", { key: '85bedd02d3013ad4973d3ecfa0a7c530fddf5a7a', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
+            } }, index.h("label", { key: 'f52a782a9f1bbca4a8a6e36da1948611ab834e54', class: "form-label", htmlFor: "", part: parts.label }, this.label || ''), index.h("div", { key: 'b88199f3de1b52a0aed4d61c0448c293964a7279', class: `p-0 d-flex form-control ${this.isValid ? '' : 'is-invalid'}`, part: this.part, style: Object.assign(Object.assign({}, this.style), { overflow: 'hidden' }) }, index.h("iframe", { key: '218aa6d48b12c1fc78f04a1556f0a32738c20df4', id: this.inputId, name: this.inputId, src: `${this.iframeOrigin}?${this.urlParams}`, ref: el => {
                 this.iframeElement = el;
                 this.initializeFrameCommunicationService();
             }, width: "100%", onLoad: () => {
@@ -1686,7 +1687,7 @@ const IframeInput = class {
                         this.iframeLoaded = true;
                     }
                 }, this.iframeElement);
-            } })), index.h(formControlErrorText.FormControlErrorText, { key: '6533642027fa5184e120452f19e5274476210301', errorText: this.errorText, name: this.inputId }))));
+            } })), index.h(formControlErrorText.FormControlErrorText, { key: 'f6e57608fc771ca78e39618455dfe57cd40a655a', errorText: this.errorText, name: this.inputId }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/{business-additional-questions-schema-caa23e95.js → business-additional-questions-schema-2f66f025.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index_esm = require('./index.esm-a397536a.js');
-const schemaValidations = require('./schema-validations-0be8068a.js');
+const schemaValidations = require('./schema-validations-cc4e6071.js');
 
 const businessCoreInfoSchema = (allowOptionalFields) => {
     const schema = index_esm.create$3({

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-const utils = require('./utils-a05a8bf6.js');
+const utils = require('./utils-134dda01.js');
 const styledHost = require('./styled-host-94309bab.js');
-const skeleton = require('./skeleton-c4903a53.js');
-require('./parts-addf2176.js');
+const skeleton = require('./skeleton-0353466d.js');
+require('./parts-b2ff8b68.js');
 
 const BusinessDetailsLoading = () => {
     const Block = () => (index.h("div", { class: "mt-5" },

package/dist/cjs/{business-identity-schema-0c537067.js → business-identity-schema-be495474.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index_esm = require('./index.esm-a397536a.js');
-const schemaValidations = require('./schema-validations-0be8068a.js');
+const schemaValidations = require('./schema-validations-cc4e6071.js');
 
 const addressSchema = (allowOptionalFields) => {
     const schema = index_esm.create$3({

package/dist/cjs/{business.service-ffb6f478.js → business.service-33d7c7f2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const Api = require('./Api-b0e4be29.js');
+const Api = require('./Api-089e7501.js');
 
 class BusinessService {
     async fetchBusiness(businessId, authToken) {
@@ -32,7 +32,14 @@ class BusinessBankAccountService {
         return Api.Api({ authToken, apiOrigin: Api.config.proxyApiOrigin }).post(endpoint, payload);
     }
 }
+class DocumentRecordService {
+    async postDocumentRecord(authToken, payload) {
+        const endpoint = `entities/document`;
+        return Api.Api({ authToken, apiOrigin: Api.config.proxyApiOrigin }).post(endpoint, payload);
+    }
+}
 
 exports.BusinessBankAccountService = BusinessBankAccountService;
 exports.BusinessService = BusinessService;
+exports.DocumentRecordService = DocumentRecordService;
 exports.IdentityService = IdentityService;

package/dist/cjs/{button-e7796b07.js → button-8b634147.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-addf2176.js');
+const parts = require('./parts-b2ff8b68.js');
 
 const ButtonSpinner = () => (index.h("div", { class: "spinner-border spinner-border-sm", role: "status", part: "button-spinner" },
     index.h("span", { class: "visually-hidden" }, "Loading...")));

package/dist/cjs/{check-pkg-version-dee8dbb7.js → check-pkg-version-526a9ce5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const _package = require('./package-8b9059cc.js');
-const Api = require('./Api-b0e4be29.js');
+const _package = require('./package-45874555.js');
+const Api = require('./Api-089e7501.js');
 
 class AnalyticsService {
     async record(body) {

package/dist/cjs/{checkout.service-e9c05c15.js → checkout.service-d9047ddb.js}

@@ -1,10 +1,12 @@
 'use strict';
 
-const Api = require('./Api-b0e4be29.js');
-require('./Checkout-2ff4f9c8.js');
+const Api = require('./Api-089e7501.js');
+require('./ComponentError-233ac749.js');
+require('./Checkout-0f1c8abe.js');
 require('./Pagination-0da8f095.js');
-require('./Payment-84817e2d.js');
-require('./SubAccount-f236913b.js');
+require('./Payment-c47ed1e1.js');
+require('./SubAccount-509ebf93.js');
+require('./Document-0b828345.js');
 
 class CheckoutService {
     async fetchCheckout(authToken, checkoutId) {

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

@@ -3,18 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5b9a3b5f.js');
-require('./Checkout-2ff4f9c8.js');
+require('./ComponentError-233ac749.js');
+require('./Checkout-0f1c8abe.js');
 const Pagination = require('./Pagination-0da8f095.js');
-require('./Payment-84817e2d.js');
-require('./SubAccount-f236913b.js');
-const parts = require('./parts-addf2176.js');
-const eventTypes = require('./event-types-aa1a9be1.js');
-const checkoutsTable = require('./checkouts-table-0f19c1e6.js');
+require('./Payment-c47ed1e1.js');
+require('./SubAccount-509ebf93.js');
+require('./Document-0b828345.js');
+const parts = require('./parts-b2ff8b68.js');
+const eventTypes = require('./event-types-34b103b4.js');
+const checkoutsTable = require('./checkouts-table-efa1cbab.js');
 const checkoutsListParamsState = require('./checkouts-list-params-state-418c75a3.js');
-require('./utils-5fb95d31.js');
+require('./utils-337befa9.js');
 require('./Dispute-eb6bad54.js');
-require('./spinner-aac395e3.js');
-require('./badge-fbf58cb9.js');
+require('./spinner-4fc60a51.js');
+require('./badge-ccfe03bf.js');
 require('./index-d2d0b181.js');
 
 const CheckoutsListCore = class {
@@ -137,7 +139,7 @@ const CheckoutsListCore = class {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (index.h("div", { key: '910d95f94623ddd9e90a182a7a47e7dfdff1d9a6' }, index.h("div", { key: 'c296c31fe48bec06067215f6aa4cfb1a9d1b681a', class: "table-wrapper" }, index.h("table", { key: 'dddd43e74de4989261b8014d2c66cba7c26e9d98', class: "table table-hover", part: parts.table }, index.h("thead", { key: '4eabd9c8687fbf316420c9a838a95016b20f12dd', class: "table-head sticky-top" }, index.h("tr", { key: '2cdd7f438099613e5a670343723b883470a65dbd', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), index.h("tbody", { key: 'e3fd8f783e0e405d18bc120bf8c2ca4e2ca25f15', class: "table-body" }, index.h(eventTypes.TableLoadingState, { key: 'ec8e73a90b9951b5fba78651fdd9a93b7531ba49', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(eventTypes.TableEmptyState, { key: '6b1ebf8bbd62b0ba9c7032be47c87b929bc413db', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(eventTypes.TableErrorState, { key: 'a44e8985fb208b91635afe4910fdce5fb94d17e7', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: '05ac7e9796a7b4e4450151e762a409c050fc037f', class: "sticky-bottom" }, index.h("tr", { key: 'd6135d93dafeee69c6d9a12b9bd35e8c77ec3c5a', class: "table-light align-middle" }, index.h("td", { key: 'ad7b4df45f54519b759797f665bcfa68a1cd512d', part: parts.tableCell, colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: '3c97cf5daeb90e9b9a881280f25e4307b7392bcf', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (index.h("div", { key: '525904319e2827a04ccbd44f83881504ddeba992' }, index.h("div", { key: '30c5800d270fe77e2a396b6379273a0639d4221e', class: "table-wrapper" }, index.h("table", { key: 'f8a66cf99bf0dc185d0cc541e3d38f4b68b136be', class: "table table-hover", part: parts.table }, index.h("thead", { key: 'c47c664e4bc8526b494d089b8e1198dfe27fa4fc', class: "table-head sticky-top" }, index.h("tr", { key: '645aca7f2610bd3b86c8e775edf264c9f53c7f6f', class: "table-light text-nowrap" }, this.checkoutsTable.columnData.map((column) => column))), index.h("tbody", { key: '79a046fced553f214e55d56c401211d0d682394e', class: "table-body" }, index.h(eventTypes.TableLoadingState, { key: '654f967a8b9552213a232d35e74d2700cc237cfd', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), index.h(eventTypes.TableEmptyState, { key: '80d985f6055e254262653e240b0d16a2e46123d0', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), index.h(eventTypes.TableErrorState, { key: 'a99fa4e4f370b70cc927a9b3e65d54828e56e448', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.rowData.map((data, index$1) => (index.h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index$1], onClick: this.rowClickHandler }, data)))), this.paging && (index.h("tfoot", { key: '619b3f952c5e6f8e1c612927b5d976ea6e4cffe7', class: "sticky-bottom" }, index.h("tr", { key: '5fb77b80e4c52154c658bbd2ebc8de9d8bc903aa', class: "table-light align-middle" }, index.h("td", { key: 'a5d1d6d1cf164681ad7a5f59bf4ae9a70e94911c', part: parts.tableCell, colSpan: this.checkoutsTable.columnData.length }, index.h("pagination-menu", { key: 'ce6e17ee3d3a6a3f513dedef209e9d4f2d7eff31', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "queryParams": ["updateOnPropChange"],

package/dist/cjs/{checkouts-table-0f19c1e6.js → checkouts-table-efa1cbab.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-5b9a3b5f.js');
-const utils = require('./utils-5fb95d31.js');
-const badge = require('./badge-fbf58cb9.js');
-const parts = require('./parts-addf2176.js');
+const utils = require('./utils-337befa9.js');
+const badge = require('./badge-ccfe03bf.js');
+const parts = require('./parts-b2ff8b68.js');
 
 const MapCheckoutStatusToBadge = (status) => {
     const statusToBadgeProps = {