@justifi/webcomponents 6.0.0-rc.19 → 6.0.0-rc.20

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-CZry3Gab.js');
+var checkPkgVersion = require('./check-pkg-version-DS_8EVX4.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-DpTrT68q.js');
+require('./package-XG0rW7xm.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-CZry3Gab.js');
+var checkPkgVersion = require('./check-pkg-version-DS_8EVX4.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-DpTrT68q.js');
+require('./package-XG0rW7xm.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-CZry3Gab.js');
+var checkPkgVersion = require('./check-pkg-version-DS_8EVX4.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-DpTrT68q.js');
+require('./package-XG0rW7xm.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-CZry3Gab.js');
+var checkPkgVersion = require('./check-pkg-version-DS_8EVX4.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-DpTrT68q.js');
+require('./package-XG0rW7xm.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-CZry3Gab.js');
+var checkPkgVersion = require('./check-pkg-version-DS_8EVX4.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-DpTrT68q.js');
+require('./package-XG0rW7xm.js');
 require('./Api-DyimBzKT.js');
 require('./utils-ChCUZgUy.js');
 require('./index-B32W0A3m.js');

package/dist/cjs/{package-DpTrT68q.js → package-XG0rW7xm.js}

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

package/dist/collection/api/services/apple-pay.service.js

