@justifi/webcomponents 6.5.1-rc.3 → 6.6.0

package/dist/esm/{justifi-apple-pay_8.entry.js → justifi-apple-pay_7.entry.js}

@@ -1,27 +1,148 @@
 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-f7mYX17c.js';
+import { A as Api } from './Api-Dln8a6No.js';
 import { S as StyledHost } from './styled-host-DhOcKWqZ.js';
 import './event-types-CZfYo5-1.js';
-import { S as Skeleton } from './skeleton-BmRZRW5K.js';
-import { D as text, r as radioListItem } from './parts-wtuY7MT2.js';
-import { f as formatCurrency } from './utils-CIaHqjQt.js';
-import { P as PAYMENT_METHODS, a as PaymentMethod, b as PAYMENT_MODE } from './index-DkoufM1t.js';
-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-Cqb7EhvC.js';
+import { S as Skeleton } from './skeleton-BX70wCwq.js';
+import { c as checkoutStore, o as onAnyChange, g as getAvailablePaymentMethodTypes, a as getCheckoutState, b as onChange } from './checkout.store-CaS_htQd.js';
+import { D as text, r as radioListItem } from './parts-QmGrQis7.js';
+import { f as formatCurrency } from './utils-CDaVtz_6.js';
+import { H as Header1 } from './header-1-CzkA4zNY.js';
+import { H as Header2, b as insuranceValuesOn, h as hasInsuranceValueChanged, i as insuranceValues } from './insurance-state-By2QaBZo.js';
+import { H as Header3 } from './header-3-eIE1RpMN.js';
+import { J as JustifiAnalytics, c as checkPkgVersion } from './check-pkg-version-B83yUQEx.js';
 import './config-state-C2NXATwF.js';
 import './dinero-HXpYMWUU.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes, b as ComponentErrorMessages } from './ComponentError-Cjcsf8ku.js';
+import { I as ICheckoutStatus } from './Refund-DDWRtCuX.js';
 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-BWdnJLVG.js';
+import { C as CheckoutService } from './checkout.service-E60GnrZv.js';
+import { P as PAYMENT_METHODS, a as PaymentMethod, b as PAYMENT_MODE } from './index-DCIW8z1f.js';
 import { C as CardBrandLabels } from './payment-method-option-utils-lUHAQVFl.js';
 import './index-B-fWxE5e.js';
