@paro.io/expert-shared-components 1.14.59 → 1.14.61

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

@@ -1,11 +1,9 @@
 import React from "react";
 import { DocSpec } from "../../lib/types";
-export type DocStatus = "empty" | "validating" | "parsing" | "failed" | "valid";
+export type DocStatus = "empty" | "validating" | "valid";
 export interface DocState extends DocSpec {
     status: DocStatus;
     fileName: string | null;
-    parseError?: string | null;
-    qboSource?: boolean;
 }
 interface DocumentCardProps {
     doc: DocState;
@@ -13,11 +11,8 @@ interface DocumentCardProps {
     tierBadgeColor: "red" | "orange" | "neutral";
     tierBadgeText: string;
     helpOverride?: string;
-    fieldCount?: number;
-    onUpload: (file: File) => void;
+    onUpload: () => void;
     onClear: () => void;
-    onRemove?: () => void;
-    onReview?: () => void;
 }
-export declare function DocumentCard({ doc, tierBorderColor, tierBadgeColor, tierBadgeText, helpOverride, fieldCount, onUpload, onClear, onRemove, onReview, }: DocumentCardProps): React.JSX.Element;
+export declare function DocumentCard({ doc, tierBorderColor, tierBadgeColor, tierBadgeText, helpOverride, onUpload, onClear, }: DocumentCardProps): React.JSX.Element;
 export {};

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

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DocumentCard = DocumentCard;
 const react_1 = __importDefault(require("react"));
 const TaxAxisBadge_1 = require("../shared/TaxAxisBadge");
+// Inline style values per status — mock T hex values for SVG strokes and
+// rgba borders that don't have direct Tailwind token equivalents.
 const STATUS_STYLES = {
     empty: {
         iconBg: "#171B44",
@@ -17,114 +19,43 @@ const STATUS_STYLES = {
         iconBorder: "rgba(251,154,29,0.25)",
         cardBorder: "rgba(251,154,29,0.25)",
     },
-    parsing: {
-        iconBg: "rgba(36,131,132,0.08)",
-        iconBorder: "rgba(36,131,132,0.25)",
-        cardBorder: "rgba(36,131,132,0.25)",
-    },
-    failed: {
-        iconBg: "rgba(197,48,48,0.08)",
-        iconBorder: "rgba(197,48,48,0.25)",
-        cardBorder: "rgba(197,48,48,0.25)",
-    },
     valid: {
         iconBg: "rgba(15,110,86,0.08)",
         iconBorder: "rgba(15,110,86,0.25)",
         cardBorder: "rgba(15,110,86,0.25)",
     },
 };
-function DocumentCard({ doc, tierBorderColor, tierBadgeColor, tierBadgeText, helpOverride, fieldCount, onUpload, onClear, onRemove, onReview, }) {
-    var _a, _b, _c;
+function DocumentCard({ doc, tierBorderColor, tierBadgeColor, tierBadgeText, helpOverride, onUpload, onClear, }) {
+    var _a;
     const ss = STATUS_STYLES[doc.status];
     const leftBorder = doc.status === "valid" ? "rgba(15,110,86,0.6)" : tierBorderColor;
-    const fileInputId = `tax-axis-upload-${doc.id}`;
-    const reuploadInputId = `tax-axis-reupload-${doc.id}`;
     return (react_1.default.createElement("div", { className: "bg-tax-axis-surface overflow-hidden", style: {
             border: `1px solid ${ss.cardBorder}`,
             borderLeft: `3px solid ${leftBorder}`,
             borderRadius: "0 10px 10px 0",
             boxShadow: "0 2px 12px rgba(6,8,33,0.5)",
         } },
-        react_1.default.createElement("div", { className: "px-4 py-3 flex flex-col sm:flex-row gap-3 items-start sm:items-center" },
+        react_1.default.createElement("div", { className: "px-4 py-3 flex gap-3 items-center" },
             react_1.default.createElement("div", { className: "w-9 h-9 rounded-lg flex items-center justify-center flex-shrink-0", style: {
                     background: ss.iconBg,
                     border: `1px solid ${ss.iconBorder}`,
                 } }, doc.status === "validating" ? (react_1.default.createElement("div", { className: "w-3.5 h-3.5 rounded-full animate-spin", style: {
                     border: "2px solid transparent",
                     borderTopColor: "#FB9A1D",
-                } })) : doc.status === "parsing" ? (react_1.default.createElement("div", { className: "w-3.5 h-3.5 rounded-full animate-spin", style: {
-                    border: "2px solid transparent",
-                    borderTopColor: "#248384",
-                } })) : doc.status === "failed" ? (react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" },
-                react_1.default.createElement("path", { d: "M4 4l6 6M10 4L4 10", stroke: "#C53030", strokeWidth: "2", strokeLinecap: "round" }))) : doc.status === "valid" ? (react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" },
+                } })) : doc.status === "valid" ? (react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" },
                 react_1.default.createElement("path", { d: "M2.5 7l3.5 3.5 5.5-6", stroke: "#0F6E56", strokeWidth: "2", strokeLinecap: "round" }))) : (react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" },
                 react_1.default.createElement("circle", { cx: "7", cy: "7", r: "5", stroke: "#9498B8", strokeWidth: "1.5", strokeDasharray: "3 3" })))),
             react_1.default.createElement("div", { className: "flex-1 min-w-0" },
                 react_1.default.createElement("div", { className: "flex items-center gap-1.5" },
                     react_1.default.createElement("span", { className: "text-[13px] font-medium text-white font-tax-axis-body" }, doc.name),
-                    doc.status === "empty" && (react_1.default.createElement(TaxAxisBadge_1.TaxAxisBadge, { color: tierBadgeColor, size: "xs" }, tierBadgeText)),
-                    doc.status === "failed" && (react_1.default.createElement(TaxAxisBadge_1.TaxAxisBadge, { color: "red", size: "xs" }, "FAILED")),
-                    doc.status === "valid" && doc.qboSource && (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("span", { style: {
-                                fontSize: 9,
-                                fontWeight: 700,
-                                letterSpacing: "0.05em",
-                                padding: "1px 6px",
-                                borderRadius: 3,
-                                background: "rgba(44,160,28,0.1)",
-                                border: "1px solid rgba(44,160,28,0.2)",
-                                color: "#2CA01C",
-                            } }, "QUICKBOOKS"),
-                        react_1.default.createElement("span", { style: {
-                                fontSize: 9,
-                                fontWeight: 600,
-                                color: "#2CA01C",
-                            } }, "Synced")))),
-                react_1.default.createElement("div", { className: "text-[11px] text-tax-axis-text-3 font-tax-axis-body mt-0.5" }, doc.status === "valid" && doc.fileName
-                    ? `${doc.fileName}${fieldCount ? ` \u00b7 ${fieldCount} fields extracted` : ""}`
-                    : doc.status === "failed" && doc.parseError
-                        ? doc.parseError
-                        : ((_a = doc.fileName) !== null && _a !== void 0 ? _a : (helpOverride !== null && helpOverride !== void 0 ? helpOverride : doc.help)))),
-            react_1.default.createElement("div", { className: "flex items-center gap-2 flex-shrink-0 w-full sm:w-auto" },
+                    doc.status === "empty" && (react_1.default.createElement(TaxAxisBadge_1.TaxAxisBadge, { color: tierBadgeColor, size: "xs" }, tierBadgeText))),
+                react_1.default.createElement("div", { className: "text-[11px] text-tax-axis-text-3 font-tax-axis-body mt-0.5" }, (_a = doc.fileName) !== null && _a !== void 0 ? _a : (helpOverride !== null && helpOverride !== void 0 ? helpOverride : doc.help))),
+            react_1.default.createElement("div", { className: "flex items-center gap-2 flex-shrink-0" },
                 doc.status === "valid" && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none" },
-                        react_1.default.createElement("path", { d: "M2.5 7l3.5 3.5 5.5-6", stroke: "#0F6E56", strokeWidth: "2", strokeLinecap: "round" })),
-                    onReview && (react_1.default.createElement("button", { onClick: onReview, className: "rounded-md px-3 py-1 text-[11px] font-semibold font-tax-axis-mono cursor-pointer flex items-center gap-1.5", style: {
-                            background: "rgba(99,102,241,0.12)",
-                            border: "1px solid rgba(99,102,241,0.30)",
-                            color: "#a5b4fc",
-                        } },
-                        react_1.default.createElement("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" },
-                            react_1.default.createElement("rect", { x: "2", y: "1.5", width: "8", height: "9", rx: "1.5", stroke: "#a5b4fc", strokeWidth: "1.2" }),
-                            react_1.default.createElement("path", { d: "M4 4.5h4M4 6.5h4M4 8.5h2", stroke: "#a5b4fc", strokeWidth: "0.9", strokeLinecap: "round" })),
-                        "Review")),
+                    react_1.default.createElement("span", { className: "text-[10px] font-semibold font-tax-axis-mono", style: { color: "#0F6E56" } }, "Done"),
                     react_1.default.createElement("button", { onClick: onClear, className: "bg-transparent border-none p-1 text-tax-axis-text-4 text-sm cursor-pointer" }, "\u00D7"))),
