@justifi/webcomponents 4.17.0 → 4.18.0

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

@@ -24,7 +24,7 @@ export class Table {
     }
     render() {
         var _a, _b;
-        return (h(Host, { key: '1a6c5635547b14f7c92ece455d6fa927d8bb2c58', exportparts: tableExportedParts }, h("div", { key: 'ebfbab6586592c1682e72970e94239febc47f2d4', class: "table-wrapper" }, h("table", { key: '75649133243e4aaeb1807202b1159140f2a99246', class: "table table-hover" }, h("thead", { key: '316bb2230a9a0fd09cab6522b5627dcca384b069', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: '25530b079aef280770566198ca4cdfb001e8717e', class: "table-light text-nowrap", part: 'table-head-row' }, (_a = this.columnData) === null || _a === void 0 ? void 0 : _a.map((column) => h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, !Array.isArray(column) ? column : column[0])))), h("tbody", { key: '4b1fa691ad5400ea566365947a23ed9156e7dbe2', class: "table-body", part: 'table-body' }, this.loading && LoadingState(this.columnData.length), this.showEmptyState && EmptyState(this.columnData.length), this.showErrorState && ErrorState(this.columnData.length, this.errorMessage), this.showRowData && (this.rowData.map((data, index) => {
+        return (h(Host, { key: '330ca720893ef70db96d4229c45a42f859567fd2', exportparts: tableExportedParts }, h("div", { key: '6a4aa680881ca619e88a1e505e9367f598633184', class: "table-wrapper" }, h("table", { key: '56129dafeccdda2e443f52d31efc7b68181988f7', class: "table table-hover" }, h("thead", { key: 'c3d407a15d350918df135f9e6f9f94d8ac751f65', class: "table-head sticky-top", part: "table-head" }, h("tr", { key: 'a1a8b3e9141ee6ecf1312b5d6d50f4b1a0488d9f', class: "table-light text-nowrap", part: 'table-head-row' }, (_a = this.columnData) === null || _a === void 0 ? void 0 : _a.map((column) => h("th", { part: "table-head-cell", scope: "col", title: Array.isArray(column) ? column[1] : '' }, !Array.isArray(column) ? column : column[0])))), h("tbody", { key: '232e450d33c1ea1088aab9a06ecb9a00d49788fd', class: "table-body", part: 'table-body' }, this.loading && LoadingState(this.columnData.length), this.showEmptyState && EmptyState(this.columnData.length), this.showErrorState && ErrorState(this.columnData.length, this.errorMessage), this.showRowData && (this.rowData.map((data, index) => {
             return (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: e => this.rowClickHandler ? this.rowClickHandler(e) : null, part: `table-row ${index % 2 ? 'table-row-even' : 'table-row-odd'}` }, data.map((dataEntry) => {
                 let nestedHtml = dataEntry === null || dataEntry === void 0 ? void 0 : dataEntry.type;
                 if (nestedHtml) {
@@ -35,13 +35,12 @@ export class Table {
                 }
             })));
         }))), this.paging &&
-            h("tfoot", { key: '3bf62f457a3a686aa5ca9b14be2c635d132eb43b', class: "sticky-bottom" }, h("tr", { key: 'c033da2e9a88e89b4b88693c1cdd3394567f1083', class: "table-light align-middle" }, h("td", { key: 'a07cb73f13986903bb3bc95ee8b642f1ea3b48a0', part: "pagination-bar", colSpan: (_b = this.columnData) === null || _b === void 0 ? void 0 : _b.length }, h("pagination-menu", { key: '1de55c927f19b6d77562d6ba876fd8a1208895c9', paging: this.paging, params: this.params }))))))));
+            h("tfoot", { key: '35f0a88e934a2483df8b62b037d54c2408011c9d', class: "sticky-bottom" }, h("tr", { key: '708dba5501439a728596f6985cd4f02f7cad2eb4', class: "table-light align-middle" }, h("td", { key: '14ac6f8ec26a436c7c68391ab1c53ebdf9322d26', part: "pagination-bar", colSpan: (_b = this.columnData) === null || _b === void 0 ? void 0 : _b.length }, h("pagination-menu", { key: 'e52783c0e2a3b650f77a0bca0cc462b2f1942caf', paging: this.paging, params: this.params }))))))));
     }
     static get is() { return "justifi-table"; }
-    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
-            "$": ["./table.scss"]
+            "$": ["./table.css"]
         };
     }
     static get styleUrls() {

package/dist/collection/utils/styled-host/styled-host.js

@@ -0,0 +1,6 @@
+import { Host, h } from "@stencil/core";
+import modifiedBootstrap from "./modified-bootstrap.css";
+const StyledHost = (props, children) => {
+    return (h(Host, Object.assign({}, props, { class: "body" }), h("style", null, modifiedBootstrap), children));
+};
+export default StyledHost;

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-08-29T16:47:20",
+  "timestamp": "2024-09-05T22:41:13",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.19.2",
@@ -8,7 +8,7 @@
   "components": [
     {
       "filePath": "src/components/business-details/additional-questions-details/additional-questions-details.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "additional-questions-details",
       "readme": "# additional-questions-details\n\n\n",
       "docs": "",
@@ -642,7 +642,9 @@
         "justifi-business-core-info-form-step",
         "justifi-business-representative",
         "justifi-business-representative-form-step",
-        "justifi-owner-form"
+        "justifi-owner-form",
+        "payments-list-core",
+        "payouts-list-core"
       ],
       "dependencies": [
         "form-control-help-text",
@@ -667,6 +669,12 @@
         ],
         "justifi-owner-form": [
           "form-control-date"
+        ],
+        "payments-list-core": [
+          "form-control-date"
+        ],
+        "payouts-list-core": [
+          "form-control-date"
         ]
       }
     },
