@paro.io/expert-shared-components 1.14.65 → 1.14.66

package/lib/tax-axis/components/documents/DocumentReviewModal.d.ts

@@ -7,5 +7,6 @@ export interface DocumentReviewModalProps {
     fileName: string;
     jobId: string;
     onClose: () => void;
+    parsedData?: Record<string, unknown> | null;
 }
-export declare function DocumentReviewModal({ documentId, documentName, fileName, jobId: _jobId, onClose, }: DocumentReviewModalProps): React.JSX.Element;
+export declare function DocumentReviewModal({ documentId, documentName, fileName, jobId: _jobId, onClose, parsedData, }: DocumentReviewModalProps): React.JSX.Element;

package/lib/tax-axis/components/documents/DocumentReviewModal.js

@@ -143,23 +143,59 @@ function getStubSections(documentId) {
         },
     ];
 }
+function humanizeFieldKey(key) {
+    return key.replace(/_/g, ' ').replace(/\b\w/g, (c) => c.toUpperCase());
+}
+function formatFieldValue(value) {
+    if (typeof value === 'number') {
+        return Math.abs(value) >= 1
+            ? `$${value.toLocaleString('en-US', { maximumFractionDigits: 0 })}`
+            : String(value);
+    }
+    return String(value !== null && value !== void 0 ? value : '');
+}
+function parsedDataToSections(data) {
+    const fields = data.fields;
+    if (!fields || typeof fields !== 'object')
+        return [];
+    const entries = Object.entries(fields)
+        .filter(([key]) => !key.startsWith('_'));
+    if (entries.length === 0)
+        return [];
+    return [{
+            head: humanizeFieldKey(String(data.documentType || 'Extracted Fields')),
+            fields: entries.map(([key, value]) => ({
+                key,
+                label: humanizeFieldKey(key),
+                value: formatFieldValue(value),
+                sourceRef: 'Extracted',
+                confidence: 0.92,
+            })),
+        }];
+}
 function getTotalFieldCount(sections) {
     return sections.reduce((sum, s) => sum + s.fields.length, 0);
 }
 // ── Component ──
