@musetax/compass-widget 0.1.218

package/dist/PotentialDeductions.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+const tabData = {
+    scheduleC: {
+        deductions: [
+            {
+                title: "Business Meals & Entertainment",
+                subtitle: "Client meals and business entertainment expenses (50% deductible)",
+                source: "Based on 23 transactions from restaurants and venues",
+                amount: "$600.00",
+                extra: "$1,200 total spent",
+            },
+            {
+                title: "Home Office Expenses",
+                subtitle: "Portion of home expenses used exclusively for business",
+                source: "Based on utilities, rent, and office supply purchases",
+                amount: "$3,600.00",
+                extra: "25% business use",
+            },
+            {
+                title: "Professional Development",
+                subtitle: "Courses, conferences, and training directly related to business",
+                source: "Based on 8 transactions from educational platforms",
+                amount: "$950.00",
+                extra: "$950 total spent",
+            },
+            {
+                title: "Business Software & Tools",
+                subtitle: "Software subscriptions and digital tools for business operations",
+                source: "Based on 12 recurring subscription payments",
+                amount: "$1,200.00",
+                extra: "$1,200 total spent",
+            },
+        ],
+        total: "$6,350",
+        label: "Total Potential Deductions (Schedule C)",
+        savings: "Estimated Tax Savings: $1,587 – $2,222",
+    },
+    scheduleA: {
+        deductions: [
+            {
+                title: "Medical Expenses",
+                subtitle: "Out-of-pocket costs exceeding 7.5% of AGI",
+                source: "Based on 12 pharmacy and clinic payments",
+                amount: "$1,200.00",
+                extra: "Total eligible: $1,200",
+            },
+            {
+                title: "Mortgage Interest",
+                subtitle: "Interest paid on primary home loan",
+                source: "Based on mortgage lender statements",
+                amount: "$4,300.00",
+                extra: "Total interest paid",
+            },
+        ],
+        total: "$5,500",
+        label: "Total Potential Deductions (Schedule A)",
+        savings: "Estimated Tax Savings: $1,100 – $1,800",
+    },
+    scheduleE: {
+        deductions: [
+            {
+                title: "Rental Property Maintenance",
+                subtitle: "Repairs, cleaning, and supplies for rental property",
+                source: "Based on 15 home improvement store transactions",
+                amount: "$2,400.00",
+                extra: "$2,400 total spent",
+            },
+        ],
+        total: "$2,400",
+        label: "Total Potential Deductions (Schedule E)",
+        savings: "Estimated Tax Savings: $600 – $1,000",
+    },
+};
+const PotentialDeductions = () => {
+    const [activeTab, setActiveTab] = useState("scheduleC");
+    const { deductions, total, label, savings } = tabData[activeTab];
+    const [isOpen, setIsOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx("div", Object.assign({ style: {
+                    position: "fixed",
+                    bottom: "20px",
+                    right: "20px",
+                    width: "60px",
+                    height: "60px",
+                    backgroundColor: "#007bff",
+                    borderRadius: "50%",
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    cursor: "pointer",
+                    zIndex: 9999,
+                    color: "#fff",
+                    fontSize: "28px",
+                    boxShadow: "0 4px 5px rgba(0, 0, 0, 0.3)",
+                }, onClick: () => setIsOpen(!isOpen), title: "Open Auth Widget" }, { children: "\uD83D\uDCAC" })), isOpen && (_jsx("div", Object.assign({ style: {
+                    position: "fixed",
+                    bottom: "90px",
+                    right: "20px",
+                    width: "68rem",
+                    maxHeight: "70vh",
+                    zIndex: 9998,
+                    padding: "0",
+                    overflowY: "auto",
+                } }, { children: _jsxs("div", Object.assign({ style: {
+                        maxWidth: 1200,
+                        margin: "auto",
+                        border: "1px solid #ccc",
+                        borderRadius: 16,
+                        overflow: "hidden",
+                    } }, { children: [_jsxs("div", Object.assign({ style: {
+                                backgroundColor: "#F1F7FB",
+                                padding: "16px 24px",
+                                display: "flex",
+                                justifyContent: "space-between",
+                                alignItems: "center",
+                                borderBottom: "1px solid #BFDBFE",
+                            } }, { children: [_jsx("h2", Object.assign({ style: {
+                                        fontSize: 20,
+                                        fontWeight: 500,
+                                        color: "#042567",
+                                        margin: 0,
+                                    } }, { children: "Potential Deductions Analysis" })), _jsxs("span", Object.assign({ style: {
+                                        fontSize: 14,
+                                        color: "#6B7280",
+                                        display: "flex",
+                                        alignItems: "center",
+                                        gap: 4,
+                                    } }, { children: [_jsx("span", { style: {
+                                                width: 8,
+                                                height: 8,
+                                                borderRadius: "50%",
+                                                backgroundColor: "#687DF7",
+                                                display: "inline-block",
+                                            } }), "Analysis complete"] }))] })), _jsxs("div", Object.assign({ style: { padding: 24 } }, { children: [_jsx("div", Object.assign({ style: { marginBottom: 24, display: "flex", gap: 8 } }, { children: ["scheduleC", "scheduleA", "scheduleE"].map((tab) => (_jsxs("button", Object.assign({ onClick: () => setActiveTab(tab), className: `tab-button ${activeTab === tab ? "active" : ""}`, style: {
+                                            border: "1px solid #5387F1",
+                                            padding: "12px 16px",
+                                            fontSize: 14,
+                                            fontWeight: 500,
+                                            borderRadius: 8,
+                                            backgroundColor: activeTab === tab ? "#5387F1" : "white",
+                                            color: activeTab === tab ? "white" : "#5387F1",
+                                            cursor: "pointer",
+                                        } }, { children: [tab === "scheduleC" && "Schedule C (Business)", tab === "scheduleA" && "Schedule A (Itemized)", tab === "scheduleE" && "Schedule E (Rental)"] }), tab))) })), deductions.map((d, index) => (_jsx("div", Object.assign({ style: {
+                                        border: "1px solid rgba(30, 64, 175, 0.1)",
+                                        borderRadius: 16,
+                                        padding: 16,
+                                        margin: "12px 0",
+                                        transition: "background-color 0.2s",
+                                    } }, { children: _jsxs("div", Object.assign({ style: {
+                                            display: "flex",
+                                            justifyContent: "space-between",
+                                            alignItems: "flex-start",
+                                        } }, { children: [_jsxs("div", { children: [_jsx("div", Object.assign({ style: {
+                                                            fontSize: 18,
+                                                            fontWeight: 500,
+                                                            color: "#042567",
+                                                        } }, { children: d.title })), _jsx("div", Object.assign({ style: { fontSize: 14, color: "#526282" } }, { children: d.subtitle })), _jsxs("div", Object.assign({ style: {
+                                                            marginTop: 8,
+                                                            fontSize: 12,
+                                                            color: "#5A83F3",
+                                                            display: "flex",
+                                                            alignItems: "center",
+                                                            gap: 4,
+                                                        } }, { children: [_jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 20 20", fill: "none" }, { children: _jsx("path", { d: "M11.6667 1.66663V4.99996C11.6667 5.44199 11.8423 5.86591 12.1549 6.17847C12.4674 6.49103 12.8913 6.66663 13.3334 6.66663H16.6667M12.5 1.66663H5.00004C4.55801 1.66663 4.13409 1.84222 3.82153 2.15478C3.50897 2.46734 3.33337 2.89127 3.33337 3.33329V16.6666C3.33337 17.1087 3.50897 17.5326 3.82153 17.8451C4.13409 18.1577 4.55801 18.3333 5.00004 18.3333H15C15.4421 18.3333 15.866 18.1577 16.1786 17.8451C16.4911 17.5326 16.6667 17.1087 16.6667 16.6666V5.83329L12.5 1.66663Z", stroke: "#042567", "stroke-width": "1.4", "stroke-linecap": "round", "stroke-linejoin": "round" }) })), " ", _jsx("span", { children: d.source })] }))] }), _jsxs("div", Object.assign({ style: { textAlign: "right" } }, { children: [_jsx("div", Object.assign({ style: {
+                                                            fontSize: 18,
+                                                            fontWeight: 500,
+                                                            color: "#5A83F3",
+                                                            marginBottom: 4,
+                                                        } }, { children: d.amount })), _jsx("div", Object.assign({ style: { fontSize: 14, color: "#526282" } }, { children: d.extra }))] }))] })) }), index))), _jsxs("div", Object.assign({ style: {
+                                        backgroundColor: "#5387F1",
+                                        padding: "20px 24px",
+                                        borderRadius: 16,
+                                        color: "white",
+                                        textAlign: "center",
+                                        marginTop: 24,
+                                    } }, { children: [_jsx("h3", Object.assign({ style: { fontSize: 26, margin: "0 0 10px", fontWeight: 600 } }, { children: total })), _jsx("p", Object.assign({ style: { fontSize: 16, fontWeight: 500, margin: 4 } }, { children: label })), _jsx("p", Object.assign({ style: { fontSize: 14, margin: 0 } }, { children: savings })), _jsx("button", Object.assign({ style: {
+                                                marginTop: 16,
+                                                padding: "8px 16px",
+                                                borderRadius: 8,
+                                                backgroundColor: "white",
+                                                color: "#5387F1",
+                                                border: "none",
+                                                fontWeight: 500,
+                                                cursor: "pointer",
+                                            } }, { children: "Get Insights" }))] }))] }))] })) })))] }));
+};
+export default PotentialDeductions;