@@ -1353,6 +1361,10 @@
       "styles": [],
       "slots": [],
       "parts": [
+        {
+          "name": "input-group-text",
+          "docs": ""
+        },
         {
           "name": "label",
           "docs": ""
@@ -2410,7 +2422,7 @@
     },
     {
       "filePath": "src/components/business-details/generic-info-details/generic-info-details.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "generic-info-details",
       "readme": "# generic-info-details\n\n\n",
       "docs": "",
@@ -7071,7 +7083,7 @@
               "PaymentMethodOption": {
                 "location": "import",
                 "path": "./payment-method-option-utils",
-                "id": "src/components/checkout/payment-method-option-utils.tsx::PaymentMethodOption"
+                "id": "src/components/checkout/payment-method-option-utils.ts::PaymentMethodOption"
               }
             }
           },
@@ -7550,7 +7562,7 @@
     },
     {
       "filePath": "src/components/payment-balance-transactions/payment-balance-transactions.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "justifi-payment-balance-transactions",
       "readme": "# justifi-payment-balance-transactions\n\n\n",
       "docs": "",
@@ -8854,7 +8866,7 @@
     },
     {
       "filePath": "src/components/payment-form/payment-method-selector.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "justifi-payment-method-selector",
       "readme": "<h1>\n  <code><justifi-payment-form /></code>\n</h1>\n\n## Examples\n\n```html\n<!DOCTYPE html>\n<html dir=\"ltr\" lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0\" />\n    <title>justifi-payment-form: Simple example</title>\n\n    <!--\n    If you are including the components via CDN the src should be the following:\n    https://cdn.jsdelivr.net/npm/@justifi/webcomponents@2.1.0/dist/webcomponents/webcomponents.esm.js\n  -->\n    <script type=\"module\" src=\"/build/webcomponents.esm.js\"></script>\n    <script nomodule src=\"/build/webcomponents.js\"></script>\n  </head>\n\n  <body>\n    <h1>PaymentForm</h1>\n    <hr />\n    <justifi-payment-form></justifi-payment-form>\n  </body>\n\n  <script>\n    (function () {})();\n  </script>\n</html>\n```\n",
       "docs": "<h1>\n  <code><justifi-payment-form /></code>\n</h1>",
@@ -8931,7 +8943,7 @@
     },
     {
       "filePath": "src/components/business-forms/payment-provisioning/payment-provisioning.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "justifi-payment-provisioning",
       "readme": "# justifi-business-info\n",
       "docs": "",
@@ -9169,7 +9181,7 @@
     },
     {
       "filePath": "src/components/business-forms/payment-provisioning/payment-provisioning-core.tsx",
-      "encapsulation": "none",
+      "encapsulation": "shadow",
       "tag": "justifi-payment-provisioning-core",
       "readme": "# justifi-business-info\n",
       "docs": "",
@@ -9919,6 +9931,18 @@
       "readme": "# justifi-payments-list\n\n\n",
       "docs": "",
       "docsTags": [
+        {
+          "name": "exportedPart",
+          "text": "label: Label for inputs"
+        },
+        {
+          "name": "exportedPart",
+          "text": "input: The input fields"
+        },
+        {
+          "name": "exportedPart",
+          "text": "input-invalid: Invalid state for inputs"
+        },
         {
           "name": "exportedPart",
           "text": "table-head: Table head"
@@ -10069,8 +10093,13 @@
           "payments-list-core"
         ],
         "payments-list-core": [
+          "form-control-date",
           "justifi-table"
         ],
+        "form-control-date": [
+          "form-control-help-text",
+          "form-control-error-text"
+        ],
         "justifi-table": [
           "pagination-menu"
         ]
@@ -10175,6 +10204,18 @@
       "readme": "# justifi-payouts-list\n\n\n",
       "docs": "",
       "docsTags": [
+        {
+          "name": "exportedPart",
+          "text": "label: Label for inputs"
+        },
+        {
+          "name": "exportedPart",
+          "text": "input: The input fields"
+        },
+        {
+          "name": "exportedPart",
+          "text": "input-invalid: Invalid state for inputs"
+        },
         {
           "name": "exportedPart",
           "text": "table-head: Table head"
@@ -10325,8 +10366,13 @@
           "payouts-list-core"
         ],
         "payouts-list-core": [
+          "form-control-date",
           "justifi-table"
         ],
+        "form-control-date": [
+          "form-control-help-text",
+          "form-control-error-text"
+        ],
         "justifi-table": [
           "pagination-menu"
         ]
@@ -10780,7 +10826,7 @@
               "PaymentMethodOption": {
                 "location": "import",
                 "path": "./payment-method-option-utils",
-                "id": "src/components/checkout/payment-method-option-utils.tsx::PaymentMethodOption"
+                "id": "src/components/checkout/payment-method-option-utils.ts::PaymentMethodOption"
               }
             }
           },
@@ -11743,7 +11789,7 @@
               "PaymentMethodOption": {
                 "location": "import",
                 "path": "./payment-method-option-utils",
-                "id": "src/components/checkout/payment-method-option-utils.tsx::PaymentMethodOption"
+                "id": "src/components/checkout/payment-method-option-utils.ts::PaymentMethodOption"
               }
             }
           },
