@caseparts-org/casecore 0.0.4 → 0.0.6

package/README.md

@@ -1,60 +1,60 @@
-# CaseCore React Component & Logic Library
-
-This project is a reusable logic and component library for React and Next.js applications, designed to house all core business logic for our front-end apps, decoupled from any specific UI. While it currently focuses on authentication, claims, and session management, it is intended to grow into a central place for all shared business logic, utilities, and core functionality needed across our projects.
-
-## Project Structure
-
-- **/lib/**
-  - Contains all code intended for export as part of the library.
-  - Includes authentication context/provider, hooks, utility functions, and type definitions.
-  - The main entry point for consumers is `lib/index.ts`.
-- **/src/App.tsx**
-  - Local demo/test app for development, not included in the library build.
-  - Useful for running and testing components locally with `npm run dev`.
-- **/public/**
-  - Static assets for local development/demo.
-- **/index.html**
-  - Entry point for local development with Vite.
-
-## Key Features
-
-- **Authentication Context (`AuthProvider`)**
-  - Provides authentication state, login/logout/impersonate methods, and claims to your app via React context.
-  - Handles JWT parsing, localStorage/sessionStorage, and API integration.
-- **Claims & Session Utilities**
-  - `buildClaimsFromPayload`: Normalizes JWT payloads into a consistent claims object.
-  - `getSessionId`: Manages session IDs in sessionStorage.
-  - `useLocalStorage`: React hook for persistent state with automatic key prefixing.
-- **TypeScript-first**
-  - All types and interfaces are defined in `lib/authentication/AuthTypes.ts` for strong typing and IDE support.
-- **Testing**
-  - Tests are colocated with their modules (e.g., `AuthContext.test.tsx`).
-  - Mocks for fetch and JWT decoding are used to simulate authentication flows.
-
-## Usage
-
-- **As a library:**
-  - Import from `lib/index.ts` in your consuming app:
-    ```ts
-    import { AuthProvider, useAuthContext } from 'casecore/lib';
-    ```
-- **For local development:**
-  - Run `npm run dev` to start the Vite dev server and use the demo app in `src/App.tsx`.
-- **To run tests locally:**
-  - Run `npm test` or `npx vitest run` to execute all tests.
-  - For watch mode (auto-re-run on file changes), use:
-    ```sh
-    npx vitest
-    ```
-  - Test files are colocated with their modules (e.g., `AuthContext.test.tsx`).
-
-## Contributing
-
-- Add new core logic, hooks, or components to `/lib`.
-- Add or update exports in `lib/index.ts`.
-- Use `/src` and `/public` for local-only demo/testing code.
-- Write and run tests for all exported logic.
-
-## License
-
-MIT
+# CaseCore React Component & Logic Library
+
+This project is a reusable logic and component library for React and Next.js applications, designed to house all core business logic for our front-end apps, decoupled from any specific UI. While it currently focuses on authentication, claims, and session management, it is intended to grow into a central place for all shared business logic, utilities, and core functionality needed across our projects.
+
+## Project Structure
+
+- **/lib/**
+  - Contains all code intended for export as part of the library.
+  - Includes authentication context/provider, hooks, utility functions, and type definitions.
+  - The main entry point for consumers is `lib/index.ts`.
+- **/src/App.tsx**
+  - Local demo/test app for development, not included in the library build.
+  - Useful for running and testing components locally with `npm run dev`.
+- **/public/**
+  - Static assets for local development/demo.
+- **/index.html**
+  - Entry point for local development with Vite.
+
+## Key Features
+
+- **Authentication Context (`AuthProvider`)**
+  - Provides authentication state, login/logout/impersonate methods, and claims to your app via React context.
+  - Handles JWT parsing, localStorage/sessionStorage, and API integration.
+- **Claims & Session Utilities**
+  - `buildClaimsFromPayload`: Normalizes JWT payloads into a consistent claims object.
+  - `getSessionId`: Manages session IDs in sessionStorage.
+  - `useLocalStorage`: React hook for persistent state with automatic key prefixing.
+- **TypeScript-first**
+  - All types and interfaces are defined in `lib/authentication/AuthTypes.ts` for strong typing and IDE support.
+- **Testing**
+  - Tests are colocated with their modules (e.g., `AuthContext.test.tsx`).
+  - Mocks for fetch and JWT decoding are used to simulate authentication flows.
+
+## Usage
+
+- **As a library:**
+  - Import from `lib/index.ts` in your consuming app:
+    ```ts
+    import { AuthProvider, useAuthContext } from 'casecore/lib';
+    ```
+- **For local development:**
+  - Run `npm run dev` to start the Vite dev server and use the demo app in `src/App.tsx`.
+- **To run tests locally:**
+  - Run `npm test` or `npx vitest run` to execute all tests.
+  - For watch mode (auto-re-run on file changes), use:
+    ```sh
+    npx vitest
+    ```
+  - Test files are colocated with their modules (e.g., `AuthContext.test.tsx`).
+
+## Contributing
+
+- Add new core logic, hooks, or components to `/lib`.
+- Add or update exports in `lib/index.ts`.
+- Use `/src` and `/public` for local-only demo/testing code.
+- Write and run tests for all exported logic.
+
+## License
+
+MIT

package/dist/environment.d.ts

@@ -0,0 +1,3 @@
+declare const environment: Environment;
+export type Environment = "Dev" | "Prod" | "local";
+export default environment;

package/dist/environment.js

@@ -0,0 +1,2 @@
+const environment = "Dev";
+export default environment;

package/dist/src/App.d.ts

@@ -0,0 +1,3 @@
+import './App.css';
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;

