@justifi/webcomponents 6.0.0-rc.16 → 6.0.0-rc.18

package/dist/esm/justifi-payment-provisioning.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-Bn7inNWG.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Cz8T6Ux8.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DHG-pLKx.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
 import { m as makeGetBusiness, a as makePostProvisioning } from './payment-provisioning-actions-ONP8lDnV.js';
 import { B as BusinessService } from './business.service-cQrH5BqF.js';
@@ -8,7 +8,7 @@ import './Refund-CVh70dXA.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
-import './package-BiTF1__F.js';
+import './package-D34B0fIu.js';
 import './utils-BeQLScSm.js';
 import './config-state-DZeVYerv.js';
 import './index-B_KxSZIF.js';

package/dist/esm/justifi-payment-transactions-list.entry.js

@@ -6,7 +6,7 @@ import { g as PaymentBalanceTransaction } from './Refund-CVh70dXA.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Cz8T6Ux8.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DHG-pLKx.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 import { P as PaymentService } from './payment.service-TxyxCg0E.js';
 import { T as Table, l as TableWrapper, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell } from './table-Br3n9Xu-.js';
@@ -17,7 +17,7 @@ import { N as tableHeadCell, O as getAlternateTableCellPart } from './parts-RvUQ
 import './index-B_KxSZIF.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-BiTF1__F.js';
+import './package-D34B0fIu.js';
 import './Api-DAWuvzbl.js';
 import './spinner-DUzyWLhj.js';
 

package/dist/esm/justifi-payments-list.entry.js

@@ -8,7 +8,7 @@ import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Cz8T6Ux8.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DHG-pLKx.js';
 import { S as StyledHost } from './styled-host-CTAGIN84.js';
 import './event-types-CZfYo5-1.js';
 import { d as defaultColumnsKeys } from './payments-table-gkJV5GNK.js';
@@ -17,7 +17,7 @@ import './utils-BscIVFn8.js';
 import './index-B_KxSZIF.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-BiTF1__F.js';
+import './package-D34B0fIu.js';
 import './payments-status-5orNU2Rd.js';
 import './badge-DSYSJcRy.js';
 import './parts-RvUQ__Pq.js';

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

@@ -9,7 +9,7 @@ import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 import { E as ErrorState } from './utils-Dg6gMUTv.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Cz8T6Ux8.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DHG-pLKx.js';
 import { m as makeGetPayoutCSV } from './get-payout-csv-D-Lnooki.js';
 import './Api-DAWuvzbl.js';
 import './utils-BscIVFn8.js';
@@ -17,7 +17,7 @@ import './index-B_KxSZIF.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './parts-RvUQ__Pq.js';
-import './package-BiTF1__F.js';
+import './package-D34B0fIu.js';
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

package/dist/esm/justifi-payout-transactions-list.entry.js

@@ -6,7 +6,7 @@ import { h as PayoutBalanceTransaction } from './Refund-CVh70dXA.js';
 import { p as pagingDefaults } from './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Cz8T6Ux8.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DHG-pLKx.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 import { P as PayoutService } from './payout.service-BOwZ4wWh.js';
 import { T as Table, l as TableWrapper, a as TableComponent, b as TableHead, c as TableHeadRow, d as TableBody, e as TableLoadingState, f as TableEmptyState, g as TableErrorState, h as TableRow, i as TableFoot, j as TableFootRow, k as TableFootCell } from './table-Br3n9Xu-.js';
@@ -17,7 +17,7 @@ import { N as tableHeadCell, O as getAlternateTableCellPart } from './parts-RvUQ
 import './index-B_KxSZIF.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-BiTF1__F.js';
+import './package-D34B0fIu.js';
 import './Api-DAWuvzbl.js';
 import './spinner-DUzyWLhj.js';
 

package/dist/esm/justifi-payouts-list.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h } from './index-Bn7inNWG.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Cz8T6Ux8.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DHG-pLKx.js';
 import { P as PayoutService } from './payout.service-BOwZ4wWh.js';
 import './config-state-DZeVYerv.js';
 import './dinero-HXpYMWUU.js';
