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

package/dist/module/google-pay.js

@@ -18,22 +18,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,
@@ -43,12 +65,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');
         }
     }
@@ -56,21 +86,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;
         }
     }
@@ -79,27 +130,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;
                     }
                 }
@@ -116,8 +193,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,
@@ -125,6 +213,7 @@ class GooglePayService {
                 };
             }
             else {
+                console.error('[GooglePayService] startPaymentSession: Payment processing failed');
                 return {
                     success: false,
                     error: {
@@ -135,11 +224,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: {
@@ -148,6 +243,7 @@ class GooglePayService {
                             },
                         };
                     case 'DEVELOPER_ERROR':
+                        console.error('[GooglePayService] startPaymentSession: Developer error');
                         return {
                             success: false,
                             error: {
@@ -156,6 +252,9 @@ class GooglePayService {
                             },
                         };
                     default:
+                        console.error('[GooglePayService] startPaymentSession: Unknown error', {
+                            statusCode: googlePayError.statusCode,
+                        });
                         return {
                             success: false,
                             error: {
@@ -165,6 +264,7 @@ class GooglePayService {
                         };
                 }
             }
+            console.error('[GooglePayService] startPaymentSession: Generic error', error);
             return {
                 success: false,
                 error: {
@@ -200,22 +300,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,
@@ -228,10 +349,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;
     }
     /**
@@ -333,7 +461,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;
@@ -346,7 +474,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;
@@ -354,7 +481,6 @@ const GooglePayButton = (props) => {
             outline: none;
             padding: 0 20px;
             position: relative;
-            transition: box-shadow 0.2s ease;
             min-width: 140px;
             min-height: 48px;
           }
@@ -363,13 +489,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 */
@@ -537,19 +661,42 @@ const GooglePay = /*@__PURE__*/ proxyCustomElement(class GooglePay extends HTMLE
         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,
@@ -557,16 +704,21 @@ const GooglePay = /*@__PURE__*/ proxyCustomElement(class GooglePay extends HTMLE
                     });
                 }
                 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({
@@ -576,27 +728,48 @@ const GooglePay = /*@__PURE__*/ proxyCustomElement(class GooglePay extends HTMLE
             }
             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')
@@ -645,17 +818,31 @@ const GooglePay = /*@__PURE__*/ proxyCustomElement(class GooglePay extends HTMLE
      * 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;
@@ -668,23 +855,39 @@ const GooglePay = /*@__PURE__*/ proxyCustomElement(class GooglePay extends HTMLE
                 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
@@ -692,19 +895,37 @@ const GooglePay = /*@__PURE__*/ proxyCustomElement(class GooglePay extends HTMLE
         }
         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/module/package.js

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

package/dist/types/api/services/google-pay.service.d.ts

@@ -48,7 +48,7 @@ export declare class GooglePayService implements IGooglePayService {
     /**
      * Create a basic payment data request
      */
-    static createPaymentDataRequest(amount: number, label: string, countryCode: string, currencyCode: string, merchantName: string): IGooglePayPaymentDataRequest;
+    static createPaymentDataRequest(amount: number, label: string, countryCode: string, currencyCode: string, merchantName: string, merchantId: string): IGooglePayPaymentDataRequest;
     /**
      * Get current configuration
      */

package/dist/webcomponents/{p-d2935214.entry.js → p-0437c330.entry.js}

@@ -1 +1 @@
-import{r as e,h as a}from"./p-DwYM91AU.js";import"./p-tGDdRx0W.js";import"./p-HXpYMWUU.js";import"./p-Cjcsf8ku.js";import{I as t,a as s}from"./p-CQrwlULd.js";import"./p-CLHwhyvu.js";import"./p-B5rtFhtR.js";import"./p-BH0Xfn-F.js";import{f as l,p,c as o}from"./p-DKGn-ILd.js";import{e as r,s as i,p as c}from"./p-wtuY7MT2.js";import{S as d}from"./p-BP2sTIQV.js";import"./p-CZfYo5-1.js";import"./p-BYsgavgS.js";import"./p-BS7OgSQe.js";import"./p-DkoufM1t.js";const m=class{constructor(a){e(this,a),this.setParamsOnChange=(e,a)=>{l[e]=a}}componentWillLoad(){Object.entries({status:this.checkoutStatus,payment_mode:this.paymentMode}).forEach((([e,a])=>{a&&(p[e]=a)}))}get checkoutStatusOptions(){return[{label:"All",value:""},{label:"Created",value:t.created},{label:"Completed",value:t.completed},{label:"Attempted",value:t.attempted},{label:"Expired",value:t.expired}]}get checkoutPaymentModeOptions(){return[{label:"All",value:""},{label:"E-commerce",value:s.ecom},{label:"BNPL",value:s.bnpl},{label:"Apple Pay",value:s.apple_pay}]}render(){const e=Object.assign({},l);return a(d,{key:"7b00989f26aeb4b692c05fed3f092dfc93395a83"},a("table-filters-menu",{key:"3766268ec3b3648d5a6449566926b728e72b91ea",params:e,clearParams:o,part:r},a("div",{key:"a544aeeeea57c32e9a302a50709694845c112857",class:"grid-cols-2 gap-3 p-1"},a("div",{key:"f57d563a6d2f45cd76d24fa2113a36e695948d13",class:"p-2"},a("form-control-select",{key:"c6b8cd450f4fc999e254ff280f56c1b835ba0cd3",name:"status",label:"Status",options:this.checkoutStatusOptions,inputHandler:this.setParamsOnChange,defaultValue:this.checkoutStatus||l.status||"",disabled:!!this.checkoutStatus,part:i})),a("div",{key:"b901a858e318065757bc195980d46d9021552ca4",class:"p-2"},a("form-control-select",{key:"1a5d90dbc5aaa4b69fc90fdcc6b88b97675d6e44",name:"payment_mode",label:"Payment Mode",options:this.checkoutPaymentModeOptions,inputHandler:this.setParamsOnChange,defaultValue:this.paymentMode||l.payment_mode||"",disabled:!!this.paymentMode,part:c})))))}};export{m as justifi_checkouts_list_filters}
+import{r as e,h as a}from"./p-DwYM91AU.js";import"./p-tGDdRx0W.js";import"./p-HXpYMWUU.js";import"./p-Cjcsf8ku.js";import{I as t,a as s}from"./p-BrazW3nF.js";import"./p-CLHwhyvu.js";import"./p-B5rtFhtR.js";import"./p-BH0Xfn-F.js";import{f as l,p,c as o}from"./p-DKGn-ILd.js";import{e as r,s as i,p as c}from"./p-wtuY7MT2.js";import{S as d}from"./p-BP2sTIQV.js";import"./p-CZfYo5-1.js";import"./p-BYsgavgS.js";import"./p-BS7OgSQe.js";import"./p-DkoufM1t.js";const m=class{constructor(a){e(this,a),this.setParamsOnChange=(e,a)=>{l[e]=a}}componentWillLoad(){Object.entries({status:this.checkoutStatus,payment_mode:this.paymentMode}).forEach((([e,a])=>{a&&(p[e]=a)}))}get checkoutStatusOptions(){return[{label:"All",value:""},{label:"Created",value:t.created},{label:"Completed",value:t.completed},{label:"Attempted",value:t.attempted},{label:"Expired",value:t.expired}]}get checkoutPaymentModeOptions(){return[{label:"All",value:""},{label:"E-commerce",value:s.ecom},{label:"BNPL",value:s.bnpl},{label:"Apple Pay",value:s.apple_pay}]}render(){const e=Object.assign({},l);return a(d,{key:"7b00989f26aeb4b692c05fed3f092dfc93395a83"},a("table-filters-menu",{key:"3766268ec3b3648d5a6449566926b728e72b91ea",params:e,clearParams:o,part:r},a("div",{key:"a544aeeeea57c32e9a302a50709694845c112857",class:"grid-cols-2 gap-3 p-1"},a("div",{key:"f57d563a6d2f45cd76d24fa2113a36e695948d13",class:"p-2"},a("form-control-select",{key:"c6b8cd450f4fc999e254ff280f56c1b835ba0cd3",name:"status",label:"Status",options:this.checkoutStatusOptions,inputHandler:this.setParamsOnChange,defaultValue:this.checkoutStatus||l.status||"",disabled:!!this.checkoutStatus,part:i})),a("div",{key:"b901a858e318065757bc195980d46d9021552ca4",class:"p-2"},a("form-control-select",{key:"1a5d90dbc5aaa4b69fc90fdcc6b88b97675d6e44",name:"payment_mode",label:"Payment Mode",options:this.checkoutPaymentModeOptions,inputHandler:this.setParamsOnChange,defaultValue:this.paymentMode||l.payment_mode||"",disabled:!!this.paymentMode,part:c})))))}};export{m as justifi_checkouts_list_filters}

package/dist/webcomponents/{p-16812327.entry.js → p-065b24c3.entry.js}

@@ -1 +1 @@
-import{r as t,c as s,h as e}from"./p-DwYM91AU.js";import{T as a,a as i,b as r,c as h,d as o,e as d,f as n,g as p,h as c,i as m,j as f,k as b,l as g}from"./p-BTzt8N0l.js";import{T as u}from"./p-CZfYo5-1.js";import"./p-tGDdRx0W.js";import"./p-HXpYMWUU.js";import"./p-Cjcsf8ku.js";import"./p-CQrwlULd.js";import{p as j}from"./p-CLHwhyvu.js";import"./p-B5rtFhtR.js";import"./p-BH0Xfn-F.js";import{t as l,a as y}from"./p-BVwVhXcQ.js";import{o as k,g as w}from"./p-BUsqF4-J.js";import"./p-wtuY7MT2.js";import"./p-B-0a8Xqm.js";import"./p-BYsgavgS.js";import"./p-BS7OgSQe.js";import"./p-DkoufM1t.js";import"./p-DOLBAxYf.js";const O=class{constructor(e){t(this,e),this.clickEvent=s(this,"click-event"),this.errorEvent=s(this,"error-event"),this.terminalOrders=[],this.loading=!0,this.paging=j,this.pagingParams={},this.handleClickPrevious=t=>{this.pagingParams={before_cursor:t},this.clickEvent.emit({name:u.previous})},this.handleClickNext=t=>{this.pagingParams={after_cursor:t},this.clickEvent.emit({name:u.next})},this.rowClickHandler=t=>{const s=t.target.closest("tr").dataset.rowEntityId;if(!s)return;const e=this.terminalOrders.find((t=>t.id===s));this.clickEvent.emit({name:u.row,data:e})}}updateOnPropChange(){this.fetchData()}componentWillLoad(){this.terminalOrdersTable=new a(this.terminalOrders,this.columns,l,y),this.getTerminalOrders&&this.fetchData(),k("set",(()=>{this.pagingParams={}})),k("reset",(()=>{this.pagingParams={},this.errorMessage=""}))}fetchData(){this.loading=!0,this.getTerminalOrders({params:this.terminalOrderParams,onSuccess:async({terminalOrders:t,pagingInfo:s})=>{this.terminalOrders=t,this.paging=s,this.terminalOrdersTable.collectionData=this.terminalOrders},onError:({error:t,code:s,severity:e})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:s,message:t,severity:e})},final:()=>{this.loading=!1}})}get terminalOrderParams(){const t=w();return Object.assign(Object.assign({},t),this.pagingParams)}get entityId(){return this.terminalOrders.map((t=>t.id))}get showEmptyState(){return!this.loading&&!this.errorMessage&&this.terminalOrdersTable.rowData.length<1}get showErrorState(){return!this.loading&&!!this.errorMessage}get showRowData(){return!this.showEmptyState&&!this.showErrorState&&!this.loading}render(){return e(g,{key:"6d3a77b7aac03cad0f13586b44298b26a084b06f"},e(i,{key:"69d003438f02e693471b3526b226734b8dad54ce"},e(r,{key:"24ba93e9eded23d4ecaf7d1935309710cd5826a9"},e(h,{key:"b4b41b0617db386f76d1f720fb236229dffb64d2"},this.terminalOrdersTable.columnData.map((t=>t)))),e(o,{key:"52a8e8d5e9391b4393dc492d5f10002902dc2c69"},e(d,{key:"6e6110209d6295d5d2295e2043a4383c238ec85f",columnSpan:this.terminalOrdersTable.columnKeys.length,isLoading:this.loading}),e(n,{key:"079111a8e20e8a2f0807a8fbdeabb89b8df1982c",isEmpty:this.showEmptyState,columnSpan:this.terminalOrdersTable.columnKeys.length}),e(p,{key:"48d4545d97e20acaee32c95e5d74113b139f81d4",columnSpan:this.terminalOrdersTable.columnKeys.length,errorMessage:this.errorMessage}),this.showRowData&&this.terminalOrdersTable.rowData.map(((t,s)=>e(c,{"data-test-id":"table-row","data-row-entity-id":this.entityId[s],onClick:this.rowClickHandler},t)))),this.paging&&e(m,{key:"8a3de53e20022427a6b561e7ddcf16bdbc8db1ca"},e(f,{key:"28dfdbfb12ae0f47ce81f06267d1d1e046a4dc07"},e(b,{key:"160dabe28ed5d74ed063457916c748349245ae12",colSpan:this.terminalOrdersTable.columnData.length},e("pagination-menu",{key:"80108e4d09be795de2889ca7aea805a6bae9743a",paging:Object.assign(Object.assign({},this.paging),{handleClickPrevious:this.handleClickPrevious,handleClickNext:this.handleClickNext})}))))))}static get watchers(){return{pagingParams:["updateOnPropChange"],getTerminalOrders:["updateOnPropChange"],columns:["updateOnPropChange"]}}};export{O as terminal_orders_list_core}
+import{r as t,c as s,h as e}from"./p-DwYM91AU.js";import{T as a,a as i,b as r,c as h,d as o,e as d,f as n,g as p,h as c,i as m,j as f,k as b,l as g}from"./p-BTzt8N0l.js";import{T as u}from"./p-CZfYo5-1.js";import"./p-tGDdRx0W.js";import"./p-HXpYMWUU.js";import"./p-Cjcsf8ku.js";import"./p-BrazW3nF.js";import{p as j}from"./p-CLHwhyvu.js";import"./p-B5rtFhtR.js";import"./p-BH0Xfn-F.js";import{t as l,a as k}from"./p-aZ8YkDMZ.js";import{o as y,g as O}from"./p-BUsqF4-J.js";import"./p-wtuY7MT2.js";import"./p-B-0a8Xqm.js";import"./p-BYsgavgS.js";import"./p-BS7OgSQe.js";import"./p-DkoufM1t.js";import"./p-DOLBAxYf.js";const w=class{constructor(e){t(this,e),this.clickEvent=s(this,"click-event"),this.errorEvent=s(this,"error-event"),this.terminalOrders=[],this.loading=!0,this.paging=j,this.pagingParams={},this.handleClickPrevious=t=>{this.pagingParams={before_cursor:t},this.clickEvent.emit({name:u.previous})},this.handleClickNext=t=>{this.pagingParams={after_cursor:t},this.clickEvent.emit({name:u.next})},this.rowClickHandler=t=>{const s=t.target.closest("tr").dataset.rowEntityId;if(!s)return;const e=this.terminalOrders.find((t=>t.id===s));this.clickEvent.emit({name:u.row,data:e})}}updateOnPropChange(){this.fetchData()}componentWillLoad(){this.terminalOrdersTable=new a(this.terminalOrders,this.columns,l,k),this.getTerminalOrders&&this.fetchData(),y("set",(()=>{this.pagingParams={}})),y("reset",(()=>{this.pagingParams={},this.errorMessage=""}))}fetchData(){this.loading=!0,this.getTerminalOrders({params:this.terminalOrderParams,onSuccess:async({terminalOrders:t,pagingInfo:s})=>{this.terminalOrders=t,this.paging=s,this.terminalOrdersTable.collectionData=this.terminalOrders},onError:({error:t,code:s,severity:e})=>{this.errorMessage=t,this.errorEvent.emit({errorCode:s,message:t,severity:e})},final:()=>{this.loading=!1}})}get terminalOrderParams(){const t=O();return Object.assign(Object.assign({},t),this.pagingParams)}get entityId(){return this.terminalOrders.map((t=>t.id))}get showEmptyState(){return!this.loading&&!this.errorMessage&&this.terminalOrdersTable.rowData.length<1}get showErrorState(){return!this.loading&&!!this.errorMessage}get showRowData(){return!this.showEmptyState&&!this.showErrorState&&!this.loading}render(){return e(g,{key:"6d3a77b7aac03cad0f13586b44298b26a084b06f"},e(i,{key:"69d003438f02e693471b3526b226734b8dad54ce"},e(r,{key:"24ba93e9eded23d4ecaf7d1935309710cd5826a9"},e(h,{key:"b4b41b0617db386f76d1f720fb236229dffb64d2"},this.terminalOrdersTable.columnData.map((t=>t)))),e(o,{key:"52a8e8d5e9391b4393dc492d5f10002902dc2c69"},e(d,{key:"6e6110209d6295d5d2295e2043a4383c238ec85f",columnSpan:this.terminalOrdersTable.columnKeys.length,isLoading:this.loading}),e(n,{key:"079111a8e20e8a2f0807a8fbdeabb89b8df1982c",isEmpty:this.showEmptyState,columnSpan:this.terminalOrdersTable.columnKeys.length}),e(p,{key:"48d4545d97e20acaee32c95e5d74113b139f81d4",columnSpan:this.terminalOrdersTable.columnKeys.length,errorMessage:this.errorMessage}),this.showRowData&&this.terminalOrdersTable.rowData.map(((t,s)=>e(c,{"data-test-id":"table-row","data-row-entity-id":this.entityId[s],onClick:this.rowClickHandler},t)))),this.paging&&e(m,{key:"8a3de53e20022427a6b561e7ddcf16bdbc8db1ca"},e(f,{key:"28dfdbfb12ae0f47ce81f06267d1d1e046a4dc07"},e(b,{key:"160dabe28ed5d74ed063457916c748349245ae12",colSpan:this.terminalOrdersTable.columnData.length},e("pagination-menu",{key:"80108e4d09be795de2889ca7aea805a6bae9743a",paging:Object.assign(Object.assign({},this.paging),{handleClickPrevious:this.handleClickPrevious,handleClickNext:this.handleClickNext})}))))))}static get watchers(){return{pagingParams:["updateOnPropChange"],getTerminalOrders:["updateOnPropChange"],columns:["updateOnPropChange"]}}};export{w as terminal_orders_list_core}