@justifi/webcomponents 6.5.1-rc.1 → 6.5.1-rc.3

package/dist/esm/justifi-apple-pay_8.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-DwYM91AU.js';
 import { A as Api } from './Api-DX-IWyBw.js';
-import { A as ApplePayConfig, o as ApplePayHelpers, p as ApplePayPaymentRequest, q as ApplePaySessionStatus, r as ApplePayButtonStyle, s as ApplePayButtonType, c as checkoutStore, t as ApplePayMerchantCapability, G as GooglePayConfig, u as GooglePayHelpers, v as GooglePayPaymentDataRequest, w as GooglePayButtonSizeMode, x as GooglePayButtonStyle, y as GooglePayButtonType, z as GooglePayEnvironment, B as onChange, D as onAnyChange, I as ICheckoutStatus, F as getAvailablePaymentMethodTypes, H as getCheckoutState } from './GooglePay-9bPcqGZ9.js';
+import { A as ApplePayConfig, o as ApplePayHelpers, p as ApplePayPaymentRequest, q as ApplePaySessionStatus, r as ApplePayButtonStyle, s as ApplePayButtonType, c as checkoutStore, t as ApplePayMerchantCapability, G as GooglePayConfig, u as GooglePayHelpers, v as GooglePayPaymentDataRequest, w as GooglePayButtonSizeMode, x as GooglePayButtonStyle, y as GooglePayButtonType, z as GooglePayEnvironment, B as onChange, D as onAnyChange, I as ICheckoutStatus, F as getAvailablePaymentMethodTypes, H as getCheckoutState } from './GooglePay-f7mYX17c.js';
 import { S as StyledHost } from './styled-host-DhOcKWqZ.js';
 import './event-types-CZfYo5-1.js';
 import { S as Skeleton } from './skeleton-BmRZRW5K.js';
@@ -10,7 +10,7 @@ import { P as PAYMENT_METHODS, a as PaymentMethod, b as PAYMENT_MODE } from './i
 import { H as Header1 } from './header-1-CPF3S2CC.js';
 import { H as Header2, b as insuranceValuesOn, h as hasInsuranceValueChanged, i as insuranceValues } from './insurance-state-DRe0g_wf.js';
 import { H as Header3 } from './header-3-Cah707hu.js';
-import { J as JustifiAnalytics, c as checkPkgVersion } from './check-pkg-version-B8HjTYV7.js';
+import { J as JustifiAnalytics, c as checkPkgVersion } from './check-pkg-version-Cqb7EhvC.js';
 import './config-state-C2NXATwF.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes, b as ComponentErrorMessages } from './ComponentError-Cjcsf8ku.js';
@@ -18,10 +18,10 @@ import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { C as CheckoutService } from './checkout.service-D-dEMyXF.js';
+import { C as CheckoutService } from './checkout.service-BWdnJLVG.js';
 import { C as CardBrandLabels } from './payment-method-option-utils-lUHAQVFl.js';
 import './index-B-fWxE5e.js';
-import './package-BGHeOtXW.js';
+import './package-CzedYX3W.js';
 
 // Centralized error codes for Apple Pay service
 var ApplePayServiceErrorCode;
