@taskforcehq/taskforce 0.3.305 → 0.3.306

package/dist/components/views/PlansPage.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { User } from 'lucide-react';
@@ -9,16 +9,29 @@ import { resolveTaskforceCloudEnvironmentFromBaseUrl } from '../../config/cloudE
 import { ACCOUNT_PROFILE_SUMMARY_PATH, invalidateAccountProfileSummaryCache, loadAccountProfileSummaryCached } from '../../utils/accountProfileSummaryCache';
 import { isCommercialEntitlementActive, resolveCommercialLifecyclePresentation } from '../../utils/commercialLifecyclePresentation';
 const TRANSIENT_CHECKOUT_QUERY_CLEAR_DELAY_MS = 1600;
-const CHECKOUT_CONFIRM_RETRY_DELAYS_MS = [0, 500, 1000, 2000];
+const CHECKOUT_CONFIRM_INITIAL_RETRY_DELAYS_MS = [0, 500, 1000, 2000];
+const CHECKOUT_CONFIRM_RETRY_INTERVAL_MS = 5000;
+const CHECKOUT_CONFIRM_MAX_AUTO_RETRY_MS = 45000;
+const HIDDEN_GATE_MESSAGE = 'Choose a plan to continue.';
 function shouldRetryCheckoutConfirmation(statusCode, errorCode) {
     if (statusCode === 401) {
         return true;
     }
-    return String(errorCode || '').trim().toUpperCase() === 'CHECKOUT_SESSION_INCOMPLETE';
+    const normalizedErrorCode = String(errorCode || '').trim().toUpperCase();
+    return normalizedErrorCode === 'CHECKOUT_SESSION_INCOMPLETE'
+        || normalizedErrorCode === 'CHECKOUT_PLAN_VERSION_UNRESOLVED';
 }
 function parseInterval(raw) {
     return raw === 'year' ? 'year' : 'month';
 }
+function normalizeIntervalValue(raw) {
+    const normalized = String(raw || '').trim().toLowerCase();
+    if (normalized === 'year')
+        return 'year';
+    if (normalized === 'month')
+        return 'month';
+    return null;
+}
 function normalizeApiBaseUrl(raw) {
     const trimmed = String(raw || '').trim();
     if (!trimmed)
@@ -40,16 +53,19 @@ export function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessio
     const location = useLocation();
     const [accountProfileSummary, setAccountProfileSummary] = useState(null);
     const [actionBusy, setActionBusy] = useState(false);
+    const [continueActionBusy, setContinueActionBusy] = useState(false);
     const [feedback, setFeedback] = useState(null);
     const checkoutStartRan = useRef(false);
-    const checkoutSuccessHandledRef = useRef(null);
+    const checkoutSuccessSettledRef = useRef(null);
     const transientQueryClearTimeoutRef = useRef(null);
+    const onContinueToTaskforceRef = useRef(onContinueToTaskforce);
     const query = useMemo(() => new URLSearchParams(location.search), [location.search]);
     const checkoutState = String(query.get('checkout') || '').trim().toLowerCase();
     const gateState = String(query.get('gate') || '').trim().toLowerCase();
     const queryPlanId = String(query.get('planId') || '').trim();
     const queryPlanVersionId = String(query.get('planVersionId') || '').trim();
     const queryInterval = parseInterval(query.get('interval'));
+    const queryIntervalValue = normalizeIntervalValue(query.get('interval'));
     const querySessionId = String(query.get('session_id') || '').trim();
     const normalizedApiBaseUrl = useMemo(() => normalizeApiBaseUrl(apiBaseUrl), [apiBaseUrl]);
     const normalizedConnectedEnvironmentSource = useMemo(() => normalizeApiBaseUrl(connectedEnvironmentSource), [connectedEnvironmentSource]);
@@ -80,16 +96,15 @@ export function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessio
         const nextQuery = params.toString();
         navigate(`/${nextQuery ? `?${nextQuery}` : ''}${location.hash || ''}`);
     }, [location.hash, location.search, navigate]);
-    const pricingEndpoints = useMemo(() => {
-        const endpoints = [
-            normalizedApiBaseUrl ? `${normalizedApiBaseUrl}/api/taskforce/public/pricing` : '',
-            '/api/taskforce/public/pricing'
-        ].map((value) => String(value || '').trim()).filter((value, index, all) => value && all.indexOf(value) === index);
-        return endpoints;
-    }, [normalizedApiBaseUrl]);
+    const pricingEndpoint = useMemo(() => buildCloudBillingUrl('/api/taskforce/public/pricing'), [buildCloudBillingUrl]);
     const lifecyclePresentation = useMemo(() => resolveCommercialLifecyclePresentation(accountProfileSummary, gateState), [accountProfileSummary, gateState]);
     const hasResolvedActiveEntitlement = useMemo(() => lifecyclePresentation.allowReturnToApp, [lifecyclePresentation.allowReturnToApp]);