@@ -14,7 +14,7 @@ import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccoun
 import { S as StyledHost } from './styled-host-CTAGIN84.js';
 import './event-types-CZfYo5-1.js';
 import { d as defaultColumnsKeys } from './payouts-table-0PtktGRd.js';
-import './package-BiTF1__F.js';
+import './package-D34B0fIu.js';
 import './Api-DAWuvzbl.js';
 import './utils-BscIVFn8.js';
 import './index-B_KxSZIF.js';

package/dist/esm/justifi-refund-payment.entry.js

@@ -12,7 +12,7 @@ import { S as StyledHost } from './styled-host-CTAGIN84.js';
 import './event-types-CZfYo5-1.js';
 import { P as PaymentService } from './payment.service-TxyxCg0E.js';
 import { m as makeGetPaymentDetails } from './get-payment-details-0VzpMNY9.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Cz8T6Ux8.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DHG-pLKx.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 import { A as Api } from './Api-DAWuvzbl.js';
 import { S as Skeleton } from './skeleton-qMb0_Cjy.js';
@@ -22,7 +22,7 @@ import './index-B_KxSZIF.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './parts-RvUQ__Pq.js';
-import './package-BiTF1__F.js';
+import './package-D34B0fIu.js';
 
 const amountValidation = (maxAmount) => {
     const max = +maxAmount;

package/dist/esm/justifi-season-interruption-insurance.entry.js

@@ -6,7 +6,7 @@ import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Cz8T6Ux8.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DHG-pLKx.js';
 import { c as checkoutStore } from './checkout.store-OD-OX5On.js';
 import { p as processHTML, f as formatCurrency, r as removeAttribute, i as addAttribute } from './utils-BscIVFn8.js';
 import { v as validateInsuranceValues, i as insuranceValues, a as insuranceErrors, H as Header2 } from './insurance-state-CTalqbNa.js';
@@ -18,7 +18,7 @@ import './config-state-DZeVYerv.js';
 import './index-B_KxSZIF.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
-import './package-BiTF1__F.js';
+import './package-D34B0fIu.js';
 import './dinero-HXpYMWUU.js';
 import './index-CbL73B6U.js';
 

package/dist/esm/justifi-terminal-orders-list.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h } from './index-Bn7inNWG.js';
 import { S as StyledHost } from './styled-host-CTAGIN84.js';
 import './event-types-CZfYo5-1.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Cz8T6Ux8.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DHG-pLKx.js';
 import { d as defaultColumnsKeys } from './terminal-orders-table-DTBSIMlJ.js';
 import './config-state-DZeVYerv.js';
 import './dinero-HXpYMWUU.js';
@@ -12,7 +12,7 @@ import './Business-BCoP0TAV.js';
 import './Dispute-BH0Xfn-F.js';
 import { g as getErrorCode, a as getErrorMessage } from './utils-BeQLScSm.js';
 import { A as Api } from './Api-DAWuvzbl.js';
-import './package-BiTF1__F.js';
+import './package-D34B0fIu.js';
 import './parts-RvUQ__Pq.js';
 import './utils-BscIVFn8.js';
 import './badge-DSYSJcRy.js';

package/dist/esm/justifi-terminals-list.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h } from './index-Bn7inNWG.js';
 import { C as ComponentErrorSeverity, a as ComponentErrorCodes } from './ComponentError-Cjcsf8ku.js';
-import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-Cz8T6Ux8.js';
+import { c as checkPkgVersion, J as JustifiAnalytics } from './check-pkg-version-DHG-pLKx.js';
 import { T as TerminalService } from './terminal.service-E6dZlM43.js';
 import './config-state-DZeVYerv.js';
 import './dinero-HXpYMWUU.js';