-                (doc.status === "parsing" || doc.status === "validating") && (react_1.default.createElement("span", { className: "text-[10px] font-semibold font-tax-axis-mono", style: { color: doc.status === "parsing" ? "#248384" : "#FB9A1D" } }, doc.status === "parsing" ? "Parsing…" : "Uploading…")),
-                doc.status === "failed" && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("input", { id: reuploadInputId, type: "file", className: "hidden", accept: (_b = doc.accept) === null || _b === void 0 ? void 0 : _b.join(","), onChange: (event) => {
-                            var _a;
-                            const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
-                            if (file) {
-                                onUpload(file);
-                            }
-                            event.currentTarget.value = "";
-                        } }),
-                    react_1.default.createElement("label", { htmlFor: reuploadInputId, className: "rounded-md px-2.5 py-1 text-[10px] font-semibold text-tax-axis-teal-light font-tax-axis-mono cursor-pointer", style: {
-                            background: "rgba(36,131,132,0.10)",
-                            border: "1px solid rgba(36,131,132,0.2)",
-                        } }, "Re-upload"),
-                    react_1.default.createElement("button", { onClick: onRemove || onClear, className: "bg-transparent border-none p-1 text-tax-axis-text-4 text-sm cursor-pointer", title: "Remove document" }, "\u00D7"))),
-                doc.status === "empty" && (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement("input", { id: fileInputId, type: "file", className: "hidden", accept: (_c = doc.accept) === null || _c === void 0 ? void 0 : _c.join(","), onChange: (event) => {
-                            var _a;
-                            const file = (_a = event.target.files) === null || _a === void 0 ? void 0 : _a[0];
-                            if (file) {
-                                onUpload(file);
-                            }
-                            event.currentTarget.value = "";
-                        } }),
-                    react_1.default.createElement("label", { htmlFor: fileInputId, className: "rounded-md px-3.5 py-1.5 text-[11px] font-semibold text-tax-axis-teal-light font-tax-axis-mono cursor-pointer", style: {
-                            background: "rgba(36,131,132,0.10)",
-                            border: "1px solid rgba(36,131,132,0.2)",
-                        } }, "Upload")))))));
+                doc.status === "empty" && (react_1.default.createElement("button", { onClick: onUpload, className: "rounded-md px-3.5 py-1.5 text-[11px] font-semibold text-tax-axis-teal-light font-tax-axis-mono cursor-pointer", style: {
+                        background: "rgba(36,131,132,0.10)",
+                        border: "1px solid rgba(36,131,132,0.2)",
+                    } }, "Upload"))))));
 }

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

