@justifi/webcomponents 6.5.1-rc.5 → 6.7.0

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

@@ -1,150 +1,29 @@
 'use strict';
 
 var index = require('./index-BhI7cJcE.js');
-var Api = require('./Api-BeSnjEuW.js');
+var Api = require('./Api-QUTWjGTy.js');
+var GooglePay$1 = require('./GooglePay-BwiJ_80p.js');
 var styledHost = require('./styled-host-D5g7INLE.js');
 require('./event-types-YOY5TKUN.js');
-var skeleton = require('./skeleton-BF3HGL9X.js');
-var checkout_store = require('./checkout.store-BA6h-dp2.js');
-var parts = require('./parts-Pb06tUMp.js');
-var utils = require('./utils-Bab-tddY.js');
-var header1 = require('./header-1-CBO8uDuZ.js');
-var insuranceState = require('./insurance-state-BMHITXoD.js');
-var header3 = require('./header-3-CPWtI1t0.js');
-var checkPkgVersion = require('./check-pkg-version-T54BeR4n.js');
+var skeleton = require('./skeleton-B8dzxFFr.js');
+var parts = require('./parts-BVbaniVM.js');
+var utils = require('./utils-D4WPxuzW.js');
+var index$1 = require('./index-CajjbB9t.js');
+var header1 = require('./header-1-Bqejh9no.js');
+var insuranceState = require('./insurance-state-DsGnIHMM.js');
+var header3 = require('./header-3-DQ649Me2.js');
+var checkPkgVersion = require('./check-pkg-version-nSgWWvdw.js');
 require('./config-state-CYoBVAca.js');
 require('./dinero-BwNN_k7x.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var Refund = require('./Refund-Blquw3jZ.js');
 require('./Pagination-Dediz133.js');
 require('./Business-DWHy_-z9.js');
 require('./Dispute-CruQTF6_.js');
 var utils$1 = require('./utils-DvUQQLmR.js');
-var checkout_service = require('./checkout.service-BEU6CI0t.js');
-var index$1 = require('./index-C2ITzalN.js');
+var checkout_service = require('./checkout.service-CwelwhrT.js');
 var paymentMethodOptionUtils = require('./payment-method-option-utils-WYHIHy-l.js');
 require('./index-mmd0OhmD.js');
-require('./package-JstJdxIu.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,
-        ];
-    }
-}
+require('./package-B8gOzTFM.js');
 
 // Centralized error codes for Apple Pay service
 var ApplePayServiceErrorCode;