@@ -13,7 +13,7 @@ import { m as makeGetSubAccounts, S as SubAccountService } from './get-subaccoun
 import { S as StyledHost } from './styled-host-CTAGIN84.js';
 import './event-types-CZfYo5-1.js';
 import { d as defaultColumnsKeys } from './terminals-table-TGUKTi7I.js';
-import './package-BiTF1__F.js';
+import './package-D34B0fIu.js';
 import './Api-DAWuvzbl.js';
 import './utils-BscIVFn8.js';
 import './index-B_KxSZIF.js';

package/dist/esm/{package-BiTF1__F.js → package-D34B0fIu.js}

@@ -1,5 +1,5 @@
 const name = "@justifi/webcomponents";
-const version = "6.0.0-rc.16";
+const version = "6.0.0-rc.18";
 var packageJson = {
 	name: name,
 	version: version};

package/dist/module/justifi-apple-pay.js

@@ -1,4 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
+import { A as Api } from './Api.js';
 import { S as StyledHost } from './styled-host.js';
 import './details.js';
 import './event-types.js';
@@ -34,6 +35,45 @@ var ApplePayMerchantCapability;
     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;
@@ -87,6 +127,298 @@ class ApplePayHelpers {
     }
 }
 
+class ApplePayService {
+    constructor() {
+        this.api = Api();
+    }
+    /**
+     * Initialize Apple Pay configuration
+     */
+    initialize(applePayConfig) {
+        this.applePayConfig = new ApplePayConfig(applePayConfig);
+        if (!this.applePayConfig.isValid) {
+            throw new Error('Invalid Apple Pay configuration provided');
+        }
+    }
+    /**
+     * Validate merchant with Apple Pay servers via API
+     */
+    async validateMerchant(authToken, accountId) {
+        const endpoint = 'apple_pay/merchant_session';
+        try {
+            const response = await this.api.post({
+                endpoint,
+                authToken,
+                headers: {
+                    'Sub-Account': accountId,
+                },
+            });
+            return response;
+        }
+        catch (error) {
+            console.error('Backend validation failed:', error);
+            throw new Error('Merchant validation failed');
+        }
+    }
+    /**
+     * Process Apple Pay payment via API (fixed to match original logic)
+     */
+    async processPayment(authToken, accountId, payload) {
+        const endpoint = 'apple_pay/process_token';
+        const result = await this.api.post({
+            endpoint,
+            authToken,
+            body: payload,
+            headers: {
+                'Sub-Account': accountId,
+            },
+        });
+        return {
+            success: result.id && !!result.data.token,
+            data: result,
+        };
+    }
+    /**
+     * Check if Apple Pay is available on this device/browser
+     */
+    isAvailable() {
+        return (ApplePayHelpers.isApplePaySupported() && ApplePayHelpers.canMakePayments());
+    }
+    /**
+     * Check if the user has an active card for the merchant
+     */
+    async canMakePaymentsWithActiveCard() {
+        if (!this.applePayConfig) {
+            throw new Error('Apple Pay not initialized. Call initialize() first.');
+        }
+        return await ApplePayHelpers.canMakePaymentsWithActiveCard(this.applePayConfig.merchantIdentifier);
+    }
+    /**
+     * Start Apple Pay session
+     */
+    async startPaymentSession(paymentRequest, authToken, accountId) {
+        if (!this.applePayConfig) {
+            throw new Error('Apple Pay not initialized. Call initialize() first.');
+        }
+        // if (!this.isAvailable()) {
+        //   throw new Error('Apple Pay is not available on this device/browser');
+        // }
+        const request = new ApplePayPaymentRequest(paymentRequest);
+        if (!request.isValid) {
+            throw new Error('Invalid payment request provided');
+        }
+        this.currentPaymentRequest = request;
+        return new Promise((resolve, reject) => {
+            try {
+                this.currentSession = new window.ApplePaySession(3, request);
+                this.setupSessionEventHandlers(resolve, reject, authToken, accountId);
+                this.currentSession.begin();
+            }
+            catch (error) {
+                reject({
+                    success: false,
+                    error: {
+                        code: 'SESSION_ERROR',
+                        message: error instanceof Error
+                            ? error.message
+                            : 'Failed to start Apple Pay session',
+                    },
+                });
+            }
+        });
+    }
+    /**
+     * Abort current Apple Pay session
+     */
+    abortPaymentSession() {
+        if (this.currentSession) {
+            this.currentSession.abort();
+            this.currentSession = undefined;
+            this.currentPaymentRequest = undefined;
+        }
+    }
+    /**
+     * Setup Apple Pay session event handlers
+     */
+    setupSessionEventHandlers(resolve, reject, authToken, accountId) {
+        if (!this.currentSession ||
+            !this.applePayConfig ||
+            !this.currentPaymentRequest) {
+            return;
+        }
+        this.currentSession.onvalidatemerchant = async () => {
+            try {
+                if (!authToken) {
+                    throw new Error('Authentication token not provided.');
+                }
+                const merchantSession = await this.validateMerchant(authToken, accountId);
+                try {
+                    this.currentSession.completeMerchantValidation(merchantSession);
+                }
+                catch (completionError) {
+                    console.error('Error calling completeMerchantValidation:', completionError);
+                    throw completionError;
+                }
+            }
+            catch (error) {
+                console.error('=== MERCHANT VALIDATION ERROR ===');
+                console.error('Error during merchant validation:', error);
+                console.error('Error stack:', error.stack);
+                this.currentSession.abort();
+                reject({
+                    success: false,
+                    error: {
+                        code: 'MERCHANT_VALIDATION_ERROR',
+                        message: error instanceof Error
+                            ? error.message
+                            : 'Merchant validation failed',
+                    },
+                });
+            }
+        };
+        this.currentSession.onpaymentauthorized = async (event) => {
+            try {
+                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),
+                        description: this.currentPaymentRequest.total.label,
+                    } });
+                const paymentResult = await this.processPayment(authToken, accountId, paymentPayload);
+                if (paymentResult.success) {
+                    this.currentSession.completePayment({
+                        status: ApplePaySessionStatus.STATUS_SUCCESS,
+                    });
+                    resolve({
+                        success: true,
+                        token: payment.token,
+                        paymentMethodId: paymentResult.data.id,
+                    });
+                }
+                else {
+                    console.error('PSP reported payment failure:', paymentResult.data);
+                    this.currentSession.completePayment({
+                        status: ApplePaySessionStatus.STATUS_FAILURE,
+                    });
+                    reject({
+                        success: false,
+                        error: {
+                            code: 'PAYMENT_PROCESSING_ERROR',
+                            message: 'Payment processing failed',
+                        },
+                    });
+                }
+            }
+            catch (error) {
+                console.error('=== PAYMENT PROCESSING ERROR ===');
+                console.error('Error processing payment:', error);
+                console.error('Error stack:', error.stack);
+                this.currentSession.completePayment({
+                    status: ApplePaySessionStatus.STATUS_FAILURE,
+                });
+                reject({
+                    success: false,
+                    error: {
+                        code: 'PAYMENT_PROCESSING_ERROR',
+                        message: error instanceof Error
+                            ? error.message
+                            : 'Payment processing failed',
+                    },
+                });
+            }
+            finally {
+                this.currentSession = undefined;
+                this.currentPaymentRequest = undefined;
+            }
+        };
+        this.currentSession.onpaymentmethodselected = () => {
+            const paymentUpdate = {
+                newTotal: this.currentPaymentRequest.total,
+                newLineItems: this.currentPaymentRequest.lineItems || [],
+            };
+            try {
+                this.currentSession.completePaymentMethodSelection(paymentUpdate);
+            }
+            catch (error) {
+                console.error('Error completing payment method selection:', error);
+                this.currentSession.abort();
+            }
+        };
+        this.currentSession.onshippingmethodselected = () => {
+            this.currentSession.completeShippingMethodSelection({
+                status: ApplePaySessionStatus.STATUS_SUCCESS,
+                newTotal: this.currentPaymentRequest.total,
+                newLineItems: this.currentPaymentRequest.lineItems || [],
+            });
+        };
+        this.currentSession.oncancel = (event) => {
+            if (event.sessionError) {
+                console.error(event.sessionError);
+                switch (event.sessionError.code) {
+                    case 'unknown':
+                        console.error('Unknown error - likely merchant validation issue');
+                        console.error('This usually means:');
+                        console.error('1. Merchant certificate is invalid or expired');
+                        console.error('2. Merchant identifier mismatch');
+                        console.error('3. Backend validation endpoint issues');
+                        break;
+                    case 'invalidMerchantSession':
+                        console.error('Invalid merchant session provided');
+                        console.error('Check that the merchant session from backend is valid');
+                        break;
+                    case 'userCancel':
+                        console.error('User cancelled the payment');
+                        break;
+                    default:
+                        console.error('Other error code:', event.sessionError.code);
+                }
+            }
+            this.currentSession = undefined;
+            this.currentPaymentRequest = undefined;
+            reject({
+                success: false,
+                error: {
+                    code: 'USER_CANCELLED',
+                    message: 'User cancelled the Apple Pay session',
+                },
+            });
+        };
+        if ('onerror' in this.currentSession) {
+            this.currentSession.onerror = (error) => {
+                console.error('=== APPLE PAY SESSION ERROR ===');
+                console.error('Session error:', error);
+                this.currentSession = undefined;
+                this.currentPaymentRequest = undefined;
+                reject({
+                    success: false,
+                    error: {
+                        code: 'SESSION_ERROR',
+                        message: 'Apple Pay session error occurred',
+                    },
+                });
+            };
+        }
+    }
+    /**
+     * Create a basic payment request
+     */
+    static createPaymentRequest(amount, label, countryCode = 'US', currencyCode = 'USD') {
+        return {
+            countryCode,
+            currencyCode,
+            merchantCapabilities: ApplePayHelpers.getDefaultMerchantCapabilities(),
+            supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
+            total: ApplePayHelpers.createLineItem(label, amount),
+        };
+    }
+    /**
+     * Get current configuration
+     */
+    getApplePayConfig() {
+        return this.applePayConfig;
+    }
+}
+
 const ApplePaySkeleton = (props) => {
     const { isReady } = props;
     if (isReady) {
@@ -286,6 +618,7 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
                     supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
                     total: ApplePayHelpers.createLineItem(checkoutStore.paymentDescription, checkoutStore.paymentAmount),
                 };
+                console.log("paymentRequest", paymentRequest);
                 const result = await this.applePayService.startPaymentSession(paymentRequest, checkoutStore.authToken, checkoutStore.accountId);
                 if (result.success) {
                     this.applePayCompleted.emit({
@@ -319,29 +652,7 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
             }
         };
     }
-    // private unsubscribeCheckoutLoaded?: () => void;
-    // componentWillLoad() {
-    //   this.unsubscribeCheckoutLoaded = onChange("checkoutLoaded", (loaded) => {
-    //     this.applePayService = new ApplePayService();
-    //     console.log("checkoutLoaded", loaded);
-    //     if (loaded) {
-    //       this.initializeApplePay();
-    //     }
-    //   });
-    // }
-    // disconnectedCallback() {
-    //   this.unsubscribeCheckoutLoaded?.();
-    //   this.unsubscribeCheckoutLoaded = undefined;
-    // }
-    // @Watch("merchantIdentifier")
-    // @Watch("buttonType")
-    // @Watch("buttonStyle")
-    // @Watch("disabled")
-    // watchPropsChange() {
-    //   this.initializeApplePay();
-    // }
     async initializeApplePay() {
-        console.log("initializeApplePay", checkoutStore.checkoutLoaded);
         try {
             this.isLoading = true;
             this.error = null;
@@ -350,9 +661,9 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
                 Boolean(checkoutStore.paymentCurrency) &&
                 Boolean(checkoutStore.authToken);
             if (!hasRequiredConfig) {
-                this.error = "Missing required Apple Pay configuration blabla blabla 2";
+                this.error = "Missing required Apple Pay configuration";
                 this.isConfigValid = false;
-                console.error("Apple Pay config error: missing required values blabla blabla 2", {
+                console.error("Apple Pay config error: missing required values", {
                     paymentAmount: checkoutStore.paymentAmount,
                     paymentCurrency: checkoutStore.paymentCurrency,
                     hasAuthToken: Boolean(checkoutStore.authToken),
@@ -385,6 +696,7 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
                 buttonType: this.buttonType,
                 buttonStyle: this.buttonStyle,
             };
+            this.applePayService = new ApplePayService();
             this.applePayService.initialize(applePayConfig);
             const hasActiveCard = await this.applePayService.canMakePaymentsWithActiveCard();
             if (!hasActiveCard) {
@@ -418,19 +730,13 @@ const ApplePay = /*@__PURE__*/ proxyCustomElement(class ApplePay extends HTMLEle
         this.applePayCancelled.emit();
     }
     render() {
-        // const shouldHide =
-        //   !this.isLoading &&
-        //   (!this.isConfigValid || !this.isAvailable || !this.canMakePayments || !checkoutStore.checkoutLoaded);
-        // if (shouldHide) {
-        //   return null;
-        // }
         const isReady = !this.isLoading &&
             this.isAvailable &&
             this.canMakePayments &&
             this.isConfigValid;
-        return (h(StyledHost, { key: 'ea33bc759d2849cf013cb6f98367c8d78c799acb' }, checkoutStore.checkoutLoaded && (h("script", { key: '9ed6140223a8788ca194a8978a9ca8e1e30eb10e', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
+        return (h(StyledHost, { key: '89555e4ca332762a2212d1ef447c9890fa9dc154' }, checkoutStore.checkoutLoaded && (h("script", { key: '0770cdfd74b354262215f651713e92cc3a4cc2a0', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
                 this.initializeApplePay();
-            } })), h("div", { key: '6501d8cb4c4119eadf9112db4fca876437138bcc', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: '1aee83e3deac0d0f68d2788f65401a1d7c48047f', isReady: isReady }), isReady && (h(ApplePayButton, { key: 'eb05dde5789f5f1bb83e75127c222996a38c8fef', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '8060bf6771c12f47d482f0a774e4fd6547e50a2e' }, `
+            } })), h("div", { key: '8e97c5c22626c24d81b7fe1114b35808f3ba0758', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: '8c3859ab8a7b5c215366667692c84841c34a96de', isReady: isReady }), isReady && (h(ApplePayButton, { key: 'ab9e158a240c81530f693a6272c974a0c62fe317', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '4182e97979dcb25b9e5e0f13fa176037fe0300e0' }, `
             .apple-pay-container {
               width: 100%;
             }

package/dist/module/modular-checkout.js

@@ -262,7 +262,6 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         checkoutStore.selectedPaymentMethod = paymentMethod;
         checkoutStore.paymentToken = paymentMethod.id || undefined;
     }
-    // getAvailablePaymentMethods removed in favor of checkout-changed event
     // if validation fails, the error will be emitted by the component
     async validate() {
         const promises = [];
@@ -410,7 +409,7 @@ const ModularCheckout = /*@__PURE__*/ proxyCustomElement(class ModularCheckout e
         });
     }
     render() {
-        return h(Host, { key: '7ee5bc2bb0a8c1ed497440c7b1f90d1a2fb3c8bb' });
+        return h(Host, { key: '2cbac33c57dd2cad327f156a4630b1dba9bf3252' });
     }
     get hostEl() { return this; }
 }, [256, "justifi-modular-checkout", {

package/dist/module/package.js

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