@justifi/webcomponents 6.0.0-rc.4 → 6.0.0-rc.5

package/dist/collection/components/payment-details/payment-details-core.js

@@ -38,16 +38,16 @@ export class PaymentDetailsCore {
         });
     }
     render() {
-        return (h(StyledHost, { key: '9dbe79ee5e8311fd5aa7aad9e9a6301106aec61f' }, this.loading && h(PaymentDetailsLoading, { key: '3a7f568787c10143772c32d9dc4db523244b5f62' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'bfdf7c5345f7a32c86e4259db76764f7a00a20d8', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '2048b114978df6809242443777ab8235b7feb830', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '99d50622d37401cdd9ea1bd1176bf4dd340ef5f2', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'cb4a551f76d9fa28ef101aa3804942ae5ba83617', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'b540de24dc63bb96e5e2220888de37ead33cefc9', title: "ID", value: this.payment.id })), h("div", { key: 'b865e3dbff94e8827ee1ed60dcec1c161cb60e44', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'e778e714c6324d876f3af9fe2f79bbdb45e84865', sectionTitle: "Details" }), h("div", { key: 'dff5e71357913940aa80d8019620959ad80758b5', class: "d-table gap-2 w-100" }, h(DetailItem, { key: 'abf3993aed218517de68e0617ea5d9e9d569c689', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '6713575415bf8d9a4ff0e4c7697799be4e4f188b', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '4e40a4aaee847b0c25c25fedc9c26b95e73fdb46', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'c40dce673a661011c72ae05812c4a14d5702621d', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '4e44f803a411a529daae43ce8ae5073e39ae4c38', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '81dc148a871094e5fafeaf5ba204c12550542511', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'be76b2123eaa58eda0d4b69013207501b7a26e8a', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '800b2f8d03684eb3b989d534c0896016e0647991', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '0934d177e63f90b8a36e9bbc4fa8d6f07e3b11af', title: "Description", value: this.payment.description }), h(DetailItem, { key: '281cbfd52c7833674ff818ad904abe07e8f8a538', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: 'a5ba0c704c0823d715ceafd08dc7159273feaf72', sectionTitle: "Payment Method" }),
-            h("div", { key: 'f54a43598fc6230eae222a50964757052fa1747a', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '6edd355e37bf732fa9b8e6790c4a0333063604f0', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '4d16f3e86070c2fea548bf964bca4c09d112c045', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '0d6a7a66fff4c6e600d8ceda49283baf5f482bf6', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '1ec87d02c11900c8ad43e054e816663bde45da8a', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '74450dde3eca4648ebd39be643ae98f3f6d75110', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '78772ac113e59c6a0dfb11b38807cbdd42ca2b75' }, this.loading && h(PaymentDetailsLoading, { key: 'ee7b54bb8679f20fc2d7665ef335320154f1631c' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '09f20b99d15bd751771de65edf1770ad0e3e4caa', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '0a070793ef25425601400c8a0139d84123adcb38', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.payment.status), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '5d4c3fd1f483c6a9cba7098dbba7fb7df9e62459', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'a770d473ef8ead583dca3d261fc22daeb452aa42', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'd0e8a38cff4bdccc6347108ecbdc90e200613470', title: "ID", value: this.payment.id })), h("div", { key: '001543a66055203a430fb3231eedb39cc4bd4d31', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '37229e3e35782dc9e3bc56e7ab5411719507f55e', sectionTitle: "Details" }), h("div", { key: '08a7f2025131fec223ef014374e5784a6c97e531', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '92643e94e0f8f70d09825eb8e2a658286f331464', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '2db9994c24e29ba4b4ca1935015b6b94733fdd1c', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'baa2601246817358cfdbc587c354304d18e61de6', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '0809e47782815c57213be29e1e8d6b7703907e50', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '89c6dedc355492b70bd91dbe9d1fdd6d288c06d9', title: "Status", value: MapPaymentStatusToBadge(this.payment.status) }), h(DetailItem, { key: '278cca0991d63079c29da77be1625b5a52f64541', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '5622513e3ded892acb9667be6579bab5a2fe17af', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'b9970bf7af2831b75a41a346813bfbc7be54a4e3', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '2a6e7ded24a5849672547322b7f507487b9a1fd4', title: "Description", value: this.payment.description }), h(DetailItem, { key: '363a8b9e8a5ee160887498bf197e27ec6be58eda', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '1cf6b816e8138fe5e56b3128eaefb43bd9111139', sectionTitle: "Payment Method" }),
+            h("div", { key: '363a98244887cbc9b22db1d00aefe7c57fa11e6a', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '0b55c6a07eb581fab9fd3e8a859c09ee743a9197', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '80fdad59678b1ff7db5d8d0d2d9ff7d3f358155e', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'd470dc1614d83da766962075007e4834a0db0e9d', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '95ae2faca13ea63373a48d49df52f06338b5c7d7', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '47d57b3ceb2ee5d703ba1b12424c529464fed91e', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: 'ba48cf4acb779e1ba3f6cd84a77f91e85c9e21d4', sectionTitle: "Payment Method" }),
-            h("div", { key: '6b48866ab4926cd8e223a283ad61adc027e962ce', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '81f448493fa8f77ab3f2105e0982ba2d9ec11ed5', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'c7281ecb2655c6ae8ffc1d3579dc334c2e706071', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '80bf9485a7d00f64f5c2c9f3e8bf9a30c80f3e63', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '70e74a7a22418526db003d401bdabbdccd1d351b', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: 'de95204583c5e94eca5b8edd14f7dacb8a6e12aa', sectionTitle: "Payment Method" }),
+            h("div", { key: '0f0703066af1aa060eec503844cedecbb5319dbe', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '7eed468aefc9b85f92e5c7b910b9d730e5a02e33', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '6da4304e0da2055c9d4877bb54f59920c2234356', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '9bac816e32f978caeb926f0f3c6b8b0dc4586fc3', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: '943a9c4d7f7db5a3dce927b35556087f89264160', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '57aa7c929bf0823cd3cd5030f1853a7522cc6ec6', sectionTitle: 'Metadata' }),
-            h("div", { key: '26e14400b0eeb8e161ce22b769c8396814b7c73b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '9446825737907a364594f6c75621ed72cf8ea389', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: '9c229051516566209d5b7fc3da2e2c5d41005201', sectionTitle: 'Metadata' }),
+            h("div", { key: '36ea2b841735fc16e858d0fc622bd1145b21657c', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '554d789b6f59982cc70e63e32169b38d8aa459bf', metadata: this.payment.metadata }))
         ])))));
     }
     static get is() { return "payment-details-core"; }