@@ -715,22 +715,44 @@ class GooglePayService {
      * Initialize Google Pay configuration
      */
     initialize(googlePayConfig) {
+        console.log('[GooglePayService] initialize: Starting initialization', {
+            config: googlePayConfig,
+        });
         this.googlePayConfig = new GooglePayConfig(googlePayConfig);
+        console.log('[GooglePayService] initialize: Config object created', {
+            isValid: this.googlePayConfig.isValid,
+            environment: this.googlePayConfig.environment,
+            merchantId: this.googlePayConfig.merchantId,
+        });
         if (!this.googlePayConfig.isValid) {
+            console.error('[GooglePayService] initialize: Invalid configuration');
             throw new Error('Invalid Google Pay configuration provided');
         }
         // Create Google Pay client
+        console.log('[GooglePayService] initialize: Creating Google Pay client', {
+            environment: this.googlePayConfig.environment,
+        });
         this.googlePayClient = GooglePayHelpers.createGooglePayClient(this.googlePayConfig.environment);
         if (!this.googlePayClient) {
+            console.error('[GooglePayService] initialize: Failed to create client');
             throw new Error('Failed to create Google Pay client');
         }
-        // No debug logs
+        console.log('[GooglePayService] initialize: Client created successfully', {
+            hasClient: !!this.googlePayClient,
+        });
     }
     /**
      * Process Google Pay payment via API
      */
     async processPayment(authToken, accountId, payload) {
+        var _a;
         const endpoint = PROCESS_TOKEN_ENDPOINT;
+        console.log('[GooglePayService] processPayment: Starting', {
+            endpoint,
+            hasAuthToken: !!authToken,
+            accountId,
+            payload,
+        });
         try {
             const result = await this.api.post({
                 endpoint,
@@ -740,12 +762,20 @@ class GooglePayService {
                     'sub-account': accountId,
                 },
             });
+            console.log('[GooglePayService] processPayment: API response received', {
+                hasId: !!result.id,
+                hasToken: !!((_a = result.data) === null || _a === void 0 ? void 0 : _a.token),
+                result,
+            });
+            const success = result.id && !!result.data.token;
+            console.log('[GooglePayService] processPayment: Result', { success });
             return {
-                success: result.id && !!result.data.token,
+                success,
                 data: result,
             };
         }
-        catch (_error) {
+        catch (error) {
+            console.error('[GooglePayService] processPayment: API error', error);
             throw new Error('Google Pay payment processing failed');
         }
     }
@@ -753,21 +783,42 @@ class GooglePayService {
      * Check if Google Pay is available on this device/browser
      */
     isAvailable() {
-        return GooglePayHelpers.isGooglePaySupported() && !!this.googlePayClient;
+        const isSupported = GooglePayHelpers.isGooglePaySupported();
+        const hasClient = !!this.googlePayClient;
+        const result = isSupported && hasClient;
+        console.log('[GooglePayService] isAvailable:', {
+            isSupported,
+            hasClient,
+            result,
+        });
+        return result;
     }
     /**
      * Check if the user can make payments with Google Pay
      */
     async canMakePayments() {
+        console.log('[GooglePayService] canMakePayments: Checking', {
+            hasClient: !!this.googlePayClient,
+            hasConfig: !!this.googlePayConfig,
+        });
         if (!this.googlePayClient || !this.googlePayConfig) {
+            console.warn('[GooglePayService] canMakePayments: Missing client or config');
             return false;
         }
         try {
             const baseRequest = GooglePayHelpers.createBasePaymentDataRequest();
+            console.log('[GooglePayService] canMakePayments: Calling isReadyToPay', {
+                baseRequest,
+            });
             const response = await this.googlePayClient.isReadyToPay(baseRequest);
+            console.log('[GooglePayService] canMakePayments: Response received', {
+                result: response.result,
+                response,
+            });
             return response.result;
         }
-        catch (_error) {
+        catch (error) {
+            console.error('[GooglePayService] canMakePayments: Error', error);
             return false;
         }
     }
@@ -776,27 +827,53 @@ class GooglePayService {
      */
     async startPaymentSession(paymentDataRequest, authToken, accountId) {
         var _a;
+        console.log('[GooglePayService] startPaymentSession: Starting', {
+            hasConfig: !!this.googlePayConfig,
+            hasClient: !!this.googlePayClient,
+            hasAuthToken: !!authToken,
+            accountId,
+            paymentDataRequest,
+        });
         if (!this.googlePayConfig || !this.googlePayClient) {
+            console.error('[GooglePayService] startPaymentSession: Not initialized');
             throw new Error('Google Pay not initialized. Call initialize() first.');
         }
         if (!this.isAvailable()) {
+            console.error('[GooglePayService] startPaymentSession: Not available');
             throw new Error('Google Pay is not available on this device/browser');
         }
         const request = new GooglePayPaymentDataRequest(paymentDataRequest);
+        console.log('[GooglePayService] startPaymentSession: Request object created', {
+            isValid: request.isValid,
+            request,
+        });
         if (!request.isValid) {
+            console.error('[GooglePayService] startPaymentSession: Invalid request');
             throw new Error('Invalid payment data request provided');
         }
         try {
+            console.log('[GooglePayService] startPaymentSession: Loading payment data...');
             const paymentData = await this.googlePayClient.loadPaymentData(request);
+            console.log('[GooglePayService] startPaymentSession: Payment data loaded', {
+                hasPaymentData: !!paymentData,
+                paymentMethodData: paymentData === null || paymentData === void 0 ? void 0 : paymentData.paymentMethodData,
+            });
             // Build top-level snake_case fields from Google Pay tokenizationData
             const tokenizationData = (_a = paymentData === null || paymentData === void 0 ? void 0 : paymentData.paymentMethodData) === null || _a === void 0 ? void 0 : _a.tokenizationData;
+            console.log('[GooglePayService] startPaymentSession: Extracted tokenization data', {
+                hasTokenizationData: !!tokenizationData,
+                tokenizationData,
+            });
             const tokenObj = (() => {
                 if ((tokenizationData === null || tokenizationData === void 0 ? void 0 : tokenizationData.token) &&
                     typeof tokenizationData.token === 'string') {
                     try {
-                        return JSON.parse(tokenizationData.token);
+                        const parsed = JSON.parse(tokenizationData.token);
+                        console.log('[GooglePayService] startPaymentSession: Parsed token', parsed);
+                        return parsed;
                     }
                     catch (_e) {
+                        console.warn('[GooglePayService] startPaymentSession: Failed to parse token, using raw', _e);
                         return tokenizationData;
                     }
                 }
@@ -813,8 +890,19 @@ class GooglePayService {
                     : undefined,
                 signedMessage: tokenObj === null || tokenObj === void 0 ? void 0 : tokenObj.signedMessage,
             };
+            console.log('[GooglePayService] startPaymentSession: Token process request created', {
+                hasProtocolVersion: !!tokenProcessRequest.protocolVersion,
+                hasSignature: !!tokenProcessRequest.signature,
+                hasSignedMessage: !!tokenProcessRequest.signedMessage,
+                hasIntermediateSigningKey: !!tokenProcessRequest.intermediateSigningKey,
+            });
+            console.log('[GooglePayService] startPaymentSession: Processing payment...');
             const paymentResult = await this.processPayment(authToken, accountId, tokenProcessRequest);
+            console.log('[GooglePayService] startPaymentSession: Payment processed', paymentResult);
             if (paymentResult.success) {
+                console.log('[GooglePayService] startPaymentSession: Payment successful', {
+                    paymentMethodId: paymentResult.data.id,
+                });
                 return {
                     success: true,
                     paymentData: paymentData,
@@ -822,6 +910,7 @@ class GooglePayService {
                 };
             }
             else {
+                console.error('[GooglePayService] startPaymentSession: Payment processing failed');
                 return {
                     success: false,
                     error: {
@@ -832,11 +921,17 @@ class GooglePayService {
             }
         }
         catch (error) {
+            console.error('[GooglePayService] startPaymentSession: Exception caught', error);
             // Handle different types of errors
             if (error && typeof error === 'object' && 'statusCode' in error) {
                 const googlePayError = error;
+                console.log('[GooglePayService] startPaymentSession: Google Pay error', {
+                    statusCode: googlePayError.statusCode,
+                    statusMessage: googlePayError.statusMessage,
+                });
                 switch (googlePayError.statusCode) {
                     case 'CANCELED':
+                        console.log('[GooglePayService] startPaymentSession: User cancelled');
                         return {
                             success: false,
                             error: {
@@ -845,6 +940,7 @@ class GooglePayService {
                             },
                         };
                     case 'DEVELOPER_ERROR':
+                        console.error('[GooglePayService] startPaymentSession: Developer error');
                         return {
                             success: false,
                             error: {
@@ -853,6 +949,9 @@ class GooglePayService {
                             },
                         };
                     default:
+                        console.error('[GooglePayService] startPaymentSession: Unknown error', {
+                            statusCode: googlePayError.statusCode,
+                        });
                         return {
                             success: false,
                             error: {
@@ -862,6 +961,7 @@ class GooglePayService {
                         };
                 }
             }
+            console.error('[GooglePayService] startPaymentSession: Generic error', error);
             return {
                 success: false,
                 error: {
@@ -897,22 +997,43 @@ class GooglePayService {
      * Prefetch payment data for faster loading
      */
     prefetchPaymentData(paymentDataRequest) {
+        console.log('[GooglePayService] prefetchPaymentData: Starting', {
+            hasClient: !!this.googlePayClient,
+            paymentDataRequest,
+        });
         if (!this.googlePayClient) {
+            console.warn('[GooglePayService] prefetchPaymentData: No client available');
             return;
         }
         const request = new GooglePayPaymentDataRequest(paymentDataRequest);
+        console.log('[GooglePayService] prefetchPaymentData: Request created', {
+            isValid: request.isValid,
+        });
         if (!request.isValid) {
+            console.warn('[GooglePayService] prefetchPaymentData: Invalid request');
             return;
         }
         try {
+            console.log('[GooglePayService] prefetchPaymentData: Calling prefetchPaymentData');
             this.googlePayClient.prefetchPaymentData(request);
+            console.log('[GooglePayService] prefetchPaymentData: Prefetch complete');
+        }
+        catch (error) {
+            console.error('[GooglePayService] prefetchPaymentData: Error', error);
         }
-        catch (_error) { }
     }
     /**
      * Create a basic payment data request
      */
-    static createPaymentDataRequest(amount, label, countryCode = 'US', currencyCode = 'USD', merchantName) {
+    static createPaymentDataRequest(amount, label, countryCode = 'US', currencyCode = 'USD', merchantName, merchantId) {
+        var _a;
+        console.log('[GooglePayService] createPaymentDataRequest: Creating request', {
+            amount,
+            label,
+            countryCode,
+            currencyCode,
+            merchantName,
+        });
         const request = {
             apiVersion: 2,
             apiVersionMinor: 0,
@@ -925,10 +1046,17 @@ class GooglePayService {
                 totalPriceLabel: label,
             },
             merchantInfo: {
+                merchantId,
                 merchantName,
             },
         };
-        // No debug logs
+        console.log('[GooglePayService] createPaymentDataRequest: Request created', {
+            apiVersion: request.apiVersion,
+            apiVersionMinor: request.apiVersionMinor,
+            transactionInfo: request.transactionInfo,
+            merchantInfo: request.merchantInfo,
+            allowedPaymentMethodsCount: (_a = request.allowedPaymentMethods) === null || _a === void 0 ? void 0 : _a.length,
+        });
         return request;
     }
     /**
@@ -1030,7 +1158,7 @@ const GooglePayButton = (props) => {
             props.clickHandler();
         }
     };
-    return (h("div", { class: 'google-pay-button-container' }, h("button", Object.assign({ class: getGooglePayButtonClass(), style: getButtonStyles(), onClick: handleClick, disabled: props.disabled || props.isProcessing || !props.isAvailable, "aria-label": 'Pay with Google Pay', type: 'button' }, props), props.isProcessing && ProcessingSpinner(), h("div", { class: 'google-pay-button-content' }, h("svg", { class: 'google-g-logo', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' }, h("path", { d: 'M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z', fill: '#4285F4' }), h("path", { d: 'M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z', fill: '#34A853' }), h("path", { d: 'M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z', fill: '#FBBC05' }), h("path", { d: 'M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z', fill: '#EA4335' })), h("span", { class: 'pay-text' }, "Pay"))), h("style", null, `
+    return (h("div", { class: "google-pay-button-container" }, h("button", Object.assign({ class: getGooglePayButtonClass(), style: getButtonStyles(), onClick: handleClick, disabled: props.disabled || props.isProcessing || !props.isAvailable, "aria-label": "Google Pay", type: "button" }, props), props.isProcessing && ProcessingSpinner(), h("div", { class: 'google-pay-button-content' }, h("svg", { width: "41", height: "17", xmlns: "http://www.w3.org/2000/svg" }, h("g", { fill: "none", "fill-rule": "evenodd" }, h("path", { d: "M19.526 2.635v4.083h2.518c.6 0 1.096-.202 1.488-.605.403-.402.605-.882.605-1.437 0-.544-.202-1.018-.605-1.422-.392-.413-.888-.62-1.488-.62h-2.518zm0 5.52v4.736h-1.504V1.198h3.99c1.013 0 1.873.337 2.582 1.012.72.675 1.08 1.497 1.08 2.466 0 .991-.36 1.819-1.08 2.482-.697.665-1.559.996-2.583.996h-2.485v.001zm7.668 2.287c0 .392.166.718.499.98.332.26.722.391 1.168.391.633 0 1.196-.234 1.692-.701.497-.469.744-1.019.744-1.65-.469-.37-1.123-.555-1.962-.555-.61 0-1.12.148-1.528.442-.409.294-.613.657-.613 1.093m1.946-5.815c1.112 0 1.989.297 2.633.89.642.594.964 1.408.964 2.442v4.932h-1.439v-1.11h-.065c-.622.914-1.45 1.372-2.486 1.372-.882 0-1.621-.262-2.215-.784-.594-.523-.891-1.176-.891-1.96 0-.828.313-1.486.94-1.976s1.463-.735 2.51-.735c.892 0 1.629.163 2.206.49v-.344c0-.522-.207-.966-.621-1.33a2.132 2.132 0 0 0-1.455-.547c-.84 0-1.504.353-1.995 1.062l-1.324-.834c.73-1.045 1.81-1.568 3.238-1.568m11.853.262l-5.02 11.53H34.42l1.864-4.034-3.302-7.496h1.635l2.387 5.749h.032l2.322-5.75z", fill: "#FFF" }), h("path", { d: "M13.448 7.134c0-.473-.04-.93-.116-1.366H6.988v2.588h3.634a3.11 3.11 0 0 1-1.344 2.042v1.68h2.169c1.27-1.17 2.001-2.9 2.001-4.944", fill: "#4285F4" }), h("path", { d: "M6.988 13.7c1.816 0 3.344-.595 4.459-1.621l-2.169-1.681c-.603.406-1.38.643-2.29.643-1.754 0-3.244-1.182-3.776-2.774H.978v1.731a6.728 6.728 0 0 0 6.01 3.703", fill: "#34A853" }), h("path", { d: "M3.212 8.267a4.034 4.034 0 0 1 0-2.572V3.964H.978A6.678 6.678 0 0 0 .261 6.98c0 1.085.26 2.11.717 3.017l2.234-1.731z", fill: "#FABB05" }), h("path", { d: "M6.988 2.921c.992 0 1.88.34 2.58 1.008v.001l1.92-1.918C10.324.928 8.804.262 6.989.262a6.728 6.728 0 0 0-6.01 3.702l2.234 1.731c.532-1.592 2.022-2.774 3.776-2.774", fill: "#E94235" }))))), h("style", null, `
           .google-pay-button-container {
             display: block;
             position: relative;
@@ -1043,7 +1171,6 @@ const GooglePayButton = (props) => {
             border: none;
             border-radius: 4px;
             cursor: pointer;
-            font-family: 'Google Sans', arial, sans-serif;
             font-size: 14px;
             font-weight: 500;
             letter-spacing: 0.25px;
@@ -1051,7 +1178,6 @@ const GooglePayButton = (props) => {
             outline: none;
             padding: 0 20px;
             position: relative;
-            transition: box-shadow 0.2s ease;
             min-width: 140px;
             min-height: 48px;
           }
@@ -1060,13 +1186,11 @@ const GooglePayButton = (props) => {
           .google-pay-button.google-pay-button-black {
             background-color: #000;
             color: #fff;
-            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
           }
 
           .google-pay-button.google-pay-button-white {
             background-color: #fff;
             color: #3c4043;
-            box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.30), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
           }
 
           /* Button content */
@@ -1230,19 +1354,42 @@ const GooglePay = class {
         this.showSkeleton = true;
         this.handleGooglePayClick = async () => {
             var _a;
+            console.log('[GooglePay] handleGooglePayClick: Button clicked', {
+                isProcessing: this.isProcessing,
+                disabled: this.disabled,
+                isAvailable: this.isAvailable,
+                canMakePayments: this.canMakePayments,
+            });
             if (this.isProcessing ||
                 this.disabled ||
                 !this.isAvailable ||
                 !this.canMakePayments) {
+                console.warn('[GooglePay] handleGooglePayClick: Payment blocked', {
+                    reason: this.isProcessing ? 'isProcessing' :
+                        this.disabled ? 'disabled' :
+                            !this.isAvailable ? 'notAvailable' :
+                                !this.canMakePayments ? 'cannotMakePayments' : 'unknown',
+                });
                 return;
             }
             try {
+                console.log('[GooglePay] handleGooglePayClick: Starting payment session');
                 this.isProcessing = true;
                 this.error = null;
                 this.googlePayStarted.emit();
+                console.log('[GooglePay] handleGooglePayClick: googlePayStarted event emitted');
                 const paymentDataRequest = this.createPaymentDataRequest();
+                console.log('[GooglePay] handleGooglePayClick: Starting payment session with service', {
+                    hasAuthToken: !!checkoutStore.authToken,
+                    accountId: checkoutStore.accountId,
+                });
                 const result = await this.googlePayService.startPaymentSession(paymentDataRequest, checkoutStore.authToken, checkoutStore.accountId);
+                console.log('[GooglePay] handleGooglePayClick: Payment session result', result);
                 if (result.success) {
+                    console.log('[GooglePay] handleGooglePayClick: Payment successful', {
+                        paymentMethodId: result.paymentMethodId,
+                        hasPaymentData: !!result.paymentData,
+                    });
                     this.googlePayCompleted.emit({
                         success: true,
                         paymentData: result.paymentData,
@@ -1250,16 +1397,21 @@ const GooglePay = class {
                     });
                 }
                 else {
+                    console.error('[GooglePay] handleGooglePayClick: Payment failed', {
+                        error: result.error,
+                    });
                     this.googlePayCompleted.emit({
                         success: false,
                         error: result.error,
                     });
                     if (((_a = result.error) === null || _a === void 0 ? void 0 : _a.code) === "USER_CANCELLED") {
+                        console.log('[GooglePay] handleGooglePayClick: User cancelled payment');
                         this.googlePayCancelled.emit();
                     }
                 }
             }
             catch (error) {
+                console.error('[GooglePay] handleGooglePayClick: Exception during payment', error);
                 const errorMessage = error instanceof Error ? error.message : "Payment failed";
                 this.error = errorMessage;
                 this.googlePayCompleted.emit({
@@ -1269,27 +1421,48 @@ const GooglePay = class {
             }
             finally {
                 this.isProcessing = false;
+                console.log('[GooglePay] handleGooglePayClick: Payment flow complete', {
+                    isProcessing: this.isProcessing,
+                    error: this.error,
+                });
             }
         };
     }
     watchConfigChange() {
+        console.log('[GooglePay] watchConfigChange: Configuration changed', {
+            merchantId: this.merchantId,
+            environment: this.environment,
+        });
         this.initializeGooglePay();
     }
     componentWillLoad() {
+        console.log('[GooglePay] componentWillLoad: Initializing GooglePayService');
         this.googlePayService = new GooglePayService();
+        console.log('[GooglePay] componentWillLoad: GooglePayService created', {
+            service: this.googlePayService,
+        });
     }
     componentDidLoad() {
+        console.log('[GooglePay] componentDidLoad: Setting up store subscriptions', {
+            checkoutLoaded: checkoutStore.checkoutLoaded,
+            paymentAmount: checkoutStore.paymentAmount,
+            paymentCurrency: checkoutStore.paymentCurrency,
+            paymentDescription: checkoutStore.paymentDescription,
+        });
         const unsub = onChange("paymentAmount", () => {
+            console.log('[GooglePay] paymentAmount changed:', checkoutStore.paymentAmount);
             this.prefetchPaymentData();
         });
         if (typeof unsub === 'function')
             this.unsubscribes.push(unsub);
         const unsubCurrency = onChange("paymentCurrency", () => {
+            console.log('[GooglePay] paymentCurrency changed:', checkoutStore.paymentCurrency);
             this.prefetchPaymentData();
         });
         if (typeof unsubCurrency === 'function')
             this.unsubscribes.push(unsubCurrency);
         const unsubDesc = onChange("paymentDescription", () => {
+            console.log('[GooglePay] paymentDescription changed:', checkoutStore.paymentDescription);
             this.prefetchPaymentData();
         });
         if (typeof unsubDesc === 'function')
@@ -1338,17 +1511,31 @@ const GooglePay = class {
      * Prefetch payment data for faster load times of the Google Pay sheet.
      */
     async prefetchPaymentData() {
+        console.log('[GooglePay] prefetchPaymentData: Called', {
+            isAvailable: this.isAvailable,
+            canMakePayments: this.canMakePayments,
+        });
         if (!this.isAvailable || !this.canMakePayments) {
+            console.warn('[GooglePay] prefetchPaymentData: Skipped - not available or cannot make payments');
             return;
         }
         const paymentDataRequest = this.createPaymentDataRequest();
+        console.log('[GooglePay] prefetchPaymentData: Prefetching', { paymentDataRequest });
         this.googlePayService.prefetchPaymentData(paymentDataRequest);
+        console.log('[GooglePay] prefetchPaymentData: Prefetch complete');
     }
     async initializeGooglePay() {
+        console.log('[GooglePay] initializeGooglePay: Starting initialization');
         try {
             this.isLoading = true;
             this.error = null;
+            console.log('[GooglePay] initializeGooglePay: Checking payment amount', {
+                paymentAmount: checkoutStore.paymentAmount,
+                paymentCurrency: checkoutStore.paymentCurrency,
+                paymentDescription: checkoutStore.paymentDescription,
+            });
             if (!checkoutStore.paymentAmount) {
+                console.error('[GooglePay] initializeGooglePay: Missing payment amount');
                 this.error = "Missing required Google Pay configuration";
                 this.isLoading = false;
                 return;
@@ -1361,23 +1548,39 @@ const GooglePay = class {
                 buttonStyle: this.buttonStyle,
                 buttonSizeMode: this.buttonSizeMode,
             };
+            console.log('[GooglePay] initializeGooglePay: Config created', googlePayConfig);
             this.googlePayService.initialize(googlePayConfig);
+            console.log('[GooglePay] initializeGooglePay: Service initialized');
             this.isAvailable = this.googlePayService.isAvailable();
+            console.log('[GooglePay] initializeGooglePay: Availability check', {
+                isAvailable: this.isAvailable,
+            });
             if (!this.isAvailable) {
+                console.warn('[GooglePay] initializeGooglePay: Google Pay not available on device');
                 this.error = "Google Pay is not supported on this device";
                 this.isLoading = false;
                 return;
             }
+            console.log('[GooglePay] initializeGooglePay: Checking canMakePayments...');
             this.canMakePayments = await this.googlePayService.canMakePayments();
+            console.log('[GooglePay] initializeGooglePay: canMakePayments result', {
+                canMakePayments: this.canMakePayments,
+            });
             if (!this.canMakePayments) {
+                console.warn('[GooglePay] initializeGooglePay: Cannot make payments');
                 this.error = "Google Pay is not available for payments";
                 this.isLoading = false;
                 return;
             }
             const paymentDataRequest = this.createPaymentDataRequest();
+            console.log('[GooglePay] initializeGooglePay: Prefetching payment data', {
+                paymentDataRequest,
+            });
             this.googlePayService.prefetchPaymentData(paymentDataRequest);
+            console.log('[GooglePay] initializeGooglePay: Initialization complete');
         }
         catch (error) {
+            console.error('[GooglePay] initializeGooglePay: Error during initialization', error);
             this.error =
                 error instanceof Error
                     ? error.message
@@ -1385,19 +1588,37 @@ const GooglePay = class {
         }
         finally {
             this.isLoading = false;
+            console.log('[GooglePay] initializeGooglePay: Final state', {
+                isLoading: this.isLoading,
+                isAvailable: this.isAvailable,
+                canMakePayments: this.canMakePayments,
+                error: this.error,
+            });
         }
     }
     createPaymentDataRequest() {
-        return GooglePayService.createPaymentDataRequest(checkoutStore.paymentAmount, checkoutStore.paymentDescription, this.countryCode, checkoutStore.paymentCurrency, this.merchantName);
+        const request = GooglePayService.createPaymentDataRequest(checkoutStore.paymentAmount, checkoutStore.paymentDescription, this.countryCode, checkoutStore.paymentCurrency, this.merchantName, this.merchantId);
+        console.log('[GooglePay] createPaymentDataRequest: Created request', {
+            amount: checkoutStore.paymentAmount,
+            currency: checkoutStore.paymentCurrency,
+            description: checkoutStore.paymentDescription,
+            countryCode: this.countryCode,
+            merchantName: this.merchantName,
+            request,
+        });
+        return request;
     }
     render() {
         const showError = !this.isLoading && !!this.error;
         const showDeviceUnavailable = !this.isLoading && !this.error && !this.isAvailable;
         const showPaymentsUnavailable = !this.isLoading && !this.error && this.isAvailable && !this.canMakePayments;
         const showButton = !this.isLoading && !this.error && this.isAvailable && this.canMakePayments;
-        return (h(StyledHost, { key: 'd85684b123cdba175d68a2e216f9150780ac7cf9' }, checkoutStore.checkoutLoaded && (h("script", { key: 'b78bb8980d670e5b66cb907f89cee6ff2238205c', async: true, src: 'https://pay.google.com/gp/p/js/pay.js', onLoad: () => {
+        return (h(StyledHost, { key: 'cf4dcfa14dd83683c0d6e811ea464968c38f38d6' }, checkoutStore.checkoutLoaded && (h("script", { key: 'e942fe8e2eb80ee0d2119e864c62d89a79d9d12a', async: true, src: 'https://pay.google.com/gp/p/js/pay.js', onLoad: () => {
+                console.log('[GooglePay] Script loaded: Google Pay JS library loaded successfully');
                 this.initializeGooglePay();
-            } })), h("div", { key: 'e405efb3a164be9e1d9db5beeb3c01471b647aaf', class: 'google-pay-container' }, h(GooglePaySkeleton, { key: 'c17dbb3e305678a1da10e3741ff0b610c549be6e', isLoading: this.isLoading }), showError && (h("div", { key: '726895b7c76f3edbbbb1930a317d826b8f8f11fd', class: 'google-pay-error', role: 'alert', "data-testid": 'gp-error' }, h("span", { key: '23342ca70b6b5bf28f846ca519cc4fbfb065fc67', class: 'error-icon' }, "\u26A0\uFE0F"), h("span", { key: '008315696bc7b7f78f69cfc80160dacabf1205b5', class: 'error-message' }, this.error))), showDeviceUnavailable && (h("div", { key: '2e87b4a9e5d0c0201333b79b9c190ca14932391b', class: 'google-pay-unavailable', "data-testid": 'gp-device-unavailable' }, h("span", { key: '6db13fc44661500a964422d18550cb31e275f076', class: 'unavailable-message' }, "Google Pay is not available on this device"))), showPaymentsUnavailable && (h("div", { key: 'c2ca09e36652800092cc6bcbe4a351b0d604bae2', class: 'google-pay-unavailable', "data-testid": 'gp-payments-unavailable' }, h("span", { key: 'a5e75ccbb269249327192b927a0df879d90aefe5', class: 'unavailable-message' }, "Google Pay is not available for payments"))), showButton && (h(GooglePayButton, { key: 'a2af46b3970620491e5c005e2b57f7a6d6f06e2c', "data-testid": 'gp-button', buttonType: this.buttonType, buttonStyle: this.buttonStyle, buttonSizeMode: this.buttonSizeMode, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleGooglePayClick }))), h("style", { key: '9890ac44c4f047484396e0b4ae0d04a31489e61f' }, `
+            }, onError: (e) => {
+                console.error('[GooglePay] Script error: Failed to load Google Pay JS library', e);
+            } })), h("div", { key: '7ce1234392d3ea3abdcb1a385462cf740f4b98bb', class: 'google-pay-container' }, h(GooglePaySkeleton, { key: '3532e93f39bb69d76663c159bc6b1322a39e1361', isLoading: this.isLoading }), showError && (h("div", { key: '9e42e567d383522d03bc361008cb470fd2e2d602', class: 'google-pay-error', role: 'alert', "data-testid": 'gp-error' }, h("span", { key: '8b49d628ff8f5175d36f82e32191f1f3291e826f', class: 'error-icon' }, "\u26A0\uFE0F"), h("span", { key: 'b01e94934cd30b8dbad3127239ea625c51511d35', class: 'error-message' }, this.error))), showDeviceUnavailable && (h("div", { key: '12ad123c7516e9ce2ad1084f6b0c366e8bb5b9d5', class: 'google-pay-unavailable', "data-testid": 'gp-device-unavailable' }, h("span", { key: 'e0fa8f13423b6b545b340cc4b2b0411e833202c6', class: 'unavailable-message' }, "Google Pay is not available on this device"))), showPaymentsUnavailable && (h("div", { key: 'acb4c6661ca0aa6b944c8ed67642c4ad9effa1e5', class: 'google-pay-unavailable', "data-testid": 'gp-payments-unavailable' }, h("span", { key: '8a83dc8f5140d3ecade1fd68f69b5ebeaeb020d2', class: 'unavailable-message' }, "Google Pay is not available for payments"))), showButton && (h(GooglePayButton, { key: '46ea586c90aaa5eb909af4f1dfcb873a7ac50069', "data-testid": 'gp-button', buttonType: this.buttonType, buttonStyle: this.buttonStyle, buttonSizeMode: this.buttonSizeMode, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleGooglePayClick }))), h("style", { key: '8f77166ec7d772f0c51c74cdb166f9e8ae295088' }, `
             .google-pay-container {
               width: 100%;
             }

package/dist/esm/justifi-business-details.entry.js

@@ -1,22 +1,22 @@
 import { r as registerInstance, c as createEvent, h } from './index-DwYM91AU.js';
 import { E as ErrorState } from './utils-BX7Rjm1M.js';
-import { B as BusinessService } from './business.service-2j91Emgq.js';
+import { B as BusinessService } from './business.service-CzHfftZk.js';
 import { m as makeGetBusiness } from './get-business-Xt7B5dSo.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-B8HjTYV7.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Cqb7EhvC.js';
 import './parts-wtuY7MT2.js';
 import './Api-DX-IWyBw.js';
 import './config-state-C2NXATwF.js';
 import './index-B-fWxE5e.js';
 import './utils-CIaHqjQt.js';
 import './dinero-HXpYMWUU.js';
-import './GooglePay-9bPcqGZ9.js';
+import './GooglePay-f7mYX17c.js';
 import './Dispute-BH0Xfn-F.js';
 import './index-DkoufM1t.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-B5rtFhtR.js';
 import './utils-BeQLScSm.js';
-import './package-BGHeOtXW.js';
+import './package-CzedYX3W.js';
 
 const BusinessDetails = class {
     constructor(hostRef) {