@justifi/webcomponents 6.1.0-rc.3 → 6.1.1-rc.1

package/dist/module/state-options.js

@@ -0,0 +1,244 @@
+const StateOptions = [
+    {
+        label: 'Choose state',
+        value: '',
+    },
+    {
+        label: 'Alabama',
+        value: 'AL',
+    },
+    {
+        label: 'Alaska',
+        value: 'AK',
+    },
+    {
+        label: 'American Samoa',
+        value: 'AS',
+    },
+    {
+        label: 'Arizona',
+        value: 'AZ',
+    },
+    {
+        label: 'Arkansas',
+        value: 'AR',
+    },
+    {
+        label: 'California',
+        value: 'CA',
+    },
+    {
+        label: 'Colorado',
+        value: 'CO',
+    },
+    {
+        label: 'Connecticut',
+        value: 'CT',
+    },
+    {
+        label: 'Delaware',
+        value: 'DE',
+    },
+    {
+        label: 'District Of Columbia',
+        value: 'DC',
+    },
+    {
+        label: 'Federated States Of Micronesia',
+        value: 'FM',
+    },
+    {
+        label: 'Florida',
+        value: 'FL',
+    },
+    {
+        label: 'Georgia',
+        value: 'GA',
+    },
+    {
+        label: 'Guam',
+        value: 'GU',
+    },
+    {
+        label: 'Hawaii',
+        value: 'HI',
+    },
+    {
+        label: 'Idaho',
+        value: 'ID',
+    },
+    {
+        label: 'Illinois',
+        value: 'IL',
+    },
+    {
+        label: 'Indiana',
+        value: 'IN',
+    },
+    {
+        label: 'Iowa',
+        value: 'IA',
+    },
+    {
+        label: 'Kansas',
+        value: 'KS',
+    },
+    {
+        label: 'Kentucky',
+        value: 'KY',
+    },
+    {
+        label: 'Louisiana',
+        value: 'LA',
+    },
+    {
+        label: 'Maine',
+        value: 'ME',
+    },
+    {
+        label: 'Marshall Islands',
+        value: 'MH',
+    },
+    {
+        label: 'Maryland',
+        value: 'MD',
+    },
+    {
+        label: 'Massachusetts',
+        value: 'MA',
+    },
+    {
+        label: 'Michigan',
+        value: 'MI',
+    },
+    {
+        label: 'Minnesota',
+        value: 'MN',
+    },
+    {
+        label: 'Mississippi',
+        value: 'MS',
+    },
+    {
+        label: 'Missouri',
+        value: 'MO',
+    },
+    {
+        label: 'Montana',
+        value: 'MT',
+    },
+    {
+        label: 'Nebraska',
+        value: 'NE',
+    },
+    {
+        label: 'Nevada',
+        value: 'NV',
+    },
+    {
+        label: 'New Hampshire',
+        value: 'NH',
+    },
+    {
+        label: 'New Jersey',
+        value: 'NJ',
+    },
+    {
+        label: 'New Mexico',
+        value: 'NM',
+    },
+    {
+        label: 'New York',
+        value: 'NY',
+    },
+    {
+        label: 'North Carolina',
+        value: 'NC',
+    },
+    {
+        label: 'North Dakota',
+        value: 'ND',
+    },
+    {
+        label: 'Northern Mariana Islands',
+        value: 'MP',
+    },
+    {
+        label: 'Ohio',
+        value: 'OH',
+    },
+    {
+        label: 'Oklahoma',
+        value: 'OK',
+    },
+    {
+        label: 'Oregon',
+        value: 'OR',
+    },
+    {
+        label: 'Palau',
+        value: 'PW',
+    },
+    {
+        label: 'Pennsylvania',
+        value: 'PA',
+    },
+    {
+        label: 'Puerto Rico',
+        value: 'PR',
+    },
+    {
+        label: 'Rhode Island',
+        value: 'RI',
+    },
+    {
+        label: 'South Carolina',
+        value: 'SC',
+    },
+    {
+        label: 'South Dakota',
+        value: 'SD',
+    },
+    {
+        label: 'Tennessee',
+        value: 'TN',
+    },
+    {
+        label: 'Texas',
+        value: 'TX',
+    },
+    {
+        label: 'Utah',
+        value: 'UT',
+    },
+    {
+        label: 'Vermont',
+        value: 'VT',
+    },
+    {
+        label: 'Virgin Islands',
+        value: 'VI',
+    },
+    {
+        label: 'Virginia',
+        value: 'VA',
+    },
+    {
+        label: 'Washington',
+        value: 'WA',
+    },
+    {
+        label: 'West Virginia',
+        value: 'WV',
+    },
+    {
+        label: 'Wisconsin',
+        value: 'WI',
+    },
+    {
+        label: 'Wyoming',
+        value: 'WY',
+    },
+];
+
+export { StateOptions as S };

