@taskforcehq/taskforce 0.3.302 → 0.3.304

package/dist/components/views/PlansPage.test.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import { afterEach, describe, expect, it, vi } from 'vitest';
+import { MemoryRouter } from 'react-router-dom';
+import { PlansPage } from './PlansPage';
+vi.mock('./PlanComparisonPage', () => ({
+    PlanComparisonPage: ({ heading, statusBanner, topActions, onSelectPlan, onBack, backLabel, backDisabled }) => (_jsxs("div", { children: [_jsx("h1", { children: heading }), statusBanner?.message ? _jsx("div", { "data-status-type": statusBanner.type, children: statusBanner.message }) : null, topActions, onSelectPlan ? (_jsx("button", { onClick: () => onSelectPlan({
+                    planId: 'free',
+                    planVersionId: 'free-v1',
+                    interval: 'month',
+                    pricingType: 'free',
+                    isCurrentPlan: false
+                }), children: "Select Free Plan" })) : null, onBack ? (_jsx("button", { onClick: onBack, disabled: backDisabled, children: backLabel || 'Back' })) : null] }))
+}));
+describe('PlansPage', () => {
+    afterEach(() => {
+        vi.unstubAllGlobals();
+    });
+    it('shows recovery messaging instead of false checkout success when confirmation fails', async () => {
+        const fetchMock = vi.fn()
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                planId: 'pro',
+                planVersionId: 'pro-v1',
+                entitlementState: 'checkout_pending',
+                gate: 'checkout_pending',
+                message: 'Complete checkout to continue.'
+            })
+        })
+            .mockResolvedValueOnce({
+            ok: false,
+            json: async () => ({
+                error: 'Checkout session has not completed yet.',
+                code: 'CHECKOUT_SESSION_INCOMPLETE'
+            })
+        })
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                planId: 'pro',
+                planVersionId: 'pro-v1',
+                entitlementState: 'checkout_pending',
+                gate: 'plan_selection_required',
+                message: 'Your previous checkout expired. Choose a plan to continue.',
+                planSelectionRequired: true
+            })
+        });
+        vi.stubGlobal('fetch', fetchMock);
+        render(_jsx(MemoryRouter, { initialEntries: ['/?screen=plans&checkout=success&session_id=cs_test_123'], children: _jsx(PlansPage, { isAuthenticated: true, authUserId: "u1", runtimeMode: "cloud", authSessionResolved: true, resolveCloudAuthUrl: (path) => path }) }));
+        expect(await screen.findByText('Checkout completed successfully. Finalizing your plan...')).toBeInTheDocument();
+        expect(await screen.findByText('Your previous checkout expired. Choose a plan to continue.')).toBeInTheDocument();
+        expect(screen.queryByText('Checkout completed successfully.')).not.toBeInTheDocument();
+        await waitFor(() => {
+            expect(fetchMock).toHaveBeenNthCalledWith(2, '/api/taskforce/billing/checkout-session/confirm', expect.objectContaining({
+                method: 'POST'
+            }));
+        });
+    });
+    it('shows conflict-specific recovery messaging when the account lands on plans already blocked', async () => {
+        const fetchMock = vi.fn()
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                planId: 'pro',
+                planVersionId: 'pro-v1',
+                entitlementState: 'pending_plan_selection',
+                gate: 'plan_selection_required',
+                message: 'Choose a plan to continue.',
+                billingConflictCode: 'CHECKOUT_SESSION_SUPERSEDED',
+                planSelectionRequired: true
+            })
+        });
+        vi.stubGlobal('fetch', fetchMock);
+        render(_jsx(MemoryRouter, { initialEntries: ['/?screen=plans'], children: _jsx(PlansPage, { isAuthenticated: true, authUserId: "u2", runtimeMode: "cloud", authSessionResolved: true, resolveCloudAuthUrl: (path) => path }) }));
+        expect(await screen.findByText('A newer checkout replaced your previous checkout. Choose a plan to continue.')).toBeInTheDocument();
+    });
+    it('shows conflict-specific recovery messaging after checkout cancel when the latest attempt expired', async () => {
+        const fetchMock = vi.fn()
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                planId: 'pro',
+                planVersionId: 'pro-v1',
+                entitlementState: 'checkout_pending',
+                gate: 'checkout_pending',
+                message: 'Complete checkout to continue.'
+            })
+        })
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                planId: 'pro',
+                planVersionId: 'pro-v1',
+                entitlementState: 'pending_plan_selection',
+                gate: 'plan_selection_required',
+                message: 'Choose a plan to continue.',
+                billingConflictCode: 'CHECKOUT_SESSION_EXPIRED',
+                planSelectionRequired: true
+            })
+        });
+        vi.stubGlobal('fetch', fetchMock);
+        render(_jsx(MemoryRouter, { initialEntries: ['/?screen=plans&checkout=cancel'], children: _jsx(PlansPage, { isAuthenticated: true, authUserId: "u3", runtimeMode: "cloud", authSessionResolved: true, resolveCloudAuthUrl: (path) => path }) }));
+        expect(await screen.findByText('Your previous checkout expired. Choose a plan to continue.')).toBeInTheDocument();
+    });
+    it('auto-continues after a free plan grant and exposes a taskforce CTA once access is active', async () => {
+        const onContinueToTaskforce = vi.fn();
+        const fetchMock = vi.fn()
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                entitlementState: 'pending_plan_selection',
+                gate: 'plan_selection_required',
+                message: 'Choose a plan to continue.'
+            })
+        })
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                checkoutState: 'free'
+            })
+        })
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                entitlementState: 'active',
+                planId: 'free',
+                planVersionId: 'free-v1',
+                gate: 'ok',
+                message: null
+            })
+        });
+        vi.stubGlobal('fetch', fetchMock);
+        render(_jsx(MemoryRouter, { initialEntries: ['/?screen=plans&gate=plan_selection_required'], children: _jsx(PlansPage, { isAuthenticated: true, authUserId: "u4", runtimeMode: "cloud", authSessionResolved: true, resolveCloudAuthUrl: (path) => path, onContinueToTaskforce: onContinueToTaskforce }) }));
+        expect(await screen.findByText('Choose a plan to continue.')).toBeInTheDocument();
+        fireEvent.click(screen.getByRole('button', { name: 'Select Free Plan' }));
+        await waitFor(() => {
+            expect(onContinueToTaskforce).toHaveBeenCalledTimes(1);
+        });
+        expect(screen.getByRole('button', { name: 'Take Me to Taskforce' })).toBeInTheDocument();
+    });
+    it('disables the back action while the account is still entitlement-blocked', async () => {
+        const fetchMock = vi.fn()
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                entitlementState: 'pending_plan_selection',
+                gate: 'plan_selection_required',
+                message: 'Choose a plan to continue.'
+            })
+        });
+        vi.stubGlobal('fetch', fetchMock);
+        render(_jsx(MemoryRouter, { initialEntries: ['/?screen=plans&gate=plan_selection_required'], children: _jsx(PlansPage, { isAuthenticated: true, authUserId: "u5", runtimeMode: "cloud", authSessionResolved: true, resolveCloudAuthUrl: (path) => path }) }));
+        expect(await screen.findByRole('button', { name: 'Back to App' })).toBeDisabled();
+        expect(screen.getByText('Choose a plan to continue.')).toHaveAttribute('data-status-type', 'info');
+    });
+});

package/dist/components/views/StandaloneLayout.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { type UseTaskforceResult } from '../../hooks/useTaskforce';
 export type StandaloneLayoutProps = UseTaskforceResult & {
+    resolveCloudAuthUrl?: (path: string) => string;
     onHeaderMouseDown?: (e: React.MouseEvent) => void;
     isDragging?: boolean;
     onClose?: () => void;