@justifi/webcomponents 6.6.0 → 6.7.1

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

@@ -4,6 +4,8 @@ import './dinero.js';
 import { n as PayoutBalanceTransaction, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { P as PayoutService } from './payout.service.js';
@@ -12,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 { d as convertToLocal } from './utils2.js';
-import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
+import { e as convertToLocal } from './utils2.js';
+import { w as tableHeadCell, ac as getAlternateTableCellPart } from './parts.js';
 import { d as defineCustomElement$2 } from './pagination-menu2.js';
 
 const makeGetPayoutTransactions = ({ accountId, authToken, service }) => async ({ params, onSuccess, onError, final }) => {
@@ -186,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: '9f092c68dccaa6edbfe95561e2cbd1ac1210ab58' }, h(TableWrapper, { key: '6944ad21168302990987ca034c8fea223477d506' }, h(TableComponent, { key: 'ee555d5911dcce948f654743ea4fa73774648417' }, h(TableHead, { key: 'b59b382efee3f65335fa4b2e7dcad191e417718f' }, h(TableHeadRow, { key: 'd5ea50dcf8386661964fd365f8896dd693dc8e2d' }, this.transactionsTable.columnData.map((column) => column))), h(TableBody, { key: '530368066f0fd622ac3e44bce047caebe80a27e8' }, h(TableLoadingState, { key: '90405e41309a2663f0dd6447de2b79a15c197283', columnSpan: this.transactionsTable.columnKeys.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'c7d13445f78a40c725e0e36f280bcdd2ae27c45e', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnKeys.length }), h(TableErrorState, { key: '3ce022e71a0c31eb5bbbebcd301ec48c5fe7562c', 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: '32d24d5dbe2403ffe609701eb444130f0e140ef5' }, h(TableFootRow, { key: '866418bf774828f3c7c40643fa851b357176a5cf' }, h(TableFootCell, { key: '55b1dca5a67f55bfce4360672c6137fd5a5d3ea8', colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'b6111f7bedaebf10fbde218278bce7c0912fa526', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        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 }) })))))))));
     }
     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 { ag as payoutsListFilterMenu, ah as createdAfterPayoutsListFilterParam, ai as createdBeforePayoutsListFilterParam } from './parts.js';