package/dist/ShowToast.d.ts

@@ -0,0 +1,3 @@
+type ToastType = "success" | "error";
+declare const showToast: (type: ToastType, message: string) => void;
+export default showToast;

package/dist/ShowToast.js

@@ -0,0 +1,42 @@
+// toast.ts
+let toastRoot = null;
+const showToast = (type, message) => {
+    if (!toastRoot) {
+        toastRoot = document.createElement("div");
+        toastRoot.id = "custom-toast-root";
+        toastRoot.style.position = "fixed";
+        toastRoot.style.top = "20px";
+        toastRoot.style.right = "20px";
+        toastRoot.style.zIndex = "9999";
+        document.body.appendChild(toastRoot);
+    }
+    const toast = document.createElement("div");
+    toast.className = "custom-toast";
+    toast.style.marginBottom = "10px";
+    toast.style.padding = "12px 20px";
+    toast.style.borderRadius = "6px";
+    toast.style.minWidth = "250px";
+    toast.style.boxShadow = "0 2px 6px rgba(0,0,0,0.15)";
+    toast.style.fontWeight = "bold";
+    toast.style.transition = "all 0.3s ease";
+    toast.style.opacity = "1";
+    if (type === "success") {
+        toast.style.backgroundColor = "#d1e7dd";
+        toast.style.color = "#0f5132";
+        toast.style.borderLeft = "6px solid #198754";
+    }
+    else if (type === "error") {
+        toast.style.backgroundColor = "#f8d7da";
+        toast.style.color = "#842029";
+        toast.style.borderLeft = "6px solid #dc3545";
+    }
+    toast.innerText = message;
+    toastRoot.appendChild(toast);
+    setTimeout(() => {
+        toast.style.opacity = "0";
+        setTimeout(() => {
+            toast.remove();
+        }, 300);
+    }, 3000);
+};
+export default showToast;

