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

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

@@ -34,6 +34,38 @@ const RefineAnalysisSection_1 = require("./RefineAnalysisSection");
 const CpaIntakeQuestionsSection_1 = require("./CpaIntakeQuestionsSection");
 const StrategyRadar_1 = require("./StrategyRadar");
 const IntakeCtaCards_1 = require("./IntakeCtaCards");
+const DEMO_PROFILE = {
+    bizName: "Meridian Consulting Group, Inc.",
+    cpaName: "Sarah Chen, EA",
+    entity: "S-Corporation",
+    industry: "Professional Services",
+    period: "Full Year",
+    revenue: "2850000",
+    ownerComp: "185000",
+    employees: "14",
+    year: "2025",
+    states: ["IL"],
+    filingStatus: "MFJ",
+    age: "45",
+    sstb: "No",
+    ownsRealEstate: "Yes — Commercial",
+    itemizesDeductions: "Yes",
+    singleOwner: "Yes",
+    netIncome: "142000",
+    equipmentPurchased: "75000",
+    capitalGains: "50000",
+    federalRate: "24%",
+    stateRate: "4.95",
+    taxDataYears: "1 year",
+    riskTolerance: "3",
+    overtimePremium: "0",
+    tipIncomePct: "0",
+    retirementContributions: "22500",
+    hdhpEnrolled: "Yes",
+    hsaContributions: "0",
+    wotcHires: "Yes — Form 8850 submitted",
+    familyEmployed: "Yes",
+};
 /** Returns a list of human-readable labels for missing required fields. */
 function getMissingFields(p) {
     const missing = [];
@@ -43,12 +75,9 @@ function getMissingFields(p) {
         missing.push("State");
     if (!p.revenue || (0, compute_1.parseNum)(p.revenue) <= 0)
         missing.push("Revenue");
-    const fedPct = parseFloat((p.federalRate || "0").replace("%", ""));
-    if (!fedPct || fedPct <= 0)
+    const fedStr = String(p.federalRate || "0").replace("%", "");
+    if (!parseFloat(fedStr) || parseFloat(fedStr) <= 0)
         missing.push("Federal Rate");
-    const statePct = parseFloat((p.stateRate || "0").replace("%", ""));
-    if (!statePct || statePct <= 0)
-        missing.push("State Rate");
     return missing;
 }
 function TaxAxisIntake({ userContext = "expert", onProspect, onFullAnalysis, initialProfile, }) {
@@ -59,6 +88,37 @@ 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;
+        if (isDemoFilled) {
+            methods.reset(Object.assign({}, intakeSchema_1.intakeDefaultValues));
+        }
+        else {
+            methods.reset(Object.assign(Object.assign({}, intakeSchema_1.intakeDefaultValues), DEMO_PROFILE));
+        }
+        setTimeout(() => methods.trigger(), 0);
+    };
     const handleProspect = () => {
         methods.handleSubmit((valid) => onProspect(valid), () => { })();
     };
@@ -67,7 +127,8 @@ 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: "flex flex-col gap-4" },
+            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(RefineAnalysisSection_1.RefineAnalysisSection, { userContext: userContext }),
                 react_1.default.createElement(CpaIntakeQuestionsSection_1.CpaIntakeQuestionsSection, { userContext: userContext }),

package/lib/tax-axis/index.d.ts

@@ -9,6 +9,8 @@ export { TaxAxisIntake } from "./components/intake/TaxAxisIntake";
 export type { TaxAxisIntakeProps } from "./components/intake/TaxAxisIntake";
 export { TaxAxisDocuments } from "./components/documents/TaxAxisDocuments";
 export type { TaxAxisDocumentsProps } from "./components/documents/TaxAxisDocuments";