@@ -163,7 +42,7 @@ class ApplePayService {
      * Initialize Apple Pay configuration
      */
     initialize(applePayConfig) {
-        this.applePayConfig = new ApplePayConfig(applePayConfig);
+        this.applePayConfig = new GooglePay$1.ApplePayConfig(applePayConfig);
         if (!this.applePayConfig.isValid) {
             throw new Error('Invalid Apple Pay configuration provided');
         }
@@ -214,7 +93,7 @@ class ApplePayService {
      * Check if Apple Pay is available on this device/browser
      */
     isAvailable() {
-        return (ApplePayHelpers.isApplePaySupported() && ApplePayHelpers.canMakePayments());
+        return (GooglePay$1.ApplePayHelpers.isApplePaySupported() && GooglePay$1.ApplePayHelpers.canMakePayments());
     }
     /**
      * Check if the user has an active card for the merchant
@@ -223,7 +102,7 @@ class ApplePayService {
         if (!this.applePayConfig) {
             throw new Error('Apple Pay not initialized. Call initialize() first.');
         }
-        return await ApplePayHelpers.canMakePaymentsWithActiveCard(this.applePayConfig.merchantIdentifier);
+        return await GooglePay$1.ApplePayHelpers.canMakePaymentsWithActiveCard(this.applePayConfig.merchantIdentifier);
     }
     /**
      * Start Apple Pay session
@@ -237,7 +116,7 @@ class ApplePayService {
         // if (!this.isAvailable()) {
         //   throw new Error('Apple Pay is not available on this device/browser');
         // }
-        const request = new ApplePayPaymentRequest(paymentRequest);
+        const request = new GooglePay$1.ApplePayPaymentRequest(paymentRequest);
         if (!request.isValid) {
             const missingFields = [];
             if (!request.countryCode)
@@ -348,13 +227,13 @@ class ApplePayService {
                 const payment = event.payment;
                 const paymentPayload = Object.assign(Object.assign({}, payment.token), { product_details: {
                         name: this.currentPaymentRequest.total.label,
-                        price: ApplePayHelpers.parseAmount(this.currentPaymentRequest.total.amount),
+                        price: GooglePay$1.ApplePayHelpers.parseAmount(this.currentPaymentRequest.total.amount),
                         description: this.currentPaymentRequest.total.label,
                     } });
                 const paymentResult = await this.processPayment(authToken, accountId, paymentPayload);
                 if (paymentResult.success) {
                     this.currentSession.completePayment({
-                        status: ApplePaySessionStatus.STATUS_SUCCESS,
+                        status: GooglePay$1.ApplePaySessionStatus.STATUS_SUCCESS,
                     });
                     resolve({
                         success: true,
@@ -365,7 +244,7 @@ class ApplePayService {
                 else {
                     console.error('PSP reported payment failure:', paymentResult.data);
                     this.currentSession.completePayment({
-                        status: ApplePaySessionStatus.STATUS_FAILURE,
+                        status: GooglePay$1.ApplePaySessionStatus.STATUS_FAILURE,
                     });
                     reject({
                         success: false,
@@ -383,7 +262,7 @@ class ApplePayService {
                     console.error('Error stack:', error.stack);
                 }
                 this.currentSession.completePayment({
-                    status: ApplePaySessionStatus.STATUS_FAILURE,
+                    status: GooglePay$1.ApplePaySessionStatus.STATUS_FAILURE,
                 });
                 reject({
                     success: false,
@@ -415,7 +294,7 @@ class ApplePayService {
         };
         this.currentSession.onshippingmethodselected = () => {
             this.currentSession.completeShippingMethodSelection({
-                status: ApplePaySessionStatus.STATUS_SUCCESS,
+                status: GooglePay$1.ApplePaySessionStatus.STATUS_SUCCESS,
                 newTotal: this.currentPaymentRequest.total,
                 newLineItems: this.currentPaymentRequest.lineItems || [],
             });
@@ -475,9 +354,9 @@ class ApplePayService {
         return {
             countryCode,
             currencyCode,
-            merchantCapabilities: ApplePayHelpers.getDefaultMerchantCapabilities(),
-            supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
-            total: ApplePayHelpers.createLineItem(label, amount),
+            merchantCapabilities: GooglePay$1.ApplePayHelpers.getDefaultMerchantCapabilities(),
+            supportedNetworks: GooglePay$1.ApplePayHelpers.getDefaultSupportedNetworks(),
+            total: GooglePay$1.ApplePayHelpers.createLineItem(label, amount),
         };
     }
     /**
@@ -496,30 +375,30 @@ const ApplePaySkeleton = (props) => {
     return (index.h("div", { class: 'container-fluid p-0' }, index.h("div", { class: 'row mb-3' }, index.h("div", { class: 'col-12 align-content-center' }, index.h(skeleton.Skeleton, { height: '44px', width: '100%', styles: { borderRadius: "8px" } })))));
 };
 
-const ProcessingSpinner = () => (index.h("div", { class: 'processing-overlay' }, index.h("div", { class: 'spinner' }), index.h("span", null, "Processing...")));
+const ProcessingSpinner$1 = () => (index.h("div", { class: 'processing-overlay' }, index.h("div", { class: 'spinner' }), index.h("span", null, "Processing...")));
 const ApplePayButton = (props) => {
     const getApplePayButtonClass = () => {
         let classes = "apple-pay-button";
         switch (props.buttonStyle) {
-            case ApplePayButtonStyle.WHITE:
+            case GooglePay$1.ApplePayButtonStyle.WHITE:
                 classes += " apple-pay-button-white";
                 break;
-            case ApplePayButtonStyle.WHITE_OUTLINE:
+            case GooglePay$1.ApplePayButtonStyle.WHITE_OUTLINE:
                 classes += " apple-pay-button-white-outline";
                 break;
-            case ApplePayButtonStyle.BLACK:
+            case GooglePay$1.ApplePayButtonStyle.BLACK:
             default:
                 classes += " apple-pay-button-black";
                 break;
         }
         switch (props.buttonType) {
-            case ApplePayButtonType.BUY:
+            case GooglePay$1.ApplePayButtonType.BUY:
                 classes += " apple-pay-button-type-buy";
                 break;
-            case ApplePayButtonType.DONATE:
+            case GooglePay$1.ApplePayButtonType.DONATE:
                 classes += " apple-pay-button-type-donate";
                 break;
-            case ApplePayButtonType.PLAIN:
+            case GooglePay$1.ApplePayButtonType.PLAIN:
             default:
                 classes += " apple-pay-button-type-plain";
                 break;
@@ -540,7 +419,7 @@ const ApplePayButton = (props) => {
     return (index.h("div", { class: 'apple-pay-button-container' }, index.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()), index.h("style", null, `
+        }, onClick: handleClick, disabled: props.disabled || props.isProcessing || !props.isAvailable, "aria-label": 'Pay with Apple Pay', type: 'button' }, props), props.isProcessing && ProcessingSpinner$1()), index.h("style", null, `
           .apple-pay-button-container {
             display: block;
             position: relative;
@@ -650,8 +529,8 @@ const ApplePay = class {
         this.merchantIdentifier = "merchant.com.staging-justifi.checkout-dev";
         this.merchantDisplayName = "JustiFi Checkout";
         this.initiativeContext = "dev-checkout.justifi-staging.com";
-        this.buttonType = ApplePayButtonType.PLAIN;
-        this.buttonStyle = ApplePayButtonStyle.BLACK;
+        this.buttonType = GooglePay$1.ApplePayButtonType.PLAIN;
+        this.buttonStyle = GooglePay$1.ApplePayButtonStyle.BLACK;
         this.disabled = false;
         this.showSkeleton = true;
         this.width = "100%";
@@ -673,16 +552,16 @@ const ApplePay = class {
                 this.applePayStarted.emit();
                 const paymentRequest = {
                     countryCode: this.countryCode,
-                    currencyCode: checkout_store.checkoutStore.paymentCurrency,
+                    currencyCode: GooglePay$1.checkoutStore.paymentCurrency,
                     merchantCapabilities: [
-                        ApplePayMerchantCapability.SUPPORTS_3DS,
-                        ApplePayMerchantCapability.SUPPORTS_CREDIT,
-                        ApplePayMerchantCapability.SUPPORTS_DEBIT,
+                        GooglePay$1.ApplePayMerchantCapability.SUPPORTS_3DS,
+                        GooglePay$1.ApplePayMerchantCapability.SUPPORTS_CREDIT,
+                        GooglePay$1.ApplePayMerchantCapability.SUPPORTS_DEBIT,
                     ],
-                    supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
-                    total: ApplePayHelpers.createLineItem(checkout_store.checkoutStore.paymentDescription, checkout_store.checkoutStore.paymentAmount),
+                    supportedNetworks: GooglePay$1.ApplePayHelpers.getDefaultSupportedNetworks(),
+                    total: GooglePay$1.ApplePayHelpers.createLineItem(GooglePay$1.checkoutStore.paymentDescription, GooglePay$1.checkoutStore.paymentAmount),
                 };
-                const result = await this.applePayService.startPaymentSession(paymentRequest, checkout_store.checkoutStore.authToken, checkout_store.checkoutStore.accountId);
+                const result = await this.applePayService.startPaymentSession(paymentRequest, GooglePay$1.checkoutStore.authToken, GooglePay$1.checkoutStore.accountId);
                 if (result.success) {
                     this.applePayCompleted.emit({
                         success: true,
@@ -720,24 +599,24 @@ const ApplePay = class {
             this.isLoading = true;
             this.error = null;
             this.isConfigValid = true;
-            const hasRequiredConfig = Boolean(checkout_store.checkoutStore.paymentAmount) &&
-                Boolean(checkout_store.checkoutStore.paymentCurrency) &&
-                Boolean(checkout_store.checkoutStore.authToken);
+            const hasRequiredConfig = Boolean(GooglePay$1.checkoutStore.paymentAmount) &&
+                Boolean(GooglePay$1.checkoutStore.paymentCurrency) &&
+                Boolean(GooglePay$1.checkoutStore.authToken);
             if (!hasRequiredConfig) {
                 this.error = "Missing required Apple Pay configuration";
                 this.isConfigValid = false;
                 console.error("Apple Pay config error: missing required values", {
-                    paymentAmount: checkout_store.checkoutStore.paymentAmount,
-                    paymentCurrency: checkout_store.checkoutStore.paymentCurrency,
-                    hasAuthToken: Boolean(checkout_store.checkoutStore.authToken),
-                    accountId: checkout_store.checkoutStore.accountId,
+                    paymentAmount: GooglePay$1.checkoutStore.paymentAmount,
+                    paymentCurrency: GooglePay$1.checkoutStore.paymentCurrency,
+                    hasAuthToken: Boolean(GooglePay$1.checkoutStore.authToken),
+                    accountId: GooglePay$1.checkoutStore.accountId,
                 });
                 this.applePayError.emit({ error: this.error, code: ApplePay.ErrorCode.CONFIG_ERROR });
                 this.isLoading = false;
                 return;
             }
-            this.isAvailable = ApplePayHelpers.isApplePaySupported();
-            this.canMakePayments = ApplePayHelpers.canMakePayments();
+            this.isAvailable = GooglePay$1.ApplePayHelpers.isApplePaySupported();
+            this.canMakePayments = GooglePay$1.ApplePayHelpers.canMakePayments();
             if (!this.isAvailable) {
                 this.error = "Apple Pay is not supported on this device";
                 console.error(this.error);
@@ -786,7 +665,7 @@ const ApplePay = class {
         if (!this.isAvailable) {
             return [];
         }
-        return ApplePayHelpers.getDefaultSupportedNetworks();
+        return GooglePay$1.ApplePayHelpers.getDefaultSupportedNetworks();
     }
     async abort() {
         this.applePayService.abortPaymentSession();
@@ -794,7 +673,7 @@ const ApplePay = class {
         this.applePayCancelled.emit();
     }
     render() {
-        if (!checkout_store.checkoutStore.applePayEnabled) {
+        if (!GooglePay$1.checkoutStore.applePayEnabled) {
             // Render nothing when Apple Pay is disabled at the checkout settings level
             return null;
         }
@@ -802,7 +681,7 @@ const ApplePay = class {
             this.isAvailable &&
             this.canMakePayments &&
             this.isConfigValid;
-        return (index.h(styledHost.StyledHost, null, checkout_store.checkoutStore.checkoutLoaded && (index.h("script", { async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
+        return (index.h(styledHost.StyledHost, null, GooglePay$1.checkoutStore.checkoutLoaded && (index.h("script", { async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
                 this.initializeApplePay();
             } })), index.h("div", { class: 'apple-pay-container' }, index.h(ApplePaySkeleton, { isLoading: this.isLoading }), isReady && (index.h(ApplePayButton, { buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick, width: this.width, height: this.height }))), index.h("style", null, `
             .apple-pay-container {
@@ -825,8 +704,736 @@ const Summary = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(styledHost.StyledHost, { key: 'fd2c61dcafdc800d0064c19d29c6e007aed5adb5' }, index.h("section", { key: 'f2abef1233f3ccad3982d10c61ec5765e13e27a5' }, index.h("div", { key: '713d66ef6f7e2fc73135e765069baba6df976f52' }, index.h("div", { key: 'b8dd28f257948aa317366fe3ea6d2bc4911ef164', part: parts.text }, checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.paymentDescription), index.h("div", { key: '675676b40de7dc27d07bfafc0eee77eb855a3d26' }, index.h("span", { key: 'cbd47994d9c3f1518741a298de3f5d62a0ad5313', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: '614748853f666f1b072d4fa9b14ee15ef5717112', part: parts.text }, utils.formatCurrency(+(checkout_store.checkoutStore === null || checkout_store.checkoutStore === void 0 ? void 0 : checkout_store.checkoutStore.totalAmount))))))));
+        return (index.h(styledHost.StyledHost, { key: '38b0a855a7ad68b4c979d045a41efa20937cf476' }, index.h("section", { key: 'bbe4a0d26a95b0abd108370070fb861311724df8' }, index.h("div", { key: 'f322ecda85700c1e232b3f620b672f4eef103e97' }, index.h("div", { key: 'e59c6b19e0f27f7ab99380ead3f734a7e45cc1f1', part: parts.text }, GooglePay$1.checkoutStore === null || GooglePay$1.checkoutStore === void 0 ? void 0 : GooglePay$1.checkoutStore.paymentDescription), index.h("div", { key: '2fae7125889051d87571d9fb7c42ad3646e3ce07' }, index.h("span", { key: '757941148dccea14941f6216f90af8721fbe6cb9', part: parts.text }, "Total"), "\u00A0", index.h("span", { key: 'ee50f026f64df4f73e0f6b087470a2154f4d0b4b', part: parts.text }, utils.formatCurrency(+(GooglePay$1.checkoutStore === null || GooglePay$1.checkoutStore === void 0 ? void 0 : GooglePay$1.checkoutStore.totalAmount))))))));
+    }
+};
+
+const PROCESS_TOKEN_ENDPOINT = 'google_pay/process_token';
+class GooglePayService {
+    constructor() {
+        this.api = Api.Api();
+    }
+    /**
+     * Initialize Google Pay configuration
+     */
+    initialize(googlePayConfig) {
+        this.googlePayConfig = new GooglePay$1.GooglePayConfig(googlePayConfig);
+        if (!this.googlePayConfig.isValid) {
+            throw new Error('Invalid Google Pay configuration provided');
+        }
+        // Create Google Pay client
+        this.googlePayClient = GooglePay$1.GooglePayHelpers.createGooglePayClient(this.googlePayConfig.environment);
+        if (!this.googlePayClient) {
+            throw new Error('Failed to create Google Pay client');
+        }
+        // No debug logs
+    }
+    /**
+     * Process Google Pay payment via API
+     */
+    async processPayment(authToken, accountId, payload) {
+        const endpoint = PROCESS_TOKEN_ENDPOINT;
+        try {
+            const result = await this.api.post({
+                endpoint,
+                authToken,
+                body: payload,
+                headers: {
+                    'sub-account': accountId,
+                },
+            });
+            return {
+                success: result.id && !!result.data.token,
+                data: result,
+            };
+        }
+        catch (_error) {
+            throw new Error('Google Pay payment processing failed');
+        }
+    }
+    /**
+     * Check if Google Pay is available on this device/browser
+     */
+    isAvailable() {
+        return GooglePay$1.GooglePayHelpers.isGooglePaySupported() && !!this.googlePayClient;
+    }
+    /**
+     * Check if the user can make payments with Google Pay
+     */
+    async canMakePayments() {
+        if (!this.googlePayClient || !this.googlePayConfig) {
+            return false;
+        }
+        try {
+            const baseRequest = GooglePay$1.GooglePayHelpers.createBasePaymentDataRequest();
+            const response = await this.googlePayClient.isReadyToPay(baseRequest);
+            return response.result;
+        }
+        catch (_error) {
+            return false;
+        }
+    }
+    /**
+     * Start Google Pay payment session
+     */
+    async startPaymentSession(paymentDataRequest, authToken, accountId) {
+        var _a;
+        if (!this.googlePayConfig || !this.googlePayClient) {
+            throw new Error('Google Pay not initialized. Call initialize() first.');
+        }
+        if (!this.isAvailable()) {
+            throw new Error('Google Pay is not available on this device/browser');
+        }
+        const request = new GooglePay$1.GooglePayPaymentDataRequest(paymentDataRequest);
+        if (!request.isValid) {
+            throw new Error('Invalid payment data request provided');
+        }
+        try {
+            const paymentData = await this.googlePayClient.loadPaymentData(request);
+            // 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;
+            const tokenObj = (() => {
+                if ((tokenizationData === null || tokenizationData === void 0 ? void 0 : tokenizationData.token) &&
+                    typeof tokenizationData.token === 'string') {
+                    try {
+                        return JSON.parse(tokenizationData.token);
+                    }
+                    catch (_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,
+            };
+            const paymentResult = await this.processPayment(authToken, accountId, tokenProcessRequest);
+            if (paymentResult.success) {
+                return {
+                    success: true,
+                    paymentData: paymentData,
+                    paymentMethodId: paymentResult.data.id,
+                };
+            }
+            else {
+                return {
+                    success: false,
+                    error: {
+                        code: 'PAYMENT_PROCESSING_ERROR',
+                        message: 'Payment processing failed',
+                    },
+                };
+            }
+        }
+        catch (error) {
+            // Handle different types of errors
+            if (error && typeof error === 'object' && 'statusCode' in error) {
+                const googlePayError = error;
+                switch (googlePayError.statusCode) {
+                    case 'CANCELED':
+                        return {
+                            success: false,
+                            error: {
+                                code: 'USER_CANCELLED',
+                                message: 'User cancelled the Google Pay session',
+                            },
+                        };
+                    case 'DEVELOPER_ERROR':
+                        return {
+                            success: false,
+                            error: {
+                                code: 'DEVELOPER_ERROR',
+                                message: 'Google Pay configuration error',
+                            },
+                        };
+                    default:
+                        return {
+                            success: false,
+                            error: {
+                                code: 'PAYMENT_ERROR',
+                                message: googlePayError.statusMessage || 'Google Pay payment failed',
+                            },
+                        };
+                }
+            }
+            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) {
+        if (!this.googlePayClient) {
+            return;
+        }
+        const request = new GooglePay$1.GooglePayPaymentDataRequest(paymentDataRequest);
+        if (!request.isValid) {
+            return;
+        }
+        try {
+            this.googlePayClient.prefetchPaymentData(request);
+        }
+        catch (_error) { }
+    }
+    /**
+     * Create a basic payment data request
+     */
+    static createPaymentDataRequest(amount, label, countryCode = 'US', currencyCode = 'USD', merchantName) {
+        const request = {
+            apiVersion: 2,
+            apiVersionMinor: 0,
+            allowedPaymentMethods: [GooglePay$1.GooglePayHelpers.createPaymentMethodData()],
+            transactionInfo: {
+                countryCode,
+                currencyCode,
+                totalPriceStatus: 'FINAL',
+                totalPrice: GooglePay$1.GooglePayHelpers.formatAmount(amount),
+                totalPriceLabel: label,
+            },
+            merchantInfo: {
+                merchantName,
+            },
+        };
+        // No debug logs
+        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 (index.h("div", { class: 'container-fluid p-0' }, index.h("div", { class: 'row mb-3' }, index.h("div", { class: 'col-12 align-content-center' }, index.h(skeleton.Skeleton, { height: '44px', width: '100%', styles: { borderRadius: "8px" } })))));
+};
+
+const ProcessingSpinner = () => (index.h("div", { class: 'processing-overlay' }, index.h("div", { class: 'spinner' }), index.h("span", null, "Processing...")));
+const GooglePayButton = (props) => {
+    const getGooglePayButtonClass = () => {
+        let classes = "google-pay-button";
+        // Button style
+        switch (props.buttonStyle) {
+            case GooglePay$1.GooglePayButtonStyle.WHITE:
+                classes += " google-pay-button-white";
+                break;
+            case GooglePay$1.GooglePayButtonStyle.BLACK:
+            default:
+                classes += " google-pay-button-black";
+                break;
+        }
+        // Button type
+        switch (props.buttonType) {
+            case GooglePay$1.GooglePayButtonType.BUY:
+                classes += " google-pay-button-type-buy";
+                break;
+            case GooglePay$1.GooglePayButtonType.BOOK:
+                classes += " google-pay-button-type-book";
+                break;
+            case GooglePay$1.GooglePayButtonType.CHECKOUT:
+                classes += " google-pay-button-type-checkout";
+                break;
+            case GooglePay$1.GooglePayButtonType.DONATE:
+                classes += " google-pay-button-type-donate";
+                break;
+            case GooglePay$1.GooglePayButtonType.ORDER:
+                classes += " google-pay-button-type-order";
+                break;
+            case GooglePay$1.GooglePayButtonType.PAY:
+                classes += " google-pay-button-type-pay";
+                break;
+            case GooglePay$1.GooglePayButtonType.SUBSCRIBE:
+                classes += " google-pay-button-type-subscribe";
+                break;
+            case GooglePay$1.GooglePayButtonType.PLAIN:
+            default:
+                classes += " google-pay-button-type-plain";
+                break;
+        }
+        // Size mode
+        switch (props.buttonSizeMode) {
+            case GooglePay$1.GooglePayButtonSizeMode.FILL:
+                classes += " google-pay-button-fill";
+                break;
+            case GooglePay$1.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 === GooglePay$1.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 (index.h("div", { class: "google-pay-button-container" }, index.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(), index.h("div", { class: 'google-pay-button-content' }, index.h("svg", { width: "41", height: "17", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { fill: "none", "fill-rule": "evenodd" }, index.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" }), index.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" }), index.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" }), index.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" }), index.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" }))))), index.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) {
+        index.registerInstance(this, hostRef);
+        this.googlePayCancelled = index.createEvent(this, "googlePayCancelled");
+        this.googlePayCompleted = index.createEvent(this, "googlePayCompleted");
+        this.googlePayStarted = index.createEvent(this, "googlePayStarted");
+        this.unsubscribes = [];
+        this.canMakePayments = false;
+        this.error = null;
+        this.isAvailable = false;
+        this.isLoading = true;
+        this.isProcessing = false;
+        this.buttonSizeMode = GooglePay$1.GooglePayButtonSizeMode.FILL;
+        this.buttonStyle = GooglePay$1.GooglePayButtonStyle.BLACK;
+        this.buttonType = GooglePay$1.GooglePayButtonType.PLAIN;
+        this.countryCode = "US";
+        this.disabled = false;
+        this.environment = GooglePay$1.GooglePayEnvironment.PRODUCTION;
+        this.merchantId = "gateway:justifi";
+        this.merchantName = "justifi";
+        this.showSkeleton = true;
+        this.handleGooglePayClick = async () => {
+            var _a;
+            if (this.isProcessing ||
+                this.disabled ||
+                !this.isAvailable ||
+                !this.canMakePayments) {
+                return;
+            }
+            try {
+                this.isProcessing = true;
+                this.error = null;
+                this.googlePayStarted.emit();
+                const paymentDataRequest = this.createPaymentDataRequest();
+                const result = await this.googlePayService.startPaymentSession(paymentDataRequest, GooglePay$1.checkoutStore.authToken, GooglePay$1.checkoutStore.accountId);
+                if (result.success) {
+                    this.googlePayCompleted.emit({
+                        success: true,
+                        paymentData: result.paymentData,
+                        paymentMethodId: result.paymentMethodId,
+                    });
+                }
+                else {
+                    this.googlePayCompleted.emit({
+                        success: false,
+                        error: result.error,
+                    });
+                    if (((_a = result.error) === null || _a === void 0 ? void 0 : _a.code) === "USER_CANCELLED") {
+                        this.googlePayCancelled.emit();
+                    }
+                }
+            }
+            catch (error) {
+                const errorMessage = error instanceof Error ? error.message : "Payment failed";
+                this.error = errorMessage;
+                this.googlePayCompleted.emit({
+                    success: false,
+                    error: errorMessage,
+                });
+            }
+            finally {
+                this.isProcessing = false;
+            }
+        };
+    }
+    watchConfigChange() {
+        this.initializeGooglePay();
+    }
+    componentWillLoad() {
+        this.googlePayService = new GooglePayService();
+    }
+    componentDidLoad() {
+        const unsub = GooglePay$1.onChange("paymentAmount", () => {
+            this.prefetchPaymentData();
+        });
+        if (typeof unsub === 'function')
+            this.unsubscribes.push(unsub);
+        const unsubCurrency = GooglePay$1.onChange("paymentCurrency", () => {
+            this.prefetchPaymentData();
+        });
+        if (typeof unsubCurrency === 'function')
+            this.unsubscribes.push(unsubCurrency);
+        const unsubDesc = GooglePay$1.onChange("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 GooglePay$1.GooglePayHelpers.getDefaultAuthMethods();
+    }
+    /**
+     * Returns supported card networks when Google Pay is available.
+     */
+    async getSupportedNetworks() {
+        if (!this.isAvailable) {
+            return [];
+        }
+        return GooglePay$1.GooglePayHelpers.getDefaultSupportedNetworks();
+    }
+    /**
+     * Select Google Pay in the modular checkout parent.
+     */
+    async handleSelectionClick() {
+        GooglePay$1.checkoutStore.selectedPaymentMethod = { type: index$1.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() {
+        if (!this.isAvailable || !this.canMakePayments) {
+            return;
+        }
+        const paymentDataRequest = this.createPaymentDataRequest();
+        this.googlePayService.prefetchPaymentData(paymentDataRequest);
+    }
+    async initializeGooglePay() {
+        try {
+            this.isLoading = true;
+            this.error = null;
+            if (!GooglePay$1.checkoutStore.paymentAmount) {
+                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,
+            };
+            this.googlePayService.initialize(googlePayConfig);
+            this.isAvailable = this.googlePayService.isAvailable();
+            if (!this.isAvailable) {
+                this.error = "Google Pay is not supported on this device";
+                this.isLoading = false;
+                return;
+            }
+            this.canMakePayments = await this.googlePayService.canMakePayments();
+            if (!this.canMakePayments) {
+                this.error = "Google Pay is not available for payments";
+                this.isLoading = false;
+                return;
+            }
+            const paymentDataRequest = this.createPaymentDataRequest();
+            this.googlePayService.prefetchPaymentData(paymentDataRequest);
+        }
+        catch (error) {
+            this.error =
+                error instanceof Error
+                    ? error.message
+                    : "Failed to initialize Google Pay";
+        }
+        finally {
+            this.isLoading = false;
+        }
+    }
+    createPaymentDataRequest() {
+        return GooglePayService.createPaymentDataRequest(GooglePay$1.checkoutStore.paymentAmount, GooglePay$1.checkoutStore.paymentDescription, this.countryCode, GooglePay$1.checkoutStore.paymentCurrency, this.merchantName);
+    }
+    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 (index.h(styledHost.StyledHost, { key: '1f0b34c9821cc3442d470ffe63abce283f81fa89' }, GooglePay$1.checkoutStore.checkoutLoaded && (index.h("script", { key: '0d5e5f405b50629e6dc80a545a06a4dafc341e64', async: true, src: 'https://pay.google.com/gp/p/js/pay.js', onLoad: () => {
+                this.initializeGooglePay();
+            } })), index.h("div", { key: '83a35cff20c0b1c4de521a845a6fb964c81dfcae', class: 'google-pay-container' }, index.h(GooglePaySkeleton, { key: '245833ba9f530d3e9e35373cd8b22dff00451561', isLoading: this.isLoading }), showError && (index.h("div", { key: 'e47b0aeffae5b749fe1da9b8bd00e2aafe9d6616', class: 'google-pay-error', role: 'alert', "data-testid": 'gp-error' }, index.h("span", { key: 'd1dd1d928868b0917be696deecac2db51a8b2356', class: 'error-icon' }, "\u26A0\uFE0F"), index.h("span", { key: '132c4a4fe9f635752f2c831f9fac46bf44f9414c', class: 'error-message' }, this.error))), showDeviceUnavailable && (index.h("div", { key: 'c376807e7b7d4eecf739ce2b7665c18cd36b7d6c', class: 'google-pay-unavailable', "data-testid": 'gp-device-unavailable' }, index.h("span", { key: '515f96d8a7edae2654ca900d4c6bdc31c0569dba', class: 'unavailable-message' }, "Google Pay is not available on this device"))), showPaymentsUnavailable && (index.h("div", { key: '917571ced603e504034d155f1066b8a47ad7db5b', class: 'google-pay-unavailable', "data-testid": 'gp-payments-unavailable' }, index.h("span", { key: 'd5a25481c52b9c781e7602014d41502a37ef41fb', class: 'unavailable-message' }, "Google Pay is not available for payments"))), showButton && (index.h(GooglePayButton, { key: 'ac9f2d4cef0f9f5bab2042e327182edba310d6c8', "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 }))), index.h("style", { key: 'ead06da7b7b599bd68829a95d2725339ec40f44d' }, `
+            .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 {
@@ -841,7 +1448,7 @@ const Header = class {
     }
     render() {
         const HeaderComponent = this.levels[this.level];
-        return (index.h(styledHost.StyledHost, { key: 'd4871da09451d40b27220a207ee72317ed9b1b9f' }, index.h(HeaderComponent, { key: 'f7de159fa6395ef4024f48b868369f8d10edf64e', text: this.text, class: this.class })));
+        return (index.h(styledHost.StyledHost, { key: 'e448c85b2268df923662a0ff71bf4d178dcfc910' }, index.h(HeaderComponent, { key: 'c76766a1ab006ea4b5eb7e0ad8a6b294d52283a0', text: this.text, class: this.class })));
     }
 };
 
@@ -927,11 +1534,30 @@ const ModularCheckout = class {
         this.submitEvent = index.createEvent(this, "submit-event");
         this.checkoutChangedEvent = index.createEvent(this, "checkout-changed");
         this.plaidService = new PlaidService();
+        this.handleGooglePayCompleted = (event) => {
+            const { success, paymentMethodId, error } = event.detail || {};
+            if (success && paymentMethodId) {
+                GooglePay$1.checkoutStore.paymentToken = paymentMethodId;
+                GooglePay$1.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.GOOGLE_PAY };
+                this.submitCheckout();
+            }
+            else {
+                this.errorEvent.emit({
+                    message: (error && error.message) || "Google Pay payment failed",
+                    errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
+                    severity: ComponentError.ComponentErrorSeverity.ERROR,
+                });
+            }
+        };
+        this.handleGooglePayCancelled = () => {
+            GooglePay$1.checkoutStore.paymentToken = undefined;
+            GooglePay$1.checkoutStore.selectedPaymentMethod = undefined;
+        };
         this.handleApplePayCompleted = (event) => {
             const { success, token, paymentMethodId, error } = event.detail;
             if (success && token) {
-                checkout_store.checkoutStore.paymentToken = paymentMethodId;
-                checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.APPLE_PAY };
+                GooglePay$1.checkoutStore.paymentToken = paymentMethodId;
+                GooglePay$1.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.APPLE_PAY };
                 this.submitCheckout();
             }
             else {
@@ -954,20 +1580,21 @@ const ModularCheckout = class {
             });
         };
         this.handleApplePayCancelled = () => {
-            checkout_store.checkoutStore.paymentToken = undefined;
-            checkout_store.checkoutStore.selectedPaymentMethod = undefined;
+            GooglePay$1.checkoutStore.paymentToken = undefined;
+            GooglePay$1.checkoutStore.selectedPaymentMethod = undefined;
         };
     }
     connectedCallback() {
         this.observer = new MutationObserver(() => {
             this.queryFormRefs();
             this.setupApplePayListeners(); // set up again listeners when DOM changes
+            this.setupGooglePayListeners();
         });
         this.observer.observe(this.hostEl, {
             childList: true,
             subtree: true,
         });
-        checkout_store.checkoutStore.checkoutId = this.checkoutId;
+        GooglePay$1.checkoutStore.checkoutId = this.checkoutId;
         const config = {
             authToken: this.authToken,
             checkoutId: this.checkoutId,
@@ -976,14 +1603,14 @@ const ModularCheckout = class {
         this.getCheckout = makeGetCheckout(config);
         this.completeCheckout = makeCheckoutComplete(config);
         // Emit checkout-changed whenever any store key changes
-        checkout_store.onAnyChange(() => {
+        GooglePay$1.onAnyChange(() => {
             this.emitCheckoutChanged();
         });
     }
     componentWillLoad() {
         this.analytics = new checkPkgVersion.JustifiAnalytics(this);
         checkPkgVersion.checkPkgVersion();
-        checkout_store.checkoutStore.authToken = this.authToken;
+        GooglePay$1.checkoutStore.authToken = this.authToken;
         this.fetchCheckout();
         // Refresh the checkout data when insurance values actually change (not on initial load)
         insuranceState.insuranceValuesOn("set", (key) => {
@@ -996,11 +1623,13 @@ 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) {
@@ -1015,7 +1644,7 @@ const ModularCheckout = class {
             this.getCheckout({
                 onSuccess: ({ checkout }) => {
                     this.updateStore(checkout);
-                    if (checkout.status === Refund.ICheckoutStatus.completed) {
+                    if (checkout.status === GooglePay$1.ICheckoutStatus.completed) {
                         this.errorEvent.emit({
                             message: ComponentError.ComponentErrorMessages.CHECKOUT_ALREADY_COMPLETED,
                             errorCode: ComponentError.ComponentErrorCodes.CHECKOUT_ALREADY_COMPLETED,
@@ -1023,7 +1652,7 @@ const ModularCheckout = class {
                         });
                         return;
                     }
-                    else if (checkout.status === Refund.ICheckoutStatus.expired) {
+                    else if (checkout.status === GooglePay$1.ICheckoutStatus.expired) {
                         this.errorEvent.emit({
                             message: ComponentError.ComponentErrorMessages.CHECKOUT_EXPIRED,
                             errorCode: ComponentError.ComponentErrorCodes.CHECKOUT_EXPIRED,
@@ -1043,35 +1672,37 @@ const ModularCheckout = class {
         }
     }
     updateStore(checkout) {
-        var _a, _b, _c, _d, _e, _f;
-        checkout_store.checkoutStore.accountId = checkout.account_id;
-        checkout_store.checkoutStore.checkoutLoaded = true;
-        checkout_store.checkoutStore.paymentMethods = checkout.payment_methods.map((paymentMethod) => new index$1.PaymentMethod(paymentMethod));
-        checkout_store.checkoutStore.paymentMethodGroupId = checkout.payment_method_group_id;
-        checkout_store.checkoutStore.paymentDescription = checkout.payment_description;
-        checkout_store.checkoutStore.totalAmount = checkout.total_amount;
-        checkout_store.checkoutStore.paymentAmount = checkout.payment_amount;
-        checkout_store.checkoutStore.bnplEnabled = checkout.payment_settings.bnpl_payments;
-        checkout_store.checkoutStore.insuranceEnabled = checkout.payment_settings.insurance_payments;
-        checkout_store.checkoutStore.bankAccountVerification = (_a = checkout.payment_settings) === null || _a === void 0 ? void 0 : _a.bank_account_verification;
-        checkout_store.checkoutStore.applePayEnabled = (_b = checkout.payment_settings) === null || _b === void 0 ? void 0 : _b.apple_payments;
-        checkout_store.checkoutStore.bnplProviderClientId = (_c = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _c === void 0 ? void 0 : _c.provider_client_id;
-        checkout_store.checkoutStore.bnplProviderMode = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_mode;
-        checkout_store.checkoutStore.bnplProviderApiVersion = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_api_version;
-        checkout_store.checkoutStore.bnplProviderCheckoutUrl =
-            (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_checkout_url;
+        var _a, _b, _c, _d, _e, _f, _g;
+        GooglePay$1.checkoutStore.accountId = checkout.account_id;
+        GooglePay$1.checkoutStore.checkoutLoaded = true;
+        GooglePay$1.checkoutStore.paymentMethods = checkout.payment_methods.map((paymentMethod) => new index$1.PaymentMethod(paymentMethod));
+        GooglePay$1.checkoutStore.paymentMethodGroupId = checkout.payment_method_group_id;
+        GooglePay$1.checkoutStore.paymentDescription = checkout.payment_description;
+        GooglePay$1.checkoutStore.totalAmount = checkout.total_amount;
+        GooglePay$1.checkoutStore.paymentAmount = checkout.payment_amount;
+        GooglePay$1.checkoutStore.bnplEnabled = checkout.payment_settings.bnpl_payments;
+        GooglePay$1.checkoutStore.insuranceEnabled = checkout.payment_settings.insurance_payments;
+        GooglePay$1.checkoutStore.bankAccountVerification = (_a = checkout.payment_settings) === null || _a === void 0 ? void 0 : _a.bank_account_verification;
+        GooglePay$1.checkoutStore.applePayEnabled = (_b = checkout.payment_settings) === null || _b === void 0 ? void 0 : _b.apple_payments;
+        GooglePay$1.checkoutStore.googlePayEnabled = (_c = checkout.payment_settings) === null || _c === void 0 ? void 0 : _c.google_payments;
+        GooglePay$1.checkoutStore.bnplProviderClientId = (_d = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _d === void 0 ? void 0 : _d.provider_client_id;
+        GooglePay$1.checkoutStore.bnplProviderMode = (_e = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _e === void 0 ? void 0 : _e.provider_mode;
+        GooglePay$1.checkoutStore.bnplProviderApiVersion = (_f = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _f === void 0 ? void 0 : _f.provider_api_version;
+        GooglePay$1.checkoutStore.bnplProviderCheckoutUrl =
+            (_g = checkout === null || checkout === void 0 ? void 0 : checkout.bnpl) === null || _g === void 0 ? void 0 : _g.provider_checkout_url;
     }
     emitCheckoutChanged() {
         const detail = {
-            availablePaymentMethodTypes: checkout_store.getAvailablePaymentMethodTypes(),
-            selectedPaymentMethod: checkout_store.checkoutStore.selectedPaymentMethod,
-            savedPaymentMethods: checkout_store.checkoutStore.paymentMethods,
+            availablePaymentMethodTypes: GooglePay$1.getAvailablePaymentMethodTypes(),
+            selectedPaymentMethod: GooglePay$1.checkoutStore.selectedPaymentMethod,
+            savedPaymentMethods: GooglePay$1.checkoutStore.paymentMethods,
         };
         this.checkoutChangedEvent.emit(detail);
     }
     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');
@@ -1090,40 +1721,52 @@ 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 : {};
         const combinedBillingInfo = Object.assign(Object.assign({}, tokenizeArgs), billingInfoValues);
-        const paymentMethodMetadata = Object.assign({ accountId: checkout_store.checkoutStore.accountId, payment_method_group_id: undefined }, combinedBillingInfo);
-        if (checkout_store.checkoutStore.savePaymentMethod) {
+        const paymentMethodMetadata = Object.assign({ accountId: GooglePay$1.checkoutStore.accountId, payment_method_group_id: undefined }, combinedBillingInfo);
+        if (GooglePay$1.checkoutStore.savePaymentMethod) {
             paymentMethodMetadata.payment_method_group_id =
-                checkout_store.checkoutStore.paymentMethodGroupId;
+                GooglePay$1.checkoutStore.paymentMethodGroupId;
         }
         const tokenizeResult = await ((_c = this.paymentMethodFormRef) === null || _c === void 0 ? void 0 : _c.tokenize({
             clientId: this.authToken,
             paymentMethodMetadata,
-            account: checkout_store.checkoutStore.accountId,
+            account: GooglePay$1.checkoutStore.accountId,
         }));
         if (tokenizeResult.error) {
             return tokenizeResult;
         }
-        checkout_store.checkoutStore.paymentToken = tokenizeResult.id;
+        GooglePay$1.checkoutStore.paymentToken = tokenizeResult.id;
         return tokenizeResult.id;
     }
     // set the selected payment method to the checkout store from outside the component
     async setSelectedPaymentMethod(paymentMethod) {
-        checkout_store.checkoutStore.selectedPaymentMethod = paymentMethod;
-        checkout_store.checkoutStore.paymentToken = paymentMethod.id || undefined;
+        GooglePay$1.checkoutStore.selectedPaymentMethod = paymentMethod;
+        GooglePay$1.checkoutStore.paymentToken = paymentMethod.id || undefined;
     }
     // if validation fails, the error will be emitted by the component
     async validate() {
         var _a, _b;
         const promises = [];
-        if (checkout_store.checkoutStore.insuranceEnabled && this.insuranceFormRef) {
+        if (GooglePay$1.checkoutStore.insuranceEnabled && this.insuranceFormRef) {
             promises.push(this.insuranceFormRef.validate());
         }
-        const isNewCard = ((_a = checkout_store.checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === index$1.PAYMENT_METHODS.NEW_CARD;
-        const isNewBankAccount = ((_b = checkout_store.checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT;
+        const isNewCard = ((_a = GooglePay$1.checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === index$1.PAYMENT_METHODS.NEW_CARD;
+        const isNewBankAccount = ((_b = GooglePay$1.checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT;
         // For new card/bank account, validate payment method + billing.
         if (isNewCard || isNewBankAccount) {
             if (this.paymentMethodFormRef)
@@ -1157,7 +1800,7 @@ const ModularCheckout = class {
     async submitCheckout(submitCheckoutArgs) {
         var _a, _b, _c, _d, _e;
         const isValid = await this.validate();
-        if (!checkout_store.checkoutStore.selectedPaymentMethod) {
+        if (!GooglePay$1.checkoutStore.selectedPaymentMethod) {
             this.errorEvent.emit({
                 message: 'No payment method selected.',
                 errorCode: ComponentError.ComponentErrorCodes.VALIDATION_ERROR,
@@ -1165,9 +1808,9 @@ const ModularCheckout = class {
             });
             return;
         }
-        const isNewCard = ((_a = checkout_store.checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === index$1.PAYMENT_METHODS.NEW_CARD;
-        const isNewBankAccount = ((_b = checkout_store.checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT;
-        const isPlaid = ((_c = checkout_store.checkoutStore.selectedPaymentMethod) === null || _c === void 0 ? void 0 : _c.type) === index$1.PAYMENT_METHODS.PLAID;
+        const isNewCard = ((_a = GooglePay$1.checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === index$1.PAYMENT_METHODS.NEW_CARD;
+        const isNewBankAccount = ((_b = GooglePay$1.checkoutStore.selectedPaymentMethod) === null || _b === void 0 ? void 0 : _b.type) === index$1.PAYMENT_METHODS.NEW_BANK_ACCOUNT;
+        const isPlaid = ((_c = GooglePay$1.checkoutStore.selectedPaymentMethod) === null || _c === void 0 ? void 0 : _c.type) === index$1.PAYMENT_METHODS.PLAID;
         const shouldTokenize = isNewCard || isNewBankAccount;
         if (shouldTokenize) {
             const tokenizeResult = await this.tokenizePaymentMethod(submitCheckoutArgs);
@@ -1181,9 +1824,9 @@ const ModularCheckout = class {
             }
         }
         // For Plaid, perform exchange at submit time using stored public token and link token id
-        if (isPlaid && !checkout_store.checkoutStore.paymentToken) {
-            const publicToken = checkout_store.checkoutStore.plaidPublicToken;
-            const linkTokenId = checkout_store.checkoutStore.plaidLinkTokenId;
+        if (isPlaid && !GooglePay$1.checkoutStore.paymentToken) {
+            const publicToken = GooglePay$1.checkoutStore.plaidPublicToken;
+            const linkTokenId = GooglePay$1.checkoutStore.plaidLinkTokenId;
             if (!publicToken) {
                 this.errorEvent.emit({
                     message: 'Missing Plaid public token. Please connect your bank.',
@@ -1193,7 +1836,7 @@ const ModularCheckout = class {
                 return;
             }
             try {
-                const response = await this.plaidService.tokenizeBankAccount(checkout_store.checkoutStore.authToken, checkout_store.checkoutStore.accountId, publicToken, linkTokenId || undefined, checkout_store.checkoutStore.savePaymentMethod ? checkout_store.checkoutStore.paymentMethodGroupId : undefined);
+                const response = await this.plaidService.tokenizeBankAccount(GooglePay$1.checkoutStore.authToken, GooglePay$1.checkoutStore.accountId, publicToken, linkTokenId || undefined, GooglePay$1.checkoutStore.savePaymentMethod ? GooglePay$1.checkoutStore.paymentMethodGroupId : undefined);
                 if (response === null || response === void 0 ? void 0 : response.error) {
                     this.errorEvent.emit({
                         message: typeof response.error === 'string' ? response.error : response.error.message || 'Failed to tokenize bank account',
@@ -1204,7 +1847,7 @@ const ModularCheckout = class {
                 }
                 const paymentMethod = response === null || response === void 0 ? void 0 : response.data;
                 const token = ((_d = paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.bank_account) === null || _d === void 0 ? void 0 : _d.token) || (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.token) || (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id);
-                checkout_store.checkoutStore.paymentToken = token;
+                GooglePay$1.checkoutStore.paymentToken = token;
             }
             catch (err) {
                 this.errorEvent.emit({
@@ -1223,7 +1866,7 @@ const ModularCheckout = class {
             });
             return;
         }
-        if (!checkout_store.checkoutStore.paymentToken) {
+        if (!GooglePay$1.checkoutStore.paymentToken) {
             this.errorEvent.emit({
                 message: 'Payment token not found.',
                 errorCode: ComponentError.ComponentErrorCodes.TOKENIZE_ERROR,
@@ -1244,16 +1887,18 @@ const ModularCheckout = class {
                     return index$1.PAYMENT_MODE.BNPL;
                 case index$1.PAYMENT_METHODS.APPLE_PAY:
                     return index$1.PAYMENT_MODE.APPLE_PAY;
+                case index$1.PAYMENT_METHODS.GOOGLE_PAY:
+                    return index$1.PAYMENT_MODE.GOOGLE_PAY;
                 default:
                     return undefined;
             }
         };
         payment = {
-            payment_mode: mapTypeToPaymentMode((_e = checkout_store.checkoutStore.selectedPaymentMethod) === null || _e === void 0 ? void 0 : _e.type),
-            payment_token: checkout_store.checkoutStore.paymentToken,
+            payment_mode: mapTypeToPaymentMode((_e = GooglePay$1.checkoutStore.selectedPaymentMethod) === null || _e === void 0 ? void 0 : _e.type),
+            payment_token: GooglePay$1.checkoutStore.paymentToken,
         };
         if (this.preCompleteHook) {
-            const state = checkout_store.getCheckoutState();
+            const state = GooglePay$1.getCheckoutState();
             try {
                 await new Promise((resolve, reject) => {
                     this.preCompleteHook(state, () => resolve(), () => reject());
@@ -1281,7 +1926,7 @@ const ModularCheckout = class {
         });
     }
     render() {
-        return index.h(index.Host, { key: '56a003ca1e1ac4bdc1baa8f862cdb05b2d8af4b1' });
+        return index.h(index.Host, { key: 'e771926ee79c47b09145bd44b47cbba3c21be3eb' });
     }
     get hostEl() { return index.getElement(this); }
 };
@@ -1360,7 +2005,7 @@ const PlaidPaymentMethod = class {
         this.hasLoggedDisabledWarning = false;
         this.waitForStoreAndInitialize = () => {
             // Check if store has necessary data
-            if (checkout_store.checkoutStore.authToken && checkout_store.checkoutStore.accountId && checkout_store.checkoutStore.checkoutId) {
+            if (GooglePay$1.checkoutStore.authToken && GooglePay$1.checkoutStore.accountId && GooglePay$1.checkoutStore.checkoutId) {
                 this.initializePlaidLink();
             }
             else {
@@ -1419,7 +2064,7 @@ const PlaidPaymentMethod = class {
         this.getLinkToken = async () => {
             var _a, _b, _c, _d, _e;
             try {
-                if (!checkout_store.checkoutStore.authToken || !checkout_store.checkoutStore.accountId) {
+                if (!GooglePay$1.checkoutStore.authToken || !GooglePay$1.checkoutStore.accountId) {
                     this.handleError({
                         code: PlaidErrorCodes.PLAID_LINK_TOKEN_FAILED,
                         message: 'Missing authentication. Please refresh the page and try again.',
@@ -1436,7 +2081,7 @@ const PlaidPaymentMethod = class {
                     var _a;
                     (_a = this.abortController) === null || _a === void 0 ? void 0 : _a.abort();
                 }, 30000); // 30 second timeout
-                const response = await this.plaidService.getLinkToken(checkout_store.checkoutStore.authToken, checkout_store.checkoutStore.accountId, checkout_store.checkoutStore.checkoutId, this.abortController.signal);
+                const response = await this.plaidService.getLinkToken(GooglePay$1.checkoutStore.authToken, GooglePay$1.checkoutStore.accountId, GooglePay$1.checkoutStore.checkoutId, this.abortController.signal);
                 // Clear timeout
                 if (this.timeoutId) {
                     clearTimeout(this.timeoutId);
@@ -1453,7 +2098,7 @@ const PlaidPaymentMethod = class {
                 // Try to capture link token id if present in envelope
                 this.linkTokenId = (response === null || response === void 0 ? void 0 : response.id) || ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.id) || null;
                 if (this.linkTokenId) {
-                    checkout_store.checkoutStore.plaidLinkTokenId = this.linkTokenId;
+                    GooglePay$1.checkoutStore.plaidLinkTokenId = this.linkTokenId;
                 }
             }
             catch (error) {
@@ -1526,7 +2171,7 @@ const PlaidPaymentMethod = class {
             // Ensure the component remains selected after successful authentication
             if (!this.isSelected) {
                 this.isSelected = true;
-                checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.PLAID };
+                GooglePay$1.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.PLAID };
             }
             // Emit success event for parent components
             this.plaidErrorRecovered.emit({
@@ -1535,7 +2180,7 @@ const PlaidPaymentMethod = class {
                 severity: ComponentError.ComponentErrorSeverity.INFO
             });
             // Store public token in checkout store; exchange will be handled on submit
-            checkout_store.checkoutStore.plaidPublicToken = publicToken;
+            GooglePay$1.checkoutStore.plaidPublicToken = publicToken;
         };
         // Exchange logic moved to Modular Checkout submit flow.
         this.handlePlaidExit = (err, _metadata) => {
@@ -1677,7 +2322,7 @@ const PlaidPaymentMethod = class {
         // Watch for store changes to sync component state
         this.syncWithStore = () => {
             var _a;
-            const shouldBeSelected = ((_a = checkout_store.checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === index$1.PAYMENT_METHODS.PLAID;
+            const shouldBeSelected = ((_a = GooglePay$1.checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === index$1.PAYMENT_METHODS.PLAID;
             if (this.isSelected !== shouldBeSelected) {
                 this.isSelected = shouldBeSelected;
             }
@@ -1686,8 +2331,8 @@ const PlaidPaymentMethod = class {
     onSelectionChange(newValue) {
         var _a;
         // Ensure store is updated when component selection changes
-        if (newValue && ((_a = checkout_store.checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) !== index$1.PAYMENT_METHODS.PLAID) {
-            checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.PLAID };
+        if (newValue && ((_a = GooglePay$1.checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) !== index$1.PAYMENT_METHODS.PLAID) {
+            GooglePay$1.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.PLAID };
         }
         // Auto-start Plaid flow when selected and ready
         if (newValue &&
@@ -1719,7 +2364,7 @@ const PlaidPaymentMethod = class {
     componentWillLoad() {
         var _a;
         // Initialize selection state based on store
-        this.isSelected = ((_a = checkout_store.checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === index$1.PAYMENT_METHODS.PLAID;
+        this.isSelected = ((_a = GooglePay$1.checkoutStore.selectedPaymentMethod) === null || _a === void 0 ? void 0 : _a.type) === index$1.PAYMENT_METHODS.PLAID;
     }
     async resolvePaymentMethod() {
         if (!this.publicToken) {
@@ -1736,13 +2381,13 @@ const PlaidPaymentMethod = class {
     // Returns a usable payment method token for checkout completion.
     // Will perform the backend exchange if the token is not yet present in the store.
     async getPaymentToken() {
-        return checkout_store.checkoutStore.paymentToken;
+        return GooglePay$1.checkoutStore.paymentToken;
     }
     async handleSelectionClick() {
         // Update local selection state
         this.isSelected = true;
         // Update store selection
-        checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.PLAID };
+        GooglePay$1.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.PLAID };
         // If there's an error, clear it and try to initialize again
         if (this.error) {
             this.clearError();
@@ -1758,7 +2403,7 @@ const PlaidPaymentMethod = class {
     async setSelected(selected) {
         this.isSelected = selected;
         if (selected) {
-            checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.PLAID };
+            GooglePay$1.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.PLAID };
         }
     }
     // Method to check if component is currently selected
@@ -1807,7 +2452,7 @@ const PlaidPaymentMethod = class {
     }
     componentDidLoad() {
         // Set up store change listener to keep component in sync
-        const unsubscribe = checkout_store.onChange('selectedPaymentMethod', this.syncWithStore);
+        const unsubscribe = GooglePay$1.onChange('selectedPaymentMethod', this.syncWithStore);
         // Store unsubscribe function for cleanup
         this.unsubscribeFromStore = unsubscribe;
     }
@@ -1826,7 +2471,7 @@ const PlaidPaymentMethod = class {
     }
     render() {
         // Only allow use if enabled in checkout settings
-        if (checkout_store.checkoutStore.bankAccountVerification !== true) {
+        if (GooglePay$1.checkoutStore.bankAccountVerification !== true) {
             if (!this.hasLoggedDisabledWarning) {
                 // Log once per component lifecycle
                 console.warn('[PlaidPaymentMethod] bank_account_verification is disabled. Component will not render.');
@@ -1877,36 +2522,36 @@ const SavedPaymentMethods = class {
         index.registerInstance(this, hostRef);
         this.onPaymentMethodOptionClick = (paymentMethod) => (e) => {
             e.preventDefault();
-            checkout_store.checkoutStore.selectedPaymentMethod = { id: paymentMethod.id, type: paymentMethod.type };
-            checkout_store.checkoutStore.paymentToken = paymentMethod.id;
+            GooglePay$1.checkoutStore.selectedPaymentMethod = { id: paymentMethod.id, type: paymentMethod.type };
+            GooglePay$1.checkoutStore.paymentToken = paymentMethod.id;
         };
         this.isAllowedPaymentMethod = (paymentMethodType) => {
             const isCard = paymentMethodType === index$1.PAYMENT_METHODS.SAVED_CARD;
             const isBankAccount = paymentMethodType === index$1.PAYMENT_METHODS.SAVED_BANK_ACCOUNT;
-            if (isCard && checkout_store.checkoutStore.disableCreditCard) {
+            if (isCard && GooglePay$1.checkoutStore.disableCreditCard) {
                 return false;
             }
-            if (isBankAccount && checkout_store.checkoutStore.disableBankAccount) {
+            if (isBankAccount && GooglePay$1.checkoutStore.disableBankAccount) {
                 return false;
             }
             return true;
         };
     }
     componentWillLoad() {
-        if (!checkout_store.checkoutStore.paymentMethods.length) {
+        if (!GooglePay$1.checkoutStore.paymentMethods.length) {
             console.warn('No saved payment methods available.');
         }
-        if (checkout_store.checkoutStore.disablePaymentMethodGroup) {
+        if (GooglePay$1.checkoutStore.disablePaymentMethodGroup) {
             console.warn('Payment method group is disabled.');
         }
     }
     render() {
-        if (checkout_store.checkoutStore.disablePaymentMethodGroup) {
+        if (GooglePay$1.checkoutStore.disablePaymentMethodGroup) {
             return null;
         }
-        return (index.h(styledHost.StyledHost, null, index.h("div", { class: "saved-payment-methods" }, checkout_store.checkoutStore.paymentMethods.length ? checkout_store.checkoutStore.paymentMethods
+        return (index.h(styledHost.StyledHost, null, index.h("div", { class: "saved-payment-methods" }, GooglePay$1.checkoutStore.paymentMethods.length ? GooglePay$1.checkoutStore.paymentMethods
             .filter((paymentMethod) => this.isAllowedPaymentMethod(paymentMethod.type))
-            .map((paymentMethod) => (index.h("div", { class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick(paymentMethod) }, index.h("form-control-radio", { name: "paymentMethodType", value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, checked: checkout_store.checkoutStore.paymentToken === (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id), label: `${paymentMethodOptionUtils.CardBrandLabels[paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand] || ''} *${paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.acct_last_four}` })))) : null)));
+            .map((paymentMethod) => (index.h("div", { class: "radio-list-item p-3", part: parts.radioListItem, onClick: this.onPaymentMethodOptionClick(paymentMethod) }, index.h("form-control-radio", { name: "paymentMethodType", value: paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id, checked: GooglePay$1.checkoutStore.paymentToken === (paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.id), label: `${paymentMethodOptionUtils.CardBrandLabels[paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.brand] || ''} *${paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.acct_last_four}` })))) : null)));
     }
 };
 
@@ -1924,20 +2569,20 @@ const SezzlePaymentMethod = class {
         this.initializeSezzleCheckout = () => {
             let resolveSezzlePromise;
             this.sezzlePromise = new Promise((resolve) => { resolveSezzlePromise = resolve; });
-            const amount = Number(checkout_store.checkoutStore.paymentAmount);
+            const amount = Number(GooglePay$1.checkoutStore.paymentAmount);
             const Checkout = window.Checkout;
             const checkout = new Checkout({
                 mode: 'popup',
-                publicKey: checkout_store.checkoutStore.bnplProviderClientId,
-                apiMode: checkout_store.checkoutStore.bnplProviderMode,
-                apiVersion: checkout_store.checkoutStore.bnplProviderApiVersion,
+                publicKey: GooglePay$1.checkoutStore.bnplProviderClientId,
+                apiMode: GooglePay$1.checkoutStore.bnplProviderMode,
+                apiVersion: GooglePay$1.checkoutStore.bnplProviderApiVersion,
             });
             checkout.sezzleButtonElement = this.sezzleButtonRef;
             checkout.init({
                 onClick: function (event) {
                     event.preventDefault();
                     checkout.startCheckout({
-                        checkout_url: checkout_store.checkoutStore.bnplProviderCheckoutUrl,
+                        checkout_url: GooglePay$1.checkoutStore.bnplProviderCheckoutUrl,
                     });
                 },
                 onComplete: (event) => resolveSezzlePromise({ bnpl: event.data }),
@@ -1964,12 +2609,12 @@ const SezzlePaymentMethod = class {
         return this.sezzlePromise;
     }
     async handleSelectionClick() {
-        checkout_store.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.SEZZLE };
+        GooglePay$1.checkoutStore.selectedPaymentMethod = { type: index$1.PAYMENT_METHODS.SEZZLE };
         this.paymentMethodOptionSelected.emit(this.paymentMethodOptionId);
     }
     render() {
         var _a, _b;
-        if (!checkout_store.checkoutStore.bnplEnabled) {
+        if (!GooglePay$1.checkoutStore.bnplEnabled) {
             console.warn('justifi-sezzle-payment-method: BNPL is not enabled for this account.');
             return null;
         }
@@ -1979,6 +2624,7 @@ const SezzlePaymentMethod = class {
 
 exports.justifi_apple_pay = ApplePay;
 exports.justifi_checkout_summary = Summary;
+exports.justifi_google_pay = GooglePay;
 exports.justifi_header = Header;
 exports.justifi_modular_checkout = ModularCheckout;
 exports.justifi_plaid_payment_method = PlaidPaymentMethod;