package/dist/api.d.ts

@@ -0,0 +1,2 @@
+declare const api: import("axios").AxiosInstance;
+export default api;

package/dist/api.js

@@ -0,0 +1,18 @@
+// api.ts
+import axios from "axios";
+const API_BASE_URL = "https://dev-categorization.musetax.com/v2/api";
+// Create Axios instance
+const api = axios.create({
+    baseURL: API_BASE_URL,
+    headers: {
+        Accept: "application/json",
+        "Content-Type": "application/json",
+    },
+});
+// Response interceptor for error logging / centralized handling
+api.interceptors.response.use((response) => response, (error) => {
+    var _a;
+    console.error("API error:", ((_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.data) || error.message);
+    return Promise.reject(error);
+});
+export default api;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { default as ClientAuthForm } from './ClientAuthForm';

package/dist/index.js

@@ -0,0 +1,18 @@
+export { default as ClientAuthForm } from './ClientAuthForm';
+// import React from "react";
+// import ReactDOM from "react-dom/client";
+// import "./index.css";
+// import reportWebVitals from "./reportWebVitals";
+// import App from "./App";
+// const root = ReactDOM.createRoot(
+//   document.getElementById("root") as HTMLElement
+// );
+// root.render(
+//   <React.StrictMode>
+//     <App />
+//   </React.StrictMode>
+// );
+// // If you want to start measuring performance in your app, pass a function
+// // to log results (for example: reportWebVitals(console.log))
+// // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+// reportWebVitals();

package/dist/reportWebVitals.d.ts

@@ -0,0 +1,3 @@
+import { ReportHandler } from 'web-vitals';
+declare const reportWebVitals: (onPerfEntry?: ReportHandler) => void;
+export default reportWebVitals;

package/dist/reportWebVitals.js

@@ -0,0 +1,12 @@
+const reportWebVitals = (onPerfEntry) => {
+    if (onPerfEntry && onPerfEntry instanceof Function) {
+        import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+            getCLS(onPerfEntry);
+            getFID(onPerfEntry);
+            getFCP(onPerfEntry);
+            getLCP(onPerfEntry);
+            getTTFB(onPerfEntry);
+        });
+    }
+};
+export default reportWebVitals;