+export { DocumentReviewModal, EXTRACTED_FIELDS_QUERY, SAVE_FIELD_EDIT_MUTATION } from "./components/documents/DocumentReviewModal";
+export type { DocumentReviewModalProps } from "./components/documents/DocumentReviewModal";
 export { TaxAxisProcessing } from "./components/processing/TaxAxisProcessing";
 export type { TaxAxisProcessingProps } from "./components/processing/TaxAxisProcessing";
 export { TaxAxisDashboard } from "./components/dashboard/TaxAxisDashboard";

package/lib/tax-axis/index.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TaxAxisPresentationMode = exports.TaxAxisProspectReport = exports.TaxAxisExtractionReview = exports.TaxAxisPreparerWorkpaper = exports.TaxAxisClientReport = exports.TaxAxisDashboard = exports.TaxAxisProcessing = exports.TaxAxisDocuments = exports.TaxAxisIntake = exports.SectionHeader = exports.TaxAxisButton = exports.TaxAxisBadge = exports.TaxAxisCard = void 0;
+exports.TaxAxisPresentationMode = exports.TaxAxisProspectReport = exports.TaxAxisExtractionReview = exports.TaxAxisPreparerWorkpaper = exports.TaxAxisClientReport = exports.TaxAxisDashboard = exports.TaxAxisProcessing = exports.SAVE_FIELD_EDIT_MUTATION = exports.EXTRACTED_FIELDS_QUERY = exports.DocumentReviewModal = exports.TaxAxisDocuments = exports.TaxAxisIntake = exports.SectionHeader = exports.TaxAxisButton = exports.TaxAxisBadge = exports.TaxAxisCard = void 0;
 // Shared primitives
 var TaxAxisCard_1 = require("./components/shared/TaxAxisCard");
 Object.defineProperty(exports, "TaxAxisCard", { enumerable: true, get: function () { return TaxAxisCard_1.TaxAxisCard; } });
@@ -35,6 +35,10 @@ var TaxAxisIntake_1 = require("./components/intake/TaxAxisIntake");
 Object.defineProperty(exports, "TaxAxisIntake", { enumerable: true, get: function () { return TaxAxisIntake_1.TaxAxisIntake; } });
 var TaxAxisDocuments_1 = require("./components/documents/TaxAxisDocuments");
 Object.defineProperty(exports, "TaxAxisDocuments", { enumerable: true, get: function () { return TaxAxisDocuments_1.TaxAxisDocuments; } });
+var DocumentReviewModal_1 = require("./components/documents/DocumentReviewModal");
+Object.defineProperty(exports, "DocumentReviewModal", { enumerable: true, get: function () { return DocumentReviewModal_1.DocumentReviewModal; } });
+Object.defineProperty(exports, "EXTRACTED_FIELDS_QUERY", { enumerable: true, get: function () { return DocumentReviewModal_1.EXTRACTED_FIELDS_QUERY; } });
+Object.defineProperty(exports, "SAVE_FIELD_EDIT_MUTATION", { enumerable: true, get: function () { return DocumentReviewModal_1.SAVE_FIELD_EDIT_MUTATION; } });
 var TaxAxisProcessing_1 = require("./components/processing/TaxAxisProcessing");
 Object.defineProperty(exports, "TaxAxisProcessing", { enumerable: true, get: function () { return TaxAxisProcessing_1.TaxAxisProcessing; } });
 var TaxAxisDashboard_1 = require("./components/dashboard/TaxAxisDashboard");

package/package.json

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

package/lib/tax-axis/components/documents/qbo/QboAvailableReportsModal.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-import type { QboReportOption } from "./types";
-interface QboAvailableReportsModalProps {
-    open: boolean;
-    companyName: string;
-    reports?: QboReportOption[];
-    selectedYear?: number;
-    onYearChange?: (year: number) => void;
-    onCancel: () => void;
-    onConfirm: (selectedReportIds: string[]) => void;
-}
-export declare function QboAvailableReportsModal({ open, companyName, reports, selectedYear, onYearChange, onCancel, onConfirm, }: QboAvailableReportsModalProps): React.JSX.Element | null;
-export {};

package/lib/tax-axis/components/documents/qbo/QboAvailableReportsModal.js

