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

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

@@ -20,4 +20,4 @@ export interface TaxAxisDocumentsProps extends TaxAxisScreenProps {
     onQboConnected?: (companyName: string) => void;
     onQboDisconnected?: () => void;
 }
-export declare function TaxAxisDocuments({ profile, onContinue, onBack, userContext: _userContext, }: TaxAxisDocumentsProps): React.JSX.Element;
+export declare function TaxAxisDocuments({ profile, onContinue, onBack, onUploadDocument, onDeleteDocument, fetchUploadedDocuments, jobId, userContext: _userContext, }: TaxAxisDocumentsProps): React.JSX.Element;

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

@@ -22,6 +22,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TaxAxisDocuments = TaxAxisDocuments;
 const react_1 = __importStar(require("react"));
@@ -29,17 +38,17 @@ const documents_1 = require("../../lib/data/documents");
 const TaxAxisButton_1 = require("../shared/TaxAxisButton");
 const DocumentTier_1 = require("./DocumentTier");
 const DocumentReviewModal_1 = require("./DocumentReviewModal");
-// Stub filenames assigned when the user clicks "Upload" (mock App.jsx:1237)
-const STUB_FILENAMES = {
-    "1120s": "2025_1120S.pdf",
-    "state-return": "2025_State_Return.pdf",
-    "payroll": "2025_Payroll.xlsx",
-    "pnl": "QBO_PnL_2025.pdf",
-    "balance": "QBO_BS_2025.pdf",
-    "cashflow": "QBO_CashFlow_2025.pdf",
-    "fixed-assets": "Fixed_Assets.xlsx",
-    "prior-returns": "Prior_Returns.pdf",
-};
+// Stub filenames from original mock (App.jsx:1237) — retained for reference.
+// const STUB_FILENAMES: Record<string, string> = {
+//   "1120s": "2025_1120S.pdf",
+//   "state-return": "2025_State_Return.pdf",
+//   "payroll": "2025_Payroll.xlsx",
+//   "pnl": "QBO_PnL_2025.pdf",
+//   "balance": "QBO_BS_2025.pdf",
+//   "cashflow": "QBO_CashFlow_2025.pdf",
+//   "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,
@@ -94,7 +103,7 @@ const TIER_DEFS = [
         ids: ["state-return", "cashflow", "prior-returns"],
     },
 ];
-function TaxAxisDocuments({ profile, onContinue, onBack, userContext: _userContext = "expert", }) {
+function TaxAxisDocuments({ profile, onContinue, onBack, onUploadDocument, onDeleteDocument, fetchUploadedDocuments, jobId, userContext: _userContext = "expert", }) {
     var _a;
     const docSpecs = (0, react_1.useMemo)(() => (0, documents_1.getDocSpecs)(profile), [profile]);
     const [docs, setDocs] = (0, react_1.useState)(() => docSpecs.map((s) => (Object.assign(Object.assign({}, s), { status: "empty", fileName: null }))));
@@ -103,14 +112,78 @@ function TaxAxisDocuments({ profile, onContinue, onBack, userContext: _userConte
     const reviewDoc = reviewDocId
         ? (_a = docs.find((d) => d.id === reviewDocId)) !== null && _a !== void 0 ? _a : null
         : null;
-    // Stub upload: empty -> validating -> valid after a short delay
-    // (mock App.jsx:1238-1241)
+    // File picker refs
+    const fileInputRef = (0, react_1.useRef)(null);
+    const uploadTargetIdx = (0, react_1.useRef)(-1);
+    const documentIdMap = (0, react_1.useRef)({});
+    // Load previously uploaded documents on mount
+    (0, react_1.useEffect)(() => {
+        if (!fetchUploadedDocuments)
+            return;
+        fetchUploadedDocuments()
+            .then((uploaded) => {
+            if (!uploaded || uploaded.length === 0)
+                return;
+            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;
+                const status = match.status === 'PARSED' || match.status === 'valid'
+                    ? 'valid'
+                    : match.status === 'FAILED'
+                        ? 'empty'
+                        : 'validating';
+                return Object.assign(Object.assign({}, d), { status, fileName: match.fileName || d.fileName });
+            }));
+        })
+            .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) => {
-        setDocs((prev) => prev.map((d, i) => i === idx
-            ? Object.assign(Object.assign({}, d), { status: "validating", fileName: STUB_FILENAMES[d.id] || "document.pdf" }) : d));
-        setTimeout(() => setDocs((prev) => prev.map((d, i) => i === idx ? Object.assign(Object.assign({}, d), { status: "valid" }) : d)), 500 + Math.random() * 400);
+        var _a;
+        if (!onUploadDocument) {
+            console.warn('[TaxAxisDocuments] No onUploadDocument handler provided');
+            return;
+        }
+        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.value = '';
+            fileInputRef.current.click();
+        }
     };
+    // Handle file selection from the native picker
+    const handleFileSelected = (0, react_1.useCallback)((e) => __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        const file = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0];
+        const idx = uploadTargetIdx.current;
+        if (!file || idx < 0 || !onUploadDocument)
+            return;
+        const doc = docs[idx];
+        // Mark as validating immediately
+        setDocs((prev) => prev.map((d, i) => i === idx ? Object.assign(Object.assign({}, d), { status: 'validating', fileName: file.name }) : d));
+        try {
+            const result = yield onUploadDocument({ id: doc.id }, file);
+            if (result === null || result === void 0 ? void 0 : result.documentId) {
+                documentIdMap.current[doc.id] = result.documentId;
+            }
+            setDocs((prev) => prev.map((d, i) => i === idx ? Object.assign(Object.assign({}, d), { status: 'valid', fileName: file.name }) : d));
+        }
+        catch (err) {
+            console.error('[TaxAxisDocuments] Upload failed:', err);
+            setDocs((prev) => prev.map((d, i) => i === idx ? Object.assign(Object.assign({}, d), { status: 'empty', fileName: null }) : d));
+        }
+    }), [docs, onUploadDocument]);
     const handleClear = (idx) => {
+        const doc = docs[idx];
+        const backendDocId = documentIdMap.current[doc.id];
+        if (backendDocId && onDeleteDocument) {
+            onDeleteDocument(backendDocId).catch((err) => console.error('[TaxAxisDocuments] Delete failed:', err));
+            delete documentIdMap.current[doc.id];
+        }
         setDocs((prev) => prev.map((d, i) => i === idx
             ? Object.assign(Object.assign({}, d), { status: "empty", fileName: null }) : d));
     };
@@ -172,5 +245,6 @@ function TaxAxisDocuments({ profile, onContinue, onBack, userContext: _userConte
             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")),
-        reviewDoc && (react_1.default.createElement(DocumentReviewModal_1.DocumentReviewModal, { documentId: reviewDoc.id, documentName: reviewDoc.name, fileName: reviewDoc.fileName || "", jobId: "stub-job-id", onClose: () => setReviewDocId(null) }))));
+        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) }))));
 }

package/package.json

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