@justifi/webcomponents 5.6.1 → 5.7.1

package/dist/collection/ui-components/{table-loading-state.js → table/table-loading-state.js}

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
-import Spinner from "./spinner";
-import { tableCell } from "../styles/parts";
+import Spinner from "../spinner";
+import { tableCell } from "../../styles/parts";
 export const TableLoadingState = (props) => {
     const { columnSpan, isLoading } = props;
     if (!columnSpan || !isLoading) {

package/dist/collection/ui-components/table/table.js

@@ -0,0 +1,29 @@
+import { h } from "@stencil/core";
+import { table, tableRow, tableFoot, tableFootRow, tableFootCell, tableHead, tableHeadRow } from "../../styles/parts";
+export const TableWrapper = (props, children) => {
+    return (h("div", Object.assign({ class: "table-wrapper", part: "table-wrapper" }, props), children));
+};
+export const TableComponent = (props, children) => {
+    return (h("table", Object.assign({ class: "table table-hover", part: table }, props), children));
+};
+export const TableBody = (props, children) => {
+    return (h("tbody", Object.assign({ class: "table-body" }, props), children));
+};
+export const TableRow = (props, children) => {
+    return (h("tr", Object.assign({ part: tableRow }, props), children));
+};
+export const TableHead = (props, children) => {
+    return (h("thead", Object.assign({ class: "table-head sticky-top", part: tableHead }, props), children));
+};
+export const TableHeadRow = (props, children) => {
+    return (h("tr", Object.assign({ class: "table-light text-nowrap", part: tableHeadRow }, props), children));
+};
+export const TableFoot = (props, children) => {
+    return (h("tfoot", Object.assign({ class: "sticky-bottom", part: tableFoot }, props), children));
+};
+export const TableFootRow = (props, children) => {
+    return (h("tr", Object.assign({ class: "table-light align-middle", part: tableFootRow }, props), children));
+};
+export const TableFootCell = (props, children) => {
+    return (h("td", Object.assign({ part: tableFootCell }, props), children));
+};

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-05-12T19:18:15",
+  "timestamp": "2025-05-22T19:45:33",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.31.0",
@@ -185,31 +185,7 @@
       "docs": "",
       "docsTags": [],
       "usage": {},
-      "props": [
-        {
-          "name": "iframeOrigin",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "iframe-origin",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        }
-      ],
+      "props": [],
       "methods": [
         {
           "name": "tokenize",
@@ -612,31 +588,7 @@
       "docs": "",
       "docsTags": [],
       "usage": {},
-      "props": [
-        {
-          "name": "iframeOrigin",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "iframe-origin",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        }
-      ],
+      "props": [],
       "methods": [
         {
           "name": "tokenize",
@@ -7021,6 +6973,26 @@
           "docs": "",
           "docsTags": []
         },
+        {
+          "event": "error-event",
+          "detail": "ComponentErrorEvent",
+          "bubbles": true,
+          "complexType": {
+            "original": "ComponentErrorEvent",
+            "resolved": "ComponentErrorEvent",
+            "references": {
+              "ComponentErrorEvent": {
+                "location": "import",
+                "path": "../../../api/ComponentEvents",
+                "id": "src/api/ComponentEvents.ts::ComponentErrorEvent"
+              }
+            }
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
         {
           "event": "submit-event",
           "detail": "ComponentSubmitEvent",
@@ -8759,30 +8731,6 @@
           "required": false,
           "getter": false,
           "setter": false
-        },
-        {
-          "name": "iframeOrigin",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "iframe-origin",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "IFRAME_ORIGIN",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
         }
       ],
       "methods": [
@@ -9199,29 +9147,6 @@
           "required": false,
           "getter": false,
           "setter": false
-        },
-        {
-          "name": "iframeOrigin",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "iframe-origin",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
         }
       ],
       "methods": [
@@ -9444,30 +9369,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "apiOrigin",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "api-origin",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "PROXY_API_ORIGIN",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "authToken",
           "type": "string",
@@ -9721,7 +9622,7 @@
           "setter": false
         },
         {
-          "name": "iFrameOrigin",
+          "name": "iframeOrigin",
           "type": "string",
           "complexType": {
             "original": "string",
@@ -9729,7 +9630,7 @@
             "references": {}
           },
           "mutable": false,
-          "attr": "i-frame-origin",
+          "attr": "iframe-origin",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -9956,30 +9857,6 @@
       "docsTags": [],
       "usage": {},
       "props": [
-        {
-          "name": "apiOrigin",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "api-origin",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "PROXY_API_ORIGIN",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "authToken",
           "type": "string",
@@ -12071,29 +11948,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "iframeOrigin",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "iframe-origin",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "isSelected",
           "type": "boolean",
@@ -13124,29 +12978,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "iframeOrigin",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "iframe-origin",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": false,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "insuranceToggled",
           "type": "boolean",
@@ -16504,7 +16335,7 @@
     },
     {
       "filePath": "src/components/insurance/season-interruption/season-interruption-insurance-core.tsx",
-      "encapsulation": "none",
+      "encapsulation": "shadow",
       "tag": "justifi-season-interruption-insurance-core",
       "readme": "# justifi-season-interruption-insurance-core\n\n\n",
       "docs": "",
@@ -18003,30 +17834,6 @@
           "getter": false,
           "setter": false
         },
-        {
-          "name": "iframeOrigin",
-          "type": "string",
-          "complexType": {
-            "original": "string",
-            "resolved": "string",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "iframe-origin",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "IFRAME_ORIGIN",
-          "values": [
-            {
-              "type": "string"
-            }
-          ],
-          "optional": true,
-          "required": false,
-          "getter": false,
-          "setter": false
-        },
         {
           "name": "paymentMethodGroupId",
           "type": "string",
@@ -19559,20 +19366,7 @@
       "listeners": [],
       "styles": [],
       "slots": [],
-      "parts": [
-        {
-          "name": "table-head",
-          "docs": ""
-        },
-        {
-          "name": "table-head-row",
-          "docs": ""
-        },
-        {
-          "name": "table-wrapper",
-          "docs": ""
-        }
-      ],
+      "parts": [],
       "dependents": [
         "justifi-payouts-list"
       ],
@@ -19644,10 +19438,10 @@
       }
     },
     {
-      "filePath": "src/ui-components/filters/table-filters-menu.tsx",
+      "filePath": "src/components/filters/table-filters-menu.tsx",
       "encapsulation": "none",
       "tag": "table-filters-menu",
-      "readme": "# text-filter\n\n\n",
+      "readme": "# table-filters-menu\n\n\n",
       "docs": "",
       "docsTags": [],
       "usage": {},

package/dist/esm/{ApiNew-UOnmIWcv.js → Api-KYhsw8Nv.js}

@@ -1,4 +1,4 @@
-import { w as waitForConfig, c as configState } from './config-state-Bl6vWekp.js';
+import { w as waitForConfig, c as configState } from './config-state-CkKrqnpZ.js';
 import { g as generateId } from './utils-BWcTxbSg.js';
 
 const Api = () => {

package/dist/esm/{Dispute-7MWRbTXI.js → Dispute-BH0Xfn-F.js}

@@ -54,4 +54,4 @@ class DisputeResponse {
     }
 }
 
-export { DisputeStatus as D, Dispute as a };
+export { Dispute as D, DisputeStatus as a };

package/dist/esm/{Payment-BADkZFaz.js → Document-cNXrKmGy.js}

@@ -1,5 +1,5 @@
 import { f as formatCurrency } from './utils-BWcTxbSg.js';
-import { D as DisputeStatus } from './Dispute-7MWRbTXI.js';
+import { a as DisputeStatus } from './Dispute-BH0Xfn-F.js';
 
 var CaptureStrategy;
 (function (CaptureStrategy) {
@@ -101,6 +101,7 @@ class Payment {
         this.disputes = payment.disputes;
         this.error_code = payment.error_code;
         this.error_description = payment.error_description;
+        this.expedited = payment.expedited;
         this.fee_amount = payment.fee_amount;
         this.is_test = payment.is_test;
         this.metadata = payment.metadata;
@@ -145,4 +146,58 @@ class Payment {
     }
 }
 
-export { Payment as P, PaymentMethodTypes as a };
+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;
+    }
+}
+
+export { EntityDocumentType as E, Payment as P, EntityDocumentStorage as a, EntityDocument as b, PaymentMethodTypes as c };

package/dist/esm/{Refund-DOvd7RJp.js → Refund-2YJqP9qX.js}

@@ -82,6 +82,7 @@ class Payout {
         this.metadata = payout.metadata;
         this.created_at = payout.created_at;
         this.updated_at = payout.updated_at;
+        this.settlement_priority = payout.settlement_priority || 'standard';
     }
     formattedPaymentAmount(amount) {
         return formatCurrency(amount, this.currency);

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host } from './index-D6FDxSyt.js';
-import { c as DetailItem, D as DetailSectionTitle } from './utils-CK8L6CE7.js';
+import { c as DetailItem, D as DetailSectionTitle } from './utils-BpP_VJGf.js';
 import { l as isEmptyObject, s as snakeCaseToHumanReadable, m as formatMediumDate } from './utils-BWcTxbSg.js';
-import './parts-CjO1GttX.js';
+import './parts-BrLVc_85.js';
 import './_commonjsHelpers-BFTU3MAI.js';
 
 const AdditionalQuestionsDetails = class {

package/dist/esm/{badge-B191hCAo.js → badge-Du9GTXoB.js}

@@ -1,5 +1,5 @@
 import { h } from './index-D6FDxSyt.js';
-import { H as badgeDark, I as badgeLight, J as badgeInfo, K as badgeWarning, L as badgeDanger, M as badgeSuccess, N as badgeSecondary, O as badgePrimary, P as badge } from './parts-CjO1GttX.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,20 +1,22 @@
 import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-D6FDxSyt.js';
+import './config-state-CkKrqnpZ.js';
 import { s as snakeCaseToHumanReadable, d as formatDate, i as formatTimeSeconds } from './utils-BWcTxbSg.js';
 import './ComponentError-SdntD1xf.js';
 import './Checkout-Dfpql997.js';
 import './Pagination-CLHwhyvu.js';
-import './Payment-BADkZFaz.js';
-import './Refund-DOvd7RJp.js';
-import { E as EntityDocumentType } from './Document-Ct-uNz2r.js';
+import { E as EntityDocumentType } from './Document-cNXrKmGy.js';
+import './Refund-2YJqP9qX.js';
+import './Business-D6XNzizo.js';
+import './Dispute-BH0Xfn-F.js';
 import { c as bankAccountTypeOptions } from './business-form-options-Bn05PRR4.js';
 import './event-types-XYgDHrVL.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
-import { _ as card, F as heading2, A as table, R as tableHeadCell, B as tableCell, c as input, l as label, b as inputInvalid, T as inputDisabled, a as inputFocused } from './parts-CjO1GttX.js';
-import { S as Skeleton } from './skeleton-t69TLGP9.js';
-import { F as FormControlErrorText } from './form-control-error-text-CVPFeRt0.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-Dlpibtr0.js';
+import './event-types-CZfYo5-1.js';
+import { F as FormControlErrorText } from './form-control-error-text-tGFxd6kW.js';
+import './index-Cc3u0uDC.js';
 import './_commonjsHelpers-BFTU3MAI.js';
-import './Dispute-7MWRbTXI.js';
-import './Business-D6XNzizo.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 
@@ -96,10 +98,10 @@ const FileInput = class {
         return part;
     }
     render() {
-        return (h(Host, { key: 'c4eb924b2def951a74f6b5aeb036a405537e824c' }, h("div", { key: '3b8bcb605f8addc7188fa82e5ef91c437c17d5f0', class: "form-group d-flex flex-column" }, h("div", { key: '7f0e0cb4cb6dd1f75ddcd054843d2b1663b8db64', class: "d-flex align-items-start gap-2" }, h("label", { key: '73b1eca3f6f175c2832f76be825d97f708aed9bf', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '389ee4bcc680a25991d048ba3839104368c26c15', helpText: this.helpText })), h("input", { key: 'e1c713e5600dace0d44ea5f640bd60bf9d3ec0bd', 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: '64828199873b08ab92c5418a1a1d5493bb41d947', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '7359b6f39ac038230ce1d2d60454a4d4e69c6bb9', errorText: this.errorText, name: this.name }))));
     }
     get el() { return getElement(this); }
 };