@funnelsgrove/payments 0.11.20 → 0.11.22

package/dist/providers/stripe/components/StripeCheckoutExpressCheckoutButton.js

@@ -303,14 +303,15 @@ export function StripeCheckoutExpressCheckoutButton({ beforeConfirm, checkoutAna
         }
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     };
-    return (_jsxs(_Fragment, { children: [_jsx("div", { "aria-busy": serverUpdatePending || undefined, "aria-disabled": serverUpdatePending || undefined, className: [
+    const inertWhileUpdating = (serverUpdatePending ? { inert: true } : {});
+    return (_jsxs(_Fragment, { children: [_jsx("div", Object.assign({}, inertWhileUpdating, { "aria-busy": serverUpdatePending || undefined, "aria-disabled": serverUpdatePending || undefined, className: [
                     'stripe-express-checkout-button',
                     className !== null && className !== void 0 ? className : '',
                     effectiveWalletAvailable === false ? 'is-hidden' : '',
                     serverUpdatePending ? 'is-server-update-pending' : '',
                 ]
                     .filter(Boolean)
-                    .join(' '), inert: serverUpdatePending, children: _jsx(ExpressCheckoutElementWithCancel, { options: resolvedOptions, onCancel: handleCancel, onClick: handleClick, onConfirm: (event) => void handleConfirm(event), onLoadError: ({ error }) => {
+                    .join(' '), children: _jsx(ExpressCheckoutElementWithCancel, { options: resolvedOptions, onCancel: handleCancel, onClick: handleClick, onConfirm: (event) => void handleConfirm(event), onLoadError: ({ error }) => {
                         setWalletAvailable(false);
                         onAvailabilityChange === null || onAvailabilityChange === void 0 ? void 0 : onAvailabilityChange(false);
                         reportFailure(error.message || 'Unable to load wallet checkout.', 'wallet_load');
@@ -322,7 +323,7 @@ export function StripeCheckoutExpressCheckoutButton({ beforeConfirm, checkoutAna
                         if (resolvedAvailable) {
                             onError === null || onError === void 0 ? void 0 : onError(null);
                         }
-                    } }) }), _jsx("style", { children: stripeExpressCheckoutButtonStyles })] }));
+                    } }) })), _jsx("style", { children: stripeExpressCheckoutButtonStyles })] }));
 }
 const stripeExpressCheckoutButtonStyles = `
 .stripe-express-checkout-button {

package/dist/providers/stripe/testing/walletCheckoutSmoke.d.ts

@@ -12,6 +12,7 @@ export type WalletCheckoutSmokeProfile = {
 };
 export type WalletCheckoutSmokeSnapshot = {
     blockingOverlayVisible: boolean;
+    cardDialogVisible: boolean;
     cardFallbackVisible: boolean;
     subscriptionRequestSucceeded: boolean;
     walletSlotState: 'ready' | 'unavailable' | 'unknown';
@@ -22,6 +23,7 @@ export type WalletCheckoutSmokeEvaluation = {
 };
 export type WalletCheckoutSmokeSelectors = {
     blockingOverlay?: string;
+    cardDialog: string;
     cardFallback: string;
     walletSlot: string;
 };

package/dist/providers/stripe/testing/walletCheckoutSmoke.js

@@ -57,6 +57,9 @@ export function evaluateWalletCheckoutSmokeSnapshot(snapshot) {
     if (!snapshot.cardFallbackVisible) {
         failures.push('card fallback checkout is not visible');
     }
+    if (!snapshot.cardDialogVisible) {
+        failures.push('card checkout dialog did not open');
+    }
     if (snapshot.blockingOverlayVisible) {
         failures.push('a blocking loader or modal is still visible');
     }
@@ -69,7 +72,7 @@ export async function runWalletCheckoutSmokeTest(chromium, options) {
     var _a, _b, _c;
     const profiles = (_a = options.profiles) !== null && _a !== void 0 ? _a : buildWalletCheckoutSmokeProfiles();
     const timeoutMs = (_b = options.timeoutMs) !== null && _b !== void 0 ? _b : 15000;
-    const subscriptionRequestPath = (_c = options.subscriptionRequestPath) !== null && _c !== void 0 ? _c : '/sdk/public/payments/subscriptions';
+    const subscriptionRequestPath = (_c = options.subscriptionRequestPath) !== null && _c !== void 0 ? _c : '/sdk/public/v2/payments/checkout-sessions';
     const browser = await chromium.launch({ headless: true });
     try {
         const results = [];
@@ -102,20 +105,32 @@ export async function runWalletCheckoutSmokeTest(chromium, options) {
                         timeout: timeoutMs,
                     }).then(() => 'unavailable'),
                 ]).catch(() => 'unknown');
+                const cardFallbackVisible = await page
+                    .isVisible(options.selectors.cardFallback, { timeout: timeoutMs })
+                    .catch(() => false);
+                if (cardFallbackVisible) {
+                    await page.click(options.selectors.cardFallback, { timeout: timeoutMs }).catch(() => undefined);
+                }
+                const cardDialogVisible = cardFallbackVisible
+                    ? await page.waitForSelector(options.selectors.cardDialog, {
+                        state: 'visible',
+                        timeout: timeoutMs,
+                    }).then(() => true).catch(() => false)
+                    : false;
+                const blockingOverlayVisible = options.selectors.blockingOverlay
+                    ? await page.waitForSelector(options.selectors.blockingOverlay, {
+                        state: 'hidden',
+                        timeout: timeoutMs,
+                    }).then(() => false).catch(() => true)
+                    : false;
                 const snapshot = {
-                    blockingOverlayVisible: options.selectors.blockingOverlay
-                        ? await page.isVisible(options.selectors.blockingOverlay, { timeout: 500 }).catch(() => false)
-                        : false,
-                    cardFallbackVisible: await page
-                        .isVisible(options.selectors.cardFallback, { timeout: timeoutMs })
-                        .catch(() => false),
+                    blockingOverlayVisible,
+                    cardDialogVisible,
+                    cardFallbackVisible,
                     subscriptionRequestSucceeded: await subscriptionResponse,
                     walletSlotState: walletSlotResolved,
                 };
                 const evaluation = evaluateWalletCheckoutSmokeSnapshot(snapshot);
-                if (snapshot.cardFallbackVisible) {
-                    await page.click(options.selectors.cardFallback, { timeout: timeoutMs }).catch(() => undefined);
-                }
                 results.push(Object.assign(Object.assign({}, evaluation), { profileId: profile.id, snapshot }));
             }
             finally {

package/dist/services/checkoutObservability.service.js

@@ -46,7 +46,7 @@ export const classifyCheckoutFailure = (input) => {
     if (input.provider === 'stripe' && (Boolean(providerDeclineCode)
         || providerErrorType === 'card_error'
         || (providerErrorCode ? STRIPE_PAYMENT_REJECTION_CODES.has(providerErrorCode) : false)
-        || /card has insufficient funds/i.test(input.errorMessage))) {
+        || /card has insufficient funds|unable to authenticate your payment method/i.test(input.errorMessage))) {
         return 'payment_rejection';
     }
     const message = input.errorMessage.trim();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnelsgrove/payments",
-  "version": "0.11.20",
+  "version": "0.11.22",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/The-Solid-Grove/funnelsgrove.git",