@@ -1,180 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QboAvailableReportsModal = QboAvailableReportsModal;
-const react_1 = __importStar(require("react"));
-const qboConstants_1 = require("./qboConstants");
-const QBO_YEAR_OPTIONS = [2023, 2024, 2025, 2026];
-function QboAvailableReportsModal({ open, companyName, reports = qboConstants_1.QBO_REPORT_OPTIONS, selectedYear, onYearChange, onCancel, onConfirm, }) {
-    const availableReports = reports.filter((r) => r.available);
-    const [selected, setSelected] = (0, react_1.useState)(() => new Set(availableReports.map((r) => r.id)));
-    const [localYear, setLocalYear] = (0, react_1.useState)(selectedYear !== null && selectedYear !== void 0 ? selectedYear : new Date().getFullYear());
-    const handleYearChange = (year) => {
-        setLocalYear(year);
-        if (onYearChange)
-            onYearChange(year);
-    };
-    if (!open)
-        return null;
-    const toggleReport = (id) => {
-        setSelected((prev) => {
-            const next = new Set(prev);
-            if (next.has(id))
-                next.delete(id);
-            else
-                next.add(id);
-            return next;
-        });
-    };
-    return (react_1.default.createElement("div", { onClick: onCancel, style: {
-            position: "fixed",
-            inset: 0,
-            zIndex: 9999,
-            background: "rgba(0,0,0,0.65)",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-        } },
-        react_1.default.createElement("div", { onClick: (e) => e.stopPropagation(), style: {
-                width: 480,
-                maxHeight: "85vh",
-                background: "#111827",
-                border: "1px solid #1f2937",
-                borderRadius: 16,
-                display: "flex",
-                flexDirection: "column",
-                boxShadow: "0 25px 60px rgba(0,0,0,0.5)",
-            } },
-            react_1.default.createElement("div", { style: { padding: "20px 24px 16px", borderBottom: "1px solid #1f2937" } },
-                react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 12 } },
-                    react_1.default.createElement("div", { style: {
-                            width: 36,
-                            height: 36,
-                            borderRadius: 8,
-                            background: "rgba(44,160,28,0.12)",
-                            border: "1px solid rgba(44,160,28,0.25)",
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center",
-                        } },
-                        react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" },
-                            react_1.default.createElement("rect", { x: "3", y: "2", width: "10", height: "12", rx: "1.5", stroke: qboConstants_1.QBO_GREEN, strokeWidth: "1.2" }),
-                            react_1.default.createElement("path", { d: "M5.5 5.5h5M5.5 8h5M5.5 10.5h3", stroke: qboConstants_1.QBO_GREEN, strokeWidth: "0.9", strokeLinecap: "round" }))),
-                    react_1.default.createElement("div", { style: { flex: 1 } },
-                        react_1.default.createElement("div", { style: { fontSize: 15, fontWeight: 600, color: "#f3f4f6" } }, "Available Reports"),
-                        react_1.default.createElement("div", { style: { fontSize: 12, color: "#9ca3af", marginTop: 2 } },
-                            companyName,
-                            " \u00B7 Select reports to import")),
-                    react_1.default.createElement("button", { onClick: onCancel, style: {
-                            background: "transparent",
-                            border: "none",
-                            color: "#6b7280",
-                            fontSize: 18,
-                            cursor: "pointer",
-                            padding: 4,
-                            lineHeight: 1,
-                        } }, "\u00D7"))),
-            react_1.default.createElement("div", { style: { padding: "14px 24px 0", borderBottom: "1px solid #1f2937" } },
-                react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 10, paddingBottom: 14 } },
-                    react_1.default.createElement("span", { style: { fontSize: 12, color: "#9ca3af", flexShrink: 0 } }, "Tax Year"),
-                    react_1.default.createElement("div", { style: { display: "flex", gap: 6 } }, QBO_YEAR_OPTIONS.map((yr) => (react_1.default.createElement("button", { key: yr, onClick: () => handleYearChange(yr), style: Object.assign(Object.assign({ padding: "4px 12px", borderRadius: 6, fontSize: 12, fontWeight: 600, cursor: "pointer", border: "none" }, (localYear === yr
-                            ? { background: qboConstants_1.QBO_GREEN, color: "white" }
-                            : { background: "rgba(255,255,255,0.05)", color: "#9ca3af" })), { transition: "all 150ms" }) }, yr)))))),
-            react_1.default.createElement("div", { style: { padding: "16px 24px", flex: 1, overflowY: "auto" } }, reports.map((report, i) => {
-                const isAvailable = report.available;
-                const isChecked = selected.has(report.id);
-                return (react_1.default.createElement("div", { key: report.id, style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: 12,
-                        padding: "12px 0",
-                        borderBottom: i < reports.length - 1 ? "1px solid #1f2937" : "none",
-                        opacity: isAvailable ? 1 : 0.5,
-                    } },
-                    react_1.default.createElement("div", { onClick: () => isAvailable && toggleReport(report.id), style: {
-                            width: 18,
-                            height: 18,
-                            borderRadius: 4,
-                            border: isChecked
-                                ? `none`
-                                : `2px solid ${isAvailable ? "#4b5563" : "#374151"}`,
-                            background: isChecked ? qboConstants_1.QBO_GREEN : "transparent",
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center",
-                            cursor: isAvailable ? "pointer" : "not-allowed",
-                            flexShrink: 0,
-                            transition: "all 150ms",
-                        } }, isChecked && (react_1.default.createElement("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" },
-                        react_1.default.createElement("path", { d: "M2 5l2.5 2.5L8 3", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round" })))),
-                    react_1.default.createElement("div", { style: { flex: 1 } },
-                        react_1.default.createElement("span", { style: { fontSize: 13, fontWeight: 500, color: isAvailable ? "#e5e7eb" : "#6b7280" } }, report.label)),
-                    react_1.default.createElement("span", { style: Object.assign({ fontSize: 9, fontWeight: 700, letterSpacing: "0.05em", padding: "2px 8px", borderRadius: 4 }, (isAvailable
-                            ? {
-                                background: "rgba(44,160,28,0.1)",
-                                border: "1px solid rgba(44,160,28,0.2)",
-                                color: qboConstants_1.QBO_GREEN,
-                            }
-                            : {
-                                background: "rgba(107,114,128,0.1)",
-                                border: "1px solid rgba(107,114,128,0.2)",
-                                color: "#6b7280",
-                            })) }, isAvailable ? "AVAILABLE" : "NOT FOUND")));
-            })),
-            react_1.default.createElement("div", { style: {
-                    padding: "14px 24px",
-                    borderTop: "1px solid #1f2937",
-                    display: "flex",
-                    justifyContent: "space-between",
-                    alignItems: "center",
-                } },
-                react_1.default.createElement("span", { style: { fontSize: 11, color: "#6b7280" } },
-                    selected.size,
-                    " report",
-                    selected.size !== 1 ? "s" : "",
-                    " selected"),
-                react_1.default.createElement("div", { style: { display: "flex", gap: 10 } },
-                    react_1.default.createElement("button", { onClick: onCancel, style: {
-                            background: "transparent",
-                            border: "1px solid #374151",
-                            borderRadius: 8,
-                            padding: "8px 18px",
-                            fontSize: 13,
-                            fontWeight: 500,
-                            color: "#9ca3af",
-                            cursor: "pointer",
-                        } }, "Cancel"),
-                    react_1.default.createElement("button", { onClick: () => onConfirm(Array.from(selected)), disabled: selected.size === 0, style: {
-                            background: selected.size > 0 ? qboConstants_1.QBO_GREEN : "#374151",
-                            border: "none",
-                            borderRadius: 8,
-                            padding: "8px 20px",
-                            fontSize: 13,
-                            fontWeight: 600,
-                            color: "white",
-                            cursor: selected.size > 0 ? "pointer" : "not-allowed",
-                            opacity: selected.size > 0 ? 1 : 0.5,
-                        } }, "Confirm & Import"))))));
-}

