@justifi/webcomponents 6.1.0-rc.2 → 6.1.0

package/dist/collection/components/refund-payment/refund-payment.js

@@ -127,7 +127,6 @@ export class RefundPayment {
         return {
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -142,11 +141,11 @@ export class RefundPayment {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -161,11 +160,11 @@ export class RefundPayment {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "paymentId": {
                 "type": "string",
-                "attribute": "payment-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -180,11 +179,11 @@ export class RefundPayment {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "payment-id"
             },
             "hideSubmitButton": {
                 "type": "boolean",
-                "attribute": "hide-submit-button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -200,6 +199,7 @@ export class RefundPayment {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hide-submit-button",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/terminal-orders-list/terminal-orders-list-core.js

@@ -81,14 +81,13 @@ export class TerminalOrdersListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'a8131df17851ab1468e025932371fa4b97ccc144' }, h(TableComponent, { key: '0fc81f64fb8a8f138f25c70522d046921edbd094' }, h(TableHead, { key: '7cc8be0184008cf08128eb1f241ab670538ecc65' }, h(TableHeadRow, { key: '5a7aa37a2b8f02469ca6c703e098da9431c0b45f' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: 'ff32aad8d5c4f319550d47ae1e0f77b617aa3d70' }, h(TableLoadingState, { key: 'dcc25430c77867a2c9639eba359c0d54cbacb73a', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '474ecda7420d595f49777f31910a380b48a8a1bc', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'd91e28581823ca91778159914157a003b011caaf', 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: '6dea4a93ab757d35916b9351e4e5fa7f76b4afd9' }, h(TableFootRow, { key: '5098c2d994bb0ba397bc94d7a0e9419b06e582a5' }, h(TableFootCell, { key: '5a8f90708691987f672cde0c102323225568d989', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '509e53f4c070fc9a8b479dc673c526417aceb5ef', 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 is() { return "terminal-orders-list-core"; }
     static get properties() {
         return {
             "getTerminalOrders": {
                 "type": "unknown",
-                "attribute": "get-terminal-orders",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -111,7 +110,6 @@ export class TerminalOrdersListCore {
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -126,7 +124,8 @@ export class TerminalOrdersListCore {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "columns"
             }
         };
     }

package/dist/collection/components/terminal-orders-list/terminal-orders-list-filters.js

@@ -47,8 +47,8 @@ export class TerminalOrdersListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '3042752f6f3bf4eb4f379aa256ff2a17d7fe8627' }, h("table-filters-menu", { key: '9a2a446701c17e3aa1ecbc89fa383c3a3c16b3d1', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '8c5533b280615974883fba9da4b87c066f7af5be', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'bbe71c8c5f2b49da9a38638ac4bda646cc4f7770', class: "p-2" }, h("form-control-select", { key: '235922673a4ef8e7392b3e46b3c0bd326f7abe79', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status, disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: 'd66c4305848a6f85867307d0448bfb2d7a80b698', class: "p-2" }, h("form-control-select", { key: '480bd03e3ba6ea595c1602bbdf657f369f133adb', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type, disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'ffdbbbac93a6498fe52f21c91a70998ad1094596', class: "p-2" }, h("form-control-date", { key: '60c95da005a50430e5a81d3b14f0b7a627480534', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '7e30fed8bbf9ba6db03d70d7b70a5f669d761ce9', class: "p-2" }, h("form-control-date", { key: 'ce490f4c346a3e455ae6f44e781b126ca46391d5', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'e4220781c3a7878607a3fd369f6aef680caf7e3b' }, h("table-filters-menu", { key: 'a6d807965b30875ac0fc3b2a1c2fc016816515c1', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '2dc1aa039a17ec35556ca87f69583f678ff98154', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '5c8487d29210150eef9cda19aa08098b94562735', class: "p-2" }, h("form-control-select", { key: 'd18aaaf9c0a0c7b35e5526cc0d13e63fa759827d', name: "order_status", label: "Order Status", options: this.terminalOrderStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderStatus || filterParams.order_status || '', disabled: !!this.orderStatus, part: orderStatusTerminalOrdersListFilterParam })), h("div", { key: '9830ad536337ff56460a97f2af7b1d593b26a617', class: "p-2" }, h("form-control-select", { key: 'ab793e61dfb3839d733f86fe3a432f6625a80007', name: "order_type", label: "Order Type", options: this.terminalOrderTypeOptions, inputHandler: this.setParamsOnChange, defaultValue: this.orderType || filterParams.order_type || '', disabled: !!this.orderType, part: orderTypeTerminalOrdersListFilterParam })), h("div", { key: 'fc0ba6a18cbfbefc9ed93db3badb1dac6c65aaed', class: "p-2" }, h("form-control-date", { key: 'c8b8dcafd434382b14b4fc53ce995689605d2b30', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDateTime: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDateTime: true }), showTime: true, disabled: !!this.createdAfter, part: createdAfterTerminalOrdersListFilterParam })), h("div", { key: '3d52eebcde6a0b866c2a10c78ec50ea28a216e41', class: "p-2" }, h("form-control-date", { key: '598cda521e3a1fbe6e68d219d0d49e013d0adb0a', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDateTime: true }), showTime: true, disabled: !!this.createdBefore, part: createdBeforeTerminalOrdersListFilterParam }))))));
     }
     static get is() { return "justifi-terminal-orders-list-filters"; }
@@ -57,7 +57,6 @@ export class TerminalOrdersListFilters {
         return {
             "orderStatus": {
                 "type": "string",
-                "attribute": "order-status",
                 "mutable": false,
                 "complexType": {
                     "original": "TerminalOrderStatus",
@@ -78,11 +77,11 @@ export class TerminalOrdersListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "order-status"
             },
             "orderType": {
                 "type": "string",
-                "attribute": "order-type",
                 "mutable": false,
                 "complexType": {
                     "original": "TerminalOrderType",
@@ -103,11 +102,11 @@ export class TerminalOrdersListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "order-type"
             },
             "createdAfter": {
                 "type": "string",
-                "attribute": "created-after",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -122,11 +121,11 @@ export class TerminalOrdersListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "created-after"
             },
             "createdBefore": {
                 "type": "string",
-                "attribute": "created-before",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -141,7 +140,8 @@ export class TerminalOrdersListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "created-before"
             }
         };
     }

package/dist/collection/components/terminal-orders-list/terminal-orders-list.js

@@ -43,7 +43,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '55f0bf858787e00c304972c941a477815712df9d' }, h("terminal-orders-list-core", { key: '2d47e23bc2157d79254f34dfe0551fb32a9d88cc', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '2a1b18985b1775ef97f0ef03a122ecc42a66fe15' }, h("terminal-orders-list-core", { key: 'a5950f3c91a5bfb09202f2db5acd367635d7bd94', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminal-orders-list"; }
     static get encapsulation() { return "shadow"; }
@@ -51,7 +51,6 @@ export class TerminalOrdersList {
         return {
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -66,11 +65,11 @@ export class TerminalOrdersList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -85,11 +84,11 @@ export class TerminalOrdersList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -105,6 +104,7 @@ export class TerminalOrdersList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "columns",
                 "defaultValue": "defaultColumnsKeys"
             }
         };

package/dist/collection/components/terminals-list/terminals-list-core.js

@@ -118,14 +118,13 @@ export class TerminalsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '27022f23dcede378c6a6d16bffb040aa6448f4be' }, h(TableComponent, { key: '5d369cf93698adb50b843f65c747672abeb74cb4' }, h(TableHead, { key: '21173a74ccb82d7c3278157dae4ef3d471dbee5f' }, h(TableHeadRow, { key: '43e425567500ff324fd6ed68647a9504df812bf6' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '1151ee93144161308f8b27b0172acb32d2096d25' }, h(TableLoadingState, { key: '353fb24dfbd941e8bba6f62799e0feea42d05c53', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'daa19b965b5519e766ba8bbb63cfc4327128bf22', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'ee44061fa93cd20a59040a7b3faaeac10a925810', 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: '12cb09495ba8d416fd3593ccae4f205735226ecf' }, h(TableFootRow, { key: 'da2e2695e6101193db9f67a0a76ce1ce8abdc646' }, h(TableFootCell, { key: 'bffd81b4e90e668caa47813f96ab1a7764fa0f1b', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '61c268da3402e0675f54515617a6bd2d58834e17', 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 is() { return "terminals-list-core"; }
     static get properties() {
         return {
             "getTerminals": {
                 "type": "unknown",
-                "attribute": "get-terminals",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -148,7 +147,6 @@ export class TerminalsListCore {
             },
             "getSubAccounts": {
                 "type": "unknown",
-                "attribute": "get-sub-accounts",
                 "mutable": false,
                 "complexType": {
                     "original": "Function",
@@ -171,7 +169,6 @@ export class TerminalsListCore {
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -186,7 +183,8 @@ export class TerminalsListCore {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "columns"
             }
         };
     }

package/dist/collection/components/terminals-list/terminals-list-filters.js

@@ -30,12 +30,13 @@ export class TerminalsListFilters {
             { label: 'Connected', value: ITerminalStatus.connected },
             { label: 'Disconnected', value: ITerminalStatus.disconnected },
             { label: 'Unknown', value: ITerminalStatus.unknown },
-            { label: 'Pending Configuration', value: ITerminalStatus.pending_configuration }
+            { label: 'Pending Configuration', value: ITerminalStatus.pending_configuration },
+            { label: 'Archived', value: ITerminalStatus.archived }
         ];
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '5e6f1e8abcc7cffc26c101160bff40ff5092ff90' }, h("table-filters-menu", { key: '6a57cb7deeb0c6927ee557402ef2618a3d3d8a29', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'aaa63156c9603aafbe1b9dd4d4f87670b4e0ab66', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f76ca827834a98595a98d6bb6f982807506fe240', class: "p-2" }, h("form-control-text", { key: 'f9acf97e42e3e5f5ee216a10e116ab1aff2e6390', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'c4ac977f7433193e7a9c52be483c65cb5f96f214', class: "p-2" }, h("form-control-text", { key: '035fc59523056240eea5da7b63d75028278d3102', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: 'ab72f5ef8a0191b1726cd84c36a7cca28a78ecf0', class: "p-2" }, h("form-control-select", { key: '4a684c87e04e11f55c59d45a281f7c258fae4f0d', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: 'ff589964b6a6e9f98e1ce5c5538f6232d7f27b38' }, h("table-filters-menu", { key: 'b852fcce0b550540854a7126ba5071a22fa24d7e', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '2a9d87170758781716319130c15472c227753a1d', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'ff7361cf9423a78c4131884a5c39824fab07f859', class: "p-2" }, h("form-control-text", { key: 'c06940487feba178c67b343addedd3f8ed5f34ed', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'a6602193febe8240e611dbaf3476791c623e925e', class: "p-2" }, h("form-control-text", { key: 'ae327625b6fcf26ff02bd6bfae61af933cd9c771', name: "terminal_order_id", label: "Terminal Order ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalOrderId || filterParams.terminal_order_id, disabled: !!this.terminalOrderId, part: terminalOrderIdTerminalsListFilterParam })), h("div", { key: '3cdc430a8e360df60ca2d14c36df61570f7a0733', class: "p-2" }, h("form-control-select", { key: '71c43207f34d39a7207197e4a3e907f84988c1c4', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
     static get is() { return "justifi-terminals-list-filters"; }
     static get encapsulation() { return "shadow"; }
@@ -43,7 +44,6 @@ export class TerminalsListFilters {
         return {
             "terminalId": {
                 "type": "string",
-                "attribute": "terminal-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -58,11 +58,11 @@ export class TerminalsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "terminal-id"
             },
             "terminalOrderId": {
                 "type": "string",
-                "attribute": "terminal-order-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -77,15 +77,15 @@ export class TerminalsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "terminal-order-id"
             },
             "terminalStatus": {
                 "type": "string",
-                "attribute": "terminal-status",
                 "mutable": false,
                 "complexType": {
                     "original": "ITerminalStatus",
-                    "resolved": "ITerminalStatus.connected | ITerminalStatus.disconnected | ITerminalStatus.pending_configuration | ITerminalStatus.unknown",
+                    "resolved": "ITerminalStatus.archived | ITerminalStatus.connected | ITerminalStatus.disconnected | ITerminalStatus.pending_configuration | ITerminalStatus.unknown",
                     "references": {
                         "ITerminalStatus": {
                             "location": "import",
@@ -102,7 +102,8 @@ export class TerminalsListFilters {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "terminal-status"
             }
         };
     }

package/dist/collection/components/terminals-list/terminals-list.js

@@ -61,7 +61,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '705ee40711e90c28a6b1699f450befa7c5b5529b' }, h("terminals-list-core", { key: '3d54a1519e5299eb83d16bf2034711fc0dd0cc18', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '33ad31c8b8748897664c91d3fc6349d76f276e9e' }, h("terminals-list-core", { key: 'dd16f1dd45b0c0d1d2f14469e4cc6f418b977ab7', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminals-list"; }
     static get encapsulation() { return "shadow"; }
@@ -69,7 +69,6 @@ export class TerminalsList {
         return {
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -84,11 +83,11 @@ export class TerminalsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -103,11 +102,11 @@ export class TerminalsList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "columns": {
                 "type": "string",
-                "attribute": "columns",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -123,6 +122,7 @@ export class TerminalsList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "columns",
                 "defaultValue": "defaultColumnsKeys"
             }
         };

package/dist/collection/components/terminals-list/terminals-status.js

@@ -22,6 +22,11 @@ export 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));

package/dist/collection/components/tokenize-payment-method/tokenize-payment-method.js

@@ -247,14 +247,13 @@ export class TokenizePaymentMethod {
         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: '5fc5dad15215fe24b421f4d6c13355fb849b8a76' }, h("form", { key: '0e0330e5b11ee3ae0bef9e092fa2fb2a0a6af3e7' }, h("fieldset", { key: 'ee4c026ccda62a249e019a9e105e40ea465fc400' }, h("div", { key: '15a8a86fa5be8a545745260d76a8c3b2569d6a0e', class: "row gy-3" }, h("div", { key: 'bbbeed6ee96311394a876b4beb206e8e335184c2', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'da2a2009abe4348e25a5fc712557e81e9f6c4c1f', class: "col-12" }, h("justifi-button", { key: '050939c757999383226f281ee0eff1ec178be203', 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 })))))));
     }
     static get is() { return "justifi-tokenize-payment-method"; }
     static get properties() {
         return {
             "accountId": {
                 "type": "string",
-                "attribute": "account-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -269,11 +268,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "account-id"
             },
             "authToken": {
                 "type": "string",
-                "attribute": "auth-token",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -288,11 +287,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "auth-token"
             },
             "disableBankAccount": {
                 "type": "boolean",
-                "attribute": "disable-bank-account",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -307,11 +306,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "disable-bank-account"
             },
             "disableCreditCard": {
                 "type": "boolean",
-                "attribute": "disable-credit-card",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -326,11 +325,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "disable-credit-card"
             },
             "hideBankAccountBillingForm": {
                 "type": "boolean",
-                "attribute": "hide-bank-account-billing-form",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -345,11 +344,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "hide-bank-account-billing-form"
             },
             "hideCardBillingForm": {
                 "type": "boolean",
-                "attribute": "hide-card-billing-form",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -364,11 +363,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "hide-card-billing-form"
             },
             "hideSubmitButton": {
                 "type": "boolean",
-                "attribute": "hide-submit-button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -383,11 +382,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "hide-submit-button"
             },
             "paymentMethodGroupId": {
                 "type": "string",
-                "attribute": "payment-method-group-id",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -402,11 +401,11 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "payment-method-group-id"
             },
             "submitButtonText": {
                 "type": "string",
-                "attribute": "submit-button-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -422,11 +421,11 @@ export class TokenizePaymentMethod {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "submit-button-text",
                 "defaultValue": "'Submit'"
             },
             "savePaymentMethodLabel": {
                 "type": "string",
-                "attribute": "save-payment-method-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -441,7 +440,8 @@ export class TokenizePaymentMethod {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "save-payment-method-label"
             }
         };
     }
@@ -513,8 +513,9 @@ export class TokenizePaymentMethod {
                             "id": "global::Promise"
                         },
                         "BillingFormFields": {
-                            "location": "global",
-                            "id": "global::BillingFormFields"
+                            "location": "import",
+                            "path": "../../components",
+                            "id": "src/components.d.ts::BillingFormFields"
                         }
                     },
                     "return": "Promise<void>"

package/dist/collection/store/checkout.store.js

@@ -7,6 +7,7 @@ const initialState = {
         address_postal_code: '',
     },
     bnplEnabled: false,
+    applePayEnabled: false,
     insuranceEnabled: false,
     bnplProviderApiVersion: '',
     bnplProviderCheckoutUrl: '',
@@ -16,7 +17,6 @@ const initialState = {
     checkoutLoaded: false,
     bankAccountVerification: undefined,
     disableBankAccount: false,
-    disableBnpl: false,
     disableCreditCard: false,
     disablePaymentMethodGroup: false,
     paymentAmount: 0,
@@ -59,9 +59,12 @@ export function getAvailablePaymentMethodTypes() {
     if (!checkoutStore.disableBankAccount) {
         methods.push(PAYMENT_METHODS.NEW_BANK_ACCOUNT);
     }
-    if (checkoutStore.bnplEnabled && !checkoutStore.disableBnpl) {
+    if (checkoutStore.bnplEnabled) {
         methods.push(PAYMENT_METHODS.SEZZLE);
     }
+    if (checkoutStore.applePayEnabled) {
+        methods.push(PAYMENT_METHODS.APPLE_PAY);
+    }
     if (checkoutStore.bankAccountVerification === true &&
         !checkoutStore.disableBankAccount) {
         methods.push(PAYMENT_METHODS.PLAID);

package/dist/collection/styles/parts.js

@@ -14,7 +14,7 @@ export const heading2 = `heading-2 ${heading}`;
 export const heading3 = `heading-3 ${heading}`;
 export const heading4 = `heading-4 ${heading}`;
 export const heading5 = `heading-5 ${heading}`;
-export const link = `link ${text}`;
+export const link = `link text ${fontFamily}`;
 // Button
 export const button = `button ${text}`;
 export const buttonPrimary = `button-primary ${button}`;

package/dist/collection/ui-components/apple-pay-button.js

@@ -33,12 +33,6 @@ export const ApplePayButton = (props) => {
         }
         return classes;
     };
-    const getButtonStyles = () => {
-        return {
-            width: props.width || "200px",
-            height: props.height || "48px",
-        };
-    };
     const handleClick = () => {
         if (!props.disabled &&
             !props.isProcessing &&
@@ -47,10 +41,14 @@ export const ApplePayButton = (props) => {
             props.clickHandler();
         }
     };
-    return (h("div", { class: 'apple-pay-button-container' }, h("button", Object.assign({ class: getApplePayButtonClass(), style: getButtonStyles(), onClick: handleClick, disabled: props.disabled || props.isProcessing || !props.isAvailable, "aria-label": 'Pay with Apple Pay', type: 'button' }, props), props.isProcessing && ProcessingSpinner()), h("style", null, `
+    return (h("div", { class: 'apple-pay-button-container' }, h("button", Object.assign({ class: getApplePayButtonClass(), style: {
+            width: props.width,
+            height: props.height,
+        }, onClick: handleClick, disabled: props.disabled || props.isProcessing || !props.isAvailable, "aria-label": 'Pay with Apple Pay', type: 'button' }, props), props.isProcessing && ProcessingSpinner()), h("style", null, `
           .apple-pay-button-container {
-            display: inline-block;
+            display: block;
             position: relative;
+            width: 100%;
           }
 
           /* Apple Pay CSS classes - these are the official Apple Pay button styles */