+import { aj as payoutsListFilterMenu, ak as createdAfterPayoutsListFilterParam, al 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 { e as convertToUTC, d as convertToLocal } from './utils2.js';
+import { d as convertToUTC, e 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: '5d6225ed6b42e7c847b09554af72cc72faa11a44' }, h("table-filters-menu", { key: '0b15540b7c7d06995dcd90aafa9f2d1718f27066', params: filterMenuParams, clearParams: clearParams, part: payoutsListFilterMenu }, h("div", { key: '23ad5555bf24363e9ed3c4848d695f0a6638e755', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '7f339932224a100fe10023f73ef98f3d75769d2a', class: "p-2" }, h("form-control-date", { key: '5c77f9328d63ad037c3f13924bdb0064e26271ec', 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: '0f83d5b66eca9ac771d1465a43c44568f218412e', class: "p-2" }, h("form-control-date", { key: '4cc1b4e2fe14f1d38eb24bbb8e629196e4664923', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDate: true }) ||
+        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 }) ||
                 convertToLocal(filterParams.created_before, { showInputDate: true }), disabled: !!this.createdBefore, part: createdBeforePayoutsListFilterParam }))))));
     }
 }, [257, "justifi-payouts-list-filters", {

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

@@ -6,6 +6,8 @@ import './config-state.js';
 import './dinero.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { m as makeGetPayoutCSV } from './get-payout-csv.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
@@ -106,7 +108,7 @@ const PayoutsList = /*@__PURE__*/ proxyCustomElement(class PayoutsList extends H
         }
     }
     render() {
-        return (h(StyledHost, { key: '51aa413844ef56765fe0f7666682a391ef0eb887' }, h("payouts-list-core", { key: '14e0d154b51c291bc61b1e6c19eafc598067c96e', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        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 })));
     }
     static get watchers() { return {
         "accountId": ["propChanged"],

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

@@ -5,6 +5,8 @@ import './config-state.js';
 import { R as RefundReasons, a as ComponentErrorSeverity, C as ComponentErrorCodes, q as RefundPayload } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { B as Button } from './button.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';

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: 'ec4501cc6adeb50cba35c10a5c92b3b29910db10', class: "payment-method" }, h("div", { key: '41a290068a7ab9d9d5146334f47ef0469cb89a8c', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '26bf58bc46e8757fa3de2e71ed9d75ec8df64933', 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: '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}` }))));
     }
 }, [256, "justifi-saved-payment-method", {
         "paymentMethodOption": [16],

package/dist/module/justifi-season-interruption-insurance.js

@@ -3,6 +3,8 @@ import { A as Api } from './Api.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { c as checkPkgVersion, J as JustifiAnalytics } from './Analytics.js';
 import { c as checkoutStore } from './checkout.store.js';

package/dist/module/justifi-skeleton.js

@@ -11,7 +11,7 @@ const JustifiSkeleton$1 = /*@__PURE__*/ proxyCustomElement(class JustifiSkeleton
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'c7a5358801bf9e48ae87197b247c3e076967da3c' }, h(Skeleton, { key: '6eedc5f6c918abc5ce1475aa9eb3fa4cd39a62d3', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: '2bb7c8b02477b880d0ebefebe37e62573b2a68d3' }, h(Skeleton, { key: '067e503b0e6047b9f14603336cba0112247c2a54', 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,15 +1,17 @@
 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 { aj as terminalOrdersListFilterMenu, ak as orderStatusTerminalOrdersListFilterParam, al as orderTypeTerminalOrdersListFilterParam, am as createdAfterTerminalOrdersListFilterParam, an as createdBeforeTerminalOrdersListFilterParam } from './parts.js';
+import { am as terminalOrdersListFilterMenu, an as orderStatusTerminalOrdersListFilterParam, ao as orderTypeTerminalOrdersListFilterParam, ap as createdAfterTerminalOrdersListFilterParam, aq 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 { e as convertToUTC, d as convertToLocal } from './utils2.js';
+import { d as convertToUTC, e as convertToLocal } from './utils2.js';
 import { T as TerminalOrderStatus, f as TerminalOrderType } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-date2.js';
 import { d as defineCustomElement$4 } from './form-control-select2.js';
@@ -64,8 +66,8 @@ const TerminalOrdersListFilters = /*@__PURE__*/ proxyCustomElement(class Termina
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '9bd61361f7ccfc1ec44ae80d26f19b5b4c909008' }, h("table-filters-menu", { key: 'cc8dec4a56977dc8a46edd8d730c4a2bad49627d', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'b70e5bd07c74f088d4196e5293870ea158ae8b8b', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '5a8374fc86d6097a3b152911655f32d191a32879', class: "p-2" }, h("form-control-select", { key: 'b19d04139b99ce9078826824d6379c845fdbdc43', 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: 'c3945ec056b764dc5e31889ea4be4d3c91ac719f', class: "p-2" }, h("form-control-select", { key: '7e754d0ef494d254c36b496025453770b25cf026', 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: 'e6a1f059008edc1fd233c0140223fc1f94bf1cbb', class: "p-2" }, h("form-control-date", { key: 'ac62a333824b66bc21c6aeb4f8040542ec61a024', 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: '2ef7997bf1d5925bd2a1d1178abe00dc5c67aa1e', class: "p-2" }, h("form-control-date", { key: 'a379f699c541550977b85778e38db4479608cab3', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        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 }) ||
                 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

@@ -10,6 +10,8 @@ import './dinero.js';
 import { o as TerminalOrder, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { A as Api } from './Api.js';
 import { d as defineCustomElement$3 } from './pagination-menu2.js';
@@ -98,7 +100,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: '87920c2bfe428ad888b11c236f6a276100559734' }, h("terminal-orders-list-core", { key: '23c36c05b8568c180dada8c84d978ada76cc8ac3', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'ff51026cc99afbe51442832292c46053ad0c538a' }, h("terminal-orders-list-core", { key: 'c99fe72d7ab55b4560b4af08b1152cec7a8d663b', 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 { ao as terminalsListFilterMenu, ap as terminalIdTerminalsListFilterParam, aq as terminalOrderIdTerminalsListFilterParam, ar as terminalStatusTerminalsListFilterParam } from './parts.js';
+import { ar as terminalsListFilterMenu, as as terminalIdTerminalsListFilterParam, at as terminalOrderIdTerminalsListFilterParam, au as terminalStatusTerminalsListFilterParam } from './parts.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
@@ -11,6 +11,8 @@ import './dinero.js';
 import { g as ITerminalStatus } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { d as defineCustomElement$6 } from './custom-popper2.js';
 import { d as defineCustomElement$5 } from './form-control-select2.js';
 import { d as defineCustomElement$4 } from './form-control-text2.js';
@@ -54,7 +56,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        return (h(StyledHost, { key: '08766d9dcbaa11721e3a56fb80347fea4f39cea6' }, h("table-filters-menu", { key: '644b5a1e15536b7d047b681ebd0f2d95a4312723', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: 'e97749c06d6d9ec620e312c0f7878bb427a6cf40', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '2b7946bac76d2f319f1c0b256f1fd1598c4c1cbd', class: "p-2" }, h("form-control-text", { key: '4ad0250fa8c01a11be8ad617e21337b9b6d9b28d', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'd0149ecb5a924affa4ea73a5662ebc1c5ef5f1b7', class: "p-2" }, h("form-control-text", { key: '57c4b7357d3cabe20bb9389dcd68958e58c2269e', 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: '9ebd5c80e05374f756f37881723159a45af24833', class: "p-2" }, h("form-control-select", { key: '599d6db4f14233dd80a0a28436fbc6863f238047', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        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 }))))));
     }
 }, [257, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],

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

@@ -6,6 +6,8 @@ import './config-state.js';
 import './dinero.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccounts.js';
 import { S as StyledHost } from './styled-host.js';
@@ -103,7 +105,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: '90d4ec28b49f0cca424bd1557d46600798455464' }, h("terminals-list-core", { key: 'b0b70bf95fa460d62a83e3b1182ec612c74fde8a', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '9bf1797fc21c7fdf2b58aedab5819513338e714b' }, h("terminals-list-core", { key: '46c5f5cc5a436d47e4813207cce07d28a4f20ef7', 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: '5f1718b411f39112cfcc2c0b744c49aa5140374d', 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: '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 }));
     }
 }, [257, "justifi-tokenize-payment-method", {
         "accountId": [1, "account-id"],

package/dist/module/modular-checkout.js

@@ -6,6 +6,8 @@ import './dinero.js';
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes, c as ComponentErrorMessages, I as ICheckoutStatus } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils4.js';
 import { C as CheckoutService } from './checkout.service.js';
 import { P as PlaidService } from './plaid.service.js';
@@ -77,6 +79,25 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         this.submitEvent = createEvent(this, "submit-event", 7);
         this.checkoutChangedEvent = createEvent(this, "checkout-changed", 7);
         this.plaidService = new PlaidService();
+        this.handleGooglePayCompleted = (event) => {
+            const { success, paymentMethodId, error } = event.detail || {};
+            if (success && paymentMethodId) {
+                checkoutStore.paymentToken = paymentMethodId;
+                checkoutStore.selectedPaymentMethod = { type: PAYMENT_METHODS.GOOGLE_PAY };
+                this.submitCheckout();
+            }
+            else {
+                this.errorEvent.emit({
+                    message: (error && error.message) || "Google Pay payment failed",
+                    errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: ComponentErrorSeverity.ERROR,
+                });
+            }
+        };
+        this.handleGooglePayCancelled = () => {
+            checkoutStore.paymentToken = undefined;
+            checkoutStore.selectedPaymentMethod = undefined;
+        };
         this.handleApplePayCompleted = (event) => {
             const { success, token, paymentMethodId, error } = event.detail;
             if (success && token) {
@@ -112,6 +133,7 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
             this.setupApplePayListeners(); // set up again listeners when DOM changes
+            this.setupGooglePayListeners();
         });
         this.observer.observe(this.hostEl, {
             childList: true,
@@ -146,11 +168,13 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
     componentDidLoad() {
         this.queryFormRefs();
         this.setupApplePayListeners();
+        this.setupGooglePayListeners();
     }
     disconnectedCallback() {
         var _a;
         (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
         this.removeApplePayListeners();
+        this.removeGooglePayListeners();
     }
     fetchCheckout() {
         if (!this.authToken || !this.checkoutId) {
@@ -193,7 +217,7 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         }
     }
     updateStore(checkout) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         checkoutStore.accountId = checkout.account_id;
         checkoutStore.checkoutLoaded = true;
         checkoutStore.paymentMethods = checkout.payment_methods.map((paymentMethod) => new PaymentMethod(paymentMethod));
@@ -205,11 +229,12 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         checkoutStore.insuranceEnabled = checkout.payment_settings.insurance_payments;
         checkoutStore.bankAccountVerification = (_a = checkout.payment_settings) === null || _a === void 0 ? void 0 : _a.bank_account_verification;
         checkoutStore.applePayEnabled = (_b = checkout.payment_settings) === null || _b === void 0 ? void 0 : _b.apple_payments;
-        checkoutStore.bnplProviderClientId = (_c = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _c === void 0 ? void 0 : _c.provider_client_id;
-        checkoutStore.bnplProviderMode = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_mode;
-        checkoutStore.bnplProviderApiVersion = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_api_version;
+        checkoutStore.googlePayEnabled = (_c = checkout.payment_settings) === null || _c === void 0 ? void 0 : _c.google_payments;
+        checkoutStore.bnplProviderClientId = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_client_id;
+        checkoutStore.bnplProviderMode = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_mode;
+        checkoutStore.bnplProviderApiVersion = (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_api_version;
         checkoutStore.bnplProviderCheckoutUrl =
-            (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_checkout_url;
+            (_g = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _g === void 0 ? void 0 : _g.provider_checkout_url;
     }
     emitCheckoutChanged() {
         const detail = {
@@ -222,6 +247,7 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
     queryFormRefs() {
         this.billingFormRef = this.hostEl.querySelector("justifi-billing-form, justifi-bank-account-billing-form-simple, justifi-card-billing-form-simple, justifi-billing-form-full");
         this.applePayRef = this.hostEl.querySelector("justifi-apple-pay");
+        this.googlePayRef = this.hostEl.querySelector("justifi-google-pay");
         this.paymentMethodFormRef =
             this.hostEl.querySelector('justifi-card-form, justifi-bank-account-form, justifi-tokenize-payment-method');
         this.insuranceFormRef = this.hostEl.querySelector('justifi-season-interruption-insurance');
@@ -240,6 +266,18 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
             this.applePayRef.removeEventListener("applePayCancelled", this.handleApplePayCancelled);
         }
     }
+    setupGooglePayListeners() {
+        if (this.googlePayRef) {
+            this.googlePayRef.addEventListener("googlePayCompleted", this.handleGooglePayCompleted);
+            this.googlePayRef.addEventListener("googlePayCancelled", this.handleGooglePayCancelled);
+        }
+    }
+    removeGooglePayListeners() {
+        if (this.googlePayRef) {
+            this.googlePayRef.removeEventListener("googlePayCompleted", this.handleGooglePayCompleted);
+            this.googlePayRef.removeEventListener("googlePayCancelled", this.handleGooglePayCancelled);
+        }
+    }
     async tokenizePaymentMethod(tokenizeArgs) {
         var _a, _b, _c;
         const billingInfoValues = (_b = (await ((_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.getValues()))) !== null && _b !== void 0 ? _b : {};
@@ -394,6 +432,8 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
                     return PAYMENT_MODE.BNPL;
                 case PAYMENT_METHODS.APPLE_PAY:
                     return PAYMENT_MODE.APPLE_PAY;
+                case PAYMENT_METHODS.GOOGLE_PAY:
+                    return PAYMENT_MODE.GOOGLE_PAY;
                 default:
                     return undefined;
             }
@@ -431,7 +471,7 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         });
     }
     render() {
-        return h(Host, { key: '13f25de7b4273e26e762fe38f032ffd99f2a44c0' });
+        return h(Host, { key: 'e771926ee79c47b09145bd44b47cbba3c21be3eb' });
     }
     get hostEl() { return this; }
 }, [256, "justifi-modular-checkout", {

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.6.0";
+const version = "6.7.1";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

package/dist/module/parts.js

@@ -115,6 +115,9 @@ const checkoutsListFilterMenu = `${filterMenu} checkouts-list-filter-menu`;
 const checkoutsListFilterParam = `checkouts-list-filter-param`;
 const statusCheckoutsListFilterParam = `${checkoutsListFilterParam} checkout-status-checkouts-list-filter-param`;
 const paymentModeCheckoutsListFilterParam = `${checkoutsListFilterParam} payment-mode-checkouts-list-filter-param`;
+const checkoutIdCheckoutsListFilterParam = `${checkoutsListFilterParam} checkout-id-checkouts-list-filter-param`;
+const createdAfterCheckoutsListFilterParam = `${checkoutsListFilterParam} created-after-checkouts-list-filter-param`;
+const createdBeforeCheckoutsListFilterParam = `${checkoutsListFilterParam} created-before-checkouts-list-filter-param`;
 // Terminals List Filters
 const terminalsListFilterMenu = `${filterMenu} terminals-list-filter-menu`;
 const terminalsListFilterParam = `terminals-list-filter-param`;
@@ -129,4 +132,4 @@ const orderTypeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam}
 const createdAfterTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-after-terminal-orders-list-filter-param`;
 const createdBeforeTerminalOrdersListFilterParam = `${terminalOrdersListFilterParam} created-before-terminal-orders-list-filter-param`;
 
-export { buttonLink as $, paginationButtonIconPrevious as A, paginationButtonText as B, paginationButtonIconNext as C, loadingSpinner as D, badgeDark as E, badgeLight as F, badgeInfo as G, badgeWarning as H, badgeDanger as I, badgeSuccess as J, badgeSecondary as K, badgePrimary as L, badge as M, alertDanger as N, inputCheckboxInvalid as O, inputCheckboxCheckedFocused as P, inputCheckboxFocused as Q, inputCheckboxChecked as R, inputCheckbox as S, inputAdornment as T, inputGroup as U, inputInvalidAndFocused as V, billingForm as W, heading3 as X, buttonSecondary as Y, heading4 as Z, image as _, heading1 as a, buttonPrimary as a0, buttonLoading as a1, heading5 as a2, checkoutSummary as a3, checkoutsListFilterMenu as a4, statusCheckoutsListFilterParam as a5, paymentModeCheckoutsListFilterParam as a6, dropdownMenuButton as a7, dropdownMenu as a8, getAlternateTableCellPart as a9, paymentsListFilterMenu as aa, paymentIdPaymentsListFilterParam as ab, terminalIdPaymentsListFilterParam as ac, paymentStatusPaymentsListFilterParam as ad, createdAfterPaymentsListFilterParam as ae, createdBeforePaymentsListFilterParam as af, payoutsListFilterMenu as ag, createdAfterPayoutsListFilterParam as ah, createdBeforePayoutsListFilterParam as ai, terminalOrdersListFilterMenu as aj, orderStatusTerminalOrdersListFilterParam as ak, orderTypeTerminalOrdersListFilterParam as al, createdAfterTerminalOrdersListFilterParam as am, createdBeforeTerminalOrdersListFilterParam as an, terminalsListFilterMenu as ao, terminalIdTerminalsListFilterParam as ap, terminalOrderIdTerminalsListFilterParam as aq, terminalStatusTerminalsListFilterParam as ar, tableHead as as, tableHeadRow as at, tableRow as au, tableFoot as av, tableFootRow as aw, tableFootCell as ax, tableEmpty as ay, tableError as az, label as b, inputInvalid as c, inputDisabled as d, inputFocused as e, tooltipIcon as f, tooltip as g, heading2 as h, input as i, tooltipInner as j, textDanger as k, link as l, inputRadioInvalid as m, inputRadioCheckedFocused as n, inputRadioChecked as o, inputRadioFocused as p, inputRadio as q, radioListItem as r, skeleton as s, text as t, card as u, table as v, tableHeadCell as w, tableCell as x, paginationButton as y, paginationButtonDisabled as z };
+export { buttonLink as $, paginationButtonIconPrevious as A, paginationButtonText as B, paginationButtonIconNext as C, loadingSpinner as D, badgeDark as E, badgeLight as F, badgeInfo as G, badgeWarning as H, badgeDanger as I, badgeSuccess as J, badgeSecondary as K, badgePrimary as L, badge as M, alertDanger as N, inputCheckboxInvalid as O, inputCheckboxCheckedFocused as P, inputCheckboxFocused as Q, inputCheckboxChecked as R, inputCheckbox as S, inputAdornment as T, inputGroup as U, inputInvalidAndFocused as V, billingForm as W, heading3 as X, buttonSecondary as Y, heading4 as Z, image as _, heading1 as a, buttonPrimary as a0, buttonLoading as a1, heading5 as a2, checkoutSummary as a3, checkoutsListFilterMenu as a4, checkoutIdCheckoutsListFilterParam as a5, statusCheckoutsListFilterParam as a6, paymentModeCheckoutsListFilterParam as a7, createdAfterCheckoutsListFilterParam as a8, createdBeforeCheckoutsListFilterParam as a9, tableFootCell as aA, tableEmpty as aB, tableError as aC, dropdownMenuButton as aa, dropdownMenu as ab, getAlternateTableCellPart as ac, paymentsListFilterMenu as ad, paymentIdPaymentsListFilterParam as ae, terminalIdPaymentsListFilterParam as af, paymentStatusPaymentsListFilterParam as ag, createdAfterPaymentsListFilterParam as ah, createdBeforePaymentsListFilterParam as ai, payoutsListFilterMenu as aj, createdAfterPayoutsListFilterParam as ak, createdBeforePayoutsListFilterParam as al, terminalOrdersListFilterMenu as am, orderStatusTerminalOrdersListFilterParam as an, orderTypeTerminalOrdersListFilterParam as ao, createdAfterTerminalOrdersListFilterParam as ap, createdBeforeTerminalOrdersListFilterParam as aq, terminalsListFilterMenu as ar, terminalIdTerminalsListFilterParam as as, terminalOrderIdTerminalsListFilterParam as at, terminalStatusTerminalsListFilterParam as au, tableHead as av, tableHeadRow as aw, tableRow as ax, tableFoot as ay, tableFootRow as az, label as b, inputInvalid as c, inputDisabled as d, inputFocused as e, tooltipIcon as f, tooltip as g, heading2 as h, input as i, tooltipInner as j, textDanger as k, link as l, inputRadioInvalid as m, inputRadioCheckedFocused as n, inputRadioChecked as o, inputRadioFocused as p, inputRadio as q, radioListItem as r, skeleton as s, text as t, card as u, table as v, tableHeadCell as w, tableCell as x, paginationButton as y, paginationButtonDisabled as z };

package/dist/module/payment-details-core2.js

@@ -4,6 +4,8 @@ import { a as formatDate, b as formatTime, s as snakeCaseToHumanReadable } from
 import { e as PaymentStatuses, b as DisputeStatus } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { P as PaymentStatusBadge, M as MapPaymentStatusToBadge } from './payments-status.js';
 import { E as ErrorState, b as EntityHeadInfo, c as EntityHeadInfoItem, D as DetailSectionTitle, a as DetailItem, C as CodeBlock } from './utils.js';
 import { S as StyledHost } from './styled-host.js';
@@ -62,16 +64,16 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         return this.payment.status;
     }
     render() {
-        return (h(StyledHost, { key: 'fec3305a844614ad9b274043a0517d84141d848e' }, this.loading && h(PaymentDetailsLoading, { key: '68bc7b379e535d860b083730c9d4f43093b32b3e' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: '23a55f03a05644c8585f4ba3103afde609099582', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '9869edc1c084a4342554509e8bca43e799bac204', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '8449641a40780193d3238f3fc1f600707ed65ef8', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '27c7bcba42ce152577127b5f3b566fc514662582', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'd9597c8558b92e3288d923240f617ca360b26e3e', title: "ID", value: this.payment.id })), h("div", { key: '201bca829fdc01c93ac4cace2ef0873dda54a43f', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '5b0c82f8730a99ff3c567f376e97f51c138090ad', sectionTitle: "Details" }), h("div", { key: '70223ad47ceb19cb239df4ecf64d63468200a7fb', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'e8731ceb4d840316b5bef184b97f4bc919f2ff91', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '4d991168e31cfe16fd07f6e33ccd9e8704f11479', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '2ae6acd087d75d284fc257d679f257c4ce0358d3', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '93d0a05e0f56e962c47d44f603352fad4ac889cf', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '56fed56e47ab6dec8ec082d76779b0c87b5e7c44', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '9a9c36a68c85d33bd0e09145fa1dc5ef200553d2', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'b64337d75eb483c1a62d2c1c0aebbeadea612c62', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '106bc423cbc846086a1fea06872d5096e1ce70b7', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '4f0f3500631f2e1915742c47446e614ab9f75fab', title: "Description", value: this.payment.description }), h(DetailItem, { key: '6f904ed7fde935a223548e725bb83492ccc7e815', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '9efc79c79a55d57edd39ab4af136c23503505a4a', sectionTitle: "Payment Method" }),
-            h("div", { key: '9ae74650e4eb54f220a3560a9d4e882ed18657b7', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '93602ac8c0f1ebd0238c303cae3f7d99b3c2a834', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '4455ceb93c49a6f273a66366c32119d726f4210e', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'd0b117c35b7eb11e53996d1911e3a2f135e8b013', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '60722b6328e687d695f297faec40db5219f47e04', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'f219fed28fdde186816e781ecdd3ac99d0443a3f', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: '897f110cc1e602d25eaed1e4c7ff633761e11f8a' }, this.loading && h(PaymentDetailsLoading, { key: '2390e14caa62f12f4adcfdb50589bf17d854f853' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: 'da4af7a21cc4920dc3b8d72166e0d9710a8e3d14', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '6b72f81416a4d1f4be88660d86d4f7cd178bf7c1', slot: "head-info", badge: (h("div", { class: "d-flex gap-1" }, MapPaymentStatusToBadge(this.PaymentStatus), this.payment.expedited ? (h(Badge, { variant: BadgeVariant.WARNING, title: "Expedited", text: "Expedited" })) : null)), title: this.payment.formattedPaymentAmount(this.payment.amount) }, h(EntityHeadInfoItem, { key: '8335dd749f3dc4224e605ad8f8de0efcb85ac6f1', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '7826a2307a07a7c4618c5072de941c92be442919', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: 'a9d7dc401d17f3e54c210dc43d575d7aa685cebb', title: "ID", value: this.payment.id })), h("div", { key: '6c8a9d26224eb8908d3f9f0d2481a9b0291ec0e8', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '275233e1c562417f4c62f19d6e486870c75f509e', sectionTitle: "Details" }), h("div", { key: '8b64a27dcf138499d05f1120b52127d056adb3ef', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '53fd8b67735b9fd79b7e1d0c6889b49d05561d2c', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: 'f985817210327ddb08f6995a6bb74749c74ca412', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '035ebe3c300b343baf1a6e1358ff360eb5a7ebdc', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '5476a76cb3c7f0b4f06c3d0cbc6c2b31c2e6aa30', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '93ec44f691a0103760552105b14e63e65d876cc2', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'd25eb1e7c904b4de2e713c7e5a9ac9dfc6932725', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: '0f79064481e04ee543895b8c5e34b010aa47cf10', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'bfab2390b0828d8186490b929c9208a2174b194e', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'd0bb93f953fa340fbc8cae5a95c8869aa368740c', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'b4e838f2ad05e26e38dfff7d4497a59a18f03515', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '1aee93fd414a6b0710ee9123eaa2476e8d9c1b91', sectionTitle: "Payment Method" }),
+            h("div", { key: '4af47995db0b4dd4eacb33275304ada1d5f5a614', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '028460cb83da1828def26a84af5c03aafc69881b', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '6c0108fdc8062a8c97ad4261fb5235d10a255ca1', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '036bb0a94869285ce164c580cf6a51a74f6e6a98', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '354f34777d3e302aaa42843bd2a473490d54af81', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'cb00b1f1197157cd887b32ba045f7c497a0d82f1', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '7bd0487ca3df8b1f1aca1ad098d8e4c194deffa9', sectionTitle: "Payment Method" }),
-            h("div", { key: 'eda1aa95df1c59baa4a7cbfdee3653df7608d0a4', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '32f8a5ca8aaa2f1f9b99dd3f4c2d38e5e21491e3', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: '912d39644f28b5a046c63dda5dc36a668a6c6a9b', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '026d5ab1a217ae5d30725201d2f113fbf98f917c', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'bfef3c40eed28c2742517e43c7efa81bdf0f6164', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: 'a3552321a808a9925de285734c3964971ebd1fd0', sectionTitle: "Payment Method" }),
+            h("div", { key: '2839e5f7d22262403897030396cc967e699c6004', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'a553c56003fd661f070441e0c4cc54e66f755079', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'e7ea5f7cac2c0af4c7007aa7e51fb39b8148799c', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: 'c97b78da4ad5f1ff60febed316cf742d770dd5ca', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'f6864e9c96af985f2f016c8e0e6da79ee8072f2c', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: '4722747a90456b1f174bd46def945f5e46c528b7', sectionTitle: 'Metadata' }),
-            h("div", { key: 'd9f78ebc86bbca2361e447e2bd48c9184d990ee8', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '46ea7ac74edbd9a19ae72b101f6c00902d005b1d', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: 'f78d841cdcd9ab97b3de6a9d10777f93e0e44606', sectionTitle: 'Metadata' }),
+            h("div", { key: '32eb14cbb95287318d1024389c6bf59ceaa2733a', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '9acf835dba75070dac3cdfa4f19ea5f1d13e68a4', metadata: this.payment.metadata }))
         ])))));
     }
     static get watchers() { return {

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

@@ -16,7 +16,7 @@ const PaymentMethodOption$1 = /*@__PURE__*/ proxyCustomElement(class PaymentMeth
         this.__attachShadow();
     }
     render() {
-        return (h(StyledHost, { key: 'f97805cf29a1e005a81eba967022c9582f8d3a51', class: "payment-method" }, h("div", { key: '00faf8cdec6a8e30a112b3fbdf98d365d62185a2', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '27321376a8f0f7722447da8b4ed42dce9b14c318', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: 'def03655a2fec491cdcf915e86ce076fbce3fe2c', class: "payment-method" }, h("div", { key: '774b1eddeb552374158a085152d78f03345a56a0', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '24dbc2f35760401d64eeb252b178ede3fb0631fe', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
     }
 }, [257, "payment-method-option", {
         "paymentMethodOptionId": [1, "payment-method-option-id"],

package/dist/module/payment.service.js

@@ -2,6 +2,8 @@ import { A as Api } from './Api.js';
 import './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 
 const api = Api();
 class PaymentService {

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

@@ -4,13 +4,15 @@ import './dinero.js';
 import './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import './details.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { M as MapPaymentStatusToBadge } from './payments-status.js';
-import { d as convertToLocal } from './utils2.js';
-import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
+import { e as convertToLocal } from './utils2.js';
+import { w as tableHeadCell, ac as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './payments-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -138,7 +140,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: 'ebfd35a52a0252306d388dbc5a80fef35d4a2c1d' }, h(TableComponent, { key: '715bcdf5d2ee709d3b0ff08a33ace3cfcbddd05a' }, h(TableHead, { key: '8d67614f2e0f337f2e8611c2e9d84a7b092a5d3f' }, h(TableHeadRow, { key: '651f4a965a86fbe4eb7a61af1351cae057c0a43a' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '12bd6c9bf045a22ecf3cff2d7cdef3a334f629fb' }, h(TableLoadingState, { key: 'c869b065cd6d317949e7f6c9dbe2255adf16e9f6', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'b916ddabdd27586142d2c85b086477f4d41d5ffa', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '8e7cc844b85292ab1e85c843a05304440f0d2a89', 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: '86ac6ee4e51e5db7605f7e6ec72c7ef299300dec' }, h(TableFootRow, { key: '3839313ae7308ef085eac994bb45b63471e0a04a' }, h(TableFootCell, { key: 'bb59943f50364f342772955918efa7752e4dc54c', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: 'f71d4eac69e4cdbbe8b6e2938e6293d65ba4a4f7', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: 'd1835e29713b4e898eb0360bfcbd66f0bea0adf2' }, h(TableComponent, { key: 'd017b046fba909fa4f75ef397864f88efcb53c44' }, h(TableHead, { key: 'ecb800c2cea73b3bebcc0f3d712c3fe2f2bc984b' }, h(TableHeadRow, { key: '1d1265e3fa2800020e5bad43e8f388d440d0edca' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'cb1db03ab0d90119a50ce72c8b266cf8b842fd00' }, h(TableLoadingState, { key: 'd813568fc6c46f45cea6c569cb9718794f08363c', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '7098219b76eacd775fc9e6bd23405fe4474f1ee4', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '7e9eb58438419f3cb52830ddba399aaba228962e', 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: '4c47f2929bd54d87fe9c9d85e25ac2ff73fb3312' }, h(TableFootRow, { key: '749e0e604319a50388ae2357fc9b9a6c55f958dd' }, h(TableFootCell, { key: '7d411e1f8b95d72cd30f8348c7a9bc831ba58540', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '66399288373d1539bd8f9e09bc02513b84d7ce82', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/payout-details-core2.js

@@ -77,9 +77,9 @@ const PayoutDetailsCore = /*@__PURE__*/ proxyCustomElement(class PayoutDetailsCo
     }
     render() {
         var _a;
-        return (h(StyledHost, { key: 'e7f305bd19637c4bc8c1b706aa0b49437599641b' }, this.loading && h(PayoutDetailsLoading, { key: '355072c2a2c7c62aabcc54ffcee76ce2a2cdfc1b' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'fbd4cc39eff557f20cf3991324602a88838b3bdc', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '96ae2fe00aa26b55134c892be366f215d79efbf9', 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: '9118e0cb814cd59163ad2674a04977dd1f926681', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '99175c520d6d82fdcc8bbfa16060ea641946cb97', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: 'f2e114603965210a94039ea0cd665fa00dc695a6', title: "ID", value: this.payout.id }), h("div", { key: '20de4de0adf2ee5b57bbf2c3832dd9e7a5ccab55', class: "m-4" }, h(Button, { key: '0afbd4a8a284645c387038b666b7352ec5707d6e', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'd887b4b41b6fc0428dc0e8f91121fc868874ab74', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'a33af330d6ce805d6ecdc8963f83d7fd01eef2ea', sectionTitle: "Details" }), h("div", { key: '636e75fde884baf783f369e760fbb7b62750f2f6', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '0d598f8b58566c59284c2f76e2239a3a7545fcca', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '3d0fa1a604679334cfe181a644f9741378cdada3', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'dac3a81061ebb3b3070175b842c7d4fe1baf73ab', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '2961e9228da5691d0b692b4ea1eaf54467e8500a', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '6a40e96a1522eed74f237ffde99abe02051dbb5f', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'd5fd3d7cd562cc31d048c837ba36e747103c610a', sectionTitle: "Account" }), h("div", { key: 'bb58759831060ed59f6fbe50db820298381d98b2', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2adf0597f9a487e8ad7bdd57f4c5fcdc05f69bde', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'a3addff1a01ed4dbc53e68dea5fd03ace767c23a', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '97947b7cc511146f4c828afaef8b42301a9e08a6', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'e39face75b13ba3a13aad457410cffbdfdaaa030', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'c5022de4ad24fc4ea8b7f9d76c1aa4debaba64af', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: 'f064b3b64636ab4b152a497a5d8089d5e41c6f2b', sectionTitle: 'Metadata' }),
-            h("div", { key: '539c05f90549d9e21a6db627cdb1261a532e4916', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'a256c287df06c984d3abcb564e6c5de389534c58', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: 'bce8893748b454d55c8d2651f0decaf24f9d23f0' }, this.loading && h(PayoutDetailsLoading, { key: '6779860e9708f71da7466911a23e4b6bae082f33' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'bc148d8ac046381a625f1ca46061f2d1038cd962', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '08a12c76478d3c877b27cbc778e8d8946bfd4f61', 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: 'eed2fc60701ee7a63316fc107071ce1b0f8a7887', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '47256f8c5220bd891e015b66deeeada1d8686896', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '55768b182ed868f01ecc13a17760ba3e50be406c', title: "ID", value: this.payout.id }), h("div", { key: '3a3eb255b1dc769c48123b0290d2e326beb05486', class: "m-4" }, h(Button, { key: 'ad8109745fb5266e908ce46b7997880679eef419', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'dd04956b57d3fc8f8a2ab04e3773cedbdc609e7e', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ad19ec1078837f472f09adafc6de1bb285774a57', sectionTitle: "Details" }), h("div", { key: '2abbe66f3c1fb693d108e625b224d2abd2c79856', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'bedfc199018c36d5f5e2bc397be7145486e88b06', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '0abebcb95d22281fd711e282e91e0a946a8aa9d9', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: 'a65008e3edc341a951e68335d6302258cb0423c0', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '62284db58bb08fa8ec78380d226c551c1c40aa5c', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '657392699e94a0ca8a7f114c0b94bb7fe2a863fd', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'dd553173a96aa066585c42e274b5397ce32f12c8', sectionTitle: "Account" }), h("div", { key: 'a078180c0e26466aa95b7e627b3f0ae0157f88fd', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '8fc8379e47bea1c18e39ec526587eebc11a63233', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '9caec1c44313a19192a025968ff2055e9871cd2c', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'f3e0eec504eff9831aea0258d136224c5331b77e', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'd9f4e1cf8ceec76af0992e4774d098120af1ecd7', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '5cab1bcc2be4c60412ef3f7263ac700a4b0a127b', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: 'ad8a029e6f19bb586b6f124160bc565a07ef7515', sectionTitle: 'Metadata' }),
+            h("div", { key: '2ad3cb860977116929da7b475787c90e0202e7ad', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ceab82b2cab61a721af79a62b7e4fe0f6c2035e6', metadata: this.payout.metadata }))
         ])))));
     }
     static get watchers() { return {

package/dist/module/payout.service.js

@@ -2,6 +2,8 @@ import { A as Api } from './Api.js';
 import './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 
 const api = Api();
 class PayoutService {