@stokr/components-library 3.0.67 → 3.0.68

package/README.md

@@ -1,179 +1,179 @@
-# @stokr/components-library
-
-React UI library for STOKR apps: modals, forms, navigation, tables, auth context, styles.
-
-## Contents
-
-- [Quick start](#quick-start) — install, router, `AuthProvider`, styles
-- [Configuration reference](#runtime-config) — `config` keys & helpers
-- [AuthProvider & AuthContext](#authprovider-optional-props)
-- [Troubleshooting](#troubleshooting)
-- [Development](#development--publishing)
-
----
-
-## Quick start
-
-**Install**
-
-```bash
-npm install @stokr/components-library
-npm install react react-dom styled-components react-router-dom
-```
-
-Peers: React 18+/19+, styled-components 6.x, react-router-dom 6.x when you use routing-driven components (`HeaderHo`, `MainMenu`, …).
-
-**1. Router** — Navigation helpers need a React Router:
-
-```jsx
-import { BrowserRouter } from 'react-router-dom'
-import { RouterWrapper } from '@stokr/components-library'
-
-// Normal app
-root.render(
-  <BrowserRouter>
-    <App />
-  </BrowserRouter>,
-)
-
-// Outside a Router: RouterWrapper wraps children in BrowserRouter once.
-// Inside an existing Router: it renders children only (no nested BrowserRouter).
-root.render(
-  <RouterWrapper>
-    <App />
-  </RouterWrapper>,
-)
-```
-
-**2. Auth & runtime config (required when consuming via npm)** — Vite freezes `import.meta.env` inside pre-built deps, so push your `.env` at runtime via `config`:
-
-```jsx
-import { AuthProvider } from '@stokr/components-library'
-
-export default function App() {
-  return (
-    <AuthProvider
-      config={{
-        apiUrl: import.meta.env.VITE_API_URL,
-        baseUrlPublic: import.meta.env.VITE_BASE_URL_PUBLIC,
-        cookieDomain: import.meta.env.VITE_COOKIE_DOMAIN,
-        websiteDomain: import.meta.env.VITE_WEBSITE_DOMAIN,
-        photoApiUrl: import.meta.env.VITE_PHOTO_API_URL,
-        onboardingUrl: import.meta.env.VITE_ONBOARDING_URL,
-        dashboardUrl: import.meta.env.VITE_DASHBOARD_URL,
-        adminUrl: import.meta.env.VITE_ADMIN_URL,
-        registerUrl: import.meta.env.VITE_REGISTER_URL,
-        firebase: {
-          apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
-          authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
-          projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
-          storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
-          messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
-          appId: import.meta.env.VITE_FIREBASE_APP_ID,
-          measurementId: import.meta.env.VITE_FIREBASE_MEASUREMENT_ID,
-        },
-      }}>
-      {/* app */}
-    </AuthProvider>
-  )
-}
-```
-
-**3. Earlier config** (e.g. analytics before mount): `import { configure } from '@stokr/components-library'` with the same shape as `config`.
-
-**4. Icons / fonts** — Optional: `<IoniconsStyles />` at root, or rely on lazy injection when a component uses icons; for Layout / Open Sans: `import '@stokr/components-library/styles.css'`.
-
-**5. Imports** — `import { ConfirmModal, Button, … } from '@stokr/components-library'`.
-
-Full URL env example:
-
-```bash
-VITE_WEBSITE_DOMAIN=example.com
-VITE_ONBOARDING_URL=https://signup.example.com
-VITE_DASHBOARD_URL=https://dashboard.example.com
-VITE_ADMIN_URL=https://admin.example.com
-VITE_REGISTER_URL=https://example.com/signup
-```
-
----
-
-## Configuration reference {#runtime-config}
-
-| `config` key      | Typical `VITE_*`           | Role                                      |
-| ----------------- | -------------------------- | ----------------------------------------- |
-| `apiUrl`          | `VITE_API_URL`             | Authenticated REST base                   |
-| `baseUrlPublic`   | `VITE_BASE_URL_PUBLIC`     | Public API base                           |
-| `cookieDomain`    | `VITE_COOKIE_DOMAIN`       | Auth cookie `domain` attribute            |
-| `websiteDomain`   | `VITE_WEBSITE_DOMAIN`      | Bare host → links / `getPlatformURL()`    |
-| `photoApiUrl`     | `VITE_PHOTO_API_URL`       | Avatars / media                           |
-| `onboardingUrl`   | `VITE_ONBOARDING_URL`      | Full signup/sign-in app URL               |
-| `dashboardUrl`    | `VITE_DASHBOARD_URL`       | Investor dashboard URL                    |
-| `adminUrl`        | `VITE_ADMIN_URL`           | Venture / admin dashboard URL             |
-| `registerUrl`     | `VITE_REGISTER_URL`        | Public registration entry                 |
-| `firebase`        | `VITE_FIREBASE_*`          | Firebase client config                    |
-
-**Helpers:** `getConfig('…')` for any key above; `getPlatformURL()` → `https://{websiteDomain}`; `getAnalyticsIngestUrl()`, `getBackofficeAppUrl(path)`; **`getFooterGroups()`** replaces static footer URL lists.
-
-**Auth-only HTTP:** `authenticationApi.post(segment, body)` for `auth/*`; default axios stays the main API client after login.
-
-Missing overrides may trigger a **one-time** warning listing unresolved `VITE_*` expectations.
-
----
-
-## AuthProvider & AuthContext {#authprovider-optional-props}
-
-`AuthProvider` is wrapped with **`withRouter`** — mount it inside a **`Router`** so redirects work.
-
-### Optional provider props
-
-- **`inactivityTimeMs`** — Idle timeout before auto-logout + session modal (default 5 min).
-- **`inactivityWarningBeforeMs`** — How long before that timeout to show the **“session about to expire”** warning modal (default 30 s). See [Inactivity auto-logout](#inactivity-auto-logout).
-- **`accessTokenExpiryMs`** — Cookie TTL when **`Auth.setAccessToken`** runs (default **`DEFAULT_TOKEN_EXPIRY_MS`** = 1 h); not extended by **`getUser`** alone.
-- **`hideInactivityModal`** — Suppress both built-in inactivity modals (warning + session expired).
-- **`onSessionExpiredLoginClick`** — Called when the user clicks **Log in** on the session-expired modal.
-- **`customValidateGetUser(user)`** — Hook after **`user/get`** succeeds (see `src/context/AuthContext.js`).
-
-### Inactivity auto-logout {#inactivity-auto-logout}
-
-When a user is logged in, `AuthProvider` resets an idle timer on mouse, keyboard, click, scroll, and touch events.
-
-1. **Warning modal** — Shown **`inactivityWarningBeforeMs`** before the idle deadline (default: 30 s before the 5 min timeout). The user can click **To continue, press here** to reset the idle timer, or close the modal (logout still happens at the deadline). Any activity also resets the timer and closes the warning.
-2. **Session expired modal** — Shown when the idle deadline is reached (existing behaviour). The warning modal closes automatically at the same moment.
-
-Neither modal is shown when the user is not logged in. Both are skipped when **`hideInactivityModal`** is set.
-
-**Storybook:** `Authentication / Auto-logout (inactivity)` → **With warning modal** (20 s idle, warning at 10 s).
-
-### AuthContext consumer {#authcontext-usecontext}
-
-`import { AuthContext } from '…'` then `useContext(AuthContext)`.
-
-- **Invalid Firebase guard:** value is **`{ user: null, isFetchingUser: false }`** only (no methods).
-- **State (grouped):** `user` / `firebaseUser`, `isFetchingUser`, `avatar`; MFA (`waitingFor2fa`, `userMfaEnrollment`, `firebaseError`); verify-email (`verifyEmailError`, `isVerifyingEmail`); session UX (`loggedOutDueToInactivity`, `loggedOutDueToCookieExpiry`, `sessionExpiryPendingReason`, `showInactivityWarningModal`).
-- **Actions (grouped):** `userRef`, `loginUser`, `logoutUser`, `getUser`, `setUser`, `updateUser`, `refreshIdToken`; `checkUserIsValid`, `checkTokenIsValid`; `uploadPhoto`, `deletePhoto`, `checkUserPhoto`; MFA enroll / verify / unenroll + `reset2faFlow`; subscription/onboarding helpers; password & email (`handleResetPassword`, `handleVerifyEmail`, `requestUpdateEmail`, …); wallets / PoA (`uploaProofOfAddress` keeps the source spelling); **`dismissSessionExpiryModal`**, **`extendSessionFromInactivityWarning`**, **`dismissInactivityWarningModal`**.
-
-Use **`AuthConsumer`** for the render-prop pattern.
-
----
-
-## Troubleshooting {#troubleshooting}
-
-**`useNavigate` / Router**
-
-Add `BrowserRouter` (or **`RouterWrapper`** from this package where the shell has no router). Install `react-router-dom`.
-
-**Invalid hook call / duplicated React**
-
-Dedupe peers in Vite: `resolve: { dedupe: ['react', 'react-dom', 'styled-components'] }`.
-
----
-
-## Development {#development--publishing}
-
-| Command              | Meaning                          |
-| -------------------- | -------------------------------- |
-| `npm run storybook`  | Local docs / stories             |
-| `npm run build:dist` | Library build + static copy      |
-| `npm run pub`        | Build then publish (`npm login`) |
-
-Release: changelog entry → `npm version` → `npm run pub`. Details: [CHANGELOG.md](CHANGELOG.md).
+# @stokr/components-library
+
+React UI library for STOKR apps: modals, forms, navigation, tables, auth context, styles.
+
+## Contents
+
+- [Quick start](#quick-start) — install, router, `AuthProvider`, styles
+- [Configuration reference](#runtime-config) — `config` keys & helpers
+- [AuthProvider & AuthContext](#authprovider-optional-props)
+- [Troubleshooting](#troubleshooting)
+- [Development](#development--publishing)
+
+---
+
+## Quick start
+
+**Install**
+
+```bash
+npm install @stokr/components-library
+npm install react react-dom styled-components react-router-dom
+```
+
+Peers: React 18+/19+, styled-components 6.x, react-router-dom 6.x when you use routing-driven components (`HeaderHo`, `MainMenu`, …).
+
+**1. Router** — Navigation helpers need a React Router:
+
+```jsx
+import { BrowserRouter } from 'react-router-dom'
+import { RouterWrapper } from '@stokr/components-library'
+
+// Normal app
+root.render(
+  <BrowserRouter>
+    <App />
+  </BrowserRouter>,
+)
+
+// Outside a Router: RouterWrapper wraps children in BrowserRouter once.
+// Inside an existing Router: it renders children only (no nested BrowserRouter).
+root.render(
+  <RouterWrapper>
+    <App />
+  </RouterWrapper>,
+)
+```
+
+**2. Auth & runtime config (required when consuming via npm)** — Vite freezes `import.meta.env` inside pre-built deps, so push your `.env` at runtime via `config`:
+
+```jsx
+import { AuthProvider } from '@stokr/components-library'
+
+export default function App() {
+  return (
+    <AuthProvider
+      config={{
+        apiUrl: import.meta.env.VITE_API_URL,
+        baseUrlPublic: import.meta.env.VITE_BASE_URL_PUBLIC,
+        cookieDomain: import.meta.env.VITE_COOKIE_DOMAIN,
+        websiteDomain: import.meta.env.VITE_WEBSITE_DOMAIN,
+        photoApiUrl: import.meta.env.VITE_PHOTO_API_URL,
+        onboardingUrl: import.meta.env.VITE_ONBOARDING_URL,
+        dashboardUrl: import.meta.env.VITE_DASHBOARD_URL,
+        adminUrl: import.meta.env.VITE_ADMIN_URL,
+        registerUrl: import.meta.env.VITE_REGISTER_URL,
+        firebase: {
+          apiKey: import.meta.env.VITE_FIREBASE_API_KEY,
+          authDomain: import.meta.env.VITE_FIREBASE_AUTH_DOMAIN,
+          projectId: import.meta.env.VITE_FIREBASE_PROJECT_ID,
+          storageBucket: import.meta.env.VITE_FIREBASE_STORAGE_BUCKET,
+          messagingSenderId: import.meta.env.VITE_FIREBASE_MESSAGING_SENDER_ID,
+          appId: import.meta.env.VITE_FIREBASE_APP_ID,
+          measurementId: import.meta.env.VITE_FIREBASE_MEASUREMENT_ID,
+        },
+      }}>
+      {/* app */}
+    </AuthProvider>
+  )
+}
+```
+
+**3. Earlier config** (e.g. analytics before mount): `import { configure } from '@stokr/components-library'` with the same shape as `config`.
+
+**4. Icons / fonts** — Optional: `<IoniconsStyles />` at root, or rely on lazy injection when a component uses icons; for Layout / Open Sans: `import '@stokr/components-library/styles.css'`.
+
+**5. Imports** — `import { ConfirmModal, Button, … } from '@stokr/components-library'`.
+
+Full URL env example:
+
+```bash
+VITE_WEBSITE_DOMAIN=example.com
+VITE_ONBOARDING_URL=https://signup.example.com
+VITE_DASHBOARD_URL=https://dashboard.example.com
+VITE_ADMIN_URL=https://admin.example.com
+VITE_REGISTER_URL=https://example.com/signup
+```
+
+---
+
+## Configuration reference {#runtime-config}
+
+| `config` key      | Typical `VITE_*`           | Role                                      |
+| ----------------- | -------------------------- | ----------------------------------------- |
+| `apiUrl`          | `VITE_API_URL`             | Authenticated REST base                   |
+| `baseUrlPublic`   | `VITE_BASE_URL_PUBLIC`     | Public API base                           |
+| `cookieDomain`    | `VITE_COOKIE_DOMAIN`       | Auth cookie `domain` attribute            |
+| `websiteDomain`   | `VITE_WEBSITE_DOMAIN`      | Bare host → links / `getPlatformURL()`    |
+| `photoApiUrl`     | `VITE_PHOTO_API_URL`       | Avatars / media                           |
+| `onboardingUrl`   | `VITE_ONBOARDING_URL`      | Full signup/sign-in app URL               |
+| `dashboardUrl`    | `VITE_DASHBOARD_URL`       | Investor dashboard URL                    |
+| `adminUrl`        | `VITE_ADMIN_URL`           | Venture / admin dashboard URL             |
+| `registerUrl`     | `VITE_REGISTER_URL`        | Public registration entry                 |
+| `firebase`        | `VITE_FIREBASE_*`          | Firebase client config                    |
+
+**Helpers:** `getConfig('…')` for any key above; `getPlatformURL()` → `https://{websiteDomain}`; `getAnalyticsIngestUrl()`, `getBackofficeAppUrl(path)`; **`getFooterGroups()`** replaces static footer URL lists.
+
+**Auth-only HTTP:** `authenticationApi.post(segment, body)` for `auth/*`; default axios stays the main API client after login.
+
+Missing overrides may trigger a **one-time** warning listing unresolved `VITE_*` expectations.
+
+---
+
+## AuthProvider & AuthContext {#authprovider-optional-props}
+
+`AuthProvider` is wrapped with **`withRouter`** — mount it inside a **`Router`** so redirects work.
+
+### Optional provider props
+
+- **`inactivityTimeMs`** — Idle timeout before auto-logout + session modal (default 5 min).
+- **`inactivityWarningBeforeMs`** — How long before that timeout to show the **“session about to expire”** warning modal (default 30 s). See [Inactivity auto-logout](#inactivity-auto-logout).
+- **`accessTokenExpiryMs`** — Cookie TTL when **`Auth.setAccessToken`** runs (default **`DEFAULT_TOKEN_EXPIRY_MS`** = 1 h); not extended by **`getUser`** alone.
+- **`hideInactivityModal`** — Suppress both built-in inactivity modals (warning + session expired).
+- **`onSessionExpiredLoginClick`** — Called when the user clicks **Log in** on the session-expired modal.
+- **`customValidateGetUser(user)`** — Hook after **`user/get`** succeeds (see `src/context/AuthContext.js`).
+
+### Inactivity auto-logout {#inactivity-auto-logout}
+
+When a user is logged in, `AuthProvider` resets an idle timer on mouse, keyboard, click, scroll, and touch events.
+
+1. **Warning modal** — Shown **`inactivityWarningBeforeMs`** before the idle deadline (default: 30 s before the 5 min timeout). The user can click **To continue, press here** to reset the idle timer, or close the modal (logout still happens at the deadline). Any activity also resets the timer and closes the warning.
+2. **Session expired modal** — Shown when the idle deadline is reached (existing behaviour). The warning modal closes automatically at the same moment.
+
+Neither modal is shown when the user is not logged in. Both are skipped when **`hideInactivityModal`** is set.
+
+**Storybook:** `Authentication / Auto-logout (inactivity)` → **With warning modal** (20 s idle, warning at 10 s).
+
+### AuthContext consumer {#authcontext-usecontext}
+
+`import { AuthContext } from '…'` then `useContext(AuthContext)`.
+
+- **Invalid Firebase guard:** value is **`{ user: null, isFetchingUser: false }`** only (no methods).
+- **State (grouped):** `user` / `firebaseUser`, `isFetchingUser`, `avatar`; MFA (`waitingFor2fa`, `userMfaEnrollment`, `firebaseError`); verify-email (`verifyEmailError`, `isVerifyingEmail`); session UX (`loggedOutDueToInactivity`, `loggedOutDueToCookieExpiry`, `sessionExpiryPendingReason`, `showInactivityWarningModal`).
+- **Actions (grouped):** `userRef`, `loginUser`, `logoutUser`, `getUser`, `setUser`, `updateUser`, `refreshIdToken`; `checkUserIsValid`, `checkTokenIsValid`; `uploadPhoto`, `deletePhoto`, `checkUserPhoto`; MFA enroll / verify / unenroll + `reset2faFlow`; subscription/onboarding helpers; password & email (`handleResetPassword`, `handleVerifyEmail`, `requestUpdateEmail`, …); wallets / PoA (`uploaProofOfAddress` keeps the source spelling); **`dismissSessionExpiryModal`**, **`extendSessionFromInactivityWarning`**, **`dismissInactivityWarningModal`**.
+
+Use **`AuthConsumer`** for the render-prop pattern.
+
+---
+
+## Troubleshooting {#troubleshooting}
+
+**`useNavigate` / Router**
+
+Add `BrowserRouter` (or **`RouterWrapper`** from this package where the shell has no router). Install `react-router-dom`.
+
+**Invalid hook call / duplicated React**
+
+Dedupe peers in Vite: `resolve: { dedupe: ['react', 'react-dom', 'styled-components'] }`.
+
+---
+
+## Development {#development--publishing}
+
+| Command              | Meaning                          |
+| -------------------- | -------------------------------- |
+| `npm run storybook`  | Local docs / stories             |
+| `npm run build:dist` | Library build + static copy      |
+| `npm run pub`        | Build then publish (`npm login`) |
+
+Release: changelog entry → `npm version` → `npm run pub`. Details: [CHANGELOG.md](CHANGELOG.md).

package/dist/analytics/index.js

@@ -1,4 +1,4 @@
-import mixpanel from "../node_modules/mixpanel-browser/dist/mixpanel.module.js";
+import mixpanel from "mixpanel-browser";
 import { getAnalyticsIngestUrl } from "../utils/app-urls-analytics-backoffice.js";
 const BLOCKED_FIELDS = /* @__PURE__ */ new Set([
   // PII

package/dist/api/fetchData.js

@@ -1,7 +1,7 @@
-import api from "../node_modules/js-cookie/dist/js.cookie.js";
+import Cookies from "js-cookie";
 import axiosInstance from "../model/axios.js";
 const fetchData = async (url, data) => {
-  const accessToken = api.get("STOKR_ACCESS_TOKEN");
+  const accessToken = Cookies.get("STOKR_ACCESS_TOKEN");
   const parsedData = JSON.stringify(data ?? {});
   if (!accessToken) {
     console.log("no access token");

package/dist/components/2FA/Connect2FA.js

@@ -5,7 +5,7 @@ import { Text } from "../Text/Text.styles.js";
 import { Button } from "../Button/Button.styles.js";
 import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
 import { ModalWrapper, ModalInner } from "../Modal/Modal.styles.js";
-import { QRCodeSVG } from "../../node_modules/qrcode.react/lib/esm/index.js";
+import { QRCodeSVG } from "qrcode.react";
 import { Row, Column } from "../Grid/Grid.styles.js";
 import stdin_default$1 from "../CryptoAddress/CryptoAddress.js";
 import { useMobileView } from "../../utils/customHooks.js";

package/dist/components/2FA/EnterCode.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "react";
-import { Formik } from "../../node_modules/formik/dist/formik.esm.js";
+import { Formik } from "formik";
 import { Modal } from "../Modal/Modal.js";
 import stdin_default$1 from "../Form/Form.js";
 import { Text } from "../Text/Text.styles.js";

package/dist/components/2FA/Sucess2FA.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Text } from "../Text/Text.styles.js";
 import { Button } from "../Button/Button.styles.js";
 import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";

package/dist/components/2FA/login-with-otp-flow.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import stdin_default$2 from "./EnterCode.js";
 import stdin_default$3 from "./ResetCode.js";
 import { Layout } from "../Layout/Layout.js";

package/dist/components/2FA/main-flow.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React__default, { useContext, useState, useRef, useEffect } from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { AuthContext } from "../../context/AuthContext.js";
 import { ComponentWrapper } from "../ComponentWrapper/ComponentWrapper.styles.js";
 import stdin_default$1 from "../Switch/Switch.js";

package/dist/components/AccountBalance/AccountBalance.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { InfoIcon } from "../InfoIcon/InfoIcon.js";
 import { Container, Head, Title, Body, Value, Equal } from "./AccountBalance.styles.js";
 const AccountBalance = ({ title, value, unit, info = "", eqValue = "", eqUnit = "", right = false }) => /* @__PURE__ */ jsxs(Container, { right, children: [

package/dist/components/AdminDashboard/Table/ReactTable.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import PropTypes from "../../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import React__default, { useId, useState, useCallback } from "react";
-import { r as reactTableExports } from "../../../_virtual/index3.js";
+import { useTable, useExpanded, usePagination } from "react-table";
 import stdin_default$1 from "../../Pagination/PaginationControls.js";
 import { Styles, TableWrap, StyledReactTable } from "./Table.styles.js";
 const INTERACTIVE_ELEMENTS = ["button", "a", "input", "select", "textarea", "label"];
@@ -73,7 +73,7 @@ function ReactTable(props) {
     gotoPage,
     setPageSize,
     state: { pageIndex, pageSize }
-  } = reactTableExports.useTable(
+  } = useTable(
     {
       columns,
       data,
@@ -82,8 +82,8 @@ function ReactTable(props) {
         pageSize: isSubTable ? 1e4 : 10
       }
     },
-    reactTableExports.useExpanded,
-    reactTableExports.usePagination
+    useExpanded,
+    usePagination
   );
   const [inputPageSize, setInputPageSize] = useState(isSubTable ? 1e4 : 10);
   React__default.useEffect(() => {

package/dist/components/AdminDashboard/Table/ReactTableWrapper.js

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import stdin_default from "./ReactTable.js";
 import { TableDropdownIcon } from "./Table.styles.js";
-import PropTypes from "../../../_virtual/index2.js";
+import PropTypes from "prop-types";
 const renderCell = ({ row }) => (
   // Use Cell to render an expander for dropdown cell.
   // We can use the getToggleRowExpandedProps prop-getter

package/dist/components/AdminDashboard/Table/Table.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { PureComponent } from "react";
-import PropTypes from "../../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import stdin_default from "../../ComponentScroll/ComponentScroll.js";
 import { Container, HeadWrapper, StyledTable, Head, Row, Column, TableWrapper, Body } from "./Table.styles.js";
 const OptionalScroll = ({ children, maxHeight = 500, noScroll = false, onScroll }) => {

package/dist/components/AgreementItem/AgreementItem.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Fragment } from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { InfoIcon } from "../InfoIcon/InfoIcon.js";
 import { Text } from "../Text/Text.styles.js";
 import stdin_default, { CheckboxPropTypes } from "../Checkbox/Checkbox.js";

package/dist/components/BackButton/BackButton.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { useNavigate } from "react-router-dom";
 import { IoniconsStyles } from "../../styles/ioniconsStyles.js";
 import { StyledBackButtonExternal, BackButtonIcon, StyledBackButton, StyledWindowBackButton } from "./BackButton.styles.js";

package/dist/components/Background/Background.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Container, Wrap, Img, Caption, Content } from "./Background.styles.js";
 const Background = (props) => {
   const {

package/dist/components/BasicTable/BasicTable.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Table, Row, Label, Value, Caption, LabelWarning } from "./BasicTable.styles.js";
 const BasicTable = ({ data, filled, smallPadding }) => /* @__PURE__ */ jsx(Table, { filled, children: data.map((item, itemKey) => /* @__PURE__ */ jsxs(Row, { smallPadding, children: [
   /* @__PURE__ */ jsx(Label, { children: item.label }),

package/dist/components/BlogPost/BlogPost.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Container, ImageWrapper, LoaderWrapper, LoaderImage, Image, Content, Category, TextWrapper, BottomRow, StyledButton } from "./BlogPost.styles.js";
 import { loaderGif } from "../StokrLoader/StokrLoader.js";
 import { Breakdown } from "../breakdown/Breakdown.js";

package/dist/components/Button/Button.styles.js

@@ -1,5 +1,5 @@
 import styled, { css } from "styled-components";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import theme from "../../styles/theme.js";
 const Button = styled.button.withConfig({
   shouldForwardProp: (props) => ![

package/dist/components/Button/GlareButton.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Button } from "./Button.styles.js";
 import { colors } from "../../styles/colors.js";
-import { useInView } from "../../node_modules/react-intersection-observer/dist/index.js";
+import { useInView } from "react-intersection-observer";
 import { useState, useRef, useId, useEffect } from "react";
 import styled, { css, keyframes } from "styled-components";
 const config = {

package/dist/components/ChartLegend/ChartLegend.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import PropTypes from "../../_virtual/index2.js";
-import { l as libExports } from "../../_virtual/index4.js";
+import PropTypes from "prop-types";
+import { Collapse } from "react-collapse";
 import { Items, Item, Head, ColorLabel, NameCol, LargeText, SmallText, MarketDataCol, Arrow, Body } from "./ChartLegend.styles.js";
 const ChartLegend = (props) => {
   const { data } = props;
@@ -38,7 +38,7 @@ const ChartLegend = (props) => {
       ] }),
       item.details && /* @__PURE__ */ jsx(Arrow, { isOpened: activeItems[itemKey] })
     ] }),
-    item.details && /* @__PURE__ */ jsx(libExports.Collapse, { isOpened: activeItems[itemKey], children: /* @__PURE__ */ jsx(Body, { children: item.details }) })
+    item.details && /* @__PURE__ */ jsx(Collapse, { isOpened: activeItems[itemKey], children: /* @__PURE__ */ jsx(Body, { children: item.details }) })
   ] }, item.name)) });
 };
 ChartLegend.propTypes = {

package/dist/components/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
 import styled from "styled-components";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { Wrapper, Label, Input } from "./Checkbox.styles.js";
 const CheckBoxCaption = styled.div`
   padding-top: 12px;

package/dist/components/Checklist/ChecklistCard.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { iconsMap } from "../Icon/Icon.style.js";
 import { CardContainer, IconBlock, IconCopy, CardTitle, CardDescription } from "./ChecklistCard.styles.js";
 import { Icon } from "../ToDoList/ToDoListTask.styles.js";

package/dist/components/Chips/Chip.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import { StyledChip, ChipText } from "./Chip.styles.js";
 import { InfoIcon } from "../InfoIcon/InfoIcon.js";
 const Chip = ({ children, isActive = false, onClick = () => {

package/dist/components/Chips/ChipWrapper.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import PropTypes from "../../_virtual/index2.js";
+import PropTypes from "prop-types";
 import stdin_default from "./Chip.js";
 import { Wrapper } from "./Chip.styles.js";
 import { Scroll } from "../TabsNav/TabsNav.styles.js";

package/dist/components/ComponentScroll/ComponentScroll.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useRef, useEffect } from "react";
-import PropTypes from "../../_virtual/index2.js";
-import { l as libExports } from "../../_virtual/index5.js";
+import PropTypes from "prop-types";
+import { Scrollbars } from "react-custom-scrollbars-4";
 import { Container, Outer, Inner, ThumbV, TrackV, ThumbH, TrackH } from "./ComponentScroll.styles.js";
 const ComponentScroll = (props) => {
   const {
@@ -31,7 +31,7 @@ const ComponentScroll = (props) => {
     }
   };
   return /* @__PURE__ */ jsx(Container, { className, noMobileScroll, isMobile: true, fullHeight, children: /* @__PURE__ */ jsx(Outer, { offset, barPadding, topPadding, children: /* @__PURE__ */ jsx(
-    libExports.Scrollbars,
+    Scrollbars,
     {
       ref: scrollRef,
       style: { height: "100%" },