@justifi/webcomponents 6.6.0 → 6.7.0

package/dist/module/GooglePay.js

@@ -0,0 +1,184 @@
+import { c as checkoutStore } from './checkout.store.js';
+
+var GooglePayButtonType;
+(function (GooglePayButtonType) {
+    GooglePayButtonType["PLAIN"] = "plain";
+    GooglePayButtonType["BUY"] = "buy";
+    GooglePayButtonType["BOOK"] = "book";
+    GooglePayButtonType["CHECKOUT"] = "checkout";
+    GooglePayButtonType["DONATE"] = "donate";
+    GooglePayButtonType["ORDER"] = "order";
+    GooglePayButtonType["PAY"] = "pay";
+    GooglePayButtonType["SUBSCRIBE"] = "subscribe";
+})(GooglePayButtonType || (GooglePayButtonType = {}));
+var GooglePayButtonStyle;
+(function (GooglePayButtonStyle) {
+    GooglePayButtonStyle["BLACK"] = "black";
+    GooglePayButtonStyle["WHITE"] = "white";
+})(GooglePayButtonStyle || (GooglePayButtonStyle = {}));
+var GooglePayButtonSizeMode;
+(function (GooglePayButtonSizeMode) {
+    GooglePayButtonSizeMode["STATIC"] = "static";
+    GooglePayButtonSizeMode["FILL"] = "fill";
+})(GooglePayButtonSizeMode || (GooglePayButtonSizeMode = {}));
+var GooglePayEnvironment;
+(function (GooglePayEnvironment) {
+    GooglePayEnvironment["PRODUCTION"] = "PRODUCTION";
+    GooglePayEnvironment["TEST"] = "TEST";
+})(GooglePayEnvironment || (GooglePayEnvironment = {}));
+class GooglePayConfig {
+    constructor(data) {
+        this.environment = data.environment;
+        this.merchantId = data.merchantId;
+        this.merchantName = data.merchantName;
+        this.buttonType = data.buttonType || GooglePayButtonType.PLAIN;
+        this.buttonStyle = data.buttonStyle || GooglePayButtonStyle.BLACK;
+        this.buttonSizeMode = data.buttonSizeMode || GooglePayButtonSizeMode.STATIC;
+        this.buttonLocale = data.buttonLocale || 'en';
+    }
+    get isValid() {
+        return !!(this.environment && this.merchantName);
+    }
+}
+class GooglePayPaymentDataRequest {
+    constructor(data) {
+        this.apiVersion = data.apiVersion;
+        this.apiVersionMinor = data.apiVersionMinor;
+        this.allowedPaymentMethods = data.allowedPaymentMethods;
+        this.transactionInfo = data.transactionInfo;
+        this.merchantInfo = data.merchantInfo;
+        this.callbackIntents = data.callbackIntents;
+        this.shippingAddressRequired = data.shippingAddressRequired;
+        this.shippingAddressParameters = data.shippingAddressParameters;
+        this.emailRequired = data.emailRequired;
+    }
+    get isValid() {
+        var _a, _b, _c, _d;
+        const hasApiVersion = typeof this.apiVersion === 'number' && this.apiVersion > 0;
+        const hasApiVersionMinor = typeof this.apiVersionMinor === 'number' && this.apiVersionMinor >= 0;
+        const hasAllowedMethods = Array.isArray(this.allowedPaymentMethods) &&
+            this.allowedPaymentMethods.length > 0;
+        const hasTxnCountry = Boolean((_a = this.transactionInfo) === null || _a === void 0 ? void 0 : _a.countryCode);
+        const hasTxnCurrency = Boolean((_b = this.transactionInfo) === null || _b === void 0 ? void 0 : _b.currencyCode);
+        const hasTxnTotal = Boolean((_c = this.transactionInfo) === null || _c === void 0 ? void 0 : _c.totalPrice);
+        const hasMerchantName = Boolean((_d = this.merchantInfo) === null || _d === void 0 ? void 0 : _d.merchantName);
+        return (hasApiVersion &&
+            hasApiVersionMinor &&
+            hasAllowedMethods &&
+            hasTxnCountry &&
+            hasTxnCurrency &&
+            hasTxnTotal &&
+            hasMerchantName);
+    }
+}
+class GooglePayHelpers {
+    /**
+     * Check if Google Pay is supported in the current environment
+     */
+    static isGooglePaySupported() {
+        return (typeof window !== 'undefined' &&
+            'google' in window &&
+            'payments' in window.google &&
+            'api' in window.google.payments);
+    }
+    /**
+     * Create a Google Pay client instance
+     */
+    static createGooglePayClient(environment) {
+        if (!this.isGooglePaySupported()) {
+            return null;
+        }
+        try {
+            return new window.google.payments.api.PaymentsClient({
+                environment: environment === GooglePayEnvironment.PRODUCTION
+                    ? 'PRODUCTION'
+                    : 'TEST',
+            });
+        }
+        catch (_error) {
+            return null;
+        }
+    }
+    /**
+     * Format amount for Google Pay (expects string in full currency units)
+     */
+    static formatAmount(amount) {
+        return (amount / 100).toFixed(2);
+    }
+    /**
+     * Parse amount from Google Pay format to cents
+     */
+    static parseAmount(amount) {
+        return Math.round(parseFloat(amount) * 100);
+    }
+    /**
+     * Create a line item for Google Pay
+     */
+    static createLineItem(label, amount, type = 'LINE_ITEM') {
+        return {
+            label,
+            price: this.formatAmount(amount),
+            type,
+        };
+    }
+    /**
+     * Get default supported card networks
+     */
+    static getDefaultSupportedNetworks() {
+        return ['VISA', 'MASTERCARD', 'AMEX', 'DISCOVER'];
+    }
+    /**
+     * Get default allowed authentication methods
+     */
+    static getDefaultAuthMethods() {
+        return ['CRYPTOGRAM_3DS', 'PAN_ONLY'];
+    }
+    /**
+     * Create default card parameters
+     */
+    static createDefaultCardParameters() {
+        return {
+            allowedAuthMethods: this.getDefaultAuthMethods(),
+            allowedCardNetworks: this.getDefaultSupportedNetworks(),
+            billingAddressRequired: false,
+        };
+    }
+    /**
+     * Create default tokenization specification
+     */
+    static createTokenizationSpecification() {
+        return {
+            type: 'PAYMENT_GATEWAY',
+            parameters: {
+                gateway: 'justifi',
+                gatewayMerchantId: checkoutStore.accountId,
+            },
+        };
+    }
+    /**
+     * Create default payment method data
+     */
+    static createPaymentMethodData() {
+        return {
+            type: 'CARD',
+            parameters: this.createDefaultCardParameters(),
+            tokenizationSpecification: this.createTokenizationSpecification(),
+        };
+    }
+    /**
+     * Create base payment data request check
+     */
+    static createBasePaymentDataRequest() {
+        const base = {
+            apiVersion: 2,
+            apiVersionMinor: 0,
+            allowedPaymentMethods: [this.createPaymentMethodData()],
+        };
+        // For development and broader availability of the button, do not require an existing card
+        // This allows isReadyToPay to return true on supported browsers even without a saved payment method
+        base.existingPaymentMethodRequired = false;
+        return base;
+    }
+}
+
+export { GooglePayConfig as G, GooglePayHelpers as a, GooglePayPaymentDataRequest as b, GooglePayButtonSizeMode as c, GooglePayButtonStyle as d, GooglePayButtonType as e, GooglePayEnvironment as f };