-import './package-CzedYX3W.js';
+import './package-CdVle3mx.js';
+
+var ApplePaySessionStatus;
+(function (ApplePaySessionStatus) {
+    ApplePaySessionStatus["STATUS_SUCCESS"] = "STATUS_SUCCESS";
+    ApplePaySessionStatus["STATUS_FAILURE"] = "STATUS_FAILURE";
+})(ApplePaySessionStatus || (ApplePaySessionStatus = {}));
+var ApplePayButtonType;
+(function (ApplePayButtonType) {
+    ApplePayButtonType["PLAIN"] = "plain";
+    ApplePayButtonType["BUY"] = "buy";
+    ApplePayButtonType["SET_UP"] = "set-up";
+    ApplePayButtonType["DONATE"] = "donate";
+    ApplePayButtonType["CHECK_OUT"] = "check-out";
+    ApplePayButtonType["BOOK"] = "book";
+    ApplePayButtonType["SUBSCRIBE"] = "subscribe";
+})(ApplePayButtonType || (ApplePayButtonType = {}));
+var ApplePayButtonStyle;
+(function (ApplePayButtonStyle) {
+    ApplePayButtonStyle["BLACK"] = "black";
+    ApplePayButtonStyle["WHITE"] = "white";
+    ApplePayButtonStyle["WHITE_OUTLINE"] = "white-outline";
+})(ApplePayButtonStyle || (ApplePayButtonStyle = {}));
+var ApplePayMerchantCapability;
+(function (ApplePayMerchantCapability) {
+    ApplePayMerchantCapability["SUPPORTS_3DS"] = "supports3DS";
+    ApplePayMerchantCapability["SUPPORTS_EMV"] = "supportsEMV";
+    ApplePayMerchantCapability["SUPPORTS_CREDIT"] = "supportsCredit";
+    ApplePayMerchantCapability["SUPPORTS_DEBIT"] = "supportsDebit";
+})(ApplePayMerchantCapability || (ApplePayMerchantCapability = {}));
+class ApplePayConfig {
+    constructor(data) {
+        this.merchantIdentifier = data.merchantIdentifier;
+        this.displayName = data.displayName;
+        this.initiative = data.initiative;
+        this.initiativeContext = data.initiativeContext;
+        this.buttonType = data.buttonType || ApplePayButtonType.PLAIN;
+        this.buttonStyle = data.buttonStyle || ApplePayButtonStyle.BLACK;
+        this.buttonLocale = data.buttonLocale || 'en-US';
+    }
+    get isValid() {
+        return !!(this.merchantIdentifier &&
+            this.displayName &&
+            this.initiative &&
+            this.initiativeContext);
+    }
+}
+class ApplePayPaymentRequest {
+    constructor(data) {
+        this.countryCode = data.countryCode;
+        this.currencyCode = data.currencyCode;
+        this.merchantCapabilities = data.merchantCapabilities;
+        this.supportedNetworks = data.supportedNetworks;
+        this.total = data.total;
+        this.lineItems = data.lineItems;
+        this.shippingMethods = data.shippingMethods;
+        this.applicationData = data.applicationData;
+        this.supportedCountries = data.supportedCountries;
+    }
+    get isValid() {
+        var _a, _b, _c, _d;
+        return !!(this.countryCode &&
+            this.currencyCode &&
+            ((_a = this.merchantCapabilities) === null || _a === void 0 ? void 0 : _a.length) &&
+            ((_b = this.supportedNetworks) === null || _b === void 0 ? void 0 : _b.length) &&
+            ((_c = this.total) === null || _c === void 0 ? void 0 : _c.label) &&
+            ((_d = this.total) === null || _d === void 0 ? void 0 : _d.amount));
+    }
+}
+class ApplePayHelpers {
+    static isApplePaySupported() {
+        var _a;
+        return (typeof window !== 'undefined' &&
+            'ApplePaySession' in window &&
+            ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.supportsVersion(3)));
+    }
+    static canMakePayments() {
+        var _a;
+        if (!this.isApplePaySupported()) {
+            return false;
+        }
+        return ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePayments()) || false;
+    }
+    static async canMakePaymentsWithActiveCard(merchantIdentifier) {
+        var _a;
+        if (!this.isApplePaySupported()) {
+            return false;
+        }
+        try {
+            return ((await ((_a = window.ApplePaySession) === null || _a === void 0 ? void 0 : _a.canMakePaymentsWithActiveCard(merchantIdentifier))) || false);
+        }
+        catch (error) {
+            console.error('Error checking Apple Pay active card:', error);
+            return false;
+        }
+    }
+    static formatAmount(amount) {
+        return (amount / 100).toFixed(2);
+    }
+    static parseAmount(amount) {
+        return Math.round(parseFloat(amount) * 100);
+    }
+    static createLineItem(label, amount, type = 'final') {
+        return {
+            label,
+            amount: this.formatAmount(amount),
+            type,
+        };
+    }
+    static getDefaultSupportedNetworks() {
+        return ['amex', 'discover', 'masterCard', 'visa'];
+    }
+    static getDefaultMerchantCapabilities() {
+        return [
+            ApplePayMerchantCapability.SUPPORTS_3DS,
+            ApplePayMerchantCapability.SUPPORTS_EMV,
+            ApplePayMerchantCapability.SUPPORTS_CREDIT,
+            ApplePayMerchantCapability.SUPPORTS_DEBIT,
+        ];
+    }
+}
 
 // Centralized error codes for Apple Pay service
 var ApplePayServiceErrorCode;
@@ -373,7 +494,7 @@ const ApplePaySkeleton = (props) => {
     return (h("div", { class: 'container-fluid p-0' }, h("div", { class: 'row mb-3' }, h("div", { class: 'col-12 align-content-center' }, h(Skeleton, { height: '44px', width: '100%', styles: { borderRadius: "8px" } })))));
 };
 