package/dist/collection/components/payment-transactions-list/payment-transactions-list.js

@@ -91,7 +91,7 @@ export class PaymentTransactionsList {
         return !this.showEmptyState && !this.showErrorState && !this.isLoading;
     }
     render() {
-        return (h(StyledHost, { key: '3c769141192bb499e4a488bf99195e7381d012ed' }, h(TableWrapper, { key: '5e72cd4685f63c305bd51ad326bd400d34e699c6' }, h(TableComponent, { key: 'cf61be478b5843fa38e995694bc79a48e48e80b6' }, h(TableHead, { key: '4b27bb636ea053f6331e18311d71afed3c9fce8f' }, h(TableHeadRow, { key: '4a417927776b1cd94a4624e54dd3167b9baf8ed6' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '22770700203045c134dffe83231fb79ce1de88a8' }, h(TableLoadingState, { key: '2b6ed6e4d2d169cb2bcb422488317fd1dff4effb', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'a5805487d27333fb44bccbcaf8d1a391a34b507a', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: 'dfe34bb0104bcc19b2f7cf0ffdb834efaac1db64', 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: '83fcc89488104777b55b0154bff2bc30f52fba05' }, h(TableFootRow, { key: 'ef9f05f7c310d083089a0f870a64f7a4f182f5d0' }, h(TableFootCell, { key: '166aa36c5af570f1c589465b74d94263c922aedf', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '82342d591bce3e307e9d87ee4cab384f4f01a41e', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '841ebb8426d9c6036e15a0327c4e02f0d9fab4d6' }, h(TableWrapper, { key: '7bbf6d05061ac70a84e7876147b33df2f1f470d7' }, h(TableComponent, { key: 'a60c1a98ed33ab0e572ab4296dc873405985be1a' }, h(TableHead, { key: '105c43a14e0a833a7f866def78e5658d7d08070f' }, h(TableHeadRow, { key: '67f3e503be6efb7606c79c894af4e5f357a8cfa0' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'e628b0bac4c53cd129ce43c68acd18f038c9e887' }, h(TableLoadingState, { key: '0ffff5bd7c9c505981a7d51a917be1d928d0619b', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '92a9b0251b8fec1a2b57cf5c9665390873619e87', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '71aac087777b219aaec57c6b9e6ac7751c322c3c', 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: '6dd7ede10307d376aa3df322dd71d469b2bb248a' }, h(TableFootRow, { key: 'e047fd731c36694aadd6a30726f5191f09f0ade9' }, h(TableFootCell, { key: '84001cf23c2b71a657131607d84179319de85c86', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '6dcbc441a602a2ee1ef046d2f425c8c7198e063a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payment-transactions-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -83,7 +83,7 @@ export class PaymentsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '3224fa4648e40065343765800160517c23cbf88d' }, h(TableComponent, { key: 'd492e8fd4383492cd8b70c9d50df6d568a2cbf58' }, h(TableHead, { key: 'f490bf8bf89c0babd2b7b58bf8d99467422e32b5' }, h(TableHeadRow, { key: '2c6fbf6f5c076b1c1dbfc3407362f64287da7c94' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'a0ca397c345bf388191391208a751db90f214dc1' }, h(TableLoadingState, { key: 'cb09739c0aa7935621078738faecbcc6729abc99', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '9b5bd9da1f1f59e522795b2c8a849cb545d8afe4', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '0d89cfc7ed6c5b984582a03dba8ac3271512a89d', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.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: '2c15dc1c99ae44202cb4b857c1c0ab49252b2a42' }, h(TableFootRow, { key: '296be7b7c00b738dbc4c0087a7d1ab4921d59e53' }, h(TableFootCell, { key: '93bf1aef5ca433b49a83a3711a30cb3d8c9a5aa6', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'de33bf049b17f1409daeaac52fa601ddf11aa464', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '46dd5932d242bb0be852b76bdb030735d7e17f70' }, h(TableComponent, { key: 'ba8514e6840054ac614ec3e20086442ee386f303' }, h(TableHead, { key: '0a3495b12b1bcde7f7ff845a759a00a6ec4f86b6' }, h(TableHeadRow, { key: '01c0c3d37185252b254afe205797fab85d3007b2' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'f5b9b2d8ffac197fc6df33ca4aa77344f2137f77' }, h(TableLoadingState, { key: 'ff4314485693a2472b683567021e35bd609e2850', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '6c0c381354f96026b76a11eed925b49bf2169ecd', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '823a6fa86f79a89398de22d48c0ab4b554c2cd54', columnSpan: this.paymentsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.paymentsTable.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: 'fe4809a1a5c43dd4745bc76fccdc66937b88a315' }, h(TableFootRow, { key: 'f75e79495dc130fd3d604c0e7c29fc5dc1e97e94' }, h(TableFootCell, { key: '3d30257ba1ad94eab852b5abaed9777552403da1', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '7dd714fca51b59d138a6ba27a8f0f6e81fd964de', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payments-list-core"; }
     static get properties() {

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

@@ -43,8 +43,8 @@ export class PaymentsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '6287cd6a61aa6a6930f4f0cf85f3c67be654b010' }, h("table-filters-menu", { key: '719100aa43b29d9fd9d61c837b4f2ad5da7f3b9f', params: filterMenuParams, clearParams: clearParams, part: paymentsListFilterMenu }, h("div", { key: 'a9e4403b425f38cc43abd45e54a09d506fe66291', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9767573e44b453d3617d868c23843ac9da0c42bf', class: "p-2" }, h("form-control-text", { key: 'adfd8559d463581d6724e2fd87e56bc3ab99bfe8', name: "payment_id", label: "Payment ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.paymentId || filterParams.payment_id, disabled: !!this.paymentId, part: paymentIdPaymentsListFilterParam })), h("div", { key: '444a11395c122676682004d513144a299764ac14', class: "p-2" }, h("form-control-text", { key: 'b06b149c32bcccb6a53cfa8bd737e03a3b6a5d76', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdPaymentsListFilterParam })), h("div", { key: '02ab635d99b67cec50e7c5fcbf9ce1971ceecb34', class: "p-2" }, h("form-control-select", { key: 'bc550904d5586f046bf28e2d2c0dfd4007ebe400', 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: 'f7fdd9ac55e730a791aebbca4159e54543839db7', class: "p-2" }, h("form-control-date", { key: '3d534fc88faf462099a48339e0d6fd8bd02af9a1', 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: '15c21c00a94a633849d5d1a4c062f5dede9a72bd', class: "p-2" }, h("form-control-date", { key: 'a96e2cf7c8a43506451ecf751ccf57e555e5a67d', 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: 'e54397eda17d94a09247c4a1a732baed03a85238', 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: '6b6ded01e6b08c311b3806088cb4639755816dbd', class: "p-2" }, h("form-control-date", { key: 'aed2a28b21c0197e9ea7250ca7798c63ebeb6be4', 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: '47470293a8368b6fc6c2a6d4392ca3da5ca4e3b4', class: "p-2" }, h("form-control-date", { key: 'e9d53abf3b92bc63e80427df2ac0503adeeec8da', 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 }))))));
     }
     static get is() { return "justifi-payments-list-filters"; }

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

@@ -46,7 +46,7 @@ export class PaymentsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '861ab66e6c71917a135fa8bc333940d28f5f25db' }, h("payments-list-core", { key: 'ef5efeabeb18a51dd6cf54f33652190ff668a9b9', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '2c77c3faa07c2f363a0c0ff2f4262de157effafc' }, h("payments-list-core", { key: '374dc84e80696157b60bfc04f836bcd8e59e67ff', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/payout-details/payout-details-core.js

@@ -52,9 +52,9 @@ export class PayoutDetailsCore {
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: '79a9fca76a04f85158b3a0fab953bfc45814b3e9' }, this.loading && h(PayoutDetailsLoading, { key: 'f5b4d16e4fd98086cd70261aa220e5f9a68e29f9' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '2840fa532729b93b86ee64eec7923950d318348b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'a6e2bf145153df2307ef6b0d1a29f9d10bf80775', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '75fcbee460dd796e0245a4a490e0de0341ed73a5', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'fbd20466fe208579baaea0282d2e6604230b9107', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '69769324839f561a56bad67846d84bc70e4e4b67', title: "ID", value: this.payout.id }), h("div", { key: 'f431884d2f782ea764357c23e57482672f465848', class: "m-4" }, h(Button, { key: '6a92eb49c2d33717eb7750b6cb005ff231227b1b', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'aeec4b34d58873abd2b2c4bfe010924707f19c89', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '20d0aef076d6312a21d26ea7fc8eed4510a2efab', sectionTitle: "Details" }), h("div", { key: '9bec2b5892f1e1776993acdd005cf0d82e2d81be', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '2555b7af59b56b898565bf716f2f6879d3253445', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '2d8a47d6c9d828eca8574e4c1c5fdff6d354326c', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '87bac39bf999a42f0659b0a1a3e57a8043dc809f', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: 'cabd31655600c512c8b5ce6fff5548f450970bff', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'bb48ff48161f15552c39cac8811abea68398a970', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '28e45b962f7f89e1f57369a1cae1e70f936a42e8', sectionTitle: "Account" }), h("div", { key: 'b5b8da5baa563b80075cdbd46f43561877b3cd1c', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '3b89b14e72589f838ec44eed4f80772edb470bd2', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'e828740c47b8b9e02e483c2e9082bd2728a37043', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'ed703dd9d41106825ea5c4e5565f77aa8b7d012e', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '8ee66b765d45ab59ea501a8d3a168c8a43465c70', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '04f7024fbe5c3def51bfc969204c484b471c024e', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: 'f59c9b8e87cb13d650873159a2ac47d8ea915173', sectionTitle: 'Metadata' }),
-            h("div", { key: '4984916558e5cf4016972f110b507caaa41dd5e8', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '6659b53990aa222ffa6d65d9332670952efc44f0', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: '84ad924d9a7697cf7fd1f7638617925b52600267' }, this.loading && h(PayoutDetailsLoading, { key: '4ba191c16f034b4e136f2a6d96a44a7e1c71b352' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: '84561101cfb511d034309906e281a36b9adba5d0', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '844df9068a80e7dfeffd2856805e5855c36842ef', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPayoutStatusToBadge((_a = this.payout) === null || _a === void 0 ? void 0 : _a.status), this.payout.settlement_priority === 'expedited' ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : (h(Badge, { variant: BadgeVariant.SECONDARY, title: "Standard", text: "Standard" })))), title: this.payout.formattedPaymentAmount(this.payout.amount) }, h(EntityHeadInfoItem, { key: '5b3ecbec2c7e056afd085e21e7895f7919c0b638', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '1f0b2a3a31b0ff2a0829daae285bd2e9fdaaadcb', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '29ac2409362d285ca42cc57d55661281d35e7c39', title: "ID", value: this.payout.id }), h("div", { key: 'ceb5c66069d1c7404e355aeeeeb2e167cb4e8f55', class: "m-4" }, h(Button, { key: '206c57a99b0bc35c8db822507936022b8e51b89b', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'a9b39de96d09d4b0c87384da5bbf7d8f33e48bc7', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '03735918d82a3af539d79b88edc2b62ca2ebe03a', sectionTitle: "Details" }), h("div", { key: '347a72ad86b6dd8917022bb3d41c1ea51afe05f5', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '644ae816ca6391e06e8cafff85773892fdffb3b7', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '7970ee36e7575b0fb6432df46d128974fc54ef9a', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '8d3b06b5af09992d24ad5aa5d4bc935ae40193fb', title: "Payout Method", value: this.payout.delivery_method }), h(DetailItem, { key: '2c147836ca746a8604bc8ca42a23ef9b2b78f80a', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'c9c7fb58f4e1d6d24c7ab0a60742d48214a88a9c', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '6261217268188afab893556f8f7eea2c72fa285b', sectionTitle: "Account" }), h("div", { key: 'd1b447792330f8f5d6e11533c7ccd27578325a4f', class: "d-table gap-2 w-100" }, h(DetailItem, { key: '199170c19d35c73f14f46a19eb9c743f12461779', title: "ID", value: this.payout.account_id }), h(DetailItem, { key: 'c6fb1a95d15547b1abc2ac95c83e865167b500a9', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '21c1ef80ae9d2d122e30b6b94585cbfea6dbe167', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '31f0db976c9abec3e3c9f228ed8b66c83cb134cb', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '87cc64ff4ac69c51e0932f7981f7da52565101ff', title: "Account Number", value: this.payout.bank_account.account_number_last4 })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: '81b6f3c633b802afb5f0f5314b234f8ef0e1ef31', sectionTitle: 'Metadata' }),
+            h("div", { key: 'ec972893084294e690037e146b9e91783f461267', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'cef2518b84f1791157084b7d7cfe872963851edc', metadata: this.payout.metadata }))
         ])))));
     }
     static get is() { return "payout-details-core"; }

package/dist/collection/components/payout-transactions-list/payout-transactions-list.js

@@ -95,7 +95,7 @@ export class PayoutTransactionsList {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '3c2b2c049a964a38385bc804f2ea160d6a35dd82' }, h(TableWrapper, { key: '8a79afde5660311de796acd90c64ca082348a932' }, h(TableComponent, { key: '88e1d875abcf55f8846036844b12953ddb8bb18d' }, h(TableHead, { key: '33ed1765106ab87dd48cdda8733fb04e512b8378' }, h(TableHeadRow, { key: 'd3a5823c015be404980d72277c0040312a5145df' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: 'b1f45eea747b1361ced1f6924ef2f741378a2fd9' }, h(TableLoadingState, { key: '05d9fbb9722c7e2775afeeec939fb50f41bc5565', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '0e5ddf06144028b0bdc4eead3a4a8abb73041c7a', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '977915205fb342bd7d8a089a329171aa4e2cfdae', 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: '0058ea0c31abb6b968a378be064a5e3f47d7effe' }, h(TableFootRow, { key: 'ae2a32a10e9a1d724579289516945eafd37c275e' }, h(TableFootCell, { key: '28f3b18198a93a78d7987f746e1fe6960700c6a8', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '5f9799c74208a5ebbe852053d1638d6f0fff59d0', 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 is() { return "justifi-payout-transactions-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -135,7 +135,7 @@ export class PayoutsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '0e17374fe5656aebfb8ce0c054ac131a2ca7cc33' }, h(TableComponent, { key: '61ce9e69c6084d7ce9b6342a93debcb9c2764d23' }, h(TableHead, { key: 'ca28735991630d9362fbb14aae327c9bc646bca9' }, h(TableHeadRow, { key: '43e012787f232dd626cd4025e8c9223865f519da' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'd21bded30edd81274f06d21c5f00ef75d7982ccc' }, h(TableLoadingState, { key: 'a437445d203db926cb32ef81579ef862d2644fa7', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '84accd5ae400e69061cdb66a59dc9272ff5edf1c', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '1f4e9998200515d714a8d1ca9476c4841272515d', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: '397b4d811f439511691826e1dc463f38cd97d016' }, h(TableFootRow, { key: '4e94eb5f5294ca470f29988bf11247e2e9576875' }, h(TableFootCell, { key: '6ab3af15817c9c9a184487348c3247ab25aa7f6b', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: '8b378185a5f3833ac62e16d5cd07fc89aa9462aa', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'fe72adaaaa7e03339bd2c023ed3cfd76ce20cc09' }, h(TableComponent, { key: 'd9c191823846f3160ee178a291d797885862346b' }, h(TableHead, { key: '070d60c8ed1e9469208b2d12ff22f5c5782e5b06' }, h(TableHeadRow, { key: 'e3a8658405dc3339af9694f88ee7e39553e7f48f' }, this.payoutsTable.columnData.map((column) => column))), h(TableBody, { key: '5c919ca5c320c664f5c1fde43a996ecdd1ef346f' }, h(TableLoadingState, { key: 'e037e4280fac5697c1d5c7798ab09550046038a0', columnSpan: this.payoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '963f510db0f77df7d257e2ad1bba91ab0e071945', isEmpty: this.showEmptyState, columnSpan: this.payoutsTable.columnKeys.length }), h(TableErrorState, { key: '6e7eedf2e5c51c7c483695f4892ca492ef799514', columnSpan: this.payoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.payoutsTable.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: 'b5b0b65da33dd148425571b328d04fffddf0e1f3' }, h(TableFootRow, { key: '73cc200689fd799618fffa1bc8a102c357372aef' }, h(TableFootCell, { key: 'b85785c0eb003fa546137119d50264e05a6b9382', colSpan: this.payoutsTable.columnData.length }, h("pagination-menu", { key: 'e42a0da2d4c06c659ad6a9fc7f2cd2bb61caf1ee', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "payouts-list-core"; }
     static get properties() {

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

@@ -26,8 +26,8 @@ export class PayoutsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '698d741c2ac91c9f77f36bec9a76c0732a1b89fc' }, h("table-filters-menu", { key: '54b5198f16d6c9909a015eff0f1aff7365195d84', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '3ac02cc091cf4db7cb986b7323f55d271dbe70b4', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '51ffcdde4cc8bf298b75188132fc27b78c35cef9', class: "p-2" }, h("form-control-date", { key: 'ec8d07f179508c8f3e4aeadfba8b6ef8d64b192a', 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: '1f64cbae15ffdc9a90b426b24cb3da9f3ab627d1', class: "p-2" }, h("form-control-date", { key: '306fc087f3d22b141ddb443315f7c487106bf9a1', 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 }))))));
     }
     static get is() { return "justifi-payouts-list-filters"; }

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

@@ -64,7 +64,7 @@ export class PayoutsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '09b3baf8c09eacaf640798896314cbcbc661cc23' }, h("payouts-list-core", { key: '8c1a77740285114e034139b7a1866e35b2e79709', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: 'b668ecfbc78e07ffeb5830a10f7a8675d15c5c97' }, h("payouts-list-core", { key: 'ae082078d735cafc42684db978e3e9dc48d75dd4', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get is() { return "justifi-payouts-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -81,7 +81,7 @@ export class TerminalOrdersListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '7ef0adc44be5987cbd02f5da80f7dc4330ff7a43' }, h(TableComponent, { key: 'efe8e403dae877a6529becae890b0e055726cc0f' }, h(TableHead, { key: 'ef981fa014144f9e237d9b258846e68cb50ea7f5' }, h(TableHeadRow, { key: '555df6bd09f4ccb01bada68933f362ef6f7679d7' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '1a5b95e5c41e1162ff8907d3ba664d304b9c355e' }, h(TableLoadingState, { key: '546146a7390a96f2d2704e31cc84d9269bbdc28a', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '3c32f5ec402f96e8f71b1f0edbb4d9e2169c23cc', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'e1154e1c4b320f8e23566821b56948e875b16174', 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: '2b3f2d329baeff7ad8eb813a08335660ca037bd2' }, h(TableFootRow, { key: '651f18da8298dda7f2be2717cca0ab7c01cac14d' }, h(TableFootCell, { key: '7a25b264810334dbbf633079374c77ab745cb1bb', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '996ae93faff3c83ab8022208c1a2c297bc1c9a27', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '394f529d42867e207bc47901045e7307a6784f3c' }, h(TableComponent, { key: 'b6d668352fe60c0fd33cc66505b14e944a598792' }, h(TableHead, { key: 'f52ef37d1246d60503b9dd86cef67d7d1d34b939' }, h(TableHeadRow, { key: '31df50a3ecb7329fdd25f16970d195eb5bd027ef' }, this.terminalOrdersTable.columnData.map((column) => column))), h(TableBody, { key: '3e4354bab42bc5005383bccee6594c4cea220a40' }, h(TableLoadingState, { key: 'f8febbccb33a3ca286af8a6d25f032b1320d1f45', columnSpan: this.terminalOrdersTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4d5c0466ae4b63869739aa416ae88ce9ba832eda', isEmpty: this.showEmptyState, columnSpan: this.terminalOrdersTable.columnKeys.length }), h(TableErrorState, { key: 'babe96226b95f6646e08927d16002a4709ddfabf', 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: '9e603727dde071004445013cb653777336b2ad11' }, h(TableFootRow, { key: 'f49d1110c64a88045bba21df48072116b82cda5c' }, h(TableFootCell, { key: '97b2adb37e39414018d0cf280e7041019d95da9b', colSpan: this.terminalOrdersTable.columnData.length }, h("pagination-menu", { key: '00e589c3458499d2eb81595f3156eb8b17ad9eae', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminal-orders-list-core"; }
     static get properties() {

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: 'c83d32f9cfdaf6f64b438ed23e9037897b55e298' }, h("table-filters-menu", { key: 'edee7c1f7d885d6425c439a95fce4f761b4d7e86', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '2df144ff56dd7301336ea09fd8b827c8194455d2', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f6d54fc5d11608d129771a26112efd5537cb879a', class: "p-2" }, h("form-control-select", { key: '8506841a90ac6c2cf0d5107be5937029e7b44c2b', 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: 'a53b0834400945feaf348e78be3bdd7b3e5e7846', class: "p-2" }, h("form-control-select", { key: '959909d5c4f568f99c70be44ef3542d795e711b8', 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: 'e76471ad58f551901eecad0b73849e3d443a23f8', class: "p-2" }, h("form-control-date", { key: '239afecb78475f1d8bdc21c1194d86a18f1dc2d1', 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: '0d9d73b7beaa67ab75d3375ad77a3e69fc1354b7', class: "p-2" }, h("form-control-date", { key: '5e9582d8c16c94a11ae313de2a3f33f2eaa2bf38', 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: 'ec4d26a33592df8ee137e9263e5fc221e17e43bb', 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: '33a18f94f0893f1ce0d45d383bd623025384e8b9', class: "p-2" }, h("form-control-select", { key: '9f3c8cb6bc85dbbe04b17128a7ff676dd2f97331', 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: '4b4a6abf9b42eb9a1021db266d9b1de1eb0d5b66', class: "p-2" }, h("form-control-date", { key: '63433b6ba954d96cb1195eb70a39aaf08a8c4c6c', 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: '17b19607536bdf75de23cd4ed5ee4cdbd814de1a', class: "p-2" }, h("form-control-date", { key: 'de1e85a7a164cd86c9190501b14f6a2097b8e34a', 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"; }

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

@@ -43,7 +43,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '28394e2db12721ad0f64ada71dc3a7cdba5fc7bd' }, h("terminal-orders-list-core", { key: '355e5c1de7a3bfd1afc4ddb64be8aa9b860cceb5', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '524e7a9d033a2b5e95d0285eae5a070bbf6bc685' }, h("terminal-orders-list-core", { key: '1d4713c71ca85517ce627a1cdfd8c2345c49997a', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminal-orders-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -118,7 +118,7 @@ export class TerminalsListCore {
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'aa119f199b02e20b2b48f7896eb45d24835ba5a7' }, h(TableComponent, { key: '039b8851d8edfe1ba82b177b518048273523eb10' }, h(TableHead, { key: 'c9990dc58cfe188217cc1f46f9f210c87ea2ca1e' }, h(TableHeadRow, { key: '6b934363f143e36c23f872ca1dd20c2befef0d90' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: '9121d7efc3cf3c70fdf45b0d47e253e9d1632a2c' }, h(TableLoadingState, { key: '783490f80ac64791eb182fa741f9dec0b6970f5b', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '9d3662266c2de7325d4c98485bb10ad9699fad50', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: 'ef1cad4fbeb112788c4cfc60b6f160dce6525e31', 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: 'd789ae5d479374cf569fa2e196cbdc8817cf318a' }, h(TableFootRow, { key: '445e5bbe532ca217b07dc08591d1a620766a669d' }, h(TableFootCell, { key: '13e17ca1daf744f2c73bf6194572c864b7932b75', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '3031bda0078c0e61876c1cc4e67c06234e08729d', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'f3d727c92c66b2504c6c8952a284cd4972706fd4' }, h(TableComponent, { key: 'c368038fb5683749737bb6b2b27a0a55ac95fe95' }, h(TableHead, { key: '96b41588ba94168581bfa423d3199916a06a925e' }, h(TableHeadRow, { key: 'fd1991bbcc22c3eb2b9ba107341285abf55a06b2' }, this.terminalsTable.columnData.map((column) => column))), h(TableBody, { key: 'ff3244f6b51f311fbc4311e37fc2c5bd4115a71a' }, h(TableLoadingState, { key: '821b4e55ea536fbe14e018107e8c19c309b86fca', columnSpan: this.terminalsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'cbeedf4e12ff428e7d24f536675f5b1f3c9d3d67', isEmpty: this.showEmptyState, columnSpan: this.terminalsTable.columnKeys.length }), h(TableErrorState, { key: '4c7882127d862af40ea5960ec10adf092e676e4e', 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: '7bd7c9bbc95b0c24c03c1b3fd1685877dcdfec06' }, h(TableFootRow, { key: 'd6988cf0398b1a435f71a73761fb57656ff5ee7d' }, h(TableFootCell, { key: '207ac8dd06e9b053653781b255833e4f20bf9559', colSpan: this.terminalsTable.columnData.length }, h("pagination-menu", { key: '329f13886ec41244f05030673cf4cd7baf6b1cb6', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get is() { return "terminals-list-core"; }
     static get properties() {

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

@@ -35,7 +35,7 @@ export class TerminalsListFilters {
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '61740c6ddc8d9ae3f59748c49bdf5cd1a805c967' }, h("table-filters-menu", { key: 'a1fff9dec129e6f1457d7fc87a15758a6c4583dd', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'a14b25c631435c48602953d1a4a240b46ccafc09', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'bba2a423f61e4c099d67f1ab02b96e15c462d825', class: "p-2" }, h("form-control-text", { key: '5853b337812ae1915ea5f0fbb6a7458b9767a7ce', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '2067dfd98dc4eeaf6f7312a29cb7dbebaf027110', class: "p-2" }, h("form-control-text", { key: '5e39773e75d8ebf1d2e089d26afdbe1c4bb7a2c7', 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: 'a3bbd3db48174df02bf7bf3f68bd80e2a33ed3ae', class: "p-2" }, h("form-control-select", { key: 'cd591dfc5ceabe5631983139f04435e5f46cb47e', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status, disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '783ba48774e186ebb313aea1b2cba29f52be65aa' }, h("table-filters-menu", { key: 'd4408146ca806b5192011ed875fe46742fd4a9a9', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '61356d7fa355bfd54646b7eeee1b7506f8fc1ff9', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '6233bdcb3ed8b37855ef07bd49c7d7bd51079e22', class: "p-2" }, h("form-control-text", { key: 'dadc1036b832290710c15e9dc4faeaf0ce847033', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '242a2b4fe9430a8c22a321a08638188d97a5dafc', class: "p-2" }, h("form-control-text", { key: 'ed2bd47281f33af574e5f49aba7a87f5155ea271', 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: '684eaf93576057e25030a8ffbd1c3c4d921b26bb', class: "p-2" }, h("form-control-select", { key: 'a308c124fd6379aa4767352033c736fe0c33b3fa', 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"; }

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

@@ -61,7 +61,7 @@ export class TerminalsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '0a3db94e812f99055939476c8e0e2f38828fbe5d' }, h("terminals-list-core", { key: 'c0795b3f95342ebf26d9e8e97446b4c8f79fb545', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '3c9b98a7e1b854420c30c19db04a8f2885894fa1' }, h("terminals-list-core", { key: '2dc457c44c142f3a2072015a2abe812e67d421bb', 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"; }

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

@@ -25,7 +25,6 @@ export class TokenizePaymentMethod {
     componentWillLoad() {
         checkPkgVersion();
         this.analytics = new JustifiAnalytics(this);
-        this.validateRequiredProps();
     }
     connectedCallback() {
         this.setDefaultSelectedPaymentMethod();
@@ -47,6 +46,7 @@ export class TokenizePaymentMethod {
     }
     async tokenizePaymentMethod(event) {
         event === null || event === void 0 ? void 0 : event.preventDefault();
+        this.validateRequiredProps();
         this.isLoading = true;
         try {
             const validation = await this.validate();
@@ -238,7 +238,7 @@ export class TokenizePaymentMethod {
         return paymentMethodId === PaymentMethodTypes.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: 'ebe1d84471e0c6a32ee69d457f63755801d68577' }, h("form", { key: '7cf3aa01ead5602aaa31a4400d6bd9e1f782c65d' }, h("fieldset", { key: 'e8b430c8defd6103f53cb0a534466093983cd409' }, h("div", { key: '40d2206b6c43d3f3f05ad95b7731e3ecbe3eba83', class: "row gy-3" }, h("div", { key: 'e548fea0d586e8b0a3c0232e05bf7bb11bd2fbfc', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: 'f903481cbc309fa89d8cb0c124d2cdbf41f034fd', class: "col-12" }, h("justifi-button", { key: 'e76830507419530b3b1da8f2eee8e5ff323fdf59', 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: '91aecb0a6d627adffa535424c3c9520b41df4361' }, h("form", { key: '7774c819c106f799b903b24a5d12b59a7b1e2353' }, h("fieldset", { key: 'a9c09136f00e96730a0f972a836ae56072afd02f' }, h("div", { key: 'cb20d29e8e3102d4db894f87e38e24ea367d1a4b', class: "row gy-3" }, h("div", { key: '191e06a9bc446e2043892d4c8a4060b00e87b1bf', class: "col-12" }, this.availablePaymentMethods.map((method) => this.renderPaymentMethodOption(method))), h("div", { key: '890bcd8a5a08a049d57385041b0b048fe3f04b51', class: "col-12" }, h("justifi-button", { key: 'd361acdb29c73c2a90b9de401c3cab4db020a71a', 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() {

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

@@ -16,6 +16,7 @@ const initialState = {
     disableCreditCard: false,
     disablePaymentMethodGroup: false,
     paymentAmount: 0,
+    paymentCurrency: 'USD',
     paymentDescription: '',
     paymentMethodGroupId: undefined,
     paymentMethods: [],

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

@@ -0,0 +1,146 @@
+import { h } from "@stencil/core";
+import { ApplePayButtonType, ApplePayButtonStyle } from "../api/ApplePay";
+const ProcessingSpinner = () => (h("div", { class: 'processing-overlay' }, h("div", { class: 'spinner' }), h("span", null, "Processing...")));
+export const ApplePayButton = (props) => {
+    const getApplePayButtonClass = () => {
+        let classes = "apple-pay-button";
+        switch (props.buttonStyle) {
+            case ApplePayButtonStyle.WHITE:
+                classes += " apple-pay-button-white";
+                break;
+            case ApplePayButtonStyle.WHITE_OUTLINE:
+                classes += " apple-pay-button-white-outline";
+                break;
+            case ApplePayButtonStyle.BLACK:
+            default:
+                classes += " apple-pay-button-black";
+                break;
+        }
+        switch (props.buttonType) {
+            case ApplePayButtonType.BUY:
+                classes += " apple-pay-button-type-buy";
+                break;
+            case ApplePayButtonType.DONATE:
+                classes += " apple-pay-button-type-donate";
+                break;
+            case ApplePayButtonType.PLAIN:
+            default:
+                classes += " apple-pay-button-type-plain";
+                break;
+        }
+        if (props.disabled || props.isProcessing || !props.isAvailable) {
+            classes += " disabled";
+        }
+        return classes;
+    };
+    const getButtonStyles = () => {
+        return {
+            width: props.width || "200px",
+            height: props.height || "48px",
+        };
+    };
+    const handleClick = () => {
+        if (!props.disabled &&
+            !props.isProcessing &&
+            props.isAvailable &&
+            props.clickHandler) {
+            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, `
+          .apple-pay-button-container {
+            display: inline-block;
+            position: relative;
+          }
+
+          /* Apple Pay CSS classes - these are the official Apple Pay button styles */
+          .apple-pay-button {
+            display: inline-block;
+            -webkit-appearance: -apple-pay-button;
+            -apple-pay-button-type: plain; /* default */
+            -apple-pay-button-style: black; /* default */
+            border-radius: 8px;
+            cursor: pointer;
+            border: none;
+            outline: none;
+            transition: opacity 0.2s ease;
+            position: relative;
+          }
+
+          /* Button styles */
+          .apple-pay-button.apple-pay-button-black {
+            -apple-pay-button-style: black;
+          }
+
+          .apple-pay-button.apple-pay-button-white {
+            -apple-pay-button-style: white;
+          }
+
+          .apple-pay-button.apple-pay-button-white-outline {
+            -apple-pay-button-style: white-outline;
+          }
+
+          /* Button types */
+          .apple-pay-button.apple-pay-button-type-plain {
+            -apple-pay-button-type: plain;
+          }
+
+          .apple-pay-button.apple-pay-button-type-buy {
+            -apple-pay-button-type: buy;
+          }
+
+          .apple-pay-button.apple-pay-button-type-donate {
+            -apple-pay-button-type: donate;
+          }
+
+          /* Hover and disabled states */
+          .apple-pay-button:hover:not(.disabled) {
+            opacity: 0.9;
+          }
+
+          .apple-pay-button.disabled {
+            opacity: 0.5;
+            cursor: not-allowed;
+          }
+
+          /* Processing overlay */
+          .processing-overlay {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 8px;
+            background: rgba(0, 0, 0, 0.8);
+            color: white;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+          }
+
+          .spinner {
+            width: 16px;
+            height: 16px;
+            border: 2px solid rgba(255, 255, 255, 0.3);
+            border-top: 2px solid #fff;
+            border-radius: 50%;
+            animation: spin 1s linear infinite;
+          }
+
+          @keyframes spin {
+            0% { transform: rotate(0deg); }
+            100% { transform: rotate(360deg); }
+          }
+
+          /* Responsive design */
+          @media (max-width: 480px) {
+            .apple-pay-button {
+              width: 100% !important;
+              min-width: 200px;
+            }
+          }
+        `)));
+};

package/dist/collection/ui-components/custom-popper/custom-popper.js

@@ -80,7 +80,7 @@ export class CustomPopper {
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: 'fa3e4321b61261759f0e180e61bdae9fc5f73944' }, h("style", { key: '1b543c604267f05bd47d7f2a1997e03051f4ab7c' }, `
+        return (h("div", { key: 'c5c8d766dfa1ad756a4133c8cafb7904802378dd' }, h("style", { key: 'e7362e29a1971eb98c78b9b1b27e7fd254c259c8' }, `
           .popper-content {
             display: none;
           }
@@ -88,7 +88,7 @@ export class CustomPopper {
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '06ef5a6d7f4f9583c683647641eecfda0bf41626', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '1d3edcdab5f2cbeeb77b6166521c6f54543ebf7c' }))));
+          `), h("div", { key: 'f317844cc31312b38d5a2c01f55c3c82d7b4966f', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '84c82c3768182536c2dcbf84c445ef67b4311d24' }))));
     }
     static get is() { return "custom-popper"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-checkbox.js

@@ -31,10 +31,10 @@ export class CheckboxInput {
         return inputCheckbox;
     }
     render() {
-        return (h(Host, { key: '4fb0d856e58021192e396f7dae287b99c77bd791' }, h("div", { key: '5007f605183d706f3376a39a7b7ec7d525d6b39e', class: 'form-group d-flex flex-column' }, h("div", { key: '86fc70ca655ce4f3dd606ae1ce6f68e6d38aad87', class: "form-check" }, h("input", { key: 'fd60081db4f79fcd83beb98eebcf03d941895546', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '0d374cd9b723d22a594cc15131fb58ea47f4bd30' }, h("div", { key: '8ac29bb245a0216555106f0032654546132677f2', class: 'form-group d-flex flex-column' }, h("div", { key: 'e332d04b1964a4f26d0b44ee69e80a16661f7774', class: "form-check" }, h("input", { key: 'f56ca248d45ad8ac9457c69befd9d071b79ca7e5', ref: el => (this.checkboxElement = el), type: "checkbox", id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '8af1e51c951aff7765a2f4b01d7a3870b5c83869', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: 'a197c2558d6745bc91b4cdee752b11c4f750f024', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: 'c12c67f283dfffb42c7a3a947e3dfc7ac40b13ec', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-check-input is-invalid' : 'form-check-input', disabled: this.disabled, checked: this.checked }), h("label", { key: '8187e193ea1bb8c91990d757f7697a716b07a17d', class: "form-check-label", htmlFor: this.name, part: label }, this.label)), h(FormControlHelpText, { key: '9ec4d8ec57ec09675ff83ec1125b1534da5b8275', helpText: this.helpText, name: this.name }), h(FormControlErrorText, { key: '01adbe1f12aa5590049a4dfbbb354070d2b35b55', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-checkbox"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-date.js

@@ -42,10 +42,10 @@ export class DateInput {
         return part;
     }
     render() {
-        return (h(Host, { key: 'fec9b5747b18a685be748d7d54297b6e9e169289' }, h("div", { key: '78cfd327c0efef8e5a5efdd21f54bac56fc88251', class: "form-group d-flex flex-column" }, h("div", { key: 'bfbb716509fef6189d8c48147a794ca5934807bb', class: "d-flex gap-2" }, h("label", { key: '655c4c941dcffff5692c1c2391a17fc8db4de2c4', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'a738c14fc219bd450920a493e7ecdac8e2e42c22', helpText: this.helpText })), h("input", { key: '4c0a532ac2da38dfc038691c90ac0fc937e14c49', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: '6cd65d367a94e06c8d49be26e3e8d7e2751cfa51' }, h("div", { key: '6ff62394e1879e3ecebe8c610e4eb4cf7a9060a3', class: "form-group d-flex flex-column" }, h("div", { key: '68f0f7d9e86666c589078356440c9aaa80bba217', class: "d-flex gap-2" }, h("label", { key: 'c328217fd188da129cb23cef60b0a62bc9ed971a', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '238b5b79e5374c7d9b96e18584de9c4bca68d980', helpText: this.helpText })), h("input", { key: '0d1ebc76676163c1361660bc9cc0d31577bdb8a5', type: this.showTime ? 'datetime-local' : 'date', ref: el => (this.dateInput = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '88fde8e90d540a3bf769fc1b1f400b6a31ac3e8b', errorText: this.errorText, name: this.name }))));
+            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-control is-invalid' : 'form-control', disabled: this.disabled, max: this.maxDate }), h(FormControlErrorText, { key: '0bd94154e9ae185fb7de192f385a7031cb556207', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-date"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-file-v2.js

@@ -2,7 +2,7 @@ import { Host, h, } from "@stencil/core";
 import { FormControlErrorText } from "./form-helpers/form-control-error-text";
 export class FileInput {
     render() {
-        return (h(Host, { key: 'fdfbffe4afa13884ed2dfcad7ac7aae2cc5d1466', exportparts: "label,input,input-invalid" }, h("div", { key: 'a40217b361515dc473840238f6de75becd846add', class: "form-group d-flex flex-column" }, h("div", { key: '148ff9bca27e1b1f3ef905c81ff31af5de3feb08', class: "d-flex align-items-start gap-2" }, h("label", { key: 'bbe1b2af670827ebd3ea2ca7c6b1ae616d2c0aa4', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'c6092aa758205b4c9f3c389980183f28d56f86ef', helpText: this.helpText })), h("input", { key: '18d3595c9eb579c84d6373237fcea037d095d4c5', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: 'bc48d8fd8c489507303b66745161963d31ddb84d', errorText: this.errorText, name: this.name }))));
+        return (h(Host, { key: '2471eb40bed06640e17dd9cfadfe427c4178d923', exportparts: "label,input,input-invalid" }, h("div", { key: '0463e18df33326affe7a829711d7b7c615048c2c', class: "form-group d-flex flex-column" }, h("div", { key: 'f74bc11fc71a94edc1abfdfe19c361b4fb06fd8d', class: "d-flex align-items-start gap-2" }, h("label", { key: 'f2e7975411fe2e328554d2b90e1d730864db6f22', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: 'fd4aec54d0d69b1528083f564db69705e4ec1c96', helpText: this.helpText })), h("input", { key: '1eb925311b0cd7257d17565726e32a00766a3b9a', type: "file", name: this.name, part: `input ${this.errorText ? "input-invalid " : ""}${this.disabled ? "input-disabled" : ""}`, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onBlur: () => this.formControlBlur.emit(), onChange: () => this.errorText = "" }), h(FormControlErrorText, { key: '4e0897e145758bdbf8b2a707ed6b7c0ddaaf9cc7', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file-v2"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-file.js

@@ -37,10 +37,10 @@ export class FileInput {
         return part;
     }
     render() {
-        return (h(Host, { key: 'e157eea9bc728b97b8f61cc4da004756e663bc32' }, h("div", { key: '046f70cf63cd6724b4d42c13a7366a443f33c384', class: "form-group d-flex flex-column" }, h("div", { key: 'a121a7eb6229c423cfd4949b8f4af6b6140316c4', class: "d-flex align-items-start gap-2" }, h("label", { key: 'a885e1e8d0b0f71299c88446bfc29a546016e543', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '039c26c916c18969c17cdb4f3950c679811b5880', helpText: this.helpText })), h("input", { key: 'b3a20a82acd6fcbc3f61b8a72865b53e5c05b70b', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'fdb25496e92f4a0ac8d59dc21a1ee0b4364dfb0b' }, h("div", { key: 'dfbb750595eafcaef0d02dffa740c58b0459d99a', class: "form-group d-flex flex-column" }, h("div", { key: '78b3a1c682ad87d317f7e7407fbd73392a20b5c2', class: "d-flex align-items-start gap-2" }, h("label", { key: '1f0a3ee1e9252c5ea446636d6602102bb7b6215c', part: label, class: "form-label", htmlFor: this.name }, this.label), h("form-control-tooltip", { key: '7cf6117ae465514d3cbeb1ed2186f6b9d708c14e', helpText: this.helpText })), h("input", { key: '44a29d1872127ae6b588553cceed75144dd80381', ref: (el) => this.fileInput = el, type: "file", name: this.name, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", multiple: this.multiple, disabled: this.disabled, onChange: this.changeHandler, onInput: this.handleFormControlInput, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            } }), h(FormControlErrorText, { key: '8a1b494b2fae5e8f3c3732773c1e64f28a9c4040', errorText: this.errorText, name: this.name }))));
+            } }), h(FormControlErrorText, { key: '50be6125a92cc147aa1b7be3b6777835d7a8d0c3', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-file"; }
     static get properties() {

package/dist/collection/ui-components/form/form-control-monetary.js

@@ -42,10 +42,10 @@ export class MonetaryInput {
         return input;
     }
     render() {
-        return (h(Host, { key: '0e31cb58a7b3560cea88bc515b55e787d6be0a71' }, h("div", { key: 'd0ad28b761a1fb95b5e446684eb77d25202908fd', class: "form-group d-flex flex-column" }, h("label", { key: 'f075865f14b8697838454c3da270e974e19b0bb4', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '4835ba829efc4d65ec93f8c406c56635f3fb55e9', name: this.name, helpText: this.helpText }), h("div", { key: '88394d95831cf79a9f6d68ed824e2f0f28e5c4b3', class: "input-group" }, h("span", { key: 'c0f56328b5330230114cbc6dbec2ff5ab50fa6fa', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '615dee630e13fc603bcf0020588ea89a8006fe97', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
+        return (h(Host, { key: 'c8f67091e23f41d7cff3ae8e7d484682546c7b46' }, h("div", { key: '5a957dc0aec90bdf3220b8b736353d158d23d5e2', class: "form-group d-flex flex-column" }, h("label", { key: 'a71b52991e5ec8a46aa01d0d3017aaf6de15a682', part: label, class: "form-label", htmlFor: this.name }, this.label), h(FormControlHelpText, { key: '85b306a5a8445187ac103d15926ef9d6d161db3c', name: this.name, helpText: this.helpText }), h("div", { key: '2a9cf50fc362e436d6c2b3c592fea5ddfbc95710', class: "input-group" }, h("span", { key: '99829c1fb6bec3bb86fa7c13bf3182f04b41a5bc', class: "input-group-text", part: inputAdornment }, "$"), h("input", { key: '8adbcae5bb6aa9d110b5c47b29edd6021a90b3fc', ref: el => this.formControl = el, id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
                 this.isFocused = false;
                 this.formControlBlur.emit();
-            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: 'cb2c4f53cc3bdc3b83302b30cb6087cac33e7a95', errorText: this.errorText, name: this.name }))));
+            }, onInput: (event) => this.updateInput(event.target.value), onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.inputPart, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled })), h(FormControlErrorText, { key: 'c390bb0b610a367b9ca08ff3a737250b97b685fb', errorText: this.errorText, name: this.name }))));
     }
     static get is() { return "form-control-monetary"; }
     static get properties() {