@stokr/components-library 3.0.21 → 3.0.23

package/README.md

@@ -8,6 +8,8 @@ React component library for STOKR applications. Includes modals, forms, buttons,
 - [How to start](#how-to-start)
 - [Configuration](#configuration)
   - [Runtime config (npm consumers)](#runtime-config)
+  - [Path-based URLs vs subdomains](#path-based-urls-vs-subdomains)
+  - [Reading config with `getConfig()`](#reading-config-with-getconfig)
   - [Ionicons](#ionicons)
   - [React Router](#react-router)
 - [Troubleshooting](#troubleshooting)
@@ -33,6 +35,19 @@ npm install react react-dom styled-components react-router-dom
 
 ---
 
+## Implementing in your app
+
+Minimal path to use the library in a **Vite + React** consumer:
+
+1. **Install** the package and [peer dependencies](#installation) (`react`, `react-dom`, `styled-components`, and `react-router-dom` if you use routing-heavy components).
+2. **Router** — Wrap the tree with `BrowserRouter` (or another React Router v6 router) if you use `HeaderHo`, `MainMenu`, `LearnMore`, etc. If the host app may already provide a router (e.g. micro-frontend), use **`RouterWrapper`** from the package once at your root so you do not nest two `BrowserRouter` instances (see [step 2](#2-wrap-your-app-with-a-router-if-you-use-routing)).
+3. **Runtime config** — Wrap your authenticated area with `<AuthProvider config={…}>` and pass **your** `import.meta.env.VITE_*` values (see [Runtime config](#runtime-config)). This is required for correct API URLs, Firebase, cookies, and domain-based links in pre-built npm installs.
+4. **Optional** — `configure()` before `AuthProvider` if something (e.g. analytics) must read config earlier; `IoniconsStyles` or `styles.css` if you use icons or shared fonts (see below).
+
+Then import components from `@stokr/components-library` as in [step 4 under How to start](#4-import-and-use-components).
+
+---
+
 ## How to start
 
 ### 1. Install the package and peers
@@ -43,7 +58,9 @@ npm install @stokr/components-library react react-dom styled-components react-ro
 
 ### 2. Wrap your app with a Router (if you use routing)
 
-Components that use navigation (e.g. `MainMenu`, `LearnMore`, `HeaderHo`) must live inside a React Router:
+Components that use navigation (e.g. `MainMenu`, `LearnMore`, `HeaderHo`) must live inside a React Router.
+
+**Simple app** — wrap with `BrowserRouter`:
 
 ```jsx
 // main.jsx or App.jsx
@@ -57,6 +74,30 @@ root.render(
 )
 ```
 
+**Host already has a router** (or you want one `BrowserRouter` only when needed) — wrap the library subtree with **`RouterWrapper`** from `@stokr/components-library`. It renders `BrowserRouter` only when `useInRouterContext()` is false, so you avoid duplicate routers and keep SPA navigation for `withRouter` / `useNavigate`:
+
+```jsx
+import { RouterWrapper } from '@stokr/components-library'
+import { BrowserRouter } from 'react-router-dom'
+import App from './App'
+
+// Host owns the router:
+root.render(
+  <BrowserRouter>
+    <RouterWrapper>
+      <App />
+    </RouterWrapper>
+  </BrowserRouter>,
+)
+
+// Standalone shell (no outer router): RouterWrapper adds BrowserRouter once.
+root.render(
+  <RouterWrapper>
+    <App />
+  </RouterWrapper>,
+)
+```
+
 ### 3. (Optional) Add Ionicons for icons
 
 If you use **Modal**, **ConfirmModal**, **BackButton**, **Select**, **InfoIcon**, etc., add the icon styles once at the root:
@@ -128,14 +169,17 @@ function App() {
 }
 ```
 
-| Prop key        | Env variable it replaces | Purpose                            |
-| --------------- | ------------------------ | ---------------------------------- |
-| `apiUrl`        | `VITE_API_URL`           | Backend API base URL               |
-| `baseUrlPublic` | `VITE_BASE_URL_PUBLIC`   | Public (no-auth) API base URL      |
-| `cookieDomain`  | `VITE_COOKIE_DOMAIN`     | Domain attribute for auth cookies  |
-| `websiteDomain` | `VITE_WEBSITE_DOMAIN`    | Platform domain (redirects, links) |
-| `photoApiUrl`   | `VITE_PHOTO_API_URL`     | Photo upload / avatar API URL      |
-| `firebase`      | `VITE_FIREBASE_*`        | Full Firebase config object        |
+| Prop key             | Env variable it replaces | Purpose                                                                                                                                             |
+| -------------------- | ------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `apiUrl`             | `VITE_API_URL`           | Backend API base URL                                                                                                                                |
+| `baseUrlPublic`      | `VITE_BASE_URL_PUBLIC`   | Public (no-auth) API base URL                                                                                                                       |
+| `cookieDomain`       | `VITE_COOKIE_DOMAIN`     | Domain attribute for auth cookies                                                                                                                   |
+| `websiteDomain`      | `VITE_WEBSITE_DOMAIN`    | Platform domain (redirects, links)                                                                                                                  |
+| `photoApiUrl`        | `VITE_PHOTO_API_URL`     | Photo upload / avatar API URL                                                                                                                       |
+| `firebase`           | `VITE_FIREBASE_*`        | Full Firebase config object                                                                                                                         |
+| `routingMode`        | `VITE_ROUTING_MODE`      | Set to `path` for single-origin app URLs (see below).                                                                                               |
+| `appUrlPaths`        | —                        | Optional object overriding first path segments in path mode (e.g. `{ onboarding: '/signup', dashboard: '/app' }`).                                  |
+| `surfaceRoutingMode` | —                        | Optional per-surface `'path'` / `'subdomain'` overrides for incremental URL migration (see [below](#incremental-url-migration-surfaceRoutingMode)). |
 
 > **Why is this needed?** With the old CRA / `react-scripts` build, Webpack re-processed library code through the consuming app's build pipeline, so the app's `.env` values were injected automatically. Vite treats npm packages as pre-built — `import.meta.env` values in the compiled library are frozen at library build time. The `config` prop passes them at runtime instead.
 
@@ -151,6 +195,158 @@ configure({
 })
 ```
 
+After `configure()` / `<AuthProvider config>`, the library may log a **one-time `console.warn`** listing any **`VITE_*`** variables that are still missing (no override and no env fallback). Fix your `.env` or extend the `config` object until the list is empty.
+
+### Path-based URLs vs subdomains {#path-based-urls-vs-subdomains}
+
+By default the library builds **subdomain** links (`https://dashboard.{websiteDomain}`, `https://signup.{websiteDomain}/welcome`, `https://admin.{websiteDomain}`, etc.), matching historical STOKR hosting.
+
+To switch to **one origin + path prefixes** (for example `https://example.com/dashboard`, `https://example.com/signin/welcome`, `https://example.com/admin`), pass **`routingMode: 'path'`** (or `VITE_ROUTING_MODE=path`) and optionally **`appUrlPaths`** overrides. The public origin for path mode is always **`https://{websiteDomain}`** (same as **`getPlatformURL()`**).
+
+```jsx
+<AuthProvider
+  config={{
+    apiUrl: import.meta.env.VITE_API_URL,
+    websiteDomain: import.meta.env.VITE_WEBSITE_DOMAIN,
+    routingMode: 'path',
+    appUrlPaths: {
+      onboarding: '/signin', // flows that used https://signup.{domain}
+      registerEntry: '/signup', // CTA from login; default in code is /signup
+      dashboard: '/dashboard',
+      admin: '/admin',
+    },
+    firebase: { /* … */ },
+    /* …other keys */
+  }}>
+```
+
+**Analytics and backoffice** always use legacy subdomains **`https://analytics.{websiteDomain}`** and **`https://backoffice.{websiteDomain}`**, even in path mode. They are implemented in **`src/utils/app-urls-analytics-backoffice.js`** and re-exported from **`app-urls.js`** (`getAnalyticsIngestUrl`, `getBackofficeAppUrl`); they are not driven by **`appUrlPaths`**.
+
+#### Incremental URL migration (`surfaceRoutingMode`) {#incremental-url-migration-surfaceRoutingMode}
+
+You do not have to flip every surface at once.
+
+- **Global default:** `routingMode: 'path'` means “use path URLs for every surface that supports it”, unless overridden. Leaving `routingMode` unset (or not `'path'`) keeps **subdomain** URLs by default.
+- **Per-surface override:** pass **`surfaceRoutingMode`** on `configure()` / `<AuthProvider config>`. Each key is one of **`onboarding`**, **`dashboard`**, **`admin`**, **`registerEntry`**, **`investorRoot`** (see **`SURFACE_ROUTING_PATH_KEYS`** on the package entry). Each value is **`'path'`** or **`'subdomain'`**. Any surface **omitted** from the object follows the global **`routingMode`**.
+
+Examples:
+
+1. **Path everywhere except admin** (admin still `https://admin.{domain}` until infra is ready):
+
+```js
+configure({
+  websiteDomain: 'example.com',
+  routingMode: 'path',
+  appUrlPaths: { dashboard: '/dashboard', onboarding: '/signin', registerEntry: '/signup', admin: '/admin' },
+  surfaceRoutingMode: { admin: 'subdomain' },
+})
+```
+
+2. **Subdomains by default, dashboard and admin on path** (e.g. first rollout):
+
+```js
+configure({
+  websiteDomain: 'example.com',
+  appUrlPaths: { dashboard: '/dashboard', admin: '/admin' },
+  surfaceRoutingMode: { dashboard: 'path', admin: 'path' },
+})
+```
+
+In host UI or guards, use **`isPathForSurface('dashboard')`** / **`isPathForSurface('admin')`** (exported from **`@stokr/components-library`**) so behaviour matches **`resolveAppHref`**.
+
+##### Worked example (no script)
+
+Assume **`websiteDomain: 'acme.com'`** and default **`appUrlPaths`** (among others: **`dashboard`** → **`/dashboard`**, **`admin`** → **`/admin`**).
+
+**A — Full path mode** (every surface that supports paths uses **`https://acme.com`** + prefix):
+
+```js
+import { configure, resolveAppHref, isPathForSurface, AppSurface } from '@stokr/components-library'
+
+configure({ websiteDomain: 'acme.com', routingMode: 'path' })
+```
+
+| Call                                                 | Result                                 |
+| ---------------------------------------------------- | -------------------------------------- |
+| `resolveAppHref(AppSurface.DASHBOARD, '')`           | `https://acme.com/dashboard`           |
+| `resolveAppHref(AppSurface.DASHBOARD, '/checklist')` | `https://acme.com/dashboard/checklist` |
+| `resolveAppHref(AppSurface.ADMIN, '')`               | `https://acme.com/admin`               |
+| `isPathForSurface('dashboard')`                      | `true`                                 |
+| `isPathForSurface('admin')`                          | `true`                                 |
+
+**B — Path mode, but admin stays on subdomain** until infra is ready:
+
+```js
+configure({
+  websiteDomain: 'acme.com',
+  routingMode: 'path',
+  surfaceRoutingMode: { admin: 'subdomain' },
+})
+```
+
+| Call                                                 | Result                                             |
+| ---------------------------------------------------- | -------------------------------------------------- |
+| `resolveAppHref(AppSurface.DASHBOARD, '/checklist')` | `https://acme.com/dashboard/checklist` (unchanged) |
+| `resolveAppHref(AppSurface.ADMIN, '')`               | `https://admin.acme.com`                           |
+| `isPathForSurface('admin')`                          | `false`                                            |
+
+**C — Global default is still subdomain; dashboard and admin use path** (incremental first step):
+
+```js
+configure({
+  websiteDomain: 'acme.com',
+  surfaceRoutingMode: { dashboard: 'path', admin: 'path' },
+})
+```
+
+(`routingMode` is not **`'path'`**, so any surface **not** listed in **`surfaceRoutingMode`** keeps subdomain URLs.)
+
+| Call                                       | Result                       |
+| ------------------------------------------ | ---------------------------- |
+| `resolveAppHref(AppSurface.DASHBOARD, '')` | `https://acme.com/dashboard` |
+| `resolveAppHref(AppSurface.ADMIN, '')`     | `https://acme.com/admin`     |
+| `isPathForSurface('dashboard')`            | `true`                       |
+| `isPathForSurface('admin')`                | `true`                       |
+
+**Rule of thumb:** for each routable surface, the code checks **`surfaceRoutingMode[surfaceKey]`** first (`'path'` or `'subdomain'`). If that key is **omitted**, it falls back to the global flag **`routingMode === 'path'`**. **`resolveAppHref`** and **`isPathForSurface`** use the same logic.
+
+Readable routing API (recommended):
+
+- **`AppSurface`** / **`AppRoute`** — named surfaces and path suffixes (`src/routing/app-routes.js`).
+- **`resolveAppHref(surface, path)`** — one function that returns the absolute URL for any surface + suffix.
+- **`isPathForSurface(key)`** / **`SURFACE_ROUTING_PATH_KEYS`** — align host code with per-surface path vs subdomain resolution when using **`surfaceRoutingMode`**.
+- **`navigateApp(navigate, surface, path)`** / **`navigateToHref(navigate, url)`** — use the `navigate` function from `react-router-dom` when the target is **same-origin** (SPA transition); otherwise they fall back to `location.assign` (e.g. `admin.` / `signup.` subdomains).
+- **`RouterWrapper`** — optional root helper: mounts `BrowserRouter` only when the tree is not already under a Router (same-origin SPA navigation without nesting two browser routers).
+
+Legacy helpers (`buildDashboardUrl`, `getAdminAppUrl`, …) remain on **`./utils/app-urls`** for compatibility.
+
+**Authentication-only HTTP** — backend routes under `auth/*` (e.g. forgot password) are exposed as **`authenticationApi.post(segment, body)`** from `src/api/authenticationApi.js` (also re-exported from the package entry). The default axios instance is the **general API client** for all authenticated backend calls, not auth-only.
+
+### Reading config with `getConfig()` {#reading-config-with-getconfig}
+
+In your app (or in code next to the library), read the same resolved values the package uses:
+
+```js
+import { getConfig } from '@stokr/components-library'
+
+const api = getConfig('apiUrl')
+const domain = getConfig('websiteDomain')
+const firebaseOptions = getConfig('firebase') // override object or env-built fallback
+```
+
+Supported keys: `apiUrl`, `baseUrlPublic`, `cookieDomain`, `websiteDomain`, `photoApiUrl`, `routingMode`, `appUrlPaths`, `surfaceRoutingMode`, `firebase`. Resolution order is always **explicit `configure()` / `AuthProvider` `config`** first, then **`import.meta.env`** in the consuming Vite app (where a `VITE_*` mapping exists).
+
+**Marketing site origin** — the old `platformDomain` / `platformURL` exports were removed. Use **`getPlatformURL()`** for `https://{websiteDomain}`, or **`getConfig('websiteDomain')`** for the bare host (e.g. `"example.com"`). Both read the same runtime config after **`configure()`** / **`AuthProvider`**.
+
+```js
+import { getConfig, getPlatformURL } from '@stokr/components-library'
+
+const host = getConfig('websiteDomain') // e.g. "example.com"
+const origin = getPlatformURL() // e.g. "https://example.com"
+```
+
+**Footer link groups** — if you previously imported the static `footerGroups` from `FooterLayout`, import **`getFooterGroups`** instead (same package entry as other footer exports). It returns fresh URLs using the current `getPlatformURL()`.
+
 ### Ionicons
 
 Components such as **Modal**, **ConfirmModal**, **BackButton**, **InfoIcon**, **Select**, **MainMenu**, and **RegisterLiquidSteps** use [Ionicons](http://ionicons.com/). You can enable them in three ways:
@@ -184,7 +380,7 @@ import '@stokr/components-library/styles.css'
 
 ### React Router
 
-Any component that uses `useNavigate()` or routing must be rendered inside a `Router` from `react-router-dom` (e.g. `BrowserRouter`). See [How to start – step 2](#2-wrap-your-app-with-a-router-if-you-use-routing).
+Any component that uses `useNavigate()` or routing must be rendered inside a `Router` from `react-router-dom` (e.g. `BrowserRouter`), or under **`RouterWrapper`** so a router exists when the host does not provide one. Components wrapped with **`withRouter`** receive `navigate` from `useNavigate()` when inside a Router; outside a Router, `navigate` throws with a message to add `BrowserRouter` or `RouterWrapper`. See [How to start – step 2](#2-wrap-your-app-with-a-router-if-you-use-routing).
 
 ---
 
@@ -192,7 +388,7 @@ Any component that uses `useNavigate()` or routing must be rendered inside a `Ro
 
 ### "useNavigate() may be used only in the context of a \<Router\> component"
 
-Wrap your app with a Router:
+Wrap your app with a Router, or use **`RouterWrapper`** at the root when you are not already inside a host `BrowserRouter`:
 
 ```jsx
 import { BrowserRouter } from 'react-router-dom'
@@ -204,6 +400,16 @@ root.render(
 )
 ```
 
+```jsx
+import { RouterWrapper } from '@stokr/components-library'
+
+root.render(
+  <RouterWrapper>
+    <App />
+  </RouterWrapper>,
+)
+```
+
 Install the peer dependency: `npm install react-router-dom`
 
 ### "Invalid hook call" / "Cannot read properties of null (reading 'use')"

package/dist/analytics/index.js

@@ -1,4 +1,6 @@
 import mixpanel from "mixpanel-browser";
+import "../constants/globalVariables.js";
+import { getAnalyticsIngestUrl } from "../utils/app-urls-analytics-backoffice.js";
 const BLOCKED_FIELDS = /* @__PURE__ */ new Set([
   // PII
   "email",
@@ -75,8 +77,10 @@ function initAnalytics({
   app,
   requireConsent = false,
   scroll = true,
-  apiHost = "https://api-eu.mixpanel.com"
+  apiHost: apiHostArg
 } = {}) {
+  const analyticsUrl = getAnalyticsIngestUrl();
+  const apiHost = apiHostArg ?? (analyticsUrl || "https://api-eu.mixpanel.com");
   if (initialized) return;
   if (!token) return;
   if (typeof navigator !== "undefined" && /Ghost Inspector/i.test(navigator.userAgent)) {

package/dist/api/authenticationApi.js

@@ -0,0 +1,13 @@
+import axiosInstance from "../model/axios.js";
+const authenticationApi = {
+  /**
+   * @param {string} pathSegment — appended to `auth/` (e.g. `forgotPass` → `POST auth/forgotPass`)
+   * @param {Record<string, unknown>} body
+   */
+  post(pathSegment, body) {
+    return axiosInstance.post(`auth/${pathSegment}`, body);
+  }
+};
+export {
+  authenticationApi
+};

package/dist/auth/index.js

@@ -1,4 +1,4 @@
-import { configure, getConfig } from "../config.js";
+import { configure } from "../config.js";
 import { default as default2 } from "../components/2FA/Connect2FA.js";
 import { default as default3 } from "../components/2FA/enable-2fa-flow.js";
 import { default as default4 } from "../components/2FA/EnterCode.js";
@@ -10,6 +10,7 @@ import { default as default9 } from "../components/2FA/ResetCode.js";
 import { Auth, DEFAULT_TOKEN_EXPIRY_MS } from "../context/Auth.js";
 import { AuthConsumer, AuthContext, AuthProvider } from "../context/AuthContext.js";
 import { LoadingDots, StokrLoader, StokrLoaderBox } from "../components/StokrLoader/StokrLoader.js";
+import { getConfig, resetRuntimeConfig } from "../runtime-config.js";
 export {
   Auth,
   AuthConsumer,
@@ -28,5 +29,6 @@ export {
   StokrLoaderBox,
   default7 as Sucess2FA,
   configure,
-  getConfig
+  getConfig,
+  resetRuntimeConfig
 };

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

@@ -7,8 +7,13 @@ import stdin_default$4 from "../ForgotPasswordModal/ForgotPasswordModal.js";
 import stdin_default$2 from "./EnterCode.js";
 import background from "../../static/images/background3.png.js";
 import stdin_default$3 from "./ResetCode.js";
-import { authAPI } from "../../api/auth.js";
+import { authenticationApi } from "../../api/authenticationApi.js";
+import { AppSurface } from "../../routing/app-routes.js";
+import "../../constants/globalVariables.js";
+import { navigateApp } from "../../routing/navigate-app.js";
+import { useNavigate } from "react-router-dom";
 const LoginWithOTP = ({ withBackground }) => {
+  const navigate = useNavigate();
   const { loginUser, waitingFor2fa, firebaseError, loginUserWithTotp, reset2faFlow } = useContext(AuthContext);
   const [isModalOpen, setIsModalOpen] = useState({
     login: true,
@@ -65,10 +70,10 @@ const LoginWithOTP = ({ withBackground }) => {
         background: withBackground && backgroundProp,
         isModalOpen: isModalOpen.login,
         onModalClose: () => {
-          window.location.href = `https://${void 0}`;
+          navigateApp(navigate, AppSurface.INVESTOR_ROOT, "");
         },
         onModalSwitch: () => {
-          window.location.href = `https://${void 0}/signup`;
+          navigateApp(navigate, AppSurface.REGISTER, "");
         },
         onForgotPassword: () => {
           switchOpenModal("login", "forgot");
@@ -177,7 +182,7 @@ const LoginWithOTP = ({ withBackground }) => {
           clearPopupError();
           setIsActionLoading("forgot");
           try {
-            await authAPI("forgotPass", {
+            await authenticationApi.post("forgotPass", {
               email
             });
             handleSetPopupSuccess(

package/dist/components/Footer/FooterLayout.js

@@ -4,99 +4,102 @@ import PropTypes from "prop-types";
 import stdin_default$1 from "./FooterMenu.js";
 import stdin_default$2 from "../Newsletter/Newsletter.js";
 import stdin_default$3 from "./Footer.js";
-import { platformURL } from "../../constants/globalVariables.js";
-const footerGroups = [
-  {
-    name: "New to STOKR",
-    collapse: true,
-    items: [
-      {
-        name: "Solutions",
-        url: `${platformURL}/solutions`
-      },
-      {
-        name: "101s",
-        url: `${platformURL}/101`
-      },
-      {
-        name: "Support",
-        url: "https://support.stokr.io/",
-        external: true
-      },
-      {
-        name: "STOKE POST",
-        url: `${platformURL}/stoke-post`
-      }
-    ]
-  },
-  {
-    name: "About us",
-    collapse: true,
-    items: [
-      {
-        name: "Team",
-        url: `${platformURL}/team`
-      },
-      {
-        name: "Careers",
-        url: `${platformURL}/careers`,
-        showNumber: true
-      },
-      {
-        name: "Memberships",
-        url: `${platformURL}/memberships`
-      },
-      {
-        name: "Press Releases",
-        url: `${platformURL}/press-releases`
-      }
-    ]
-  },
-  {
-    name: "General",
-    collapse: true,
-    items: [
-      {
-        name: "Legal",
-        url: `${platformURL}/legal`
-      },
-      {
-        name: "Privacy Terms",
-        url: `${platformURL}/privacy`
-      },
-      {
-        name: "Cookie policy",
-        url: `${platformURL}/cookie-policy`
-      }
-    ]
-  },
-  {
-    name: "Let’s connect",
-    social: true,
-    items: [
-      {
-        name: "linkedin",
-        url: "https://www.linkedin.com/company/stokr/"
-      },
-      {
-        name: "twitter",
-        url: "https://twitter.com/stokr_io"
-      },
-      {
-        name: "telegram",
-        url: "https://t.me/joinchat/G2o5yBCe7FiYvv1YiZhNZg"
-      },
-      // {
-      //   name: 'medium',
-      //   url: 'https://medium.com/sicos-publication',
-      // },
-      {
-        name: "youtube",
-        url: "https://www.youtube.com/channel/UCUuQtRhbcFcU4xeTrDl3iQQ"
-      }
-    ]
-  }
-];
+import { getPlatformURL } from "../../constants/globalVariables.js";
+function getFooterGroups() {
+  const platformURL = getPlatformURL();
+  return [
+    {
+      name: "New to STOKR",
+      collapse: true,
+      items: [
+        {
+          name: "Solutions",
+          url: `${platformURL}/solutions`
+        },
+        {
+          name: "101s",
+          url: `${platformURL}/101`
+        },
+        {
+          name: "Support",
+          url: "https://support.stokr.io/",
+          external: true
+        },
+        {
+          name: "STOKE POST",
+          url: `${platformURL}/stoke-post`
+        }
+      ]
+    },
+    {
+      name: "About us",
+      collapse: true,
+      items: [
+        {
+          name: "Team",
+          url: `${platformURL}/team`
+        },
+        {
+          name: "Careers",
+          url: `${platformURL}/careers`,
+          showNumber: true
+        },
+        {
+          name: "Memberships",
+          url: `${platformURL}/memberships`
+        },
+        {
+          name: "Press Releases",
+          url: `${platformURL}/press-releases`
+        }
+      ]
+    },
+    {
+      name: "General",
+      collapse: true,
+      items: [
+        {
+          name: "Legal",
+          url: `${platformURL}/legal`
+        },
+        {
+          name: "Privacy Terms",
+          url: `${platformURL}/privacy`
+        },
+        {
+          name: "Cookie policy",
+          url: `${platformURL}/cookie-policy`
+        }
+      ]
+    },
+    {
+      name: "Let’s connect",
+      social: true,
+      items: [
+        {
+          name: "linkedin",
+          url: "https://www.linkedin.com/company/stokr/"
+        },
+        {
+          name: "twitter",
+          url: "https://twitter.com/stokr_io"
+        },
+        {
+          name: "telegram",
+          url: "https://t.me/joinchat/G2o5yBCe7FiYvv1YiZhNZg"
+        },
+        // {
+        //   name: 'medium',
+        //   url: 'https://medium.com/sicos-publication',
+        // },
+        {
+          name: "youtube",
+          url: "https://www.youtube.com/channel/UCUuQtRhbcFcU4xeTrDl3iQQ"
+        }
+      ]
+    }
+  ];
+}
 function FooterLayout({
   withNewsLetter = true,
   withFooterMenu = true,
@@ -112,7 +115,7 @@ function FooterLayout({
     withFooterMenu && /* @__PURE__ */ jsx(
       stdin_default$1,
       {
-        groups: footerGroups,
+        groups: getFooterGroups(),
         jobOpeningsNumber,
         dropdownCollapsed,
         footnotes,
@@ -141,5 +144,5 @@ FooterLayout.propTypes = {
 var stdin_default = FooterLayout;
 export {
   stdin_default as default,
-  footerGroups
+  getFooterGroups
 };

package/dist/components/Footer/FooterMenu.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import React__default, { useEffect, Fragment } from "react";
 import PropTypes from "prop-types";
 import { Collapse } from "react-collapse";