@@ -12198,7 +12244,7 @@
     },
     {
       "filePath": "src/components/table/table.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "justifi-table",
       "readme": "# justifi-table\n\n\n",
       "docs": "",
@@ -12481,7 +12527,7 @@
     },
     {
       "filePath": "src/components/business-details/legal-address-details/legal-address-details.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "legal-address-details",
       "readme": "# legal-address-details\n\n\n",
       "docs": "",
@@ -12533,7 +12579,7 @@
     },
     {
       "filePath": "src/components/business-details/owner-details/owner-details.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "owner-details",
       "readme": "# owner-details\n\n\n",
       "docs": "",
@@ -12585,7 +12631,7 @@
     },
     {
       "filePath": "src/components/pagination-menu/pagination-menu.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "pagination-menu",
       "readme": "# pagination-menu\n\n\n",
       "docs": "",
@@ -12835,12 +12881,18 @@
         "justifi-payments-list"
       ],
       "dependencies": [
+        "form-control-date",
         "justifi-table"
       ],
       "dependencyGraph": {
         "payments-list-core": [
+          "form-control-date",
           "justifi-table"
         ],
+        "form-control-date": [
+          "form-control-help-text",
+          "form-control-error-text"
+        ],
         "justifi-table": [
           "pagination-menu"
         ],
@@ -12882,6 +12934,31 @@
           ],
           "optional": false,
           "required": false