-const ProcessingSpinner$1 = () => (h("div", { class: 'processing-overlay' }, h("div", { class: 'spinner' }), h("span", null, "Processing...")));
+const ProcessingSpinner = () => (h("div", { class: 'processing-overlay' }, h("div", { class: 'spinner' }), h("span", null, "Processing...")));
 const ApplePayButton = (props) => {
     const getApplePayButtonClass = () => {
         let classes = "apple-pay-button";
@@ -417,7 +538,7 @@ const ApplePayButton = (props) => {
     return (h("div", { class: 'apple-pay-button-container' }, h("button", Object.assign({ class: getApplePayButtonClass(), style: {
             width: props.width,
             height: props.height,
-        }, onClick: handleClick, disabled: props.disabled || props.isProcessing || !props.isAvailable, "aria-label": 'Pay with Apple Pay', type: 'button' }, props), props.isProcessing && ProcessingSpinner$1()), h("style", null, `
+        }, onClick: handleClick, disabled: props.disabled || props.isProcessing || !props.isAvailable, "aria-label": 'Pay with Apple Pay', type: 'button' }, props), props.isProcessing && ProcessingSpinner()), h("style", null, `
           .apple-pay-button-container {
             display: block;
             position: relative;
@@ -702,963 +823,10 @@ const Summary = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(StyledHost, { key: '3ebaf90f9085614d44043d9b5ba7de3f926bf6f1' }, h("section", { key: '888ea6f17ece8e78b7ddf9302be5b1b355cd54c6' }, h("div", { key: 'bb7db155a31ceb9e824c5290b8fb8d8713622bdd' }, h("div", { key: 'dc954f18e824dabfb09fc727aeb87685020e2d1e', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'e7f6b12c142655fc967bd6a37e00193b9f743f84' }, h("span", { key: '25996f66626d428385422d72f5e2bba1a8301628', part: text }, "Total"), "\u00A0", h("span", { key: '958bd1242ac23e13e66b73563d2c6f73499d2574', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
+        return (h(StyledHost, { key: '22b3c1f3a69c697d9b835e996ad97d68c3ba4b94' }, h("section", { key: 'd66aa2a3a486db3a4143e3b3830e764f400865bd' }, h("div", { key: '82775f72a833d5d97026581baba1ecc10d21b7e9' }, h("div", { key: 'd21f52fa5826ee9a78349daac81721d452469f91', part: text }, checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.paymentDescription), h("div", { key: 'edc2c3585a7584dacff9a1f43b0d5d797c3ac711' }, h("span", { key: '44587366fe25edf13453b2291762f0b3cbc502ae', part: text }, "Total"), "\u00A0", h("span", { key: '04efa75e358fbc26939dcb5474f2d9eb8e2d2bec', part: text }, formatCurrency(+(checkoutStore === null || checkoutStore === void 0 ? void 0 : checkoutStore.totalAmount))))))));
     }
 };
 
-const PROCESS_TOKEN_ENDPOINT = 'google_pay/process_token';
-class GooglePayService {
-    constructor() {
-        this.api = Api();
-    }
-    /**
-     * 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');
-        }
-        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,
-                authToken,
-                body: payload,
-                headers: {
-                    '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,
-                data: result,
-            };
-        }
-        catch (error) {
-            console.error('[GooglePayService] processPayment: API error', error);
-            throw new Error('Google Pay payment processing failed');
-        }
-    }
-    /**
-     * Check if Google Pay is available on this device/browser
-     */
-    isAvailable() {
-        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) {
-            console.error('[GooglePayService] canMakePayments: Error', error);
-            return false;
-        }
-    }
-    /**
-     * Start Google Pay payment session
-     */
-    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 {
-                        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;
-                    }
-                }
-                return tokenizationData;
-            })();
-            const tokenProcessRequest = {
-                protocolVersion: tokenObj === null || tokenObj === void 0 ? void 0 : tokenObj.protocolVersion,
-                signature: tokenObj === null || tokenObj === void 0 ? void 0 : tokenObj.signature,
-                intermediateSigningKey: (tokenObj === null || tokenObj === void 0 ? void 0 : tokenObj.intermediateSigningKey)
-                    ? {
-                        signedKey: tokenObj.intermediateSigningKey.signedKey,
-                        signatures: tokenObj.intermediateSigningKey.signatures,
-                    }
-                    : 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,
-                    paymentMethodId: paymentResult.data.id,
-                };
-            }
-            else {
-                console.error('[GooglePayService] startPaymentSession: Payment processing failed');
-                return {
-                    success: false,
-                    error: {
-                        code: 'PAYMENT_PROCESSING_ERROR',
-                        message: 'Payment processing failed',
-                    },
-                };
-            }
-        }
-        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: {
-                                code: 'USER_CANCELLED',
-                                message: 'User cancelled the Google Pay session',
-                            },
-                        };
-                    case 'DEVELOPER_ERROR':
-                        console.error('[GooglePayService] startPaymentSession: Developer error');
-                        return {
-                            success: false,
-                            error: {
-                                code: 'DEVELOPER_ERROR',
-                                message: 'Google Pay configuration error',
-                            },
-                        };
-                    default:
-                        console.error('[GooglePayService] startPaymentSession: Unknown error', {
-                            statusCode: googlePayError.statusCode,
-                        });
-                        return {
-                            success: false,
-                            error: {
-                                code: 'PAYMENT_ERROR',
-                                message: googlePayError.statusMessage || 'Google Pay payment failed',
-                            },
-                        };
-                }
-            }
-            console.error('[GooglePayService] startPaymentSession: Generic error', error);
-            return {
-                success: false,
-                error: {
-                    code: 'PAYMENT_ERROR',
-                    message: error instanceof Error
-                        ? error.message
-                        : 'Google Pay payment failed',
-                },
-            };
-        }
-    }
-    /**
-     * Create Google Pay button element
-     */
-    createButton(options) {
-        if (!this.googlePayClient || !this.googlePayConfig) {
-            return null;
-        }
-        try {
-            return this.googlePayClient.createButton({
-                onClick: options.onClick,
-                buttonType: options.buttonType,
-                buttonSizeMode: options.buttonSizeMode,
-                buttonColor: options.buttonColor,
-                buttonLocale: options.buttonLocale,
-            });
-        }
-        catch (_error) {
-            return null;
-        }
-    }
-    /**
-     * 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);
-        }
-    }
-    /**
-     * Create a basic payment data request
-     */
-    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,
-            allowedPaymentMethods: [GooglePayHelpers.createPaymentMethodData()],
-            transactionInfo: {
-                countryCode,
-                currencyCode,
-                totalPriceStatus: 'FINAL',
-                totalPrice: GooglePayHelpers.formatAmount(amount),
-                totalPriceLabel: label,
-            },
-            merchantInfo: {
-                merchantId,
-                merchantName,
-            },
-        };
-        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;
-    }
-    /**
-     * Get current configuration
-     */
-    getGooglePayConfig() {
-        return this.googlePayConfig;
-    }
-    /**
-     * Get current Google Pay client
-     */
-    getGooglePayClient() {
-        return this.googlePayClient;
-    }
-}
-
-const GooglePaySkeleton = (props) => {
-    const { isLoading } = props;
-    if (!isLoading) {
-        return null;
-    }
-    return (h("div", { class: 'container-fluid p-0' }, h("div", { class: 'row mb-3' }, h("div", { class: 'col-12 align-content-center' }, h(Skeleton, { height: '44px', width: '100%', styles: { borderRadius: "8px" } })))));
-};
-
-const ProcessingSpinner = () => (h("div", { class: 'processing-overlay' }, h("div", { class: 'spinner' }), h("span", null, "Processing...")));
-const GooglePayButton = (props) => {
-    const getGooglePayButtonClass = () => {
-        let classes = "google-pay-button";
-        // Button style
-        switch (props.buttonStyle) {
-            case GooglePayButtonStyle.WHITE:
-                classes += " google-pay-button-white";
-                break;
-            case GooglePayButtonStyle.BLACK:
-            default:
-                classes += " google-pay-button-black";
-                break;
-        }
-        // Button type
-        switch (props.buttonType) {
-            case GooglePayButtonType.BUY:
-                classes += " google-pay-button-type-buy";
-                break;
-            case GooglePayButtonType.BOOK:
-                classes += " google-pay-button-type-book";
-                break;
-            case GooglePayButtonType.CHECKOUT:
-                classes += " google-pay-button-type-checkout";
-                break;
-            case GooglePayButtonType.DONATE:
-                classes += " google-pay-button-type-donate";
-                break;
-            case GooglePayButtonType.ORDER:
-                classes += " google-pay-button-type-order";
-                break;
-            case GooglePayButtonType.PAY:
-                classes += " google-pay-button-type-pay";
-                break;
-            case GooglePayButtonType.SUBSCRIBE:
-                classes += " google-pay-button-type-subscribe";
-                break;
-            case GooglePayButtonType.PLAIN:
-            default:
-                classes += " google-pay-button-type-plain";
-                break;
-        }
-        // Size mode
-        switch (props.buttonSizeMode) {
-            case GooglePayButtonSizeMode.FILL:
-                classes += " google-pay-button-fill";
-                break;
-            case GooglePayButtonSizeMode.STATIC:
-            default:
-                classes += " google-pay-button-static";
-                break;
-        }
-        if (props.disabled || props.isProcessing || !props.isAvailable) {
-            classes += " disabled";
-        }
-        return classes;
-    };
-    const getButtonStyles = () => {
-        const styles = {};
-        if (props.buttonSizeMode === GooglePayButtonSizeMode.FILL) {
-            styles.width = '100%';
-            styles.minWidth = '200px';
-        }
-        else {
-            styles.width = props.width || '200px';
-        }
-        styles.height = props.height || '48px';
-        return styles;
-    };
-    const handleClick = () => {
-        if (!props.disabled &&
-            !props.isProcessing &&
-            props.isAvailable &&
-            props.clickHandler) {
-            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": "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;
-          }
-
-          .google-pay-button {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            border: none;
-            border-radius: 4px;
-            cursor: pointer;
-            font-size: 14px;
-            font-weight: 500;
-            letter-spacing: 0.25px;
-            line-height: 16px;
-            outline: none;
-            padding: 0 20px;
-            position: relative;
-            min-width: 140px;
-            min-height: 48px;
-          }
-
-          /* Button styles */
-          .google-pay-button.google-pay-button-black {
-            background-color: #000;
-            color: #fff;
-          }
-
-          .google-pay-button.google-pay-button-white {
-            background-color: #fff;
-            color: #3c4043;
-          }
-
-          /* Button content */
-          .google-pay-button-content {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            gap: 8px;
-            white-space: nowrap;
-          }
-
-          .google-g-logo {
-            width: 20px;
-            height: 20px;
-            flex-shrink: 0;
-          }
-
-          .pay-text {
-            font-family: 'Google Sans', arial, sans-serif;
-            font-size: 14px;
-            font-weight: 500;
-            margin-left: 8px;
-          }
-
-          /* Button types - text content handled by ::before pseudo-element */
-          .google-pay-button-type-buy .google-pay-button-content::before {
-            content: 'Buy with';
-            margin-right: 8px;
-          }
-
-          .google-pay-button-type-book .google-pay-button-content::before {
-            content: 'Book with';
-            margin-right: 8px;
-          }
-
-          .google-pay-button-type-checkout .google-pay-button-content::before {
-            content: 'Checkout with';
-            margin-right: 8px;
-          }
-
-          .google-pay-button-type-donate .google-pay-button-content::before {
-            content: 'Donate with';
-            margin-right: 8px;
-          }
-
-          .google-pay-button-type-order .google-pay-button-content::before {
-            content: 'Order with';
-            margin-right: 8px;
-          }
-
-          .google-pay-button-type-pay .google-pay-button-content::before {
-            content: 'Pay with';
-            margin-right: 8px;
-          }
-
-          .google-pay-button-type-subscribe .google-pay-button-content::before {
-            content: 'Subscribe with';
-            margin-right: 8px;
-          }
-
-          /* Size modes */
-          .google-pay-button.google-pay-button-fill {
-            width: 100%;
-            min-width: 200px;
-          }
-
-          .google-pay-button.google-pay-button-static {
-            width: auto;
-          }
-
-          /* Hover and focus states */
-          .google-pay-button:hover:not(.disabled) {
-            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 1px 3px 1px rgba(0, 0, 0, 0.30);
-          }
-
-          .google-pay-button:focus:not(.disabled) {
-            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 1px 3px 1px rgba(0, 0, 0, 0.30);
-          }
-
-          .google-pay-button:active:not(.disabled) {
-            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15), 0 1px 3px 1px rgba(0, 0, 0, 0.30);
-            transform: translateY(1px);
-          }
-
-          /* Disabled state */
-          .google-pay-button.disabled {
-            opacity: 0.5;
-            cursor: not-allowed;
-            box-shadow: none;
-          }
-
-          .google-pay-button.disabled:hover,
-          .google-pay-button.disabled:focus,
-          .google-pay-button.disabled:active {
-            box-shadow: none;
-            transform: none;
-          }
-
-          /* Processing overlay */
-          .processing-overlay {
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            gap: 8px;
-            background: rgba(0, 0, 0, 0.8);
-            color: white;
-            border-radius: 4px;
-            font-size: 14px;
-            font-weight: 500;
-          }
-
-          .spinner {
-            width: 16px;
-            height: 16px;
-            border: 2px solid rgba(255, 255, 255, 0.3);
-            border-top: 2px solid #fff;
-            border-radius: 50%;
-            animation: spin 1s linear infinite;
-          }
-
-          @keyframes spin {
-            0% { transform: rotate(0deg); }
-            100% { transform: rotate(360deg); }
-          }
-
-          /* Responsive design */
-          @media (max-width: 480px) {
-            .google-pay-button {
-              width: 100% !important;
-              min-width: 200px;
-            }
-          }
-        `)));
-};
-
-const GooglePay = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.googlePayCancelled = createEvent(this, "googlePayCancelled");
-        this.googlePayCompleted = createEvent(this, "googlePayCompleted");
-        this.googlePayStarted = createEvent(this, "googlePayStarted");
-        this.unsubscribes = [];
-        this.canMakePayments = false;
-        this.error = null;
-        this.isAvailable = false;
-        this.isLoading = true;
-        this.isProcessing = false;
-        this.buttonSizeMode = GooglePayButtonSizeMode.FILL;
-        this.buttonStyle = GooglePayButtonStyle.BLACK;
-        this.buttonType = GooglePayButtonType.PLAIN;
-        this.countryCode = "US";
-        this.disabled = false;
-        this.environment = GooglePayEnvironment.PRODUCTION;
-        this.merchantId = "gateway:justifi";
-        this.merchantName = "justifi";
-        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,
-                        paymentMethodId: result.paymentMethodId,
-                    });
-                }
-                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({
-                    success: false,
-                    error: errorMessage,
-                });
-            }
-            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')
-            this.unsubscribes.push(unsubDesc);
-    }
-    disconnectedCallback() {
-        this.unsubscribes.forEach((fn) => {
-            try {
-                fn();
-            }
-            catch (_a) { }
-        });
-        this.unsubscribes = [];
-    }
-    /**
-     * Returns supported authentication methods when Google Pay is available.
-     */
-    async getSupportedAuthMethods() {
-        if (!this.isAvailable) {
-            return [];
-        }
-        return GooglePayHelpers.getDefaultAuthMethods();
-    }
-    /**
-     * Returns supported card networks when Google Pay is available.
-     */
-    async getSupportedNetworks() {
-        if (!this.isAvailable) {
-            return [];
-        }
-        return GooglePayHelpers.getDefaultSupportedNetworks();
-    }
-    /**
-     * Select Google Pay in the modular checkout parent.
-     */
-    async handleSelectionClick() {
-        checkoutStore.selectedPaymentMethod = { type: PAYMENT_METHODS.GOOGLE_PAY };
-    }
-    /**
-     * Returns whether Google Pay is both available and can make payments.
-     */
-    async isSupported() {
-        return this.isAvailable && this.canMakePayments;
-    }
-    /**
-     * 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;
-            }
-            const googlePayConfig = {
-                environment: this.environment,
-                merchantId: this.merchantId,
-                merchantName: this.merchantName,
-                buttonType: this.buttonType,
-                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
-                    : "Failed to initialize Google Pay";
-        }
-        finally {
-            this.isLoading = false;
-            console.log('[GooglePay] initializeGooglePay: Final state', {
-                isLoading: this.isLoading,
-                isAvailable: this.isAvailable,
-                canMakePayments: this.canMakePayments,
-                error: this.error,
-            });
-        }
-    }
-    createPaymentDataRequest() {
-        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: '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();
-            }, 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%;
-            }
-
-            .google-pay-error {
-              display: flex;
-              align-items: center;
-              gap: 8px;
-              padding: 12px;
-              background: #fef2f2;
-              border: 1px solid #fecaca;
-              border-radius: 8px;
-              color: #dc2626;
-              font-size: 14px;
-            }
-
-            .google-pay-unavailable {
-              display: flex;
-              align-items: center;
-              justify-content: center;
-              padding: 12px;
-              background: #f9fafb;
-              border: 1px solid #e5e7eb;
-              border-radius: 8px;
-              color: #6b7280;
-              font-size: 14px;
-            }
-
-            .error-icon {
-              font-size: 16px;
-            }
-            
-          `)));
-    }
-    static get watchers() { return {
-        "merchantId": ["watchConfigChange"],
-        "environment": ["watchConfigChange"]
-    }; }
-};
-
 const Header = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -1671,7 +839,7 @@ const Header = class {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (h(StyledHost, { key: '73104ea086f8a9948e69f86451adf19e0f39fb32' }, h(HeaderComponent, { key: 'a8582109634299a24e2a9b3c7181c6bba511fde7', text: this.text, class: this.class })));
+        return (h(StyledHost, { key: 'f85ca74f6e562bbc77ab72c36191a2de67812a5a' }, h(HeaderComponent, { key: '8872c1b2e52349738a60dbf4dfdd046a108f8e43', text: this.text, class: this.class })));
     }
 };
 
