@justifi/webcomponents 6.5.1-rc.2 → 6.6.0

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

@@ -10,8 +10,6 @@ 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';
@@ -100,7 +98,7 @@ const TerminalOrdersList = /*@__PURE__*/ proxyCustomElement(class TerminalOrders
         }
     }
     render() {
-        return (h(StyledHost, { key: '80b94e88e1513441181fcb561ac2ccc8f15f081e' }, h("terminal-orders-list-core", { key: '265b0bfcd7be64feac679690f1a3bf8b0fbbf760', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '87920c2bfe428ad888b11c236f6a276100559734' }, h("terminal-orders-list-core", { key: '23c36c05b8568c180dada8c84d978ada76cc8ac3', 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,8 +11,6 @@ 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';
@@ -56,7 +54,7 @@ const TerminalsListFilters = /*@__PURE__*/ proxyCustomElement(class TerminalsLis
     }
     render() {
         const filterMenuParams = Object.assign({}, filterParams);
-        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 }))))));
+        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 }))))));
     }
 }, [257, "justifi-terminals-list-filters", {
         "terminalId": [1, "terminal-id"],

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

@@ -6,8 +6,6 @@ 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';
@@ -105,7 +103,7 @@ const TerminalsList = /*@__PURE__*/ proxyCustomElement(class TerminalsList exten
         }
     }
     render() {
-        return (h(StyledHost, { key: 'bdd2e2c152c5d1482d6b90ad60b9d4c0bbaca0b3' }, h("terminals-list-core", { key: '2444663ce45854b825f8a78cb15a25a0b5111d52', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '90d4ec28b49f0cca424bd1557d46600798455464' }, h("terminals-list-core", { key: 'b0b70bf95fa460d62a83e3b1182ec612c74fde8a', 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: '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 }));
+        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 }));
     }
 }, [257, "justifi-tokenize-payment-method", {
         "accountId": [1, "account-id"],

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

@@ -2,12 +2,17 @@ import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/i
 import { a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Refund.js';
 import { m as makeGetBusiness, a as makePatchBusiness } from './payment-provisioning-actions.js';
 import { B as BusinessService } from './business.service.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';
-import { d as defineCustomElement$3 } from './form-control-tooltip2.js';
-import { d as defineCustomElement$2 } from './form-address-fields.js';
-import { d as defineCustomElement$1 } from './legal-address-form-step-core.js';
+import { c as addressSchemaByCountry } from './business-address-schema.js';
+import { F as FormController } from './form.js';
+import { c as Address } from './Business.js';
+import { h as heading2 } from './parts.js';
+import { P as PaymentProvisioningLoading } from './payment-provisioning-loading.js';
+import { B as BusinessFormStep } from './event-types2.js';
+import { d as defineCustomElement$5 } from './custom-popper2.js';
+import { d as defineCustomElement$4 } from './form-control-select2.js';
+import { d as defineCustomElement$3 } from './form-control-text2.js';
+import { d as defineCustomElement$2 } from './form-control-tooltip2.js';
+import { d as defineCustomElement$1 } from './form-address-fields.js';
 
 const LegalAddressFormStep = /*@__PURE__*/ proxyCustomElement(class LegalAddressFormStep extends HTMLElement {
     constructor(registerHost) {
@@ -16,15 +21,83 @@ const LegalAddressFormStep = /*@__PURE__*/ proxyCustomElement(class LegalAddress
             this.__registerHost();
         }
         this.errorEvent = createEvent(this, "error-event", 7);
+        this.stepCompleteEvent = createEvent(this, "complete-form-step-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
+        this.errors = {};
+        this.legal_address = {};
+        this.isLoading = false;
+        this.getData = () => {
+            if (!this.getBusiness)
+                return;
+            this.formLoading.emit(true);
+            this.isLoading = true;
+            this.getBusiness({
+                onSuccess: (response) => {
+                    const business = response.data || {};
+                    const address = new Address(business.legal_address || {});
+                    this.legal_address = Object.assign(Object.assign({}, address), { country: this.country });
+                    this.formController.setInitialValues(Object.assign({}, this.legal_address));
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => {
+                    this.formLoading.emit(false);
+                    this.isLoading = false;
+                }
+            });
+        };
+        this.sendData = (onSuccess) => {
+            let submittedData;
+            this.formLoading.emit(true);
+            this.patchBusiness({
+                payload: this.patchPayload,
+                onSuccess: (response) => {
+                    submittedData = response;
+                    onSuccess();
+                },
+                onError: ({ error, code, severity }) => {
+                    submittedData = error;
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => {
+                    this.stepCompleteEvent.emit({ response: submittedData, formStep: BusinessFormStep.legalAddress });
+                    this.formLoading.emit(false);
+                }
+            });
+        };
+        this.inputHandler = (name, value) => {
+            this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
+        };
     }
     propChanged() {
         this.initializeApi();
     }
     async validateAndSubmit({ onSuccess }) {
-        this.coreComponent.validateAndSubmit({ onSuccess });
+        this.formController.validateAndSubmit(() => this.sendData(onSuccess));
+    }
+    get patchPayload() {
+        let formValues = new Address(this.formController.values.getValue()).payload;
+        return { legal_address: formValues };
     }
     componentWillLoad() {
         this.initializeApi();
+        const schemaFactory = addressSchemaByCountry[this.country];
+        this.formController = new FormController(schemaFactory(this.allowOptionalFields));
+        this.getData();
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => {
+            this.errors = Object.assign({}, errors);
+        });
     }
     initializeApi() {
         if (this.authToken && this.businessId) {
@@ -48,7 +121,12 @@ const LegalAddressFormStep = /*@__PURE__*/ proxyCustomElement(class LegalAddress
         }
     }
     render() {
-        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 }));
+        var _a;
+        const legalAddressDefaultValue = (_a = this.formController) === null || _a === void 0 ? void 0 : _a.getInitialValues();
+        if (this.isLoading) {
+            return h(PaymentProvisioningLoading, null);
+        }
+        return (h("form", null, h("fieldset", null, h("div", { class: "d-flex align-items-center gap-2" }, h("legend", { class: "mb-0", part: heading2 }, "Legal Address of your Business"), h("form-control-tooltip", { helpText: "No PO Boxes." })), h("hr", { class: "mt-2" }), h("justifi-form-address-fields", { country: this.country, errors: this.errors, defaultValues: legalAddressDefaultValue, inputHandler: this.inputHandler }))));
     }
     static get watchers() { return {
         "authToken": ["propChanged"],
@@ -61,6 +139,10 @@ const LegalAddressFormStep = /*@__PURE__*/ proxyCustomElement(class LegalAddress
         "country": [1],
         "getBusiness": [32],
         "patchBusiness": [32],
+        "formController": [32],
+        "errors": [32],
+        "legal_address": [32],
+        "isLoading": [32],
         "validateAndSubmit": [64]
     }, undefined, {
         "authToken": ["propChanged"],
@@ -70,7 +152,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["justifi-legal-address-form-step", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields", "justifi-legal-address-form-step-core"];
+    const components = ["justifi-legal-address-form-step", "custom-popper", "form-control-select", "form-control-text", "form-control-tooltip", "justifi-form-address-fields"];
     components.forEach(tagName => { switch (tagName) {
         case "justifi-legal-address-form-step":
             if (!customElements.get(tagName)) {
@@ -78,31 +160,26 @@ function defineCustomElement() {
             }
             break;
         case "custom-popper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "form-control-text":
+        case "form-control-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }
             break;
-        case "form-control-tooltip":
+        case "form-control-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$3();
             }
             break;
-        case "justifi-form-address-fields":
+        case "form-control-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }
             break;
-        case "justifi-legal-address-form-step-core":
+        case "justifi-form-address-fields":
             if (!customElements.get(tagName)) {
                 defineCustomElement$1();
             }

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: '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 }))));
+        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 }))));
     }
 }, [256, "justifi-legal-address-form", {
-        "formController": [8, "form-controller"],
+        "formController": [16],
         "country": [1],
         "errors": [32],
         "legal_address": [32]

package/dist/module/modular-checkout.js

@@ -6,8 +6,6 @@ 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';
@@ -79,25 +77,6 @@ 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) {
@@ -133,7 +112,6 @@ 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,
@@ -168,13 +146,11 @@ 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) {
@@ -217,7 +193,7 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         }
     }
     updateStore(checkout) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f;
         checkoutStore.accountId = checkout.account_id;
         checkoutStore.checkoutLoaded = true;
         checkoutStore.paymentMethods = checkout.payment_methods.map((paymentMethod) => new PaymentMethod(paymentMethod));
@@ -229,12 +205,11 @@ 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.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.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.bnplProviderCheckoutUrl =
-            (_g = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _g === void 0 ? void 0 : _g.provider_checkout_url;
+            (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_checkout_url;
     }
     emitCheckoutChanged() {
         const detail = {
@@ -247,7 +222,6 @@ 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');
@@ -266,18 +240,6 @@ 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 : {};
@@ -432,8 +394,6 @@ 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;
             }
@@ -471,7 +431,7 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         });
     }
     render() {
-        return h(Host, { key: '43f4be87e218b23251f2ccac90e0c980bf157d68' });
+        return h(Host, { key: '13f25de7b4273e26e762fe38f032ffd99f2a44c0' });
     }
     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: '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' }))));
+        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' }))));
     }
     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: '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: () => {
