@justifi/webcomponents 4.22.2 → 4.23.1

package/dist/collection/utils/utils.js

@@ -1,6 +1,6 @@
 import { format } from "date-fns";
 import Dinero from "dinero.js";
-export const RegExZip = /^\d{5}/;
+// Currency Formatting
 export function formatCurrency(amount, withSymbol = true, withCurrencyName = false) {
     if (!amount)
         amount = 0;
@@ -11,6 +11,7 @@ export function formatCurrency(amount, withSymbol = true, withCurrencyName = fal
     const formattedAmount = amount < 0 ? `(${format(-amount)})` : format(amount);
     return withCurrencyName ? `${formattedAmount} USD` : formattedAmount;
 }
+// Number Formatting
 export function formatPercentage(amount) {
     if (!amount)
         amount = 0;
@@ -20,13 +21,13 @@ export function formatPercentage(amount) {
     }
     return format(amount);
 }
+// Date Formatting and Conversion
 export function formatDate(dateString) {
     if (!dateString)
         return '';
     const date = new Date(dateString);
     return format(date, 'MMM d, yyyy');
 }
-// eg. Oct 9, 2023
 export function formatMediumDate(input) {
     // Check if input is a string and convert to Date object
     if (typeof input === 'string') {
@@ -66,26 +67,44 @@ export function formatTimeSeconds(dateString) {
     const date = new Date(dateString);
     return format(date, 'h:mm:ssaaa');
 }
-// Receives an Address as input and return a formatted string
-// eg. 123 Main St, Scranton, PA 11111
+export const convertToUTC = (dateString, options) => {
+    const { setEndOfDay, setExactTime } = options;
+    if (!dateString)
+        return '';
+    const dateObj = new Date(dateString);
+    if (setEndOfDay) {
+        // Adjust the time to be at the very end of the day
+        dateObj.setUTCHours(23, 59, 59, 999);
+        return new Date(dateObj.toUTCString()).toISOString();
+    }
+    else if (setExactTime) {
+        return new Date(dateObj.toUTCString()).toISOString();
+    }
+};
+export const convertToLocal = (dateString, options) => {
+    const { showDisplayDate, showInputDate, showTime, showInputDateTime } = options;
+    if (!dateString)
+        return '';
+    const dateObj = new Date(dateString);
+    const localDate = new Date(dateObj.toLocaleString('en-US', { timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone }));
+    if (showDisplayDate) {
+        return format(localDate, 'MMM d, yyyy');
+    }
+    else if (showInputDate) {
+        return format(localDate, 'yyyy-MM-dd');
+    }
+    else if (showTime) {
+        return format(localDate, 'h:mmaaa');
+    }
+    else if (showInputDateTime) {
+        return format(localDate, 'yyyy-MM-dd\'T\'HH:mm');
+    }
+};
+// Address Formatting
 export function formatAddress(address) {
     return `${address.line1}, ${address.city}, ${address.state} ${address.postal_code}`;
 }
-export function extractComputedFontsToLoad() {
-    var _a;
-    const computedStyles = getComputedStyle(document.body);
-    return (((_a = computedStyles === null || computedStyles === void 0 ? void 0 : computedStyles.getPropertyValue('--jfi-load-google-font')) === null || _a === void 0 ? void 0 : _a.trim().replace(/'|"/g, '').replace(' ', '+')) || null);
-}
-/**
- * Converts a snake_case string to a human-readable format by replacing underscores with spaces and capitalizing the first letter of each word.
- *
- * @param snakeCaseStr - The string in snake_case format.
- * @returns The string transformed into a human-readable format.
- *
- * @example
- * const readable = toReadableString('sole_proprietorship');
- * console.log(readable); // Outputs: "Sole Proprietorship"
- */
+// String Manipulation
 export function snakeCaseToHumanReadable(snakeCaseStr) {
     if (!snakeCaseStr)
         return '';
@@ -94,40 +113,19 @@ export function snakeCaseToHumanReadable(snakeCaseStr) {
         .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
         .join(' ');
 }
-export function camelToKebab(str) {
-    return str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
-}
 export function snakeToCamel(str) {
     if (!str)
         return '';
     return str.replace(/([-_][a-z])/g, (group) => group.toUpperCase().replace('-', '').replace('_', ''));
 }
-export function flattenNestedObject(obj) {
-    const result = {};
-    for (const key in obj) {
-        if (typeof obj[key] === 'object' && obj[key] !== null) {
-            const nestedObj = flattenNestedObject(obj[key]);
-            for (const nestedKey in nestedObj) {
-                result[nestedKey] = nestedObj[nestedKey];
-            }
-        }
-        else {
-            result[key] = obj[key];
-        }
-    }
-    return result;
-}
-export function composeQueryParams(values) {
-    const queryParams = values.map((value) => {
-        if (value === values[0]) {
-            return (value = `?${value}`);
-        }
-        else {
-            return (value = `&${value}`);
-        }
-    });
-    return queryParams.join('');
+// Object Utilities
+export function isEmptyObject(obj) {
+    return Object.keys(obj).length === 0 && obj.constructor === Object;
 }
+export const isInRange = (num, min, max) => {
+    return num >= min && num <= max;
+};
+// Font Loading
 export async function loadFontsOnParent() {
     const parent = document.body;
     const fontsToLoad = extractComputedFontsToLoad();
@@ -148,9 +146,8 @@ export async function loadFontsOnParent() {
     fonts.href = fontHref;
     parent.append(fonts);
 }
-export function isEmptyObject(obj) {
-    return Object.keys(obj).length === 0 && obj.constructor === Object;
+export function extractComputedFontsToLoad() {
+    var _a;
+    const computedStyles = getComputedStyle(document.body);
+    return (((_a = computedStyles === null || computedStyles === void 0 ? void 0 : computedStyles.getPropertyValue('--jfi-load-google-font')) === null || _a === void 0 ? void 0 : _a.trim().replace(/'|"/g, '').replace(' ', '+')) || null);
 }
-export const isInRange = (num, min, max) => {
-    return num >= min && num <= max;
-};

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2024-12-03T21:31:47",
+  "timestamp": "2024-12-17T18:38:57",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.19.2",
@@ -1050,28 +1050,6 @@
           "optional": true,
           "required": false
         },
-        {
-          "name": "filterTimeZone",
-          "type": "boolean",
-          "complexType": {
-            "original": "boolean",
-            "resolved": "boolean",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "filter-time-zone",
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "false",
-          "values": [
-            {
-              "type": "boolean"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
         {
           "name": "helpText",
           "type": "string",
@@ -1247,7 +1225,7 @@
         "justifi-shipping-details",
         "owner-form-inputs",
         "payments-list-filters",
-        "payouts-list-core"
+        "payouts-list-filters"
       ],
       "dependencies": [
         "form-control-tooltip",
@@ -1282,7 +1260,7 @@
         "payments-list-filters": [
           "form-control-date"
         ],
-        "payouts-list-core": [
+        "payouts-list-filters": [
           "form-control-date"
         ]
       }
@@ -8967,7 +8945,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -9052,7 +9030,7 @@
           "docsTags": []
         },
         {
-          "event": "submit",
+          "event": "submitted",
           "detail": "any",
           "bubbles": true,
           "complexType": {
@@ -9377,7 +9355,7 @@
       "methods": [],
       "events": [
         {
-          "event": "submit",
+          "event": "submitted",
           "detail": "any",
           "bubbles": true,
           "complexType": {
@@ -9517,7 +9495,7 @@
           "docsTags": []
         },
         {
-          "event": "submit",
+          "event": "submitted",
           "detail": "any",
           "bubbles": true,
           "complexType": {
@@ -13500,6 +13478,28 @@
           ],
           "optional": false,
           "required": false
+        },
+        {
+          "name": "columns",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "columns",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "defaultColumnsKeys",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [],
@@ -13770,6 +13770,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "apiOrigin",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "api-origin",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "config.proxyApiOrigin",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "authToken",
           "type": "string",
@@ -13790,6 +13812,28 @@
           ],
           "optional": false,
           "required": false
+        },
+        {
+          "name": "columns",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "columns",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "defaultColumnsKeys",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
         }
       ],
       "methods": [],
@@ -13828,9 +13872,16 @@
           "payouts-list-core"
         ],
         "payouts-list-core": [
-          "form-control-date",
+          "payouts-list-filters",
           "pagination-menu"
         ],
+        "payouts-list-filters": [
+          "table-filters-menu",
+          "form-control-date"
+        ],
+        "table-filters-menu": [
+          "custom-popper"
+        ],
         "form-control-date": [
           "form-control-tooltip",
           "form-control-error-text"
@@ -15495,7 +15546,7 @@
               "type": "string"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         }
       ],
@@ -16745,6 +16796,27 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "columns",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "columns",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "getPayments",
           "type": "Function",
@@ -16826,18 +16898,10 @@
           "name": "table-body",
           "docs": ""
         },
-        {
-          "name": "table-cell",
-          "docs": ""
-        },
         {
           "name": "table-head",
           "docs": ""
         },
-        {
-          "name": "table-head-cell",
-          "docs": ""
-        },
         {
           "name": "table-head-row",
           "docs": ""
@@ -17117,6 +17181,27 @@
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "columns",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "columns",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "getPayoutCSV",
           "type": "Function",
@@ -17166,6 +17251,31 @@
           ],
           "optional": false,
           "required": false
+        },
+        {
+          "name": "getSubAccounts",
+          "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": [],
@@ -17223,18 +17333,10 @@
           "name": "table-body",
           "docs": ""
         },
-        {
-          "name": "table-cell",
-          "docs": ""
-        },
         {
           "name": "table-head",
           "docs": ""
         },
-        {
-          "name": "table-head-cell",
-          "docs": ""
-        },
         {
           "name": "table-head-row",
           "docs": ""
@@ -17244,14 +17346,21 @@
         "justifi-payouts-list"
       ],
       "dependencies": [
-        "form-control-date",
+        "payouts-list-filters",
         "pagination-menu"
       ],
       "dependencyGraph": {
         "payouts-list-core": [
-          "form-control-date",
+          "payouts-list-filters",
           "pagination-menu"
         ],
+        "payouts-list-filters": [
+          "table-filters-menu",
+          "form-control-date"
+        ],
+        "table-filters-menu": [
+          "custom-popper"
+        ],
         "form-control-date": [
           "form-control-tooltip",
           "form-control-error-text"
@@ -17264,6 +17373,115 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/payouts-list/payouts-list-filters.tsx",
+      "encapsulation": "none",
+      "tag": "payouts-list-filters",
+      "readme": "# justifi-payouts-list\n\n\n",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "clearParams",
+          "type": "() => void",
+          "complexType": {
+            "original": "() => void",
+            "resolved": "() => void",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "() => void"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "params",
+          "type": "PayoutsTableFilterParams",
+          "complexType": {
+            "original": "PayoutsTableFilterParams",
+            "resolved": "PayoutsTableFilterParams",
+            "references": {
+              "PayoutsTableFilterParams": {
+                "location": "import",
+                "path": "../../api",
+                "id": "src/api/index.ts::PayoutsTableFilterParams"
+              }
+            }
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "PayoutsTableFilterParams"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "setParamsOnChange",
+          "type": "(name: string, value: string) => void",
+          "complexType": {
+            "original": "(name: string, value: string) => void",
+            "resolved": "(name: string, value: string) => void",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "(name: string, value: string) => void"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "payouts-list-core"
+      ],
+      "dependencies": [
+        "table-filters-menu",
+        "form-control-date"
+      ],
+      "dependencyGraph": {
+        "payouts-list-filters": [
+          "table-filters-menu",
+          "form-control-date"
+        ],
+        "table-filters-menu": [
+          "custom-popper"
+        ],
+        "form-control-date": [
+          "form-control-tooltip",
+          "form-control-error-text"
+        ],
+        "form-control-tooltip": [
+          "custom-popper"
+        ],
+        "payouts-list-core": [
+          "payouts-list-filters"
+        ]
+      }
+    },
     {
       "filePath": "src/components/business-details/representative-details/representative-details.tsx",
       "encapsulation": "none",
@@ -17413,6 +17631,7 @@
       "dependents": [
         "checkouts-list-filters",
         "payments-list-filters",
+        "payouts-list-filters",
         "terminals-list-filters"
       ],
       "dependencies": [
@@ -17428,6 +17647,9 @@
         "payments-list-filters": [
           "table-filters-menu"
         ],
+        "payouts-list-filters": [
+          "table-filters-menu"
+        ],
         "terminals-list-filters": [
           "table-filters-menu"
         ]
@@ -17867,6 +18089,11 @@
       "docstring": "",
       "path": "src/api/index.ts"
     },
+    "src/api/index.ts::PayoutsTableFilterParams": {
+      "declaration": "any",
+      "docstring": "",
+      "path": "src/api/index.ts"
+    },
     "src/components/refund-form/refund-form-schema.ts::RefundFormFields": {
       "declaration": "export interface RefundFormFields {\n  amount: number | null; // Allowing null for initial state or cleared inputs\n  message: string;\n}",
       "docstring": "",

package/dist/esm/{Analytics-f4e959b2.js → Analytics-77dc80f3.js}

@@ -1,4 +1,4 @@
-import { p as packageJson } from './package-95aca142.js';
+import { p as packageJson } from './package-627f73c1.js';
 import { c as config } from './config-27764a9d.js';
 import { A as Api } from './Api-391d00e2.js';
 

package/dist/esm/{Payment-30790721.js → Payment-2a868d0c.js}

@@ -122,7 +122,7 @@ class Payment {
             return PaymentDisputedStatuses.open;
         }
     }
-    get paymentType() {
+    get payment_type() {
         if (this.payment_method) {
             return this.payment_method.card ? PaymentTypes.card : PaymentTypes.bankAccount;
         }
@@ -130,6 +130,12 @@ class Payment {
             return PaymentTypes.unknown;
         }
     }
+    get payers_name() {
+        return this.payment_method.payersName;
+    }
+    get last_four_digits() {
+        return this.payment_method.lastFourDigits;
+    }
 }
 
 export { Payment as P, PaymentMethodTypes as a };

package/dist/esm/{SubAccount-7f7e4c56.js → SubAccount-99a00594.js}

@@ -38,6 +38,9 @@ class Payout {
         this.created_at = payout.created_at;
         this.updated_at = payout.updated_at;
     }
+    get csv() {
+        return this.id;
+    }
 }
 
 var TerminalStatuses;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-57431c24.js';
 import { c as DetailItem, D as DetailSectionTitle } from './utils-218275b7.js';
-import { i as isEmptyObject, s as snakeCaseToHumanReadable, d as formatMediumDate } from './utils-3daada24.js';
+import { i as isEmptyObject, s as snakeCaseToHumanReadable, e as formatMediumDate } from './utils-1df1e55a.js';
 
 const sharedBusinessDetailsCss$4 = ".flex-1{flex:1}";
 const AdditionalQuestionsDetailsStyle0 = sharedBusinessDetailsCss$4;