@paro.io/expert-shared-components 1.14.63 → 1.14.64

package/lib/components/TaxAxis/TaxAxisShell.js

@@ -113,6 +113,36 @@ function entityTypeKey(entity) {
         return undefined;
     return (_a = ENTITY_DISPLAY_TO_KEY[entity]) !== null && _a !== void 0 ? _a : entity;
 }
+const GENERATING_STAGES = [
+    'Analyzing entity structure…',
+    'Evaluating deduction strategies…',
+    'Modeling tax scenarios…',
+    'Scoring strategy opportunities…',
+    'Generating prospect insights…',
+];
+function GeneratingOverlay() {
+    const [elapsed, setElapsed] = (0, react_1.useState)(0);
+    const [mounted, setMounted] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => { setMounted(true); }, []);
+    (0, react_1.useEffect)(() => {
+        const id = setInterval(() => setElapsed((s) => s + 1), 1000);
+        return () => clearInterval(id);
+    }, []);
+    const stageIdx = Math.min(Math.floor(elapsed / 9), GENERATING_STAGES.length - 1);
+    return (react_1.default.createElement("div", { className: 'fixed inset-0 z-[180] bg-black/25' },
+        react_1.default.createElement("div", { className: 'absolute left-1/2 top-1/3 -translate-x-1/2 rounded-xl bg-tax-axis-surface px-8 py-6 text-center shadow-lg border border-tax-axis-border', style: { maxWidth: 360, width: '100%' } },
+            react_1.default.createElement("div", { className: 'w-full h-1.5 rounded-full bg-tax-axis-border mb-4 overflow-hidden' },
+                react_1.default.createElement("div", { className: 'h-full rounded-full', style: {
+                        background: 'linear-gradient(90deg, #248384, #2dd4bf)',
+                        width: mounted ? '95%' : '0%',
+                        transition: 'width 45s ease-out',
+                    } })),
+            react_1.default.createElement("div", { className: 'text-sm font-semibold text-white mb-1 font-tax-axis-body' }, "Generating Prospect Report"),
+            react_1.default.createElement("div", { className: 'text-xs text-tax-axis-text-3 font-tax-axis-body mb-2', style: { minHeight: 18 } }, GENERATING_STAGES[stageIdx]),
+            react_1.default.createElement("div", { className: 'text-[10px] text-tax-axis-text-4 font-tax-axis-mono' },
+                elapsed,
+                "s elapsed"))));
+}
 function buildSessionInput(profile) {
     const taxYear = Number(profile.year) || new Date().getFullYear();
     return {
@@ -574,11 +604,7 @@ const TaxAxisShell = ({ taxAxisApi, userContext = 'expert', initialSessionId, in
                 react_1.default.createElement("div", { className: 'flex items-center gap-2' },
                     react_1.default.createElement("div", { className: 'w-3 h-3 rounded-full animate-spin flex-shrink-0', style: { border: '2px solid transparent', borderTopColor: '#248384' } }),
                     busyMessage)))),
-        generating && (react_1.default.createElement("div", { className: 'fixed inset-0 z-[180] bg-black/25' },
-            react_1.default.createElement("div", { className: 'absolute left-1/2 top-1/3 -translate-x-1/2 rounded-xl bg-tax-axis-surface px-8 py-6 text-center shadow-lg border border-tax-axis-border', style: { maxWidth: 360 } },
-                react_1.default.createElement("div", { className: 'w-6 h-6 rounded-full animate-spin mx-auto mb-3', style: { border: '2.5px solid transparent', borderTopColor: '#248384' } }),
-                react_1.default.createElement("div", { className: 'text-sm font-semibold text-white mb-1 font-tax-axis-body' }, "Generating Prospect Report"),
-                react_1.default.createElement("div", { className: 'text-xs text-tax-axis-text-3 font-tax-axis-body' }, "Analyzing strategies and generating insights...")))),
+        generating && react_1.default.createElement(GeneratingOverlay, null),
         currentView));
 };
 exports.TaxAxisShell = TaxAxisShell;

package/lib/tax-axis/components/intake/TaxAxisIntake.js

@@ -88,26 +88,6 @@ function TaxAxisIntake({ userContext = "expert", onProspect, onFullAnalysis, ini
     });
     const profile = methods.watch();
     const missingFields = (0, react_1.useMemo)(() => getMissingFields(profile), [profile]);
-    const [showDemo, setShowDemo] = (0, react_1.useState)(false);
-    const konamiRef = (0, react_1.useRef)({ keys: '', timer: null });
-    (0, react_1.useEffect)(() => {
-        const handler = (e) => {
-            var _a;
-            const tag = (_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName;
-            if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT')
-                return;
-            const k = konamiRef.current;
-            k.keys += e.key.toLowerCase();
-            clearTimeout(k.timer);
-            k.timer = setTimeout(() => { k.keys = ''; }, 3000);
-            if (k.keys.includes('demo')) {
-                setShowDemo(true);
-                k.keys = '';
-            }
-        };
-        window.addEventListener('keydown', handler);
-        return () => window.removeEventListener('keydown', handler);
-    }, []);
     const handleDemoToggle = () => {
         const current = methods.getValues();
         const isDemoFilled = current.bizName === DEMO_PROFILE.bizName;
@@ -127,9 +107,17 @@ function TaxAxisIntake({ userContext = "expert", onProspect, onFullAnalysis, ini
     };
     return (react_1.default.createElement(react_hook_form_1.FormProvider, Object.assign({}, methods),
         react_1.default.createElement("div", { className: "grid grid-cols-[1fr_1fr] gap-5" },
-            react_1.default.createElement("div", { className: "relative flex flex-col gap-4" },
-                showDemo && (react_1.default.createElement("button", { type: "button", onClick: handleDemoToggle, className: "absolute right-0 -top-1 text-[10px] text-tax-axis-text-4 opacity-40 hover:opacity-80 transition-opacity cursor-pointer bg-transparent border-none font-tax-axis-mono", style: { zIndex: 20 } }, "Demo")),
-                react_1.default.createElement(ClientParametersSection_1.ClientParametersSection, { userContext: userContext }),
+            react_1.default.createElement("div", { className: "flex flex-col gap-4" },
+                react_1.default.createElement("div", { onClick: (e) => {
+                        var _a;
+                        if (e.detail === 3) {
+                            const tag = (_a = e.target) === null || _a === void 0 ? void 0 : _a.tagName;
+                            if (tag === 'INPUT' || tag === 'TEXTAREA' || tag === 'SELECT')
+                                return;
+                            handleDemoToggle();
+                        }
+                    } },
+                    react_1.default.createElement(ClientParametersSection_1.ClientParametersSection, { userContext: userContext })),
                 react_1.default.createElement(RefineAnalysisSection_1.RefineAnalysisSection, { userContext: userContext }),
                 react_1.default.createElement(CpaIntakeQuestionsSection_1.CpaIntakeQuestionsSection, { userContext: userContext }),
                 react_1.default.createElement(IntakeCtaCards_1.IntakeCtaCards, { onProspect: handleProspect, onFullAnalysis: handleFull, userContext: userContext, missingFields: missingFields })),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paro.io/expert-shared-components",
-  "version": "1.14.63",
+  "version": "1.14.64",
   "description": "",
   "main": "lib/index.js",
   "scripts": {