@justifi/webcomponents 6.5.0 → 6.5.1-rc.2

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: '7374fc6d31ec0ebdb34cdd2b789fb931cb93216f', class: "payment-method" }, h("div", { key: 'b29b47faffcb10d90a811a255a707dfda8597317', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '82c2ebcb9d9b47c8a0a6a3a3e35d7e59a4b66ee7', 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: '8d398bf00673a123a94b870d2c40767d8e04d8c5', class: "payment-method" }, h("div", { key: '677fb2c2ca1304aeeca4628d6221e1b626d3da0b', class: "radio-list-item p-3", part: radioListItem, onClick: this.onPaymentMethodOptionClick }, h("form-control-radio", { key: '0f26331b58472ec3d7b0093cae4aa60fa63010dc', 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: '79c2def38d099c6c146b89b6d33f8b1ca403bace' }, h(Skeleton, { key: 'd73576f82a88f9282caebaeb66cf4c444e8318a6', component: this.component, height: this.height, width: this.width, className: this.class, styles: this.customStyle })));
+        return (h(StyledHost, { key: '0dbb20245a88851e3cf9fc853029b22847f1cdfe' }, h(Skeleton, { key: '7778f32d71f1b7d46b0f8eab39bb7d98a215ebb3', 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

@@ -10,6 +10,8 @@ import { h 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: '1426d09efdcd667674d448b2bb572436ed4a5787' }, h("table-filters-menu", { key: '0aadfbc5ba334e99f0cd16496faa7671114c7ee8', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: '6a0344eb0be7848cbf3ca6e9c862e69beacd78ae', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'c383e57642f44332dde7f1526c0908353add6db1', class: "p-2" }, h("form-control-select", { key: '4b0a4b2772ba57a3952943b583ebad965f7fd74c', 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: 'cdcfceef054dc263efa88f6b95d51ffd2190accd', class: "p-2" }, h("form-control-select", { key: '664b377599b07ff344df1e8f7c63eb5fdaf20cb7', 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: 'e8b6e71186f760045f613191f8f511e0c0389622', class: "p-2" }, h("form-control-date", { key: 'b321911aba223d6c88acde201ffced30f98acb24', 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: '219bfedd2c9268c8218e2cc66ca755bc447608ec', class: "p-2" }, h("form-control-date", { key: '70e620e3f6335751838b0eb33a165f28f49685a3', name: "created_before", label: "Created Before", inputHandler: this.handleDateInput, defaultValue: convertToLocal(this.createdBefore, { showInputDateTime: true }) ||
+        return (h(StyledHost, { key: '2d0e25dfa8773068af86d6fe6ca409066bc6b2c5' }, h("table-filters-menu", { key: '59c4a6a3038b229edc1ed0ccbfa39c95d35c06a5', params: filterMenuParams, clearParams: clearParams, part: terminalOrdersListFilterMenu }, h("div", { key: 'ab5d1b080926c6dfa3b6a24d2ef51e55d2ac50cc', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: 'f41350a3057e4faf4ff0a871051236eb9869274f', class: "p-2" }, h("form-control-select", { key: 'b31e9a018da3cf96acba122528f9576d9bf19ad3', 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: '23479013bcfb1032d36e9f990706b8c592974d64', class: "p-2" }, h("form-control-select", { key: 'ab637427ceacd69f701d1f8b47abc800217e56c0', 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: '5d5044e10c54216e0a1b0052317071e52188824b', class: "p-2" }, h("form-control-date", { key: '3349e63fccc7b4ea18678cfa4a8487c288e908f7', 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: '2d964be3e59c67c48239bdce33b916f37ab80e9b', class: "p-2" }, h("form-control-date", { key: '601484b636d8d048c1faa3b69883e42b64177258', 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: 'f89cb75d014a5d43c6766f0e0e7a572807c3df9f' }, h("terminal-orders-list-core", { key: 'c38fd6424ebca672c9577255d81b9e97712f3b9b', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '80b94e88e1513441181fcb561ac2ccc8f15f081e' }, h("terminal-orders-list-core", { key: '265b0bfcd7be64feac679690f1a3bf8b0fbbf760', 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

@@ -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: '572f99cbf9fe8b4b01a6e4e34575ba83f5c62f25' }, h("table-filters-menu", { key: '21513ea58fa052e458af8a21691935cb9caed5f4', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '6bfe4487288dacdb4c56651d7431cfffcf715755', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '9cba47fa96feb4d8cde9a54a7a98023d9b470f7a', class: "p-2" }, h("form-control-text", { key: '4cf78e13a31c8f6b7efeca735d31fd298c0f465a', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: '1b3f105d54261c711b52d8730f99c7459c9d12e2', class: "p-2" }, h("form-control-text", { key: '09f4d86fb281bd84c2a47446e4dc5b263c034d8e', 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: 'fb373b529881adee6b2bf3e3e55be3246623b956', class: "p-2" }, h("form-control-select", { key: '373348087fe077b04bd76fbd3cd3d5ab85ca77b8', name: "status", label: "Status", options: this.terminalStatusOptions, inputHandler: this.setParamsOnChange, defaultValue: this.terminalStatus || filterParams.status || '', disabled: !!this.terminalStatus, part: terminalStatusTerminalsListFilterParam }))))));
+        return (h(StyledHost, { key: '72827bf5b2d47b76915db4de8d7e37eb5a75dad9' }, h("table-filters-menu", { key: '07648f9cf7707f3e4032110d5228d32e3cda2877', params: filterMenuParams, clearParams: clearParams, part: terminalsListFilterMenu }, h("div", { key: '290f0c5ca889efced21b3b8ea645b3fe0b9e6fa6', class: "grid-cols-2 gap-3 p-1" }, h("div", { key: '8a1d07b931fdc95a34622a056fb724ebf0e02683', class: "p-2" }, h("form-control-text", { key: '1c62055e99c69b9e70a63db8e640e68acb2be3ec', name: "terminal_id", label: "Terminal ID", inputHandler: this.debouncedSetParamsOnChange, defaultValue: this.terminalId || filterParams.terminal_id, disabled: !!this.terminalId, part: terminalIdTerminalsListFilterParam })), h("div", { key: 'f57e1d1133bb88d5992d8cf19003c2a355466540', class: "p-2" }, h("form-control-text", { key: '128a21be829d192eec3bb0b08a94821bf20c13c3', 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: 'e25e2fe5c2e659c78161b701d12be3aec5d7b03e', class: "p-2" }, h("form-control-select", { key: '66c302e33e9c7705670357cd47befeae3a8c6254', 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: '34cb952a43c4ecfd904c3449a05895e10e673a95' }, h("terminals-list-core", { key: '32d981b366889364c4f27a4351aab41ed7d085b5', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'bdd2e2c152c5d1482d6b90ad60b9d4c0bbaca0b3' }, h("terminals-list-core", { key: '2444663ce45854b825f8a78cb15a25a0b5111d52', 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: '41dac9317c40f0e6aa42f4daea111a50e077ff7c', 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: '96e07efa80306f387f54e51d3802cb5379f2eb4e', ref: (el) => this.tokenizePaymentMethodRef = el, authToken: this.authToken, accountId: this.accountId, disableCreditCard: this.disableCreditCard, disableBankAccount: this.disableBankAccount, hideCardBillingForm: this.hideCardBillingForm, hideBankAccountBillingForm: this.hideBankAccountBillingForm, hideSubmitButton: this.hideSubmitButton, paymentMethodGroupId: this.paymentMethodGroupId }));
     }
 }, [257, "justifi-tokenize-payment-method", {
         "accountId": [1, "account-id"],

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

@@ -48,7 +48,7 @@ const LegalAddressFormStep = /*@__PURE__*/ proxyCustomElement(class LegalAddress
         }
     }
     render() {
-        return (h("justifi-legal-address-form-step-core", { key: 'a8b4b59a646739f00e3a7867519a7f996ecb3c83', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
+        return (h("justifi-legal-address-form-step-core", { key: '1e4419d2e8c75721883171124185590efe459fc9', getBusiness: this.getBusiness, patchBusiness: this.patchBusiness, allowOptionalFields: this.allowOptionalFields, country: this.country, ref: el => this.coreComponent = el }));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],

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

@@ -25,10 +25,10 @@ const LegalAddressForm = /*@__PURE__*/ proxyCustomElement(class LegalAddressForm
     render() {
         var _a;
         const legalAddressDefaultValue = this.formController.getInitialValues().legal_address;
-        return (h(Host, { key: '020c1a41ff7fa0881464463322b54754e7664957' }, h("fieldset", { key: 'cb1ae50abc99f8915cead7ef850de52f62bab304' }, h("legend", { key: '74d2bba4a9557ff2ac5b9b34d0947e9a076ddb84', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: '86d9fc1d344ace729cdc75b1a9239b74865f306b', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
+        return (h(Host, { key: '0e6136a175ee0bb8708d1848ad850bd973f60c4b' }, h("fieldset", { key: '2fcfb7b8cc1bf70157dbfaba7bb5df9ddd82454b' }, h("legend", { key: 'ce30f5e679113cceda046f142e01548a1db573a0', part: heading2 }, "Business Legal Address"), h("justifi-form-address-fields", { key: 'a091d88fb62401c814458d696866de64a26a6bff', country: this.country, errors: (_a = this.errors) === null || _a === void 0 ? void 0 : _a.legal_address, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
 }, [256, "justifi-legal-address-form", {
-        "formController": [16],
+        "formController": [8, "form-controller"],
         "country": [1],
         "errors": [32],
         "legal_address": [32]

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: '56a003ca1e1ac4bdc1baa8f862cdb05b2d8af4b1' });
+        return h(Host, { key: '43f4be87e218b23251f2ccac90e0c980bf157d68' });
     }
     get hostEl() { return this; }
 }, [256, "justifi-modular-checkout", {

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

@@ -166,7 +166,7 @@ const BusinessOwnerFormCore = /*@__PURE__*/ proxyCustomElement(class BusinessOwn
         this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
     }
     render() {
-        return (h("form", { key: 'ee00e580c90a942bde7cf0c483e99ef417dce3d6', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '39904e046ca0f24c296fe99a43fc41f104091ecc' }, h("legend", { key: 'db92e079906c797790f5de7c424cfebab4c9cf63', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '896303e22939d419ac624d9948e6c5765ad75aec' }), h("div", { key: '8705189e44fe2d5ff76057d6e961b7b5b396fcf5', class: "row gy-3" }, h("owner-form-inputs", { key: 'f14872c9ecf75f8d6e7bd1147b58aad8a8124f0d', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '9333d749fb940ca5aa9d5b6c227b229c473ed06a', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '00911c37ed00097d5cd55be0c6a5e503f0b087ed', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '84a311d76d65310f994a5c5e473e7e1e1cc5e249', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: '1d4ec7836ea466b48cdf04ac2af0769d68f808d1' }))));
+        return (h("form", { key: '8374d88e5a1d99f58ac2c93680fb000410a67ec8', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '82d2f80aaff654362852e4e8c5c9775d82a5080c' }, h("legend", { key: 'd74d4c8bdfc91086b14e41b27934dddf14695e49', class: "fw-semibold fs-5", part: heading3 }, this.formTitle), h("br", { key: '8f6fe8d7d6b66ca2b0fd8e4b0797ee681c11f7eb' }), h("div", { key: 'ef546418d4192bc1d1fef02faf47f965127f45ef', class: "row gy-3" }, h("owner-form-inputs", { key: '2f961ee901838a5dd82b20484fe149b393c7c609', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController, country: this.country }), h("div", { key: '8ed50b5de9839353b25d54d7b51546c1d2afaeb5', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: 'a9c94571902b2a6fc68459662ee7be35874ebb66', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: 'dc6072e019ebedc91d99917023b561f7048e7a08', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'd46ee611300752429d1c9b50dfce99e8b6fc10fa' }))));
     }
     static get watchers() { return {
         "isLoading": ["loadingWatcher"]

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

@@ -28,20 +28,20 @@ const BusinessOwnerFormInputs = /*@__PURE__*/ proxyCustomElement(class BusinessO
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '2dea97a8711ac74a5973bab13ffa9d0cbe5cdac4', class: "row gy-3" }, h("div", { key: 'c666e5f65e175db737c2192e2e83f80eb0df3633', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a598efd8f1e898335dae5527cb1b39fc348112e4', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: 'caadd033a1c510ce222b8b45408677dfd69463bf', class: "col-12 col-md-4" }, h("form-control-text", { key: '8b65c536b51f0d3ab50fef8a5a33b5031eb57af4', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'b2011382dd1d5ebb060fb9c09a402aacdb3c1778', class: "col-12 col-md-6" }, h("form-control-text", { key: '3d540ddff95a999de1329bceaf9bc059d6128963', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '0bcad2552b4adb76549649b249e33f329bfdf85b', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: '8c26d1e8b350fce2c03836fdef244f4b28117d76', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'c6fcb2e3972cc6b32c2ea1ef125ad49c4fe084b7', class: "col-12 col-md-4" }, h("form-control-date", { key: '549fb157eaa9a91f446522e48cb90b0b750c0a91', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '728304b41b7083df8cc8cec50f3d22681497b484', class: "col-12 col-md-8" }, (!((_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
+        return (h("div", { key: '81c659f924f51a559e3e958b5d608f7c68022093', class: "row gy-3" }, h("div", { key: '9c89bc8e39cb584bf81852784a335599308681ff', class: "col-12 col-md-8" }, h("form-control-text", { key: 'a02d86ccbbcda1219a2e4e2885d0ffb54bcc3942', name: "name", label: "Full Name", defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '7281855c61b30b689809aa9fd3d4fce3927fcb8f', class: "col-12 col-md-4" }, h("form-control-text", { key: 'c91163386bd23653e3eaca4cf66c9690c28ed6f7', name: "title", label: "Title", defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler, helpText: "Role at your business, e.g. President, CEO, Treasurer." })), h("div", { key: 'c998576d6f8442f255685a31a4bb0463175163f5', class: "col-12 col-md-6" }, h("form-control-text", { key: '345003706db0198c9de5e4234f3fe3efbacc51c7', name: "email", label: "Email Address", defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: '8bccc4ebd45c92924e921f7fffa7f5214406c9e2', class: "col-12 col-md-6" }, h("form-control-number-masked", { key: 'adaf6251217a5396c36ee7e9c0963cf2c948d9cd', name: "phone", label: "Phone Number", defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: 'd87f294ba9bf27df562f3e9b0ea4e286c1c6a725', class: "col-12 col-md-4" }, h("form-control-date", { key: '0681a51f830eb1b358c525deb46baa06f7bc9977', name: "dob_full", label: "Birth Date", defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController), helpText: "Must be 18 or older." })), h("div", { key: '090785d6d86ec3122c3884ec8ba46df43f71d08e', class: "col-12 col-md-8" }, (!((_a = this.ownerDefaultValue) === null || _a === void 0 ? void 0 : _a.ssn_last4) || this.isEditingIdentification) ? (h("form-control-number-masked", { name: "identification_number", label: countryLabels[this.country].idNumberLabel, defaultValue: this.isEditingIdentification ? '' : this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: IDENTITY_MASKS[this.country], helpText: countryLabels[this.country].identityHelpText })) : (h("div", null, h("label", { class: "form-label", part: label }, countryLabels[this.country].idNumberLabel), h("div", { class: "input-group mb-3" }, h("input", { type: "text", class: "form-control", part: inputDisabled, value: `****${(_b = this.ownerDefaultValue) === null || _b === void 0 ? void 0 : _b.ssn_last4}`, disabled: true }), h("button", { class: "btn btn-secondary", type: "button", part: buttonSecondary, onClick: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 updateFormValues(this.formController, {
                     ssn_last4: null,
                     identification_number: ''
                 });
-            } }, "Change"))))), h("div", { key: '9496ee53f65c46f66437817fd7ec80a48ce7d000', class: "col-12" }, h("justifi-identity-address-form", { key: '55463847557a8d8285a5be69ba0b5ab77f3749af', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
+            } }, "Change"))))), h("div", { key: '3d5eabefcd198d1a27bfe158c92e3c18a0a14e69', class: "col-12" }, h("justifi-identity-address-form", { key: '10158bd6a40fa0ca00d7e9feb04d7c22e51d5829', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate, country: this.country }))));
     }
     ;
 }, [256, "owner-form-inputs", {
         "ownerDefaultValue": [8, "owner-default-value"],
         "errors": [8],
-        "formController": [16],
+        "formController": [8, "form-controller"],
         "country": [1],
         "isEditingIdentification": [32]
     }]);

package/dist/module/owner-form.js

@@ -52,7 +52,7 @@ const BusinessOwnerForm = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerFo
         });
     }
     render() {
-        return (h("owner-form-core", { key: 'd3765b80461f8222189643b378ae5d63886163c3', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
+        return (h("owner-form-core", { key: '84af0e74910def3f34aa4a6ce9d1f501faf6f5c5', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, country: this.country, ref: ref => this.coreComponent = ref }));
     }
 }, [256, "justifi-owner-form", {
         "authToken": [1, "auth-token"],

package/dist/module/package.js

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.5.0";
+const version = "6.5.1-rc.2";
 var webcomponentsPackageJson = {
 	name: name,
 	version: version};

package/dist/module/pagination-menu2.js

@@ -12,13 +12,13 @@ const PaginationMenu = /*@__PURE__*/ proxyCustomElement(class PaginationMenu ext
         this.params = {};
     }
     render() {
-        return (h(Host, { key: '7b821154b627026ef8624af6e4759e2176004676' }, h("nav", { key: '7990aee285d0cc3e6f83cb59bb216439e5364df5', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '02c68163934ce1aabf4abd607cc28e549e20ebe1', class: "pagination m-0" }, h("li", { key: 'aab661ae85fc61eecd230d058f135483796769c0', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: 'ef42a41831a9890186c333418b161877761674e1', class: "page-link", onClick: (e) => {
+        return (h(Host, { key: 'cd1f1943978c8005bf1c302a33130ad88c3e792a' }, h("nav", { key: '703c1baab98530ea1ea41b7d40cba3391a773b8f', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '59bb4d35cf41f44d8887017d44a446c658afb9ab', class: "pagination m-0" }, h("li", { key: '9249ed0e2aca03cde7a31f79d41d6c49df12bd57', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: '4dd88ebab129e2ffe803242d687b7c9161c8a3ba', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickPrevious(this.paging.start_cursor);
-            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: 'a898a92687e4a5fec37d9dab4208430260a9f274', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'ecc2eeedc064d405ad178b9a98ed088e12f1b2fb', part: paginationButtonText }, "Previous"))), h("li", { key: '56569cd9f9803ead8b1180e2f982a98d7009be1f', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: 'c39d389ab89609e8ce11b3dd81eb5c4a50d3521f', class: "page-link", onClick: (e) => {
+            }, part: this.paging.has_previous ? paginationButton : paginationButtonDisabled }, h("span", { key: 'bda9bc49f5bc696e2093a091410f6eabd2559874', class: "me-1", part: paginationButtonIconPrevious }, "\u00AB"), h("span", { key: 'd3b67ccb0aa0f6ae09da2a54c8a255ecb7de54fc', part: paginationButtonText }, "Previous"))), h("li", { key: 'c30f386a2758e08f7091045b232aca869b96ea11', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: '487bae06e01775cf8f22ec548d1fa04137d39249', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickNext(this.paging.end_cursor);
-            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '6a01458a048a524931b03df6a964fa4a0ac403ac', part: paginationButtonText }, "Next"), h("span", { key: 'f4cb3d084647c00dff30b99f751180564463443f', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
+            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '85a042e415b364e2edf56b5589a28ddf55de7a88', part: paginationButtonText }, "Next"), h("span", { key: 'a8b311e4771cce6a3d291f1aa9eaf7ec08397a3d', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
     }
 }, [256, "pagination-menu", {
         "paging": [16],

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

@@ -4,6 +4,8 @@ import { a as formatDate, d 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: 'eb7c7b9e01af253487d3ade865353b5859782a8c' }, this.loading && h(PaymentDetailsLoading, { key: '4f042d9998e59085b210a7ea488268078ca12fb8' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
-            this.payment && (h("justifi-details", { key: 'd35f98ed3156990336c55d3986a2f1ea1fc2a0e6', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: 'f1fd72d9b523dc6db719d9d577b3145399fff317', 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: 'ce037497e2bf07c84353017cbee48c280c398d71', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: 'f9e94a05bb8c67b20f72b0cc3428d87148271469', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '3a80e64ee5a8e4b4e07acfd12b10a3d4b3af38b9', title: "ID", value: this.payment.id })), h("div", { key: 'ac09a688d576d611c96d74155ecb5c6183b57e9b', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '503d2152512c2bccd6966dc2f54c1b2d1af9d694', sectionTitle: "Details" }), h("div", { key: '3a4c435ac9ae7f81655dd847423d7f34a449941b', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '490549cdc21a4b42d66153e5bba183e1fdfbff20', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '0665f56ec7c62895c911bdaa191f063cd0da6529', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'b30dfafd50407f12c381083d43e3d7b8e0b14d7f', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: 'ba2b91ec3a69b2449b7a5c2d1c5a9a4a4af1595e', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: '5dc1d4c9fa4fbc9a267240cfd716a5ed8d741775', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: '3199289d3ec0e9dd9a1daab869755fa41471e20d', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'f43df0b9c69a499793d7912a201503ea034700a7', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '1dff44ec556c75abadbbae41458c48abf5092891', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: '0d4fd013b36a2d64448fcbe40189ee8cc9c411da', title: "Description", value: this.payment.description }), h(DetailItem, { key: '8276ee51adbe60c0303b3a2b7dfc15abda399449', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
-            h(DetailSectionTitle, { key: '93391e8fb0fdce39c2d849223f2f2dafbc794b8e', sectionTitle: "Payment Method" }),
-            h("div", { key: '30b9228366b6160327f27b0a86c15c9f8ba9bbed', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '21fa5e3dd6798004e4e823c5e64b3b7f761abbf5', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '8a0369f2817d4cdf51e37b2c78a201bf3f9d3255', title: "Payment Type", value: "Card" }), h(DetailItem, { key: '79728446f55d4dbe2565ed1dd07526b5fa5196fa', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '0a946c8984a62c940bf100cb461a038af2e05a5d', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: 'b8cbc3bcb416520ec2cbbcb94e54cbba1fbe7523', title: "Cardholder", value: this.payment.payment_method.payersName }))
+        return (h(StyledHost, { key: 'b40aaff391003ddaaee79a24eed7d192f2083f89' }, this.loading && h(PaymentDetailsLoading, { key: '97a4d60608323fcff150e913f03a3807dacf868a' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && !this.errorMessage &&
+            this.payment && (h("justifi-details", { key: '19f66d1bf48b710cf74a1c17810bf0260202077e', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '74955575229c99a125bc6309b99658f2dd3b2a41', 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: '589482544a8c6f3cf1eef80aa6d6d2a37ec417a3', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payment.updated_at)} ${formatTime(this.payment.updated_at)}` }), h(EntityHeadInfoItem, { key: '25514b14781f4105d93079d0bbadb36d0e5d8cfc', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payment.created_at)} ${formatTime(this.payment.created_at)}` }), h(EntityHeadInfoItem, { key: '2d9c09bc8d2aa0ed9da02f8a35adf866cea1257c', title: "ID", value: this.payment.id })), h("div", { key: 'e731e659ebd696834ab7656eb6ddf61bcb18c7d0', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '7b9a837e2ad2ff756e09b9a4cef1f72a3add4494', sectionTitle: "Details" }), h("div", { key: 'e03c3aca0ef3de05e8f14a1fbcdc68c04e25dba2', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '6d9da260bca6d077981086f90e97daf090158dde', title: "Amount", value: this.payment.formattedPaymentAmount(this.payment.amount) }), h(DetailItem, { key: '2c57f27ef634bcbd34c1f9180d80c9af2eec7b5b', title: "Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: '6b8155c37527a06e06ce99c47edffbfac3d64023', title: "Refunded", value: this.payment.formattedPaymentAmount(this.payment.amount_refunded) }), h(DetailItem, { key: '88c0863d69b81f0ff38c58f92edbe4294865ff88', title: "Net", value: this.payment.formattedPaymentAmount(this.payment.balance) }), h(DetailItem, { key: 'e40e0d0470871aade2bdf0d38f62d5d9c8750a32', title: "Status", value: MapPaymentStatusToBadge(this.PaymentStatus) }), h(DetailItem, { key: 'd7718707ab2b19f24cda26cb69b3f1aa20ac428b', title: "Payment ID", value: this.payment.id }), h(DetailItem, { key: 'edbc774b944dc3250a627145cb934554caed9e3f', title: "Processing Fees", value: this.payment.formattedPaymentAmount(this.payment.fee_amount) }), h(DetailItem, { key: 'a8b8137ed603281aea0efaed40a7d0c0eb5f3cb6', title: "Statement Descriptor", value: this.payment.statement_descriptor }), h(DetailItem, { key: 'a834ecc7389a49e7d52c0d50e4904f70d21cd18f', title: "Description", value: this.payment.description }), h(DetailItem, { key: 'd9b12032d9173ddcb846b2f0d73af427d34cdfb0', title: "Expedited", value: this.payment.expedited ? 'Yes' : 'No' })), this.payment.payment_method.card && [
+            h(DetailSectionTitle, { key: '7fbf1e4564a18da154bac7da4d1a5ee27f6b62db', sectionTitle: "Payment Method" }),
+            h("div", { key: '4f078d39526cfa2bfaa97d07e84ba8f3e3d335ce', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'dfa4d91aa4cf15df0b137005b6d2d5ab628d03e8', title: "ID", value: this.payment.payment_method.card.id }), h(DetailItem, { key: '332f30c7a50ec98377492e553fa0906de66ac5c9', title: "Payment Type", value: "Card" }), h(DetailItem, { key: 'cee42e32a52956cdc18eaa1a7c235b1c412db407', title: "Last 4 Numbers", value: this.payment.payment_method.lastFourDigits }), h(DetailItem, { key: '6291c32c234293b31e4f820f85ffeeb12aa8f6fe', title: "Brand", value: snakeCaseToHumanReadable(this.payment.payment_method.card.brand) }), h(DetailItem, { key: '1178db00455a82727239b6a059af335365162c2e', title: "Cardholder", value: this.payment.payment_method.payersName }))
         ], this.payment.payment_method.bank_account && [
-            h(DetailSectionTitle, { key: '18f199f9e7b6080c2c787093e5e160cb26398ce2', sectionTitle: "Payment Method" }),
-            h("div", { key: '0d22d79505a4c7d67bdb27076539e29fd3ebd0cd', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'f3cf2263584b5fa0cf5215fd53496228f974361c', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'c1c1b9dd9a7dad9fc6b5ec5a913820772f30a1da', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '7601cf0c2abb01de76e53fc3c629bc398da748a0', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'bc82630978357bde8bf838ccd971d0d485c3d377', title: "Account Owner", value: this.payment.payment_method.payersName }))
+            h(DetailSectionTitle, { key: '5f934b88dc08b917aa48c95c1b1e1262b74b6233', sectionTitle: "Payment Method" }),
+            h("div", { key: '93ec42fcecc25c0cad47f2356bb4dcb840709029', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '3312c4b52d26bb46eeecb8fa073fb11bc4e5b482', title: "ID", value: this.payment.payment_method.bank_account.id }), h(DetailItem, { key: 'b355b16bee366c6ff3e88c49ffa94ffc12be432a', title: "Last 4 Numbers", value: this.payment.last_four_digits }), h(DetailItem, { key: '202208259ac9da47f75a01694c6bf26c6c69f64e', title: "Bank Name", value: this.payment.payment_method.bank_account.brand }), h(DetailItem, { key: 'e050538f50d76750275a0848fb71781c1d72fd9b', title: "Account Owner", value: this.payment.payment_method.payersName }))
         ], this.payment.metadata && [
-            h(DetailSectionTitle, { key: 'ce0765f56d44b4fe78e71409d1719fbd42f4ab20', sectionTitle: 'Metadata' }),
-            h("div", { key: '7dd583a298981969865430fb3695629998e3802b', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ecc3461050fd31015ac5bf743b60b0936ab2cd9c', metadata: this.payment.metadata }))
+            h(DetailSectionTitle, { key: 'ede971a0c93ad4964a9658ef2949586687252cfe', sectionTitle: 'Metadata' }),
+            h("div", { key: '3747f3e7d2caf0e3f92efdca81d70d18b2a91b70', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '93151a96bc949b58a4a661dc7d770637e5ba0c5c', 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: '8885a071427ab2d9e6ae371f7706ada2e4f5e5bc', class: "payment-method" }, h("div", { key: '1ccfb0f7ffa2f357117e749f6a80c203406718b5', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: '785ee47041948799fedd4a49ce8982db04002f89', name: "paymentMethodType", value: this.paymentMethodOptionId, checked: this.isSelected, label: this.label }))));
+        return (h(StyledHost, { key: '14d6ac8af5445b9ac19b860d124a607fba0bc962', class: "payment-method" }, h("div", { key: '5d046e75298cf90ad4a9377f1796b192b26cac28', class: "radio-list-item p-3", part: radioListItem, onClick: this.clickHandler, hidden: this.radioButtonHidden }, h("form-control-radio", { key: 'c70540030eb38833b854ca55b3b2f9c42fa2cb05', 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-provisioning-core.js

@@ -150,7 +150,7 @@ const PaymentProvisioningCore = /*@__PURE__*/ proxyCustomElement(class PaymentPr
         this.loading = event.detail;
     }
     render() {
-        return (h(StyledHost, { key: '058aaacf6c0fe49ef24e50b575247efb470c4254' }, h("div", { key: 'd4d329af8f8e4ccd8e7ddb2d7050797fe9ec5824', class: 'row gap-3' }, h(Header1, { key: 'd2358393171311c9dd6b03ca3509e2775d784e4c', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: 'd7a8767e276c28c2ca0413ac0d1195cb98b9fe0b', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { key: '37dc95f2e8785c0e2ac969294b86318d81237b0b', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: '54e6fe77e63faf3b2ae725c349748cf9c34322b0', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'aa3e1c621248f1daa48ae7e66dd76c03e0a9eb3c', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
+        return (h(StyledHost, { key: 'f7206f7fa5c0b2052b524737e86b622f92dcd07e' }, h("div", { key: '65cd3a37191f1bdef3380b1c5ceebc260b846b6a', class: 'row gap-3' }, h(Header1, { key: '05fd7dff0691a80ad7c1dc9152a5fd4d851a292d', text: this.formTitle }), h("justifi-payment-provisioning-form-steps", { key: '57f9b35aa0a1fa2205a43cb90c274fa211f7c359', businessId: this.businessId, authToken: this.authToken, refs: this.refs, currentStep: this.currentStep, allowOptionalFields: this.allowOptionalFields, country: this.country, handleFormLoading: this.handleFormLoading }), h("div", { key: '94fd88a0aa9114677a2a1325e14bd059a08b6d72', class: 'd-flex justify-content-between align-items-center' }, h("div", { key: 'bb0ba1762a15c92dbb71f98722b01b1b0324ebcf', class: 'd-flex align-items-center', part: text }, this.stepCounter), h("justifi-payment-provisioning-form-buttons", { key: 'a3cab2c2c655a1bc6d1771c7b759e2b0adc971b0', currentStep: this.currentStep, totalSteps: this.totalSteps, formLoading: this.loading, formDisabled: this.formDisabled, previousStepButtonOnClick: this.previousStepButtonOnClick, nextStepButtonOnClick: this.nextStepButtonOnClick })))));
     }
 }, [256, "justifi-payment-provisioning-core", {
         "businessId": [1, "business-id"],

package/dist/module/payment-provisioning-form-buttons.js

@@ -23,7 +23,7 @@ const PaymentProvisioningFormButtons = /*@__PURE__*/ proxyCustomElement(class Pa
         return this.currentStep === this.totalSteps;
     }
     render() {
-        return (h("div", { key: 'e13d3613af061d0067d1dbd84b6c3aebfc782aad', class: 'd-flex gap-2' }, h(Button, { key: '7b422ce77e13872f3dbd622574bce0e3e6e9c2ed', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: 'ea1242fdccb0b0af2438f4aaab91e3e17a607ef7', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: '0c323f533ea84608dcdabb885f69d71a81ec684b', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
+        return (h("div", { key: 'ad959d93323ee66a154d5addbabd0cd0351f5d5f', class: 'd-flex gap-2' }, h(Button, { key: '6f77f6c7ee080a1a2525ec92107881adfef3afcb', variant: "secondary", type: "button", onClick: () => this.previousStepButtonOnClick(), disabled: this.formDisabled, hidden: !this.showPreviousStepButton }, "Previous"), h(Button, { key: '6edac397291014bde05eed8f64ca6a543f951a44', variant: "primary", type: "button", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.nextStep), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showNextStepButton }, "Next"), h(Button, { key: 'ba2f0c103c2b54e9047aee927ed8afb8e5361f66', variant: "primary", type: "submit", onClick: (e) => this.nextStepButtonOnClick(e, BusinessFormClickActions.submit), disabled: this.formDisabled, isLoading: this.formLoading, hidden: !this.showSubmitButton }, "Submit")));
     }
 }, [256, "justifi-payment-provisioning-form-buttons", {
         "currentStep": [2, "current-step"],

package/dist/module/payment-provisioning-form-steps.js

@@ -56,7 +56,7 @@ const PaymentProvisioningFormSteps = /*@__PURE__*/ proxyCustomElement(class Paym
         return this.componentStepMapping[this.currentStep]();
     }
     render() {
-        return (h("div", { key: 'dcf3f283bae7de00311f35e41b8d803196f50d49', class: 'col-12 mb-4' }, this.currentStepComponent));
+        return (h("div", { key: '2e1d2983f259fd9fe4e1dda9c1f442b248f4c5ba', class: 'col-12 mb-4' }, this.currentStepComponent));
     }
 }, [256, "justifi-payment-provisioning-form-steps", {
         "businessId": [1, "business-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,6 +4,8 @@ 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';
@@ -138,7 +140,7 @@ const PaymentsListCore = /*@__PURE__*/ proxyCustomElement(class PaymentsListCore
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '17ceef0f0fd1dc4fb8e8f8e13fde16b81ab40fa5' }, h(TableComponent, { key: 'd5031ba7e55422997c8a5641e9fe3acd4fb3a9c0' }, h(TableHead, { key: 'cf74e7ec087e4d5ada18975f5c970269f14472f1' }, h(TableHeadRow, { key: 'f2c9932dbb047448527064c5ecc22edf56e31d01' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: 'c709386eca9d7063bb9e1c986b66e2189ab78e24' }, h(TableLoadingState, { key: '2bec872c8fed48c65081789151d7238ccd24f4b2', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: '4367380db418574ec2ac553c2fe8b7edb360f82b', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '55ae13377d95739b2226d57e134bda3e32b73df4', 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: '636674049a9f97fe725cc471125386478f910b86' }, h(TableFootRow, { key: 'bb5f77ad9f89f5e2d77a930fc9baef222473d2c6' }, h(TableFootCell, { key: 'a9cbead53a129e23b6f530c209578484e1def2b3', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '1370967dcdf1bbeb2aa6a35f2371e68a00571744', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '4d58efd69c579ea3b317a158d06a6621de1ad954' }, h(TableComponent, { key: 'e5c82a5e1f76557d80970f5378306308c26aa2a8' }, h(TableHead, { key: '5cdb5333d297ef8a3f18a213bd1e51d65e5f0e40' }, h(TableHeadRow, { key: 'ecdc6a2460d058fa8e572a91714bcf59a4126172' }, this.paymentsTable.columnData.map((column) => column))), h(TableBody, { key: '5589f318c38dda51efa3e7c207417f855b498d0a' }, h(TableLoadingState, { key: 'fbba508c633fcfa56a5f434567a9da5e5cdfa7d8', columnSpan: this.paymentsTable.columnData.length, isLoading: this.loading }), h(TableEmptyState, { key: 'a4f480d3ce00f4e67aeeaee15729edb886b00389', isEmpty: this.showEmptyState, columnSpan: this.paymentsTable.columnData.length }), h(TableErrorState, { key: '45c3ba31e8834b3b52819510eaf734551242c9cd', 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: '44355f60a45aab5b3a6a18ddc83f88c6cdb0b0fa' }, h(TableFootRow, { key: 'beb7e8d4126ac1fb574dec815ad7a7c02fad226d' }, h(TableFootCell, { key: 'bdfd203f7b061e4f42fa6784a0cfe4dca619c8bb', colSpan: this.paymentsTable.columnData.length }, h("pagination-menu", { key: '41872b9296b6f91cff883ea3d6158ee74ca730fa', 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: '12c258bd10e631ac1b2fb43c4e4d4854b02d8d01' }, this.loading && h(PayoutDetailsLoading, { key: '81c217eace20fe276d02d391f930a2684aa12385' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'df1bd819a299df69c0bf5924aa21ea760668d46b', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '67544da1ecdb4beee16911cd49009ae3415c576d', 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: '64a28ab7e1bcc90d9487dd229cd07c411a50e4c7', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: 'bcb74d904482f3dd63d1da918b700c1badf8bbd5', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '165b296bdebf16389ef29df825cb24ba34f14556', title: "ID", value: this.payout.id }), h("div", { key: 'bbef430ca28eebc6c120f2f68200219dd1634660', class: "m-4" }, h(Button, { key: '1e51b1278a8f220c2376a004bbc9476307567c74', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: '6dd5287d4355a84f0777f701c5b99bc5149954ed', slot: 'detail-sections' }, h(DetailSectionTitle, { key: '92af1ae82f5d53b1e50705aa18590528b19f6455', sectionTitle: "Details" }), h("div", { key: '73e1a84e7b8baabb7b6cc307d2b7fba5457514a9', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: 'b223b147e8cc0a0849edd66a0b6deec2bf9ec55d', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: '766729d3cd7b85b5635e6bfa4091455a84595635', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '7e4d537a26520d2c06ffadcd7658bb4a8e17b452', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '5fc253ad396300938f2cd95decab094d4da19d5b', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: '66c2979dbdf94ba0a53aaca5896d352bc0a5606b', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: 'f0ca6a9c6d93b9841e1220dfde1182cb511c4594', sectionTitle: "Account" }), h("div", { key: 'ad64b1bc364c9d9c1c64b2b1c5dce83f25fb066b', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '6ac6c8251641e6d720ff82e0dfc9dbed255a1f0a', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: 'b955d27a84e0f43693e2474ee4ceab529d7eabda', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: 'c06e3a07965683cefd3dcd4e96c16566f286b230', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '27cacdfeb07a3e27d7a059fedfa49470eb00ce05', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: '53442037b6e8c27b78b3da1d0bd13527e9283edb', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
-            h(DetailSectionTitle, { key: '82d65d70219404fbe2eb9a997fa309be02d58046', sectionTitle: 'Metadata' }),
-            h("div", { key: 'b1d86b363afa8a5cf60176b3eba688d2d85b94d4', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: 'ff41f465b338f8cbbaafe4fa60f27a93e3ebde77', metadata: this.payout.metadata }))
+        return (h(StyledHost, { key: 'e083b0a8c7b4f75438182ef964a7554be0a990de' }, this.loading && h(PayoutDetailsLoading, { key: '923fadbd28177685e597e417f4ecdcef9537e140' }), !this.loading && this.errorMessage && ErrorState(this.errorMessage), !this.loading && this.payout && (h("justifi-details", { key: 'a098eea1fb44f974fee2eeddb071da9287348ff5', "error-message": this.errorMessage }, h(EntityHeadInfo, { key: '150cf5ea122668f17c433723a7010420bfc78a7d', 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: '611213dd719d0e8952a636ca5a7363effb7b1e81', classes: "border-1 border-end", title: "Updated At", value: `${formatDate(this.payout.updated_at)} ${formatTime(this.payout.updated_at)}` }), h(EntityHeadInfoItem, { key: '0c3cc4afff23e95e04d2121d591914591ae1cb02', classes: "border-1 border-end", title: "Created At", value: `${formatDate(this.payout.created_at)} ${formatTime(this.payout.created_at)}` }), h(EntityHeadInfoItem, { key: '9d4d049ab8793a638140f907b7e66ccd227acda8', title: "ID", value: this.payout.id }), h("div", { key: '446c5b02b7e2ed22d8618a9c96e5c96b1131d3f8', class: "m-4" }, h(Button, { key: '0c3566655d4587be5de90a1806095682b3f0d05c', variant: "secondary", class: "btn btn-outline-secondary d-flex align-items-center", onClick: this.downloadCSV }, "Export CSV"))), h("div", { key: 'c15b2ba7b9a1aca705c34d2a04b5ca262e1528f1', slot: 'detail-sections' }, h(DetailSectionTitle, { key: 'ac5afcf7b98c795d45c3fc0ba3a0aa0948d1c18d', sectionTitle: "Details" }), h("div", { key: 'e10c22f191436211f6a22a6823ad8817eebbe692', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '2b008bf2a22e9ee03de1000e7983afea95bc5fe8', title: "Date paid", value: formatDate(this.payout.deposits_at) }), h(DetailItem, { key: 'd091da4124152c45d77dc8877b232300c86b08d9', title: "Statement Description", value: this.payout.description }), h(DetailItem, { key: '10353af62a554b483d9ace66206f8fe74921a120', title: "Payout Method", value: this.formatMethod(this.payout.delivery_method) }), h(DetailItem, { key: '2aee53f4aa334e34b6903a723f8f77ac634b591c', title: "Amount", value: this.payout.formattedPaymentAmount(this.payout.amount) }), h(DetailItem, { key: 'b35c8e2bd83db58fc1bb3d333fe51c351f6ea362', title: "Fee", value: this.payout.formattedPaymentAmount(this.payout.fees_total) })), h(DetailSectionTitle, { key: '9e994d62862e19ca3534a3eed81a290db8b83e5e', sectionTitle: "Account" }), h("div", { key: '470e134dbd9d21423491ca7cf98987756a68c67f', class: "d-flex flex-column gap-2 w-100" }, h(DetailItem, { key: '461e5e87ad4a1565364d10bd17783cdfd337206d', title: "ID", value: this.payout.account_id, onClick: this.enableRecordClick ? () => this.handleRecordClick(this.payout.account_id) : undefined }), h(DetailItem, { key: '7a520b3b4c0d95bd828d4ba333df239ede89ff7b', title: "Account Type", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '9c187bcec91ee4021948f1d7559d041beb11951e', title: "Institution", value: this.payout.bank_account.account_type }), h(DetailItem, { key: '3bf1901d64bd383799cf43771512d5b76a1e7384', title: "Routing Number", value: this.payout.bank_account.routing_number }), h(DetailItem, { key: 'ecab6b8f68ef0728bf162fdb359d1de74b2f59c2', title: "Account Number", value: `**** ${this.payout.bank_account.account_number_last4}` })), this.payout.metadata && [
+            h(DetailSectionTitle, { key: 'eb6e580a3042a5655bc119f84c4c527b9e9490ff', sectionTitle: 'Metadata' }),
+            h("div", { key: 'bed8a5e10d1f3d08beab5061fb1435dad496fc1f', class: "d-table gap-2 w-100" }, h(CodeBlock, { key: '4f0ec3e844ed5f96d3d2662833f229dd3de23729', 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 {