-function DocumentReviewModal({ documentId, documentName, fileName, jobId: _jobId, onClose, }) {
+function DocumentReviewModal({ documentId, documentName, fileName, jobId: _jobId, onClose, parsedData, }) {
     const [loading, setLoading] = (0, react_1.useState)(true);
     const [sections, setSections] = (0, react_1.useState)([]);
     const [saveStatus, setSaveStatus] = (0, react_1.useState)("idle");
     const debounceTimers = (0, react_1.useRef)({});
-    // Stub fetch: simulate loading delay
+    // Load sections from real parsedData when available, fall back to stubs
     (0, react_1.useEffect)(() => {
+        if (parsedData && typeof parsedData === 'object' && parsedData.fields) {
+            setSections(parsedDataToSections(parsedData));
+            setLoading(false);
+            return;
+        }
+        // Fallback: stub data with simulated delay
         const t = setTimeout(() => {
             setSections(getStubSections(documentId));
             setLoading(false);
         }, 400);
         return () => clearTimeout(t);
-    }, [documentId]);
+    }, [documentId, parsedData]);
     const handleFieldChange = (0, react_1.useCallback)((sectionIdx, fieldIdx, newValue) => {
         setSections((prev) => prev.map((sec, si) => si === sectionIdx
             ? Object.assign(Object.assign({}, sec), { fields: sec.fields.map((f, fi) => fi === fieldIdx ? Object.assign(Object.assign({}, f), { value: newValue }) : f) }) : sec));

package/lib/tax-axis/components/documents/TaxAxisDocuments.js

@@ -49,17 +49,11 @@ const DocumentReviewModal_1 = require("./DocumentReviewModal");
 //   "fixed-assets": "Fixed_Assets.xlsx",
 //   "prior-returns": "Prior_Returns.pdf",
 // };
-// Stub field counts per doc (mirrors STUB_SECTIONS in DocumentReviewModal)
-const STUB_FIELD_COUNTS = {
-    pnl: 13,
-    balance: 9,
-    "1120s": 3,
-    payroll: 3,
-    "state-return": 2,
-    cashflow: 1,
-    "fixed-assets": 1,
-    "prior-returns": 1,
-};
+// Stub field counts from original mock — retained for reference.
+// const STUB_FIELD_COUNTS: Record<string, number> = {
+//   pnl: 13, balance: 9, "1120s": 3, payroll: 3,
+//   "state-return": 2, cashflow: 1, "fixed-assets": 1, "prior-returns": 1,
+// };
 // Short help text shown below each doc name when not yet uploaded
 // (mock App.jsx:1384). Overrides the longer DOC_SPECS_BASE.help.
 const HELP_OVERRIDES = {
@@ -116,6 +110,7 @@ function TaxAxisDocuments({ profile, onContinue, onBack, onUploadDocument, onDel
     const fileInputRef = (0, react_1.useRef)(null);
     const uploadTargetIdx = (0, react_1.useRef)(-1);
     const documentIdMap = (0, react_1.useRef)({});
+    const [parsedDataMap, setParsedDataMap] = (0, react_1.useState)({});
     // Load previously uploaded documents on mount
     (0, react_1.useEffect)(() => {
         if (!fetchUploadedDocuments)
@@ -124,12 +119,15 @@ function TaxAxisDocuments({ profile, onContinue, onBack, onUploadDocument, onDel
             .then((uploaded) => {
             if (!uploaded || uploaded.length === 0)
                 return;
+            const newParsed = {};
             setDocs((prev) => prev.map((d) => {
                 const match = uploaded.find((u) => u.documentType === d.id);
                 if (!match)
                     return d;
                 if (match.documentId)
                     documentIdMap.current[d.id] = match.documentId;
+                if (match.parsedData)
+                    newParsed[d.id] = match.parsedData;
                 const status = match.status === 'PARSED' || match.status === 'valid'
                     ? 'valid'
                     : match.status === 'FAILED'
@@ -137,12 +135,14 @@ function TaxAxisDocuments({ profile, onContinue, onBack, onUploadDocument, onDel
                         : 'validating';
                 return Object.assign(Object.assign({}, d), { status, fileName: match.fileName || d.fileName });
             }));
+            if (Object.keys(newParsed).length > 0) {
+                setParsedDataMap((prev) => (Object.assign(Object.assign({}, prev), newParsed)));
+            }
         })
             .catch((err) => console.error('[TaxAxisDocuments] Failed to fetch uploaded documents:', err));
     }, []); // eslint-disable-line react-hooks/exhaustive-deps
     // Open native file picker for the target document slot
     const handleUpload = (idx) => {
-        var _a;
         if (!onUploadDocument) {
             console.warn('[TaxAxisDocuments] No onUploadDocument handler provided');
             return;
@@ -150,7 +150,7 @@ function TaxAxisDocuments({ profile, onContinue, onBack, onUploadDocument, onDel
         uploadTargetIdx.current = idx;
         if (fileInputRef.current) {
             const doc = docs[idx];
-            fileInputRef.current.accept = ((_a = doc.accept) === null || _a === void 0 ? void 0 : _a.join(',')) || '.pdf,.docx,.xlsx,.csv';
+            fileInputRef.current.accept = '.pdf,.doc,.docx,.xlsx,.xls,.csv';
             fileInputRef.current.value = '';
             fileInputRef.current.click();
         }
@@ -170,6 +170,9 @@ function TaxAxisDocuments({ profile, onContinue, onBack, onUploadDocument, onDel
             if (result === null || result === void 0 ? void 0 : result.documentId) {
                 documentIdMap.current[doc.id] = result.documentId;
             }
+            if (result === null || result === void 0 ? void 0 : result.parsedData) {
+                setParsedDataMap((prev) => (Object.assign(Object.assign({}, prev), { [doc.id]: result.parsedData })));
+            }
             setDocs((prev) => prev.map((d, i) => i === idx ? Object.assign(Object.assign({}, d), { status: 'valid', fileName: file.name }) : d));
         }
         catch (err) {
@@ -184,9 +187,27 @@ function TaxAxisDocuments({ profile, onContinue, onBack, onUploadDocument, onDel
             onDeleteDocument(backendDocId).catch((err) => console.error('[TaxAxisDocuments] Delete failed:', err));
             delete documentIdMap.current[doc.id];
         }
+        setParsedDataMap((prev) => {
+            const next = Object.assign({}, prev);
+            delete next[doc.id];
+            return next;
+        });
         setDocs((prev) => prev.map((d, i) => i === idx
             ? Object.assign(Object.assign({}, d), { status: "empty", fileName: null }) : d));
     };
+    // Compute real field counts from parsed data
+    const fieldCounts = (0, react_1.useMemo)(() => {
+        const counts = {};
+        for (const doc of docs) {
+            const pd = parsedDataMap[doc.id];
+            const fields = pd === null || pd === void 0 ? void 0 : pd.fields;
+            if (fields && typeof fields === 'object') {
+                counts[doc.id] = Object.keys(fields)
+                    .filter((k) => !k.startsWith('_')).length;
+            }
+        }
+        return counts;
+    }, [docs, parsedDataMap]);
     const validCount = docs.filter((d) => d.status === "valid").length;
     const requiredCount = docs.filter((d) => d.required === true).length;
     const requiredValid = docs.filter((d) => d.required === true && d.status === "valid").length;
@@ -239,12 +260,12 @@ function TaxAxisDocuments({ profile, onContinue, onBack, onUploadDocument, onDel
                     coveragePct,
                     "% coverage"),
                 validCount < docs.length && (react_1.default.createElement("span", { className: "text-[10px] text-tax-axis-text-4 font-tax-axis-body" }, "Upload more documents to increase strategy coverage")))),
-        TIER_DEFS.map((tier) => (react_1.default.createElement(DocumentTier_1.DocumentTier, { key: tier.key, tier: tier, docs: docs, helpOverrides: HELP_OVERRIDES, fieldCounts: STUB_FIELD_COUNTS, onUpload: handleUpload, onClear: handleClear, onReview: (docId) => setReviewDocId(docId) }))),
+        TIER_DEFS.map((tier) => (react_1.default.createElement(DocumentTier_1.DocumentTier, { key: tier.key, tier: tier, docs: docs, helpOverrides: HELP_OVERRIDES, fieldCounts: fieldCounts, onUpload: handleUpload, onClear: handleClear, onReview: (docId) => setReviewDocId(docId) }))),
         react_1.default.createElement("div", { className: "flex gap-3 mt-6" },
             react_1.default.createElement(TaxAxisButton_1.TaxAxisButton, { variant: "secondary", onClick: onBack }, "Back"),
             react_1.default.createElement(TaxAxisButton_1.TaxAxisButton, { onClick: onContinue, disabled: requiredCount > requiredValid, className: "flex-1" }, requiredCount > requiredValid
                 ? `Upload ${requiredCount - requiredValid} more required doc${requiredCount - requiredValid > 1 ? "s" : ""}`
                 : "Run Analysis")),
         react_1.default.createElement("input", { ref: fileInputRef, type: "file", style: { display: 'none' }, onChange: handleFileSelected }),
-        reviewDoc && (react_1.default.createElement(DocumentReviewModal_1.DocumentReviewModal, { documentId: documentIdMap.current[reviewDoc.id] || reviewDoc.id, documentName: reviewDoc.name, fileName: reviewDoc.fileName || "", jobId: jobId || "", onClose: () => setReviewDocId(null) }))));
+        reviewDoc && (react_1.default.createElement(DocumentReviewModal_1.DocumentReviewModal, { documentId: documentIdMap.current[reviewDoc.id] || reviewDoc.id, documentName: reviewDoc.name, fileName: reviewDoc.fileName || "", jobId: jobId || "", onClose: () => setReviewDocId(null), parsedData: parsedDataMap[reviewDoc.id] || null }))));
 }

package/package.json

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