@justifi/webcomponents 6.7.1 → 6.7.3

package/dist/module/justifi-payment-provisioning.js

@@ -8,16 +8,17 @@ import './Pagination.js';
 import './Business.js';
 import './ApplePay.js';
 import './GooglePay.js';
-import { d as defineCustomElement$v } from './bank-account-document-inputs.js';
-import { d as defineCustomElement$u } from './bank-account-form-inputs2.js';
-import { d as defineCustomElement$t } from './bank-account-form-inputs-canada2.js';
-import { d as defineCustomElement$s } from './bank-account-read-only-value2.js';
-import { d as defineCustomElement$r } from './business-documents-on-file2.js';
-import { d as defineCustomElement$q } from './custom-popper2.js';
-import { d as defineCustomElement$p } from './form-control-checkbox2.js';
-import { d as defineCustomElement$o } from './form-control-date2.js';
-import { d as defineCustomElement$n } from './form-control-file2.js';
-import { d as defineCustomElement$m } from './form-control-monetary-provisioning2.js';
+import { d as defineCustomElement$w } from './bank-account-document-inputs.js';
+import { d as defineCustomElement$v } from './bank-account-form-inputs2.js';
+import { d as defineCustomElement$u } from './bank-account-form-inputs-canada2.js';
+import { d as defineCustomElement$t } from './bank-account-read-only-value2.js';
+import { d as defineCustomElement$s } from './business-documents-on-file2.js';
+import { d as defineCustomElement$r } from './custom-popper2.js';
+import { d as defineCustomElement$q } from './form-control-checkbox2.js';
+import { d as defineCustomElement$p } from './form-control-date2.js';
+import { d as defineCustomElement$o } from './form-control-file2.js';
+import { d as defineCustomElement$n } from './form-control-monetary-provisioning2.js';
+import { d as defineCustomElement$m } from './form-control-number2.js';
 import { d as defineCustomElement$l } from './form-control-number-masked2.js';
 import { d as defineCustomElement$k } from './form-control-select2.js';
 import { d as defineCustomElement$j } from './form-control-text2.js';