package/lib/tax-axis/components/documents/qbo/QboClientSelectorModal.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import type { QboCompany } from "./types";
-interface QboClientSelectorModalProps {
-    open: boolean;
-    companies: QboCompany[];
-    onCancel: () => void;
-    onSelect: (company: QboCompany) => void;
-}
-export declare function QboClientSelectorModal({ open, companies, onCancel, onSelect, }: QboClientSelectorModalProps): React.JSX.Element | null;
-export {};

package/lib/tax-axis/components/documents/qbo/QboClientSelectorModal.js

@@ -1,155 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QboClientSelectorModal = QboClientSelectorModal;
-const react_1 = __importStar(require("react"));
-const qboConstants_1 = require("./qboConstants");
-function QboClientSelectorModal({ open, companies, onCancel, onSelect, }) {
-    const [selectedId, setSelectedId] = (0, react_1.useState)(companies.length > 0 ? companies[0].id : null);
-    if (!open)
-        return null;
-    const handleConfirm = () => {
-        const company = companies.find((c) => c.id === selectedId);
-        if (company)
-            onSelect(company);
-    };
-    return (react_1.default.createElement("div", { onClick: onCancel, style: {
-            position: "fixed",
-            inset: 0,
-            zIndex: 9999,
-            background: "rgba(0,0,0,0.65)",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-        } },
-        react_1.default.createElement("div", { onClick: (e) => e.stopPropagation(), style: {
-                width: 440,
-                maxHeight: "85vh",
-                background: "#111827",
-                border: "1px solid #1f2937",
-                borderRadius: 16,
-                display: "flex",
-                flexDirection: "column",
-                boxShadow: "0 25px 60px rgba(0,0,0,0.5)",
-            } },
-            react_1.default.createElement("div", { style: { padding: "20px 24px 16px", borderBottom: "1px solid #1f2937" } },
-                react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 12 } },
-                    react_1.default.createElement("div", { style: {
-                            width: 36,
-                            height: 36,
-                            borderRadius: 8,
-                            background: "rgba(44,160,28,0.12)",
-                            border: "1px solid rgba(44,160,28,0.25)",
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center",
-                        } },
-                        react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" },
-                            react_1.default.createElement("rect", { x: "2", y: "3", width: "12", height: "10", rx: "2", stroke: qboConstants_1.QBO_GREEN, strokeWidth: "1.5" }),
-                            react_1.default.createElement("path", { d: "M5 7h6M5 9.5h4", stroke: qboConstants_1.QBO_GREEN, strokeWidth: "1", strokeLinecap: "round" }))),
-                    react_1.default.createElement("div", { style: { flex: 1 } },
-                        react_1.default.createElement("div", { style: { fontSize: 15, fontWeight: 600, color: "#f3f4f6" } }, "Select a Company"),
-                        react_1.default.createElement("div", { style: { fontSize: 12, color: "#9ca3af", marginTop: 2 } }, "Select the QuickBooks account for this client")),
-                    react_1.default.createElement("button", { onClick: onCancel, style: {
-                            background: "transparent",
-                            border: "none",
-                            color: "#6b7280",
-                            fontSize: 18,
-                            cursor: "pointer",
-                            padding: 4,
-                            lineHeight: 1,
-                        } }, "\u00D7"))),
-            react_1.default.createElement("div", { style: { padding: "12px 24px", flex: 1, overflowY: "auto" } }, companies.map((company) => {
-                const isSelected = company.id === selectedId;
-                return (react_1.default.createElement("label", { key: company.id, style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: 12,
-                        padding: "10px 12px",
-                        borderRadius: 10,
-                        cursor: "pointer",
-                        marginBottom: 4,
-                        background: isSelected ? "rgba(44,160,28,0.06)" : "transparent",
-                        border: isSelected
-                            ? "1px solid rgba(44,160,28,0.25)"
-                            : "1px solid transparent",
-                        transition: "all 150ms",
-                    } },
-                    react_1.default.createElement("div", { style: {
-                            width: 16,
-                            height: 16,
-                            borderRadius: "50%",
-                            border: isSelected
-                                ? `5px solid ${qboConstants_1.QBO_GREEN}`
-                                : "2px solid #4b5563",
-                            background: isSelected ? "white" : "transparent",
-                            flexShrink: 0,
-                            transition: "all 150ms",
-                        } }),
-                    react_1.default.createElement("input", { type: "radio", name: "qbo-company", value: company.id, checked: isSelected, onChange: () => setSelectedId(company.id), style: { display: "none" } }),
-                    react_1.default.createElement("div", { style: {
-                            width: 32,
-                            height: 32,
-                            borderRadius: 8,
-                            background: company.color,
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center",
-                            fontSize: 12,
-                            fontWeight: 700,
-                            color: "white",
-                            flexShrink: 0,
-                        } }, company.initials),
-                    react_1.default.createElement("span", { style: { fontSize: 13, fontWeight: 500, color: "#e5e7eb" } }, company.name)));
-            })),
-            react_1.default.createElement("div", { style: {
-                    padding: "14px 24px",
-                    borderTop: "1px solid #1f2937",
-                    display: "flex",
-                    justifyContent: "flex-end",
-                    gap: 10,
-                } },
-                react_1.default.createElement("button", { onClick: onCancel, style: {
-                        background: "transparent",
-                        border: "1px solid #374151",
-                        borderRadius: 8,
-                        padding: "8px 18px",
-                        fontSize: 13,
-                        fontWeight: 500,
-                        color: "#9ca3af",
-                        cursor: "pointer",
-                    } }, "Cancel"),
-                react_1.default.createElement("button", { onClick: handleConfirm, disabled: !selectedId, style: {
-                        background: selectedId ? qboConstants_1.QBO_GREEN : "#374151",
-                        border: "none",
-                        borderRadius: 8,
-                        padding: "8px 20px",
-                        fontSize: 13,
-                        fontWeight: 600,
-                        color: "white",
-                        cursor: selectedId ? "pointer" : "not-allowed",
-                        opacity: selectedId ? 1 : 0.5,
-                    } }, "Continue")))));
-}