+        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: () => {
                 this.isEditingIdentification = true;
                 // Clear last4 and current value to force validation
                 updateFormValues(this.formController, {
                     ssn_last4: null,
                     identification_number: ''
                 });
-            } }, "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 }))));
+            } }, "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 }))));
     }
     ;
 }, [256, "owner-form-inputs", {
         "ownerDefaultValue": [8, "owner-default-value"],
         "errors": [8],
-        "formController": [8, "form-controller"],
+        "formController": [16],
         "country": [1],
         "isEditingIdentification": [32]
     }]);

package/dist/module/owner-form.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as makeGetIdentity, e as makePatchIdentity, f as makePostIdentity } from './payment-provisioning-actions.js';
+import { b as makeGetIdentity, c as makePatchIdentity, d as makePostIdentity } from './payment-provisioning-actions.js';
 import { I as IdentityService } from './business.service.js';
 import { d as defineCustomElement$a } from './custom-popper2.js';
 import { d as defineCustomElement$9 } from './form-control-date2.js';
@@ -52,7 +52,7 @@ const BusinessOwnerForm = /*@__PURE__*/ proxyCustomElement(class BusinessOwnerFo
         });
     }
     render() {
-        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 }));
+        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 }));
     }
 }, [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.1-rc.2";
+const version = "6.6.0";
 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: '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) => {
+        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) => {
                 e.preventDefault();
                 this.paging.handleClickPrevious(this.paging.start_cursor);
-            }, 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) => {
+            }, 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) => {
                 e.preventDefault();
                 this.paging.handleClickNext(this.paging.end_cursor);
-            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '85a042e415b364e2edf56b5589a28ddf55de7a88', part: paginationButtonText }, "Next"), h("span", { key: 'a8b311e4771cce6a3d291f1aa9eaf7ec08397a3d', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
+            }, part: this.paging.has_next ? paginationButton : paginationButtonDisabled }, h("span", { key: '6a01458a048a524931b03df6a964fa4a0ac403ac', part: paginationButtonText }, "Next"), h("span", { key: 'f4cb3d084647c00dff30b99f751180564463443f', class: "ms-1", part: paginationButtonIconNext }, "\u00BB")))))));
     }
 }, [256, "pagination-menu", {
         "paging": [16],

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

@@ -1,11 +1,9 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import './config-state.js';
-import { a as formatDate, d as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
+import { a as formatDate, b as formatTime, s as snakeCaseToHumanReadable } from './utils2.js';
 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';
@@ -64,16 +62,16 @@ const PaymentDetailsCore = /*@__PURE__*/ proxyCustomElement(class PaymentDetails
         return this.payment.status;
     }
     render() {
-        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 }))
+        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 }))
         ], this.payment.payment_method.bank_account && [
-            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 }))
+            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 }))
         ], 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 }))
+            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 }))
         ])))));
     }
     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: '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 }))));
+        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 }))));
     }
 }, [257, "payment-method-option", {
         "paymentMethodOptionId": [1, "payment-method-option-id"],

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

@@ -235,4 +235,4 @@ const makePostDocumentRecord = ({ authToken, service }) => async ({ payload, onS
     }
 };
 
-export { makePatchBusiness as a, makePostBankAccount as b, makePostDocumentRecord as c, makeGetIdentity as d, makePatchIdentity as e, makePostIdentity as f, makePostProvisioning as g, makeGetBusiness as m };
+export { makePatchBusiness as a, makeGetIdentity as b, makePatchIdentity as c, makePostIdentity as d, makePostBankAccount as e, makePostDocumentRecord as f, makePostProvisioning as g, makeGetBusiness as m };