@@ -14,11 +14,8 @@ interface DocumentTierProps {
     tier: TierDef;
     docs: DocState[];
     helpOverrides: Record<string, string>;
-    fieldCounts?: Record<string, number>;
-    onUpload: (idx: number, file: File) => void;
+    onUpload: (idx: number) => void;
     onClear: (idx: number) => void;
-    onRemove?: (idx: number) => void;
-    onReview?: (docId: string) => void;
 }
-export declare function DocumentTier({ tier, docs, helpOverrides, fieldCounts, onUpload, onClear, onRemove, onReview, }: DocumentTierProps): React.JSX.Element | null;
+export declare function DocumentTier({ tier, docs, helpOverrides, onUpload, onClear, }: DocumentTierProps): React.JSX.Element | null;
 export {};

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DocumentTier = DocumentTier;
 const react_1 = __importDefault(require("react"));
 const DocumentCard_1 = require("./DocumentCard");
-function DocumentTier({ tier, docs, helpOverrides, fieldCounts, onUpload, onClear, onRemove, onReview, }) {
+function DocumentTier({ tier, docs, helpOverrides, onUpload, onClear, }) {
     const tierDocs = tier.ids
         .map((id) => {
         const idx = docs.findIndex((d) => d.id === id);
@@ -19,5 +19,5 @@ function DocumentTier({ tier, docs, helpOverrides, fieldCounts, onUpload, onClea
         react_1.default.createElement("div", { className: "flex items-center gap-2 mb-2" },
             react_1.default.createElement("span", { className: "text-[10px] font-bold uppercase tracking-widest font-tax-axis-mono", style: { color: tier.labelColor } }, tier.label),
             react_1.default.createElement("span", { className: "text-[10px] text-tax-axis-text-4 font-tax-axis-body" }, tier.sublabel)),
-        react_1.default.createElement("div", { className: "grid gap-1.5" }, tierDocs.map(({ doc, idx }) => (react_1.default.createElement(DocumentCard_1.DocumentCard, { key: doc.id, doc: doc, tierBorderColor: tier.borderColor, tierBadgeColor: tier.badgeColor, tierBadgeText: tier.badgeText, helpOverride: helpOverrides[doc.id], fieldCount: fieldCounts === null || fieldCounts === void 0 ? void 0 : fieldCounts[doc.id], onUpload: (file) => onUpload(idx, file), onClear: () => onClear(idx), onRemove: onRemove ? () => onRemove(idx) : undefined, onReview: onReview ? () => onReview(doc.id) : undefined }))))));
+        react_1.default.createElement("div", { className: "grid gap-1.5" }, tierDocs.map(({ doc, idx }) => (react_1.default.createElement(DocumentCard_1.DocumentCard, { key: doc.id, doc: doc, tierBorderColor: tier.borderColor, tierBadgeColor: tier.badgeColor, tierBadgeText: tier.badgeText, helpOverride: helpOverrides[doc.id], onUpload: () => onUpload(idx), onClear: () => onClear(idx) }))))));
 }

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

@@ -1,43 +1,23 @@
 import React from "react";
 import { ClientProfile, TaxAxisScreenProps } from "../../lib/types";
-import { TaxAxisEntityTypeKey } from "../../lib/data/documents";
-import { DocState } from "./DocumentCard";
 export interface TaxAxisDocumentsProps extends TaxAxisScreenProps {
     profile: ClientProfile;
-    entityType?: TaxAxisEntityTypeKey | string | null;
     onContinue: () => void;
     onBack: () => void;
-    onUploadDocument?: (doc: DocState, file: File) => Promise<void | {
-        documentId?: string;
-        fileName?: string;
-        status?: string;
-        documentType?: string;
-        parseError?: string | null;
-    }>;
+    entityType?: string;
+    onUploadDocument?: (doc: {
+        id: string;
+    }, file: File) => Promise<any>;
     onDeleteDocument?: (documentId: string) => Promise<void>;
-    fetchUploadedDocuments?: () => Promise<Array<{
-        documentId?: string;
-        fileName: string;
-        status: string;
-        documentType?: string | null;
-        parseError?: string | null;
-        updatedAt?: string | null;
-        parsedData?: Record<string, unknown> | null;
-        reviewedData?: Record<string, unknown> | null;
-    }>>;
-    parsedFieldCounts?: Record<string, number>;
+    fetchUploadedDocuments?: () => Promise<any[]>;
     jobId?: string;
     onSaveReviewedField?: (documentId: string, reviewedData: Record<string, unknown>) => Promise<void>;
     qboConnected?: boolean;
     qboCompanyName?: string | null;
     qboAuthorizeUrl?: string;
-    onImportQboReport?: (sessionId: string, realmId: string, reportType: string, accountingMethod: string) => Promise<any>;
+    qboClientConfirmed?: boolean;
+    onImportQboReport?: (...args: any[]) => Promise<any>;
     onQboConnected?: (companyName: string) => void;
     onQboDisconnected?: () => void;
-    onQboImport?: (mappedDocs: {
-        slot: string;
-        fileName: string;
-    }[]) => void;
-    qboClientConfirmed?: boolean;
 }
-export declare function TaxAxisDocuments({ profile, entityType, onContinue, onBack, onUploadDocument, onDeleteDocument, fetchUploadedDocuments, parsedFieldCounts, jobId, onSaveReviewedField, userContext: _userContext, qboConnected, qboCompanyName, qboAuthorizeUrl, onImportQboReport, onQboConnected, onQboDisconnected, onQboImport, qboClientConfirmed, }: TaxAxisDocumentsProps): React.JSX.Element;
+export declare function TaxAxisDocuments({ profile, onContinue, onBack, userContext: _userContext, }: TaxAxisDocumentsProps): React.JSX.Element;