package/dist/module/ModularCheckout.js

@@ -3,6 +3,7 @@ var PAYMENT_MODE;
     PAYMENT_MODE["ECOM"] = "ecom";
     PAYMENT_MODE["BNPL"] = "bnpl";
     PAYMENT_MODE["APPLE_PAY"] = "apple_pay";
+    PAYMENT_MODE["GOOGLE_PAY"] = "google_pay";
 })(PAYMENT_MODE || (PAYMENT_MODE = {}));
 // Maps the backend payment method types to the frontend payment method types
 var PAYMENT_METHOD_TYPES;

package/dist/module/additional-statement.js

@@ -41,7 +41,7 @@ const AdditionalStatement = /*@__PURE__*/ proxyCustomElement(class AdditionalSta
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '3c0edd8c0d1b4e20b4673e721ae05c34e070e2c6' }, h("div", { key: 'e95625382e55164401b28c6d3d253d775b7ccc87', class: "row gy-3" }, h("div", { key: 'bce8e334130812bb6d896e48d72f8a7347a58753', class: "col-12" }, h("h2", { key: 'd6d11c29baf12c36d90505f44cbba6139828cc41', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '11cba2151220a3bb5dc39c231792b2733033f2ee', class: "col-12" }, h("form-control-textarea", { key: 'e60e1810cb82b6daf8c61aa4ae21ead48d6794f5', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: 'e745eabe5b5a38485877904d7b0e3fc16583e00e', class: "col-12" }, h("form-control-file-v2", { key: 'f88b588cfe46d4d4f904b8c7008272ee0b0fffed', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
+        return (h("div", { key: 'd943c5a732c4ece78a9d3894b1395bfe9fde13eb' }, h("div", { key: '918d1e3ef1259396d177e41d10998cbd9d69c060', class: "row gy-3" }, h("div", { key: 'bfab1580c07005da4046884acd07858478ed9e29', class: "col-12" }, h("h2", { key: '9d82008f712ce05f35a42bc169f581ec5e38d9ea', class: "h5", part: heading5 }, "Additional Evidence")), h("div", { key: '28b192ee15fc788ef9923e366b46e0d1458f5061', class: "col-12" }, h("form-control-textarea", { key: '799b740724230fc5fd7ed7e19d8f7069416eed10', label: "Is there anything else you would like to say about this dispute?", name: "additional_statement", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.additional_statement, inputHandler: this.inputHandler, errorText: this.errors.additional_statement })), h("div", { key: '0e1f293bd196f45faaa495f310be6c72ce101e0e', class: "col-12" }, h("form-control-file-v2", { key: '02ae90e06226350272bb49d1cb0d753f641c6801', label: "Additional files", name: "uncategorized_file", multiple: true, helpText: "Upload any additional pieces of evidence that have not already been provided.", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_b = this.documentErrors) === null || _b === void 0 ? void 0 : _b.uncategorized_file })))));
     }
 }, [256, "justifi-additional-statement", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/apple-pay.js

@@ -1,5 +1,6 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
 import { A as Api } from './Api.js';
+import { A as ApplePayConfig, a as ApplePayHelpers, b as ApplePayPaymentRequest, c as ApplePaySessionStatus, d as ApplePayButtonStyle, e as ApplePayButtonType, f as ApplePayMerchantCapability } from './ApplePay.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
@@ -7,126 +8,6 @@ import './justifi-radio-list-item2.js';
 import { S as Skeleton } from './skeleton.js';
 import { c as checkoutStore } from './checkout.store.js';
 
-var ApplePaySessionStatus;
-(function (ApplePaySessionStatus) {
-    ApplePaySessionStatus["STATUS_SUCCESS"] = "STATUS_SUCCESS";
-    ApplePaySessionStatus["STATUS_FAILURE"] = "STATUS_FAILURE";
-})(ApplePaySessionStatus || (ApplePaySessionStatus = {}));
-var ApplePayButtonType;
-(function (ApplePayButtonType) {
-    ApplePayButtonType["PLAIN"] = "plain";
-    ApplePayButtonType["BUY"] = "buy";
-    ApplePayButtonType["SET_UP"] = "set-up";
-    ApplePayButtonType["DONATE"] = "donate";
-    ApplePayButtonType["CHECK_OUT"] = "check-out";
-    ApplePayButtonType["BOOK"] = "book";
-    ApplePayButtonType["SUBSCRIBE"] = "subscribe";
-})(ApplePayButtonType || (ApplePayButtonType = {}));
-var ApplePayButtonStyle;
-(function (ApplePayButtonStyle) {
-    ApplePayButtonStyle["BLACK"] = "black";
-    ApplePayButtonStyle["WHITE"] = "white";
-    ApplePayButtonStyle["WHITE_OUTLINE"] = "white-outline";
-})(ApplePayButtonStyle || (ApplePayButtonStyle = {}));
-var ApplePayMerchantCapability;
-(function (ApplePayMerchantCapability) {
-    ApplePayMerchantCapability["SUPPORTS_3DS"] = "supports3DS";
-    ApplePayMerchantCapability["SUPPORTS_EMV"] = "supportsEMV";
-    ApplePayMerchantCapability["SUPPORTS_CREDIT"] = "supportsCredit";
-    ApplePayMerchantCapability["SUPPORTS_DEBIT"] = "supportsDebit";
-})(ApplePayMerchantCapability || (ApplePayMerchantCapability = {}));
-class ApplePayConfig {
-    constructor(data) {
-        this.merchantIdentifier = data.merchantIdentifier;
-        this.displayName = data.displayName;
-        this.initiative = data.initiative;
-        this.initiativeContext = data.initiativeContext;
-        this.buttonType = data.buttonType || ApplePayButtonType.PLAIN;
-        this.buttonStyle = data.buttonStyle || ApplePayButtonStyle.BLACK;
-        this.buttonLocale = data.buttonLocale || 'en-US';
-    }
-    get isValid() {
-        return !!(this.merchantIdentifier &&
-            this.displayName &&
-            this.initiative &&
-            this.initiativeContext);
-    }
-}
-class ApplePayPaymentRequest {
-    constructor(data) {
-        this.countryCode = data.countryCode;
-        this.currencyCode = data.currencyCode;
-        this.merchantCapabilities = data.merchantCapabilities;
-        this.supportedNetworks = data.supportedNetworks;
-        this.total = data.total;
-        this.lineItems = data.lineItems;
-        this.shippingMethods = data.shippingMethods;
-        this.applicationData = data.applicationData;
-        this.supportedCountries = data.supportedCountries;
-    }
-    get isValid() {
-        var _a, _b, _c, _d;
-        return !!(this.countryCode &&
-            this.currencyCode &&
-            ((_a = this.merchantCapabilities) === null || _a === void 0 ? void 0 : _a.length) &&
-            ((_b = this.supportedNetworks) === null || _b === void 0 ? void 0 : _b.length) &&
-            ((_c = this.total) === null || _c === void 0 ? void 0 : _c.label) &&
-            ((_d = this.total) === null || _d === void 0 ? void 0 : _d.amount));
-    }
-}
-class ApplePayHelpers {
-    static isApplePaySupported() {
-        var _a;
-        return (typeof window !== 'undefined' &&
-            'ApplePaySession' in window &&
-            ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.supportsVersion(3)));
-    }
-    static canMakePayments() {
-        var _a;
-        if (!this.isApplePaySupported()) {
-            return false;
-        }
-        return ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePayments()) || false;
-    }
-    static async canMakePaymentsWithActiveCard(merchantIdentifier) {
-        var _a;
-        if (!this.isApplePaySupported()) {
-            return false;
-        }
-        try {
-            return ((await ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePaymentsWithActiveCard(merchantIdentifier))) || false);
-        }
-        catch (error) {
-            console.error('Error checking Apple Pay active card:', error);
-            return false;
-        }
-    }
-    static formatAmount(amount) {
-        return (amount / 100).toFixed(2);
-    }
-    static parseAmount(amount) {
-        return Math.round(parseFloat(amount) * 100);
-    }
-    static createLineItem(label, amount, type = 'final') {
-        return {
-            label,
-            amount: this.formatAmount(amount),
-            type,
-        };
-    }
-    static getDefaultSupportedNetworks() {
-        return ['amex', 'discover', 'masterCard', 'visa'];
-    }
-    static getDefaultMerchantCapabilities() {
-        return [
-            ApplePayMerchantCapability.SUPPORTS_3DS,
-            ApplePayMerchantCapability.SUPPORTS_EMV,
-            ApplePayMerchantCapability.SUPPORTS_CREDIT,
-            ApplePayMerchantCapability.SUPPORTS_DEBIT,
-        ];
-    }
-}
-
 // Centralized error codes for Apple Pay service
 var ApplePayServiceErrorCode;
 (function (ApplePayServiceErrorCode) {

package/dist/module/bank-account-billing-form-simple.js

@@ -44,7 +44,7 @@ const BankAccountBillingFormSimple = /*@__PURE__*/ proxyCustomElement(class Bank
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '351fb06eb483dc19acd62f82b6bd6a3112656f5d' }, h("div", { key: 'f4acda57958a375ee5bf44dd66862b879470e749', part: billingForm, class: "mt-4" }, h("form", { key: 'b985f1b1cd4a8daa6322921a046715b9b06a83da' }, h("fieldset", { key: '81116059d8675ae4a7ca8885cf8ad352b3f49e81' }, this.legend && (h("legend", { key: 'eb8e006d64c65fb8d5dd7c8166da7cd0af92fdf8' }, this.legend)), h("div", { key: 'f33a49989a3900ba3fae732c76dca7013b1b0961', class: "row gy-3" }, h("div", { key: 'db98168966f644e2140f5d505557f9f304938f88', class: "col-12" }, h("form-control-text", { key: 'b86b8a4f40aefddeede3c46132e25fe2b5f7b685', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
+        return (h(StyledHost, { key: '1ae1df080e0cfac0795b758708fd8cfcd091ca10' }, h("div", { key: 'c13939d9ef3f56ae00e79fcf4c2c5e4e3775874a', part: billingForm, class: "mt-4" }, h("form", { key: '37affeab4ec3904a1095f868da1a767227f11e6d' }, h("fieldset", { key: 'f12df105d8a3196bcbc89bf78f253b6abb0b3cba' }, this.legend && (h("legend", { key: '876c0303cf1e2c1475b7f076a184da6b43a9dbff' }, this.legend)), h("div", { key: 'a0362a2eaea2c6cc263fced7fa44c89440b45aad', class: "row gy-3" }, h("div", { key: 'b79686ee1276d27199d7c6d6419a89eb0a9345ee', class: "col-12" }, h("form-control-text", { key: 'cbebd20b9418db67ea3e7ea08eec5e405df9d524', name: 'name', label: 'Full Name', defaultValue: billingFormDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler }))))))));
     }
 }, [257, "justifi-bank-account-billing-form-simple", {
         "legend": [1025],

package/dist/module/bank-account-document-inputs.js

@@ -4,6 +4,8 @@ import './dinero.js';
 import { E as EntityDocumentType } from './Refund.js';
 import './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { d as defineCustomElement$3 } from './custom-popper2.js';
 import { d as defineCustomElement$2 } from './form-control-file2.js';
 import { d as defineCustomElement$1 } from './form-control-tooltip2.js';

package/dist/module/bank-account-form.js

@@ -47,10 +47,10 @@ const BankAccountForm$1 = /*@__PURE__*/ proxyCustomElement(class BankAccountForm
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: '9ad0351fe9ef5ffdbab77a738b1e342b3124aa32' }, h(BankAccountFormSkeleton, { key: '4e3cdfbfcbb95998f7cb3724eba07a7ca860763b', isReady: this.isReady }), h("div", { key: '2c4ad45f9b98b5d18fb2359be671cc49d85e63ea', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '32cfa049dff176af26d2a4bcb86c440a99bc8668' }, h(BankAccountFormSkeleton, { key: '8382fc8ff7726e245245db06b01fdc253d43328e', isReady: this.isReady }), h("div", { key: '83f16d13bb8c338dd859a60a7bd63edbb8f703b6', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '4402087e14b02dd73d43873dc69fe26e9e35aed6', class: "row mb-3" }, h("iframe-input", { key: '8599126627554acc0bc45d23a7136a85c679d831', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '95da6cb38cd214658dd2b527478f4d2ed6fc5256', class: "row" }, h("iframe-input", { key: 'c990dfe86d5ddb284fc673a459c42498bf149235', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
+            } }, h("div", { key: 'ff5a4020f51e917874583036ef3b50d9496a393e', class: "row mb-3" }, h("iframe-input", { key: '334cd1bbdb23cb1d4ae5df1f89737913209fd1c1', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber?tabId=${this.tabId}` })), h("div", { key: '65a00ea0fe1202240a2641b40d5f0455483746ff', class: "row" }, h("iframe-input", { key: 'c8dda20444c7f6494fad1377cc556676e1d7dc54', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber?tabId=${this.tabId}` })))));
     }
 }, [256, "bank-account-form", {
         "isReady": [32],

package/dist/module/bank-account.js

@@ -58,10 +58,10 @@ const BankAccountForm = /*@__PURE__*/ proxyCustomElement(class BankAccountForm e
         return this.accountNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: '5300180e7f23a8edf57f8fc875735eaff8a88dd6' }, h(BankAccountFormSkeleton, { key: 'e9464c243d616b4787f341e01d86bea0a2cf532f', isReady: this.isReady }), h("hidden-input", { key: '1903e13a850096457d4ffa1b68211f2289c1ba5d' }), h("div", { key: 'b9bd0c9d19b1e140c1d46f4ad6db2a3b34cd9084', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: '0daa12da1ca699a05ca499425c4a37e4d913b2dd' }, h(BankAccountFormSkeleton, { key: '9d4ee0af94759d71d52130781401d322fcb5e397', isReady: this.isReady }), h("hidden-input", { key: 'dc4ee0054cbc7acb214a1c410f8fd387677f92dc' }), h("div", { key: 'b489311f205e0ffdaa4680621b706322bd3fc4ca', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '40156309e44c38b2495c6f1fff6e3d61fef8f59b', class: "row mb-3" }, h("iframe-input", { key: '4e081e59170d28632290194672e4da4c6fdb2707', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '90c4082c1bd2afb6a17f3cf3c9b74c19a5e50459', class: "row" }, h("iframe-input", { key: '97eb9c0dddaa323ffc48691764982ea2ee796aed', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
+            } }, h("div", { key: '2d1b00b9705d1a94364f691d4ad705c339abbbce', class: "row mb-3" }, h("iframe-input", { key: '21a66eb7d87b77c1ff1a1171a4cb84a4759853dd', inputId: "accountNumber", ref: (el) => (this.accountNumberIframeElement = el), label: "Account Number", iframeOrigin: `${this.iframeOrigin}/v2/accountNumber` })), h("div", { key: '1ff36d49f7304e203cdefea46010100ed750ed68', class: "row" }, h("iframe-input", { key: '2211a638c875e504e7e25e0704788d7a437b5806', inputId: "routingNumber", ref: (el) => (this.routingNumberIframeElement = el), label: "Routing Number", iframeOrigin: `${this.iframeOrigin}/v2/routingNumber` })))));
     }
 }, [257, "justifi-bank-account-form", {
         "iframeOrigin": [32],

package/dist/module/business-bank-account-form-step.js

@@ -4,6 +4,8 @@ import './dinero.js';
 import { E as EntityDocumentType, h as EntityDocumentStorage, i as EntityDocument, a as ComponentErrorSeverity, C as ComponentErrorCodes } from './Refund.js';
 import './Pagination.js';
 import { a as CountryCode } from './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import { m as makeGetBusiness, e as makePostBankAccount, f as makePostDocumentRecord } from './payment-provisioning-actions.js';
 import { B as BusinessService, a as BusinessBankAccountService, D as DocumentRecordService } from './business.service.js';
 import { c as create$3, a as create$6, d as create$8, F as FormController } from './form.js';

package/dist/module/business-terms-conditions-form-step.js

@@ -4,6 +4,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 { h as heading2 } from './parts.js';
 import { B as BusinessFormStep } from './event-types2.js';
 import { d as defineCustomElement$1 } from './form-control-checkbox2.js';

package/dist/module/business.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 BusinessService {

package/dist/module/cancellation-policy.js

@@ -41,7 +41,7 @@ const CancellationPolicy = /*@__PURE__*/ proxyCustomElement(class CancellationPo
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '7388c0a12447da31a25aeb4d374a4bcca26ae664' }, h("div", { key: 'adcc0256ebec43aac7ba65a8e35daf6e6923de25', class: "row gy-3" }, h("div", { key: 'f8f12898acdd5dadac559d9c967af69cbb071147', class: "col-12" }, h("h2", { key: '546b58f9ef57f21743625a54c960762b990977eb', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '10032390cfca9d783ee71c4546f7562b59596806', class: "col-12" }, h("form-control-textarea", { key: '62afbd3d92193e954ec72808eafb8643e0d8c8d3', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'df29b379fdacf3c74111952eb9ed7c20b6fbb1ed', class: "col-12" }, h("form-control-textarea", { key: '8c34fddf37bd4f03e1ff8f974e35dc88a865a3cf', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: '89dd8b79755ae4ab2ad203887cd928b4a9ce35e2', class: "col-12" }, h("form-control-file-v2", { key: '0818e57a22be5a73f74a02575ac802cfe3b4de35', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
+        return (h("div", { key: '24d9db9409e2bc6147e73b70b103c86d9c65580d' }, h("div", { key: 'a724a9f96b0cc7f6a38fab82b572962b72ffbf9b', class: "row gy-3" }, h("div", { key: 'ba734334efd7a7fbc7adcc2c8bcb73f80278a413', class: "col-12" }, h("h2", { key: 'f57de791ca5b8f6752ce06460ba813f89f8145f5', class: "h5", part: heading5 }, "Cancellation Policy")), h("div", { key: '86946aa4b4b2615864c3e6053e661564f4eb5658', class: "col-12" }, h("form-control-textarea", { key: '0f996bfd0a1b64effef21418a7813a12f1ad5fcd', label: "Cancellation Policy Disclosure", name: "cancellation_policy_disclosure", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.cancellation_policy_disclosure, inputHandler: this.inputHandler, errorText: this.errors.cancellation_policy_disclosure })), h("div", { key: 'd46ca79368e4bc1f13e406d0fece0be4b8e33950', class: "col-12" }, h("form-control-textarea", { key: '0d7991cf878e645b80b8aa8b03533dc758d267a9', label: "Cancellation Rebuttal", name: "cancellation_rebuttal", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.cancellation_rebuttal, inputHandler: this.inputHandler, errorText: this.errors.cancellation_rebuttal })), h("div", { key: 'aa89c58ba7263fe7419908fd4964874645b26c3e', class: "col-12" }, h("form-control-file-v2", { key: '7e6020a57b0d804c20e0b2c092bf512912679eb9', label: "Upload Cancellation Policy", name: "cancellation_policy", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_c = this.documentErrors) === null || _c === void 0 ? void 0 : _c.cancellation_policy })))));
     }
 }, [256, "justifi-cancellation-policy", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/card-billing-form-simple.js

@@ -44,7 +44,7 @@ const CardBillingFormSimple = /*@__PURE__*/ proxyCustomElement(class CardBilling
     }
     render() {
         const billingFormDefaultValue = this.formController.getInitialValues();
-        return (h(StyledHost, { key: '181f33311e0c08a9c61f7a18905105117e52a994' }, h("div", { key: '5c361f59ecfd97b50f5dd1d098a6df29e4c8e117', part: billingForm }, h("form", { key: 'd4ef0fec8002f5f36a7a688368d08fdf12e04e66' }, h("fieldset", { key: '124fb102c4a77b75a6bc51c1c32a9dbc0e952283' }, this.legend && (h("legend", { key: '513f3043512009b64b9317c9f0d31238127ac804' }, this.legend)), h("div", { key: '20e60e25dc79bcd6ebe1598e2376c2bd8f6e83e0', class: "row gy-3" }, h("div", { key: 'cd5cc651915224dea63d9e0561e66a792cec0134', class: "col-12" }, h("form-control-text", { key: 'b6ac39f78b99412a03f41749c802a57c1e9bba6e', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 }))))))));
+        return (h(StyledHost, { key: '1191dac498a26eaa1e553d041185d73a6c83976d' }, h("div", { key: 'bb767072391ecb9f8de3d7312e146892ae75196a', part: billingForm }, h("form", { key: '34994f535186cab1d75a3eec57f0ff449d726507' }, h("fieldset", { key: '5425df6533360185d0e8428bfcf4b9896c32f7c9' }, this.legend && (h("legend", { key: 'db130af085d0e4dfc04ac35b8425111faf67a5b9' }, this.legend)), h("div", { key: 'deef3521156e148936d3c502e5b7de49efa55e7b', class: "row gy-3" }, h("div", { key: 'a520ae53525cc81dfa0c9cd26d3d983fa870f722', class: "col-12" }, h("form-control-text", { key: '27613ef0fe2a2647bf24598da29871cde0af7e55', name: 'address_postal_code', label: "Postal Code", defaultValue: billingFormDefaultValue.address_postal_code, errorText: this.errors.address_postal_code, inputHandler: this.inputHandler, maxLength: 7 }))))))));
     }
 }, [257, "justifi-card-billing-form-simple", {
         "legend": [1025],

package/dist/module/card-form.js

@@ -51,10 +51,10 @@ const CardForm$1 = /*@__PURE__*/ proxyCustomElement(class CardForm extends HTMLE
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(Host, { key: 'c83ad3b01653a4254c96dbbd2973670c2bb483ba' }, h(CardFormSkeleton, { key: 'bf81fcedb09880f3329d746aa06601e95b3f7e4e', isReady: this.isReady }), h("div", { key: 'a56d0eef13cd38e30e0f2ddafc9af4f7a19d25f0', class: "container-fluid p-0", style: {
+        return (h(Host, { key: '171cb8db5cce1778ef5f590c6b4d72f327c37bad' }, h(CardFormSkeleton, { key: '084ed0d409f1e747a95578060626d1704fefb783', isReady: this.isReady }), h("div", { key: 'ccf225f0f420a22cc1cffb1d7f9dc51fe92612ee', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: '00e82b719e5dd17088941067e4ec45f128fd2118', class: "mb-3" }, h("iframe-input", { key: 'df2e08109ef2bede239093ece5df4327f845eef5', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: '1d3a2d4fae47fa628ae09955620a65de25aa998c', class: "d-flex align-items-start" }, h("div", { key: '4541858226bbb1431ca2405dd28a3fe32d76b10b', class: "flex-fill me-3" }, h("iframe-input", { key: '81c2f0de6d6f6c6bb3feb96643034c66967e9277', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: 'b89ac66447fb8334d3293f5a7eaf33172410addd', class: "flex-fill me-3" }, h("iframe-input", { key: '030954f302edbf8cd071a49db71f867797b30558', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: '140ba4c5a77eef74d1e0d2040be15f8d70a692aa', class: "flex-fill" }, h("iframe-input", { key: '768f466bb75cc6bb76f86f084e6f93043a7d10b3', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
+            } }, h("div", { key: '7e7599c24e95a364f1011ed8f8ba2e387f4bc184', class: "mb-3" }, h("iframe-input", { key: '5ec2f426a232a8c1387e7e54f7321672e16a230c', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber?tabId=${this.tabId}` })), h("div", { key: 'bbf1284e4bd2213cf48eb64b88c5ecd5492c51e5', class: "d-flex align-items-start" }, h("div", { key: '70bf0e98c9c99913773ebcd5b6b9e88679779d6f', class: "flex-fill me-3" }, h("iframe-input", { key: 'b0ed2bbe9a63b83810fa170350cc28e777bc0509', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Exp. Month", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth?tabId=${this.tabId}` })), h("div", { key: '4d6592dc2f6dea2d2d4ddb8667681576817e6c98', class: "flex-fill me-3" }, h("iframe-input", { key: '34dabee2355d51ca1175af9a084188a6d44714df', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "Exp. Year", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear?tabId=${this.tabId}` })), h("div", { key: 'c3afab4dea5e93edca3a0372d397afd8ef937de1', class: "flex-fill" }, h("iframe-input", { key: '0777691de3a8e12338a9c9b967ce3f20f675c6b3', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV?tabId=${this.tabId}` }))))));
     }
 }, [256, "card-form", {
         "isReady": [32],

package/dist/module/card-form2.js

@@ -62,10 +62,10 @@ const JustifiCardForm = /*@__PURE__*/ proxyCustomElement(class JustifiCardForm e
         return this.cardNumberIframeElement.tokenize(clientId, paymentMethodMetadata, account);
     }
     render() {
-        return (h(StyledHost, { key: 'e2d9290e9537e5cf01743e560ba72ae03969737f' }, h(CardFormSkeleton, { key: '503d9d3511de6ec2fa42f833ec6d5d8d8b25f9a0', isReady: this.isReady }), h("hidden-input", { key: '8a429562e82c34ad9629a91b8b46e4333d06f607' }), h("div", { key: 'bd89861324642f3d4aff08f10f0ec2692378b973', class: "container-fluid p-0", style: {
+        return (h(StyledHost, { key: 'b0b07a928be767102b59ec93ab0df6296b8418af' }, h(CardFormSkeleton, { key: '03d37e42253a905ece1e6a9b1d654e84665470d6', isReady: this.isReady }), h("hidden-input", { key: '62f657a6c0a4d5b7a7bbf809abeb42eba0d22345' }), h("div", { key: '874cac5eac376c8c4e12d99f760cd3cd487a6521', class: "container-fluid p-0", style: {
                 opacity: this.isReady ? '1' : '0',
                 height: this.isReady ? 'auto' : '0',
-            } }, h("div", { key: 'ea3051446c8877824dff4f5d442f6df2575c01ae', class: "mb-3" }, h("iframe-input", { key: '54bf375d93b38257bb37e2294a95e8ac5318f6e3', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: 'c5314dc6426aff92153220bb7cb431ba000a1775', class: "row" }, h("div", { key: 'ca100aa1913e5e0c3390b7bef91fc88196c1b389', class: "col-4 align-content-end" }, h("iframe-input", { key: '1fc8ac6e5be1f22943da8edaf3b51c8d1e04af2a', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '9cf86dca35588b7ef92c138a1c99f8e1af01597c', class: "col-4 align-content-end" }, h("iframe-input", { key: 'ae87a4afed43f2d87cfca5d9b1e3f388fea53ced', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: 'a9e5f4007f7f3f8d5521935a60c465caf6ab296d', class: "col-4 align-content-end" }, h("iframe-input", { key: 'e181c1f20b2367b0b435d45e334994f8a7e2a4e8', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
+            } }, h("div", { key: 'dcada2d72eebe506fe4cab8ad6eb959c551e9e2d', class: "mb-3" }, h("iframe-input", { key: '7e784726f8dd0c8b35832646bc99e0d2131c08f9', inputId: "cardNumber", ref: (el) => (this.cardNumberIframeElement = el), label: "Card Number", iframeOrigin: `${this.iframeOrigin}/v2/cardNumber` })), h("div", { key: '2384099f3aa18b7d6bbc346f47ba9ff06e5b7e86', class: "row" }, h("div", { key: '5fb523cd3f398894e5c7ee3e8a58d34581492410', class: "col-4 align-content-end" }, h("iframe-input", { key: 'a3b4aa06a5c85162d24e25a5261a9a2cc64a6b82', inputId: "expirationMonth", ref: (el) => (this.expirationMonthIframeElement = el), label: "Expiration", iframeOrigin: `${this.iframeOrigin}/v2/expirationMonth` })), h("div", { key: '3ccd6a19fce1c393a8c58534113239c518d51a4f', class: "col-4 align-content-end" }, h("iframe-input", { key: '6d064b868c73b4431b476194602843b0f28729e0', inputId: "expirationYear", ref: (el) => (this.expirationYearIframeElement = el), label: "", iframeOrigin: `${this.iframeOrigin}/v2/expirationYear` })), h("div", { key: '26cd762bec43890e96ab5c6903943b0f4cfa9672', class: "col-4 align-content-end" }, h("iframe-input", { key: '826dfe08347461bc5a94296b181826b70a7d1f6f', inputId: "CVV", ref: (el) => (this.cvvIframeElement = el), label: "CVV", iframeOrigin: `${this.iframeOrigin}/v2/CVV` }))))));
     }
 }, [257, "justifi-card-form", {
         "isReady": [32],

package/dist/module/checkout.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 CheckoutService {

package/dist/module/checkout.store.js

@@ -9,6 +9,7 @@ const initialState = {
     },
     bnplEnabled: false,
     applePayEnabled: false,
+    googlePayEnabled: false,
     insuranceEnabled: false,
     bnplProviderApiVersion: '',
     bnplProviderCheckoutUrl: '',
@@ -66,6 +67,9 @@ function getAvailablePaymentMethodTypes() {
     if (checkoutStore.applePayEnabled) {
         methods.push(PAYMENT_METHODS.APPLE_PAY);
     }
+    if (checkoutStore.googlePayEnabled) {
+        methods.push(PAYMENT_METHODS.GOOGLE_PAY);
+    }
     if (checkoutStore.bankAccountVerification === true &&
         !checkoutStore.disableBankAccount) {
         methods.push(PAYMENT_METHODS.PLAID);

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

@@ -4,13 +4,15 @@ import './dinero.js';
 import './Refund.js';
 import { p as pagingDefaults } from './Pagination.js';
 import './Business.js';
+import './ApplePay.js';
+import './GooglePay.js';
 import './details.js';
 import { T as Table, a as TableWrapper, b as TableComponent, c as TableHead, d as TableHeadRow, e as TableBody, f as TableLoadingState, g as TableEmptyState, h as TableErrorState, i as TableRow, j as TableFoot, k as TableFootRow, l as TableFootCell } from './table.js';
 import { T as TableClickActions } from './event-types.js';
 import './justifi-radio-list-item2.js';
 import { a as formatDate, b as formatTime } from './utils2.js';
 import { B as Badge, a as BadgeVariant } from './badge.js';
-import { w as tableHeadCell, a9 as getAlternateTableCellPart } from './parts.js';
+import { w as tableHeadCell, ac as getAlternateTableCellPart } from './parts.js';
 import { o as onQueryParamsChange, g as getRequestParams } from './checkouts-list-params-state.js';
 import { d as defineCustomElement$1 } from './pagination-menu2.js';
 
@@ -178,7 +180,7 @@ const CheckoutsListCore = /*@__PURE__*/ proxyCustomElement(class CheckoutsListCo
         return !this.showEmptyState && !this.showErrorState && !this.loading;
     }
     render() {
-        return (h(TableWrapper, { key: '1d569fb3adfb433dbc5f922eac92dd54c90e4026' }, h(TableComponent, { key: '08814bbcb72facf8a65f05fced211c7072d9de07' }, h(TableHead, { key: 'b6a81964a5d31e0a8071f72fa100a0addfa20450' }, h(TableHeadRow, { key: '68c3f64e205a7d24797d3dc22b77d3ae2660853f' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: '71e40b95aea309fd80b4c2a5b29d346ff05bfa86' }, h(TableLoadingState, { key: '68f74fb34189d60edb7d31cf338b505ac0fdefa7', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: 'c9f5944d8286433c6f1427fbb622a9ecfb32ff59', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: 'ec6e7eae1606dcde81fcc866ae35668fbbdcb0ca', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.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: 'c5ea4d43e61fa13b245f63b92402f0963bc5480e' }, h(TableFootRow, { key: 'f5c32fa16e4197290c081179b7235f783e8eb819' }, h(TableFootCell, { key: '4a8899287e30840905686d6f056db332761af2fb', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '2d0092eceeb124d622ad1477a9c0a84844247f04', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
+        return (h(TableWrapper, { key: '408d4e9eab54491ce0cb775815c3e00eeb4854a3' }, h(TableComponent, { key: '52d68b140748feb5b20b01e9056a4f013dc6a4f2' }, h(TableHead, { key: '74d2ed3ab8629f60e5d789d160495dbdfa1d0109' }, h(TableHeadRow, { key: '216c56f85e307b622b682810973ec8fe05156173' }, this.checkoutsTable.columnData.map((column) => column))), h(TableBody, { key: 'c94508c4337cd1381a9caf8ade4f677ef2d62fe3' }, h(TableLoadingState, { key: '2d62155279ca151f77f33321c27c0d68822b1c15', columnSpan: this.checkoutsTable.columnKeys.length, isLoading: this.loading }), h(TableEmptyState, { key: '4c4d9c73989dabd4213cfc994e74ce0873741de8', isEmpty: this.showEmptyState, columnSpan: this.checkoutsTable.columnKeys.length }), h(TableErrorState, { key: '423a58df4dfa9e6b52fc41dd8d6f06c8d7cca16c', columnSpan: this.checkoutsTable.columnKeys.length, errorMessage: this.errorMessage }), this.showRowData && this.checkoutsTable.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: 'd1fbfca88fc702a4c0fae40586c946e3f75220af' }, h(TableFootRow, { key: '9d9c7862bc4d27d70a030d27cb735cb3654ea373' }, h(TableFootCell, { key: '53538be1d8eaf7b66b98476771f1f6d9552ab72d', colSpan: this.checkoutsTable.columnData.length }, h("pagination-menu", { key: '2336a06ecf1eb14719881306ee878105d4b43926', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) }))))))));
     }
     static get watchers() { return {
         "pagingParams": ["updateOnPropChange"],

package/dist/module/custom-popper2.js

@@ -1875,7 +1875,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
         this.hideEvent.emit();
     }
     render() {
-        return (h("div", { key: '73b07cca3eacc4041a0aba80818eab407e92b833' }, h("style", { key: '767463c48efc2828e9e9c48dacd2db0568d6a751' }, `
+        return (h("div", { key: 'c3ff01a53b15d4678dcbd58e97606885a510a880' }, h("style", { key: 'f239956643a0f5463303992aa2466e37988a124d' }, `
           .popper-content {
             display: none;
           }
@@ -1883,7 +1883,7 @@ const CustomPopper = /*@__PURE__*/ proxyCustomElement(class CustomPopper extends
             display: block;
             z-index: 1030;
           }
-          `), h("div", { key: '284486020e76357a378fdc91ad899b87da27c4eb', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: 'c317e502124dc6ff11c7c4a606f09f4f69adffeb' }))));
+          `), h("div", { key: '7b710736c1ffe73559ef53d9f1525c22785cde2e', class: "popper-content", ref: (el) => this.popperContentRef = el }, h("slot", { key: '116be40554b590b382ea7002f5c442d010059b48' }))));
     }
 }, [260, "custom-popper", {
         "placement": [1],

package/dist/module/customer-details.js

@@ -43,7 +43,7 @@ const CustomerDetails = /*@__PURE__*/ proxyCustomElement(class CustomerDetails e
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("div", { key: '539e3799c613e2220ef11e3bd19457fa04610c4b' }, h("div", { key: '9f612621bd98060cb407cf2d628903733d6517f2', class: "row gy-3" }, h("div", { key: 'de829fd15e9ae4b044a96c8addaabb8cd63224c4', class: "col-12" }, h("h2", { key: 'a4805da605e259ca9450da2c7fc652848ae58c80', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '1cf94d2b9a71c4728ebf4b8c92a8e91eba490e16', class: "col-12" }, h("form-control-text", { key: 'bf1c4eaf372b919dea002c4a7a15c6748e12adff', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '8b7b472e818795a015984ce06d3a44c9a6bf3bfb', class: "col-12" }, h("form-control-text", { key: '845cc2af35390837d63f628f78d4c866f1bbae85', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: '2e7122420d04961f5cc48d4dffc4eb3a881f2727', class: "col-12" }, h("form-control-textarea", { key: '80177b3e9b57cc750ab02e30694e33fbf3ef526a', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '96c32ff3b76326f54cc2462ef6c47c87ba46504a', class: "col-12" }, h("form-control-file-v2", { key: '3aec29d7e7e05a3d796ba7e57ec153b05267eec6', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '7d519c613f67229f2785511f4e16c4a74ceba73f', class: "col-12" }, h("form-control-file-v2", { key: '0fbf23107e1a61f47b2ea16ecf3cdffcb64a1294', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
+        return (h("div", { key: 'b348b17f0b320a540b0496f04572ba1360f4fd15' }, h("div", { key: '376750fbcd6da41a602d6ad5b4a2130dbcce17dc', class: "row gy-3" }, h("div", { key: '2f6134bbd055fdb8afa495e29370a3528b5d8701', class: "col-12" }, h("h2", { key: '7e29aa97b070479bc6df91fe2bd4416a3a2210dd', class: "h5", part: heading5 }, "Customer Details")), h("div", { key: '7f44155fab6f6387fa768af1225c10a63fc3587b', class: "col-12" }, h("form-control-text", { key: '6c38a71cdcf231729d9db144a3936130dc0e0b4d', label: "Full Name", name: "customer_name", defaultValue: (_a = this.disputeResponse) === null || _a === void 0 ? void 0 : _a.customer_name, inputHandler: this.inputHandler, errorText: this.errors.customer_name })), h("div", { key: '06c883df8dfa58535c32bcb43e6649537ff0b91c', class: "col-12" }, h("form-control-text", { key: 'eb424a6d80d90d19e7be31323de3ad41ede47c09', label: "Email", name: "customer_email_address", defaultValue: (_b = this.disputeResponse) === null || _b === void 0 ? void 0 : _b.customer_email_address, inputHandler: this.inputHandler, errorText: this.errors.customer_email_address })), h("div", { key: 'a7ba05dfc72dabeeb690daff6e9f692488172d15', class: "col-12" }, h("form-control-textarea", { key: '9b47c924dfdd8065d6e456210a2cdaac30376f9b', label: "Billing Address", name: "customer_billing_address", defaultValue: (_c = this.disputeResponse) === null || _c === void 0 ? void 0 : _c.customer_billing_address, inputHandler: this.inputHandler, errorText: this.errors.customer_billing_address })), h("div", { key: '37ba310fdd33ffb1fc41a168fb31c4f21a49b568', class: "col-12" }, h("form-control-file-v2", { key: 'e54b14ab429073482f68f8ba259e797be4c41a0f', label: "Customer Signature", name: "customer_signature", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_d = this.documentErrors) === null || _d === void 0 ? void 0 : _d.customer_signature })), h("div", { key: '9084a731a58784355bc543759d6bf50bd6001c52', class: "col-12" }, h("form-control-file-v2", { key: 'bfb40202ff50523583ad8bcc7dc96740495de312', label: "Customer Communication", name: "customer_communication", onChange: (e) => fileInputHandler(e, this.documents), errorText: (_e = this.documentErrors) === null || _e === void 0 ? void 0 : _e.customer_communication })))));
     }
 }, [256, "justifi-customer-details", {
         "disputeResponse": [8, "dispute-response"],

package/dist/module/dispute-management-core.js

@@ -70,7 +70,7 @@ const DisputeManagementCore = /*@__PURE__*/ proxyCustomElement(class DisputeMana
         });
     }
     render() {
-        return (h("div", { key: '0775f22b07fe1456b64bc791aa1b6f12a1d692ba' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
+        return (h("div", { key: '6374c478bc8907019b48e1a53b0ecb2e171ab2e4' }, this.showDisputeResponseForm ? (h("justifi-dispute-response", { disputeId: this.disputeId, disputeResponse: this.dispute.dispute_response, authToken: this.authToken })) : (h("justifi-dispute-notification", { dispute: this.dispute, authToken: this.authToken, isLoading: this.isLoading }))));
     }
     static get watchers() { return {
         "getDispute": ["updateOnPropChange"]