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

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

@@ -10,7 +10,7 @@ require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var checkPkgVersion = require('./check-pkg-version-DfzaKEDg.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
 var paymentsTable = require('./payments-table-BE8u0-i0.js');
@@ -19,7 +19,7 @@ require('./utils-ChCUZgUy.js');
 require('./index-B32W0A3m.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-CHNXn8wx.js');
+require('./package-CwkrMpTG.js');
 require('./payments-status-DXRh_ekP.js');
 require('./badge-CcJ9H85-.js');
 require('./parts-9jMf1erK.js');

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

@@ -11,7 +11,7 @@ require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var utils$1 = require('./utils-Bzyj4qWe.js');
-var checkPkgVersion = require('./check-pkg-version-DfzaKEDg.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 var getPayoutCsv = require('./get-payout-csv-DE_D9y08.js');
 require('./Api-DyimBzKT.js');
 require('./utils-ChCUZgUy.js');
@@ -19,7 +19,7 @@ require('./index-B32W0A3m.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./package-CHNXn8wx.js');
+require('./package-CwkrMpTG.js');
 
 const makeGetPayoutDetails = ({ id, authToken, service }) => async ({ onSuccess, onError }) => {
     var _a;

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

@@ -8,7 +8,7 @@ var Refund = require('./Refund-BefKONu4.js');
 var Pagination = require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
-var checkPkgVersion = require('./check-pkg-version-DfzaKEDg.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 var utils = require('./utils-DvUQQLmR.js');
 var payout_service = require('./payout.service-6Cl_yXXQ.js');
 var table = require('./table-Ccdrt0v_.js');
@@ -19,7 +19,7 @@ var parts = require('./parts-9jMf1erK.js');
 require('./index-B32W0A3m.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-CHNXn8wx.js');
+require('./package-CwkrMpTG.js');
 require('./Api-DyimBzKT.js');
 require('./spinner-jmeA44Ee.js');
 

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-C9hBD-32.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-DfzaKEDg.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 var payout_service = require('./payout.service-6Cl_yXXQ.js');
 require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
@@ -16,7 +16,7 @@ var getSubaccounts = require('./get-subaccounts-Bnfv2tEN.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
 var payoutsTable = require('./payouts-table-BbydhJUr.js');
-require('./package-CHNXn8wx.js');
+require('./package-CwkrMpTG.js');
 require('./Api-DyimBzKT.js');
 require('./utils-ChCUZgUy.js');
 require('./index-B32W0A3m.js');

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

@@ -14,7 +14,7 @@ var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
 var payment_service = require('./payment.service-aR96UW5e.js');
 var getPaymentDetails = require('./get-payment-details-BfgRmNL4.js');
-var checkPkgVersion = require('./check-pkg-version-DfzaKEDg.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 var utils$1 = require('./utils-DvUQQLmR.js');
 var Api = require('./Api-DyimBzKT.js');
 var skeleton = require('./skeleton-C7DQRD6r.js');
@@ -24,7 +24,7 @@ require('./index-B32W0A3m.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
 require('./parts-9jMf1erK.js');
-require('./package-CHNXn8wx.js');
+require('./package-CwkrMpTG.js');
 
 const amountValidation = (maxAmount) => {
     const max = +maxAmount;

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

@@ -8,7 +8,7 @@ require('./Pagination-Dediz133.js');
 require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
-var checkPkgVersion = require('./check-pkg-version-DfzaKEDg.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 var checkout_store = require('./checkout.store-DJEc-So8.js');
 var utils$1 = require('./utils-ChCUZgUy.js');
 var insuranceState = require('./insurance-state-d2thhXUX.js');
@@ -20,7 +20,7 @@ require('./config-state-BBOZIS8x.js');
 require('./index-B32W0A3m.js');
 require('./helpers-B5OCqlIM.js');
 require('./state-options-CIT9xdTz.js');
-require('./package-CHNXn8wx.js');
+require('./package-CwkrMpTG.js');
 require('./dinero-BwNN_k7x.js');
 require('./index-D-dD-aC2.js');
 

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

@@ -3,7 +3,7 @@
 var index = require('./index-C9hBD-32.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
-var checkPkgVersion = require('./check-pkg-version-DfzaKEDg.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 var terminalOrdersTable = require('./terminal-orders-table-B4HjERrK.js');
 require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
@@ -14,7 +14,7 @@ require('./Business-DCRzZf0w.js');
 require('./Dispute-CruQTF6_.js');
 var utils = require('./utils-DvUQQLmR.js');
 var Api = require('./Api-DyimBzKT.js');
-require('./package-CHNXn8wx.js');
+require('./package-CwkrMpTG.js');
 require('./parts-9jMf1erK.js');
 require('./utils-ChCUZgUy.js');
 require('./badge-CcJ9H85-.js');

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

@@ -2,7 +2,7 @@
 
 var index = require('./index-C9hBD-32.js');
 var ComponentError = require('./ComponentError-D4OLnOkg.js');
-var checkPkgVersion = require('./check-pkg-version-DfzaKEDg.js');
+var checkPkgVersion = require('./check-pkg-version-rUX0NaZj.js');
 var terminal_service = require('./terminal.service-D1FAYZzd.js');
 require('./config-state-BBOZIS8x.js');
 require('./dinero-BwNN_k7x.js');
@@ -15,7 +15,7 @@ var getSubaccounts = require('./get-subaccounts-Bnfv2tEN.js');
 var styledHost = require('./styled-host-BfVJlAsJ.js');
 require('./event-types-YOY5TKUN.js');
 var terminalsTable = require('./terminals-table-C79Xc4FI.js');
-require('./package-CHNXn8wx.js');
+require('./package-CwkrMpTG.js');
 require('./Api-DyimBzKT.js');
 require('./utils-ChCUZgUy.js');
 require('./index-B32W0A3m.js');

package/dist/cjs/{package-CHNXn8wx.js → package-CwkrMpTG.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "@justifi/webcomponents";
-const version = "6.0.0-rc.16";
+const version = "6.0.0-rc.17";
 var packageJson = {
 	name: name,
 	version: version};

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

@@ -1,6 +1,7 @@
 import { h,
 // Watch,
  } from "@stencil/core";
+import { ApplePayService } from "../../../api/services/apple-pay.service";
 import { ApplePayButtonType, ApplePayButtonStyle, ApplePayHelpers, } from "../../../api/ApplePay";
 import { StyledHost } from "../../../ui-components";
 import ApplePaySkeleton from "./apple-pay-skeleton";
@@ -74,7 +75,6 @@ export class ApplePay {
     // private unsubscribeCheckoutLoaded?: () => void;
     // componentWillLoad() {
     //   this.unsubscribeCheckoutLoaded = onChange("checkoutLoaded", (loaded) => {
-    //     this.applePayService = new ApplePayService();
     //     console.log("checkoutLoaded", loaded);
     //     if (loaded) {
     //       this.initializeApplePay();
@@ -137,6 +137,7 @@ export class ApplePay {
                 buttonType: this.buttonType,
                 buttonStyle: this.buttonStyle,
             };
+            this.applePayService = new ApplePayService();
             this.applePayService.initialize(applePayConfig);
             const hasActiveCard = await this.applePayService.canMakePaymentsWithActiveCard();
             if (!hasActiveCard) {
@@ -180,9 +181,9 @@ export class ApplePay {
             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: 'ac97a93a1351ec6b3cf148377721b8f019aafd77' }, checkoutStore.checkoutLoaded && (h("script", { key: '2d4c928c3228a273bef756cce4c4ac05182e7efa', 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: '8890def5a313a29e42b358c55f3209ef30054d54', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: 'a531fbe89a491a911a0aa6ff42a80458e63030b5', isReady: isReady }), isReady && (h(ApplePayButton, { key: '77e0b5e8cff57ee4dd2956671b14dc9c90101326', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '3ad594d30382388cf5defc050e5f2e5a17017c7b' }, `
             .apple-pay-container {
               width: 100%;
             }

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-09-02T23:18:44",
+  "timestamp": "2025-09-02T23:32:50",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.36.3",

package/dist/esm/{check-pkg-version-Cz8T6Ux8.js → check-pkg-version-h58ZAK8T.js}

@@ -1,4 +1,4 @@
-import { p as packageJson } from './package-BiTF1__F.js';
+import { p as packageJson } from './package-fZXUzneK.js';
 import { A as Api } from './Api-DAWuvzbl.js';
 import './ComponentError-Cjcsf8ku.js';
 import './Refund-CVh70dXA.js';

package/dist/esm/hidden-input_2.entry.js

@@ -3,7 +3,7 @@ import { c as createStore } from './index-B_KxSZIF.js';
 import { i as inputInvalidAndFocused, b as inputInvalid, a as inputFocused, c as input, l as label } from './parts-RvUQ__Pq.js';
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-BFTU3MAI.js';
 import { F as FormControlErrorText } from './form-control-error-text-R7U07nTg.js';
-import { p as packageJson } from './package-BiTF1__F.js';
+import { p as packageJson } from './package-fZXUzneK.js';
 
 const iframeInputStylesStore = createStore({
     focused: {

package/dist/esm/justifi-apple-pay.entry.js

@@ -1,15 +1,16 @@
 import { h, r as registerInstance, c as createEvent } from './index-Bn7inNWG.js';
+import { A as Api } from './Api-DAWuvzbl.js';
 import { S as StyledHost } from './styled-host-CTAGIN84.js';
 import './event-types-CZfYo5-1.js';
 import { S as Skeleton } from './skeleton-qMb0_Cjy.js';
 import { c as checkoutStore } from './checkout.store-OD-OX5On.js';
-import './parts-RvUQ__Pq.js';
-import './index-B_KxSZIF.js';
 import './config-state-DZeVYerv.js';
+import './index-B_KxSZIF.js';
+import './utils-BscIVFn8.js';
 import './dinero-HXpYMWUU.js';
+import './parts-RvUQ__Pq.js';
 import './ComponentError-Cjcsf8ku.js';
 import './Refund-CVh70dXA.js';
-import './utils-BscIVFn8.js';
 import './Dispute-BH0Xfn-F.js';
 import './Pagination-CLHwhyvu.js';
 import './Business-BCoP0TAV.js';
@@ -45,6 +46,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;
@@ -98,6 +138,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) {
@@ -331,7 +663,6 @@ const ApplePay = class {
     // private unsubscribeCheckoutLoaded?: () => void;
     // componentWillLoad() {
     //   this.unsubscribeCheckoutLoaded = onChange("checkoutLoaded", (loaded) => {
-    //     this.applePayService = new ApplePayService();
     //     console.log("checkoutLoaded", loaded);
     //     if (loaded) {
     //       this.initializeApplePay();
@@ -394,6 +725,7 @@ const ApplePay = class {
                 buttonType: this.buttonType,
                 buttonStyle: this.buttonStyle,
             };
+            this.applePayService = new ApplePayService();
             this.applePayService.initialize(applePayConfig);
             const hasActiveCard = await this.applePayService.canMakePaymentsWithActiveCard();
             if (!hasActiveCard) {
@@ -437,9 +769,9 @@ const ApplePay = class {
             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: 'ac97a93a1351ec6b3cf148377721b8f019aafd77' }, checkoutStore.checkoutLoaded && (h("script", { key: '2d4c928c3228a273bef756cce4c4ac05182e7efa', 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: '8890def5a313a29e42b358c55f3209ef30054d54', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: 'a531fbe89a491a911a0aa6ff42a80458e63030b5', isReady: isReady }), isReady && (h(ApplePayButton, { key: '77e0b5e8cff57ee4dd2956671b14dc9c90101326', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '3ad594d30382388cf5defc050e5f2e5a17017c7b' }, `
             .apple-pay-container {
               width: 100%;
             }

package/dist/esm/justifi-bank-account-billing-form-simple_9.entry.js

@@ -5,7 +5,7 @@ import { r as radioListItem, av as billingForm } from './parts-RvUQ__Pq.js';
 import { S as StyledHost } from './styled-host-CTAGIN84.js';
 import './event-types-CZfYo5-1.js';
 import { S as Skeleton } from './skeleton-qMb0_Cjy.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-h58ZAK8T.js';
 import { w as waitForConfig, c as configState } from './config-state-DZeVYerv.js';
 import { H as Header3 } from './header-3-CWa41YWq.js';
 import { n as numberOnlyHandler } from './utils-BnjCmwMr.js';
@@ -16,7 +16,7 @@ import './_commonjsHelpers-BFTU3MAI.js';
 import './business-form-options-CgssATyg.js';
 import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
-import './package-BiTF1__F.js';
+import './package-fZXUzneK.js';
 import './Api-DAWuvzbl.js';
 import './utils-BscIVFn8.js';
 import './dinero-HXpYMWUU.js';

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

@@ -3,7 +3,7 @@ import { E as ErrorState } from './utils-Dg6gMUTv.js';
 import { B as BusinessService } from './business.service-cQrH5BqF.js';
 import { m as makeGetBusiness } from './get-business-Crb6P-iI.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-h58ZAK8T.js';
 import './parts-RvUQ__Pq.js';
 import './Api-DAWuvzbl.js';
 import './config-state-DZeVYerv.js';
@@ -17,7 +17,7 @@ import './Business-BCoP0TAV.js';
 import './helpers-Mu7LQT-w.js';
 import './state-options-BX8GieXu.js';
 import './utils-BeQLScSm.js';
-import './package-BiTF1__F.js';
+import './package-fZXUzneK.js';
 
 const BusinessDetails = class {
     constructor(hostRef) {