-    const gateMessage = useMemo(() => lifecyclePresentation.message, [lifecyclePresentation.message]);
+    const gateMessage = useMemo(() => {
+        const message = String(lifecyclePresentation.message || '').trim();
+        if (!message || message === HIDDEN_GATE_MESSAGE)
+            return null;
+        return message;
+    }, [lifecyclePresentation.message]);
     const clearTransientQueryState = useCallback(() => {
         const next = new URLSearchParams(location.search);
         next.delete('checkout');
@@ -110,6 +125,9 @@ export function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessio
             transientQueryClearTimeoutRef.current = null;
         }, TRANSIENT_CHECKOUT_QUERY_CLEAR_DELAY_MS);
     }, [clearTransientQueryState]);
+    useEffect(() => {
+        onContinueToTaskforceRef.current = onContinueToTaskforce;
+    }, [onContinueToTaskforce]);
     const loadAccountProfileSummary = useCallback(async (options) => {
         const accountProfileSummaryUrl = buildCloudBillingUrl(ACCOUNT_PROFILE_SUMMARY_PATH);
         if (!isAuthenticated) {
@@ -131,11 +149,14 @@ export function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessio
             return null;
         }
     }, [authUserId, buildCloudBillingUrl, isAuthenticated, onAccountProfileSummaryChange]);