+        },
+        {
+          "name": "getPayoutCSV",
+          "type": "Function",
+          "complexType": {
+            "original": "Function",
+            "resolved": "Function",
+            "references": {
+              "Function": {
+                "location": "global",
+                "id": "global::Function"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "Function"
+            }
+          ],
+          "optional": false,
+          "required": false
         }
       ],
       "methods": [],
@@ -12935,6 +13012,31 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "getPayoutCSV",
+          "type": "Function",
+          "complexType": {
+            "original": "Function",
+            "resolved": "Function",
+            "references": {
+              "Function": {
+                "location": "global",
+                "id": "global::Function"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "Function"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "getPayouts",
           "type": "Function",
@@ -13012,12 +13114,18 @@
         "justifi-payouts-list"
       ],
       "dependencies": [
+        "form-control-date",
         "justifi-table"
       ],
       "dependencyGraph": {
         "payouts-list-core": [
+          "form-control-date",
           "justifi-table"
         ],
+        "form-control-date": [
+          "form-control-help-text",
+          "form-control-error-text"
+        ],
         "justifi-table": [
           "pagination-menu"
         ],
@@ -13028,7 +13136,7 @@
     },
     {
       "filePath": "src/components/business-details/representative-details/representative-details.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "representative-details",
       "readme": "# representative-details\n\n\n",
       "docs": "",
@@ -13101,7 +13209,7 @@
     },
     {
       "filePath": "src/components/subaccount-details/subaccount-account-details/subaccount-account-details.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "subaccount-account-details",
       "readme": "# subaccount-account-details\n\n\n",
       "docs": "",
@@ -13179,7 +13287,7 @@
     },
     {
       "filePath": "src/components/subaccount-details/subaccount-bank-details/subaccount-bank-details.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "subaccount-bank-details",
       "readme": "# subaccount-bank-details\n\n\n",
       "docs": "",
@@ -13225,7 +13333,7 @@
     },
     {
       "filePath": "src/components/subaccount-details/subaccount-merchant-details/subaccount-merchant-details.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "subaccount-merchant-details",
       "readme": "# subaccount-merchant-details\n\n\n",
       "docs": "",
@@ -13277,7 +13385,7 @@
     },
     {
       "filePath": "src/components/subaccount-details/subaccount-owners-details/subaccount-owners-details.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "subaccount-owners-details",
       "readme": "# subaccount-owners-details\n\n\n",
       "docs": "",
@@ -13329,7 +13437,7 @@
     },
     {
       "filePath": "src/components/subaccount-details/subaccount-representative-details/subaccount-representative-details.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "subaccount-representative-details",
       "readme": "# subaccount-representative-details\n\n\n",
       "docs": "",
@@ -13381,7 +13489,7 @@
     },
     {
       "filePath": "src/components/subaccount-details/subaccount-terms-details/subaccount-terms-details.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "none",
       "tag": "subaccount-terms-details",
       "readme": "# subaccount-terms-details\n\n\n",
       "docs": "",
@@ -13522,10 +13630,10 @@
       "docstring": "",
       "path": "src/api/index.ts"
     },
-    "src/components/checkout/payment-method-option-utils.tsx::PaymentMethodOption": {
+    "src/components/checkout/payment-method-option-utils.ts::PaymentMethodOption": {
       "declaration": "any",
       "docstring": "",
-      "path": "src/components/checkout/payment-method-option-utils.tsx"
+      "path": "src/components/checkout/payment-method-option-utils.ts"
     },
     "src/components/checkout/payment-method-payload.ts::PaymentMethodPayload": {
       "declaration": "export interface PaymentMethodPayload {\n  token?: string;\n  bnpl?: {\n    order_uuid: string;\n    status: string;\n    session_uuid: string;\n  },\n  error?: {\n    code: string;\n    message: string;\n    decline_code: string;\n  },\n  validationError?: boolean;\n}",

package/dist/esm/{Analytics-c52faca6.js → Analytics-29fac206.js}

@@ -1,4 +1,4 @@
-import { p as packageJson } from './package-8ab448a3.js';
+import { p as packageJson } from './package-1123f528.js';
 import { c as config } from './config-476c7241.js';
 import { A as Api } from './Api-b09a2f6a.js';