package/dist/src/App.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './App.css';
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
+import AuthProvider from './lib/authentication/AuthContext';
+import Login from './local/login/Login';
+import Impersonate from './local/impersonate/Impersonate';
+import AppSettings from './local/util/AppSettings';
+import Layout from './local/layout/Layout';
+import MicroFlex from './local/microflex/MicroFlex';
+function App() {
+    // You can define your AuthProvider props here or import them
+    const urls = {
+        Login: AppSettings.Authentication.Login,
+        Logout: AppSettings.Authentication.Logout,
+        Impersonate: (email) => AppSettings.Authentication.Impersonate(email),
+    };
+    const apiKey = import.meta.env.VITE_APIKEY;
+    const sessionClientId = 'casecore';
+    return (_jsx(AuthProvider, { urls: urls, apiKey: apiKey, sessionClientId: sessionClientId, children: _jsx(BrowserRouter, { children: _jsxs(Routes, { children: [_jsx(Route, { path: "/", element: _jsx(Home, {}) }), _jsx(Route, { path: "/login", element: _jsx(Login, {}) }), _jsx(Route, { path: "/impersonate", element: _jsx(Impersonate, {}) }), _jsx(Route, { path: "/microflex", element: _jsx(MicroFlex, {}) })] }) }) }));
+}
+function Home() {
+    return (_jsx(Layout, { children: _jsx("h1", { children: "Home" }) }));
+}
+// const urls = {
+//   Login: '/api/login',
+//   Logout: '/api/logout',
+//   Impersonate: (email: string) => `/api/impersonate/${email}`,
+// };
+// const apiKey = 'test-api-key';
+// const sessionClientId = 'test-session-id';
+// function TestConsumer() {
+//   const ctx = useAuthContext();
+//   if (!ctx) return <div>no context</div>;
+//   return (
+//     <div>
+//       <div data-testid="initialized">{ctx.initialized}</div>
+//       <div data-testid="email">{ctx.email}</div>
+//       <div data-testid="userType">{ctx.userType}</div>
+//       <div data-testid="claims">{JSON.stringify(ctx.claims)}</div>
+//       <button onClick={() => ctx.login('test@example.com', 'pw')}>Login</button>
+//       <button onClick={() => ctx.logout()}>Logout</button>
+//       <button onClick={() => ctx.impersonate('imp@example.com')}>Impersonate</button>
+//     </div>
+//   );
+// }
+export default App;

package/dist/{authentication → src/lib/authentication}/AuthContext.d.ts