-    const resolveRecoveryMessage = useCallback((summary, fallback) => {
+    const resolveRecoveryMessage = useCallback((summary, fallback, options) => {
+        const normalizedFallback = String(fallback || '').trim();
+        if (options?.preferFallback && normalizedFallback)
+            return normalizedFallback;
         const message = resolveCommercialLifecyclePresentation(summary, gateState).message;
         if (message)
             return message;
-        return String(fallback || 'Unable to confirm checkout completion.').trim() || 'Unable to confirm checkout completion.';
+        return normalizedFallback || 'Unable to confirm checkout completion.';
     }, [gateState]);
     const shouldAutoContinueAfterActivation = useCallback((summary, fallbackGate) => {
         return !resolveCommercialLifecyclePresentation(summary, fallbackGate).allowReturnToApp;
@@ -226,6 +247,47 @@ export function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessio
                 retryable: false
             };
         }
+        const confirmViaSummary = async () => {
+            invalidateAccountProfileSummaryCache(buildCloudBillingUrl(ACCOUNT_PROFILE_SUMMARY_PATH), { identityKey: authUserId });
+            const summary = await loadAccountProfileSummary({ force: true });
+            const summaryState = String(summary?.entitlementState || '').trim().toLowerCase();
+            if (!isCommercialEntitlementActive(summaryState)) {
+                return false;
+            }
+            const expectedPlanId = queryPlanId;
+            const expectedPlanVersionId = queryPlanVersionId;
+            const expectedInterval = queryIntervalValue;
+            const currentPlanId = String(summary?.planId || '').trim();
+            const currentPlanVersionId = String(summary?.planVersionId || '').trim();
+            const currentInterval = normalizeIntervalValue(summary?.billingInterval ?? null);
+            const preSummary = options?.preConfirmationSummary ?? null;
+            const preState = String(preSummary?.entitlementState || '').trim().toLowerCase();
+            const preWasActive = isCommercialEntitlementActive(preState);
+            const prePlanId = String(preSummary?.planId || '').trim();
+            const prePlanVersionId = String(preSummary?.planVersionId || '').trim();
+            const preInterval = normalizeIntervalValue(preSummary?.billingInterval ?? null);
+            if (expectedPlanId && currentPlanId && currentPlanId !== expectedPlanId) {
+                return false;
+            }
+            if (expectedPlanVersionId && currentPlanVersionId && currentPlanVersionId !== expectedPlanVersionId) {
+                return false;
+            }
+            if (expectedInterval && currentInterval && currentInterval !== expectedInterval) {
+                return false;
+            }
+            if (preWasActive) {
+                const requestedPlanChanged = Boolean(expectedPlanId) && currentPlanId === expectedPlanId && prePlanId !== currentPlanId;
+                const requestedPlanVersionChanged = Boolean(expectedPlanVersionId) && currentPlanVersionId === expectedPlanVersionId && prePlanVersionId !== currentPlanVersionId;
+                const requestedIntervalChanged = Boolean(expectedInterval) && currentInterval === expectedInterval && preInterval !== currentInterval;
+                if (!requestedPlanChanged && !requestedPlanVersionChanged && !requestedIntervalChanged) {
+                    return false;
+                }
+            }
+            if (options?.autoContinueOnActivation === true) {
+                await onContinueToTaskforceRef.current?.();
+            }
+            return true;
+        };
         try {
             const res = await fetch(buildCloudBillingUrl('/api/taskforce/billing/checkout-session/confirm'), {
                 method: 'POST',
@@ -236,17 +298,18 @@ export function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessio
             const payload = await res.json().catch(() => ({}));
             if (!res.ok) {
                 const errorCode = String(payload?.code || '').trim();
+                const retryable = shouldRetryCheckoutConfirmation(res.status, errorCode);
+                if (retryable && await confirmViaSummary()) {
+                    return { confirmed: true };
+                }
                 return {
                     confirmed: false,
                     errorMessage: String(payload?.error || 'Unable to confirm checkout completion.'),
-                    retryable: shouldRetryCheckoutConfirmation(res.status, errorCode)
+                    retryable
                 };
             }
-            invalidateAccountProfileSummaryCache(buildCloudBillingUrl(ACCOUNT_PROFILE_SUMMARY_PATH), { identityKey: authUserId });
-            const summary = await loadAccountProfileSummary({ force: true });
-            const summaryState = String(summary?.entitlementState || '').trim().toLowerCase();
-            if (options?.autoContinueOnActivation === true && isCommercialEntitlementActive(summaryState)) {
-                await onContinueToTaskforce?.();
+            if (await confirmViaSummary()) {
+                return { confirmed: true };
             }
             return { confirmed: true };
         }
@@ -257,14 +320,14 @@ export function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessio
                 retryable: true
             };
         }
-    }, [authUserId, buildCloudBillingUrl, loadAccountProfileSummary, onContinueToTaskforce]);
+    }, [authUserId, buildCloudBillingUrl, loadAccountProfileSummary, queryIntervalValue, queryPlanId, queryPlanVersionId]);
     const openBillingPortal = useCallback(async () => {
         if (!isAuthenticated) {
             navigate(`/login?mode=login&next=${encodeURIComponent(buildEmbeddedPlansPath())}`);
             return;
         }
         setActionBusy(true);
-        setFeedback(null);
+        setFeedback({ type: 'info', message: 'Opening billing portal...' });
         try {
             const res = await fetch(buildCloudBillingUrl('/api/taskforce/billing/portal-session'), {
                 method: 'POST',
@@ -289,6 +352,17 @@ export function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessio
             setActionBusy(false);
         }
     }, [buildCloudBillingUrl, isAuthenticated, navigate]);
+    const handleContinueToTaskforce = useCallback(async () => {
+        if (!onContinueToTaskforce || continueActionBusy || continueBusy)
+            return;
+        setContinueActionBusy(true);
+        try {
+            await onContinueToTaskforce();
+        }
+        finally {
+            setContinueActionBusy(false);
+        }
+    }, [continueActionBusy, continueBusy, onContinueToTaskforce]);
     useEffect(() => {
         void loadAccountProfileSummary();
     }, [loadAccountProfileSummary]);
@@ -306,7 +380,7 @@ export function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessio
     }, []);
     useEffect(() => {
         if (checkoutState !== 'success') {
-            checkoutSuccessHandledRef.current = null;
+            checkoutSuccessSettledRef.current = null;
         }
     }, [checkoutState]);
     useEffect(() => {
@@ -326,7 +400,8 @@ export function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessio
         if (checkoutState === 'success') {
             checkoutStartRan.current = true;
             setFeedback({ type: 'success', message: 'Checkout completed successfully. Finalizing your plan...' });
-            if (!authSessionResolved) {
+            const shouldWaitForAuthBootstrap = !isAuthenticated && !authSessionResolved;
+            if (shouldWaitForAuthBootstrap) {
                 return () => {
                     cancelled = true;
                     pendingRetryTimeouts.forEach((timeoutId) => window.clearTimeout(timeoutId));
@@ -342,33 +417,40 @@ export function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessio
                 };
             }
             const successFlowKey = querySessionId || '__missing_session__';
-            if (checkoutSuccessHandledRef.current === successFlowKey) {
+            if (checkoutSuccessSettledRef.current === successFlowKey) {
                 return () => {
                     cancelled = true;
                     pendingRetryTimeouts.forEach((timeoutId) => window.clearTimeout(timeoutId));
                     pendingRetryTimeouts.clear();
                 };
             }
-            checkoutSuccessHandledRef.current = successFlowKey;
             void (async () => {
+                const autoConfirmStartedAt = Date.now();
                 const preConfirmationSummary = await loadAccountProfileSummary({ force: true });
                 if (cancelled)
                     return;
                 let confirmation = querySessionId
                     ? { confirmed: false, errorMessage: 'Unable to confirm checkout completion.', retryable: true }
                     : { confirmed: false, errorMessage: 'Checkout session is missing.', retryable: false };
-                for (const delayMs of CHECKOUT_CONFIRM_RETRY_DELAYS_MS) {
+                let attemptIndex = 0;
+                while (true) {
+                    const delayMs = attemptIndex < CHECKOUT_CONFIRM_INITIAL_RETRY_DELAYS_MS.length
+                        ? CHECKOUT_CONFIRM_INITIAL_RETRY_DELAYS_MS[attemptIndex]
+                        : CHECKOUT_CONFIRM_RETRY_INTERVAL_MS;
+                    attemptIndex += 1;
                     await waitForRetry(delayMs);
                     if (cancelled)
                         return;
                     confirmation = querySessionId
                         ? await confirmCheckoutSession(querySessionId, {
-                            autoContinueOnActivation: shouldAutoContinueAfterActivation(preConfirmationSummary, gateState)
+                            autoContinueOnActivation: shouldAutoContinueAfterActivation(preConfirmationSummary, gateState),
+                            preConfirmationSummary
                         })
                         : { confirmed: false, errorMessage: 'Checkout session is missing.', retryable: false };
                     if (cancelled)
                         return;
                     if (confirmation.confirmed) {
+                        checkoutSuccessSettledRef.current = successFlowKey;
                         setFeedback({ type: 'success', message: 'Checkout completed successfully.' });
                         scheduleTransientQueryClear();
                         return;
@@ -376,6 +458,9 @@ export function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessio
                     if (!confirmation.retryable) {
                         break;
                     }
+                    if ((Date.now() - autoConfirmStartedAt) >= CHECKOUT_CONFIRM_MAX_AUTO_RETRY_MS) {
+                        break;
+                    }
                 }
                 if (cancelled)
                     return;
@@ -383,11 +468,18 @@ export function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessio
                     const summary = await loadAccountProfileSummary({ force: true });
                     if (cancelled)
                         return;
+                    if (!confirmation.retryable) {
+                        checkoutSuccessSettledRef.current = successFlowKey;
+                    }
                     setFeedback({
                         type: 'error',
-                        message: resolveRecoveryMessage(summary, confirmation.errorMessage)
+                        message: resolveRecoveryMessage(summary, confirmation.errorMessage, {
+                            preferFallback: !confirmation.retryable
+                        })
                     });
-                    scheduleTransientQueryClear();
+                    if (!confirmation.retryable) {
+                        scheduleTransientQueryClear();
+                    }
                     return;
                 }
             })();
@@ -464,7 +556,7 @@ export function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessio
     }, [accountProfileSummary, gateState, isAuthenticated, navigate, openBillingPortal, shouldAutoContinueAfterActivation, startCheckout]);
     const handleBack = useCallback(() => {
         if (hasResolvedActiveEntitlement && onContinueToTaskforce) {
-            void onContinueToTaskforce();
+            void handleContinueToTaskforce();
             return;
         }
         if (embedded) {
@@ -476,9 +568,8 @@ export function PlansPage({ isAuthenticated, authUserId, runtimeMode, authSessio
             return;
         }
         navigate('/');
-    }, [closeEmbeddedPlansScreen, embedded, hasResolvedActiveEntitlement, navigate, onContinueToTaskforce]);
-    const continueAction = hasResolvedActiveEntitlement && onContinueToTaskforce ? (_jsx("button", { className: styles.navAction, onClick: () => { void onContinueToTaskforce(); }, disabled: continueBusy || actionBusy, children: "Take Me to Taskforce" })) : null;
-    const topActions = embedded ? (_jsxs(_Fragment, { children: [continueAction, isAuthenticated && accountProfileSummary?.stripeCustomerId && (_jsx("button", { className: styles.navAction, onClick: () => { void openBillingPortal(); }, disabled: actionBusy, children: "Manage billing" }))] })) : (_jsxs(_Fragment, { children: [_jsx("button", { className: styles.navAction, onClick: handleBack, disabled: continueBusy || (isAuthenticated && !hasResolvedActiveEntitlement), children: hasResolvedActiveEntitlement ? 'Take Me to Taskforce' : 'Back' }), isAuthenticated && accountProfileSummary?.stripeCustomerId && (_jsx("button", { className: styles.navAction, onClick: () => { void openBillingPortal(); }, disabled: actionBusy, children: "Manage billing" })), !isAuthenticated && (_jsxs("button", { className: styles.navAction, onClick: () => navigate(`/login?mode=login&next=${encodeURIComponent(buildEmbeddedPlansPath())}`), children: [_jsx(User, { size: 16, style: { marginRight: '8px', verticalAlign: 'text-bottom' } }), "Sign In"] }))] }));
-    const chrome = embedded ? null : (_jsx(AppShellHeader, { projectName: projectName, currentWorkspaceId: currentWorkspaceId, runtimeMode: runtimeMode === 'cloud' ? 'cloud' : 'local', theme: currentTheme, actions: topActions }));
-    return (_jsx(PlanComparisonPage, { chrome: chrome, heading: "Subscription Plans", subtitle: "Manage your subscription and explore available features. Your current plan is highlighted below.", isAuthenticated: isAuthenticated, authSessionResolved: authSessionResolved, currentPlanId: String(accountProfileSummary?.planId || queryPlanId || '').trim() || null, currentPlanVersionId: String(accountProfileSummary?.planVersionId || queryPlanVersionId || '').trim() || null, currentEntitlementState: String(accountProfileSummary?.entitlementState || '').trim() || null, canManageCurrentPlan: Boolean(accountProfileSummary?.stripeCustomerId), pricingEndpoint: pricingEndpoints[0], statusBanner: feedback, onBack: handleBack, backLabel: hasResolvedActiveEntitlement ? 'Take Me to Taskforce' : (embedded ? 'Back to Board' : 'Back to App'), backDisabled: continueBusy || (isAuthenticated && !hasResolvedActiveEntitlement), topActions: embedded ? topActions : null, shellOwnsScroll: shellOwnsScroll, showPageBackButton: !embedded, fallbackPricingSource: fallbackPricingSource, onSelectPlan: handleSelectPlan }));
+    }, [closeEmbeddedPlansScreen, embedded, handleContinueToTaskforce, hasResolvedActiveEntitlement, navigate, onContinueToTaskforce]);
+    const headerActions = embedded ? null : (_jsxs(_Fragment, { children: [_jsx("button", { className: styles.navAction, onClick: handleBack, disabled: continueBusy || continueActionBusy || (isAuthenticated && !hasResolvedActiveEntitlement), children: hasResolvedActiveEntitlement ? 'Take Me to Taskforce' : 'Back' }), isAuthenticated && accountProfileSummary?.stripeCustomerId && (_jsx("button", { className: styles.navAction, onClick: () => { void openBillingPortal(); }, disabled: actionBusy, children: "Manage billing" })), !isAuthenticated && (_jsxs("button", { className: styles.navAction, onClick: () => navigate(`/login?mode=login&next=${encodeURIComponent(buildEmbeddedPlansPath())}`), children: [_jsx(User, { size: 16, style: { marginRight: '8px', verticalAlign: 'text-bottom' } }), "Sign In"] }))] }));
+    const chrome = embedded ? null : (_jsx(AppShellHeader, { projectName: projectName, currentWorkspaceId: currentWorkspaceId, runtimeMode: runtimeMode === 'cloud' ? 'cloud' : 'local', theme: currentTheme, actions: headerActions }));
+    return (_jsx(PlanComparisonPage, { chrome: chrome, heading: "Subscription Plans", subtitle: "Manage your subscription and explore available features. Your current plan is highlighted below.", isAuthenticated: isAuthenticated, authSessionResolved: authSessionResolved, currentPlanId: String(accountProfileSummary?.planId || queryPlanId || '').trim() || null, currentPlanVersionId: String(accountProfileSummary?.planVersionId || queryPlanVersionId || '').trim() || null, currentEntitlementState: String(accountProfileSummary?.entitlementState || '').trim() || null, markCurrentPlan: lifecyclePresentation.markCurrentPlan, canManageCurrentPlan: Boolean(accountProfileSummary?.stripeCustomerId), pricingEndpoint: pricingEndpoint, statusBanner: feedback, onBack: handleBack, backLabel: hasResolvedActiveEntitlement ? 'Take Me to Taskforce' : (embedded ? 'Back to Board' : 'Back to App'), backDisabled: continueBusy || continueActionBusy || (isAuthenticated && !hasResolvedActiveEntitlement), topActions: null, shellOwnsScroll: shellOwnsScroll, showPageBackButton: false, showHeaderBarWithChrome: false, currentPlanCardActionMode: "manage", fallbackPricingSource: fallbackPricingSource, onSelectPlan: handleSelectPlan }));
 }