@@ -1757,25 +925,6 @@ const ModularCheckout = class {
         this.submitEvent = createEvent(this, "submit-event");
         this.checkoutChangedEvent = createEvent(this, "checkout-changed");
         this.plaidService = new PlaidService();
-        this.handleGooglePayCompleted = (event) => {
-            const { success, paymentMethodId, error } = event.detail || {};
-            if (success && paymentMethodId) {
-                checkoutStore.paymentToken = paymentMethodId;
-                checkoutStore.selectedPaymentMethod = { type: PAYMENT_METHODS.GOOGLE_PAY };
-                this.submitCheckout();
-            }
-            else {
-                this.errorEvent.emit({
-                    message: (error && error.message) || "Google Pay payment failed",
-                    errorCode: ComponentErrorCodes.TOKENIZE_ERROR,
-                    severity: ComponentErrorSeverity.ERROR,
-                });
-            }
-        };
-        this.handleGooglePayCancelled = () => {
-            checkoutStore.paymentToken = undefined;
-            checkoutStore.selectedPaymentMethod = undefined;
-        };
         this.handleApplePayCompleted = (event) => {
             const { success, token, paymentMethodId, error } = event.detail;
             if (success && token) {
@@ -1811,7 +960,6 @@ const ModularCheckout = class {
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
             this.setupApplePayListeners(); // set up again listeners when DOM changes
-            this.setupGooglePayListeners();
         });
         this.observer.observe(this.hostEl, {
             childList: true,
@@ -1846,13 +994,11 @@ const ModularCheckout = class {
     componentDidLoad() {
         this.queryFormRefs();
         this.setupApplePayListeners();
-        this.setupGooglePayListeners();
     }
     disconnectedCallback() {
         var _a;
         (_a = this.observer) === null || _a === void 0 ? void 0 : _a.disconnect();
         this.removeApplePayListeners();
-        this.removeGooglePayListeners();
     }
     fetchCheckout() {
         if (!this.authToken || !this.checkoutId) {
@@ -1895,7 +1041,7 @@ const ModularCheckout = class {
         }
     }
     updateStore(checkout) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f;
         checkoutStore.accountId = checkout.account_id;
         checkoutStore.checkoutLoaded = true;
         checkoutStore.paymentMethods = checkout.payment_methods.map((paymentMethod) => new PaymentMethod(paymentMethod));
@@ -1907,12 +1053,11 @@ const ModularCheckout = class {
         checkoutStore.insuranceEnabled = checkout.payment_settings.insurance_payments;
         checkoutStore.bankAccountVerification = (_a = checkout.payment_settings) === null || _a === void 0 ? void 0 : _a.bank_account_verification;
         checkoutStore.applePayEnabled = (_b = checkout.payment_settings) === null || _b === void 0 ? void 0 : _b.apple_payments;
-        checkoutStore.googlePayEnabled = (_c = checkout.payment_settings) === null || _c === void 0 ? void 0 : _c.google_payments;
-        checkoutStore.bnplProviderClientId = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_client_id;
-        checkoutStore.bnplProviderMode = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_mode;
-        checkoutStore.bnplProviderApiVersion = (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_api_version;
+        checkoutStore.bnplProviderClientId = (_c = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _c === void 0 ? void 0 : _c.provider_client_id;
+        checkoutStore.bnplProviderMode = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_mode;
+        checkoutStore.bnplProviderApiVersion = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_api_version;
         checkoutStore.bnplProviderCheckoutUrl =
-            (_g = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _g === void 0 ? void 0 : _g.provider_checkout_url;
+            (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_checkout_url;
     }
     emitCheckoutChanged() {
         const detail = {
@@ -1925,7 +1070,6 @@ const ModularCheckout = class {
     queryFormRefs() {
         this.billingFormRef = this.hostEl.querySelector("justifi-billing-form, justifi-bank-account-billing-form-simple, justifi-card-billing-form-simple, justifi-billing-form-full");
         this.applePayRef = this.hostEl.querySelector("justifi-apple-pay");
-        this.googlePayRef = this.hostEl.querySelector("justifi-google-pay");
         this.paymentMethodFormRef =
             this.hostEl.querySelector('justifi-card-form, justifi-bank-account-form, justifi-tokenize-payment-method');
         this.insuranceFormRef = this.hostEl.querySelector('justifi-season-interruption-insurance');
@@ -1944,18 +1088,6 @@ const ModularCheckout = class {
             this.applePayRef.removeEventListener("applePayCancelled", this.handleApplePayCancelled);
         }
     }
-    setupGooglePayListeners() {
-        if (this.googlePayRef) {
-            this.googlePayRef.addEventListener("googlePayCompleted", this.handleGooglePayCompleted);
-            this.googlePayRef.addEventListener("googlePayCancelled", this.handleGooglePayCancelled);
-        }
-    }
-    removeGooglePayListeners() {
-        if (this.googlePayRef) {
-            this.googlePayRef.removeEventListener("googlePayCompleted", this.handleGooglePayCompleted);
-            this.googlePayRef.removeEventListener("googlePayCancelled", this.handleGooglePayCancelled);
-        }
-    }
     async tokenizePaymentMethod(tokenizeArgs) {
         var _a, _b, _c;
         const billingInfoValues = (_b = (await ((_a = this.billingFormRef) === null || _a === void 0 ? void 0 : _a.getValues()))) !== null && _b !== void 0 ? _b : {};
@@ -2110,8 +1242,6 @@ const ModularCheckout = class {
                     return PAYMENT_MODE.BNPL;
                 case PAYMENT_METHODS.APPLE_PAY:
                     return PAYMENT_MODE.APPLE_PAY;
-                case PAYMENT_METHODS.GOOGLE_PAY:
-                    return PAYMENT_MODE.GOOGLE_PAY;
                 default:
                     return undefined;
             }
@@ -2149,7 +1279,7 @@ const ModularCheckout = class {
         });
     }
     render() {
-        return h(Host, { key: '43f4be87e218b23251f2ccac90e0c980bf157d68' });
+        return h(Host, { key: '13f25de7b4273e26e762fe38f032ffd99f2a44c0' });
     }
     get hostEl() { return getElement(this); }
 };
@@ -2845,4 +1975,4 @@ const SezzlePaymentMethod = class {
     }
 };
 
-export { ApplePay as justifi_apple_pay, Summary as justifi_checkout_summary, GooglePay as justifi_google_pay, Header as justifi_header, ModularCheckout as justifi_modular_checkout, PlaidPaymentMethod as justifi_plaid_payment_method, SavedPaymentMethods as justifi_saved_payment_methods, SezzlePaymentMethod as justifi_sezzle_payment_method };
+export { ApplePay as justifi_apple_pay, Summary as justifi_checkout_summary, Header as justifi_header, ModularCheckout as justifi_modular_checkout, PlaidPaymentMethod as justifi_plaid_payment_method, SavedPaymentMethods as justifi_saved_payment_methods, SezzlePaymentMethod as justifi_sezzle_payment_method };