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

package/dist/cjs/terminals-list-core.cjs.entry.js

@@ -4,7 +4,7 @@ var index = require('./index-BhI7cJcE.js');
 require('./config-state-CYoBVAca.js');
 require('./dinero-BwNN_k7x.js');
 require('./ComponentError-D4OLnOkg.js');
-require('./GooglePay-HXBAmTgL.js');
+require('./GooglePay-40aEKdDF.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');

package/dist/collection/api/GooglePay.js

@@ -75,26 +75,48 @@ export 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);
+        const hasWindow = typeof window !== 'undefined';
+        const hasGoogle = hasWindow && 'google' in window;
+        const hasPayments = hasGoogle && 'payments' in window.google;
+        const hasApi = hasPayments && 'api' in window.google.payments;
+        const result = hasWindow && hasGoogle && hasPayments && hasApi;
+        console.log('[GooglePayHelpers] isGooglePaySupported:', {
+            hasWindow,
+            hasGoogle,
+            hasPayments,
+            hasApi,
+            result,
+        });
+        return result;
     }
     /**
      * Create a Google Pay client instance
      */
     static createGooglePayClient(environment) {
+        console.log('[GooglePayHelpers] createGooglePayClient: Starting', {
+            environment,
+        });
         if (!this.isGooglePaySupported()) {
+            console.warn('[GooglePayHelpers] createGooglePayClient: Google Pay not supported');
             return null;
         }
         try {
-            return new window.google.payments.api.PaymentsClient({
-                environment: environment === GooglePayEnvironment.PRODUCTION
-                    ? 'PRODUCTION'
-                    : 'TEST',
+            const envString = environment === GooglePayEnvironment.PRODUCTION
+                ? 'PRODUCTION'
+                : 'TEST';
+            console.log('[GooglePayHelpers] createGooglePayClient: Creating PaymentsClient', {
+                environment: envString,
             });
+            const client = new window.google.payments.api.PaymentsClient({
+                environment: envString,
+            });
+            console.log('[GooglePayHelpers] createGooglePayClient: Client created successfully', {
+                hasClient: !!client,
+            });
+            return client;
         }
-        catch (_error) {
+        catch (error) {
+            console.error('[GooglePayHelpers] createGooglePayClient: Error creating client', error);
             return null;
         }
     }
@@ -168,11 +190,20 @@ export class GooglePayHelpers {
      * Create base payment data request check
      */
     static createBasePaymentDataRequest() {
+        var _a;
+        console.log('[GooglePayHelpers] createBasePaymentDataRequest: Creating base request', {
+            accountId: checkoutStore.accountId,
+        });
         const base = {
             apiVersion: 2,
             apiVersionMinor: 0,
             allowedPaymentMethods: [this.createPaymentMethodData()],
         };
+        console.log('[GooglePayHelpers] createBasePaymentDataRequest: Base request created', {
+            apiVersion: base.apiVersion,
+            apiVersionMinor: base.apiVersionMinor,
+            allowedPaymentMethodsCount: (_a = base.allowedPaymentMethods) === null || _a === void 0 ? void 0 : _a.length,
+        });
         // 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;

package/dist/collection/api/services/google-pay.service.js

@@ -9,22 +9,44 @@ export 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,
@@ -34,12 +56,20 @@ export 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');
         }
     }
@@ -47,21 +77,42 @@ export 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;
         }
     }
@@ -70,27 +121,53 @@ export 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;
                     }
                 }
@@ -107,8 +184,19 @@ export 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,
@@ -116,6 +204,7 @@ export class GooglePayService {
                 };
             }
             else {
+                console.error('[GooglePayService] startPaymentSession: Payment processing failed');
                 return {
                     success: false,
                     error: {
@@ -126,11 +215,17 @@ export 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: {
@@ -139,6 +234,7 @@ export class GooglePayService {
                             },
                         };
                     case 'DEVELOPER_ERROR':
+                        console.error('[GooglePayService] startPaymentSession: Developer error');
                         return {
                             success: false,
                             error: {
@@ -147,6 +243,9 @@ export class GooglePayService {
                             },
                         };
                     default:
+                        console.error('[GooglePayService] startPaymentSession: Unknown error', {
+                            statusCode: googlePayError.statusCode,
+                        });
                         return {
                             success: false,
                             error: {
@@ -156,6 +255,7 @@ export class GooglePayService {
                         };
                 }
             }
+            console.error('[GooglePayService] startPaymentSession: Generic error', error);
             return {
                 success: false,
                 error: {
@@ -191,22 +291,43 @@ export 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,
@@ -219,10 +340,17 @@ export 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;
     }
     /**

package/dist/collection/components/modular-checkout/sub-components/google-pay.js

@@ -25,19 +25,42 @@ export class GooglePay {
         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,
@@ -45,11 +68,15 @@ export class GooglePay {
                     });
                 }
                 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();
                     }
                     else {
@@ -58,6 +85,7 @@ export class GooglePay {
                 }
             }
             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({
@@ -67,27 +95,48 @@ export class GooglePay {
             }
             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')
@@ -136,17 +185,31 @@ export class GooglePay {
      * 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;
@@ -159,23 +222,39 @@ export class GooglePay {
                 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
@@ -183,19 +262,37 @@ export class GooglePay {
         }
         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%;
             }