package/dist/module/summary.js

@@ -16,7 +16,7 @@ const Summary = /*@__PURE__*/ proxyCustomElement(class Summary extends HTMLEleme
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '486de82e23fb45c7dbe804e92687ee380643483e' }, h("section", { key: '45a41fb60275d5c50b994aa47bed8db6df231b77' }, h("div", { key: 'ea4d92fdce0182538a3f42e314c7e9a9bc8e75eb' }, h("div", { key: '35158706826e010c86f7fcb43da383c726fe595b', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'e2caeff8e0b4ba4a549cc256ab6df0ad44d3cebb' }, h("span", { key: '104c839b0a5c518d115fc34d66082c035e1b76ac', part: text }, "Total"), "\u00A0", h("span", { key: '79fac509d988600dd8c7e99f6c1be82956ea8219', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: 'abd92b499208321582b08a490c78c9167be2ebd4' }, h("section", { key: '38e15cef5a19a43249d7ecf3d4eb4ea8e032f248' }, h("div", { key: '747f811012ed9707265369e59dbde8cd7ad3bca6' }, h("div", { key: '8575f50759664d5c64d235025699c81f055267ca', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'af77776bbe21bce77586447bbf445e4c5d8c1165' }, h("span", { key: '5cdaaec454118197b3e37a942d83907e72444342', part: text }, "Total"), "\u00A0", h("span", { key: 'ccc35217ac9740d5a00b7abbcec4133848afcc28', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 }, [257, "justifi-checkout-summary"]);
 function defineCustomElement() {

package/dist/module/table-filters-menu2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { B as Button } from './button.js';
-import { a6 as dropdownMenuButton, a7 as dropdownMenu } from './parts.js';
+import { a7 as dropdownMenuButton, a8 as dropdownMenu } from './parts.js';
 import { d as defineCustomElement$1 } from './custom-popper2.js';
 
 const hasFilters = (params) => {
@@ -31,7 +31,7 @@ const TableFiltersMenu = /*@__PURE__*/ proxyCustomElement(class TableFiltersMenu
         this.showClearButton = hasFilters(this.params);
     }
     render() {
-        return (h("div", { key: '666d19b7f8dfa697155195faf6cafed8e001a3a1', class: "d-flex gap-2" }, h("div", { key: 'e8c5ce6acf0e981e974ec7dac626fa1133de91b1', class: "dropdown pb-3" }, h("button", { key: '019fe2ecdeac0d436b343489de8c58c28299b3eb', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '1264bdb0fad73a14857cd08774c5965b36e8e7cc', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'a5474b3d320f0ef1ac44ce386a0fe06543c4dc56', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: '2bcaecc2051576ef38accd6195f041859c94ed32' })))), h("div", { key: '5adfbe93c5ec7e7b953e33a92d197dd52f12291f' }, h(Button, { key: '60ae8725304a6fe6ef1e994deab0151c2c5bebd1', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
+        return (h("div", { key: 'feeb1b62445446c773d4b6a31cf58bb237e782f5', class: "d-flex gap-2" }, h("div", { key: '4118208bf7f1a0a95f17ce3b5e675f0593a404a2', class: "dropdown pb-3" }, h("button", { key: 'd19031fcda3a895e141758b453e84e58a5dc0869', type: "button dropdown-toggle", ref: (el) => (this.anchorButton = el), class: "btn btn-primary dropdown-toggle", part: dropdownMenuButton, "data-test-id": "open-filters-button", "data-bs-toggle": "dropdown" }, "Filters"), h("custom-popper", { key: '57b0d375b063fbe91299865ae7a441f09ea6e7ea', offset: [20, 10], strategy: "fixed", anchorRef: this.anchorButton, trigger: "click" }, h("form", { key: 'e76309f3d4fbdf967ec1bed88d3ddaf99cf0eccf', class: "dropdown-menu", part: dropdownMenu, "data-test-id": "filter-menu", ref: (el) => (this.menu = el), onSubmit: (e) => e.preventDefault() }, h("slot", { key: 'e72f0b9567b07e22237f905ad5a94aa5d8d0400f' })))), h("div", { key: 'e9ace5e67bf4dc200e48c538e93571166caa1225' }, h(Button, { key: 'b26a73a1ad3af4ee2f724a95fb0361cb51460c64', variant: "secondary", onClick: () => this.clearParams(), hidden: !this.showClearButton, "data-test-id": "clear-filters-button" }, "Clear Filters"))));
     }
     static get watchers() { return {
         "params": ["watchParamsHandler"]

package/dist/module/table.js

@@ -1,5 +1,5 @@
 import { h } from '@stencil/core/internal/client';
-import { u as table, ar as tableHead, as as tableHeadRow, at as tableRow, au as tableFoot, av as tableFootRow, aw as tableFootCell, ax as tableEmpty, ay as tableError, w as tableCell } from './parts.js';
+import { v as table, as as tableHead, at as tableHeadRow, au as tableRow, av as tableFoot, aw as tableFootRow, ax as tableFootCell, ay as tableEmpty, az as tableError, x as tableCell } from './parts.js';
 import { S as Spinner } from './spinner.js';
 
 const TableWrapper = (props, children) => {

package/dist/module/terminal-orders-list-core2.js

@@ -5,10 +5,10 @@ import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import './config-state.js';
 import './dinero.js';
-import { e as TerminalOrderType } from './Refund.js';
+import { f as TerminalOrderType } from './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
-import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
+import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
 import { e as convertToLocal } from './utils2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminal-orders-list-params-state.js';
@@ -164,7 +164,7 @@ const TerminalOrdersListCore = /*@__PURE__*/ proxyCustomElement(class TerminalOr
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '71743bd2440b3b00ecafe74ddf9a0f48a96dbe6c' }, h(TableComponent, { key: '942af2def8486e3ff6d9cb9244bd88061b48db90' }, h(TableHead, { key: '32bcb4a7c21292ab9742dc509b921bd2f3b5ff5e' }, h(TableHeadRow, { key: '978a80218e60edd29d8799130c98f4772b471586' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'ef5a80cbc4868cc75fdfc19d58a6cee8928546ef' }, h(TableLoadingState, { key: 'dd773a17e38a975dd3821a104bfad75d83ed907e', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '8a857149326cc110d2daf440875cd977b8f2e2d6', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '1c9dfccef7c8675539290f53d3b6c615261c713a', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '2ba8b5c118f45affadf0bdf6ec9d013d4ac98636' }, h(TableFootRow, { key: 'a756ee19c1f4c36975f65aec354a4480f5563ea4' }, h(TableFootCell, { key: '7549ac667748d24c2f581eb13a5e0cd65c17697b', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '98178188d80869e44ceade1e225655a1f2d62ceb', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'f642f35fa0bd514d42f94a2991ec00923159d788' }, h(TableComponent, { key: 'dc6a0488729a57c4792ae84a16c8a7d4c00e16cb' }, h(TableHead, { key: '04ebae008a9e7c29b1a5bd2efb948605857743f0' }, h(TableHeadRow, { key: '61931ebd8258c4a6e83692de4dd43cb3766cad0e' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'f8acfec2e54c75df0c5e0082ed14693f1f01169a' }, h(TableLoadingState, { key: '095f29bb7c56371397c07a22f40b17b673d7c8d1', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'fc77d1eb81ec891fbe6345e4fd23028d70c60331', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: '5a6e8f297219dc45d96d5d7e17a8636ca1b50648', columnSpan: this.terminalOrdersTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalOrdersTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: '66b118f9daba0f6b8a12869d3348a06e7425f1f0' }, h(TableFootRow, { key: 'a3e149e674bb6f5a9114da1b917ddb7addf6effb' }, h(TableFootCell, { key: '34eedd1c6d8ff11935a5b411d821efd4eba1381f', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '1374d80bd8c0307afae2c226f3e07b9e1cf21878', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/terminal-quantity-selector2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { q as card, Z as image, _ as buttonLink } from './parts.js';
+import { u as card, Z as image, _ as buttonLink } from './parts.js';
 import { d as defineCustomElement$2 } from './custom-popper2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';
 
@@ -26,7 +26,7 @@ const TerminalQuantitySelector = /*@__PURE__*/ proxyCustomElement(class Terminal
         };
     }
     render() {
-        return (h("div", { key: 'f05ebce500fb462f6e92351386b14ea0f1968139', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: 'ebf32f2ac9ee978f08d4c146d6022fb0ad92774f', class: "d-flex gap-3" }, h("div", { key: 'adb4e21d7ea60318b9b977f9f5fe7f52261a1949', class: "d-flex align-items-center" }, h("img", { key: '6e64b6e9b56a651708529d14919ba97feeb44862', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: 'cd4bdf915458e857b8986a65e8127409782c73ae', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: 'f6f70ca349493eea14d08d71b156a45c0c0d6852', class: "row" }, h("div", { key: '45b80f642748e9ef52df59e79fd2133d7f6d42b4', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'f48f14c05bae0b817208d37b159b90fa52155b5c', helpText: this.description })), h("div", { key: '340152ebf444ecae6118d7b0411cbc892dae08dc', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'fb16cb533eb0b4b6f4826323ff181bda7925b672', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '13ff697e39207f42e1e805169ebcf559b3b864a5', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '248a028259b6bbf3eff7cd42aef9d492bb11d298', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
+        return (h("div", { key: '5a0ac226861b9349ad26e184d9295052ca987ba5', class: "rounded shadow-sm card p-2", part: card }, h("div", { key: '89d2c494975c1a2d2c71d9047c44119a48c5ba11', class: "d-flex gap-3" }, h("div", { key: 'ca30020f4b3469df0a59f5ca5fa8b81a039f9d5f', class: "d-flex align-items-center" }, h("img", { key: '291fc116fff8b4d33ba3fc1bfb2ec3bd59bef007', src: this.imageUrl, alt: this.modelName, height: 75, width: 75, part: image })), h("div", { key: '56466b3e7a47f7156b40bc0e60d8158d63f5700a', class: "d-flex flex-column flex-grow-1 gap-3 p-4 justify-content-center" }, h("div", { key: '871c7d5d2575a6a26ee11d817b1cce5ce42cbffb', class: "row" }, h("div", { key: '12e3e653243d07dc4a712f9127927924e13c411a', class: "col-6 d-flex gap-2" }, this.modelName, h("form-control-tooltip", { key: 'a69d9738422defbb50ec1abb951b049e53fb5f8c', helpText: this.description })), h("div", { key: '84bc103439e64acc04b20afd0295a792c78595c5', class: "col-6 d-flex justify-content-end align-items-center" }, h("button", { key: 'e245dfcc301ef1efe2aed937af3d21eecff1004e', class: "p-0 minus btn", onClick: this.removeUnit, part: buttonLink }, "-"), h("div", { key: '30827d9946f4d82b57ee3967ab2cfe475e9ab65c', class: "w-25 text-center" }, this.selectedQuantity), h("button", { key: '758b3a72d98a540b8b92dc8b86c8abdd7d19d2a9', class: "p-0 plus btn", onClick: this.addUnit, part: buttonLink }, "+")))))));
     }
 }, [256, "terminal-quantity-selector", {
         "modelName": [1, "model-name"],

package/dist/module/terminals-list-core2.js

@@ -9,8 +9,8 @@ import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d a
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { v as tableHeadCell, a8 as getAlternateTableCellPart } from './parts.js';
-import { k as capitalFirstLetter } from './utils2.js';
+import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
+import { l as capitalFirstLetter } from './utils2.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './terminals-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -36,6 +36,11 @@ const MapTerminalStatusToBadge = (status) => {
             title: 'This terminal is pending configuration',
             text: 'Pending configuration',
         },
+        archived: {
+            variant: BadgeVariant.SECONDARY,
+            title: 'This terminal is archived',
+            text: 'Archived',
+        }
     };
     const badgeProps = statusToBadgeProps[status];
     return h(Badge, Object.assign({}, badgeProps));
@@ -182,7 +187,7 @@ const TerminalsListCore = /*@__PURE__*/ proxyCustomElement(class TerminalsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'cfe1ede487eed5a2723af6bc3df664b8a00803f8' }, h(TableComponent, { key: '7e14a73b25a1bd8fc929625baac78ad73b97f25a' }, h(TableHead, { key: 'e0e0f0b02883ea5568f8f9cef7efea7084421a2c' }, h(TableHeadRow, { key: 'fce520af31336e6ea90c47bc277f76f7e78f6708' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '59b20605909357d3bf5967c6e23041c07b1b5823' }, h(TableLoadingState, { key: 'c838ebc2443a857aa706d0bf495a19eb00b5af0d', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a2a8eaaa3e2cbb1d8e64dce0ca55a0741ee857d2', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '2d323895c034ae25d4e4b440f0cf98c4de20efdf', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'c9f5a05d1c661f7e0780ec161b0afa6a74d5cf8e' }, h(TableFootRow, { key: '888f97557066f6003e1b09acf47aa4a75f6ff59d' }, h(TableFootCell, { key: 'db634074f6a089b52f7df8ce55af6f8499e3ba72', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: 'a30886dd1354edd40d3818215e29ec57cf70c7c1', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'dd5f6ca2944a4c612c5a99e7e70b64240ff77890' }, h(TableComponent, { key: '05c34cdbf22ec62b04165259fc456b8f7f94e166' }, h(TableHead, { key: '9d55c62444326c96a8cf81f2237d6bd16ecef155' }, h(TableHeadRow, { key: 'a0f923fb4937dad46d37085f15b93097aa9453bb' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'bb82808aaf16e572b90e09f9666384907317c617' }, h(TableLoadingState, { key: 'a5fad3901302bd468c1e8e312eb3fadedee709c4', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'f954dda201865b55141e9288219729561fc22240', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '8fce08061353a7ed9d5f364489cce99fb934e36c', columnSpan: this.terminalsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.terminalsTable.rowData.map((data, index) => (h(TableRow, { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h(TableFoot, { key: 'e62da6a0cfca1447dce0e65999ecaee501cb1060' }, h(TableFootRow, { key: '12e0ac4fb55a6cb9960a4bc69296addccc629b54' }, h(TableFootCell, { key: '4024dfbee9409a2b1e9d22272ba23ed16c0afbe8', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '201eb194b2f8c620b5a775d7e2077c8e33de8aa2', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/tokenize-payment-method.js

@@ -277,7 +277,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         return paymentMethodType === PAYMENT_METHODS.NEW_CARD ? (h("justifi-card-form", { ref: (el) => (this.paymentMethodFormRef = el) })) : (h("justifi-bank-account-form", { ref: (el) => (this.paymentMethodFormRef = el) }));
     }
     render() {
-        return (h(StyledHost, { key: '373ac317c7a4c4c808ca67e8bf63be28c5dd43b4' }, h("form", { key: 'da07764bca9a6af5baf6b3bf025c1abf9661e4b7' }, h("fieldset", { key: 'af277c0c07697969a2c83dcbac6017a596c22077' }, h("div", { key: '1dc0ea324a4ed69eceb240504f320f1c1dfcf6b3', class: "row gy-3" }, h("div", { key: 'feaaff69b06663e759864857f6d15eec2aa31819', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '0dbee981688f541bfcf638c55698444f6a4eb9b4', class: "col-12" }, h("justifi-button", { key: '851dfb38a1a92c9990050dc17c55a693f3875afd', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
+        return (h(StyledHost, { key: 'bf221d17739bf70c3f581f3b9791a725e76c3f35' }, h("form", { key: 'df117d42d4160f31df1fca5d6903967cc48ad573' }, h("fieldset", { key: '550e670feffb405c669d44c44eb9073f535c6cb6' }, h("div", { key: '8eff7d3ab19618da54161220b92641bf19bfa82d', class: "row gy-3" }, h("div", { key: 'bf9d19e92be74abf48ce65c97efb3f9df52d4c3c', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'eef1f4e1e03c2263efb51ae94085c5a3d73a9166', class: "col-12" }, h("justifi-button", { key: 'f0e5697e658236610da45c34e64a8cbb3f0f9d95', text: this.submitButtonText, variant: "primary", type: "submit", clickHandler: (e) => this.tokenizePaymentMethod(e), isLoading: this.isLoading, "data-testid": "submit-button", hidden: this.computedHideSubmitButton })))))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/module/utils.js

@@ -1,11 +1,11 @@
 import { h } from '@stencil/core/internal/client';
-import { h as heading2, t as text, a as heading1 } from './parts.js';
+import { h as heading2, t as text, l as link, a as heading1 } from './parts.js';
 
-const ErrorState = (errorMessage) => (h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: '1.2rem' } }, h("p", { part: text }, errorMessage)));
+const ErrorState = (errorMessage) => (h("main", { class: "p-4 d-flex justify-content-center text-center", style: { fontSize: "1.2rem" } }, h("p", { part: text }, errorMessage)));
 const DetailSectionTitle = (props) => (h("h2", { part: heading2, class: "mt-4 fs-5 border-bottom pb-3" }, props.sectionTitle));
-const DetailItem = ({ title, value, }) => title && value ? (h("div", { class: "d-table-row gap-2" }, h("span", { class: "fw-bold d-table-cell px-2", part: text }, title), h("span", { class: "flex-1 d-table-cell px-2 text-wrap", part: text }, value))) : null;
+const DetailItem = ({ title, value, onClick, }) => title && value ? (h("div", { class: "row justify-content-between" }, h("div", { class: "col-12 col-md-4" }, h("span", { class: "fw-bold", part: text }, title)), h("div", { class: `col-12 col-md-8 ${onClick ? "text-decoration-underline text-primary" : ""}`, style: { cursor: onClick ? "pointer" : "auto" }, onClick: () => onClick && onClick() }, h("span", { class: "text-wrap", part: onClick ? link : text }, value)))) : null;
 const EntityHeadInfoItem = ({ title, value, classes, }) => (h("div", { class: `d-flex flex-column ${classes}` }, h("span", { class: "fw-bold border-1 border-bottom ps-2 pe-2", part: heading2 }, title), h("span", { class: "pt-2 ps-2 pe-2", part: text }, value)));
 const EntityHeadInfo = ({ title, slot, badge }, children) => (h("div", { slot: slot, class: "p-2" }, h("div", { class: "d-flex flex-row align-items-center gap-2 mb-2" }, h("h1", { class: "m-0", part: heading1 }, title), badge), h("div", { class: "d-flex flex-row align-items-top", part: text }, children)));
-const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (h("div", { class: 'mt-4' }, h("pre", { class: "p-2", "aria-label": "metadata content" }, h("code", null, JSON.stringify(metadata, null, 2))))) : null;
+const CodeBlock = ({ metadata }) => metadata && Object.keys(metadata).length ? (h("div", { class: "mt-4" }, h("pre", { class: "p-2", "aria-label": "metadata content" }, h("code", null, JSON.stringify(metadata, null, 2))))) : null;
 
 export { CodeBlock as C, DetailSectionTitle as D, ErrorState as E, DetailItem as a, EntityHeadInfo as b, EntityHeadInfoItem as c };

package/dist/module/utils2.js

@@ -22300,5 +22300,8 @@ function generateTabId() {
     return (((_a = crypto.randomUUID) === null || _a === void 0 ? void 0 : _a.call(crypto)) ||
         `${Date.now()}-${Math.random().toString(36).slice(2)}`);
 }
+function capitalizeFirstLetter(str) {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+}
 
-export { formatDate as a, formatTimeSeconds as b, formatCurrency as c, formatTime as d, convertToLocal as e, formatMediumDate as f, generateId as g, convertToUTC as h, isEmptyObject as i, generateTabId as j, capitalFirstLetter as k, formatDisplayDate as l, addAttribute as m, formatPhoneNumber as n, processHTML as p, removeAttribute as r, snakeCaseToHumanReadable as s };
+export { formatDate as a, formatTimeSeconds as b, formatCurrency as c, formatTime as d, convertToLocal as e, formatMediumDate as f, generateId as g, convertToUTC as h, isEmptyObject as i, capitalizeFirstLetter as j, generateTabId as k, capitalFirstLetter as l, formatDisplayDate as m, addAttribute as n, formatPhoneNumber as o, processHTML as p, removeAttribute as r, snakeCaseToHumanReadable as s };

package/dist/types/api/BankAccount.d.ts

@@ -7,8 +7,6 @@ export interface IBankAccount {
     acct_last_four?: string;
     account_number_last4?: string;
     routing_number?: string;
-    institution_number?: string;
-    transit_number?: string;
     bank_name?: string;
     country?: string;
     currency?: string;
@@ -28,8 +26,6 @@ export declare class BankAccount implements IBankAccount {
     acct_last_four?: string;
     account_number_last4?: string;
     routing_number?: string;
-    institution_number?: string;
-    transit_number?: string;
     bank_name?: string;
     country?: string;
     currency?: string;
@@ -45,8 +41,6 @@ export declare class BankAccount implements IBankAccount {
         account_type: string;
         account_number: string;
         routing_number: string;
-        institution_number: string;
-        transit_number: string;
         bank_name: string;
         nickname: string;
         business_id: string;

package/dist/types/api/Business.d.ts

@@ -1,7 +1,6 @@
 import { Identity } from './Identity';
 import { IDocument } from './Document';
 import { IBankAccount } from './BankAccount';
-import { CountryCode } from '../utils/country-codes';
 export declare enum BusinessFormServerErrors {
     fetchData = "Error retrieving business data",
     patchData = "Error updating business data"
@@ -90,7 +89,6 @@ export interface ICoreBusinessInfo {
     doing_business_as?: string;
     industry?: string;
     tax_id?: string;
-    tax_id_last4?: string;
     website_url?: string;
     email?: string;
     phone?: string;
@@ -102,7 +100,6 @@ export declare class CoreBusinessInfo implements ICoreBusinessInfo {
     doing_business_as: string;
     industry: string;
     tax_id: string;
-    tax_id_last4: string;
     website_url: string;
     email: string;
     phone: string;
@@ -140,12 +137,10 @@ export interface IBusiness {
     product_categories: ProductCategories;
     representative?: Identity | null;
     tax_id: string;
-    tax_id_last4: string;
     terms_conditions_accepted: boolean;
     updated_at: string;
     website_url: string;
     date_of_incorporation?: string;
-    country_of_establishment?: CountryCode;
 }
 export declare class Business implements IBusiness {
     additional_questions: IAdditionalQuestions;
@@ -166,13 +161,11 @@ export declare class Business implements IBusiness {
     platform_account_id: string;
     representative?: Identity | null;
     tax_id: string;
-    tax_id_last4: string;
     terms_conditions_accepted: boolean;
     updated_at: string;
     website_url: string;
     date_of_incorporation?: string;
     product_categories: ProductCategories;
-    country_of_establishment?: CountryCode;
     constructor(business: IBusiness);
     get payload(): {
         additional_questions: {
@@ -227,10 +220,8 @@ export declare class Business implements IBusiness {
             title: string;
         };
         tax_id: string;
-        tax_id_last4: string;
         website_url: string;
         date_of_incorporation: string;
-        country_of_establishment: CountryCode;
     };
 }
 export interface IProductReadiness {

package/dist/types/api/Checkout.d.ts

@@ -57,6 +57,7 @@ export interface ICheckout {
         credit_card_payments: boolean;
         insurance_payments?: boolean;
         bank_account_verification?: boolean;
+        apple_payments?: boolean;
     };
     bnpl?: IBnpl;
     total_amount: number;
@@ -88,6 +89,7 @@ export declare class Checkout implements ICheckout {
         credit_card_payments: boolean;
         insurance_payments?: boolean;
         bank_account_verification?: boolean;
+        apple_payments?: boolean;
     };
     bnpl?: IBnpl;
     total_amount: number;

package/dist/types/api/ComponentEvents.d.ts

@@ -21,3 +21,7 @@ export interface ComponentErrorEvent {
     severity?: ComponentErrorSeverity;
     data?: any;
 }
+export interface RecordClickEvent {
+    id: string;
+    type: 'account' | 'payment' | 'metadata';
+}

package/dist/types/api/Terminal.d.ts

@@ -8,7 +8,8 @@ export declare enum ITerminalStatus {
     connected = "connected",
     disconnected = "disconnected",
     unknown = "unknown",
-    pending_configuration = "pending_configuration"
+    pending_configuration = "pending_configuration",
+    archived = "archived"
 }
 export interface ITerminal {
     id?: string | null;

package/dist/types/components/business-details/owner-details/owner-details.d.ts

@@ -1,4 +1,4 @@
-import { Identity } from '../../../api/Identity';
+import { Identity } from "../../../api/Identity";
 export declare class OwnerDetails {
     owners: Identity[];
     render(): any;

package/dist/types/components/business-forms/business-form/business-core-info/business-core-info.d.ts

@@ -1,6 +1,5 @@
 import { FormController } from '../../../../ui-components/form/form';
 import { ICoreBusinessInfo } from '../../../../api/Business';
-import { CountryCode } from '../../../../utils/country-codes';
 /**
  *
  * The difference between this component and business-core-info-details
@@ -10,10 +9,8 @@ import { CountryCode } from '../../../../utils/country-codes';
  */
 export declare class BusinessCoreInfo {
     formController: FormController;
-    country: CountryCode;
     errors: any;
     coreInfo: ICoreBusinessInfo;
-    isEditingTaxId: boolean;
     constructor();
     componentDidLoad(): void;
     inputHandler(name: string, value: string): void;

package/dist/types/components/business-forms/business-form/business-form.d.ts

@@ -1,13 +1,11 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { BusinessFormServerErrors, IBusiness } from '../../../api/Business';
 import JustifiAnalytics from '../../../api/Analytics';
-import { CountryCode } from '../../../utils/country-codes';
 import { ComponentClickEvent, ComponentErrorEvent, ComponentSubmitEvent } from '../../../api/ComponentEvents';
 export declare class BusinessForm {
     isLoading: boolean;
     isSaving: boolean;
     errorMessage: BusinessFormServerErrors;
-    country: CountryCode;
     authToken: string;
     businessId: string;
     hideErrors?: boolean;

package/dist/types/components/business-forms/business-form/business-representative/business-representative.d.ts

@@ -1,12 +1,9 @@
 import { FormController } from '../../../../components';
-import { CountryCode } from '../../../../utils/country-codes';
 export declare class BusinessRepresentative {
     formController: FormController;
     errors: any;
     representative: any;
-    country: CountryCode;
-    isEditingIdentification: boolean;
-    get identificationNumberLabel(): "SSN" | "SSN (optional)" | "SIN" | "SIN (optional)";
+    get identificationNumberLabel(): "Update SSN (optional)" | "SSN";
     componentDidLoad(): void;
     inputHandler: (name: string, value: string) => void;
     onAddressFormUpdate: (values: any) => void;

package/dist/types/components/business-forms/business-form/legal-address-form/legal-address-form.d.ts

@@ -1,11 +1,9 @@
 import { FormController } from '../../../../components';
 import { IAddress } from '../../../../api/Business';
-import { CountryCode } from '../../../../utils/country-codes';
 export declare class LegalAddressForm {
     formController: FormController;
     errors: any;
     legal_address: IAddress;
-    country: CountryCode;
     constructor();
     componentDidLoad(): void;
     inputHandler(name: string, value: string): void;

package/dist/types/components/business-forms/owner-form/identity-address/identity-address-form.d.ts

@@ -1,10 +1,8 @@
-import { CountryCode } from '../../../../utils/country-codes';
 import { IAddress } from '../../../../api/Business';
 export declare class IdentityAddressForm {
     handleFormUpdate: (values: any) => void;
     errors: any;
     defaultValues: any;
-    country: CountryCode;
     address: IAddress;
     handleAddressChange(newValues: any): void;
     inputHandler: (name: string, value: string) => void;

package/dist/types/components/business-forms/owner-form/owner-form-core.d.ts

@@ -2,7 +2,6 @@ import { EventEmitter } from '../../../stencil-public-runtime';
 import { FormController } from '../../../ui-components/form/form';
 import { Identity, Owner } from '../../../api/Identity';
 import { ComponentClickEvent, ComponentErrorEvent } from '../../../api/ComponentEvents';
-import { CountryCode } from '../../../utils/country-codes';
 export declare class BusinessOwnerFormCore {
     isLoading: boolean;
     formController: FormController;
@@ -17,7 +16,6 @@ export declare class BusinessOwnerFormCore {
     removeOwner: (id: string) => void;
     newFormOpen?: boolean;
     ownersLength?: number;
-    country: CountryCode;
     loadingWatcher(): void;
     clickEvent: EventEmitter<ComponentClickEvent>;
     errorEvent: EventEmitter<ComponentErrorEvent>;