package/lib/tax-axis/components/documents/qbo/QboConnectBanner.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-interface QboConnectBannerProps {
-    connected: boolean;
-    companyName?: string | null;
-    onConnect: () => void;
-    onDisconnect?: () => void;
-}
-export declare function QboConnectBanner({ connected, companyName, onConnect, onDisconnect, }: QboConnectBannerProps): React.JSX.Element;
-export {};

package/lib/tax-axis/components/documents/qbo/QboConnectBanner.js

@@ -1,55 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QboConnectBanner = QboConnectBanner;
-const react_1 = __importDefault(require("react"));
-const qboConstants_1 = require("./qboConstants");
-// QuickBooks logo SVG (simplified mark)
-function QboLogo({ size = 20 }) {
-    return (react_1.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none" },
-        react_1.default.createElement("rect", { width: "24", height: "24", rx: "4", fill: qboConstants_1.QBO_GREEN }),
-        react_1.default.createElement("path", { d: "M12 4C7.58 4 4 7.58 4 12s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm-1.5 12.5c-2.49 0-4.5-2.01-4.5-4.5s2.01-4.5 4.5-4.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5.67-1.5 1.5.67 1.5 1.5 1.5 1.5-.67 1.5-1.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5c0 2.49-2.01 4.5-4.5 4.5zm3 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5-1.5.67-1.5 1.5c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5c0-2.49 2.01-4.5 4.5-4.5s4.5 2.01 4.5 4.5-2.01 4.5-4.5 4.5z", fill: "white" })));
-}
-function QboConnectBanner({ connected, companyName, onConnect, onDisconnect, }) {
-    if (connected) {
-        return (react_1.default.createElement("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-3 px-4 py-3 mb-4 rounded-lg", style: {
-                background: qboConstants_1.QBO_GREEN_BG,
-                border: `1px solid ${qboConstants_1.QBO_GREEN_BORDER}`,
-            } },
-            react_1.default.createElement(QboLogo, { size: 20 }),
-            react_1.default.createElement("div", { className: "flex-1 min-w-0" },
-                react_1.default.createElement("div", { className: "text-[13px] font-medium text-white font-tax-axis-body" }, "Connected to QuickBooks"),
-                companyName && (react_1.default.createElement("div", { className: "text-[11px] text-tax-axis-text-3 font-tax-axis-body mt-0.5" }, companyName))),
-            react_1.default.createElement("span", { className: "text-[10px] font-semibold font-tax-axis-mono px-2 py-0.5 rounded", style: { background: "rgba(44,160,28,0.15)", color: qboConstants_1.QBO_GREEN } }, "SYNCED"),
-            react_1.default.createElement("button", { onClick: onConnect, className: "flex items-center gap-1.5 rounded-md px-3 py-1.5 text-[11px] font-semibold font-tax-axis-mono flex-shrink-0 cursor-pointer border-none", style: {
-                    background: qboConstants_1.QBO_GREEN,
-                    color: "white",
-                    boxShadow: "0 2px 8px rgba(44,160,28,0.3)",
-                } },
-                "Import",
-                react_1.default.createElement("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" },
-                    react_1.default.createElement("path", { d: "M3 1.5L6.5 5 3 8.5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }))),
-            onDisconnect && (react_1.default.createElement("button", { onClick: onDisconnect, className: "bg-transparent border-none text-tax-axis-text-4 text-[11px] font-tax-axis-body cursor-pointer hover:text-white" }, "Disconnect"))));
-    }
-    return (react_1.default.createElement("div", { className: "flex flex-col sm:flex-row items-start sm:items-center gap-3 px-4 py-3.5 mb-4 rounded-lg cursor-pointer", style: {
-            background: "linear-gradient(135deg, rgba(44,160,28,0.06) 0%, rgba(44,160,28,0.02) 100%)",
-            border: `1px solid ${qboConstants_1.QBO_GREEN_BORDER}`,
-        }, onClick: onConnect, role: "button", tabIndex: 0, onKeyDown: (e) => {
-            if (e.key === "Enter" || e.key === " ")
-                onConnect();
-        } },
-        react_1.default.createElement(QboLogo, { size: 24 }),
-        react_1.default.createElement("div", { className: "flex-1 min-w-0" },
-            react_1.default.createElement("div", { className: "text-[13px] font-medium text-white font-tax-axis-body" }, "Import from QuickBooks Online"),
-            react_1.default.createElement("div", { className: "text-[11px] text-tax-axis-text-3 font-tax-axis-body mt-0.5" }, "Connect a QuickBooks account to import financial documents for this client")),
-        react_1.default.createElement("div", { className: "flex items-center gap-1.5 rounded-md px-3 py-1.5 text-[11px] font-semibold font-tax-axis-mono flex-shrink-0 w-full sm:w-auto justify-center sm:justify-start", style: {
-                background: qboConstants_1.QBO_GREEN,
-                color: "white",
-                boxShadow: "0 2px 8px rgba(44,160,28,0.3)",
-            } },
-            "Connect",
-            react_1.default.createElement("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" },
-                react_1.default.createElement("path", { d: "M3 1.5L6.5 5 3 8.5", stroke: "white", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })))));
-}

package/lib/tax-axis/components/documents/qbo/QboDocumentMappingModal.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-interface QboDocumentMappingModalProps {
-    open: boolean;
-    companyName: string;
-    selectedReports: string[];
-    onCancel: () => void;
-    onConfirm: () => void;
-}
-export declare function QboDocumentMappingModal({ open, companyName, selectedReports, onCancel, onConfirm, }: QboDocumentMappingModalProps): React.JSX.Element | null;
-export {};