package/dist/setupTests.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/setupTests.js

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';

package/dist/taxInsightDashboard.d.ts

@@ -0,0 +1,2 @@
+declare const TaxDashboardPage: () => import("react/jsx-runtime").JSX.Element;
+export default TaxDashboardPage;

package/dist/taxInsightDashboard.js

@@ -0,0 +1,261 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+const insights = [
+    {
+        insight: "You haven’t made a quarterly tax payment",
+        triggered: "No estimated tax payments and income",
+        category: "Deduction Opportunity",
+    },
+    {
+        insight: "You’re paying for a co-working space",
+        triggered: "Recurring transactions to co-working…",
+        category: "Deduction Opportunity",
+    },
+    {
+        insight: "You could reduce your tax bill by contributing to retirement",
+        triggered: "Net income > $20,000 and no retirement…",
+        category: "Retirement Savings",
+    },
+    {
+        insight: "Home office deductions may apply...",
+        triggered: "Consistent internet/utilities and no…",
+        category: "Deduction Opportunity",
+    },
+    {
+        insight: "Recurring vehicle-related expenses detected",
+        triggered: "Gas, tolls, and auto expenses without…",
+        category: "Deduction Opportunity",
+    },
+    {
+        insight: "Meal and entertainment expenses detected",
+        triggered: "Restaurant and event charges flagged…",
+        category: "Deduction Opportunity",
+    },
+    {
+        insight: "You may be eligible for the QBI deduction",
+        triggered: "Net income between $20,000–$170,000…",
+        category: "Deduction Opportunity",
+    },
+    {
+        insight: "You missed an energy-efficient home credit",
+        triggered: "Home energy expenses detected",
+        category: "Deduction Opportunity",
+    },
+    {
+        insight: "Possible missed educational expense deduction",
+        triggered: "Tuition and education expenses flagged",
+        category: "Deduction Opportunity",
+    },
+    {
+        insight: "Charitable donations identified",
+        triggered: "Multiple 501(c)(3) org donations",
+        category: "Deduction Opportunity",
+    },
+];
+const TaxDashboardPage = () => {
+    const [currentPage, setCurrentPage] = useState(1);
+    const pageSize = 4;
+    const totalPages = Math.ceil(insights.length / pageSize);
+    const getCategoryStyle = (category) => {
+        return category === "Retirement Savings"
+            ? {
+                display: "inline-block",
+                padding: "4px 12px",
+                borderRadius: "999px",
+                fontSize: 13,
+                background: "#dcbd6726",
+                color: "#c1a24d",
+                whiteSpace: "nowrap",
+                border: "1px solid #c1a24d33",
+            }
+            : {
+                display: "inline-block",
+                padding: "4px 12px",
+                borderRadius: "999px",
+                whiteSpace: "nowrap",
+                fontSize: 13,
+                background: "#67dc791f",
+                color: "#4ec760",
+                border: "1px solid #4ec7601a",
+            };
+    };
+    const baseBtnStyle = (active = false) => ({
+        padding: "4px 10px",
+        minWidth: "30px",
+        borderRadius: "6px",
+        border: "1px solid #e6e7ea",
+        background: active ? "#4e88f0" : "white",
+        color: active ? "white" : "#526282",
+        fontSize: "14px",
+        fontWeight: active ? "bold" : "normal",
+        cursor: "pointer",
+    });
+    const currentData = insights.slice((currentPage - 1) * pageSize, currentPage * pageSize);
+    const [isOpen, setIsOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx("div", Object.assign({ style: {
+                    position: "fixed",
+                    bottom: "20px",
+                    right: "20px",
+                    width: "60px",
+                    height: "60px",
+                    backgroundColor: "#007bff",
+                    borderRadius: "50%",
+                    display: "flex",
+                    justifyContent: "center",
+                    alignItems: "center",
+                    cursor: "pointer",
+                    zIndex: 9999,
+                    color: "#fff",
+                    fontSize: "28px",
+                    boxShadow: "0 4px 5px rgba(0, 0, 0, 0.3)",
+                }, onClick: () => setIsOpen(!isOpen), title: "Open Auth Widget" }, { children: "\uD83D\uDCAC" })), isOpen && (_jsx("div", Object.assign({ style: {
+                    position: "fixed",
+                    bottom: "90px",
+                    right: "20px",
+                    width: "68rem",
+                    maxHeight: "70vh",
+                    zIndex: 9998,
+                    padding: "0",
+                    overflowY: "auto",
+                } }, { children: _jsxs("div", Object.assign({ style: {
+                        maxWidth: 1200,
+                        margin: "auto",
+                        border: "1px solid #ccc",
+                        borderRadius: 16,
+                        overflow: "hidden",
+                    } }, { children: [_jsx("div", Object.assign({ style: {
+                                background: "#f1f7fb",
+                                padding: "16px 28px",
+                                fontSize: 20,
+                                fontWeight: "bold",
+                            } }, { children: "Tax Insights Dashboard" })), _jsxs("div", Object.assign({ style: { padding: "10px 24px" } }, { children: [_jsx("p", Object.assign({ style: { marginBottom: 22, fontSize: 16, color: "#526282" } }, { children: "Analyses previous tax returns to identify missed deduction opportunities" })), _jsxs("div", Object.assign({ style: {
+                                        display: "flex",
+                                        flexWrap: "wrap",
+                                        gap: 16,
+                                        marginBottom: 32,
+                                    } }, { children: [[1, 2].map((_, idx) => (_jsxs("div", Object.assign({ style: {
+                                                backgroundColor: "#F1F7FB",
+                                                padding: 16,
+                                                borderRadius: 12,
+                                                flex: "1 1 calc(33% - 10.6px)",
+                                                boxSizing: "border-box",
+                                                minWidth: 280,
+                                            } }, { children: [_jsx("span", Object.assign({ style: {
+                                                        fontSize: 14,
+                                                        background: "white",
+                                                        color: "#4A6CF7",
+                                                        border: "1px solid #4A6CF71A",
+                                                        padding: "4px 16px",
+                                                        borderRadius: 9999,
+                                                        display: "inline-block",
+                                                        marginBottom: 8,
+                                                    } }, { children: "Deduction Opportunity" })), _jsx("h3", Object.assign({ style: {
+                                                        fontSize: 18,
+                                                        color: "#042567",
+                                                        fontWeight: 500,
+                                                        marginTop: 8,
+                                                        lineHeight: "22px",
+                                                    } }, { children: "You\u2019ve spent $2,400 on travel \u2014 track and deduct this to lower your tax bill." })), _jsx("p", Object.assign({ style: { fontSize: 14, color: "#526282", marginTop: 8 } }, { children: "Triggered by: Travel-related transactions > $2,000 this year" })), _jsxs("div", Object.assign({ style: { display: "flex", gap: 8, marginTop: 16 } }, { children: [_jsx("button", Object.assign({ style: {
+                                                                backgroundColor: "#5387F1",
+                                                                color: "white",
+                                                                border: "1px solid #5387F1",
+                                                                fontSize: 14,
+                                                                fontWeight: 500,
+                                                                padding: "6px 12px",
+                                                                borderRadius: 8,
+                                                                cursor: "pointer",
+                                                            } }, { children: "View Details" })), _jsx("button", Object.assign({ style: {
+                                                                backgroundColor: "white",
+                                                                color: "#5387F1",
+                                                                border: "1px solid #5387F1",
+                                                                fontSize: 14,
+                                                                fontWeight: 500,
+                                                                padding: "6px 12px",
+                                                                borderRadius: 8,
+                                                                cursor: "pointer",
+                                                            } }, { children: "Mark Reviewed" }))] }))] }), idx))), _jsxs("div", Object.assign({ style: {
+                                                backgroundColor: "#F1F7FB",
+                                                padding: 16,
+                                                borderRadius: 12,
+                                                flex: "1 1 calc(33% - 10.6px)",
+                                                boxSizing: "border-box",
+                                                minWidth: 280,
+                                            } }, { children: [_jsx("span", Object.assign({ style: {
+                                                        fontSize: 14,
+                                                        background: "white",
+                                                        color: "#CC5555",
+                                                        border: "1px solid #CC555529",
+                                                        padding: "4px 16px",
+                                                        borderRadius: 9999,
+                                                        display: "inline-block",
+                                                        marginBottom: 8,
+                                                    } }, { children: "Profitability & Cash Flow" })), _jsx("h3", Object.assign({ style: {
+                                                        fontSize: 18,
+                                                        color: "#042567",
+                                                        fontWeight: 500,
+                                                        marginTop: 8,
+                                                        lineHeight: "22px",
+                                                    } }, { children: "Home office deduction is 28% of total expenses \u2014 consider documentation." })), _jsx("p", Object.assign({ style: { fontSize: 14, color: "#526282", marginTop: 8 } }, { children: "Triggered by: Flame office > ot expenses" })), _jsxs("div", Object.assign({ style: { display: "flex", gap: 8, marginTop: 16 } }, { children: [_jsx("button", Object.assign({ style: {
+                                                                backgroundColor: "#5387F1",
+                                                                color: "white",
+                                                                border: "1px solid #5387F1",
+                                                                fontSize: 14,
+                                                                fontWeight: 500,
+                                                                padding: "6px 12px",
+                                                                borderRadius: 8,
+                                                                cursor: "pointer",
+                                                            } }, { children: "View Details" })), _jsx("button", Object.assign({ style: {
+                                                                backgroundColor: "white",
+                                                                color: "#5387F1",
+                                                                border: "1px solid #5387F1",
+                                                                fontSize: 14,
+                                                                fontWeight: 500,
+                                                                padding: "6px 12px",
+                                                                borderRadius: 8,
+                                                                cursor: "pointer",
+                                                            } }, { children: "Mark Reviewed" }))] }))] }))] })), _jsx("h3", Object.assign({ style: { marginBottom: 5 } }, { children: "Tax Insights" })), _jsx("p", Object.assign({ style: {
+                                        color: "#526282",
+                                        fontSize: 14,
+                                        marginBottom: 20,
+                                        marginTop: 0,
+                                    } }, { children: "See below for the insights that we found for you." })), _jsx("div", Object.assign({ style: {
+                                        overflowX: "auto",
+                                        border: "1px solid #e4eef4",
+                                        borderRadius: 12,
+                                    } }, { children: _jsxs("table", Object.assign({ style: {
+                                            width: "100%",
+                                            borderCollapse: "collapse",
+                                            fontSize: 14,
+                                        } }, { children: [_jsx("thead", { children: _jsxs("tr", Object.assign({ style: { background: "#f1f7fb" } }, { children: [_jsx("th", Object.assign({ style: {
+                                                                padding: "12px 16px",
+                                                                textAlign: "left",
+                                                                whiteSpace: "nowrap",
+                                                            } }, { children: "Insight" })), _jsx("th", Object.assign({ style: {
+                                                                padding: "12px 16px",
+                                                                textAlign: "left",
+                                                                whiteSpace: "nowrap",
+                                                            } }, { children: "Triggered By" })), _jsx("th", Object.assign({ style: {
+                                                                padding: "12px 16px",
+                                                                textAlign: "left",
+                                                                whiteSpace: "nowrap",
+                                                            } }, { children: "Category" })), _jsx("th", Object.assign({ style: {
+                                                                padding: "12px 16px",
+                                                                textAlign: "left",
+                                                                whiteSpace: "nowrap",
+                                                            } }, { children: "Actions" }))] })) }), _jsx("tbody", { children: currentData.map((row, idx) => (_jsxs("tr", Object.assign({ style: { borderBottom: "1px solid #e4eef4" } }, { children: [_jsx("td", Object.assign({ style: { padding: "12px 16px", color: "#526282" } }, { children: row.insight })), _jsx("td", Object.assign({ style: { padding: "12px 16px", color: "#526282" } }, { children: row.triggered })), _jsx("td", Object.assign({ style: { padding: "12px 16px" } }, { children: _jsx("span", Object.assign({ style: getCategoryStyle(row.category) }, { children: row.category })) })), _jsx("td", Object.assign({ style: {
+                                                                padding: "12px 16px",
+                                                                color: "#4E88F0",
+                                                                cursor: "pointer",
+                                                            } }, { children: _jsxs("span", Object.assign({ style: {
+                                                                    display: "flex",
+                                                                    alignItems: "center",
+                                                                    gap: "4px",
+                                                                } }, { children: [_jsx("span", Object.assign({ style: { lineHeight: "0px" } }, { children: _jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, { children: [_jsx("path", { d: "M0.833313 10C0.833313 10 4.16665 3.33337 9.99998 3.33337C15.8333 3.33337 19.1666 10 19.1666 10C19.1666 10 15.8333 16.6667 9.99998 16.6667C4.16665 16.6667 0.833313 10 0.833313 10Z", stroke: "url(#paint0_linear_6260_498)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }), _jsx("path", { d: "M10 12.5C11.3807 12.5 12.5 11.3807 12.5 10C12.5 8.61929 11.3807 7.5 10 7.5C8.61929 7.5 7.5 8.61929 7.5 10C7.5 11.3807 8.61929 12.5 10 12.5Z", stroke: "url(#paint1_linear_6260_498)", "stroke-linecap": "round", "stroke-linejoin": "round" }), _jsxs("defs", { children: [_jsxs("linearGradient", Object.assign({ id: "paint0_linear_6260_498", x1: "9.99998", y1: "16.6667", x2: "9.99998", y2: "3.33337", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { "stop-color": "#4F87F0" }), _jsx("stop", { offset: "1", "stop-color": "#7B73FB" })] })), _jsxs("linearGradient", Object.assign({ id: "paint1_linear_6260_498", x1: "10", y1: "12.5", x2: "10", y2: "7.5", gradientUnits: "userSpaceOnUse" }, { children: [_jsx("stop", { "stop-color": "#4F87F0" }), _jsx("stop", { offset: "1", "stop-color": "#7B73FB" })] }))] })] })) })), " ", "View"] })) }))] }), idx))) })] })) })), _jsxs("div", Object.assign({ style: {
+                                        marginTop: 16,
+                                        display: "flex",
+                                        justifyContent: "flex-end",
+                                        gap: 6,
+                                    } }, { children: [currentPage > 1 && (_jsx("button", Object.assign({ style: baseBtnStyle(), onClick: () => setCurrentPage(currentPage - 1) }, { children: "<" }))), Array.from({ length: totalPages }).map((_, i) => (_jsx("button", Object.assign({ style: baseBtnStyle(currentPage === i + 1), onClick: () => setCurrentPage(i + 1) }, { children: i + 1 }), i))), currentPage < totalPages && (_jsx("button", Object.assign({ style: baseBtnStyle(), onClick: () => setCurrentPage(currentPage + 1) }, { children: ">" })))] }))] }))] })) })))] }));
+};
+export default TaxDashboardPage;

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@musetax/compass-widget",
+  "version": "0.1.218",
+  "dependencies": {
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^16.18.126",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "axios": "^1.10.0",
+    "framer-motion": "^12.19.1",
+    "lucide-react": "^0.523.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-icons": "^5.5.0",
+    "react-scripts": "5.0.1",
+    "typescript": "^4.9.5",
+    "web-vitals": "^2.1.4"
+  },
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "tsc",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "autoprefixer": "^10.4.21",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.10"
+  }
+}