@@ -3,7 +3,7 @@ import { Claims } from "./AuthTypes";
 export type AuthUrls = {
     Login: string;
     Logout: string;
-    Impersonate: (_email: string) => string;
+    Impersonate: (_email: string | null) => string;
 };
 export type AuthProviderProps = {
     children: ReactNode;
@@ -19,7 +19,7 @@ export type AuthContextType = {
     userType: string;
     login: (_email?: string, _password?: string) => Promise<unknown>;
     logout: () => Promise<boolean>;
-    impersonate: (_email: string) => Promise<string | null>;
+    impersonate: (_email: string | null) => Promise<string | null>;
     fetch: (_url: string, _options?: RequestInit) => Promise<Response | null>;
     hasRight: (_right: string) => boolean;
     token: string | null;

package/dist/{authentication → src/lib/authentication}/AuthContext.test.js

@@ -5,33 +5,33 @@ import { useAuthContext, default as AuthProvider } from './AuthContext';
 import { buildClaimsFromPayload } from '../utils/ClaimsUtils';
 // Dummy data for API responses
 const dummyEmployee = {
-    userId: 'emp1',
-    userName: 'employee@example.com',
-    nickName: 'Emp',
-    branch: 'HQ',
-    rights: 'VIEW,EDIT',
+    UserId: 'emp1',
+    UserName: 'employee@example.com',
+    NickName: 'Emp',
+    Branch: 'HQ',
+    Rights: 'VIEW,EDIT',
 };
 const dummyCustomer = {
-    userName: 'customer@example.com',
-    userId: 'cust1',
-    custKey: 123,
-    custId: 'C123',
-    custName: 'Test Customer',
-    custClass: 'Dealer',
-    firstName: 'John',
-    lastName: 'Doe',
-    address: '123 Main St',
-    city: 'Metropolis',
-    state: 'NY',
-    zipCode: '10001',
-    phone: '555-1234',
-    hq: 'HQ',
-    hqCustKey: '456',
-    paymentTerms: 'Net30',
-    lastLoginDate: '2024-01-01',
-    rights: 'BUY,SELL',
-    pendingInvites: ['invite1'],
-    primaryAdmin: 'admin1',
+    UserName: 'customer@example.com',
+    UserId: 'cust1',
+    CustKey: 123,
+    CustId: 'C123',
+    CustName: 'Test Customer',
+    CustClass: 'Dealer',
+    FirstName: 'John',
+    LastName: 'Doe',
+    Address: '123 Main St',
+    City: 'Metropolis',
+    State: 'NY',
+    ZipCode: '10001',
+    Phone: '555-1234',
+    Hq: 'HQ',
+    HqCustKey: '456',
+    PaymentTerms: 'Net30',
+    LastLoginDate: '2024-01-01',
+    Rights: 'BUY,SELL',
+    PendingInvites: ['invite1'],
+    PrimaryAdmin: 'admin1',
 };
 const dummyJwtPayload = {
     Time: 'now',

package/dist/{authentication → src/lib/authentication}/AuthTypes.d.ts

@@ -1,45 +1,45 @@
 export type EmployeeResponse = {
-    userId: string;
-    userName: string;
-    nickName: string;
-    branch: string;
-    rights: string;
+    UserId: string;
+    UserName: string;
+    NickName: string;
+    Branch: string;
+    Rights: string;
 };
 export type CustomerResponse = {
-    userName: string;
-    userId: string;
-    custKey: number;
-    custId: string;
-    custName: string;
-    custClass: string;
-    firstName: string;
-    lastName: string;
-    address: string;
-    city: string;
-    state: string;
-    zipCode: string;
-    phone: string;
-    hq: string;
-    hqCustKey: string;
-    paymentTerms: string;
-    lastLoginDate: string | null;
-    rights: string;
-    pendingInvites: Invite[];
-    primaryAdmin: string;
+    UserName: string;
+    UserId: string;
+    CustKey: number;
+    CustId: string;
+    CustName: string;
+    CustClass: string;
+    FirstName: string;
+    LastName: string;
+    Address: string;
+    City: string;
+    State: string;
+    ZipCode: string;
+    Phone: string;
+    HQ: string;
+    HQCustKey: string;
+    PaymentTerms: string;
+    LastLoginDate: string | null;
+    Rights: string;
+    PendingInvites: Invite[];
+    PrimaryAdmin: string;
 };
 export type InviteType = "NewAcctPrimary" | "Standard" | "Primary" | "LinkedStandard" | "LinkedPrimary";
 export type Invite = {
-    id: string;
-    senderEmail: string;
-    custKey: number;
-    custId: string;
-    custName: string;
-    targetEmail: string;
-    targetUserId: string;
-    inviteType: InviteType | string;
-    rights: string;
-    status: string;
-    createdDate: string;
+    Id: string;
+    SenderEmail: string;
+    CustKey: number;
+    CustId: string;
+    CustName: string;
+    TargetEmail: string;
+    TargetUserId: string;
+    InviteType: InviteType | string;
+    Rights: string;
+    Status: string;
+    CreatedDate: string;
 };
 export type EmployeeClaims = {
     UserId: string;

package/dist/src/lib/hooks/useMicroFlex.d.ts

@@ -0,0 +1,27 @@
+export type MicroFlexFieldSelectors = {
+    number: string;
+    securityCode: string;
+};
+export type MicroFlexOptions = {
+    initializeForm: boolean;
+    apiURL: string;
+    fetchFn: (_url: string, _options?: RequestInit) => Promise<Response>;
+    fieldSelectors?: MicroFlexFieldSelectors;
+    styles?: Record<string, any>;
+    scriptUrl?: string;
+    setupInterval?: number;
+    onError?: (_error: unknown) => void;
+};
+export type MicroFlexReturn = {
+    validate: () => Promise<string | undefined>;
+    cardToken: string | null;
+    cardError: string | null;
+    setupError: unknown;
+    autoCompleteData: unknown;
+};
+declare global {
+    interface Window {
+        Flex?: any;
+    }
+}
+export default function useMicroFlex({ initializeForm, apiURL, fetchFn, fieldSelectors, styles, scriptUrl, setupInterval, onError, }: MicroFlexOptions): MicroFlexReturn;

package/dist/src/lib/hooks/useMicroFlex.js

@@ -0,0 +1,138 @@
+import { useState, useEffect, useRef } from "react";
+const defaultStyles = {
+    input: {
+        "font-size": "1rem",
+        "font-family": "Roboto, helvetica, tahoma, calibri, sans-serif",
+        color: "#555",
+        "line-height": "1rem",
+    },
+    ":focus": { color: "blue" },
+    ":disabled": { cursor: "not-allowed" },
+    valid: { color: "#3C763D" },
+    invalid: { color: "#A94442" },
+};
+const defaultFieldSelectors = { number: "#number", securityCode: "#securityCode" };
+const defaultScriptUrl = "https://flex.cybersource.com/cybersource/assets/microform/0.11/flex-microform.min.js";
+export default function useMicroFlex({ initializeForm, apiURL, fetchFn, fieldSelectors = defaultFieldSelectors, styles = defaultStyles, scriptUrl = defaultScriptUrl, setupInterval = 15 * 60 * 1000, onError, }) {
+    const [error, setError] = useState(null);
+    const [autoCompleteData, setAutoCompleteData] = useState(null);
+    const [setupError, setSetupError] = useState(null);
+    const [token, setToken] = useState(null);
+    const formRef = useRef(null);
+    useEffect(() => {
+        if (!initializeForm)
+            return;
+        const scriptLoaded = !!window.Flex;
+        if (!scriptLoaded) {
+            const script = document.createElement("script");
+            script.src = scriptUrl;
+            script.async = true;
+            script.onload = () => {
+                setupMicroform();
+            };
+            document.body.appendChild(script);
+        }
+        try {
+            setupMicroform();
+        }
+        catch {
+            // Script might not be loaded yet
+        }
+        const timerId = setInterval(() => setupMicroform(), setupInterval);
+        return () => {
+            clearInterval(timerId);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [initializeForm, apiURL, scriptUrl]);
+    async function setupMicroform() {
+        if (!window.Flex)
+            return;
+        setToken(null);
+        setError(null);
+        let jwt;
+        try {
+            jwt = await fetchFn(apiURL, { method: "GET" })
+                .then((resp) => resp.text())
+                .catch((err) => {
+                setSetupError(err);
+                if (onError)
+                    onError(err);
+                return undefined;
+            });
+        }
+        catch (err) {
+            setSetupError(err);
+            if (onError)
+                onError(err);
+            return;
+        }
+        if (!jwt)
+            return;
+        try {
+            const flex = new window.Flex(jwt);
+            const microform = flex.microform({ styles });
+            formRef.current = microform;
+            const number = microform.createField("number");
+            const securityCode = microform.createField("securityCode");
+            number.on("autocomplete", function (data) {
+                setAutoCompleteData(data);
+                setToken(null);
+            });
+            securityCode.on("autocomplete", function (data) {
+                setAutoCompleteData(data);
+                setToken(null);
+            });
+            number.on("change", () => {
+                setToken(null);
+                setError(null);
+            });
+            securityCode.on("change", () => {
+                setToken(null);
+                setError(null);
+            });
+            number.load(fieldSelectors.number);
+            securityCode.load(fieldSelectors.securityCode);
+        }
+        catch (error) {
+            setSetupError(error);
+            if (onError)
+                onError(error);
+        }
+    }
+    function validate() {
+        return new Promise((resolve, reject) => {
+            if (!formRef.current) {
+                const err = new Error("Form reference is not available.");
+                if (onError)
+                    onError(err);
+                return reject(err);
+            }
+            formRef.current.createToken({}, function (error, token) {
+                let errorMessage = error?.message;
+                if (error && error.status === 429) {
+                    errorMessage = "Credit card could not be validated. Please refresh and try again.";
+                }
+                if (error && error.status === 400) {
+                    errorMessage = "Invalid credit card. Please double-check details.";
+                }
+                setError(errorMessage);
+                setToken(token);
+                if (error) {
+                    if (onError)
+                        onError(error);
+                    reject(new Error(errorMessage));
+                }
+                else {
+                    resolve(token);
+                }
+            });
+        });
+    }
+    return {
+        validate,
+        cardToken: token,
+        cardError: error,
+        setupError,
+        autoCompleteData,
+    };
+}

package/dist/{index.d.ts → src/lib/index.d.ts}

@@ -4,3 +4,5 @@ export type { EmployeeResponse, CustomerResponse, InviteType, Invite, EmployeeCl
 export { default as useLocalStorage } from './hooks/useLocalStorage';
 export { getSessionId } from './utils/SessionUtils';
 export { buildClaimsFromPayload } from './utils/ClaimsUtils';
+export type { MicroFlexFieldSelectors, MicroFlexOptions, MicroFlexReturn } from './hooks/useMicroFlex';
+export { default as useMicroFlex } from './hooks/useMicroFlex';

package/dist/{index.js → src/lib/index.js}

@@ -4,3 +4,4 @@ export { default as AuthProvider, useAuthContext } from './authentication/AuthCo
 export { default as useLocalStorage } from './hooks/useLocalStorage';
 export { getSessionId } from './utils/SessionUtils';
 export { buildClaimsFromPayload } from './utils/ClaimsUtils';
+export { default as useMicroFlex } from './hooks/useMicroFlex';

package/dist/{utils → src/lib/utils}/ClaimsUtils.js

@@ -26,12 +26,12 @@ export function buildClaimsFromPayload(payload) {
     let employeeClaims = null;
     if (employeeRaw && typeof employeeRaw === "object") {
         employeeClaims = {
-            UserId: employeeRaw.userId,
-            UserName: employeeRaw.userName,
-            NickName: employeeRaw.nickName,
-            Branch: employeeRaw.branch ?? null,
-            Rights: typeof employeeRaw.rights === "string"
-                ? employeeRaw.rights.split(",").map((s) => s.trim())
+            UserId: employeeRaw.UserId,
+            UserName: employeeRaw.UserName,
+            NickName: employeeRaw.NickName,
+            Branch: employeeRaw.Branch ?? null,
+            Rights: typeof employeeRaw.Rights === "string"
+                ? employeeRaw.Rights.split(",").map((s) => s.trim())
                 : [],
         };
     }
@@ -39,28 +39,28 @@ export function buildClaimsFromPayload(payload) {
     let customerClaims = null;
     if (customerRaw && typeof customerRaw === "object") {
         customerClaims = {
-            UserName: customerRaw.userName,
-            UserId: customerRaw.userId,
-            CustKey: customerRaw.custKey,
-            CustId: customerRaw.custId,
-            CustName: customerRaw.custName,
-            CustClass: customerRaw.custClass,
-            FirstName: customerRaw.firstName,
-            LastName: customerRaw.lastName,
-            Address: customerRaw.address,
-            City: customerRaw.city,
-            State: customerRaw.state,
-            ZipCode: customerRaw.zipCode,
-            Phone: customerRaw.phone,
-            HQ: customerRaw.hq ?? null,
-            HQCustKey: typeof customerRaw.hqCustKey === "string" ? parseInt(customerRaw.hqCustKey, 10) : customerRaw.hqCustKey,
-            PaymentTerms: customerRaw.paymentTerms,
-            LastLoginDate: customerRaw.lastLoginDate ?? "",
-            Rights: typeof customerRaw.rights === "string"
-                ? customerRaw.rights.split(",").map((s) => s.trim())
+            UserName: customerRaw.UserName,
+            UserId: customerRaw.UserId,
+            CustKey: customerRaw.CustKey,
+            CustId: customerRaw.CustId,
+            CustName: customerRaw.CustName,
+            CustClass: customerRaw.CustClass,
+            FirstName: customerRaw.FirstName,
+            LastName: customerRaw.LastName,
+            Address: customerRaw.Address,
+            City: customerRaw.City,
+            State: customerRaw.State,
+            ZipCode: customerRaw.ZipCode,
+            Phone: customerRaw.Phone,
+            HQ: customerRaw.HQ ?? null,
+            HQCustKey: typeof customerRaw.HQCustKey === "string" ? parseInt(customerRaw.HQCustKey, 10) : customerRaw.HQCustKey,
+            PaymentTerms: customerRaw.PaymentTerms,
+            LastLoginDate: customerRaw.LastLoginDate ?? "",
+            Rights: typeof customerRaw.Rights === "string"
+                ? customerRaw.Rights.split(",").map((s) => s.trim())
                 : [],
-            PendingInvites: customerRaw.pendingInvites ?? [],
-            PrimaryAdmin: customerRaw.primaryAdmin ?? null,
+            PendingInvites: customerRaw.PendingInvites ?? [],
+            PrimaryAdmin: customerRaw.PrimaryAdmin ?? null,
         };
     }
     return {

package/dist/src/local/impersonate/Impersonate.d.ts

@@ -0,0 +1 @@
+export default function Impersonate(): import("react/jsx-runtime").JSX.Element;

package/dist/src/local/impersonate/Impersonate.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import Layout from '../layout/Layout';
+import { useAuthContext } from '../../lib/authentication/AuthContext';
+import AppSettings from '../util/AppSettings';
+export default function Impersonate() {
+    const { fetch, impersonate } = useAuthContext() || {};
+    const [search, setSearch] = useState('');
+    const [results, setResults] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const handleSearch = async () => {
+        if (!fetch || !search)
+            return;
+        setLoading(true);
+        setError(null);
+        try {
+            const url = AppSettings.Authentication.ImpersonateSearch + encodeURIComponent(search);
+            const res = await fetch(url);
+            if (!res)
+                throw new Error('No response');
+            const data = await res.json();
+            setResults(Array.isArray(data) ? data : (data.results || []));
+        }
+        catch (e) {
+            setError(e.message || 'Search failed');
+            setResults([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter')
+            handleSearch();
+    };
+    const handleSelect = async (email) => {
+        if (!impersonate)
+            return;
+        try {
+            await impersonate(email);
+            // Optionally, redirect or show a message
+        }
+        catch {
+            setError('Impersonation failed');
+        }
+    };
+    return (_jsx(Layout, { children: _jsxs("div", { style: { display: 'flex', flexDirection: 'column', height: '100vh' }, children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', marginBottom: 24 }, children: [_jsx("h1", { style: { margin: 0, marginRight: 24, marginBottom: 12 }, children: "Impersonate" }), _jsxs("div", { children: [_jsx("input", { type: "text", placeholder: "Search user by email or name", value: search, onChange: e => setSearch(e.target.value), onKeyDown: handleKeyDown, style: { minWidth: 300, marginRight: 8, height: '30px', paddingLeft: '4px' }, autoComplete: "impersonate-email" }), _jsx("button", { onClick: handleSearch, disabled: loading, children: "Search" })] })] }), error && _jsx("div", { style: { color: 'red', marginTop: 8 }, children: error }), _jsx("div", { style: { marginTop: 16, flex: 1, overflowY: 'auto', display: 'flex', flexDirection: 'column', gap: 16 }, children: results.map((user, idx) => (_jsxs("div", { style: {
+                            border: '1px solid #ccc',
+                            borderRadius: 8,
+                            padding: 16,
+                            minWidth: 260,
+                            marginBottom: 8,
+                            boxShadow: '0 2px 8px rgba(0,0,0,0.04)',
+                            cursor: 'pointer',
+                            background: '#111',
+                            transition: 'box-shadow 0.2s',
+                            userSelect: 'none',
+                            height: 'min-content'
+                        }, onClick: () => handleSelect(user.UserName), tabIndex: 0, onKeyDown: e => { if (e.key === 'Enter')
+                            handleSelect(user.UserName); }, children: [_jsx("div", { style: { fontWeight: 600, fontSize: 16, marginBottom: 2 }, children: user.CustId }), _jsx("div", { style: { marginBottom: 2 }, children: user.UserName }), _jsx("div", { style: { color: '#777', fontSize: 14 }, children: user.CustName })] }, user.Id || user.email || idx))) })] }) }));
+}

package/dist/src/local/layout/Layout.d.ts

@@ -0,0 +1,4 @@
+export default function Layout({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function Navigation(): import("react/jsx-runtime").JSX.Element;

package/dist/src/local/layout/Layout.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Link } from 'react-router-dom';
+import { useAuthContext } from '../../lib';
+export default function Layout({ children }) {
+    return (_jsxs("div", { style: {
+            minHeight: '100vh',
+            width: '100vw',
+            display: 'flex',
+            flexDirection: 'column',
+        }, children: [_jsx(Navigation, {}), _jsx("main", { style: {
+                    flex: 1,
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    width: '100%',
+                }, children: children })] }));
+}
+export function Navigation() {
+    const auth = useAuthContext();
+    return (_jsx("nav", { style: {
+            width: '100%',
+            background: '#222',
+            color: '#fff',
+            padding: '0.5rem 1rem',
+            marginBottom: '2rem',
+            boxSizing: 'border-box',
+        }, children: _jsxs("ul", { style: {
+                display: 'flex',
+                listStyle: 'none',
+                margin: 0,
+                padding: 0,
+            }, children: [_jsx("li", { style: { marginRight: '1.5rem' }, children: _jsx(Link, { to: "/", style: { color: '#fff', textDecoration: 'none' }, children: "Home" }) }), _jsx("li", { style: { marginRight: '1.5rem' }, children: _jsx(Link, { to: "/login", style: { color: '#fff', textDecoration: 'none' }, children: auth?.email ? _jsx(_Fragment, { children: auth.email }) : _jsx(_Fragment, { children: "Login" }) }) }), _jsx("li", { style: { marginRight: '1.5rem' }, children: _jsx(Link, { to: "/impersonate", style: { color: '#fff', textDecoration: 'none' }, children: "Impersonate" }) }), _jsx("li", { style: { marginRight: '1.5rem' }, children: _jsx(Link, { to: "/microflex", style: { color: '#fff', textDecoration: 'none' }, children: "MicroFlex" }) })] }) }));
+}

package/dist/src/local/login/Login.d.ts

@@ -0,0 +1 @@
+export default function Login(): import("react/jsx-runtime").JSX.Element;

package/dist/src/local/login/Login.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useAuthContext } from '../../lib/authentication/AuthContext';
+import Layout from '../layout/Layout';
+export default function Login() {
+    const auth = useAuthContext();
+    console.log(auth);
+    if (!auth || auth.userType === "Guest") {
+        return _jsx(LoginForm, {});
+    }
+    const userName = auth.claims?.Customer?.FirstName && auth.claims?.Customer?.LastName
+        ? `${auth.claims.Customer.FirstName} ${auth.claims.Customer.LastName}`
+        : auth.claims?.Employee?.NickName || auth.claims?.Employee?.UserName || "";
+    return (_jsx(Layout, { children: _jsxs("div", { style: {
+                minWidth: 320,
+                maxWidth: 600,
+                width: '100%',
+                background: '#181818',
+                color: '#fff',
+                padding: 24,
+                borderRadius: 8,
+                boxShadow: '0 2px 8px rgba(0,0,0,0.2)',
+                overflow: 'auto',
+                // maxHeight: 500,
+            }, children: [_jsx("h1", { style: { marginBottom: 12 }, children: "Account" }), _jsxs("div", { style: { marginBottom: 12 }, children: [_jsx("strong", { children: "Email:" }), " ", auth.email] }), _jsxs("div", { style: { marginBottom: 12 }, children: [_jsx("strong", { children: "Name:" }), " ", userName] }), _jsxs("div", { style: { marginBottom: 12 }, children: [_jsx("strong", { children: "Claims:" }), _jsx("pre", { style: {
+                                background: '#222',
+                                color: '#fff',
+                                padding: 12,
+                                borderRadius: 4,
+                                maxHeight: 300,
+                                overflow: 'auto',
+                                fontSize: 13,
+                            }, children: JSON.stringify(auth.claims, null, 2) })] }), _jsxs("div", { style: { width: '100%', display: 'flex', flexDirection: 'row', gap: 8, justifyContent: 'center' }, children: [_jsx("button", { onClick: () => auth.logout(), children: "Logout" }), auth.userType === "Employee" && auth.claims?.Customer &&
+                            _jsx("button", { onClick: () => auth.impersonate(null), children: "Cancel Impersonation" })] })] }) }));
+}
+function LoginForm() {
+    const auth = useAuthContext();
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const [error, setError] = useState(null);
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setError(null);
+        try {
+            await auth?.login(email, password);
+            // Optionally redirect or show success
+        }
+        catch (err) {
+            setError(err?.message || 'Login failed');
+        }
+    };
+    return (_jsx(Layout, { children: _jsxs("div", { style: { minWidth: 300 }, children: [_jsx("h1", { children: "Login" }), _jsxs("form", { onSubmit: handleSubmit, children: [_jsx("div", { style: { marginBottom: 12 }, children: _jsxs("label", { children: ["Email:", _jsx("input", { type: "email", value: email, onChange: e => setEmail(e.target.value), required: true, style: { width: '100%', height: '30px', paddingLeft: '4px' } })] }) }), _jsx("div", { style: { marginBottom: 12 }, children: _jsxs("label", { children: ["Password:", _jsx("input", { type: "password", value: password, onChange: e => setPassword(e.target.value), required: true, style: { width: '100%', height: '30px', paddingLeft: '4px' } })] }) }), error && _jsx("div", { style: { color: 'red', marginBottom: 12 }, children: error }), _jsx("button", { type: "submit", style: { width: '100%' }, children: "Login" })] })] }) }));
+}

package/dist/src/local/microflex/MicroFlex.d.ts

@@ -0,0 +1 @@
+export default function MicroFlex(): import("react/jsx-runtime").JSX.Element;

package/dist/src/local/microflex/MicroFlex.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import useMicroFlex from "../../lib/hooks/useMicroFlex";
+import AppSettings from "../util/AppSettings";
+import { useAuthContext } from "../../lib";
+import Layout from "../layout/Layout";
+export default function MicroFlex() {
+    let port = '';
+    if (window.location.hostname.includes("localhost"))
+        port = window.location.port;
+    const auth = useAuthContext();
+    const apiURL = AppSettings.Endpoints.MicroFlexFormAuth(port);
+    // Ensure fetchFn is always defined and returns Promise<Response>
+    const fetchFn = (auth?.fetch ??
+        (async (_url, _options) => {
+            // fallback: throw error if fetch is not available
+            throw new Error("fetchFn is not defined");
+        }));
+    const { validate, cardToken, cardError, setupError, autoCompleteData, } = useMicroFlex({ initializeForm: !!auth?.initialized, apiURL, fetchFn });
+    const [validationResult, setValidationResult] = useState(undefined);
+    const [validationError, setValidationError] = useState(undefined);
+    const handleValidate = async () => {
+        setValidationResult(undefined);
+        setValidationError(undefined);
+        try {
+            const token = await validate();
+            setValidationResult(token);
+        }
+        catch (err) {
+            setValidationError(err?.message || String(err));
+        }
+    };
+    return (_jsx(Layout, { children: _jsxs("div", { style: { width: 400, maxWidth: 400 }, children: [_jsx("h2", { children: "MicroFlex Manual Test UI" }), _jsxs("div", { children: [_jsx("div", { id: "number", style: { height: 30, marginBottom: 12, borderRadius: 8, border: "1px solid #ccc", padding: 4 } }), _jsx("div", { id: "securityCode", style: { height: 30, marginBottom: 12, borderRadius: 8, border: "1px solid #ccc", padding: 4 } })] }), _jsx("button", { onClick: handleValidate, style: { marginBottom: 16 }, children: "Validate Card" }), _jsxs("div", { style: { marginBottom: 16 }, children: [validationResult && (_jsxs("div", { style: { color: "green", wordBreak: "break-all", whiteSpace: "pre-wrap", maxHeight: 200, overflow: "auto" }, children: ["Token: ", validationResult] })), validationError && (_jsxs("div", { style: { color: "red", wordBreak: "break-all", whiteSpace: "pre-wrap", maxHeight: 200, overflow: "auto" }, children: ["Validation Error: ", validationError] }))] }), _jsxs("div", { children: [_jsx("strong", { children: "Hook State:" }), _jsx("pre", { style: {
+                                background: '#222',
+                                color: '#fff',
+                                padding: 12,
+                                borderRadius: 4,
+                                maxHeight: 300,
+                                overflow: 'auto',
+                                fontSize: 13,
+                            }, children: JSON.stringify({
+                                cardToken,
+                                cardError,
+                                setupError,
+                                autoCompleteData,
+                            }, null, 2) })] })] }) }));
+}

package/dist/src/local/util/AppSettings.d.ts

@@ -0,0 +1,109 @@
+interface IAuthentication {
+    ConfirmEmail: string;
+    ResendConfirmationEmail: string;
+    ForgotPassword: string;
+    ResetPassword: string;
+    Login: string;
+    Logout: string;
+    Register: string;
+    ImpersonateSearch: string;
+    Impersonate: (_email?: string | null) => string;
+    ForgotPasswordUrl: string;
+}
+interface ICatalog {
+    Sections: () => string;
+    Blocks: (_section: string) => string;
+    Parts: (_block: string) => string;
+    Part: (_item: string, _block: string) => string;
+    Search: (_input: string, _count?: number, _showAll?: boolean) => string;
+    SearchCount: (_input: string) => string;
+    Images: (_name?: string) => string;
+    Inventory: (_partId: string) => string;
+    InventoryBatch: () => string;
+    PartPrice: (_partId: string) => string;
+    PartPriceBatch: () => string;
+}
+interface ICasePics {
+    PartImages: (_itemKey: string) => string;
+    Report: (_report: string) => string;
+    TopUsers: () => string;
+    Progress: () => string;
+    SaveImages: () => string;
+    SignalRHub: () => string;
+}
+interface ICheckout {
+    AccountInfo: (_custId: string) => string;
+    VerifyOrder: () => string;
+    GetRequestId: () => string;
+    SubmitOrder: () => string;
+}
+interface ICustomParts {
+    GasketProfile: (_profile: string) => string;
+    Heaters: () => string;
+    Coils: () => string;
+    Shelves: () => string;
+}
+interface IIntegrations {
+    CybersourceUrl: string;
+    Loupe: string;
+}
+interface IEndpoints {
+    Exemptions: (_custId: string) => string;
+    ExemptionsUrl: () => string;
+    Users: () => string;
+    Addresses: () => string;
+    EmployeeUsers: () => string;
+    Payments: () => string;
+    OrderDetail: (_op: string, _requestId?: string) => string;
+    MicroFlexFormAuth: (_port: string | null) => string;
+}
+interface IImages {
+    WebSpin: (_itemId: string) => string;
+    SpinStill: (_itemId: string) => string;
+    Supplemental: (_itemId: string) => string;
+}
+interface IPages {
+    PartFinder: string;
+    Intranet: string;
+    Account: string;
+    UserManager: string;
+    Custom: string;
+    Faq: string;
+    About: string;
+    Contact: string;
+    Forms: string;
+    Dashboard: string;
+    OrdersChart: string;
+    ReportClient: string;
+    EmployeeFaq: string;
+    CsrFaq: string;
+    ForgotPassword: string;
+    Register: string;
+    Orders: string;
+    Benefits: string;
+    CustomCoilForm: string;
+    CustomDoorForm: string;
+    CustomShelfForm: string;
+}
+interface IAnalytics {
+    GaHostname: string;
+}
+interface IAppSettings {
+    CustomerSite: string;
+    Version: string;
+    Env: string;
+    IsProd: boolean;
+    SignalR: string;
+    Authentication: IAuthentication;
+    Catalog: ICatalog;
+    CasePics: ICasePics;
+    Checkout: ICheckout;
+    CustomParts: ICustomParts;
+    Integrations: IIntegrations;
+    Endpoints: IEndpoints;
+    Images: IImages;
+    Pages: IPages;
+    Analytics: IAnalytics;
+}
+declare const AppSettings: IAppSettings;
+export default AppSettings;

package/dist/src/local/util/AppSettings.js

@@ -0,0 +1,138 @@
+import environment from "../../../environment";
+const Version = "3.6";
+const IsProd = environment === "Prod";
+const IsLocalRequestServer = false;
+const IsLocalApi = false;
+const CustomerSite = IsProd ? "https://www.caseparts.com" : "https://dev.caseparts.com";
+const ApiServer = IsLocalApi
+    ? "https://localhost:44340/api/"
+    : IsProd
+        ? "https://my.caseparts.com/core/api/"
+        : "https://mydev.caseparts.com/core/api/";
+const BaseUrl = IsLocalRequestServer
+    ? "https://localhost:44340/"
+    : IsProd
+        ? "https://my.caseparts.com/core/"
+        : "https://mydev.caseparts.com/core/";
+const MyServer = IsLocalRequestServer
+    ? "http://localhost:44340"
+    : IsProd
+        ? "https://my.caseparts.com"
+        : "https://mydev.caseparts.com";
+const CatalogServer = IsLocalRequestServer
+    ? "http://localhost:44340"
+    : IsProd
+        ? "https://www.caseparts.com"
+        : "https://dev.caseparts.com";
+// const MobileServer: string = environment === "local"
+//   ? "http://localhost:3000"
+//   : IsProd
+//   ? "https://mobile.caseparts.com"
+//   : "https://mobiledev.caseparts.com";
+const CatalogImageServer = IsProd ? "https://www.caseparts.com/graphics" : "https://dev.caseparts.com/graphics";
+const Api = (endpoint) => ApiServer + endpoint;
+const SignalR = (hub) => BaseUrl + hub;
+const My = (url) => MyServer + url;
+const Main = (url) => CatalogServer + url;
+const AppSettings = {
+    CustomerSite: CustomerSite,
+    Version: Version,
+    Env: environment,
+    IsProd: IsProd,
+    SignalR: SignalR("signalr/"),
+    Authentication: {
+        ConfirmEmail: Api("authenticate/confirmemail/"),
+        ResendConfirmationEmail: Api("authenticate/resendconfirmemail"),
+        ForgotPassword: Api("authenticate/forgotpassword"),
+        ResetPassword: Api("authenticate/resetpassword"),
+        Login: Api("authenticate/login"),
+        Logout: Api("authenticate/logout"),
+        Register: Api("authenticate/register"),
+        ImpersonateSearch: Api("myaccount/search?val="),
+        Impersonate: (_email) => _email ? Api("authenticate/impersonate?email=") + _email : Api("authenticate/impersonate"),
+        ForgotPasswordUrl: My("/account/forgotpassword"),
+    },
+    Catalog: {
+        Sections: () => Api("mobilecatalog/sections"),
+        Blocks: (_section) => Api(`mobilecatalog/blocks/${_section}`),
+        Parts: (_block) => Api(`mobilecatalog/block/${_block}/parts`),
+        Part: (_item, _block) => Api(`mobilecatalog/parts/${_item}/${_block}`),
+        Search: (_input, _count = 20, _showAll = false) => Api(`mobilecatalog/search/?keywords=${_input}&rowCount=${_count}&showAll=${_showAll}`),
+        SearchCount: (_input) => Api(`mobilecatalog/searchCount/?keywords=${_input}`),
+        Images: (_name) => `${CatalogImageServer}/${_name ?? ''}`,
+        Inventory: (_partId) => Api(`part/inventory/${_partId}`),
+        InventoryBatch: () => Api(`part/inventory/batch`),
+        PartPrice: (_partId) => Api(`part/pricing/${_partId}`),
+        PartPriceBatch: () => Api(`part/pricing`),
+    },
+    CasePics: {
+        PartImages: (_itemKey) => Api(`casepics/part/${_itemKey}`),
+        Report: (_report) => Api(`casepics/report/${_report}`),
+        TopUsers: () => Api("casepics/top-users"),
+        Progress: () => Api("casepics/progress"),
+        SaveImages: () => Api("casepics/save"),
+        SignalRHub: () => SignalR("casepicshub"),
+    },
+    Checkout: {
+        AccountInfo: (_custId) => Api(`checkout/GetCheckoutInfo?customerid=${_custId}`),
+        VerifyOrder: () => Api("checkout/VerifyOrder"),
+        GetRequestId: () => Api("requests"),
+        SubmitOrder: () => Api("checkout/CreateQuote"),
+    },
+    CustomParts: {
+        GasketProfile: (_profile) => `${CatalogImageServer}%2fDrawings%5c${_profile}.png`,
+        Heaters: () => Api("part/heaters"),
+        Coils: () => Api("mobilecatalog/block/evaporator-coils-index/parts"),
+        Shelves: () => Api("mobilecatalog/block/wire-shelf-index/parts"),
+    },
+    Integrations: {
+        CybersourceUrl: Api("cybersource"),
+        Loupe: `${MyServer}/core`,
+    },
+    Endpoints: {
+        Exemptions: (_custId) => Api(`avatax/customers/${_custId}/exemptions`),
+        ExemptionsUrl: () => Api("avatax/certexpress"),
+        Users: () => Api("myaccount/users"),
+        Addresses: () => Api("myaccount/addresses"),
+        EmployeeUsers: () => Api("myaccount/internal/users"),
+        Payments: () => Api("myaccount/cards"),
+        OrderDetail: (_op, _requestId) => {
+            let url = Api(`myaccount/order/view/${_op}`);
+            url += _requestId ? `/${_requestId}` : "";
+            return url;
+        },
+        MicroFlexFormAuth: (_port) => Api(`cybersource/publickey/${_port || ''}`)
+    },
+    Images: {
+        WebSpin: (_itemId) => `${CatalogServer}/Ortery/360/Optimized/${_itemId}_/`,
+        SpinStill: (_itemId) => `${CatalogServer}/Ortery/360/Optimized/${_itemId}_/`,
+        Supplemental: (_itemId) => `${CatalogServer}/Ortery/2D/Optimized/${_itemId}/`,
+    },
+    Pages: {
+        PartFinder: Main(""),
+        Intranet: My("/home"),
+        Account: Main("/account"),
+        UserManager: Main("/account/cpc/users"),
+        Custom: Main("/custom"),
+        Faq: Main("/faq"),
+        About: Main("/about"),
+        Contact: Main("/account/contactus"),
+        Forms: Main("/forms"),
+        Dashboard: Main("/dash"),
+        OrdersChart: Main("/orders"),
+        ReportClient: My("/reports"),
+        EmployeeFaq: Main("/cpc"),
+        CsrFaq: Main("/csr"),
+        ForgotPassword: Main("/account/forgotpassword"),
+        Register: Main("/account/register"),
+        Orders: Main("/account/orders"),
+        Benefits: Main("/account/benefits"),
+        CustomCoilForm: My("/pdf/Custom Coil Order Form.pdf"),
+        CustomDoorForm: My("/pdf/Walk-In%20Door%20Order%20Form.pdf"),
+        CustomShelfForm: My("/pdf/Wire%20Shelf%20Order%20Form.pdf"),
+    },
+    Analytics: {
+        GaHostname: "www.caseparts.com",
+    },
+};
+export default AppSettings;

package/dist/src/main.d.ts

@@ -0,0 +1 @@
+import './index.css';

package/dist/src/main.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+import './index.css';
+import App from './App';
+createRoot(document.getElementById('root')).render(_jsx(StrictMode, { children: _jsx(App, {}) }));

package/package.json

@@ -1,53 +1,54 @@
-{
-  "name": "@caseparts-org/casecore",
-  "private": false,
-  "version": "0.0.4",
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.js"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "peerDependencies": {
-    "react": "^18.0.0"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -p tsconfig.json",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "test": "vitest",
-    "test:ci": "vitest run"
-  },
-  "dependencies": {
-    "jwt-decode": "^4.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "uuid": "^11.1.0"
-  },
-  "devDependencies": {
-    "@eslint/js": "^9.29.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.3.0",
-    "@types/node": "^24.0.4",
-    "@types/react": "^19.1.8",
-    "@types/react-dom": "^19.1.6",
-    "@vitejs/plugin-react": "^4.5.2",
-    "eslint": "^9.29.0",
-    "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-react-refresh": "^0.4.20",
-    "globals": "^16.2.0",
-    "jsdom": "^26.1.0",
-    "typescript": "~5.8.3",
-    "typescript-eslint": "^8.34.1",
-    "vite": "^7.0.0",
-    "vitest": "^3.2.4"
-  }
-}
+{
+  "name": "@caseparts-org/casecore",
+  "private": false,
+  "version": "0.0.6",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -p tsconfig.json",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "test": "vitest",
+    "test:ci": "vitest run"
+  },
+  "dependencies": {
+    "jwt-decode": "^4.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "uuid": "^11.1.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.29.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@types/node": "^24.0.4",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "^4.5.2",
+    "eslint": "^9.29.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.2.0",
+    "jsdom": "^26.1.0",
+    "react-router-dom": "^7.6.3",
+    "typescript": "~5.8.3",
+    "typescript-eslint": "^8.34.1",
+    "vite": "^7.0.0",
+    "vitest": "^3.2.4"
+  }
+}

package/dist/authentication/AuthContext.helpers.js

@@ -1 +0,0 @@
-"use strict";