@@ -70,24 +70,66 @@ export class ApplePayService {
      * Start Apple Pay session
      */
     async startPaymentSession(paymentRequest, authToken, accountId) {
+        // Begin verbose diagnostics for easier debugging in the field
+        console.groupCollapsed('[ApplePayService] startPaymentSession called');
+        console.log('[ApplePayService] raw paymentRequest:', JSON.stringify(paymentRequest, null, 2));
+        console.log('[ApplePayService] has authToken:', Boolean(authToken));
+        console.log('[ApplePayService] accountId:', accountId);
+        console.log('[ApplePayService] has config:', Boolean(this.applePayConfig));
         if (!this.applePayConfig) {
+            console.error('[ApplePayService] Missing applePayConfig. Did you call initialize()?');
+            console.groupEnd();
             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);
+        console.log('[ApplePayService] created ApplePayPaymentRequest:', request);
         if (!request.isValid) {
+            const missingFields = [];
+            if (!request.countryCode)
+                missingFields.push('countryCode');
+            if (!request.currencyCode)
+                missingFields.push('currencyCode');
+            if (!request.merchantCapabilities ||
+                request.merchantCapabilities.length === 0)
+                missingFields.push('merchantCapabilities');
+            if (!request.supportedNetworks || request.supportedNetworks.length === 0)
+                missingFields.push('supportedNetworks');
+            if (!request.total || !request.total.label || !request.total.amount)
+                missingFields.push('total');
+            console.error('[ApplePayService] Payment request is invalid. Missing/invalid:', missingFields);
+            console.groupEnd();
             throw new Error('Invalid payment request provided');
         }
         this.currentPaymentRequest = request;
         return new Promise((resolve, reject) => {
             try {
+                console.log('[ApplePayService] About to instantiate ApplePaySession');
+                // Defensive checks for Apple Pay environment
+                if (typeof window === 'undefined' || !('ApplePaySession' in window)) {
+                    console.error('[ApplePayService] ApplePaySession not available on window');
+                    console.groupEnd();
+                    return reject({
+                        success: false,
+                        error: {
+                            code: 'APPLE_PAY_UNAVAILABLE',
+                            message: 'ApplePaySession API is not available in this environment',
+                        },
+                    });
+                }
                 this.currentSession = new window.ApplePaySession(3, request);
+                console.log('[ApplePayService] ApplePaySession instantiated:', this.currentSession);
                 this.setupSessionEventHandlers(resolve, reject, authToken, accountId);
+                console.log('[ApplePayService] Event handlers set. Beginning session...');
                 this.currentSession.begin();
+                console.log('[ApplePayService] Session.begin() called');
+                console.groupEnd();
             }
             catch (error) {
+                console.error('[ApplePayService] Exception while starting session:', error);
+                console.groupEnd();
                 reject({
                     success: false,
                     error: {
@@ -117,16 +159,26 @@ export class ApplePayService {
         if (!this.currentSession ||
             !this.applePayConfig ||
             !this.currentPaymentRequest) {
+            console.error('[ApplePayService] setupSessionEventHandlers called without required state', {
+                hasSession: Boolean(this.currentSession),
+                hasConfig: Boolean(this.applePayConfig),
+                hasPaymentRequest: Boolean(this.currentPaymentRequest),
+            });
             return;
         }
         this.currentSession.onvalidatemerchant = async () => {
+            console.groupCollapsed('[ApplePayService] onvalidatemerchant');
             try {
+                console.log('[ApplePayService] accountId:', accountId);
                 if (!authToken) {
+                    console.error('[ApplePayService] Missing authToken for merchant validation');
                     throw new Error('Authentication token not provided.');
                 }
                 const merchantSession = await this.validateMerchant(authToken, accountId);
+                console.log('[ApplePayService] merchantSession received');
                 try {
                     this.currentSession.completeMerchantValidation(merchantSession);
+                    console.log('[ApplePayService] completeMerchantValidation called');
                 }
                 catch (completionError) {
                     console.error('Error calling completeMerchantValidation:', completionError);
@@ -136,7 +188,9 @@ export class ApplePayService {
             catch (error) {
                 console.error('=== MERCHANT VALIDATION ERROR ===');
                 console.error('Error during merchant validation:', error);
-                console.error('Error stack:', error.stack);
+                if (error && error.stack) {
+                    console.error('Error stack:', error.stack);
+                }
                 this.currentSession.abort();
                 reject({
                     success: false,
@@ -148,20 +202,30 @@ export class ApplePayService {
                     },
                 });
             }
+            console.groupEnd();
         };
         this.currentSession.onpaymentauthorized = async (event) => {
+            var _a;
+            console.groupCollapsed('[ApplePayService] onpaymentauthorized');
             try {
                 const payment = event.payment;
+                console.log('[ApplePayService] payment payload snapshot:', {
+                    hasToken: Boolean(payment === null || payment === void 0 ? void 0 : payment.token),
+                    tokenType: ((_a = payment === null || payment === void 0 ? void 0 : payment.token) === null || _a === void 0 ? void 0 : _a.paymentData) ? 'paymentData' : 'raw',
+                });
                 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,
                     } });
+                console.log('[ApplePayService] paymentPayload prepared');
                 const paymentResult = await this.processPayment(authToken, accountId, paymentPayload);
+                console.log('[ApplePayService] processPayment result:', paymentResult);
                 if (paymentResult.success) {
                     this.currentSession.completePayment({
                         status: ApplePaySessionStatus.STATUS_SUCCESS,
                     });
+                    console.log('[ApplePayService] Payment success; resolving');
                     resolve({
                         success: true,
                         token: payment.token,
@@ -185,7 +249,9 @@ export class ApplePayService {
             catch (error) {
                 console.error('=== PAYMENT PROCESSING ERROR ===');
                 console.error('Error processing payment:', error);
-                console.error('Error stack:', error.stack);
+                if (error && error.stack) {
+                    console.error('Error stack:', error.stack);
+                }
                 this.currentSession.completePayment({
                     status: ApplePaySessionStatus.STATUS_FAILURE,
                 });
@@ -200,31 +266,40 @@ export class ApplePayService {
                 });
             }
             finally {
+                console.log('[ApplePayService] Cleaning up session state');
                 this.currentSession = undefined;
                 this.currentPaymentRequest = undefined;
             }
+            console.groupEnd();
         };
         this.currentSession.onpaymentmethodselected = () => {
+            console.groupCollapsed('[ApplePayService] onpaymentmethodselected');
             const paymentUpdate = {
                 newTotal: this.currentPaymentRequest.total,
                 newLineItems: this.currentPaymentRequest.lineItems || [],
             };
             try {
                 this.currentSession.completePaymentMethodSelection(paymentUpdate);
+                console.log('[ApplePayService] completePaymentMethodSelection called');
             }
             catch (error) {
                 console.error('Error completing payment method selection:', error);
                 this.currentSession.abort();
             }
+            console.groupEnd();
         };
         this.currentSession.onshippingmethodselected = () => {
+            console.groupCollapsed('[ApplePayService] onshippingmethodselected');
             this.currentSession.completeShippingMethodSelection({
                 status: ApplePaySessionStatus.STATUS_SUCCESS,
                 newTotal: this.currentPaymentRequest.total,
                 newLineItems: this.currentPaymentRequest.lineItems || [],
             });
+            console.log('[ApplePayService] completeShippingMethodSelection called');
+            console.groupEnd();
         };
         this.currentSession.oncancel = (event) => {
+            console.groupCollapsed('[ApplePayService] oncancel');
             if (event.sessionError) {
                 console.error(event.sessionError);
                 switch (event.sessionError.code) {
@@ -255,9 +330,11 @@ export class ApplePayService {
                     message: 'User cancelled the Apple Pay session',
                 },
             });
+            console.groupEnd();
         };
         if ('onerror' in this.currentSession) {
             this.currentSession.onerror = (error) => {
+                console.groupCollapsed('[ApplePayService] onerror');
                 console.error('=== APPLE PAY SESSION ERROR ===');
                 console.error('Session error:', error);
                 this.currentSession = undefined;
@@ -269,6 +346,7 @@ export class ApplePayService {
                         message: 'Apple Pay session error occurred',
                     },
                 });
+                console.groupEnd();
             };
         }
     }

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

@@ -30,6 +30,14 @@ export class ApplePay {
                 this.isProcessing = true;
                 this.error = null;
                 this.applePayStarted.emit();
+                console.groupCollapsed('[ApplePay Component] handleApplePayClick');
+                console.log('[ApplePay Component] click context:', {
+                    isProcessing: this.isProcessing,
+                    disabled: this.disabled,
+                    isAvailable: this.isAvailable,
+                    canMakePayments: this.canMakePayments,
+                    hasService: Boolean(this.applePayService),
+                });
                 const paymentRequest = {
                     countryCode: this.countryCode,
                     currencyCode: checkoutStore.paymentCurrency,
@@ -37,9 +45,13 @@ export class ApplePay {
                     supportedNetworks: ApplePayHelpers.getDefaultSupportedNetworks(),
                     total: ApplePayHelpers.createLineItem(checkoutStore.paymentDescription, checkoutStore.paymentAmount),
                 };
-                console.log("paymentRequest", paymentRequest);
+                console.log("[ApplePay Component] paymentRequest", paymentRequest);
+                console.log('[ApplePay Component] identifiers snapshot:', {
+                    authTokenLength: checkoutStore.authToken ? String(checkoutStore.authToken).length : 0,
+                    accountId: checkoutStore.accountId,
+                });
                 const result = await this.applePayService.startPaymentSession(paymentRequest, checkoutStore.authToken, checkoutStore.accountId);
-                console.log("result", result);
+                console.log("[ApplePay Component] startPaymentSession result", result);
                 if (result.success) {
                     this.applePayCompleted.emit({
                         success: true,
@@ -69,6 +81,7 @@ export class ApplePay {
             }
             finally {
                 this.isProcessing = false;
+                console.groupEnd();
             }
         };
     }
@@ -77,6 +90,13 @@ export class ApplePay {
             this.isLoading = true;
             this.error = null;
             this.isConfigValid = true;
+            console.groupCollapsed('[ApplePay Component] initializeApplePay');
+            console.log('[ApplePay Component] checkout state snapshot:', {
+                paymentAmount: checkoutStore.paymentAmount,
+                paymentCurrency: checkoutStore.paymentCurrency,
+                hasAuthToken: Boolean(checkoutStore.authToken),
+                accountId: checkoutStore.accountId,
+            });
             const hasRequiredConfig = Boolean(checkoutStore.paymentAmount) &&
                 Boolean(checkoutStore.paymentCurrency) &&
                 Boolean(checkoutStore.authToken);
@@ -87,18 +107,26 @@ export class ApplePay {
                     paymentAmount: checkoutStore.paymentAmount,
                     paymentCurrency: checkoutStore.paymentCurrency,
                     hasAuthToken: Boolean(checkoutStore.authToken),
+                    accountId: checkoutStore.accountId,
                 });
                 this.applePayError.emit({ error: this.error });
                 this.isLoading = false;
+                console.groupEnd();
                 return;
             }
             this.isAvailable = ApplePayHelpers.isApplePaySupported();
             this.canMakePayments = ApplePayHelpers.canMakePayments();
+            console.log('[ApplePay Component] support check:', {
+                isAvailable: this.isAvailable,
+                canMakePayments: this.canMakePayments,
+                hasApplePaySessionOnWindow: typeof window !== 'undefined' && 'ApplePaySession' in window,
+            });
             if (!this.isAvailable) {
                 this.error = "Apple Pay is not supported on this device";
                 console.error(this.error);
                 this.applePayError.emit({ error: this.error });
                 this.isLoading = false;
+                console.groupEnd();
                 return;
             }
             if (!this.canMakePayments) {
@@ -106,6 +134,7 @@ export class ApplePay {
                 console.error(this.error);
                 this.applePayError.emit({ error: this.error });
                 this.isLoading = false;
+                console.groupEnd();
                 return;
             }
             const applePayConfig = {
@@ -116,6 +145,7 @@ export class ApplePay {
                 buttonType: this.buttonType,
                 buttonStyle: this.buttonStyle,
             };
+            console.log('[ApplePay Component] initializing service with config:', applePayConfig);
             this.applePayService = new ApplePayService();
             this.applePayService.initialize(applePayConfig);
             const hasActiveCard = await this.applePayService.canMakePaymentsWithActiveCard();
@@ -133,6 +163,7 @@ export class ApplePay {
         }
         finally {
             this.isLoading = false;
+            console.groupEnd();
         }
     }
     async isSupported() {
@@ -154,9 +185,10 @@ export class ApplePay {
             this.isAvailable &&
             this.canMakePayments &&
             this.isConfigValid;
-        return (h(StyledHost, { key: '941aea129425ddb64b7befc46f06d9f987e22282' }, checkoutStore.checkoutLoaded && (h("script", { key: '63562ab394410712d3265dda1ef16140a4fdbc3c', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
+        return (h(StyledHost, { key: 'a50061a2a487a9cddb9e9296ca508cd632cdf832' }, checkoutStore.checkoutLoaded && (h("script", { key: 'eb9a9479294c125b0db7bccd5e90c99ea9e03bbf', async: true, src: 'https://applepay.cdn-apple.com/jsapi/1.latest/apple-pay-sdk.js', onLoad: () => {
+                console.log('[ApplePay Component] Apple Pay SDK script loaded');
                 this.initializeApplePay();
-            } })), h("div", { key: '10ac5de54e3fe73457101f2652bf9cea2c90d2b2', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: '6b8976a34d8a1db9d87da2a02ae47d1d8f0b733d', isReady: isReady }), isReady && (h(ApplePayButton, { key: 'c1c84b958888e2ca82ad44d006c5c53ba947412a', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: 'b98fa0f38d95c0dbb33a7b0f342eb70957355125' }, `
+            } })), h("div", { key: '901b1f84625bb6c5652612f364312250f7ebb779', class: 'apple-pay-container' }, h(ApplePaySkeleton, { key: '87b38d500738e1cdb1bb166f02e29845de30eae1', isReady: isReady }), isReady && (h(ApplePayButton, { key: '18fa731162b597740ee6b15b7737668efed9c162', buttonType: this.buttonType, buttonStyle: this.buttonStyle, disabled: this.disabled, isProcessing: this.isProcessing, isAvailable: this.isAvailable, clickHandler: this.handleApplePayClick }))), h("style", { key: '9d71379ac48b89babae91012ea22de91f4fb1b58' }, `
             .apple-pay-container {
               width: 100%;
             }

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2025-09-03T13:30:39",
+  "timestamp": "2025-09-03T13:54:51",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.36.3",

package/dist/esm/{check-pkg-version-BzAwEptg.js → check-pkg-version-DhRpS7Qc.js}

@@ -1,4 +1,4 @@
-import { p as packageJson } from './package-CbHGNIID.js';
+import { p as packageJson } from './package-BF0mIfcQ.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-CbHGNIID.js';
+import { p as packageJson } from './package-BF0mIfcQ.js';
 
 const iframeInputStylesStore = createStore({
     focused: {