@@ -98,7 +99,7 @@ const PaymentProvisioning = /*@__PURE__*/ proxyCustomElement(class PaymentProvis
         }
     }
     render() {
-        return (h("justifi-payment-provisioning-core", { key: '80baf93d680fd610755fdfb6be030178140568da', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
+        return (h("justifi-payment-provisioning-core", { key: '7fbd1a8602e9c90582ef4da712d91cf838d8ebe2', businessId: this.businessId, authToken: this.authToken, allowOptionalFields: this.allowOptionalFields, formTitle: this.formTitle, getBusiness: this.getBusiness, postProvisioning: this.postProvisioning }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -119,7 +120,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-payment-provisioning", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-documents-on-file", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-business-bank-account-form-step", "justifi-business-core-info-form-step", "justifi-business-owners-form-step", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-terms-conditions-form-step", "justifi-form-address-fields", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-owner-form", "justifi-payment-provisioning-core", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
+    const components = ["justifi-payment-provisioning", "bank-account-document-form-inputs", "bank-account-form-inputs", "bank-account-form-inputs-canada", "bank-account-read-only-value", "business-documents-on-file", "custom-popper", "form-control-checkbox", "form-control-date", "form-control-file", "form-control-monetary-provisioning", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-additional-questions-form-step", "justifi-business-bank-account-form-step", "justifi-business-core-info-form-step", "justifi-business-owners-form-step", "justifi-business-representative-form-inputs", "justifi-business-representative-form-step", "justifi-business-terms-conditions-form-step", "justifi-form-address-fields", "justifi-identity-address-form", "justifi-legal-address-form-step", "justifi-owner-form", "justifi-payment-provisioning-core", "justifi-payment-provisioning-form-buttons", "justifi-payment-provisioning-form-steps", "owner-form-core", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-payment-provisioning":
             if (!customElements.get(tagName)) {
@@ -128,50 +129,55 @@ function defineCustomElement$1() {
             break;
         case "bank-account-document-form-inputs":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$w();
             }
             break;
         case "bank-account-form-inputs":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "bank-account-form-inputs-canada":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "bank-account-read-only-value":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "business-documents-on-file":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "form-control-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "form-control-date":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "form-control-file":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "form-control-monetary-provisioning":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+        case "form-control-number":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }

package/dist/module/justifi-payment-transactions-list.js

@@ -14,8 +14,8 @@ import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
-import { e as convertToLocal } from './utils2.js';
-import { w as tableHeadCell, ac as getAlternateTableCellPart } from './parts.js';
+import { h as convertToLocal } from './utils2.js';
+import { w as tableHeadCell, ad as getAlternateTableCellPart } from './parts.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPaymentTransactions = ({ id, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -183,7 +183,7 @@ const PaymentTransactionsList = /*@__PURE__*/ proxyCustomElement(class PaymentTr
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '8a307277a1953bea93e7b15d2774700f07319c87' }, h(TableWrapper, { key: '1097f6a329292851cfcdd16240fa5f161f8aa7e4' }, h(TableComponent, { key: '9ae196b35c90391de0d9a31f79c732e6de991b08' }, h(TableHead, { key: 'a7eaab567c42bb2676b91259363b9c4bee2683df' }, h(TableHeadRow, { key: '461752dafb18db32ef0367d90cb1482980e92187' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '5c0ce55bd2ad81de73866c869818820568233422' }, h(TableLoadingState, { key: '8a54d3632e2193576a2e5037c9d7b8a614fcd5b6', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '6fab4a7cce6678a30992be71c702fab2259c2b49', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '8ab1c46ecbd0d2ed98dacf9edcd690054a90c081', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: '8ff1f32400ae7127af54dc72d7f004f9f47b189d' }, h(TableFootRow, { key: 'f61fb96596cfd7fb2b9c8df9abe7b93ca911f92c' }, h(TableFootCell, { key: '609114cbd75f787012c1625e0b197fd5820d054e', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '54b78b6480f2c7ee718ae9379a62e0961f8b8170', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '01c0a608fd4a423e99b7ca4352cfb10641265e50' }, h(TableWrapper, { key: 'fab4ff3b5e03fc591471495f0612446e29c73e10' }, h(TableComponent, { key: '68109105aa6b07d24685fa9cd8b31b21ad29a291' }, h(TableHead, { key: '6b6f6480c9b53849911f9f6793def2391fe30a76' }, h(TableHeadRow, { key: '652f0a6e4b14e87d26c17f7cc0239a055fb90120' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '3691fe4999a6f04dea3c54360455ab2b71202ad1' }, h(TableLoadingState, { key: '9ac9036cb1e49c414cbf74fc8bf2a5189ca1572b', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '43dce9e05f58cb9dd96aadfbfffdc83c500a1187', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'd8f2115ad0f5c5774ac9e92bc7de13be32b2fb7c', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: '097f60501ad280a9e02b18503ba56073ea3d610c' }, h(TableFootRow, { key: '7a3160a4506bdbca0ad57733650619335f56e27b' }, h(TableFootCell, { key: '8361c753867c2b1f99ad27d5f3c187d2b2228ee6', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'f6eb2d3edb53aaff1fb9448be2f5e47cb0a6dd8f', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

package/dist/module/justifi-payments-list-filters.js

@@ -1,12 +1,12 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodashExports } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './payments-list-params-state.js';
-import { ad as paymentsListFilterMenu, ae as paymentIdPaymentsListFilterParam, af as terminalIdPaymentsListFilterParam, ag as paymentStatusPaymentsListFilterParam, ah as createdAfterPaymentsListFilterParam, ai as createdBeforePaymentsListFilterParam } from './parts.js';
+import { ae as paymentsListFilterMenu, af as paymentIdPaymentsListFilterParam, ag as terminalIdPaymentsListFilterParam, ah as paymentStatusPaymentsListFilterParam, ai as createdAfterPaymentsListFilterParam, aj as createdBeforePaymentsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
-import { d as convertToUTC, e as convertToLocal } from './utils2.js';
+import { e as convertToUTC, h as convertToLocal } from './utils2.js';
 import { d as defineCustomElement$7 } from './custom-popper2.js';
 import { d as defineCustomElement$6 } from './form-control-date2.js';
 import { d as defineCustomElement$5 } from './form-control-select2.js';
@@ -58,8 +58,8 @@ const PaymentsListFilters = /*@__PURE__*/ proxyCustomElement(class PaymentsListF
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: 'd70609f15429149e680ec8a6639daddc2f406292' }, h("table-filters-menu", { key: '269e119f2ff71c88619c4880259369402cca8333', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'e78ce4dcf8459ff1f89387f65fa535d476c7bf38', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '3ae16db403cea6696f70453eca9061d5df7059a1', class: "p-2" }, h("form-control-text", { key: '0c1f547fd443777948efa0e2227c7b31cc7c4b88', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: 'a15f9a061bfb36869218c7db37794230272a91d9', class: "p-2" }, h("form-control-text", { key: 'af182352bdf23763f23eb45eb3a0d96fc67e9ce2', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '73347a52d9ee6214718cfcb664ff2455ebb57a50', class: "p-2" }, h("form-control-select", { key: '953f2d385966967e21cd028eed1240700a42a6fb', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '4d788fb9096dd74fea5aca82f86cd1fef2ec3b0d', class: "p-2" }, h("form-control-date", { key: '893959a1bc4eb202fc1255b9abc7e6767ae3d22e', 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: createdAfterPaymentsListFilterParam })), h("div", { key: '44a0fba41fb3cff8de9397a2437f9edf685743e8', class: "p-2" }, h("form-control-date", { key: 'e96f980242e313b55f7b6d379d813faedd0dee2d', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: 'b15957bb15b290d70e7861c34050677fabd9264d' }, h("table-filters-menu", { key: 'df4025d8caf104173172efa54452fb0d55c01c2a', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'c02dd26d5abb1d3fe60496f12a119ad5c88131a0', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'dcf37cf67a1778511554079ead35eb8291d87798', class: "p-2" }, h("form-control-text", { key: '6d788162b3b1f909ac57613e45b45e750535ee3d', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '375b1391dd75fe06853ff956cf2f0d91bc2518d2', class: "p-2" }, h("form-control-text", { key: '2199451d90e6700f43d2b36d32266c3ab4ae9bd1', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: 'f7bbcda32b31b5bbba4d7989abcdef277f20f063', class: "p-2" }, h("form-control-select", { key: 'a1cba32a8ed38289b6ab742f9fef56197d982c50', name: "payment_status", label: "Status", options: this.paymentStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.paymentStatus || filterParams.payment_status || '', disabled: !!this.paymentStatus, part: paymentStatusPaymentsListFilterParam })), h("div", { key: '680861d7bd03ee4e44bd52f6aa824fe8852d9ead', class: "p-2" }, h("form-control-date", { key: '30edd201892f53356092530cd354105f031cbd09', 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: createdAfterPaymentsListFilterParam })), h("div", { key: '7825e4f52adf5ef3c1eece2e9b1daa29b637ee14', class: "p-2" }, h("form-control-date", { key: 'a7e7e98599926d4d5fd10e589ba80b09cd30f65c', 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: createdBeforePaymentsListFilterParam }))))));
     }
 }, [257, "justifi-payments-list-filters", {

package/dist/module/justifi-payments-list.js

@@ -94,7 +94,7 @@ const PaymentsList = /*@__PURE__*/ proxyCustomElement(class PaymentsList extends
         }
     }
     render() {
-        return (h(StyledHost, { key: '171935cc29253ff76262498183fd0f3a0f4a7eef' }, h("payments-list-core", { key: '71be865f5035b6db46f4b97a3a36f08391de4f58', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'dacd185484da020c13c83796ae4b0cfc62d0e24d' }, h("payments-list-core", { key: 'c57ef13bb93c1c168e96053f3ca0efad460a39f6', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-payout-transactions-list.js

@@ -14,8 +14,8 @@ import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
-import { e as convertToLocal } from './utils2.js';
-import { w as tableHeadCell, ac as getAlternateTableCellPart } from './parts.js';
+import { h as convertToLocal } from './utils2.js';
+import { w as tableHeadCell, ad as getAlternateTableCellPart } from './parts.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -188,7 +188,7 @@ const PayoutTransactionsList = /*@__PURE__*/ proxyCustomElement(class PayoutTran
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '8c59c0783d3d77d1e4101ee52cf1df932f35c436' }, h(TableWrapper, { key: 'c1c05be0dc6e1aff5874777f57c961e65d484463' }, h(TableComponent, { key: '3ac2ed7f128d96443ba47a33628012c380ee3cc8' }, h(TableHead, { key: '01ad306c5c2336ef70b6de8df8afe11e4aaea853' }, h(TableHeadRow, { key: 'e7df4606ff90f549c6909ce62869be064cf65e44' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '01e49a1b4a04028c133079aee90a1ab75c69debf' }, h(TableLoadingState, { key: '73ff57f00ad0b36bc20ce25c191f2a59b9412984', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '43deaa2102856c17bdc990847e4246b5cba33aa4', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'c0096e0dd83a313e54df516a4959172edb2bf9a2', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: '0c337d21c169b74123afe93432bb70059d7c20f4' }, h(TableFootRow, { key: '736325de92a1462dea67950c2a15a54906894bab' }, h(TableFootCell, { key: 'd71681536976869a146417945d461da154d7364b', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '2f3d4d05a5522c0ac4314ee15f5083bc919e0164', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '0a993aa9157e9ea6f75a4c745dd2751ab22d0623' }, h(TableWrapper, { key: '56a300b72bb39bf9aa4d9829f1634e5a48b71b15' }, h(TableComponent, { key: '7d3f9fc3159ea7568bd2904ed74a5d90198eecb7' }, h(TableHead, { key: '106703b0ed82206aca0b18a1217fbdad9316cca0' }, h(TableHeadRow, { key: '3d01490dc673358566747dd3aac4c61d1f8681f9' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'a1bf3cc192ef3434ff4626390f33361a984e276f' }, h(TableLoadingState, { key: 'edaf059907492b9911bfe11f6ae476711db7200f', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'b75807ecc951d0e62993b905246c3e58d676bb7c', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '7d759684cb4f42733028e734479ba2000495dcee', columnSpan: this.transactionsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.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: 'a657e7edf27d011926e2228b7a55ba6fb05f9dff' }, h(TableFootRow, { key: 'c1c592833f527432b53d42cca3a70637065b1918' }, h(TableFootCell, { key: 'b4dba89aa35e7632a9442ad3e804cdd3946377f7', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '935a7f48b344774fb6058de565a135ae70deb80e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get watchers() { return {
         "pagingParams": ["propChanged"],

package/dist/module/justifi-payouts-list-filters.js

@@ -1,11 +1,11 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { f as filterParams, p as propsParams, c as clearParams } from './payouts-list-params-state.js';
-import { aj as payoutsListFilterMenu, ak as createdAfterPayoutsListFilterParam, al as createdBeforePayoutsListFilterParam } from './parts.js';
+import { ak as payoutsListFilterMenu, al as createdAfterPayoutsListFilterParam, am as createdBeforePayoutsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
-import { d as convertToUTC, e as convertToLocal } from './utils2.js';
+import { e as convertToUTC, h as convertToLocal } from './utils2.js';
 import { d as defineCustomElement$5 } from './custom-popper2.js';
 import { d as defineCustomElement$4 } from './form-control-date2.js';
 import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
@@ -39,8 +39,8 @@ const PayoutsListFilters = /*@__PURE__*/ proxyCustomElement(class PayoutsListFil
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '7f37e9cde5eab98ae5e0ebda4fda8ac005791582' }, h("table-filters-menu", { key: '001f50ef209ca65ae239bec69fec1ed1be2d1536', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '21b4b97154ff4db17147ae8978477581920735dc', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '743396fc70115e61e0e77f76adc67a31a2a2cbc8', class: "p-2" }, h("form-control-date", { key: '24f18be15d2b566c2807abfe8b4eb2800318c51a', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
-                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: '89bb4799afb2d1be13989cf63448a799bf547201', class: "p-2" }, h("form-control-date", { key: '04d707521a42f397839a5159b0211a4569f5bd80', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        return (h(StyledHost, { key: '4058d69f87431a4060160bc14912998ea14670dc' }, h("table-filters-menu", { key: '406371a2c3c552e6973da18b0e59a022a7c1ac99', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '3d77e00351223fc512062193a19ab874a3c8799e', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '8be6000e3aa3de82e73ebb0133131c2f836def64', class: "p-2" }, h("form-control-date", { key: 'e6c5c50c8a5890573159c6de1955f33762f183b8', name: "created_after", label: "Created After", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdAfter, { showInputDate: true }) ||
+                convertToLocal(filterParams.created_after, { showInputDate: true }), disabled: !!this.createdAfter, part: createdAfterPayoutsListFilterParam })), h("div", { key: '14c666a50387a2f58ea7a4871ef846eadf044e3a', class: "p-2" }, h("form-control-date", { key: 'ee56b0ca27c7d8f8562b23862d5aaebb3d4b3188', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
 }, [257, "justifi-payouts-list-filters", {

package/dist/module/justifi-payouts-list.js

@@ -108,7 +108,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '767b8a3f2407435d86766c1ea947f406246a001d' }, h("payouts-list-core", { key: '4e579cf8e2049033bc554319178b42511b164573', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: '6a09a5c6f984ef09efd981f4417f097b88b71c14' }, h("payouts-list-core", { key: 'be9428e2616abddc62d0c3a1fb1202e399eead26', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

package/dist/module/justifi-refund-payment.js

@@ -102,13 +102,52 @@ const makePostRefund = ({ authToken, accountId, paymentId, service }) => async (
     }
 };
 
-const api = Api();
+const api$1 = Api();
 class RefundService {
     async postRefund(paymentId, accountId, authToken, refundBody) {
         const endpoint = `payments/${paymentId}/refunds`;
         const headers = { 'Sub-Account': accountId };
         const body = refundBody;
-        return api.post({ endpoint, headers, body, authToken });
+        return api$1.post({ endpoint, headers, body, authToken });
+    }
+}
+
+const makePostVoid = ({ authToken, accountId, paymentId, service }) => async ({ onSuccess, onError, final }) => {
+    var _a;
+    try {
+        const response = await service.postVoid(paymentId, accountId, authToken);
+        if (!response.error) {
+            onSuccess(response);
+        }
+        else {
+            const responseError = getErrorMessage(response.error);
+            const code = getErrorCode((_a = response.error) === null || _a === void 0 ? void 0 : _a.code);
+            return onError({
+                error: responseError,
+                code,
+                severity: ComponentErrorSeverity.ERROR,
+            });
+        }
+    }
+    catch (error) {
+        const code = getErrorCode(error === null || error === void 0 ? void 0 : error.code);
+        return onError({
+            error: error.message || error,
+            code,
+            severity: ComponentErrorSeverity.ERROR,
+        });
+    }
+    finally {
+        return final();
+    }
+};
+
+const api = Api();
+class VoidService {
+    async postVoid(paymentId, accountId, authToken) {
+        const endpoint = `payments/${paymentId}/void`;
+        const headers = { 'Sub-Account': accountId };
+        return api.post({ endpoint, headers, authToken });
     }
 }
 
@@ -153,6 +192,16 @@ const RefundPayment = /*@__PURE__*/ proxyCustomElement(class RefundPayment exten
         const errorMessage = 'Refund amount must be greater than 0';
         this.handleError(ComponentErrorCodes.INVALID_REFUND_AMOUNT, errorMessage, ComponentErrorSeverity.ERROR);
     }
+    isPaymentCreatedWithin25Minutes() {
+        var _a;
+        if (!this.payment || !((_a = this.payment) === null || _a === void 0 ? void 0 : _a.created_at)) {
+            return false;
+        }
+        const paymentCreatedAt = new Date(this.payment.created_at);
+        const now = new Date();
+        const diffInMinutes = (now.getTime() - paymentCreatedAt.getTime()) / (1000 * 60);
+        return diffInMinutes <= 25;
+    }
     initializeFormController() {
         const amount = this.refundPayload.amount;
         const amountRefundable = amount ? amount.toString() : '0';
@@ -176,6 +225,7 @@ const RefundPayment = /*@__PURE__*/ proxyCustomElement(class RefundPayment exten
             });
             getPayment({
                 onSuccess: ({ payment }) => {
+                    this.payment = payment;
                     this.refundPayload = new RefundPayload({ amount: payment.amount_refundable });
                 },
                 onError: ({ error, code, severity }) => {
@@ -199,14 +249,56 @@ const RefundPayment = /*@__PURE__*/ proxyCustomElement(class RefundPayment exten
         const valid = await this.formController.validate();
         if (!valid)
             return;
+        const values = this.formController.values.getValue();
+        this.refundLoading = true;
+        // Check if payment was created within 25 minutes and try to void first
+        if (this.isPaymentCreatedWithin25Minutes()) {
+            return this.tryVoidPayment();
+        }
+        // Otherwise, proceed with refund
+        return this.processRefund(values);
+    }
+    async tryVoidPayment() {
+        const postVoid = makePostVoid({
+            authToken: this.authToken,
+            accountId: this.accountId,
+            paymentId: this.paymentId,
+            service: new VoidService()
+        });
+        return new Promise((resolve) => {
+            let voidResponse;
+            let voidAttempted = false;
+            const values = this.formController.values.getValue();
+            postVoid({
+                onSuccess: (response) => {
+                    voidResponse = response;
+                    voidAttempted = true;
+                },
+                onError: ({ error, code, severity }) => {
+                    // If void fails, fall back to refund
+                    voidAttempted = true;
+                    this.handleError(error, code, severity);
+                    this.processRefund(values)
+                        .then(resolve);
+                },
+                final: () => {
+                    if (voidResponse && !voidResponse.error && voidAttempted) {
+                        this.submitEvent.emit({ response: voidResponse });
+                        this.submitDisabled = true;
+                        this.refundLoading = false;
+                        resolve(voidResponse.data);
+                    }
+                },
+            });
+        });
+    }
+    async processRefund(values) {
         const postRefund = makePostRefund({
             authToken: this.authToken,
             accountId: this.accountId,
             paymentId: this.paymentId,
             service: new RefundService()
         });
-        const values = this.formController.values.getValue();
-        this.refundLoading = true;
         return new Promise((resolve) => {
             let refundResponse;
             postRefund({
@@ -245,6 +337,7 @@ const RefundPayment = /*@__PURE__*/ proxyCustomElement(class RefundPayment exten
         "paymentLoading": [32],
         "refundLoading": [32],
         "submitDisabled": [32],
+        "payment": [32],
         "refundPayment": [64]
     }]);
 function defineCustomElement$1() {

package/dist/module/justifi-saved-payment-method.js

@@ -26,7 +26,7 @@ const SavedPaymentMethod = /*@__PURE__*/ proxyCustomElement(class SavedPaymentMe
     ;
     render() {
         var _a, _b, _c;
-        return (h(Host, { key: 'feeb934714fe00e87f6c89ec3954dafebef81733', class: "payment-method" }, h("div", { key: '62370e3c41538e5a5aed16dc0f2d9056bebc01c0', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '583aa5751277bb585b6b1686d229810d830c8686', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
+        return (h(Host, { key: 'c69143079680d44157ee7df3b344de8a841ac51d', class: "payment-method" }, h("div", { key: '16bb3b07ed7fa23efde64b92302b5f7f51958fc4', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: 'aa4b30d36088b1c1c71710e05c3746c03254629b', name: "paymentMethodType", value: (_a = this.paymentMethodOption) === null || _a === void 0 ? void 0 : _a.id, checked: this.isSelected, label: `${CardBrandLabels[(_b = this.paymentMethodOption) === null || _b === void 0 ? void 0 : _b.brand] || ''} *${(_c = this.paymentMethodOption) === null || _c === void 0 ? void 0 : _c.acct_last_four}` }))));
     }
 }, [256, "justifi-saved-payment-method", {
         "paymentMethodOption": [16],

package/dist/module/justifi-skeleton.js

@@ -11,7 +11,7 @@ const JustifiSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSkeleton
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: '2bb7c8b02477b880d0ebefebe37e62573b2a68d3' }, h(Skeleton, { key: '067e503b0e6047b9f14603336cba0112247c2a54', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: '0ea8007102180f34f1a6ee362f132af78de2890e' }, h(Skeleton, { key: '0ed8c7d4a63c57fd7d89db17012d622eb6975bed', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
     }
 }, [257, "justifi-skeleton", {
         "component": [1],

package/dist/module/justifi-terminal-orders-list-filters.js

@@ -1,12 +1,12 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { f as filterParams, p as propsParams, c as clearParams } from './terminal-orders-list-params-state.js';
-import { am as terminalOrdersListFilterMenu, an as orderStatusTerminalOrdersListFilterParam, ao as orderTypeTerminalOrdersListFilterParam, ap as createdAfterTerminalOrdersListFilterParam, aq as createdBeforeTerminalOrdersListFilterParam } from './parts.js';
+import { an as terminalOrdersListFilterMenu, ao as orderStatusTerminalOrdersListFilterParam, ap as orderTypeTerminalOrdersListFilterParam, aq as createdAfterTerminalOrdersListFilterParam, ar as createdBeforeTerminalOrdersListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import './config-state.js';
-import { d as convertToUTC, e as convertToLocal } from './utils2.js';
+import { e as convertToUTC, h as convertToLocal } from './utils2.js';
 import { T as TerminalOrderStatus, f as TerminalOrderType } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
@@ -66,8 +66,8 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '70418a386030b340813ba6b4015cec977c7ed542' }, h("table-filters-menu", { key: '7ba680b0cc5cccc8fd8de210e8e9bed4b99b8790', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '2c4da0d02234051d3b48724d359f5c74c913bbf7', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'ad35b10dba39d2acf44eb078cf616d73815a258c', class: "p-2" }, h("form-control-select", { key: '9674d6da3301cd66562effa5aa062b004db4715c', 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: 'f94a308a3af71a8982ce120f2a3a532431473dcb', class: "p-2" }, h("form-control-select", { key: '295de18dd0af6229fff627cb3236dfdb1635b693', 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: 'eb9b7a1fe7454722b38c9bb989b4f702bf7ae8af', class: "p-2" }, h("form-control-date", { key: '9d616f29de5b6dfb32abba8249d21986ba7ba4e8', 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: 'f1e6fbb2147d0ec7e446dcef704c2f347ed21efa', class: "p-2" }, h("form-control-date", { key: 'c49dc4cff66936c2a943771658f57200c825a168', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '4530e57f1df87b7879ab5b3d51c64e814083cc39' }, h("table-filters-menu", { key: '541be463a6ac04afb5f46305035e78766746390a', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '5273439008474a436974c44984568650d156aa56', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '1a6f3539862e84a09179f9605741500099e016e5', class: "p-2" }, h("form-control-select", { key: '19147dc7a9126af8c527748c3c52f520af142ee6', 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: '045c240f339d4d040abc83eeba0d73881fe5e08f', class: "p-2" }, h("form-control-select", { key: '82ac38962821a54c2ad08342ad0855b9b68cc442', 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: '96339b17f9944e4e99be02a25b32c57229f9820b', class: "p-2" }, h("form-control-date", { key: 'bcf00a60785ad359688a7ac82c02cd268bcf9b21', 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: 'be6dc7a779331570f2aed0d563662dd696941640', class: "p-2" }, h("form-control-date", { key: 'a63294437da6d31b670c01dbc471ae454ecac100', 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 }))))));
     }
 }, [257, "justifi-terminal-orders-list-filters", {

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

@@ -100,7 +100,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: 'ff51026cc99afbe51442832292c46053ad0c538a' }, h("terminal-orders-list-core", { key: 'c99fe72d7ab55b4560b4af08b1152cec7a8d663b', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '17a9377febcbca64657924ae5d1445794fdb523f' }, h("terminal-orders-list-core", { key: '3a32beb7e9d119b92cdc8cf130ab4fea1ceb8ef6', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
 }, [257, "justifi-terminal-orders-list", {
         "accountId": [1, "account-id"],

package/dist/module/justifi-terminals-list-filters.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { l as lodashExports } from './lodash.js';
 import { f as filterParams, p as propsParams, c as clearParams } from './terminals-list-params-state.js';
-import { ar as terminalsListFilterMenu, as as terminalIdTerminalsListFilterParam, at as terminalOrderIdTerminalsListFilterParam, au as terminalStatusTerminalsListFilterParam } from './parts.js';
+import { as as terminalsListFilterMenu, at as terminalIdTerminalsListFilterParam, au as terminalOrderIdTerminalsListFilterParam, av as terminalStatusTerminalsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
@@ -56,7 +56,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '7c585aa8a485f4149ae02c4140e31095410dd9c8' }, h("table-filters-menu", { key: 'e1c2942e51ebf395887121618daef8ca18d2dd40', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'f74518d5d7ad56059eb6c0ab02a3616e16c1550c', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'ae16ebe09430d29a8ca2c46dbb3d05feec008989', class: "p-2" }, h("form-control-text", { key: '9d7fc72298a0f7fa1b7fa342bcaa0e345a1bfd88', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'adc78c533b4ff9ba0c8ae3ea5b6704953633c6fc', class: "p-2" }, h("form-control-text", { key: '4ef8c16fcdce029b2701deed5638cbbad89746b5', 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: 'd27c793b20fc5ff8b6ec8a08457e9cd6e9640604', class: "p-2" }, h("form-control-select", { key: '850a1b21e667fe1e1ec79051909d153a7a19c5cb', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '146cbb4a0639065d7723a263949eedc218d34b63' }, h("table-filters-menu", { key: '1b8e6fb88510892460f2abc033ce789873e242ab', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '23fbd301095d1b64e93d0fef917685b93f1217a9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'c6b956c17ee92cc991cb6adc5011e8039e210f6b', class: "p-2" }, h("form-control-text", { key: 'fc3df51433901eb7a499941e3ef525401c7cd5ca', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '390b8a12e9a381cdf4747562ee4d7607255df3ce', class: "p-2" }, h("form-control-text", { key: '92305b137d07d2ee8a351019599bb000d7d32cdd', 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: '3197e7bf6a95621246281898d3e6d66625c30646', class: "p-2" }, h("form-control-select", { key: '92dc3fb1ef44a0e9d9a455c5fa7a6fe5ee075395', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
     }
 }, [257, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],

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

@@ -105,7 +105,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '9bf1797fc21c7fdf2b58aedab5819513338e714b' }, h("terminals-list-core", { key: '46c5f5cc5a436d47e4813207cce07d28a4f20ef7', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '77cb67def2cb91b1fbf00059d13a255eae014b12' }, h("terminals-list-core", { key: '697cafa1c343e20f36dff0404209c4832fa6a2ff', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -38,7 +38,7 @@ const TokenizePaymentMethod = /*@__PURE__*/ proxyCustomElement(class TokenizePay
         return this.tokenizePaymentMethodRef.validate();
     }
     render() {
-        return (h("internal-tokenize-payment-method", { key: 'ccbe4443b3e88f221eb828cae14450c5ea8dc172', ref: (el) => this.tokenizePaymentMethodRef = el, authToken: this.authToken, accountId: this.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: this.hideSubmitButton, paymentMethodGroupId: this.paymentMethodGroupId }));
+        return (h("internal-tokenize-payment-method", { key: '4e91adfed65e01e1d2810f7c4a57b4c1fec5c364', ref: (el) => this.tokenizePaymentMethodRef = el, authToken: this.authToken, accountId: this.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: this.hideSubmitButton, paymentMethodGroupId: this.paymentMethodGroupId }));
     }
 }, [257, "justifi-tokenize-payment-method", {
         "accountId": [1, "account-id"],

package/dist/module/legal-address-form.js

@@ -25,7 +25,7 @@ const LegalAddressForm = /*@__PURE__*/ proxyCustomElement(class LegalAddressForm
     render() {
         var _a;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: '020c1a41ff7fa0881464463322b54754e7664957' }, h("fieldset", { key: 'cb1ae50abc99f8915cead7ef850de52f62bab304' }, h("legend", { key: '74d2bba4a9557ff2ac5b9b34d0947e9a076ddb84', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: '86d9fc1d344ace729cdc75b1a9239b74865f306b', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+        return (h(Host, { key: '11d54eb58574e9afdeed03b357f4c5b89752b48b' }, h("fieldset", { key: '3608fc95fb7d60fcd5485394fc1a8210f91d13a8' }, h("legend", { key: 'ffe6b8794039b1df22e0bd1775cf497edac543d7', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: '34adccfea54d0603d3e8899df048f3aab1b8b64c', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
 }, [256, "justifi-legal-address-form", {
         "formController": [16],

package/dist/module/modular-checkout.js

@@ -449,7 +449,8 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
                     this.preCompleteHook(state, () => resolve(), () => reject());
                 });
             }
-            catch (_f) {
+            catch (error) {
+                console.log('Checkout cancelled by preCompleteHook', error);
                 return;
             }
         }
@@ -471,7 +472,7 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         });
     }
     render() {
-        return h(Host, { key: 'e771926ee79c47b09145bd44b47cbba3c21be3eb' });
+        return h(Host, { key: 'ee341d8d78767a80e2627ea5244ba46ca63cd8df' });
     }
     get hostEl() { return this; }
 }, [256, "justifi-modular-checkout", {

package/dist/module/owner-form-core2.js

@@ -8,8 +8,9 @@ import './details.js';
 import './event-types.js';
 import './justifi-radio-list-item2.js';
 import { a as BusinessFormClickActions } from './event-types2.js';
-import { d as defineCustomElement$9 } from './custom-popper2.js';
-import { d as defineCustomElement$8 } from './form-control-date2.js';
+import { d as defineCustomElement$a } from './custom-popper2.js';
+import { d as defineCustomElement$9 } from './form-control-date2.js';
+import { d as defineCustomElement$8 } from './form-control-number2.js';
 import { d as defineCustomElement$7 } from './form-control-number-masked2.js';
 import { d as defineCustomElement$6 } from './form-control-select2.js';
 import { d as defineCustomElement$5 } from './form-control-text2.js';
@@ -166,7 +167,7 @@ const BusinessOwnerFormCore = /*@__PURE__*/ proxyCustomElement(class BusinessOwn
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: 'ee00e580c90a942bde7cf0c483e99ef417dce3d6', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '39904e046ca0f24c296fe99a43fc41f104091ecc' }, h("legend", { key: 'db92e079906c797790f5de7c424cfebab4c9cf63', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '896303e22939d419ac624d9948e6c5765ad75aec' }), h("div", { key: '8705189e44fe2d5ff76057d6e961b7b5b396fcf5', class: "row gy-3" }, h("owner-form-inputs", { key: 'f14872c9ecf75f8d6e7bd1147b58aad8a8124f0d', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '9333d749fb940ca5aa9d5b6c227b229c473ed06a', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '00911c37ed00097d5cd55be0c6a5e503f0b087ed', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '84a311d76d65310f994a5c5e473e7e1e1cc5e249', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '1d4ec7836ea466b48cdf04ac2af0769d68f808d1' }))));
+        return (h("form", { key: '5079338a3b1720972aeb4f691bbe71f4bdbd5265', onSubmit: this.validateAndSubmit }, h("fieldset", { key: 'ef3529f5a5f20887ebf76e1bdbcfc0d600d2194c' }, h("legend", { key: '98e22b398e183b24764847f29f080c28d6f384cd', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: 'ff96fb21b19e16bba1a305049532925d5bafc6c8' }), h("div", { key: '9bf142327aef21bf90947b78574dcd5ded66a1eb', class: "row gy-3" }, h("owner-form-inputs", { key: '7f221b6ebf61c7c383d1d5eb74d8c3a676b12b4d', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '48235d4d36e92cfa969843c133c93e28fb09c756', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '6f281255b5d358fc4e4322d0de9954a010850dda', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'f99d77f92cbab79eccbceef884cd6c17c20abeec', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'fabafc136209bb82a72da8de183897358faca256' }))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]
@@ -197,7 +198,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["owner-form-core", "custom-popper", "form-control-date", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields", "justifi-identity-address-form", "owner-form-inputs"];
+    const components = ["owner-form-core", "custom-popper", "form-control-date", "form-control-number", "form-control-number-masked", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields", "justifi-identity-address-form", "owner-form-inputs"];
     components.forEach(tagName => { switch (tagName) {
         case "owner-form-core":
             if (!customElements.get(tagName)) {
@@ -206,10 +207,15 @@ function defineCustomElement() {
             break;
         case "custom-popper":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "form-control-date":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "form-control-number":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }