Add temp MSW server

packages/login/next.config.js

@@ -26,12 +26,23 @@
 
 /** @type {import('next').NextConfig} */
 
-const path = require("path");
 const pkg = require("./package.json");
 
+const IS_TEST = process.env.TEST;
+
+const output = IS_TEST ? {} : { output: "standalone" };
+const imgGenerator = IS_TEST
+  ? {}
+  : {
+      generator: {
+        emit: false,
+        filename: "static/chunks/[path][name][ext]?[hash]",
+      },
+    };
+
 const nextConfig = {
   basePath: "/login",
-  output: "standalone",
+  ...output,
   compiler: {
     styledComponents: true,
   },
@@ -74,10 +85,7 @@ module.exports = {
       // Reapply the existing rule, but only for svg imports ending in ?url
       {
         type: "asset/resource",
-        generator: {
-          emit: false,
-          filename: "static/chunks/[path][name][ext]?[hash]",
-        },
+        ...imgGenerator,
         test: /\.(svg|png|jpe?g|gif|ico|woff2)$/i,
         resourceQuery: /url/, // *.svg?url
       },

packages/login/package.json

@@ -11,10 +11,9 @@
     "lint": "next lint",
     "clean": "shx rm -rf .next",
     "deploy": "shx --silent mkdir -p ../../../publish/web/login && shx --silent mkdir -p ../../../publish/web/login/.next && shx --silent mkdir -p ../../../publish/web/login/node_modules && shx --silent mkdir -p ../../../publish/web/login/.next/static && shx cp -r .next/standalone/node_modules/* ../../../publish/web/login/node_modules && shx cp -r .next/static/* ../../../publish/web/login/.next/static    && shx cp -r .next/standalone/packages/login/.next/* ../../../publish/web/login/.next &&  shx cp -f server.prod.js ../../../publish/web/login/server.js",
-    "test:build": "node ./scripts/buildTranslations.js && TEST=true next build",
-    "test:start": "PORT=5111 NODE_ENV=development TEST=true node server.js",
-    "test:e2e": "npx playwright test",
-    "test:e2e:ui": "npx playwright test --ui"
+    "test:build": "node ./scripts/buildTranslations.js && TEST=true API_HOST=https://api.example.com next build",
+    "test:start": "PORT=5111 API_HOST=https://api.example.com NODE_ENV=production TEST=true node server.js",
+    "test:e2e": "npx playwright test"
   },
   "dependencies": {
     "@hcaptcha/react-hcaptcha": "^1.10.1",

packages/login/playwright.config.ts

@@ -1,5 +1,9 @@
 import { defineConfig, devices } from "@playwright/test";
 
+import { BASE_URL } from "@docspace/shared/__mocks__/e2e";
+
+const PORT = 5111;
+
 /**
  * Read environment variables from file.
  * https://github.com/motdotla/dotenv
@@ -25,7 +29,7 @@ export default defineConfig({
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
   use: {
     /* Base URL to use in actions like `await page.goto('/')`. */
-    baseURL: "http://127.0.0.1:5111",
+    baseURL: `${BASE_URL}:${PORT}`,
 
     /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
     trace: "on-first-retry",
@@ -72,7 +76,7 @@ export default defineConfig({
   /* Run your local dev server before starting the tests */
   webServer: {
     command: "yarn test:start",
-    port: 5111,
+    port: PORT,
     timeout: 1000 * 60 * 5,
   },
 });

packages/login/public/mockServiceWorker.js

@@ -0,0 +1,287 @@
+/* eslint-disable */
+/* tslint:disable */
+
+/**
+ * Mock Service Worker (2.0.14).
+ * @see https://github.com/mswjs/msw
+ * - Please do NOT modify this file.
+ * - Please do NOT serve this file on production.
+ */
+
+const INTEGRITY_CHECKSUM = "c5f7f8e188b673ea4e677df7ea3c5a39";
+const IS_MOCKED_RESPONSE = Symbol("isMockedResponse");
+const activeClientIds = new Set();
+
+self.addEventListener("install", function () {
+  self.skipWaiting();
+});
+
+self.addEventListener("activate", function (event) {
+  event.waitUntil(self.clients.claim());
+});
+
+self.addEventListener("message", async function (event) {
+  const clientId = event.source.id;
+
+  if (!clientId || !self.clients) {
+    return;
+  }
+
+  const client = await self.clients.get(clientId);
+
+  if (!client) {
+    return;
+  }
+
+  const allClients = await self.clients.matchAll({
+    type: "window",
+  });
+
+  switch (event.data) {
+    case "KEEPALIVE_REQUEST": {
+      sendToClient(client, {
+        type: "KEEPALIVE_RESPONSE",
+      });
+      break;
+    }
+
+    case "INTEGRITY_CHECK_REQUEST": {
+      sendToClient(client, {
+        type: "INTEGRITY_CHECK_RESPONSE",
+        payload: INTEGRITY_CHECKSUM,
+      });
+      break;
+    }
+
+    case "MOCK_ACTIVATE": {
+      activeClientIds.add(clientId);
+
+      sendToClient(client, {
+        type: "MOCKING_ENABLED",
+        payload: true,
+      });
+      break;
+    }
+
+    case "MOCK_DEACTIVATE": {
+      activeClientIds.delete(clientId);
+      break;
+    }
+
+    case "CLIENT_CLOSED": {
+      activeClientIds.delete(clientId);
+
+      const remainingClients = allClients.filter((client) => {
+        return client.id !== clientId;
+      });
+
+      // Unregister itself when there are no more clients
+      if (remainingClients.length === 0) {
+        self.registration.unregister();
+      }
+
+      break;
+    }
+  }
+});
+
+self.addEventListener("fetch", function (event) {
+  const { request } = event;
+
+  // Bypass navigation requests.
+  if (request.mode === "navigate") {
+    return;
+  }
+
+  // Opening the DevTools triggers the "only-if-cached" request
+  // that cannot be handled by the worker. Bypass such requests.
+  if (request.cache === "only-if-cached" && request.mode !== "same-origin") {
+    return;
+  }
+
+  // Bypass all requests when there are no active clients.
+  // Prevents the self-unregistered worked from handling requests
+  // after it's been deleted (still remains active until the next reload).
+  if (activeClientIds.size === 0) {
+    return;
+  }
+
+  // Generate unique request ID.
+  const requestId = crypto.randomUUID();
+  event.respondWith(handleRequest(event, requestId));
+});
+
+async function handleRequest(event, requestId) {
+  const client = await resolveMainClient(event);
+  const response = await getResponse(event, client, requestId);
+
+  // Send back the response clone for the "response:*" life-cycle events.
+  // Ensure MSW is active and ready to handle the message, otherwise
+  // this message will pend indefinitely.
+  if (client && activeClientIds.has(client.id)) {
+    (async function () {
+      const responseClone = response.clone();
+
+      sendToClient(
+        client,
+        {
+          type: "RESPONSE",
+          payload: {
+            requestId,
+            isMockedResponse: IS_MOCKED_RESPONSE in response,
+            type: responseClone.type,
+            status: responseClone.status,
+            statusText: responseClone.statusText,
+            body: responseClone.body,
+            headers: Object.fromEntries(responseClone.headers.entries()),
+          },
+        },
+        [responseClone.body]
+      );
+    })();
+  }
+
+  return response;
+}
+
+// Resolve the main client for the given event.
+// Client that issues a request doesn't necessarily equal the client
+// that registered the worker. It's with the latter the worker should
+// communicate with during the response resolving phase.
+async function resolveMainClient(event) {
+  const client = await self.clients.get(event.clientId);
+
+  if (client?.frameType === "top-level") {
+    return client;
+  }
+
+  const allClients = await self.clients.matchAll({
+    type: "window",
+  });
+
+  return allClients
+    .filter((client) => {
+      // Get only those clients that are currently visible.
+      return client.visibilityState === "visible";
+    })
+    .find((client) => {
+      // Find the client ID that's recorded in the
+      // set of clients that have registered the worker.
+      return activeClientIds.has(client.id);
+    });
+}
+
+async function getResponse(event, client, requestId) {
+  const { request } = event;
+
+  // Clone the request because it might've been already used
+  // (i.e. its body has been read and sent to the client).
+  const requestClone = request.clone();
+
+  function passthrough() {
+    const headers = Object.fromEntries(requestClone.headers.entries());
+
+    // Remove internal MSW request header so the passthrough request
+    // complies with any potential CORS preflight checks on the server.
+    // Some servers forbid unknown request headers.
+    delete headers["x-msw-intention"];
+
+    return fetch(requestClone, { headers });
+  }
+
+  // Bypass mocking when the client is not active.
+  if (!client) {
+    return passthrough();
+  }
+
+  // Bypass initial page load requests (i.e. static assets).
+  // The absence of the immediate/parent client in the map of the active clients
+  // means that MSW hasn't dispatched the "MOCK_ACTIVATE" event yet
+  // and is not ready to handle requests.
+  if (!activeClientIds.has(client.id)) {
+    return passthrough();
+  }
+
+  // Bypass requests with the explicit bypass header.
+  // Such requests can be issued by "ctx.fetch()".
+  const mswIntention = request.headers.get("x-msw-intention");
+  if (["bypass", "passthrough"].includes(mswIntention)) {
+    return passthrough();
+  }
+
+  // Notify the client that a request has been intercepted.
+  const requestBuffer = await request.arrayBuffer();
+  const clientMessage = await sendToClient(
+    client,
+    {
+      type: "REQUEST",
+      payload: {
+        id: requestId,
+        url: request.url,
+        mode: request.mode,
+        method: request.method,
+        headers: Object.fromEntries(request.headers.entries()),
+        cache: request.cache,
+        credentials: request.credentials,
+        destination: request.destination,
+        integrity: request.integrity,
+        redirect: request.redirect,
+        referrer: request.referrer,
+        referrerPolicy: request.referrerPolicy,
+        body: requestBuffer,
+        keepalive: request.keepalive,
+      },
+    },
+    [requestBuffer]
+  );
+
+  switch (clientMessage.type) {
+    case "MOCK_RESPONSE": {
+      return respondWithMock(clientMessage.data);
+    }
+
+    case "MOCK_NOT_FOUND": {
+      return passthrough();
+    }
+  }
+
+  return passthrough();
+}
+
+function sendToClient(client, message, transferrables = []) {
+  return new Promise((resolve, reject) => {
+    const channel = new MessageChannel();
+
+    channel.port1.onmessage = (event) => {
+      if (event.data && event.data.error) {
+        return reject(event.data.error);
+      }
+
+      resolve(event.data);
+    };
+
+    client.postMessage(
+      message,
+      [channel.port2].concat(transferrables.filter(Boolean))
+    );
+  });
+}
+
+async function respondWithMock(response) {
+  // Setting response status code to 0 is a no-op.
+  // However, when responding with a "Response.error()", the produced Response
+  // instance will have status code set to 0. Since it's not possible to create
+  // a Response instance with status code 0, handle that use-case separately.
+  if (response.status === 0) {
+    return Response.error();
+  }
+
+  const mockedResponse = new Response(response.body, response);
+
+  Reflect.defineProperty(mockedResponse, IS_MOCKED_RESPONSE, {
+    value: true,
+    enumerable: true,
+  });
+
+  return mockedResponse;
+}

packages/login/server.js

@@ -47,13 +47,13 @@ app.prepare().then(() => {
       await handle(req, res, parsedUrl);
     } catch (err) {
       console.error("Error occurred handling", req.url, err);
-      res.statusCode = 500;
-      res.end("internal server error");
+      // res.statusCode = 500;
+      // res.end("internal server error");
     }
   })
     .once("error", (err) => {
       console.error(err);
-      process.exit(1);
+      // process.exit(1);
     })
     .listen(port, () => {
       console.log(`Server is listening on port ${port}`);

packages/login/src/app/layout.tsx

@@ -40,6 +40,16 @@ import {
 } from "@/utils/actions";
 
 import "../styles/globals.scss";
+import { MSWProvider } from "@docspace/shared/__mocks__/e2e";
+
+if (process.env.NEXT_RUNTIME === "nodejs") {
+  console.log("SERVER LISTEN");
+
+  const { server } = require("../mocks/node");
+  server.listen();
+
+  Reflect.set(fetch, "__FOO", "YES");
+}
 
 export default async function RootLayout({
   children,
@@ -124,20 +134,22 @@ export default async function RootLayout({
         <meta name="google" content="notranslate" />
       </head>
       <body>
-        <StyledComponentsRegistry>
-          <Providers
-            value={{
-              settings: typeof settings === "string" ? undefined : settings,
-              colorTheme,
-              systemTheme: systemTheme?.value as ThemeKeys,
-            }}
-            redirectURL={redirectUrl}
-            user={user}
-          >
-            <Toast isSSR />
-            {children}
-          </Providers>
-        </StyledComponentsRegistry>
+        <MSWProvider>
+          <StyledComponentsRegistry>
+            <Providers
+              value={{
+                settings: typeof settings === "string" ? undefined : settings,
+                colorTheme,
+                systemTheme: systemTheme?.value as ThemeKeys,
+              }}
+              redirectURL={redirectUrl}
+              user={user}
+            >
+              <Toast isSSR />
+              {children}
+            </Providers>
+          </StyledComponentsRegistry>
+        </MSWProvider>
       </body>
     </html>
   );

packages/login/src/components/LoginForm/index.tsx

@@ -74,7 +74,7 @@ import { StyledCaptcha } from "./LoginForm.styled";
 import { LoginDispatchContext, LoginValueContext } from "../Login";
 import OAuthClientInfo from "../ConsentInfo";
 
-// import { gitAvailablePortals } from "@/utils/actions";
+// import { getAvailablePortals } from "@/utils/actions";
 
 let showToastr = true;
 

packages/login/src/providers/index.tsx

@@ -28,11 +28,13 @@
 
 import React from "react";
 import { I18nextProvider } from "react-i18next";
+import { usePathname, useSearchParams } from "next/navigation";
 
 import { ThemeProvider } from "@docspace/shared/components/theme-provider";
 import { TFirebaseSettings } from "@docspace/shared/api/settings/types";
 import FirebaseHelper from "@docspace/shared/utils/firebase";
 import { TUser } from "@docspace/shared/api/people/types";
+import { MSWProvider } from "@docspace/shared/__mocks__/e2e";
 
 import { TDataContext } from "@/types";
 import useI18N from "@/hooks/useI18N";
@@ -41,7 +43,8 @@ import useTheme from "@/hooks/useTheme";
 import pkgFile from "../../package.json";
 
 import ErrorBoundaryWrapper from "./ErrorBoundary";
-import { usePathname, useSearchParams } from "next/navigation";
+
+const IS_TEST = process.env.TEST;
 
 export const Providers = ({
   children,
@@ -83,7 +86,7 @@ export const Providers = ({
     i18n,
   });
 
-  return (
+  const content = (
     <ThemeProvider theme={theme} currentColorScheme={currentColorTheme}>
       <I18nextProvider i18n={i18n}>
         <ErrorBoundaryWrapper
@@ -100,4 +103,10 @@ export const Providers = ({
       </I18nextProvider>
     </ThemeProvider>
   );
+
+  // if (IS_TEST) {
+  //   return <MSWProvider>{content}</MSWProvider>;
+  // }
+
+  return content;
 };

packages/login/src/utils/actions.ts

@@ -26,7 +26,7 @@
 
 "use server";
 
-import { cookies, headers } from "next/headers";
+import { headers } from "next/headers";
 
 import {
   createRequest,
@@ -53,26 +53,13 @@ import {
 } from "@/types";
 import { TScope } from "@docspace/shared/utils/oauth/types";
 import { transformToClientProps } from "@docspace/shared/utils/oauth";
-import {
-  colorThemeSuccess,
-  getMockSettingsResponse,
-  isLicenseRequiredSuccess,
-  machineNameSuccess,
-  portalCulturesSuccess,
-  settingsPasswordSuccess,
-  settingsSuccessNoAuthWizard,
-} from "@docspace/shared/__mocks__/e2e";
-import {
-  getMockResponse,
-  portalTimeZonesSuccess,
-} from "@docspace/shared/__mocks__/e2e/settings";
-
-const IS_TEST = process.env.TEST;
 
 export const checkIsAuthenticated = async () => {
   const [request] = createRequest(["/authentication"], [["", ""]], "GET");
 
-  const res = await fetch(request);
+  const res = await fetch(request, {
+    cache: "no-store",
+  });
 
   if (!res.ok) return;
 
@@ -88,9 +75,11 @@ export async function getSettings() {
     "GET",
   );
 
-  const settingsRes = IS_TEST
-    ? getMockResponse(settingsSuccessNoAuthWizard)
-    : await fetch(getSettings);
+  console.log(getSettings.url);
+
+  const settingsRes = await fetch(getSettings, {
+    cache: "no-store",
+  });
 
   if (settingsRes.status === 403) return `access-restricted`;
 
@@ -110,7 +99,9 @@ export async function getVersionBuild() {
     "GET",
   );
 
-  const res = await fetch(getSettings);
+  const res = await fetch(getSettings, {
+    cache: "no-store",
+  });
 
   if (!res.ok) return;
 
@@ -126,9 +117,11 @@ export async function getColorTheme() {
     "GET",
   );
 
-  const res = IS_TEST
-    ? getMockResponse(colorThemeSuccess)
-    : await fetch(getColorTheme);
+  console.log(Reflect.get(fetch, "__FOO"), getColorTheme.url);
+
+  const res = await fetch(getColorTheme, {
+    cache: "no-store",
+  });
 
   if (!res.ok) return;
 
@@ -144,7 +137,9 @@ export async function getThirdPartyProviders() {
     "GET",
   );
 
-  const res = await fetch(getThirdParty);
+  const res = await fetch(getThirdParty, {
+    cache: "no-store",
+  });
 
   if (!res.ok) return;
 
@@ -156,7 +151,9 @@ export async function getThirdPartyProviders() {
 export async function getCapabilities() {
   const [getCapabilities] = createRequest([`/capabilities`], [["", ""]], "GET");
 
-  const res = await fetch(getCapabilities);
+  const res = await fetch(getCapabilities, {
+    cache: "no-store",
+  });
 
   if (!res.ok) return;
 
@@ -168,7 +165,9 @@ export async function getCapabilities() {
 export async function getSSO() {
   const [getSSO] = createRequest([`/settings/ssov2`], [["", ""]], "GET");
 
-  const res = await fetch(getSSO);
+  const res = await fetch(getSSO, {
+    cache: "no-store",
+  });
 
   if (!res.ok) return;
 
@@ -184,7 +183,9 @@ export async function getUser() {
   const [getUser] = createRequest([`/people/@self`], [["", ""]], "GET");
 
   if (!cookie?.includes("asc_auth_key")) return undefined;
-  const userRes = await fetch(getUser);
+  const userRes = await fetch(getUser, {
+    cache: "no-store",
+  });
 
   if (userRes.status === 401) return undefined;
 
@@ -198,7 +199,9 @@ export async function getUser() {
 export async function getScopeList() {
   const [getScopeList] = createRequest([`/scopes`], [["", ""]], "GET");
 
-  const scopeList = await fetch(getScopeList);
+  const scopeList = await fetch(getScopeList, {
+    cache: "no-store",
+  });
 
   if (!scopeList.ok) return;
 
@@ -214,7 +217,9 @@ export async function getOAuthClient(clientId: string) {
     "GET",
   );
 
-  const oauthClient = await fetch(getOAuthClient);
+  const oauthClient = await fetch(getOAuthClient, {
+    cache: "no-store",
+  });
 
   if (!oauthClient.ok) return;
 
@@ -230,9 +235,9 @@ export async function getPortalCultures() {
     "GET",
   );
 
-  const res = IS_TEST
-    ? getMockResponse(portalCulturesSuccess)
-    : await fetch(getPortalCultures);
+  const res = await fetch(getPortalCultures, {
+    cache: "no-store",
+  });
 
   if (!res.ok) return;
 
@@ -245,7 +250,7 @@ export async function gitAvailablePortals(data: {
   email: string;
   passwordHash: string;
 }) {
-  const [gitAvailablePortals] = createRequest(
+  const [getAvailablePortals] = createRequest(
     [`/portal/signin`],
     [["Content-Type", "application/json"]],
     "POST",
@@ -253,22 +258,22 @@ export async function gitAvailablePortals(data: {
     true,
   );
 
-  console.log(gitAvailablePortals.url);
-
-  const response = await fetch(gitAvailablePortals);
+  const response = await fetch(getAvailablePortals, {
+    cache: "no-store",
+  });
   if (!response.ok) return null;
 
   const { response: portals } = await response.json();
 
-  console.log(portals);
-
   // return config;
 }
 
 export async function getConfig() {
   const baseUrl = getBaseUrl();
   const config = await (
-    await fetch(`${baseUrl}/static/scripts/config.json`)
+    await fetch(`${baseUrl}/static/scripts/config.json`, {
+      cache: "no-store",
+    })
   ).json();
 
   return config;
@@ -281,7 +286,9 @@ export async function getCompanyInfoSettings() {
     "GET",
   );
 
-  const res = await fetch(getCompanyInfoSettings);
+  const res = await fetch(getCompanyInfoSettings, {
+    cache: "no-store",
+  });
 
   if (!res.ok) throw new Error(res.statusText);
 
@@ -298,9 +305,9 @@ export async function getPortalPasswordSettings(
     [confirmKey ? ["Confirm", confirmKey] : ["", ""]],
     "GET",
   );
-  const res = IS_TEST
-    ? getMockResponse(settingsPasswordSuccess)
-    : await fetch(getPortalPasswordSettings);
+  const res = await fetch(getPortalPasswordSettings, {
+    cache: "no-store",
+  });
 
   if (!res.ok) return;
 
@@ -319,7 +326,9 @@ export async function getUserFromConfirm(
     "GET",
   );
 
-  const res = await fetch(getUserFromConfirm);
+  const res = await fetch(getUserFromConfirm, {
+    cache: "no-store",
+  });
 
   if (!res.ok) return;
 
@@ -339,9 +348,9 @@ export async function getMachineName(confirmKey: string | null = null) {
     "GET",
   );
 
-  const res = IS_TEST
-    ? getMockResponse(machineNameSuccess)
-    : await fetch(getMachineName);
+  const res = await fetch(getMachineName, {
+    cache: "no-store",
+  });
 
   if (!res.ok) throw new Error(res.statusText);
 
@@ -357,9 +366,9 @@ export async function getIsLicenseRequired() {
     "GET",
   );
 
-  const res = IS_TEST
-    ? getMockResponse(isLicenseRequiredSuccess)
-    : await fetch(getIsLicenseRequired);
+  const res = await fetch(getIsLicenseRequired, {
+    cache: "no-store",
+  });
 
   if (!res.ok) throw new Error(res.statusText);
 
@@ -375,9 +384,9 @@ export async function getPortalTimeZones(confirmKey: string | null = null) {
     "GET",
   );
 
-  const res = IS_TEST
-    ? getMockResponse(portalTimeZonesSuccess)
-    : await fetch(getPortalTimeZones);
+  const res = await fetch(getPortalTimeZones, {
+    cache: "no-store",
+  });
 
   if (!res.ok) throw new Error(res.statusText);
 
@@ -393,7 +402,9 @@ export async function getTfaSecretKeyAndQR(confirmKey: string | null = null) {
     "GET",
   );
 
-  const res = await fetch(getTfaSecretKeyAndQR);
+  const res = await fetch(getTfaSecretKeyAndQR, {
+    cache: "no-store",
+  });
 
   if (!res.ok) throw new Error(res.statusText);
 
@@ -410,7 +421,9 @@ export async function checkConfirmLink(data: TConfirmLinkParams) {
     JSON.stringify(data),
   );
 
-  const response = await fetch(checkConfirmLink);
+  const response = await fetch(checkConfirmLink, {
+    cache: "no-store",
+  });
 
   if (!response.ok) throw new Error(response.statusText);
 

packages/public/images/arrow-left.react.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.29289 7.29004C0.902369 7.68056 0.902369 8.31373 1.29289 8.70425L6.29289 13.7043L7.70711 12.29L4.41421 8.99715L14 8.99715L14 6.99715L4.41421 6.99715L7.70711 3.70425L6.29289 2.29004L1.29289 7.29004Z" fill="#A3A9AE"/>
+</svg>

packages/public/images/arrow.left.react.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.93938 7.08476C4.15833 7.86581 4.15833 9.13214 4.93938 9.91319L10.2323 15.2061L11.6465 13.7919L6.35359 8.49898L11.6465 3.20608L10.2323 1.79187L4.93938 7.08476Z" fill="#A3A9AE"/>
+</svg>

packages/public/images/arrow.right.react.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="13" viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.71606 1.28907C4.32541 0.897779 3.68645 0.902694 3.2958 1.29398C2.90604 1.68437 2.90115 2.32156 3.29091 2.71195L6.86147 6.2883C7.25094 6.6784 7.25128 7.31009 6.86223 7.70061L3.28914 11.2872C2.90039 11.6774 2.90526 12.3134 3.29401 12.7036C3.68483 13.0959 4.32496 13.1009 4.71579 12.7085L9.49421 7.91209L9.7059 7.70006C10.0957 7.30966 10.0957 6.67738 9.7059 6.28699L4.71606 1.28907Z" fill="#333333"/>
+</svg>

packages/public/images/avatar.base.react.svg

@@ -0,0 +1,9 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" fill="#ECEEF1"/>
+<mask id="mask0_2848_66240" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32">
+<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_2848_66240)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0001 6.22266C19.9273 6.22266 23.1112 9.40648 23.1112 13.3338C23.1112 17.2614 19.9273 20.4449 16.0001 20.4449C12.0728 20.4449 8.88894 17.2611 8.88894 13.3338C8.88894 9.40648 12.0728 6.22266 16.0001 6.22266ZM25.8284 35.556H6.17141C4.29721 35.556 2.77783 34.1381 2.77783 32.4108C2.77783 24.4842 6.64481 21.3893 10.7572 21.4912C12.1831 22.4051 13.9143 22.9421 15.7825 22.9421C17.7192 22.9421 19.5087 22.3651 20.963 21.3893C25.5425 21.3893 29.2223 24.4842 29.2223 32.4108C29.2223 34.1381 27.7029 35.556 25.8284 35.556Z" fill="#A3A9AE"/>
+</g>
+</svg>

packages/public/images/avatar.dark.react.svg

@@ -0,0 +1,9 @@
+<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" fill="#242424"/>
+<mask id="mask0_1539_67556" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="32" height="32">
+<path d="M16 32C24.8366 32 32 24.8366 32 16C32 7.16344 24.8366 0 16 0C7.16344 0 0 7.16344 0 16C0 24.8366 7.16344 32 16 32Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1539_67556)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.0001 6.22217C19.9273 6.22217 23.1112 9.40599 23.1112 13.3333C23.1112 17.2609 19.9273 20.4444 16.0001 20.4444C12.0728 20.4444 8.88894 17.2606 8.88894 13.3333C8.88894 9.40599 12.0728 6.22217 16.0001 6.22217ZM25.8284 35.5555H6.17141C4.29721 35.5555 2.77783 34.1376 2.77783 32.4103C2.77783 24.4837 6.64481 21.3888 10.7572 21.4907C12.1831 22.4046 13.9143 22.9416 15.7825 22.9416C17.7192 22.9416 19.5087 22.3646 20.963 21.3888C25.5425 21.3888 29.2223 24.4837 29.2223 32.4103C29.2223 34.1376 27.7029 35.5555 25.8284 35.5555Z" fill="#ADADAD"/>
+</g>
+</svg>

packages/public/images/background.pattern.black.react.svg

@@ -0,0 +1,5 @@
+<svg width="1440" height="1024" viewBox="0 0 1440 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M64.6252 690.408L-919.12 986.976C-1004.49 1013.18 -1013.6 1072.53 -939.494 1119.65L-74.1381 1702.89C14.1367 1767.84 98.0781 1792.04 227.343 1745.01L1209.66 1449.78C1295.03 1423.58 1304.14 1364.23 1230.04 1317.1L403.802 732.878C315.028 664.676 226.063 647.445 64.6252 690.408Z" fill="#6E6E6E"/>
+<path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" d="M1209.36 391.601L2228.17 575.78C2315.2 592.373 2330.62 649.928 2262.64 704.433L1472.4 1373.42C1405.32 1431.31 1281.37 1464.53 1197.69 1447.04L178.872 1262.86C91.8424 1246.27 76.4229 1188.71 144.405 1134.21L934.649 465.22C1012.63 397.338 1126.59 377.497 1209.36 391.601Z" fill="#6E6E6E"/>
+<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M967.484 836.396L881.673 1868.31C875.172 1956.68 926.767 1986.47 997.002 1934.91L1847.63 1344.62C1920.9 1294.81 1985.06 1183.66 1989.83 1098.29L2075.64 66.374C2082.14 -21.9972 2030.55 -51.7898 1960.31 -0.221198L1109.68 590.062C1023.94 647.831 975.285 752.781 967.484 836.396Z" fill="#6E6E6E"/>
+</svg>

packages/public/images/background.pattern.green.react.svg

@@ -0,0 +1,5 @@
+<svg width="1440" height="1024" viewBox="0 0 1440 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M64.6252 690.408L-919.12 986.976C-1004.49 1013.18 -1013.6 1072.53 -939.494 1119.65L-74.1381 1702.89C14.1367 1767.84 98.0781 1792.04 227.343 1745.01L1209.66 1449.78C1295.03 1423.58 1304.14 1364.23 1230.04 1317.1L403.802 732.878C315.028 664.676 226.063 647.445 64.6252 690.408Z" fill="#22C386"/>
+<path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" d="M1209.36 391.601L2228.17 575.78C2315.2 592.373 2330.62 649.928 2262.64 704.433L1472.4 1373.42C1405.32 1431.31 1281.37 1464.53 1197.69 1447.04L178.872 1262.86C91.8424 1246.27 76.4229 1188.71 144.405 1134.21L934.649 465.22C1012.63 397.338 1126.59 377.497 1209.36 391.601Z" fill="#22C386"/>
+<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M967.484 836.396L881.673 1868.31C875.172 1956.68 926.767 1986.47 997.002 1934.91L1847.63 1344.62C1920.9 1294.81 1985.06 1183.66 1989.83 1098.29L2075.64 66.374C2082.14 -21.9972 2030.55 -51.7898 1960.31 -0.221198L1109.68 590.062C1023.94 647.831 975.285 752.781 967.484 836.396Z" fill="#22C386"/>
+</svg>

packages/public/images/background.pattern.lightBlue.react.svg

@@ -0,0 +1,5 @@
+<svg width="1440" height="1024" viewBox="0 0 1440 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M64.6252 690.408L-919.12 986.976C-1004.49 1013.18 -1013.6 1072.53 -939.494 1119.65L-74.1381 1702.89C14.1367 1767.84 98.0781 1792.04 227.343 1745.01L1209.66 1449.78C1295.03 1423.58 1304.14 1364.23 1230.04 1317.1L403.802 732.878C315.028 664.676 226.063 647.445 64.6252 690.408Z" fill="#13B7EC"/>
+<path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" d="M1209.36 391.601L2228.17 575.78C2315.2 592.373 2330.62 649.928 2262.64 704.433L1472.4 1373.42C1405.32 1431.31 1281.37 1464.53 1197.69 1447.04L178.872 1262.86C91.8424 1246.27 76.4229 1188.71 144.405 1134.21L934.649 465.22C1012.63 397.338 1126.59 377.497 1209.36 391.601Z" fill="#13B7EC"/>
+<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M967.484 836.396L881.673 1868.31C875.172 1956.68 926.767 1986.47 997.002 1934.91L1847.63 1344.62C1920.9 1294.81 1985.06 1183.66 1989.83 1098.29L2075.64 66.374C2082.14 -21.9972 2030.55 -51.7898 1960.31 -0.221198L1109.68 590.062C1023.94 647.831 975.285 752.781 967.484 836.396Z" fill="#13B7EC"/>
+</svg>

packages/public/images/background.pattern.orange.react.svg

@@ -0,0 +1,5 @@
+<svg width="1440" height="1024" viewBox="0 0 1440 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M64.6252 690.408L-919.12 986.976C-1004.49 1013.18 -1013.6 1072.53 -939.494 1119.65L-74.1381 1702.89C14.1367 1767.84 98.0781 1792.04 227.343 1745.01L1209.66 1449.78C1295.03 1423.58 1304.14 1364.23 1230.04 1317.1L403.802 732.878C315.028 664.676 226.063 647.445 64.6252 690.408Z" fill="#FF9933"/>
+<path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" d="M1209.36 391.601L2228.17 575.78C2315.2 592.373 2330.62 649.928 2262.64 704.433L1472.4 1373.42C1405.32 1431.31 1281.37 1464.53 1197.69 1447.04L178.872 1262.86C91.8424 1246.27 76.4229 1188.71 144.405 1134.21L934.649 465.22C1012.63 397.338 1126.59 377.497 1209.36 391.601Z" fill="#FF9933"/>
+<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M967.484 836.396L881.673 1868.31C875.172 1956.68 926.767 1986.47 997.002 1934.91L1847.63 1344.62C1920.9 1294.81 1985.06 1183.66 1989.83 1098.29L2075.64 66.374C2082.14 -21.9972 2030.55 -51.7898 1960.31 -0.221198L1109.68 590.062C1023.94 647.831 975.285 752.781 967.484 836.396Z" fill="#FF9933"/>
+</svg>

packages/public/images/background.pattern.purple.react.svg

@@ -0,0 +1,5 @@
+<svg width="1440" height="1024" viewBox="0 0 1440 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M64.6252 690.408L-919.12 986.976C-1004.49 1013.18 -1013.6 1072.53 -939.494 1119.65L-74.1381 1702.89C14.1367 1767.84 98.0781 1792.04 227.343 1745.01L1209.66 1449.78C1295.03 1423.58 1304.14 1364.23 1230.04 1317.1L403.802 732.878C315.028 664.676 226.063 647.445 64.6252 690.408Z" fill="#8570BD"/>
+<path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" d="M1209.36 391.601L2228.17 575.78C2315.2 592.373 2330.62 649.928 2262.64 704.433L1472.4 1373.42C1405.32 1431.31 1281.37 1464.53 1197.69 1447.04L178.872 1262.86C91.8424 1246.27 76.4229 1188.71 144.405 1134.21L934.649 465.22C1012.63 397.338 1126.59 377.497 1209.36 391.601Z" fill="#8570BD"/>
+<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M967.484 836.396L881.673 1868.31C875.172 1956.68 926.767 1986.47 997.002 1934.91L1847.63 1344.62C1920.9 1294.81 1985.06 1183.66 1989.83 1098.29L2075.64 66.374C2082.14 -21.9972 2030.55 -51.7898 1960.31 -0.221198L1109.68 590.062C1023.94 647.831 975.285 752.781 967.484 836.396Z" fill="#8570BD"/>
+</svg>

packages/public/images/background.pattern.react.svg

@@ -0,0 +1,5 @@
+<svg width="1440" height="1024" viewBox="0 0 1440 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M64.6252 690.409L-919.12 986.977C-1004.49 1013.18 -1013.6 1072.53 -939.494 1119.65L-74.1381 1702.89C14.1367 1767.84 98.0781 1792.04 227.343 1745.01L1209.66 1449.78C1295.03 1423.58 1304.14 1364.23 1230.04 1317.1L403.802 732.879C315.028 664.677 226.063 647.445 64.6252 690.409Z" fill="#BDECFF"/>
+<path opacity="0.25" fill-rule="evenodd" clip-rule="evenodd" d="M1209.36 391.601L2228.17 575.781C2315.2 592.373 2330.62 649.928 2262.64 704.433L1472.4 1373.42C1405.32 1431.31 1281.37 1464.53 1197.69 1447.04L178.873 1262.86C91.8429 1246.27 76.4234 1188.71 144.406 1134.21L934.65 465.22C1012.63 397.338 1126.59 377.497 1209.36 391.601Z" fill="#BDECFF"/>
+<path opacity="0.3" fill-rule="evenodd" clip-rule="evenodd" d="M967.484 836.396L881.673 1868.31C875.172 1956.68 926.767 1986.47 997.002 1934.91L1847.63 1344.62C1920.9 1294.81 1985.06 1183.66 1989.83 1098.29L2075.64 66.374C2082.14 -21.9972 2030.55 -51.7898 1960.31 -0.221198L1109.68 590.062C1023.94 647.831 975.285 752.781 967.484 836.396Z" fill="#BDECFF"/>
+</svg>

packages/public/images/background.pattern.red.react.svg

@@ -0,0 +1,5 @@
+<svg width="1440" height="1024" viewBox="0 0 1440 1024" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.1" fill-rule="evenodd" clip-rule="evenodd" d="M64.6252 690.408L-919.12 986.976C-1004.49 1013.18 -1013.6 1072.53 -939.494 1119.65L-74.1381 1702.89C14.1367 1767.84 98.0781 1792.04 227.343 1745.01L1209.66 1449.78C1295.03 1423.58 1304.14 1364.23 1230.04 1317.1L403.802 732.878C315.028 664.676 226.063 647.445 64.6252 690.408Z" fill="#F27564"/>
+<path opacity="0.15" fill-rule="evenodd" clip-rule="evenodd" d="M1209.36 391.601L2228.17 575.78C2315.2 592.373 2330.62 649.928 2262.64 704.433L1472.4 1373.42C1405.32 1431.31 1281.37 1464.53 1197.69 1447.04L178.872 1262.86C91.8424 1246.27 76.4229 1188.71 144.405 1134.21L934.649 465.22C1012.63 397.338 1126.59 377.497 1209.36 391.601Z" fill="#F27564"/>
+<path opacity="0.2" fill-rule="evenodd" clip-rule="evenodd" d="M967.484 836.396L881.673 1868.31C875.172 1956.68 926.767 1986.47 997.002 1934.91L1847.63 1344.62C1920.9 1294.81 1985.06 1183.66 1989.83 1098.29L2075.64 66.374C2082.14 -21.9972 2030.55 -51.7898 1960.31 -0.221198L1109.68 590.062C1023.94 647.831 975.285 752.781 967.484 836.396Z" fill="#F27564"/>
+</svg>

packages/public/images/catalog.folder.react.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_26566_87235)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0.00397432 3.00531C0.00100911 1.89884 0.89718 1 2.00397 1H5.96626L8.36394 3.00003H14.0008C15.1054 3.00003 16.0008 3.89546 16.0008 5.00003V12C16.0008 13.1046 15.1054 14 14.0008 14H2.0471C1.00059 14 0.00453657 13.1588 7.56979e-06 12.0039L0 11.9996L0.00397432 3.00531ZM5.24161 3H2.00397L2.00398 3.00436L2.00001 11.9752L2.00285 11.978C2.01068 11.9854 2.02062 11.9918 2.03054 11.9958C2.03996 11.9997 2.0471 12 2.0471 12H14.0008V5.00003H7.63929L5.24161 3Z" fill="#333333"/>
+</g>
+<defs>
+<clipPath id="clip0_26566_87235">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

packages/public/images/cross.edit.react.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_28520_90146)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.41451 8.00041L13.707 12.293L12.2928 13.7072L8.00041 9.41474L3.70971 13.7061L2.29538 12.292L6.58619 8.00052L2.29284 3.70716L3.70705 2.29295L8.00029 6.58619L12.2928 2.29301L13.7071 3.70711L9.41451 8.00041Z" fill="#A3A9AE"/>
+</g>
+<defs>
+<clipPath id="clip0_28520_90146">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

packages/public/images/cross.react.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.76288 6.35869C7.56764 6.16343 7.56764 5.84687 7.76288 5.65161L10.9493 2.46498C11.1445 2.26973 11.1445 1.95316 10.9493 1.75791L10.2422 1.05077C10.0469 0.855489 9.73031 0.855489 9.53504 1.05077L6.34878 4.23729C6.15352 4.43257 5.83691 4.43257 5.64165 4.23729L2.46017 1.05556C2.26491 0.860275 1.9483 0.860275 1.75304 1.05556L1.04596 1.76269C0.850716 1.95795 0.850716 2.27451 1.04596 2.46977L4.22755 5.65161C4.42279 5.84687 4.42279 6.16343 4.22755 6.35869L1.0501 9.53639C0.854858 9.73165 0.854858 10.0482 1.0501 10.2435L1.75718 10.9506C1.95245 11.1459 2.26905 11.1459 2.46432 10.9506L5.64165 7.77302C5.83691 7.57774 6.15352 7.57774 6.34878 7.77302L9.5309 10.9554C9.72616 11.1507 10.0428 11.1507 10.238 10.9554L10.9451 10.2483C11.1404 10.053 11.1404 9.73644 10.9451 9.54118L7.76288 6.35869Z" fill="#657077"/>
+</svg>

packages/public/images/document.react.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="16" viewBox="0 0 14 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2 0C0.89543 0 0 0.895431 0 2L0 14C0 15.1046 0.89543 16 2 16L12 16C13.1046 16 14 15.1046 14 14L14 4.11111C14 3.85219 13.8996 3.60336 13.7198 3.41698L10.7198 0.305864C10.5314 0.110411 10.2715 0 10 0L2 0ZM2 2L9.5751 2L12 4.51471L12 14L2 14L2 2ZM3 6L9 6L9 4L3 4L3 6ZM3 9L11 9V7L3 7V9ZM3 12L11 12V10L3 10V12Z" fill="#333333"/>
+</svg>

packages/public/images/download.react.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_24347_72303)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.00095 6.58749V1H9.00095V6.58409L11.2915 4.29342L12.7057 5.70759L8.70662 9.70693C8.31614 10.0974 7.68302 10.0975 7.29248 9.70704L3.29238 5.70792L4.70642 4.29353L7.00095 6.58749ZM2 8V12H13.9355V8H15.9355V12C15.9355 13.1046 15.0401 14 13.9355 14H2C0.895429 14 0 13.1046 0 12V8H2Z" fill="#333333"/>
+</g>
+<defs>
+<clipPath id="clip0_24347_72303">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

packages/public/images/eye.off.react.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_417_7037)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.99998 4C6.70827 4 5.48007 4.38712 4.4336 4.89144L3.5653 3.08976C4.7867 2.50113 6.31673 2 7.99998 2C9.68323 2 11.2133 2.50113 12.4347 3.08976L11.5664 4.89144C10.5199 4.38712 9.29169 4 7.99998 4ZM2 7.50037V7.54659C2.89128 8.28478 5.27889 10.0004 8 10.0004C8.76316 10.0004 9.50545 9.86534 10.2041 9.64893C11.0398 9.39007 11.8006 9.01861 12.4403 8.63988C13.1414 8.22479 13.6823 7.8097 14 7.54659V7.50037H16V7.5733C16 8.1151 15.7774 8.66728 15.3212 9.04905C15.1043 9.23054 14.7948 9.47607 14.4072 9.74834L15.2904 10.8877L13.7096 12.113L12.6825 10.7879C12.394 10.9345 12.0881 11.0767 11.7668 11.209L12.4452 13.174L10.5548 13.8267L9.85615 11.8034C9.57762 11.8617 9.29192 11.9089 9 11.9424V14.0004H7V11.9424C6.70876 11.9089 6.42309 11.8618 6.14387 11.8034L5.44524 13.8267L3.55476 13.174L4.23325 11.2089C3.90351 11.0732 3.58954 10.9269 3.29349 10.7757L2.3 12.1004L0.7 10.9004L1.57387 9.73521C1.18783 9.4631 0.884448 9.22111 0.678614 9.04887C0.222168 8.66693 0 8.11481 0 7.5733V7.50037H2Z" fill="#333333"/>
+</g>
+<defs>
+<clipPath id="clip0_417_7037">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

packages/public/images/eye.react.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5005 10.4663C3.47291 9.6138 2.665 8.61284 2.21621 8C2.665 7.38716 3.47291 6.3862 4.5005 5.53367C5.58449 4.63435 6.79226 4 8.00099 4C9.20972 4 10.4175 4.63435 11.5015 5.53367C12.5291 6.3862 13.337 7.38716 13.7858 8C13.337 8.61284 12.5291 9.6138 11.5015 10.4663C10.4175 11.3656 9.20972 12 8.00099 12C6.79226 12 5.58449 11.3656 4.5005 10.4663ZM8.00099 2C6.11258 2 4.4581 2.97015 3.22349 3.99443C1.97331 5.03163 1.0293 6.22746 0.54349 6.8996C0.0662313 7.55992 0.0662334 8.44008 0.543491 9.1004C1.0293 9.77254 1.97331 10.9684 3.22349 12.0056C4.4581 13.0298 6.11258 14 8.00099 14C9.8894 14 11.5439 13.0298 12.7785 12.0056C14.0287 10.9684 14.9727 9.77254 15.4585 9.1004C15.9357 8.44008 15.9357 7.55992 15.4585 6.8996C14.9727 6.22746 14.0287 5.03163 12.7785 3.99443C11.5439 2.97015 9.8894 2 8.00099 2ZM8.00099 6C6.89642 6 6.00099 6.89543 6.00099 8C6.00099 9.10457 6.89642 10 8.00099 10C9.10556 10 10.001 9.10457 10.001 8C10.001 6.89543 9.10556 6 8.00099 6Z" fill="#333333"/>
+</svg>

packages/public/images/flags/az.react.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 9L0 9L0 3.53333C0 3.26666 0.15 3 0.45 3L23.55 3C23.85 3 24 3.26666 24 3.53333V9Z" fill="#00B9E4"/>
+<path d="M23.55 21L0.45 21C0.15 21 0 20.7333 0 20.4667L0 15L24 15V20.4667C24 20.7333 23.85 21 23.55 21Z" fill="#3F9C35"/>
+<path d="M24 9L0 9L0 15L24 15V9Z" fill="#ED2939"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 15C12.9798 15 13.85 14.5303 14.3975 13.8037C13.9482 14.2349 13.3383 14.5 12.6664 14.5C11.2856 14.5 10.1664 13.3807 10.1664 12C10.1664 10.6193 11.2856 9.49998 12.6664 9.49998C13.3382 9.49998 13.9481 9.76499 14.3973 10.1962C13.8498 9.46968 12.9798 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15ZM15.6518 11.2302L15.3329 10.3334L15.014 11.2302L14.1544 10.8216L14.563 11.6812L13.6662 12.0001L14.563 12.319L14.1544 13.1786L15.014 12.77L15.3329 13.6668L15.6518 12.77L16.5114 13.1786L16.1028 12.319L16.9996 12.0001L16.1028 11.6812L16.5114 10.8216L15.6518 11.2302Z" fill="white"/>
+</svg>

packages/public/images/flags/bg.react.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 9L0 9L0 3.53333C0 3.26666 0.15 3 0.45 3L23.55 3C23.85 3 24 3.26666 24 3.53333V9Z" fill="#F5F5F5"/>
+<path d="M23.55 21L0.45 21C0.15 21 0 20.7333 0 20.4667L0 15L24 15V20.4667C24 20.7333 23.85 21 23.55 21Z" fill="#D22A20"/>
+<path d="M24 9L0 9L0 15L24 15V9Z" fill="#1C936C"/>
+</svg>

packages/public/images/flags/cs.react.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.15 20.8499L12 11.9999L0.15 3.1499C-1.45286e-07 3.1499 0 3.29987 0 3.44987L0 20.5499C0 20.6999 -1.45286e-07 20.8499 0.15 20.8499Z" fill="#41479B"/>
+<path d="M0.149902 20.85C0.149902 20.85 0.299903 21 0.449903 21L23.5499 21C23.8499 21 23.9999 20.85 23.9999 20.55V12L11.9999 12L0.149902 20.85Z" fill="#FF4B55"/>
+<path d="M0.149902 3.15001C0.149902 3.15001 0.299903 3 0.449903 3L23.5499 3C23.8499 3 23.9999 3.14998 23.9999 3.44998V12L11.9999 12L0.149902 3.15001Z" fill="#F5F5F5"/>
+</svg>

packages/public/images/flags/de-AT.react.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 9L0 9L0 3.45C0 3.15 0.15 3 0.45 3L23.55 3C23.85 3 24 3.15 24 3.45V9Z" fill="#FF4B55"/>
+<path d="M23.55 21L0.45 21C0.15 21 0 20.85 0 20.55L0 15L24 15V20.55C24 20.85 23.85 21 23.55 21Z" fill="#FF4B55"/>
+<path d="M24 9L0 9L0 15L24 15V9Z" fill="#F5F5F5"/>
+</svg>

packages/public/images/flags/de-CH.react.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.55 21L0.45 21C0.15 21 0 21 0 21L0 3L24 3L24 21C24 21 23.85 21 23.55 21Z" fill="#FF4B55"/>
+<path d="M18 13.5L6 13.5L6 10.725C6 10.575 6.00001 10.5 6.00001 10.5L18 10.5C18 10.5 18 11.1 18 11.25L18 13.5Z" fill="white"/>
+<path d="M10.5 18L10.5 6L13.275 6C13.425 6 13.5 6.00001 13.5 6.00001L13.5 18C13.5 18 12.9 18 12.75 18L10.5 18Z" fill="white"/>
+</svg>

packages/public/images/flags/de.react.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 9H0V3.45C0 3.15 0.15 3 0.45 3H23.55C23.85 3 24 3.15 24 3.45V9Z" fill="#464655"/>
+<path d="M23.55 21H0.45C0.15 21 0 20.85 0 20.55V15H24V20.55C24 20.85 23.85 21 23.55 21Z" fill="#FFE15A"/>
+<path d="M24 9H0V15H24V9Z" fill="#FF4B55"/>
+</svg>

packages/public/images/flags/el-GR.react.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 21L0 21L0 3.00002C0 3.00002 0.15 3 0.45 3L24 3C24 3 24 3.79998 24 4.59998L24 21Z" fill="#0D5EAF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 9V13.5H4.5V9H0V7.5H4.5V3H6V7.5H10.5V9H6Z" fill="#F5F5F5"/>
+<path d="M24 16.5H0V15H24V16.5Z" fill="#F5F5F5"/>
+<path d="M24 19.5H0V18H24V19.5Z" fill="#F5F5F5"/>
+<path d="M24 4.5H10.5V3H24V4.5Z" fill="#F5F5F5"/>
+<path d="M24 7.5H10.5V6H24V7.5Z" fill="#F5F5F5"/>
+<path d="M24 10.5H10.5V9H24V10.5Z" fill="#F5F5F5"/>
+<path d="M24 13.5H10.5V12H24V13.5Z" fill="#F5F5F5"/>
+</svg>

packages/public/images/flags/en-GB.react.svg

@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.55 21L0.45 21C0.15 21 0 20.85 0 20.55L0 3.44998C0 3.14998 0.15 3 0.45 3L23.55 3C23.85 3 24 3.14998 24 3.44998L24 20.55C24 20.85 23.85 21 23.55 21Z" fill="#41479B"/>
+<path d="M24 3.44998C24 3.14998 24 3 24 3L19.5 3L15 7.5V3L9 3V7.5L4.5 3L0.45 3C0.15 3 0 3.14998 0 3.44998L0 4.5L4.5 9H0L0 15H4.5L0 19.5L0 20.55C0 20.85 0.15 21 0.45 21H4.5L9 16.5L9 21L15 21L15 15L21 21H24V20.55V19.5L19.5 15H24L24 9H19.5L24 4.5V3.44998Z" fill="#F5F5F5"/>
+<path d="M24 10.5L13.5 10.5L13.5 3L10.5 3L10.5 10.5L0 10.5L0 13.5L10.5 13.5L10.5 21L13.5 21L13.5 13.5L24 13.5V10.5Z" fill="#FF4B55"/>
+<path d="M19.5 21L15 16.5V15H16.5L21 19.5L22.5 21H19.5Z" fill="#FF4B55"/>
+<path d="M1.5 3L7.5 9H9V7.5L4.5 3L1.5 3Z" fill="#FF4B55"/>
+<path d="M1.5 21L7.5 15H6L4.5 15L0 19.5L0 21H1.5Z" fill="#FF4B55"/>
+<path d="M22.5 3L16.5 9H18H19.5L24 4.5V3L22.5 3Z" fill="#FF4B55"/>
+</svg>

packages/public/images/flags/en-US.react.svg

@@ -0,0 +1,28 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 6H1.5V7.5H24V6Z" fill="#F5F5F5"/>
+<path d="M24 3H3V4.5H24V3Z" fill="#F5F5F5"/>
+<path d="M24 9H3V10.5H24V9Z" fill="#F5F5F5"/>
+<path d="M24 12H0V13.5H24V12Z" fill="#F5F5F5"/>
+<path d="M24 15H0V16.5H24V15Z" fill="#F5F5F5"/>
+<path d="M24 18H0V19.5H24V18Z" fill="#F5F5F5"/>
+<path d="M24 7.5H0V9H24V7.5Z" fill="#FF4B55"/>
+<path d="M24 4.5H0V6H24V4.5Z" fill="#FF4B55"/>
+<path d="M0 10.5V12H7.8H10.5V10.5H0Z" fill="#FF4B55"/>
+<path d="M24 13.5H0V15H24V13.5Z" fill="#FF4B55"/>
+<path d="M24 16.5H0V18H24V16.5Z" fill="#FF4B55"/>
+<path d="M24 19.5H0V21H24V19.5Z" fill="#FF4B55"/>
+<path d="M24 10.5H0V12H24V10.5Z" fill="#FF4B55"/>
+<path d="M13.5 12H12H0V3H13.5V10.5V12Z" fill="#41479B"/>
+<path d="M3 3H1.5V4.5H3V3Z" fill="white"/>
+<path d="M6 3H4.5V4.5H6V3Z" fill="white"/>
+<path d="M9 3H7.5V4.5H9V3Z" fill="white"/>
+<path d="M12 3H10.5V4.5H12V3Z" fill="white"/>
+<path d="M12 6H10.5V7.5H12V6Z" fill="white"/>
+<path d="M9 6H7.5V7.5H9V6Z" fill="white"/>
+<path d="M6 6H4.5V7.5H6V6Z" fill="white"/>
+<path d="M3 6H1.5V7.5H3V6Z" fill="white"/>
+<path d="M3 9H1.5V10.5H3V9Z" fill="white"/>
+<path d="M6 9H4.5V10.5H6V9Z" fill="white"/>
+<path d="M9 9H7.5V10.5H9V9Z" fill="white"/>
+<path d="M12 9H10.5V10.5H12V9Z" fill="white"/>
+</svg>

packages/public/images/flags/es.react.svg

@@ -0,0 +1,41 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0.45 21H23.55C23.85 21 24 20.85 24 20.55V3.45C24 3.15 23.85 3 23.55 3H0.45C0.15 3 0 3.15 0 3.45V20.55C0 20.85 0.15 21 0.45 21Z" fill="#C8414B"/>
+<path d="M24 6H0V18H24V6Z" fill="#FFD250"/>
+<path d="M10.2001 11.9999L10.5001 10.1999C10.5001 10.0499 10.3501 9.8999 10.2001 9.8999H9.9001C9.7501 9.8999 9.6001 10.0499 9.6001 10.1999L10.2001 11.9999Z" fill="#C8414B"/>
+<path d="M10.65 11.1001H9.75V15.1501H10.65V11.1001Z" fill="#F5F5F5"/>
+<path d="M10.6502 10.6499H9.4502V11.0999H10.6502V10.6499Z" fill="#FAB446"/>
+<path d="M10.8002 12H8.7002V12.45H10.8002V12Z" fill="#C8414B"/>
+<path d="M10.8001 13.9498L9.6001 13.4998V13.0498L10.8001 13.4998V13.9498Z" fill="#C8414B"/>
+<path d="M3.90019 11.9999L4.2002 10.1999C4.2002 10.0499 4.05019 9.8999 3.90019 9.8999H3.7502C3.6002 9.8999 3.4502 10.0499 3.4502 10.1999L3.90019 11.9999Z" fill="#C8414B"/>
+<path d="M5.40019 10.6499C5.10019 10.6499 4.9502 10.7999 4.9502 11.0999V14.2499C4.9502 14.8499 5.40019 15.8999 7.05019 15.8999C8.70019 15.8999 9.1502 14.8499 9.1502 14.2499V11.0999C9.1502 10.7999 9.0002 10.6499 8.7002 10.6499H5.40019Z" fill="#F5F5F5"/>
+<path d="M7.05019 12.9H4.9502V10.95C4.9502 10.65 5.10019 10.5 5.40019 10.5H7.05019V12.9Z" fill="#C8414B"/>
+<path d="M7.0498 12.8999H9.14981V14.0999C9.14981 14.6999 8.6998 15.2999 8.0998 15.2999C7.4998 15.2999 7.0498 14.6999 7.0498 14.0999V12.8999Z" fill="#C8414B"/>
+<path d="M4.9502 12.8999H7.05019V14.0999C7.05019 14.6999 6.6002 15.2999 6.0002 15.2999C5.4002 15.2999 4.9502 14.6999 4.9502 14.0999V12.8999Z" fill="#FAB446"/>
+<path d="M6.5999 14.9999V12.8999H6.1499V15.2999C6.2999 15.2999 6.4499 15.1499 6.5999 14.9999Z" fill="#C8414B"/>
+<path d="M5.8499 15.2999V12.8999H5.3999V14.9999C5.5499 15.1499 5.6999 15.2999 5.8499 15.2999Z" fill="#C8414B"/>
+<path d="M6.5999 12H5.3999V12.45H6.5999V12Z" fill="#FFB441"/>
+<path d="M6.5999 11.1001H5.3999V11.5501H6.5999V11.1001Z" fill="#FAB446"/>
+<path d="M6.44981 11.3999H5.5498V12.2999H6.44981V11.3999Z" fill="#FAB446"/>
+<path d="M4.3502 11.1001H3.4502V15.1501H4.3502V11.1001Z" fill="#F5F5F5"/>
+<path d="M4.4998 14.8501H3.2998V15.3001H4.4998V14.8501Z" fill="#FAB446"/>
+<path d="M4.4998 10.6499H3.2998V11.0999H4.4998V10.6499Z" fill="#FAB446"/>
+<path d="M4.7999 15.2998H3.1499V15.7498H4.7999V15.2998Z" fill="#5064AA"/>
+<path d="M10.95 14.8501H9.75V15.3001H10.95V14.8501Z" fill="#FAB446"/>
+<path d="M10.9498 15.2998H9.2998V15.7498H10.9498V15.2998Z" fill="#5064AA"/>
+<path d="M8.4001 10.0498H5.8501V10.4998H8.4001V10.0498Z" fill="#FAB446"/>
+<path d="M7.3499 8.7002H6.8999V10.0502H7.3499V8.7002Z" fill="#FFB441"/>
+<path d="M6.6 9.4502C6.3 9.4502 6 9.1502 6 8.7002C6 8.2502 6.3 7.9502 6.6 7.9502C6.9 7.9502 7.2 8.2502 7.2 8.7002C7.2 9.1502 6.9 9.4502 6.6 9.4502ZM6.6 8.40019C6.45 8.40019 6.45 8.5502 6.45 8.7002C6.45 8.8502 6.6 9.0002 6.6 9.0002C6.75 9.0002 6.75 8.8502 6.75 8.7002C6.75 8.5502 6.75 8.40019 6.6 8.40019Z" fill="#F5F5F5"/>
+<path d="M7.4999 9.4502C7.1999 9.4502 6.8999 9.1502 6.8999 8.7002C6.8999 8.2502 7.1999 7.9502 7.4999 7.9502C7.7999 7.9502 8.0999 8.2502 8.0999 8.7002C8.0999 9.1502 7.7999 9.4502 7.4999 9.4502ZM7.4999 8.40019C7.3499 8.40019 7.3499 8.5502 7.3499 8.7002C7.3499 8.8502 7.4999 9.0002 7.4999 9.0002C7.6499 9.0002 7.6499 8.8502 7.6499 8.7002C7.6499 8.5502 7.4999 8.40019 7.4999 8.40019Z" fill="#F5F5F5"/>
+<path d="M8.2499 9.8999C7.9499 9.8999 7.6499 9.5999 7.6499 9.1499C7.6499 8.6999 7.9499 8.3999 8.2499 8.3999C8.5499 8.3999 8.8499 8.6999 8.8499 9.1499C8.8499 9.5999 8.5499 9.8999 8.2499 9.8999ZM8.2499 8.84991C8.0999 8.84991 8.0999 8.9999 8.0999 9.1499C8.0999 9.2999 8.2499 9.4499 8.2499 9.4499C8.2499 9.4499 8.3999 9.2999 8.3999 9.1499C8.5499 8.9999 8.3999 8.84991 8.2499 8.84991Z" fill="#F5F5F5"/>
+<path d="M5.85 9.8999C5.55 9.8999 5.25 9.5999 5.25 9.1499C5.25 8.6999 5.55 8.3999 5.85 8.3999C6.15 8.3999 6.45 8.6999 6.45 9.1499C6.45 9.5999 6.15 9.8999 5.85 9.8999ZM5.85 8.84991C5.7 8.84991 5.7 8.9999 5.7 9.1499C5.7 9.2999 5.85 9.4499 5.85 9.4499C6 9.4499 6 9.2999 6 9.1499C6 8.9999 5.85 8.84991 5.85 8.84991Z" fill="#F5F5F5"/>
+<path d="M8.25 13.9501V14.2501C8.25 14.4001 8.1 14.5501 8.1 14.5501C7.95 14.5501 7.95 14.4001 7.95 14.2501V13.9501H8.25ZM8.7 13.3501H7.5V14.1001C7.5 14.5501 7.8 14.8501 8.1 14.8501C8.4 14.8501 8.7 14.5501 8.7 14.1001V13.3501Z" fill="#FAB446"/>
+<path d="M8.0999 12.4501C7.7999 12.4501 7.6499 12.3001 7.6499 12.0001V11.5501C7.6499 11.2501 7.7999 11.1001 8.0999 11.1001C8.3999 11.1001 8.5499 11.2501 8.5499 11.5501V12.0001C8.5499 12.3001 8.2499 12.4501 8.0999 12.4501Z" fill="#FFA0D2"/>
+<path d="M7.6502 12.8999C7.6502 13.3499 7.35019 13.6499 7.05019 13.6499C6.75019 13.6499 6.4502 13.3499 6.4502 12.8999C6.4502 12.4499 6.75019 12.1499 7.05019 12.1499C7.35019 12.2999 7.6502 12.5999 7.6502 12.8999Z" fill="#5064AA"/>
+<path d="M7.3499 7.7998H6.8999V9.1498H7.3499V7.7998Z" fill="#FAB446"/>
+<path d="M5.8499 10.0502L5.3999 9.6002L5.6999 9.3002C5.9999 9.0002 6.4499 8.7002 7.0499 8.7002C7.6499 8.7002 8.0999 9.0002 8.3999 9.3002L8.6999 9.6002L8.2499 10.0502H5.8499Z" fill="#C8414B"/>
+<path d="M7.1999 9.59981C7.1999 9.74981 7.0499 9.8998 7.0499 9.8998C6.8999 9.8998 6.8999 9.74981 6.8999 9.59981C6.8999 9.44981 7.0499 9.2998 7.0499 9.2998C7.1999 9.4498 7.1999 9.44981 7.1999 9.59981Z" fill="#FFD250"/>
+<path d="M6.4499 9.59981C6.4499 9.74981 6.2999 9.8998 6.2999 9.8998C6.1499 9.8998 6.1499 9.74981 6.1499 9.59981C6.1499 9.44981 6.2999 9.2998 6.2999 9.2998C6.2999 9.4498 6.4499 9.44981 6.4499 9.59981Z" fill="#FFD250"/>
+<path d="M8.0998 9.59981C8.0998 9.74981 7.94981 9.8998 7.94981 9.8998C7.79981 9.8998 7.7998 9.74981 7.7998 9.59981C7.7998 9.44981 7.94981 9.2998 7.94981 9.2998C7.94981 9.4498 8.0998 9.44981 8.0998 9.59981Z" fill="#FFD250"/>
+<path d="M5.3998 12H3.2998V12.45H5.3998V12Z" fill="#C8414B"/>
+<path d="M3.2998 13.9499L4.4998 13.3499V12.8999L3.2998 13.3499V13.9499Z" fill="#C8414B"/>
+</svg>

packages/public/images/flags/fi.react.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 21L0 21L0 3.90001C0 3.30001 0.15 3 0.45 3L23.55 3C23.85 3 24 3.30001 24 3.90001L24 21Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9 3L6 3L6 10.5H0.45C0.15 10.5 0 10.55 0 10.65L0 13.5H6L6 20.1C6 20.7 6.01875 21 6.05625 21H8.94375C8.98125 21 9 20.7 9 20.1L9 13.5L24 13.5V10.65C24 10.55 23.85 10.5 23.55 10.5L9 10.5L9 3Z" fill="#010957"/>
+</svg>

packages/public/images/flags/fr.react.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.5 21H0.416667C0.138889 21 0 20.85 0 20.55V3.45C0 3.15 0.138889 3 0.416667 3H7.5V21Z" fill="#41479B"/>
+<path d="M16.5 3H7.5V21H16.5V3Z" fill="#F5F5F5"/>
+<path d="M23.55 21H16.5V3H23.55C23.85 3 24 3.15 24 3.45V20.55C24 20.85 23.85 21 23.55 21Z" fill="#FF4B55"/>
+</svg>

packages/public/images/flags/hy-AM.react.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 9L0 9L0 3.45C0 3.15 0.15 3 0.45 3L23.55 3C23.85 3 24 3.15 24 3.45V9Z" fill="#FF4B55"/>
+<path d="M23.55 21L0.45 21C0.15 21 0 20.85 0 20.55L0 15L24 15V20.55C24 20.85 23.85 21 23.55 21Z" fill="#FFB400"/>
+<path d="M24 9L0 9L0 15L24 15V9Z" fill="#41479B"/>
+</svg>

packages/public/images/flags/it.react.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 21H0.48C0.16 21 0 20.85 0 20.55L0 3.45C0 3.15 0.16 3 0.48 3L8 3L8 21Z" fill="#2C945D"/>
+<path d="M16 3L8 3L8 21H16L16 3Z" fill="#F5F5F5"/>
+<path d="M23.5787 21H16L16 3L23.5787 3C23.8596 3 24 3.15 24 3.45L24 20.55C23.8596 20.85 23.7191 21 23.5787 21Z" fill="#FF4B55"/>
+</svg>

packages/public/images/flags/ja-JP.react.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 21L0 21L0 3H0.45L24 3V4.34995L24 21Z" fill="#F5F5F5"/>
+<circle cx="12" cy="12" r="6" fill="#D00008"/>
+</svg>

packages/public/images/flags/ko-KR.react.svg

@@ -0,0 +1,23 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 20.999H0V4.599C0 3.799 0.15 2.99902 0.45 2.99902H23.55C23.85 2.99902 24 3.799 24 4.599V20.999Z" fill="#F5F5F5"/>
+<path d="M14.534 8.09558C12.3747 6.61732 9.45826 7.2217 8.01971 9.43521C7.29815 10.54 7.59146 12.0413 8.67101 12.7805C9.74976 13.5196 11.2801 13.8578 11.9999 12.7491C12.7196 11.6404 14.1047 10.7056 15.1834 11.4408C16.2639 12.18 16.5545 13.6812 15.8337 14.7861C17.2732 12.5689 16.6914 9.57389 14.534 8.09558Z" fill="#FF4B55"/>
+<path d="M8.049 9.41206C7.3274 10.5166 7.62072 12.0175 8.70033 12.7564C9.77914 13.4953 11.2364 13.1952 11.9562 12.0868C12.676 10.9785 14.1343 10.6821 15.213 11.4171C16.2936 12.1561 16.5842 13.6569 15.8634 14.7615C14.4258 16.982 11.5101 17.5787 9.35075 16.1008C7.19335 14.6231 6.60947 11.6289 8.049 9.41206Z" fill="#41479B"/>
+<path d="M17.8092 5.91538L18.8011 7.28815C18.8844 7.40349 18.8507 7.55921 18.7257 7.63627L18.4742 7.79136C18.3487 7.86871 18.1788 7.83761 18.0951 7.72187L17.102 6.34945C17.0184 6.23399 17.0523 6.07799 17.1776 6.00093L17.4304 5.84555C17.5559 5.76837 17.7256 5.7997 17.8092 5.91538Z" fill="#464655"/>
+<path d="M19.3395 8.03221L20.3346 9.40412C20.4186 9.51997 20.3843 9.67672 20.258 9.75349L20.0054 9.90722C19.8801 9.98354 19.7114 9.95216 19.6279 9.83716L18.6335 8.46667C18.5497 8.35128 18.5833 8.19516 18.7087 8.11798L18.9608 7.96283C19.0861 7.88566 19.2557 7.9167 19.3395 8.03221Z" fill="#464655"/>
+<path d="M18.8711 5.26287L21.3965 8.75277C21.4801 8.86828 21.4462 9.02434 21.3207 9.10134L21.067 9.25706C20.9416 9.33407 20.772 9.30286 20.6884 9.18735L18.1621 5.69768C18.0784 5.58211 18.1124 5.42594 18.238 5.34893L18.4925 5.19293C18.618 5.11621 18.7874 5.14736 18.8711 5.26287Z" fill="#464655"/>
+<path d="M19.9301 4.61124L20.9241 5.98669C21.0079 6.10254 20.9735 6.25894 20.8473 6.33566L20.5945 6.48945C20.4691 6.56577 20.3003 6.53438 20.2169 6.41916L19.2222 5.04553C19.1385 4.93002 19.1724 4.77391 19.2979 4.69684L19.5514 4.54124C19.6769 4.46423 19.8465 4.4955 19.9301 4.61124Z" fill="#464655"/>
+<path d="M21.4613 6.73225L22.4537 8.10485C22.5372 8.22024 22.5034 8.37608 22.3783 8.45314L22.1262 8.60829C22.0007 8.68552 21.8309 8.65437 21.7472 8.53863L20.7548 7.16603C20.6713 7.05064 20.7051 6.8948 20.8302 6.81774L21.0823 6.66259C21.2079 6.5853 21.3776 6.6164 21.4613 6.73225Z" fill="#464655"/>
+<path d="M4.37422 14.1627L6.89936 17.6489C6.98299 17.7643 6.94921 17.9204 6.82377 17.9974L6.57091 18.1529C6.44547 18.23 6.27593 18.1989 6.19218 18.0833L3.66703 14.5972C3.58335 14.4817 3.61718 14.3257 3.74262 14.2486L3.99554 14.0931C4.12092 14.016 4.29053 14.0472 4.37422 14.1627Z" fill="#464655"/>
+<path d="M3.31391 14.8146L4.30531 16.1839C4.38887 16.2993 4.35516 16.4551 4.23003 16.5322L3.97853 16.6873C3.85316 16.7646 3.68343 16.7335 3.59961 16.6179L2.60704 15.249C2.52329 15.1336 2.55706 14.9774 2.6825 14.9003L2.93524 14.7449C3.06062 14.6679 3.23022 14.699 3.31391 14.8146Z" fill="#464655"/>
+<path d="M4.84599 16.9319L5.83851 18.3047C5.92201 18.4201 5.88818 18.576 5.76292 18.653L5.51068 18.8083C5.38518 18.8855 5.21551 18.8544 5.13176 18.7387L4.13863 17.3662C4.05506 17.2508 4.0889 17.0947 4.21421 17.0177L4.46707 16.8623C4.59264 16.785 4.7623 16.8162 4.84599 16.9319Z" fill="#464655"/>
+<path d="M2.25432 15.4665L4.77785 18.9528C4.86142 19.0682 4.82758 19.2241 4.70245 19.3012L4.45027 19.4565C4.32483 19.5337 4.15516 19.5026 4.07141 19.387L1.54639 15.9011C1.4627 15.7856 1.49666 15.6295 1.6221 15.5525L1.87583 15.3967C2.00114 15.3197 2.17069 15.3509 2.25432 15.4665Z" fill="#464655"/>
+<path d="M3.6674 9.40426L6.19217 5.91526C6.27586 5.79964 6.44546 5.76843 6.57096 5.84555L6.82376 6.00098C6.94914 6.07804 6.98291 6.2341 6.89935 6.34956L4.37359 9.83662C4.29009 9.95184 4.12117 9.98317 3.99579 9.90673L3.74398 9.75323C3.61792 9.67645 3.58365 9.51999 3.6674 9.40426Z" fill="#464655"/>
+<path d="M2.60689 8.75306L5.1321 5.26338C5.21579 5.14775 5.38552 5.11654 5.51102 5.19378L5.7632 5.34904C5.8884 5.4261 5.92217 5.58199 5.83867 5.69739L3.31413 9.18724C3.23045 9.30286 3.06084 9.33413 2.93534 9.25695L2.68248 9.10152C2.55716 9.02451 2.52332 8.86851 2.60689 8.75306Z" fill="#464655"/>
+<path d="M1.54573 8.10427L4.07118 4.61113C4.15487 4.49545 4.32466 4.46418 4.45016 4.54141L4.70234 4.69667C4.82747 4.77374 4.86131 4.92946 4.77793 5.04491L2.25403 8.53857C2.17046 8.65419 2.00079 8.68557 1.87529 8.60851L1.62169 8.45279C1.49619 8.37579 1.46229 8.21978 1.54573 8.10427Z" fill="#464655"/>
+<path d="M17.1022 17.6482L18.0947 16.2793C18.1785 16.1637 18.3483 16.1327 18.4737 16.21L18.7252 16.365C18.8503 16.4421 18.8839 16.598 18.8004 16.7134L17.809 18.0826C17.7253 18.1982 17.5557 18.2294 17.4302 18.1523L17.1775 17.9969C17.0522 17.9198 17.0184 17.7638 17.1022 17.6482Z" fill="#464655"/>
+<path d="M18.6336 15.5387L19.6278 14.1629C19.7114 14.0473 19.881 14.016 20.0065 14.093L20.2599 14.2485C20.3854 14.3256 20.4193 14.4818 20.3356 14.5973L19.3393 15.9709C19.2557 16.0861 19.0868 16.1173 18.9614 16.0408L18.7101 15.8875C18.5843 15.8106 18.55 15.6543 18.6336 15.5387Z" fill="#464655"/>
+<path d="M18.162 18.3039L19.1552 16.9314C19.2389 16.8158 19.4084 16.7845 19.5339 16.8616L19.7878 17.0175C19.9132 17.0945 19.9471 17.2504 19.8635 17.366L18.871 18.7387C18.7874 18.8542 18.618 18.8856 18.4924 18.8086L18.2379 18.6526C18.1124 18.5757 18.0784 18.4195 18.162 18.3039Z" fill="#464655"/>
+<path d="M19.6945 16.1832L20.6883 14.8139C20.772 14.6985 20.9414 14.6674 21.0667 14.7444L21.3205 14.9001C21.446 14.9772 21.4799 15.1334 21.396 15.249L20.4022 16.6184C20.3186 16.7337 20.1491 16.7648 20.0238 16.6879L19.77 16.5321C19.6445 16.455 19.6106 16.2988 19.6945 16.1832Z" fill="#464655"/>
+<path d="M19.2228 18.9521L20.2171 17.5819C20.3006 17.467 20.4693 17.4356 20.5946 17.5119L20.8474 17.6657C20.9735 17.7425 21.0079 17.899 20.924 18.0149L19.9304 19.3868C19.8468 19.5024 19.6773 19.5335 19.5518 19.4566L19.2984 19.301C19.1728 19.2238 19.139 19.0676 19.2228 18.9521Z" fill="#464655"/>
+<path d="M20.7548 16.8384L21.7466 15.4666C21.8303 15.3509 22.0001 15.3196 22.1256 15.3969L22.3775 15.552C22.5027 15.6291 22.5364 15.7851 22.4528 15.9005L21.4601 17.2704C21.3767 17.3857 21.2076 17.417 21.0822 17.3404L20.8311 17.1872C20.7053 17.1104 20.6711 16.9541 20.7548 16.8384Z" fill="#464655"/>
+</svg>

packages/public/images/flags/lo-LA.react.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 7.5L0 7.5L0 3.3375C0 3.1125 0.15 3 0.45 3L23.55 3C23.85 3 24 3.1125 24 3.3375V7.5Z" fill="#CE1126"/>
+<path d="M23.55 21L0.45 21C0.15 21 0 20.8875 0 20.6625L0 16.5L24 16.5V20.6625C24 20.8875 23.85 21 23.55 21Z" fill="#CE1126"/>
+<path d="M24 7.5L0 7.5L0 16.5L24 16.5V7.5Z" fill="#003580"/>
+<circle cx="12" cy="12" r="3" fill="white"/>
+</svg>

packages/public/images/flags/lv.react.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 21L24 21L24 3L0 3L0 21Z" fill="#9C232B"/>
+<path d="M24 13.5L0 13.5L0 10.65C0 10.55 0.15 10.5 0.45 10.5L23.55 10.5C23.85 10.5 24 10.55 24 10.65V13.5Z" fill="white"/>
+</svg>

packages/public/images/flags/nl.react.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 15L0 15L0 8.84999C0 8.54999 0.15 8.25 0.45 8.25L23.55 8.25C23.85 8.25 24 8.54999 24 8.84999V15Z" fill="#F5F5F5"/>
+<path d="M24 2.99902L0 2.99902C0 2.99902 3.25553e-05 3.39898 3.25553e-05 3.66562L3.25553e-05 8.99902L24 8.99902V3.66562C24 3.39898 24 2.99902 24 2.99902Z" fill="#FF4B55"/>
+<path d="M24 21L0 21L0 15L24 15V21Z" fill="#41479B"/>
+</svg>

packages/public/images/flags/pl.react.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 21L0 21L0 12.45C0 12.15 0.15 12 0.45 12L23.55 12C23.85 12 24 12.15 24 12.45V21Z" fill="#FF4B55"/>
+<path d="M0 3L24 3V11.55C24 11.85 23.85 12 23.55 12L0.45 12C0.15 12 0 11.85 0 11.55L0 3Z" fill="#F5F5F5"/>
+</svg>

packages/public/images/flags/pt-BR.react.svg

@@ -0,0 +1,17 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.55 21L0.45 21C0.15 21 0 20.85 0 20.55L0 3.45C0 3.15 0.15 3 0.45 3L23.55 3C23.85 3 24 3.15 24 3.45L24 20.55C24 20.85 23.85 21 23.55 21Z" fill="#73AF00"/>
+<path d="M11.8499 6.2998L2.9999 11.6998C2.6999 11.8498 2.6999 12.2998 2.9999 12.4498L11.6999 17.6998C11.8499 17.8498 11.9999 17.8498 12.1499 17.6998L20.8499 12.4498C21.1499 12.2998 21.1499 11.8498 20.8499 11.6998L12.1499 6.44981C12.1499 6.29981 11.8499 6.2998 11.8499 6.2998Z" fill="#FFE15A"/>
+<path d="M15.3002 12.0002C15.3002 13.8002 13.8002 15.3002 12.0002 15.3002C10.2002 15.3002 8.7002 13.8002 8.7002 12.0002C8.7002 10.2002 10.2002 8.7002 12.0002 8.7002C13.8002 8.7002 15.3002 10.2002 15.3002 12.0002Z" fill="#41479B"/>
+<path d="M9.1501 10.3498C9.0001 10.6498 8.8501 10.9499 8.8501 11.2499C10.6501 11.0999 13.3501 11.6998 15.1501 13.3498C15.3001 13.0498 15.3001 12.7499 15.3001 12.4499C13.5001 10.7999 11.1001 10.1998 9.1501 10.3498Z" fill="#F5F5F5"/>
+<path d="M12.15 13.1999L12.3 13.4999H12.6L12.45 13.6499L12.6 13.9499L12.3 13.7999L12 13.9499L12.15 13.6499L12 13.4999H12.3L12.15 13.1999C12.15 13.0499 12.15 13.0499 12.15 13.1999Z" fill="#F5F5F5"/>
+<path d="M13.2 13.7998L13.35 13.9498H13.2V14.0998H13.05H12.9V13.9498H12.75L13.2 13.7998Z" fill="#F5F5F5"/>
+<path d="M11.7 12.6001L11.85 12.7501H11.7V12.9001H11.55H11.4V12.7501H11.25L11.7 12.6001Z" fill="#F5F5F5"/>
+<path d="M9.5999 12.4502L9.7499 12.6002H9.5999V12.7502H9.4499H9.2999V12.6002H9.1499L9.5999 12.4502Z" fill="#F5F5F5"/>
+<path d="M11.4002 13.7998L11.5502 13.9498H11.4002V14.0998H11.2502H11.1002V13.9498H10.9502L11.4002 13.7998C11.2502 13.7998 11.2502 13.7998 11.4002 13.7998Z" fill="#F5F5F5"/>
+<path d="M10.3499 12.4502C10.4999 12.4502 10.4999 12.4502 10.3499 12.4502V12.6002V12.7502H10.1999H10.0499V12.6002H9.8999L10.3499 12.4502Z" fill="#F5F5F5"/>
+<path d="M13.3499 10.5L13.4999 10.65H13.3499V10.8H13.1999H13.0499V10.65H12.8999L13.3499 10.5Z" fill="#F5F5F5"/>
+<path d="M9.7498 11.8501C9.8998 12.0001 9.8998 12.0001 9.7498 11.8501V12.0001V12.1501H9.5998H9.44981V12.0001H9.2998L9.7498 11.8501Z" fill="#F5F5F5"/>
+<path d="M10.2 13.2002L10.35 13.3502L10.2 13.5002V13.6502L10.05 13.5002L9.9 13.6502V13.5002L9.75 13.3502L10.2 13.2002Z" fill="#F5F5F5"/>
+<path d="M13.8001 13.7998C13.9501 13.9498 13.9501 13.9498 13.8001 13.7998V13.9498V14.0998H13.6501H13.5001V13.9498H13.3501C13.6501 13.9498 13.6501 13.9498 13.8001 13.7998Z" fill="#F5F5F5"/>
+<path d="M14.0999 13.2002L14.2499 13.3502H14.0999V13.5002H13.9499H13.7999V13.3502H13.6499L14.0999 13.2002Z" fill="#F5F5F5"/>
+</svg>

packages/public/images/flags/pt.react.svg

@@ -0,0 +1,29 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 21L4.372e-05 21L0 3.45C0 3.15 0.15 3 0.45 3L24 3C24 3 24 3.15 24 3.45L24 20.55C24 20.85 24 21 24 21Z" fill="#E92737"/>
+<path d="M24 21L4.372e-05 21L0 3.45C0 3.15 0.15 3 0.45 3L24 3C24 3 24 3.15 24 3.45L24 20.55C24 20.85 24 21 24 21Z" fill="#E92737"/>
+<path d="M24 21L4.372e-05 21L0 3.45C0 3.15 0.15 3 0.45 3L24 3C24 3 24 3.15 24 3.45L24 20.55C24 20.85 24 21 24 21Z" fill="#E92737"/>
+<path d="M9.00001 21H0.168762C0.0562623 21 1.22096e-05 21 1.22096e-05 21L0 3L9.00001 3V3.44996L9.00001 21Z" fill="#0D5B2F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.8543 16.008C12.272 15.9602 5.01607 11.4228 4.96631 10.7002L5.36698 10.0308C6.0867 11.0785 13.5044 15.4912 14.233 15.3349L13.8543 16.0078" fill="#FFFF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.28242 9.94003C5.14047 10.3228 7.17582 11.5834 9.62469 13.0756C12.0735 14.5677 14.185 15.4897 14.3415 15.3575C14.351 15.3404 14.4185 15.2242 14.4123 15.2251C14.3829 15.2694 14.3115 15.2834 14.2001 15.2512C13.5385 15.06 11.813 14.2665 9.67604 12.9682C7.53914 11.6699 5.67994 10.4734 5.39097 9.96502C5.37087 9.9298 5.35655 9.86552 5.35946 9.81553L5.35244 9.81543L5.29092 9.92317L5.28246 9.94006H5.28242L5.28242 9.94003ZM13.8912 16.0292C13.8644 16.0779 13.8144 16.0796 13.7193 16.0691C13.1275 16.0035 11.3315 15.1285 9.20637 13.854C6.73362 12.3711 4.69141 11.0199 4.91297 10.6667L4.97325 10.5599L4.98512 10.5636C4.78589 11.1621 9.01548 13.585 9.26449 13.7395C11.7118 15.2585 13.775 16.1455 13.9576 15.915L13.8912 16.0294V16.0293L13.8912 16.0292Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.76537 11.1381C11.3491 11.1255 13.3035 10.9213 14.4282 10.4722L14.1859 10.0777C13.5211 10.4464 11.556 10.6887 9.75198 10.725C7.61833 10.7053 6.11226 10.5063 5.35765 9.99902L5.12891 10.4191C6.51608 11.0071 7.93756 11.132 9.76538 11.1381" fill="#FFFF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.4933 10.4808C14.4546 10.5429 13.7211 10.7963 12.6406 10.9833C11.9079 11.0952 10.9522 11.1909 9.75958 11.192C8.62649 11.1931 7.70087 11.1123 7.00011 11.0171C5.86582 10.839 5.28039 10.591 5.06396 10.5034C5.08466 10.4622 5.09796 10.4333 5.11792 10.3948C5.74095 10.6433 6.3291 10.7931 7.01813 10.8993C7.71428 10.9938 8.62875 11.0758 9.75623 11.0747C10.9433 11.0735 11.8885 10.9706 12.6169 10.862C13.7249 10.6829 14.3302 10.4525 14.4152 10.3455L14.4933 10.4808ZM14.2806 10.0809C14.1605 10.1775 13.5621 10.3901 12.5093 10.5585C11.8066 10.6594 10.9132 10.7497 9.77176 10.7508C8.68733 10.7519 7.80137 10.6787 7.12747 10.5803C6.05824 10.4404 5.48915 10.1881 5.28399 10.1145C5.3044 10.0791 5.32519 10.0441 5.34653 10.0088C5.50617 10.0894 6.05536 10.3127 7.13921 10.4665C7.80546 10.5612 8.69279 10.6317 9.77182 10.6306C10.9079 10.6294 11.7911 10.5374 12.4893 10.4371C13.5476 10.2912 14.1171 10.02 14.2036 9.95215L14.2806 10.0809Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.56372 13.0496C5.53784 13.5745 7.7014 13.839 9.74879 13.8572C11.613 13.8602 14.0416 13.5685 14.9497 13.0864L14.9248 12.561C14.6406 13.0059 12.0381 13.4326 9.72857 13.4151C7.41908 13.3976 5.27447 13.0403 4.55957 12.5777L4.56373 13.0495" fill="#FFFF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9994 12.974L14.9995 13.0993C14.863 13.2628 14.0071 13.5099 12.9338 13.6839C12.117 13.8094 11.0521 13.904 9.72508 13.904C8.46439 13.904 7.45905 13.814 6.67941 13.6941C5.44701 13.5143 4.65872 13.1995 4.50049 13.1055L4.50118 12.9593C4.9765 13.2759 6.26427 13.5075 6.6967 13.5784C7.47127 13.6975 8.47064 13.7869 9.72503 13.7869C11.0458 13.7869 12.1048 13.6929 12.9165 13.5683C13.6865 13.4568 14.7834 13.167 14.9994 12.9741H14.9994L14.9994 12.974ZM15 12.5284L15 12.6537C14.8635 12.8171 14.0076 13.0642 12.9344 13.2382C12.1175 13.3637 11.0526 13.4583 9.7256 13.4583C8.46492 13.4583 7.45958 13.3684 6.67993 13.2484C5.44753 13.0687 4.65925 12.7538 4.50101 12.6598L4.5017 12.5137C4.97702 12.8302 6.2648 13.0619 6.69723 13.1326C7.47179 13.2519 8.47116 13.3413 9.72556 13.3413C11.0463 13.3413 12.1053 13.2472 12.917 13.1225C13.687 13.0111 14.784 12.7213 14.9999 12.5283L15 12.5284L15 12.5284Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.74543 15.9179C7.50513 15.9045 5.58553 15.3061 5.18018 15.2072L5.47576 15.6708C6.19177 15.9725 8.06449 16.4222 9.76692 16.3724C11.4694 16.3226 12.9573 16.1905 14.0058 15.6792L14.3088 15.1987C13.5943 15.5359 11.1626 15.9144 9.74541 15.9179" fill="#FFFF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1195 15.5715C14.075 15.6397 14.0296 15.707 13.9835 15.7725C13.489 15.9472 12.7098 16.1306 12.3809 16.1841C11.7093 16.3227 10.67 16.4251 9.74772 16.4256C7.76313 16.3965 6.13864 16.0073 5.3744 15.6753L5.31274 15.5691L5.32281 15.5531L5.42738 15.5937C6.78648 16.0809 8.31292 16.2752 9.7589 16.3101C10.6775 16.3133 11.5971 16.2046 12.3407 16.0714C13.481 15.8425 13.9421 15.67 14.0836 15.5918L14.1195 15.5715H14.1195L14.1195 15.5715ZM14.3823 15.1373C14.3835 15.1386 14.3846 15.1399 14.3857 15.1414C14.3524 15.1977 14.3181 15.255 14.283 15.3126C14.0192 15.407 13.3034 15.6168 12.2581 15.7633C11.5694 15.8573 11.1413 15.9483 9.77127 15.9749C7.20398 15.9095 5.54178 15.4066 5.14691 15.2826L5.08838 15.1701C6.57622 15.5592 8.096 15.8308 9.77135 15.8586C11.0248 15.8319 11.5581 15.7394 12.2411 15.6461C13.4599 15.4562 14.0741 15.2552 14.2584 15.1971C14.2561 15.1938 14.2533 15.1903 14.2503 15.1867L14.3824 15.1372L14.3823 15.1373L14.3823 15.1373Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.4084 12.6351C14.4156 14.1115 13.6615 15.4365 13.054 16.021C12.1946 16.8479 11.0551 17.3799 9.72443 17.4044C8.23848 17.4317 6.83738 16.4612 6.46157 16.0348C5.72682 15.2013 5.12862 14.1428 5.10945 12.7162C5.20046 11.1048 5.83189 9.98229 6.74719 9.21254C7.66248 8.44279 8.8812 8.06792 9.89617 8.09473C11.0672 8.12569 12.4352 8.70123 13.3804 9.84381C13.9996 10.5924 14.2678 11.4048 14.4084 12.6351ZM9.73705 7.57959C12.5908 7.57959 14.9379 9.9062 14.9379 12.759C14.9379 15.6117 12.5908 17.9384 9.73705 17.9384C6.88326 17.9384 4.55566 15.6117 4.55566 12.759C4.55566 9.9062 6.88326 7.57959 9.73705 7.57959" fill="#FFFF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.75093 7.56152C12.6073 7.56152 14.9369 9.89574 14.9369 12.7576C14.9369 15.6195 12.6073 17.9537 9.75093 17.9537C6.89455 17.9537 4.56494 15.6196 4.56494 12.7576C4.56494 9.89574 6.8946 7.56152 9.75093 7.56152V7.56152ZM4.67907 12.7577C4.67907 15.5525 6.96987 17.8394 9.75093 17.8394C12.532 17.8394 14.8228 15.5525 14.8228 12.7577C14.8228 9.96278 12.532 7.67583 9.75093 7.67583C6.96987 7.67583 4.67907 9.96288 4.67907 12.7577Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.75566 7.99365C12.3605 7.99365 14.506 10.1357 14.506 12.7533C14.506 15.3709 12.3604 17.5129 9.75566 17.5129C7.15092 17.5129 5.00537 15.3709 5.00537 12.7533C5.00537 10.1357 7.15097 7.99365 9.75566 7.99365V7.99365ZM5.11945 12.7533C5.11945 15.308 7.21346 17.3985 9.75566 17.3985C12.2979 17.3985 14.3919 15.308 14.3919 12.7533C14.3919 10.1985 12.2979 8.10796 9.75566 8.10796C7.21346 8.10796 5.11945 10.1985 5.11945 12.7533Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.96441 7.66162H9.51914L9.51758 17.8388H9.96437L9.96441 7.66162Z" fill="#FFFF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.92188 7.5H10.0352L10.0351 17.9999H9.92171L9.92188 7.5ZM9.47997 7.50009H9.59419L9.59331 18H9.479L9.47997 7.50009Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.9403 12.9588V12.5729L14.6266 12.2801L12.8457 11.8078L10.2792 11.5454L7.18894 11.7028L4.98908 12.2276L4.54492 12.5571V12.9432L5.66999 12.4375L8.34125 12.0177H10.9077L12.7933 12.2276L14.1028 12.5424L14.9403 12.9588Z" fill="#FFFF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.75275 11.9535C10.9775 11.9512 12.1658 12.0697 13.1083 12.2536C14.0809 12.4484 14.7654 12.692 14.9994 12.9657L14.9992 13.1012C14.7169 12.7607 13.7959 12.511 13.0864 12.3683C12.1511 12.186 10.9707 12.0683 9.75275 12.0705C8.46751 12.073 7.27073 12.1949 6.34904 12.3751C5.60946 12.5221 4.62314 12.8142 4.5 13.1023V12.9612C4.56762 12.7617 5.30206 12.4637 6.33238 12.2571C7.26099 12.0757 8.45996 11.9558 9.75275 11.9535V11.9535ZM9.75328 11.5078C10.978 11.5056 12.1663 11.6242 13.1089 11.808C14.0815 12.0029 14.7659 12.2464 15 12.5201L14.9997 12.6556C14.7175 12.3151 13.7964 12.0654 13.087 11.9227C12.1516 11.7404 10.9713 11.6227 9.75328 11.625C8.46803 11.6273 7.27707 11.7494 6.35527 11.9295C5.64157 12.065 4.61497 12.3686 4.50047 12.6567V12.5156C4.5681 12.3183 5.31741 12.0096 6.33291 11.8115C7.26151 11.6301 8.46049 11.5103 9.75328 11.5079V11.5078Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.72939 9.23462C11.6595 9.22495 13.3429 9.50499 14.1131 9.90026L14.3941 10.3872C13.7246 10.0257 11.9084 9.64991 9.73221 9.70611C7.95902 9.71703 6.06437 9.90169 5.11377 10.4098L5.44917 9.84784C6.22933 9.44252 8.0692 9.23687 9.72946 9.23472" fill="#FFFF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.75478 9.63671C10.8556 9.63379 11.9193 9.69599 12.7653 9.8489C13.5531 9.99579 14.3044 10.2163 14.4118 10.3348L14.4951 10.4823C14.2338 10.3114 13.5837 10.1211 12.7489 9.96247C11.9105 9.80461 10.8475 9.75231 9.75285 9.75518C8.51034 9.75093 7.54501 9.81664 6.71655 9.96136C5.84037 10.1256 5.23248 10.3602 5.08252 10.4717L5.16414 10.3159C5.45552 10.1669 5.91786 9.98741 6.69478 9.84728C7.55152 9.69049 8.52711 9.64347 9.75485 9.63671H9.75481L9.75478 9.63671ZM9.75431 9.1915C10.8078 9.18872 11.848 9.24754 12.6588 9.39356C13.2982 9.51828 13.9307 9.71298 14.1622 9.88625L14.284 10.0802C14.077 9.84955 13.2974 9.63102 12.6093 9.50861C11.8047 9.36959 10.8078 9.31456 9.75429 9.30577C8.64869 9.30887 7.62696 9.37671 6.83411 9.52134C6.07773 9.66554 5.58962 9.83627 5.38309 9.9696L5.49021 9.80762C5.77522 9.6573 6.23565 9.51925 6.81553 9.40638C7.61424 9.26069 8.64226 9.1946 9.75434 9.1915H9.75431Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3308 14.9176C11.3765 14.7392 10.4206 14.7133 9.7529 14.7211C6.53657 14.7589 5.49756 15.3828 5.37075 15.5717L5.13037 15.1791C5.94924 14.5845 7.70068 14.251 9.77032 14.2851C10.845 14.3027 11.7724 14.3742 12.5526 14.5256L12.3307 14.9177" fill="#FFFF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.73442 14.6654C10.6291 14.6788 11.5074 14.7158 12.355 14.8742L12.2936 14.9828C11.5064 14.8372 10.6671 14.7815 9.73746 14.786C8.55043 14.7767 7.34983 14.8878 6.30459 15.1883C5.97478 15.2803 5.42878 15.4927 5.37311 15.6682L5.31204 15.5673C5.32964 15.4636 5.65963 15.2482 6.27652 15.0746C7.47376 14.7311 8.59365 14.6732 9.73443 14.6654V14.6655L9.73442 14.6654ZM9.77503 14.2144C10.702 14.2317 11.6593 14.2747 12.5898 14.4593L12.5259 14.5723C11.6856 14.4052 10.8828 14.3495 9.7805 14.3325C8.58969 14.3347 7.32656 14.4198 6.17807 14.7543C5.80729 14.8625 5.16735 15.0964 5.14603 15.2816L5.08496 15.1732C5.09886 15.005 5.65284 14.7856 6.15126 14.6403C7.3086 14.3032 8.57503 14.2165 9.77505 14.2144L9.77503 14.2144Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.3434 15.2388L13.9569 15.8395L12.8465 14.8515L9.96568 12.91L6.71827 11.1258L5.03223 10.5481L5.39154 9.88061L5.51358 9.81396L6.56113 10.0763L10.0181 11.8605L12.0084 13.1199L13.6845 14.3268L14.3654 15.1139L14.3434 15.2388Z" fill="#FFFF00"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.97156 10.5642C5.26729 10.3632 7.44059 11.3332 9.71461 12.7069C11.9826 14.0846 14.1498 15.6413 13.9542 15.9326L13.8898 16.034L13.8603 16.0574C13.8666 16.0528 13.8992 16.0129 13.8571 15.9049C13.7605 15.5863 12.2232 14.3574 9.67245 12.8144C7.18583 11.3289 5.11346 10.4336 4.90625 10.6895L4.97156 10.5641H4.97152L4.97156 10.5642ZM14.4226 15.2305C14.6096 14.8605 12.5938 13.3392 10.0945 11.8579C7.5378 10.4062 5.6951 9.55161 5.35853 9.80642L5.28374 9.94281C5.28309 9.95031 5.28647 9.93351 5.30227 9.92129C5.36347 9.86779 5.46491 9.8714 5.51069 9.87057C6.09024 9.87927 7.74548 10.6424 10.0678 11.9763C11.0854 12.57 14.3665 14.6782 14.354 15.2711C14.3549 15.322 14.3582 15.3325 14.3391 15.3578L14.4226 15.2306V15.2305L14.4226 15.2305Z" fill="black"/>
+<path d="M7.50053 13.932C7.50053 14.6364 7.75303 15.2734 8.1621 15.739C8.57196 16.2056 9.12894 16.5 9.74655 16.5C10.3673 16.5 10.9307 16.212 11.3388 15.7472C11.747 15.2825 11.9999 14.6411 12 13.9342L11.9999 9.00611L7.5 9L7.50053 13.932Z" fill="white"/>
+<path d="M7.5 13.949V13.951C7.5 14.6501 7.75446 15.2868 8.16268 15.749C8.57171 16.2121 9.13504 16.5 9.75131 16.5C10.3708 16.5 10.933 16.2142 11.3403 15.7528C11.7475 15.2915 11.9999 14.6549 11.9999 13.9533L11.9999 9.00083L7.50269 9L7.5 13.949ZM11.0957 10.0336L11.0958 13.7308L11.0942 13.9632C11.0942 14.0243 11.091 14.094 11.0847 14.1534C11.0482 14.5008 10.9078 14.8035 10.6998 15.0391C10.4563 15.3148 10.1202 15.4858 9.7498 15.4858C9.38135 15.4858 9.05299 15.3088 8.80846 15.0319C8.55762 14.7479 8.41223 14.3585 8.41223 13.9558L8.41171 10.028L11.0957 10.0336Z" fill="#FF0000"/>
+</svg>

packages/public/images/flags/ro.react.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 9L0 9L0 3.45C0 3.15 0.15 3 0.45 3L23.55 3C23.85 3 24 3.15 24 3.45V9Z" fill="#0047AB"/>
+<path d="M23.55 21L0.45 21C0.15 21 0 20.85 0 20.55L0 15L24 15V20.55C24 20.85 23.85 21 23.55 21Z" fill="#CE1126"/>
+<path d="M24 9L0 9L0 15L24 15V9Z" fill="#FCD116"/>
+</svg>

packages/public/images/flags/ru.react.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 9L0 9L0 3.53333C0 3.26666 0.15 3 0.45 3L23.55 3C23.85 3 24 3.26666 24 3.53333V9Z" fill="#F5F5F5"/>
+<path d="M23.55 21L0.45 21C0.15 21 0 20.7333 0 20.4667L0 15L24 15V20.4667C24 20.7333 23.85 21 23.55 21Z" fill="#FF4B55"/>
+<path d="M24 9L0 9L0 15L24 15V9Z" fill="#41479B"/>
+</svg>

packages/public/images/flags/sk.react.svg

@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 9L0 9L0 3.44998C0 3.14998 0.15 3 0.45 3L23.55 3C23.85 3 24 3.14998 24 3.44998V9Z" fill="#F5F5F5"/>
+<path d="M23.55 21L0.45 21C0.15 21 0 20.85 0 20.55L0 15L24 15V20.55C24 20.85 23.85 21 23.55 21Z" fill="#FF4B55"/>
+<path d="M24 9L0 9L0 15L24 15V9Z" fill="#41479B"/>
+<path d="M5.85 16.5C4.5 15 3 13.5 3 12L3 7.5L9 7.5V12C9 13.5 6.15 16.35 6 16.5H5.85Z" fill="#FF4B55"/>
+<path d="M7.5 11.25L6.54545 11.3906H6.27273V10.7988L6.54545 10.8281L7.22727 10.9688L7.09091 10.5469L7.22727 10.125L6.54545 10.2656H6.27273V9.98435L6.75 9H6H5.25L5.72727 9.98435V10.2656H5.59091L4.90909 10.125L5.04545 10.5469L4.90909 10.9688L5.59091 10.8281H5.72727V11.3906H5.45455L4.5 11.25L4.63636 11.6719L4.5 12.0937L5.45455 11.9532H5.72727L5.59091 13.8047H6.39844L6.27273 11.9532H6.54545L7.5 12.0937L7.36364 11.6719L7.5 11.25Z" fill="#F5F5F5"/>
+<path d="M6 13.5C5.25 13.5 4.5 14.25 4.5 15C4.5 15 4.71429 14.1 4.5 14.1C3.64286 14.1 3 14.46 3 14.94C4.28571 15.9 5.78571 16.5 5.78571 16.5H6.21429C6.21429 16.5 7.71429 15.9 9 14.94C9 14.46 8.35714 14.1 7.5 14.1C7.5 14.1 7.71429 15 7.5 15C7.5 14.25 6.64286 13.5 6 13.5Z" fill="#41479B"/>
+<path d="M9 7.5V11.7003C9 13.5 6 15 6 15C6 15 3 13.5 3 11.7003L3 7.5L9 7.5ZM10.5 6L1.5 6L1.5 12C1.5 15.15 6 16.5 6 16.8003C6 16.5 10.5 15.15 10.5 12L10.5 6Z" fill="#F5F5F5"/>
+</svg>

packages/public/images/flags/sl.react.svg

@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 9L0 9L0 3.44998C0 3.14998 0.15 3 0.45 3L23.55 3C23.85 3 24 3.14998 24 3.44998V9Z" fill="#F5F5F5"/>
+<path d="M23.55 21H0.45C0.15 21 0 20.85 0 20.55L0 15L24 15V20.55C24 20.85 23.85 21 23.55 21Z" fill="#FF4B55"/>
+<path d="M24 9L0 9L0 15L24 15V9Z" fill="#41479B"/>
+<path d="M5.85 16.5C4.5 15 3 13.5 3 12L3 7.5L9 7.5V12C9 13.5 6.15 16.35 6 16.5H5.85Z" fill="#1641D5"/>
+<path d="M7.5 11.25L6.54545 11.3906H6.27273L6.27273 10.7988L6.54545 10.8281L7.22727 10.9688L7.09091 10.5469L7.22727 10.125L6.54545 10.2656H6.27273V9.98435L6.75 9H6H5.25L5.72727 9.98435V10.2656H5.59091L4.90909 10.125L5.04545 10.5469L4.90909 10.9688L5.59091 10.8281H5.72727L5.72727 11.3906H5.45455L4.5 11.25L4.63636 11.6719L4.5 12.0937L5.45455 11.9532H5.72727L5.59091 13.8047H6.39844L6.27273 11.9532H6.54545L7.5 12.0937L7.36364 11.6719L7.5 11.25Z" fill="#F5F5F5"/>
+<path d="M6 13.5C5.25 13.5 4.5 14.25 4.5 15C4.5 15 4.71429 14.1 4.5 14.1C3.64286 14.1 3 14.46 3 14.94C4.28571 15.9 5.78571 16.5 5.78571 16.5H6.21429C6.21429 16.5 7.71429 15.9 9 14.94C9 14.46 8.35714 14.1 7.5 14.1C7.5 14.1 7.71429 15 7.5 15C7.5 14.25 6.64286 13.5 6 13.5Z" fill="#41479B"/>
+<path d="M9 7.5L9 11.7003C9 13.5 6 15 6 15C6 15 3 13.5 3 11.7003L3 7.5L9 7.5ZM10.5 6L1.5 6L1.5 12C1.5 15.15 6 16.5 6 16.8003C6 16.5 10.5 15.15 10.5 12L10.5 6Z" fill="#F5F5F5"/>
+</svg>

packages/public/images/flags/tr.react.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.55 21L0.45 21C0.15 21 0 20.85 0 20.55L0 3.45C0 3.15 0.15 3 0.45 3L23.55 3C23.85 3 24 3.15 24 3.45L24 20.55C24 20.85 23.85 21 23.55 21Z" fill="#FF4B55"/>
+<path d="M14.1002 10.5003L14.8502 11.4003L15.9002 11.1003C15.9002 11.1003 16.0502 11.1003 16.0502 11.2503L15.4502 12.1503L16.2002 13.0503V13.2003L15.1502 12.9003L14.4002 13.8003H14.2502V12.6003L13.2002 12.3003V12.1503L14.2502 11.7003L14.1002 10.5003C13.9502 10.5003 14.1002 10.3503 14.1002 10.5003Z" fill="#F5F5F5"/>
+<path d="M10.1998 15.6C8.24976 15.6 6.59976 13.95 6.59976 12C6.59976 10.05 8.24976 8.40001 10.1998 8.40001C10.9498 8.40001 11.6998 8.7 12.1498 9C12.2998 9 12.2998 8.99999 12.2998 8.84999C11.3998 7.94999 10.1998 7.5 8.84976 7.5C6.59976 7.65 4.64976 9.45 4.49976 11.7C4.34976 14.25 6.44976 16.5 8.99976 16.5C10.3498 16.5 11.3998 15.9 12.2998 15.15C12.2998 15.15 12.2998 15 12.1498 15C11.5498 15.3 10.9498 15.6 10.1998 15.6Z" fill="#F5F5F5"/>
+</svg>

packages/public/images/flags/uk-UA.react.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M24 12H0V3.675C0 3.225 0.15 3 0.45 3H23.55C23.85 3 24 3.225 24 3.675V12Z" fill="#0417C8"/>
+<path d="M23.55 21H0.45C0.15 21 0 20.775 0 20.325V12H24V20.325C24 20.775 23.85 21 23.55 21Z" fill="#FFE15A"/>
+</svg>

packages/public/images/flags/vi.react.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.55 21L0.45 21C0.15 21 0 21 0 21L0 3L24 3L24 21C24 21 23.85 21 23.55 21Z" fill="#CA1B2E"/>
+<path d="M12 6L13.2343 10.3011L17.7063 10.1459L13.9972 12.6489L15.5267 16.8541L12 14.1L8.47329 16.8541L10.0028 12.6489L6.29366 10.1459L10.7657 10.3011L12 6Z" fill="#FFD250"/>
+</svg>

packages/public/images/flags/zh-CN.react.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.55 21L0.45 21C0.15 21 0 20.85 0 20.55L0 3.45C0 3.15 0.15 3 0.45 3L23.55 3C23.85 3 24 3.15 24 3.45L24 20.55C24 20.85 23.85 21 23.55 21Z" fill="#FF4B55"/>
+<path d="M4.04983 5.85029L4.49983 7.20031L5.69983 7.20031C5.84983 7.20031 5.99983 7.5003 5.84983 7.5003L4.79983 8.40031L5.24983 9.7503C5.24983 9.9003 5.09983 10.0503 4.94983 9.90031L3.89983 9.0003L2.84983 9.90031C2.69983 10.0503 2.54983 9.9003 2.54983 9.7503L2.99983 8.40031L1.94983 7.5003C1.79983 7.3503 1.94983 7.20031 2.09983 7.20031H3.29983L3.74983 5.85029C3.74983 5.70029 3.89983 5.70029 4.04983 5.85029Z" fill="#FFE15A"/>
+<path d="M8.55019 6.15039L8.85019 6.60037L9.30019 6.45039C9.30019 6.45039 9.45019 6.45037 9.30019 6.60037L9.00019 7.05038L9.30019 7.50038V7.65039L8.85019 7.50038L8.55019 7.95039H8.4002V7.35037L7.9502 7.20039V7.05038L8.4002 6.90039L8.55019 6.15039C8.40019 6.15039 8.55019 6.15039 8.55019 6.15039Z" fill="#FFE15A"/>
+<path d="M6.75 4.79961H7.2L7.35 4.34961H7.5L7.65 4.94962H8.1C8.1 4.94962 8.25 5.09961 8.1 5.09961L7.65 5.39963L7.8 5.99962C7.8 5.99962 7.8 6.14962 7.65 5.99962L7.35 5.69962L7.05 5.99962C7.05 5.99962 6.9 5.99961 6.9 5.84961L7.05 5.39963L6.75 4.79961C6.75 4.94961 6.75 4.79961 6.75 4.79961Z" fill="#FFE15A"/>
+<path d="M7.50026 10.2004L7.20026 10.6504L6.75026 10.5004C6.75026 10.5004 6.60026 10.5004 6.75026 10.6504L7.05026 11.1004L6.75026 11.5504V11.7004L7.20026 11.5504L7.50026 12.0004H7.65026V11.4004L8.10026 11.2504V11.1004L7.65026 10.9504L7.50026 10.2004C7.65026 10.0504 7.65026 10.0504 7.50026 10.2004Z" fill="#FFE15A"/>
+<path d="M9.29997 8.85037H8.84997L8.69997 8.40039H8.54997L8.39997 9.00038H7.94997C7.94997 9.00038 7.79997 9.15039 7.94997 9.15039L8.39997 9.45039L8.24997 10.0504C8.24997 10.0504 8.24997 10.2004 8.39997 10.0504L8.69997 9.75038L9.14997 10.0504C9.14997 10.0504 9.29997 10.0504 9.29997 9.90039L9.14997 9.45039L9.29997 8.85037C9.29997 9.00037 9.29997 8.85037 9.29997 8.85037Z" fill="#FFE15A"/>
+</svg>

packages/public/images/icons/17/cross.react.svg

@@ -0,0 +1,3 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14 3L8.5 8.5M3 14L8.5 8.5M8.5 8.5L3 3M8.5 8.5L14 14" stroke="#A3A9AE" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

packages/public/images/icons/24/file.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 1H16L21 7V23H3V1Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16 1H3V23H21V7L16 1ZM2 0V24H22V7L16 0H2Z" fill="#BFBFBF"/>
+<path d="M7 17H9V19H7V17Z" fill="#BFBFBF"/>
+<path d="M11 17H13V19H11V17Z" fill="#BFBFBF"/>
+<path d="M17 17H15V19H17V17Z" fill="#BFBFBF"/>
+<path opacity="0.3" d="M14 9V1H15V8H21V9H14Z" fill="black"/>
+</svg>

packages/public/images/info.react.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12ZM5 6C5 5.44772 5.44772 5 6 5C6.55228 5 7 5.44772 7 6V9C7 9.55228 6.55228 10 6 10C5.44772 10 5 9.55228 5 9V6ZM6 2C5.44772 2 5 2.44772 5 3C5 3.55228 5.44772 4 6 4C6.55228 4 7 3.55228 7 3C7 2.44772 6.55228 2 6 2Z" fill="#A3A9AE"/>
+</svg>

packages/public/images/logo/docseditor.svg

@@ -0,0 +1,27 @@
+<svg width="172" height="40" viewBox="0 0 172 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_0_21)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.6983 32.669L9.70251 27.1154C8.76583 26.6306 8.76583 25.8813 9.70251 25.4405L13.5307 23.5012L20.6576 27.1154C21.5942 27.6003 23.1011 27.6003 23.997 27.1154L31.1239 23.5012L34.9521 25.4405C35.8887 25.9254 35.8887 26.6747 34.9521 27.1154L23.9563 32.669C23.1011 33.1098 21.5942 33.1098 20.6983 32.669Z" fill="white" fill-opacity="0.5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.6983 25.8371L9.70251 20.2835C8.76583 19.7987 8.76583 19.0494 9.70251 18.6086L13.4492 16.7133L20.6983 20.3717C21.635 20.8565 23.1418 20.8565 24.0377 20.3717L31.2868 16.7133L35.0335 18.6086C35.9702 19.0934 35.9702 19.8427 35.0335 20.2835L24.0377 25.8371C23.1011 26.3219 21.5942 26.3219 20.6983 25.8371Z" fill="white" fill-opacity="0.75"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.6989 19.1457L9.70316 13.5921C8.76648 13.1073 8.76648 12.358 9.70316 11.9172L20.6989 6.36363C21.6356 5.87879 23.1424 5.87879 24.0384 6.36363L35.0342 11.9172C35.9708 12.4021 35.9708 13.1514 35.0342 13.5921L24.0384 19.1457C23.1017 19.5865 21.5949 19.5865 20.6989 19.1457Z" fill="white"/>
+</g>
+<g clip-path="url(#clip1_0_21)">
+<path d="M44.8799 19.4761C44.8799 16.9641 45.5882 15.0682 47.052 13.8359C48.4686 12.5562 50.1685 11.94 52.1045 11.94C54.0405 11.94 55.6932 12.5562 57.1098 13.8359C58.5264 15.1156 59.2347 16.9641 59.2347 19.5235C59.2347 22.0356 58.5264 23.9315 57.1098 25.1638C55.6932 26.4435 53.9933 27.0597 52.1045 27.0597C50.1685 27.0597 48.5158 26.4435 47.052 25.1638C45.5882 23.8841 44.8799 21.9882 44.8799 19.4761ZM47.9964 19.4761C47.9964 21.2298 48.327 22.4622 48.9408 23.2679C49.6019 24.0737 50.3102 24.595 51.0657 24.7846C51.2546 24.832 51.3962 24.8794 51.5851 24.8794C51.7268 24.8794 51.9157 24.9268 52.0573 24.9268C52.2462 24.9268 52.3879 24.9268 52.5767 24.8794C52.7656 24.8794 52.9073 24.832 53.0962 24.7846C53.8517 24.595 54.56 24.0737 55.1738 23.2679C55.7877 22.4622 56.1182 21.1824 56.1182 19.5235C56.1182 17.8172 55.7877 16.5849 55.1738 15.7792C54.56 14.9734 53.8517 14.452 53.0962 14.2625C52.9073 14.2151 52.7184 14.1677 52.5767 14.1677C52.3879 14.1677 52.2462 14.1203 52.0573 14.1203C51.8684 14.1203 51.7268 14.1203 51.5851 14.1677C51.4435 14.1677 51.2546 14.2151 51.0657 14.2625C50.3102 14.452 49.6019 14.9734 48.9408 15.7792C48.327 16.4901 47.9964 17.7698 47.9964 19.4761Z" fill="white"/>
+<path d="M61.3993 11.94H65.3096L70.4598 21.4382L71.2228 23.522H71.2704L71.2228 20.8082V11.94H74.227V27.0596H70.3167L65.1666 17.1737L64.4036 15.4776H64.3559L64.4036 18.1429V27.0596H61.3993V11.94Z" fill="white"/>
+<path d="M77.0082 11.94H79.9922V24.4912H85.8654V27.0596H77.0082V11.94Z" fill="white"/>
+<path d="M84.5852 11.94H88.033L91.0558 17.1121L91.5281 18.156H91.6225L92.0948 17.1121L95.1648 11.94H98.3292L92.9922 20.7184V26.7446H90.0167V20.6709L84.5852 11.94Z" fill="white"/>
+<path d="M98.0204 19.4761C98.0204 16.9641 98.7287 15.0682 100.192 13.8358C101.609 12.5561 103.309 11.94 105.245 11.94C107.181 11.94 108.834 12.5561 110.25 13.8358C111.667 15.1156 112.375 16.9641 112.375 19.5235C112.375 22.0355 111.667 23.9314 110.25 25.1638C108.834 26.4435 107.134 27.0596 105.245 27.0596C103.309 27.0596 101.656 26.4435 100.192 25.1638C98.7759 23.884 98.0204 21.9881 98.0204 19.4761ZM101.137 19.4761C101.137 21.2298 101.467 22.4621 102.081 23.2679C102.742 24.0736 103.403 24.595 104.206 24.7846C104.395 24.832 104.537 24.8794 104.726 24.8794C104.867 24.8794 105.056 24.9268 105.198 24.9268C105.387 24.9268 105.528 24.9268 105.717 24.8794C105.906 24.8794 106.048 24.832 106.237 24.7846C106.992 24.595 107.7 24.0736 108.314 23.2679C108.928 22.4621 109.259 21.1824 109.259 19.5235C109.259 17.8172 108.928 16.5849 108.314 15.7791C107.7 14.9734 106.992 14.452 106.237 14.2624C106.048 14.215 105.859 14.1676 105.717 14.1676C105.528 14.1676 105.387 14.1202 105.198 14.1202C105.009 14.1202 104.867 14.1202 104.726 14.1676C104.584 14.1676 104.395 14.215 104.206 14.2624C103.451 14.452 102.742 14.9734 102.081 15.7791C101.467 16.4901 101.137 17.7698 101.137 19.4761Z" fill="white"/>
+<path d="M114.54 11.94H122.786V14.4074H117.526V18.0137H122.549V20.5286H117.526V26.7446H114.54V11.94Z" fill="white"/>
+<path d="M124.894 11.94H133.14V14.4074H127.88V18.0137H132.903V20.5286H127.88V26.7446H124.894V11.94Z" fill="white"/>
+<path d="M135.321 26.7446V11.94H138.375V26.7446H135.321Z" fill="white"/>
+<path d="M152.109 12.3215V14.8971C151.584 14.7063 151.059 14.5633 150.486 14.4679C149.912 14.3725 149.244 14.3248 148.575 14.3248C146.999 14.3248 145.805 14.8017 144.945 15.8034C144.086 16.7573 143.656 17.9974 143.656 19.476C143.656 20.9068 144.038 22.0992 144.85 23.0532C145.662 24.0071 146.808 24.5317 148.289 24.5317C148.814 24.5317 149.339 24.484 149.96 24.4364C150.581 24.341 151.202 24.1979 151.871 23.9117L152.062 26.4396C151.966 26.4873 151.823 26.535 151.68 26.5827C151.489 26.6304 151.298 26.6781 151.059 26.7258C150.677 26.8212 150.199 26.8689 149.626 26.9642C149.053 27.0119 148.48 27.0596 147.859 27.0596C147.763 27.0596 147.668 27.0596 147.62 27.0596C147.524 27.0596 147.429 27.0596 147.381 27.0596C145.662 26.9642 144.086 26.2965 142.653 25.1518C141.22 23.9594 140.503 22.0992 140.503 19.619C140.503 17.1865 141.22 15.2787 142.605 13.9432C143.99 12.6077 145.9 11.94 148.241 11.94C148.862 11.94 149.435 11.94 149.912 11.9877C150.438 12.0354 150.915 12.1308 151.441 12.2261C151.536 12.2738 151.68 12.2738 151.775 12.3215C151.871 12.2738 151.966 12.3215 152.109 12.3215Z" fill="white"/>
+<path d="M154.234 11.94H162.786V14.2651H157.161V17.9662H162.237V20.2439H157.161V24.4196H162.786V26.7446H154.234V11.94Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_0_21">
+<rect width="26.7367" height="26.9996" fill="white" transform="translate(9 6)"/>
+</clipPath>
+<clipPath id="clip1_0_21">
+<rect width="117.906" height="15.1197" fill="white" transform="translate(44.8799 11.94)"/>
+</clipPath>
+</defs>
+</svg>

packages/public/images/logo/docseditorembed.svg

@@ -0,0 +1,27 @@
+<svg width="154" height="27" viewBox="0 0 154 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_33388_366509)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6983 26.6691L0.702507 21.1155C-0.234169 20.6306 -0.234169 19.8813 0.702507 19.4406L4.53066 17.5012L11.6576 21.1155C12.5942 21.6003 14.1011 21.6003 14.997 21.1155L22.1239 17.5012L25.9521 19.4406C26.8887 19.9254 26.8887 20.6747 25.9521 21.1155L14.9563 26.6691C14.1011 27.1098 12.5942 27.1098 11.6983 26.6691Z" fill="#333333" fill-opacity="0.5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6983 19.8372L0.702507 14.2836C-0.234169 13.7987 -0.234169 13.0494 0.702507 12.6087L4.44921 10.7134L11.6983 14.3717C12.635 14.8565 14.1418 14.8565 15.0377 14.3717L22.2868 10.7134L26.0335 12.6087C26.9702 13.0935 26.9702 13.8428 26.0335 14.2836L15.0377 19.8372C14.1011 20.322 12.5942 20.322 11.6983 19.8372Z" fill="#333333" fill-opacity="0.75"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6983 13.1457L0.702507 7.59212C-0.234169 7.10729 -0.234169 6.35799 0.702507 5.91723L11.6983 0.363629C12.635 -0.12121 14.1418 -0.12121 15.0377 0.363629L26.0335 5.91723C26.9702 6.40207 26.9702 7.15136 26.0335 7.59212L15.0377 13.1457C14.1011 13.5865 12.5942 13.5865 11.6983 13.1457Z" fill="#333333"/>
+</g>
+<g clip-path="url(#clip1_33388_366509)">
+<path d="M35.8789 13.4761C35.8789 10.964 36.5872 9.06815 38.051 7.83582C39.4676 6.5561 41.1675 5.93994 43.1035 5.93994C45.0395 5.93994 46.6922 6.5561 48.1088 7.83582C49.5254 9.11555 50.2337 10.964 50.2337 13.5235C50.2337 16.0355 49.5254 17.9314 48.1088 19.1637C46.6922 20.4434 44.9923 21.0596 43.1035 21.0596C41.1675 21.0596 39.5148 20.4434 38.051 19.1637C36.5872 17.884 35.8789 15.9881 35.8789 13.4761ZM38.9954 13.4761C38.9954 15.2298 39.3259 16.4621 39.9398 17.2678C40.6009 18.0736 41.3092 18.595 42.0647 18.7846C42.2536 18.8319 42.3952 18.8793 42.5841 18.8793C42.7258 18.8793 42.9146 18.9267 43.0563 18.9267C43.2452 18.9267 43.3868 18.9267 43.5757 18.8793C43.7646 18.8793 43.9063 18.8319 44.0951 18.7846C44.8507 18.595 45.559 18.0736 46.1728 17.2678C46.7867 16.4621 47.1172 15.1824 47.1172 13.5235C47.1172 11.8172 46.7867 10.5849 46.1728 9.7791C45.559 8.97335 44.8507 8.45199 44.0951 8.2624C43.9063 8.215 43.7174 8.1676 43.5757 8.1676C43.3868 8.1676 43.2452 8.12021 43.0563 8.12021C42.8674 8.12021 42.7258 8.12021 42.5841 8.1676C42.4425 8.1676 42.2536 8.215 42.0647 8.2624C41.3092 8.45199 40.6009 8.97335 39.9398 9.7791C39.3259 10.4901 38.9954 11.7698 38.9954 13.4761Z" fill="#333333"/>
+<path d="M52.3984 5.93994H56.3087L61.4589 15.4382L62.2219 17.522H62.2696L62.2219 14.8082V5.93994H65.2261V21.0596H61.3158L56.1657 11.1737L55.4027 9.47756H55.355L55.4027 12.1429V21.0596H52.3984V5.93994Z" fill="#333333"/>
+<path d="M68.0078 5.93994H70.9918V18.4912H76.865V21.0596H68.0078V5.93994Z" fill="#333333"/>
+<path d="M75.5859 5.93994H79.0337L82.0565 11.1121L82.5288 12.156H82.6232L83.0955 11.1121L86.1655 5.93994H89.3299L83.9929 14.7184V20.7446H81.0174V14.6709L75.5859 5.93994Z" fill="#333333"/>
+<path d="M89.0215 13.4761C89.0215 10.964 89.7298 9.06815 91.1936 7.83582C92.6102 6.5561 94.3101 5.93994 96.2461 5.93994C98.1821 5.93994 99.8348 6.5561 101.251 7.83582C102.668 9.11555 103.376 10.964 103.376 13.5235C103.376 16.0355 102.668 17.9314 101.251 19.1637C99.8348 20.4434 98.1349 21.0596 96.2461 21.0596C94.3101 21.0596 92.6574 20.4434 91.1936 19.1637C89.777 17.884 89.0215 15.9881 89.0215 13.4761ZM92.138 13.4761C92.138 15.2298 92.4685 16.4621 93.0824 17.2678C93.7435 18.0736 94.4045 18.595 95.2073 18.7846C95.3961 18.8319 95.5378 18.8793 95.7267 18.8793C95.8683 18.8793 96.0572 18.9267 96.1989 18.9267C96.3878 18.9267 96.5294 18.9267 96.7183 18.8793C96.9072 18.8793 97.0488 18.8319 97.2377 18.7846C97.9932 18.595 98.7015 18.0736 99.3154 17.2678C99.9292 16.4621 100.26 15.1824 100.26 13.5235C100.26 11.8172 99.9292 10.5849 99.3154 9.7791C98.7015 8.97335 97.9932 8.45199 97.2377 8.2624C97.0488 8.215 96.86 8.1676 96.7183 8.1676C96.5294 8.1676 96.3878 8.12021 96.1989 8.12021C96.01 8.12021 95.8683 8.12021 95.7267 8.1676C95.585 8.1676 95.3961 8.215 95.2073 8.2624C94.4518 8.45199 93.7435 8.97335 93.0824 9.7791C92.4685 10.4901 92.138 11.7698 92.138 13.4761Z" fill="#333333"/>
+<path d="M105.539 5.93994H113.785V8.40739H108.525V12.0137H113.548V14.5286H108.525V20.7446H105.539V5.93994Z" fill="#333333"/>
+<path d="M115.895 5.93994H124.141V8.40739H118.88V12.0137H123.904V14.5286H118.88V20.7446H115.895V5.93994Z" fill="#333333"/>
+<path d="M126.32 20.7446V5.93994H129.375V20.7446H126.32Z" fill="#333333"/>
+<path d="M143.11 6.32151V8.8971C142.585 8.70632 142.059 8.56323 141.486 8.46784C140.913 8.37244 140.244 8.32475 139.576 8.32475C137.999 8.32475 136.805 8.80171 135.946 9.80333C135.086 10.7572 134.656 11.9973 134.656 13.4759C134.656 14.9068 135.038 16.0992 135.85 17.0531C136.662 18.0071 137.808 18.5317 139.289 18.5317C139.814 18.5317 140.34 18.484 140.961 18.4363C141.582 18.3409 142.202 18.1978 142.871 17.9117L143.062 20.4396C142.967 20.4873 142.823 20.535 142.68 20.5826C142.489 20.6303 142.298 20.678 142.059 20.7257C141.677 20.8211 141.199 20.8688 140.626 20.9642C140.053 21.0119 139.48 21.0596 138.859 21.0596C138.764 21.0596 138.668 21.0596 138.62 21.0596C138.525 21.0596 138.429 21.0596 138.382 21.0596C136.662 20.9642 135.086 20.2965 133.653 19.1518C132.22 17.9594 131.504 16.0992 131.504 13.619C131.504 11.1865 132.22 9.27867 133.605 7.94318C134.99 6.60769 136.901 5.93994 139.241 5.93994C139.862 5.93994 140.435 5.93994 140.913 5.98764C141.438 6.03533 141.916 6.13073 142.441 6.22612C142.537 6.27381 142.68 6.27381 142.776 6.32151C142.871 6.27381 142.967 6.32151 143.11 6.32151Z" fill="#333333"/>
+<path d="M145.234 5.93994H153.786V8.26503H148.161V11.9662H153.237V14.2438H148.161V18.4195H153.786V20.7446H145.234V5.93994Z" fill="#333333"/>
+</g>
+<defs>
+<clipPath id="clip0_33388_366509">
+<rect width="26.7367" height="26.9996" fill="white"/>
+</clipPath>
+<clipPath id="clip1_33388_366509">
+<rect width="117.906" height="15.1197" fill="white" transform="translate(35.8789 5.93994)"/>
+</clipPath>
+</defs>
+</svg>

packages/public/images/logo/leftmenu.svg

@@ -0,0 +1,5 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.411 25.7059L1.68526 20.7649C0.771581 20.3335 0.771581 19.6669 1.68526 19.2748L5.4194 17.5493L12.3713 20.7649C13.285 21.1963 14.7548 21.1963 15.6287 20.7649L22.5806 17.5493L26.3147 19.2748C27.2284 19.7061 27.2284 20.3728 26.3147 20.7649L15.589 25.7059C14.7548 26.0981 13.285 26.0981 12.411 25.7059Z" fill="#FF6F3D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3762 19.5917L1.68317 14.6449C0.772277 14.213 0.772277 13.5456 1.68317 13.153L5.32673 11.4648L12.3762 14.7234C13.2871 15.1553 14.7525 15.1553 15.6238 14.7234L22.6733 11.4648L26.3168 13.153C27.2277 13.5849 27.2277 14.2523 26.3168 14.6449L15.6238 19.5917C14.7129 20.0235 13.2475 20.0235 12.3762 19.5917Z" fill="#95C038"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.3762 13.5408L1.68317 8.66521C0.772277 8.23956 0.772277 7.58175 1.68317 7.1948L12.3762 2.31923C13.2871 1.89359 14.7525 1.89359 15.6238 2.31923L26.3168 7.1948C27.2277 7.62044 27.2277 8.27826 26.3168 8.66521L15.6238 13.5408C14.7129 13.9277 13.2475 13.9277 12.3762 13.5408Z" fill="#5DC0E8"/>
+</svg>

packages/public/images/pencil.react.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_28469_39135)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.2929 1.29312C11.5119 0.074169 13.4882 0.0741679 14.7071 1.29312C15.9261 2.51207 15.9261 4.48838 14.7071 5.70733L5.70713 14.7073C5.57897 14.8355 5.41839 14.9264 5.24256 14.9704L1.24256 15.9704C0.901782 16.0556 0.541295 15.9557 0.292914 15.7073C0.0445341 15.459 -0.055315 15.0985 0.0298787 14.7577L1.02988 10.7577C1.07384 10.5819 1.16476 10.4213 1.29291 10.2931L10.2929 1.29312ZM13.2929 2.70733C12.855 2.26943 12.145 2.26943 11.7071 2.70733L10.9142 3.50023L12.5 5.08601L13.2929 4.29312C13.7308 3.85522 13.7308 3.14524 13.2929 2.70733ZM11.0858 6.50023L9.50002 4.91444L2.90299 11.5115L2.37439 13.6259L4.48877 13.0973L11.0858 6.50023Z" fill="#333333"/>
+</g>
+<defs>
+<clipPath id="clip0_28469_39135">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

packages/public/images/refresh.react.svg

@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_28469_41696)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.75736 3.75736C4.84424 2.67048 6.34287 2 8 2C11.3137 2 14 4.68629 14 8H16C16 3.58172 12.4183 0 8 0C5.79413 0 3.79519 0.894098 2.34903 2.33727L2.34682 2.33941L2.3235 2.36228C2.30404 2.38149 2.27684 2.40861 2.24255 2.44351C2.18243 2.50467 2.10045 2.58976 2 2.69795V1H0V5C0 5.55228 0.447715 6 1 6H5V4H3.52058C3.58201 3.93468 3.632 3.88303 3.66896 3.84542C3.696 3.81791 3.71606 3.79793 3.72851 3.78563L3.7414 3.77298L3.74296 3.77147L3.74328 3.77116L3.74331 3.77114L3.74343 3.77102L3.74997 3.76475L3.75736 3.75736ZM8 14C4.68629 14 2 11.3137 2 8H0C0 12.4183 3.58172 16 8 16C10.3903 16 12.535 14.9513 14 13.2915V15H16V11C16 10.4477 15.5523 10 15 10H11V12H12.4724C11.3728 13.2286 9.77618 14 8 14Z" fill="#333333"/>
+</g>
+<defs>
+<clipPath id="clip0_28469_41696">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

packages/public/images/right.arrow.react.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.58586 5.99983L3.29297 1.70694L4.70718 0.292725L9.70718 5.29272C10.0977 5.68325 10.0977 6.31641 9.70718 6.70694L4.70718 11.7069L3.29297 10.2927L7.58586 5.99983Z" fill="#333333"/>
+</svg>

packages/public/images/sso.react.svg

@@ -0,0 +1,3 @@
+<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 18C14.4706 18 18.5 13.9706 18.5 9C18.5 4.02944 14.4706 0 9.5 0C4.52944 0 0.5 4.02944 0.5 9C0.5 13.9706 4.52944 18 9.5 18ZM11.2647 10.4706C13.0515 10.4706 14.5 9.0221 14.5 7.23529C14.5 5.44849 13.0515 4 11.2647 4C9.47793 4 8.02944 5.44849 8.02944 7.23529C8.02944 7.63189 8.10081 8.01182 8.23139 8.36294L4.61392 11.8392C4.54031 11.9109 4.5 12.0066 4.5 12.1083V13.6192C4.5 13.8292 4.67456 13.9998 4.88909 13.9998H6.19341C6.40786 13.9998 6.58267 13.8292 6.58267 13.6192V12.8787H7.34002C7.55473 12.8787 7.72928 12.7081 7.72928 12.4981V11.7577H8.52604C8.63008 11.7577 8.72761 11.718 8.80146 11.6462L10.1738 10.282C10.5146 10.4041 10.8819 10.4706 11.2647 10.4706ZM11.2648 8.70599C12.0769 8.70599 12.7353 8.04758 12.7353 7.2354C12.7353 6.42322 12.0769 5.76481 11.2648 5.76481C10.4526 5.76481 9.79417 6.42322 9.79417 7.2354C9.79417 8.04758 10.4526 8.70599 11.2648 8.70599Z" fill="#3B72A7"/>
+</svg>

packages/shared/__mocks__/e2e/browser.ts

@@ -0,0 +1,4 @@
+import { setupWorker } from "msw/browser";
+import handlers from "./handlers";
+
+export const worker = setupWorker(...handlers);

packages/shared/__mocks__/e2e/capabilities.ts

@@ -1,25 +0,0 @@
-import { http, HttpResponse } from "msw";
-
-export const capabilitiesWithSSO = {
-  response: {
-    ldapEnabled: false,
-    providers: [],
-    ssoLabel: "Single Sign-on",
-    oauthEnabled: true,
-    ssoUrl: "http://192.168.0.16/sso/login",
-    identityServerEnabled: true,
-  },
-  count: 1,
-  links: [
-    {
-      href: "http://192.168.0.16/api/2.0/capabilities",
-      action: "GET",
-    },
-  ],
-  status: 0,
-  statusCode: 200,
-};
-
-export default http.get("/api/2.0/capabilities", async () => {
-  return HttpResponse.json(capabilitiesWithSSO);
-});

packages/shared/__mocks__/e2e/handlers/index.ts

@@ -0,0 +1,4 @@
+import { logo } from "./logo";
+import settingsHandlers from "./settings";
+
+export default [...settingsHandlers, logo];

packages/shared/__mocks__/e2e/handlers/logo.ts

@@ -0,0 +1,20 @@
+import { http, HttpResponse } from "msw";
+
+import LogoTestSvgUrl from "PUBLIC_DIR/images/logo/loginpage.svg?url";
+
+import { BASE_URL } from "../utils";
+
+const PATH = "logo.ashx";
+
+const url = `${BASE_URL}:5111/${PATH}`;
+
+export const logo = http.get(url, ({ request }) => {
+  const reqUrl = new URL(request.url);
+
+  const logoType = reqUrl.searchParams.get("logotype");
+  const dark = reqUrl.searchParams.get("dark");
+  const defaultParam = reqUrl.searchParams.get("default");
+  const culture = reqUrl.searchParams.get("culture");
+
+  return HttpResponse.json(LogoTestSvgUrl);
+});

packages/shared/__mocks__/e2e/handlers/settings/colorTheme.ts

@@ -0,0 +1,97 @@
+import { http, HttpResponse } from "msw";
+
+import { API_PREFIX, BASE_URL } from "../../utils";
+
+const PATH = "settings/colortheme";
+
+export const colorTheme = http.get(`${BASE_URL}/${API_PREFIX}/${PATH}`, () => {
+  return HttpResponse.json({
+    response: {
+      themes: [
+        {
+          id: 1,
+          name: "blue",
+          main: {
+            accent: "#4781D1",
+            buttons: "#5299E0",
+          },
+          text: {
+            accent: "#FFFFFF",
+            buttons: "#FFFFFF",
+          },
+        },
+        {
+          id: 2,
+          name: "orange",
+          main: {
+            accent: "#F97A0B",
+            buttons: "#FF9933",
+          },
+          text: {
+            accent: "#FFFFFF",
+            buttons: "#FFFFFF",
+          },
+        },
+        {
+          id: 3,
+          name: "green",
+          main: {
+            accent: "#2DB482",
+            buttons: "#22C386",
+          },
+          text: {
+            accent: "#FFFFFF",
+            buttons: "#FFFFFF",
+          },
+        },
+        {
+          id: 4,
+          name: "red",
+          main: {
+            accent: "#F2675A",
+            buttons: "#F27564",
+          },
+          text: {
+            accent: "#FFFFFF",
+            buttons: "#FFFFFF",
+          },
+        },
+        {
+          id: 5,
+          name: "purple",
+          main: {
+            accent: "#6D4EC2",
+            buttons: "#8570BD",
+          },
+          text: {
+            accent: "#FFFFFF",
+            buttons: "#FFFFFF",
+          },
+        },
+        {
+          id: 6,
+          name: "light-blue",
+          main: {
+            accent: "#11A4D4",
+            buttons: "#13B7EC",
+          },
+          text: {
+            accent: "#FFFFFF",
+            buttons: "#FFFFFF",
+          },
+        },
+      ],
+      selected: 1,
+      limit: 9,
+    },
+    count: 1,
+    links: [
+      {
+        href: `${BASE_URL}/${API_PREFIX}/${PATH}`,
+        action: "GET",
+      },
+    ],
+    status: 0,
+    ok: true,
+  });
+});

packages/shared/__mocks__/e2e/handlers/settings/index.ts

@@ -0,0 +1,19 @@
+import { colorTheme } from "./colorTheme";
+import { licenseRequired } from "./licenseRequired";
+import { machineName } from "./machineName";
+import { portalCultures } from "./portalCultures";
+import { portalPasswordSettings } from "./portalPasswordSettings";
+import { portalTimeZone } from "./portalTimeZones";
+import { settings } from "./settings";
+
+const settingsHandlers = [
+  settings,
+  colorTheme,
+  licenseRequired,
+  machineName,
+  portalCultures,
+  portalPasswordSettings,
+  portalTimeZone,
+];
+
+export default settingsHandlers;

packages/shared/__mocks__/e2e/handlers/settings/licenseRequired.ts

@@ -0,0 +1,24 @@
+import { http, HttpResponse } from "msw";
+
+import { API_PREFIX, BASE_URL } from "../../utils";
+
+const PATH = "settings/license/required";
+
+const url = `${BASE_URL}/${API_PREFIX}/${PATH}`;
+
+export const licenseRequired = http.get(url, ({ cookies }) => {
+  const isRequired = cookies.license_required;
+  return HttpResponse.json({
+    response: !!isRequired,
+    count: 1,
+    links: [
+      {
+        href: url,
+        action: "GET",
+      },
+    ],
+    status: 0,
+    statusCode: 200,
+    ok: true,
+  });
+});

packages/shared/__mocks__/e2e/handlers/settings/machineName.ts

@@ -0,0 +1,23 @@
+import { http, HttpResponse } from "msw";
+
+import { API_PREFIX, BASE_URL } from "../../utils";
+
+const PATH = "settings/machine";
+
+const url = `${BASE_URL}/${API_PREFIX}/${PATH}`;
+
+export const machineName = http.get(url, () => {
+  return HttpResponse.json({
+    response: "127.0.0.1",
+    count: 1,
+    links: [
+      {
+        href: url,
+        action: "GET",
+      },
+    ],
+    status: 0,
+    statusCode: 200,
+    ok: true,
+  });
+});

packages/shared/__mocks__/e2e/handlers/settings/portalCultures.ts

@@ -0,0 +1,56 @@
+import { http, HttpResponse } from "msw";
+
+import { API_PREFIX, BASE_URL } from "../../utils";
+
+const PATH = "settings/cultures";
+
+const url = `${BASE_URL}/${API_PREFIX}/${PATH}`;
+
+export const portalCultures = http.get(url, () => {
+  return HttpResponse.json({
+    response: [
+      "az",
+      "cs",
+      "de",
+      "en-GB",
+      "en-US",
+      "es",
+      "fr",
+      "it",
+      "lv",
+      "nl",
+      "pl",
+      "pt-BR",
+      "pt",
+      "ro",
+      "sk",
+      "sl",
+      "fi",
+      "vi",
+      "tr",
+      "el-GR",
+      "bg",
+      "ru",
+      "sr-Cyrl-RS",
+      "sr-Latn-RS",
+      "uk-UA",
+      "hy-AM",
+      "ar-SA",
+      "si",
+      "lo-LA",
+      "zh-CN",
+      "ja-JP",
+      "ko-KR",
+    ],
+    count: 32,
+    links: [
+      {
+        href: url,
+        action: "GET",
+      },
+    ],
+    status: 0,
+    statusCode: 200,
+    ok: true,
+  });
+});

packages/shared/__mocks__/e2e/handlers/settings/portalPasswordSettings.ts

@@ -0,0 +1,33 @@
+import { http, HttpResponse } from "msw";
+
+import { API_PREFIX, BASE_URL } from "../../utils";
+
+const PATH = "settings/security/password";
+
+const url = `${BASE_URL}/${API_PREFIX}/${PATH}`;
+
+export const portalPasswordSettings = http.get(url, () => {
+  return HttpResponse.json({
+    response: {
+      minLength: 8,
+      upperCase: false,
+      digits: false,
+      specSymbols: false,
+      allowedCharactersRegexStr: "[\\x21-\\x7E]",
+      digitsRegexStr: "(?=.*\\d)",
+      upperCaseRegexStr: "(?=.*[A-Z])",
+      specSymbolsRegexStr:
+        "(?=.*[\\x21-\\x2F\\x3A-\\x40\\x5B-\\x60\\x7B-\\x7E])",
+    },
+    count: 1,
+    links: [
+      {
+        href: url,
+        action: "GET",
+      },
+    ],
+    status: 0,
+    statusCode: 200,
+    ok: true,
+  });
+});

packages/shared/__mocks__/e2e/handlers/settings/portalTimeZones.ts

@@ -0,0 +1,64 @@
+import { http, HttpResponse } from "msw";
+
+import { API_PREFIX, BASE_URL } from "../../utils";
+
+const PATH = "settings/timezones";
+
+const url = `${BASE_URL}/${API_PREFIX}/${PATH}`;
+
+export const portalTimeZone = http.get(url, () => {
+  return HttpResponse.json({
+    response: [
+      {
+        id: "Pacific/Niue",
+        displayName: "(UTC-11:00) Niue Time",
+      },
+      {
+        id: "Pacific/Midway",
+        displayName: "(UTC-11:00) Samoa Standard Time (Midway)",
+      },
+      {
+        id: "Pacific/Pago_Pago",
+        displayName: "(UTC-11:00) Samoa Standard Time (Pago Pago)",
+      },
+      {
+        id: "Pacific/Rarotonga",
+        displayName: "(UTC-10:00) Cook Islands Standard Time (Rarotonga)",
+      },
+      {
+        id: "America/Adak",
+        displayName: "(UTC-10:00) Hawaii-Aleutian Time (Adak)",
+      },
+      {
+        id: "Pacific/Honolulu",
+        displayName: "(UTC-10:00) Hawaii-Aleutian Time (Adak) (Honolulu)",
+      },
+      {
+        id: "Pacific/Tahiti",
+        displayName: "(UTC-10:00) Tahiti Time",
+      },
+      {
+        id: "Pacific/Marquesas",
+        displayName: "(UTC-09:30) Marquesas Time",
+      },
+      {
+        id: "America/Anchorage",
+        displayName: "(UTC-09:00) Alaska Time (Anchorage)",
+      },
+      {
+        id: "America/Juneau",
+        displayName: "(UTC-09:00) Alaska Time (Juneau)",
+      },
+    ],
+    count: 10,
+    links: [
+      {
+        href: url,
+        action: "GET",
+      },
+    ],
+    status: 0,
+    statusCode: 200,
+    ok: true,
+  });
+});

packages/shared/__mocks__/e2e/handlers/settings/settings.ts

@@ -0,0 +1,290 @@
+import { http, HttpResponse } from "msw";
+
+import { API_PREFIX, BASE_URL } from "../../utils";
+
+const PATH = "settings";
+
+const url = `${BASE_URL}/${API_PREFIX}/${PATH}`;
+
+export const settings = http.get(url, ({ request, cookies }) => {
+  const reqUrl = new URL(request.url);
+
+  const withPasswordParam = reqUrl.searchParams.get("withPassword");
+
+  const withPassword = withPasswordParam ? withPasswordParam === "true" : false;
+  const isAuth = cookies.asc_auth_key;
+  const isWizard = cookies.is_wizard;
+  const isForbidden = cookies.settings_forbidden;
+  const isNotFound = cookies.settings_not_found;
+  const isError = cookies.settings_error;
+
+  // TODO add error message
+  if (isError) return HttpResponse.json(null, { status: 500 });
+
+  // TODO add error message
+  if (isNotFound) return HttpResponse.json(null, { status: 404 });
+
+  // TODO add error message
+  if (isForbidden) return HttpResponse.json(null, { status: 403 });
+
+  if (isWizard)
+    return HttpResponse.json({
+      response: {
+        trustedDomainsType: 0,
+        culture: "en-US",
+        utcOffset: "00:00:00",
+        utcHoursOffset: 0,
+        greetingSettings: "Web Office",
+        ownerId: "00000000-0000-0000-0000-000000000000",
+        enabledJoin: false,
+        enableAdmMess: false,
+        thirdpartyEnable: false,
+        docSpace: true,
+        standalone: true,
+        baseDomain: BASE_URL,
+        wizardToken:
+          "type=Wizard&key=462096722976.4OD9HUTNJZGBFMMPVOTCBNOVCPGLTBKUNPKGCNY&uid=66faa6e4-f133-11ea-b126-00ffeec8b4ef",
+        passwordHash: {
+          size: 256,
+          iterations: 100000,
+          salt: "4d9abe238e2f7b14a30a4565d62214a795a15abb798ed61118a69820d6a6146c",
+        },
+        version: ".",
+        recaptchaType: 0,
+        recaptchaPublicKey: "",
+        debugInfo: false,
+        tenantStatus: 0,
+        tenantAlias: "localhost",
+        forumLink: "https://forum.onlyoffice.com",
+        legalTerms:
+          "https://help.onlyoffice.co/products/files/doceditor.aspx?fileid=5048502&doc=SXhWMEVzSEYxNlVVaXJJeUVtS0kyYk14YWdXTEFUQmRWL250NllHNUFGbz0_IjUwNDg1MDIi0",
+        cookieSettingsEnabled: false,
+        limitedAccessSpace: false,
+        userNameRegex: "^[\\p{L}\\p{M}' \\-]+$",
+        maxImageUploadSize: 0,
+      },
+      count: 1,
+      links: [
+        {
+          href: url,
+          action: "GET",
+        },
+      ],
+      status: 0,
+      statusCode: 200,
+      ok: true,
+    });
+
+  if (!isAuth)
+    return HttpResponse.json({
+      response: {
+        trustedDomainsType: 0,
+        culture: "en-GB",
+        utcOffset: "00:00:00",
+        utcHoursOffset: 0,
+        greetingSettings: "Web Office",
+        ownerId: "00000000-0000-0000-0000-000000000000",
+        enabledJoin: false,
+        enableAdmMess: false,
+        thirdpartyEnable: false,
+        docSpace: true,
+        standalone: true,
+        baseDomain: BASE_URL,
+        passwordHash: {
+          size: 256,
+          iterations: 100000,
+          salt: "4d9abe238e2f7b14a30a4565d62214a795a15abb798ed61118a69820d6a6146c",
+        },
+        version: ".",
+        recaptchaType: 0,
+        recaptchaPublicKey: "",
+        debugInfo: false,
+        tenantStatus: 0,
+        tenantAlias: "localhost",
+        forumLink: "https://forum.onlyoffice.com",
+        legalTerms:
+          "https://help.onlyoffice.co/products/files/doceditor.aspx?fileid=5048502&doc=SXhWMEVzSEYxNlVVaXJJeUVtS0kyYk14YWdXTEFUQmRWL250NllHNUFGbz0_IjUwNDg1MDIi0",
+        cookieSettingsEnabled: false,
+        limitedAccessSpace: false,
+        userNameRegex: "^[\\p{L}\\p{M}' \\-]+$",
+        maxImageUploadSize: 0,
+      },
+      count: 1,
+      links: [
+        {
+          href: url,
+          action: "GET",
+        },
+      ],
+      status: 0,
+      statusCode: 200,
+    });
+
+  if (withPassword)
+    return HttpResponse.json({
+      response: {
+        timezone: "Asia/Tbilisi",
+        trustedDomains: [],
+        trustedDomainsType: 1,
+        culture: "ru",
+        utcOffset: "04:00:00",
+        utcHoursOffset: 4,
+        greetingSettings: "Web Office",
+        ownerId: "66faa6e4-f133-11ea-b126-00ffeec8b4ef",
+        nameSchemaId: "Common",
+        enableAdmMess: false,
+        docSpace: true,
+        standalone: true,
+        baseDomain: BASE_URL,
+        passwordHash: {
+          size: 256,
+          iterations: 100000,
+          salt: "4d9abe238e2f7b14a30a4565d62214a795a15abb798ed61118a69820d6a6146c",
+        },
+        firebase: {
+          apiKey: "",
+          authDomain: "",
+          projectId: "",
+          storageBucket: "",
+          messagingSenderId: "",
+          appId: "",
+          measurementId: "",
+          databaseURL: "",
+        },
+        version: ".",
+        recaptchaType: 0,
+        debugInfo: false,
+        socketUrl: "/socket.io",
+        tenantStatus: 0,
+        tenantAlias: "localhost",
+        helpLink: "https://helpcenter.onlyoffice.com",
+        forumLink: "https://forum.onlyoffice.com",
+        apiDocsLink: "https://api.onlyoffice.com",
+        domainValidator: {
+          regex: "^[a-z0-9]([a-z0-9-]){1,61}[a-z0-9]$",
+          minLength: 3,
+          maxLength: 63,
+        },
+        zendeskKey: "",
+        tagManagerId: "",
+        bookTrainingEmail: "training@onlyoffice.com",
+        documentationEmail: "documentation@onlyoffice.com",
+        legalTerms:
+          "https://help.onlyoffice.co/products/files/doceditor.aspx?fileid=5048502&doc=SXhWMEVzSEYxNlVVaXJJeUVtS0kyYk14YWdXTEFUQmRWL250NllHNUFGbz0_IjUwNDg1MDIi0",
+        cookieSettingsEnabled: false,
+        limitedAccessSpace: false,
+        userNameRegex: "^[\\p{L}\\p{M}' \\-]+$",
+        invitationLimit: 2147483647,
+        plugins: {
+          enabled: true,
+          upload: true,
+          delete: true,
+        },
+        deepLink: {
+          androidPackageName: "com.onlyoffice.documents",
+          url: "oodocuments://openfile",
+          iosPackageId: "944896972",
+        },
+        formGallery: {
+          path: "/api/oforms/",
+          domain: "https://cmsoforms.teamlab.info",
+          ext: ".pdf",
+          uploadPath: "/api/upload",
+          uploadDomain: "https://oforms.teamlab.info",
+          uploadExt: ".pdf",
+          uploadDashboard: "/dashboard/api",
+        },
+        maxImageUploadSize: 5242880,
+      },
+      count: 1,
+      links: [
+        {
+          href: url,
+          action: "GET",
+        },
+      ],
+      status: 0,
+      statusCode: 200,
+    });
+
+  return HttpResponse.json({
+    response: {
+      timezone: "Asia/Tbilisi",
+      trustedDomains: [],
+      trustedDomainsType: 1,
+      culture: "ru",
+      utcOffset: "04:00:00",
+      utcHoursOffset: 4,
+      greetingSettings: "Web Office",
+      ownerId: "66faa6e4-f133-11ea-b126-00ffeec8b4ef",
+      nameSchemaId: "Common",
+      enableAdmMess: false,
+      docSpace: true,
+      standalone: true,
+      baseDomain: BASE_URL,
+      firebase: {
+        apiKey: "",
+        authDomain: "",
+        projectId: "",
+        storageBucket: "",
+        messagingSenderId: "",
+        appId: "",
+        measurementId: "",
+        databaseURL: "",
+      },
+      version: ".",
+      recaptchaType: 0,
+      debugInfo: false,
+      socketUrl: "/socket.io",
+      tenantStatus: 0,
+      tenantAlias: "localhost",
+      helpLink: "https://helpcenter.onlyoffice.com",
+      forumLink: "https://forum.onlyoffice.com",
+      apiDocsLink: "https://api.onlyoffice.com",
+      domainValidator: {
+        regex: "^[a-z0-9]([a-z0-9-]){1,61}[a-z0-9]$",
+        minLength: 3,
+        maxLength: 63,
+      },
+      zendeskKey: "",
+      tagManagerId: "",
+      bookTrainingEmail: "training@onlyoffice.com",
+      documentationEmail: "documentation@onlyoffice.com",
+      legalTerms:
+        "https://help.onlyoffice.co/products/files/doceditor.aspx?fileid=5048502&doc=SXhWMEVzSEYxNlVVaXJJeUVtS0kyYk14YWdXTEFUQmRWL250NllHNUFGbz0_IjUwNDg1MDIi0",
+      cookieSettingsEnabled: false,
+      limitedAccessSpace: false,
+      userNameRegex: "^[\\p{L}\\p{M}' \\-]+$",
+      invitationLimit: 2147483647,
+      plugins: {
+        enabled: true,
+        upload: true,
+        delete: true,
+      },
+      deepLink: {
+        androidPackageName: "com.onlyoffice.documents",
+        url: "oodocuments://openfile",
+        iosPackageId: "944896972",
+      },
+      formGallery: {
+        path: "/api/oforms/",
+        domain: "https://cmsoforms.teamlab.info",
+        ext: ".pdf",
+        uploadPath: "/api/upload",
+        uploadDomain: "https://oforms.teamlab.info",
+        uploadExt: ".pdf",
+        uploadDashboard: "/dashboard/api",
+      },
+      maxImageUploadSize: 5242880,
+    },
+    count: 1,
+    links: [
+      {
+        href: url,
+        action: "GET",
+      },
+    ],
+    status: 0,
+    statusCode: 200,
+  });
+});

packages/shared/__mocks__/e2e/index.ts

@@ -1,28 +1,5 @@
-import getMockSettingsResponse, {
-  settingsSuccessNoAuth,
-  settingsError,
-  settingsForbidden,
-  settingsNotFound,
-  settingsSuccessNoAuthWizard,
-  settingsPasswordSuccess,
-  machineNameSuccess,
-  isLicenseRequiredSuccess,
-  portalTimeZonesSuccess,
-  portalCulturesSuccess,
-  colorThemeSuccess,
-} from "./settings";
+import { BASE_URL } from "./utils";
+import handlers from "./handlers";
+import { MSWProvider } from "./msw-provider";
 
-export {
-  getMockSettingsResponse,
-  settingsSuccessNoAuth,
-  settingsError,
-  settingsForbidden,
-  settingsNotFound,
-  settingsSuccessNoAuthWizard,
-  settingsPasswordSuccess,
-  machineNameSuccess,
-  isLicenseRequiredSuccess,
-  portalTimeZonesSuccess,
-  portalCulturesSuccess,
-  colorThemeSuccess,
-};
+export { BASE_URL, handlers, MSWProvider };

packages/shared/__mocks__/e2e/msw-provider.tsx

@@ -0,0 +1,54 @@
+/* eslint-disable import/extensions */
+/* eslint-disable @typescript-eslint/no-var-requires */
+/* eslint-disable global-require */
+
+"use client";
+
+import { Suspense, useEffect, useState } from "react";
+
+let mockingPromise: Promise<boolean> | undefined;
+
+// if we're running in the browser, start the worker
+if (typeof window !== "undefined") {
+  const { worker } = require("./browser");
+  mockingPromise = worker.start({
+    serviceWorker: {
+      // This is useful if your application follows
+      // a strict directory structure.
+      url: "/login/mockServiceWorker.js",
+    },
+  });
+}
+
+function MSWProviderWrapper({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  const [isPromiseComplete, setIsPromiseComplete] = useState(false);
+
+  useEffect(() => {
+    if (mockingPromise)
+      mockingPromise!.then(() => {
+        setIsPromiseComplete(true);
+      });
+  }, []);
+
+  if (isPromiseComplete) return children;
+
+  return null;
+}
+
+export function MSWProvider({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  // if MSW is enabled, we need to wait for the worker to start, so we wrap the
+  // children in a Suspense boundary until the worker is ready
+  return (
+    <Suspense fallback={null}>
+      <MSWProviderWrapper>{children}</MSWProviderWrapper>
+    </Suspense>
+  );
+}

packages/shared/__mocks__/e2e/node.ts

@@ -0,0 +1,4 @@
+import { setupServer } from "msw/node";
+import handlers from "./handlers";
+
+export const server = setupServer(...handlers);

packages/shared/__mocks__/e2e/settings.ts

@@ -1,356 +0,0 @@
-export const settingsSuccessNoAuth = new Response(
-  JSON.stringify({
-    response: {
-      trustedDomainsType: 0,
-      culture: "en-GB",
-      utcOffset: "00:00:00",
-      utcHoursOffset: 0,
-      greetingSettings: "Web Office",
-      ownerId: "00000000-0000-0000-0000-000000000000",
-      enabledJoin: false,
-      enableAdmMess: false,
-      thirdpartyEnable: false,
-      docSpace: true,
-      standalone: true,
-      baseDomain: "localhost",
-      passwordHash: {
-        size: 256,
-        iterations: 100000,
-        salt: "4d9abe238e2f7b14a30a4565d62214a795a15abb798ed61118a69820d6a6146c",
-      },
-      version: ".",
-      recaptchaType: 0,
-      recaptchaPublicKey: "",
-      debugInfo: false,
-      tenantStatus: 0,
-      tenantAlias: "localhost",
-      forumLink: "https://forum.onlyoffice.com",
-      legalTerms:
-        "https://help.onlyoffice.co/products/files/doceditor.aspx?fileid=5048502&doc=SXhWMEVzSEYxNlVVaXJJeUVtS0kyYk14YWdXTEFUQmRWL250NllHNUFGbz0_IjUwNDg1MDIi0",
-      cookieSettingsEnabled: false,
-      limitedAccessSpace: false,
-      userNameRegex: "^[\\p{L}\\p{M}' \\-]+$",
-      maxImageUploadSize: 0,
-    },
-    count: 1,
-    links: [
-      {
-        href: "http://192.168.0.16/api/2.0/settings?withPassword=false",
-        action: "GET",
-      },
-    ],
-    status: 0,
-    statusCode: 200,
-  }),
-  { status: 200 },
-);
-
-export const settingsSuccessNoAuthWizard = {
-  response: {
-    trustedDomainsType: 0,
-    culture: "en-US",
-    utcOffset: "00:00:00",
-    utcHoursOffset: 0,
-    greetingSettings: "Web Office",
-    ownerId: "00000000-0000-0000-0000-000000000000",
-    enabledJoin: false,
-    enableAdmMess: false,
-    thirdpartyEnable: false,
-    docSpace: true,
-    standalone: true,
-    baseDomain: "localhost",
-    wizardToken:
-      "type=Wizard&key=462096722976.4OD9HUTNJZGBFMMPVOTCBNOVCPGLTBKUNPKGCNY&uid=66faa6e4-f133-11ea-b126-00ffeec8b4ef",
-    passwordHash: {
-      size: 256,
-      iterations: 100000,
-      salt: "4d9abe238e2f7b14a30a4565d62214a795a15abb798ed61118a69820d6a6146c",
-    },
-    version: ".",
-    recaptchaType: 0,
-    recaptchaPublicKey: "",
-    debugInfo: false,
-    tenantStatus: 0,
-    tenantAlias: "localhost",
-    forumLink: "https://forum.onlyoffice.com",
-    legalTerms:
-      "https://help.onlyoffice.co/products/files/doceditor.aspx?fileid=5048502&doc=SXhWMEVzSEYxNlVVaXJJeUVtS0kyYk14YWdXTEFUQmRWL250NllHNUFGbz0_IjUwNDg1MDIi0",
-    cookieSettingsEnabled: false,
-    limitedAccessSpace: false,
-    userNameRegex: "^[\\p{L}\\p{M}' \\-]+$",
-    maxImageUploadSize: 0,
-  },
-  count: 1,
-  links: [
-    {
-      href: "http://192.168.50.219/api/2.0/settings?withPassword=true",
-      action: "GET",
-    },
-  ],
-  status: 0,
-  statusCode: 200,
-  ok: true,
-};
-
-export const settingsPasswordSuccess = {
-  response: {
-    minLength: 8,
-    upperCase: false,
-    digits: false,
-    specSymbols: false,
-    allowedCharactersRegexStr: "[\\x21-\\x7E]",
-    digitsRegexStr: "(?=.*\\d)",
-    upperCaseRegexStr: "(?=.*[A-Z])",
-    specSymbolsRegexStr: "(?=.*[\\x21-\\x2F\\x3A-\\x40\\x5B-\\x60\\x7B-\\x7E])",
-  },
-  count: 1,
-  links: [
-    {
-      href: "http://192.168.50.219/api/2.0/settings/security/password",
-      action: "GET",
-    },
-  ],
-  status: 0,
-  statusCode: 200,
-  ok: true,
-};
-
-export const machineNameSuccess = {
-  response: "192.168.50.219",
-  count: 1,
-  links: [
-    {
-      href: "http://192.168.50.219/api/2.0/settings/machine",
-      action: "GET",
-    },
-  ],
-  status: 0,
-  statusCode: 200,
-  ok: true,
-};
-
-export const isLicenseRequiredSuccess = {
-  response: false,
-  count: 1,
-  links: [
-    {
-      href: "http://192.168.50.219/api/2.0/settings/license/required",
-      action: "GET",
-    },
-  ],
-  status: 0,
-  statusCode: 200,
-  ok: true,
-};
-
-export const portalTimeZonesSuccess = {
-  response: [
-    {
-      id: "Pacific/Niue",
-      displayName: "(UTC-11:00) Niue Time",
-    },
-    {
-      id: "Pacific/Midway",
-      displayName: "(UTC-11:00) Samoa Standard Time (Midway)",
-    },
-    {
-      id: "Pacific/Pago_Pago",
-      displayName: "(UTC-11:00) Samoa Standard Time (Pago Pago)",
-    },
-    {
-      id: "Pacific/Rarotonga",
-      displayName: "(UTC-10:00) Cook Islands Standard Time (Rarotonga)",
-    },
-    {
-      id: "America/Adak",
-      displayName: "(UTC-10:00) Hawaii-Aleutian Time (Adak)",
-    },
-    {
-      id: "Pacific/Honolulu",
-      displayName: "(UTC-10:00) Hawaii-Aleutian Time (Adak) (Honolulu)",
-    },
-    {
-      id: "Pacific/Tahiti",
-      displayName: "(UTC-10:00) Tahiti Time",
-    },
-    {
-      id: "Pacific/Marquesas",
-      displayName: "(UTC-09:30) Marquesas Time",
-    },
-    {
-      id: "America/Anchorage",
-      displayName: "(UTC-09:00) Alaska Time (Anchorage)",
-    },
-    {
-      id: "America/Juneau",
-      displayName: "(UTC-09:00) Alaska Time (Juneau)",
-    },
-  ],
-  count: 10,
-  links: [
-    {
-      href: "http://192.168.50.219/api/2.0/settings/timezones",
-      action: "GET",
-    },
-  ],
-  status: 0,
-  statusCode: 200,
-  ok: true,
-};
-
-export const portalCulturesSuccess = {
-  response: [
-    "az",
-    "cs",
-    "de",
-    "en-GB",
-    "en-US",
-    "es",
-    "fr",
-    "it",
-    "lv",
-    "nl",
-    "pl",
-    "pt-BR",
-    "pt",
-    "ro",
-    "sk",
-    "sl",
-    "fi",
-    "vi",
-    "tr",
-    "el-GR",
-    "bg",
-    "ru",
-    "sr-Cyrl-RS",
-    "sr-Latn-RS",
-    "uk-UA",
-    "hy-AM",
-    "ar-SA",
-    "si",
-    "lo-LA",
-    "zh-CN",
-    "ja-JP",
-    "ko-KR",
-  ],
-  count: 32,
-  links: [
-    {
-      href: "http://192.168.50.219/api/2.0/settings/cultures",
-      action: "GET",
-    },
-  ],
-  status: 0,
-  statusCode: 200,
-  ok: true,
-};
-
-export const colorThemeSuccess = {
-  response: {
-    themes: [
-      {
-        id: 1,
-        name: "blue",
-        main: {
-          accent: "#4781D1",
-          buttons: "#5299E0",
-        },
-        text: {
-          accent: "#FFFFFF",
-          buttons: "#FFFFFF",
-        },
-      },
-      {
-        id: 2,
-        name: "orange",
-        main: {
-          accent: "#F97A0B",
-          buttons: "#FF9933",
-        },
-        text: {
-          accent: "#FFFFFF",
-          buttons: "#FFFFFF",
-        },
-      },
-      {
-        id: 3,
-        name: "green",
-        main: {
-          accent: "#2DB482",
-          buttons: "#22C386",
-        },
-        text: {
-          accent: "#FFFFFF",
-          buttons: "#FFFFFF",
-        },
-      },
-      {
-        id: 4,
-        name: "red",
-        main: {
-          accent: "#F2675A",
-          buttons: "#F27564",
-        },
-        text: {
-          accent: "#FFFFFF",
-          buttons: "#FFFFFF",
-        },
-      },
-      {
-        id: 5,
-        name: "purple",
-        main: {
-          accent: "#6D4EC2",
-          buttons: "#8570BD",
-        },
-        text: {
-          accent: "#FFFFFF",
-          buttons: "#FFFFFF",
-        },
-      },
-      {
-        id: 6,
-        name: "light-blue",
-        main: {
-          accent: "#11A4D4",
-          buttons: "#13B7EC",
-        },
-        text: {
-          accent: "#FFFFFF",
-          buttons: "#FFFFFF",
-        },
-      },
-    ],
-    selected: 1,
-    limit: 9,
-  },
-  count: 1,
-  links: [
-    {
-      href: "http://192.168.50.219/api/2.0/settings/colortheme",
-      action: "GET",
-    },
-  ],
-  status: 0,
-  ok: true,
-};
-
-export const settingsForbidden = new Response(null, { status: 403 });
-
-export const settingsNotFound = new Response(null, { status: 404 });
-
-export const settingsError = new Response(null, { status: 500 });
-
-const getMockSettingsResponse = (withPassword: boolean): Response => {
-  if (!withPassword) return settingsSuccessNoAuth;
-
-  return settingsSuccessNoAuth;
-};
-
-export const getMockResponse = (response: any): Response => {
-  return new Response(JSON.stringify(response), {
-    status: 200,
-  });
-};
-
-export default getMockSettingsResponse;

packages/shared/__mocks__/e2e/utils.ts

@@ -0,0 +1,3 @@
+export const BASE_URL = "https://api.example.com";
+
+export const API_PREFIX = "api/2.0";

packages/shared/package.json

@@ -117,7 +117,7 @@
     "@types/jest": "^29.5.10",
     "@types/lodash": "^4.14.202",
     "@types/luxon": "^3.3.1",
-    "@types/node": "^20.9.4",
+    "@types/node": "^22.5.1",
     "@types/react": "^18.2.53",
     "@types/react-avatar-editor": "^13.0.2",
     "@types/react-transition-group": "^4.4.9",
@@ -155,6 +155,7 @@
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-styled-components": "^7.2.0",
+    "msw": "^2.0.14",
     "postcss": "^7.0.39",
     "prettier": "^3.1.0",
     "react-docgen-typescript-plugin": "^1.0.5",

packages/shared/utils/common.ts

@@ -1144,6 +1144,7 @@ export function getLogoUrl(
   def: boolean = false,
   culture?: string,
 ) {
+  return "";
   return `/logo.ashx?logotype=${logoType}&dark=${dark}&default=${def}${culture ? `&culture=${culture}` : ""}`;
 }
 

packages/shared/utils/next-ssr-helper.ts

@@ -1,3 +1,5 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+/* eslint-disable global-require */
 // (c) Copyright Ascensio System SIA 2009-2024
 //
 // This program is a free software product.

yarn.lock

@@ -2186,6 +2186,34 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@bundled-es-modules/cookie@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "@bundled-es-modules/cookie@npm:2.0.0"
+  dependencies:
+    cookie: "npm:^0.5.0"
+  checksum: 10/c8ef02aa5d3f6c786cfa407e1c93b4af29c600eb09990973f47a7a49e4771c1bec37c8f8e567638bb9cbc41f4e38d065ff1d8eaf9bf91f0c3613a6d60bc82c8c
+  languageName: node
+  linkType: hard
+
+"@bundled-es-modules/statuses@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "@bundled-es-modules/statuses@npm:1.0.1"
+  dependencies:
+    statuses: "npm:^2.0.1"
+  checksum: 10/9bf6a2bcf040a66fb805da0e1446041fd9def7468bb5da29c5ce02adf121a3f7cec123664308059a62a46fcaee666add83094b76df6dce72e5cafa8e6bebe60d
+  languageName: node
+  linkType: hard
+
+"@bundled-es-modules/tough-cookie@npm:^0.1.6":
+  version: 0.1.6
+  resolution: "@bundled-es-modules/tough-cookie@npm:0.1.6"
+  dependencies:
+    "@types/tough-cookie": "npm:^4.0.5"
+    tough-cookie: "npm:^4.1.4"
+  checksum: 10/4f24a820f02c08c3ca0ff21272317357152093f76f9c8cc182517f61fa426ae53dadc4d68a3d6da5078e8d73f0ff8c0907a9f994c0be756162ba9c7358533e57
+  languageName: node
+  linkType: hard
+
 "@codemirror/autocomplete@npm:^0.19.0":
   version: 0.19.15
   resolution: "@codemirror/autocomplete@npm:0.19.15"
@@ -2879,7 +2907,7 @@ __metadata:
     "@types/jest": "npm:^29.5.10"
     "@types/lodash": "npm:^4.14.202"
     "@types/luxon": "npm:^3.3.1"
-    "@types/node": "npm:^20.9.4"
+    "@types/node": "npm:^22.5.1"
     "@types/react": "npm:^18.2.53"
     "@types/react-avatar-editor": "npm:^13.0.2"
     "@types/react-transition-group": "npm:^4.4.9"
@@ -2936,6 +2964,7 @@ __metadata:
     mobx-react: "npm:^7.6.0"
     moment: "npm:^2.29.4"
     moment-timezone: "npm:^0.5.43"
+    msw: "npm:^2.0.14"
     postcss: "npm:^7.0.39"
     prettier: "npm:^3.1.0"
     prop-types: "npm:^15.8.1"
@@ -4124,6 +4153,53 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@inquirer/confirm@npm:^3.0.0":
+  version: 3.1.22
+  resolution: "@inquirer/confirm@npm:3.1.22"
+  dependencies:
+    "@inquirer/core": "npm:^9.0.10"
+    "@inquirer/type": "npm:^1.5.2"
+  checksum: 10/14e547ae3194c6447d41bb87135c03aa5598fd340fced19e4e8bae1be4ae54a9ad3cf335a9c3c6dc54e2ffb7928319e0f4b428531b8ce720cd23d2444292ca36
+  languageName: node
+  linkType: hard
+
+"@inquirer/core@npm:^9.0.10":
+  version: 9.0.10
+  resolution: "@inquirer/core@npm:9.0.10"
+  dependencies:
+    "@inquirer/figures": "npm:^1.0.5"
+    "@inquirer/type": "npm:^1.5.2"
+    "@types/mute-stream": "npm:^0.0.4"
+    "@types/node": "npm:^22.1.0"
+    "@types/wrap-ansi": "npm:^3.0.0"
+    ansi-escapes: "npm:^4.3.2"
+    cli-spinners: "npm:^2.9.2"
+    cli-width: "npm:^4.1.0"
+    mute-stream: "npm:^1.0.0"
+    signal-exit: "npm:^4.1.0"
+    strip-ansi: "npm:^6.0.1"
+    wrap-ansi: "npm:^6.2.0"
+    yoctocolors-cjs: "npm:^2.1.2"
+  checksum: 10/1bcb1deb7393d78f2dac5b8774d10692ad50b70e3ebc24684d13259d0c6c863dd1bce8ab4d4a806a6e90d5a2517aa8f9981993b1a256c9be68d9ef5e748481c6
+  languageName: node
+  linkType: hard
+
+"@inquirer/figures@npm:^1.0.5":
+  version: 1.0.5
+  resolution: "@inquirer/figures@npm:1.0.5"
+  checksum: 10/60a51b2cdef03c89be25071c23d8c4ae427c56d8ac1b00bf054ca7be446674adc4edd66c15465fe6a81ff0726b024bf37f8a2903a8387ef968d33058da3e7a15
+  languageName: node
+  linkType: hard
+
+"@inquirer/type@npm:^1.5.2":
+  version: 1.5.2
+  resolution: "@inquirer/type@npm:1.5.2"
+  dependencies:
+    mute-stream: "npm:^1.0.0"
+  checksum: 10/90d9203b5d7da8530e210c5421630b577f24554c8b683a4b45ea0f5c6a89c451771170aa34f2b62ca57e4be4de41d6761c941475e25c54c82b527c05644f181f
+  languageName: node
+  linkType: hard
+
 "@isaacs/cliui@npm:^8.0.2":
   version: 8.0.2
   resolution: "@isaacs/cliui@npm:8.0.2"
@@ -4579,6 +4655,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@mswjs/interceptors@npm:^0.29.0":
+  version: 0.29.1
+  resolution: "@mswjs/interceptors@npm:0.29.1"
+  dependencies:
+    "@open-draft/deferred-promise": "npm:^2.2.0"
+    "@open-draft/logger": "npm:^0.3.0"
+    "@open-draft/until": "npm:^2.0.0"
+    is-node-process: "npm:^1.2.0"
+    outvariant: "npm:^1.2.1"
+    strict-event-emitter: "npm:^0.5.1"
+  checksum: 10/6a6ee6eb3db0fed60bbeb710288f8c1e2cac84f08254756b684dbd553b04449dfe4cce1261fcc83772ee114be2043d9777e2ee6d72bc8d14fd394f961827e528
+  languageName: node
+  linkType: hard
+
 "@ndelangen/get-tarball@npm:^3.0.7":
   version: 3.0.9
   resolution: "@ndelangen/get-tarball@npm:3.0.9"
@@ -4766,6 +4856,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@open-draft/deferred-promise@npm:^2.2.0":
+  version: 2.2.0
+  resolution: "@open-draft/deferred-promise@npm:2.2.0"
+  checksum: 10/bc3bb1668a555bb87b33383cafcf207d9561e17d2ca0d9e61b7ce88e82b66e36a333d3676c1d39eb5848022c03c8145331fcdc828ba297f88cb1de9c5cef6c19
+  languageName: node
+  linkType: hard
+
+"@open-draft/logger@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "@open-draft/logger@npm:0.3.0"
+  dependencies:
+    is-node-process: "npm:^1.2.0"
+    outvariant: "npm:^1.4.0"
+  checksum: 10/7a280f170bcd4e91d3eedbefe628efd10c3bd06dd2461d06a7fdbced89ef457a38785847f88cc630fb4fd7dfa176d6f77aed17e5a9b08000baff647433b5ff78
+  languageName: node
+  linkType: hard
+
+"@open-draft/until@npm:^2.0.0, @open-draft/until@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "@open-draft/until@npm:2.1.0"
+  checksum: 10/622be42950afc8e89715d0fd6d56cbdcd13e36625e23b174bd3d9f06f80e25f9adf75d6698af93bca1e1bf465b9ce00ec05214a12189b671fb9da0f58215b6f4
+  languageName: node
+  linkType: hard
+
 "@pkgjs/parseargs@npm:^0.11.0":
   version: 0.11.0
   resolution: "@pkgjs/parseargs@npm:0.11.0"
@@ -7685,6 +7799,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/cookie@npm:^0.6.0":
+  version: 0.6.0
+  resolution: "@types/cookie@npm:0.6.0"
+  checksum: 10/b883348d5bf88695fbc2c2276b1c49859267a55cae3cf11ea1dccc1b3be15b466e637ce3242109ba27d616c77c6aa4efe521e3d557110b4fdd9bc332a12445c2
+  languageName: node
+  linkType: hard
+
 "@types/cross-spawn@npm:^6.0.2":
   version: 6.0.6
   resolution: "@types/cross-spawn@npm:6.0.6"
@@ -8081,6 +8202,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/mute-stream@npm:^0.0.4":
+  version: 0.0.4
+  resolution: "@types/mute-stream@npm:0.0.4"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10/af8d83ad7b68ea05d9357985daf81b6c9b73af4feacb2f5c2693c7fd3e13e5135ef1bd083ce8d5bdc8e97acd28563b61bb32dec4e4508a8067fcd31b8a098632
+  languageName: node
+  linkType: hard
+
 "@types/node-fetch@npm:^2.6.4":
   version: 2.6.11
   resolution: "@types/node-fetch@npm:2.6.11"
@@ -8100,7 +8230,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/node@npm:*, @types/node@npm:>=12.12.47, @types/node@npm:>=13.7.0, @types/node@npm:^20.9.4":
+"@types/node@npm:*, @types/node@npm:>=12.12.47, @types/node@npm:>=13.7.0":
   version: 20.11.5
   resolution: "@types/node@npm:20.11.5"
   dependencies:
@@ -8127,6 +8257,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/node@npm:^22.1.0, @types/node@npm:^22.5.1":
+  version: 22.5.1
+  resolution: "@types/node@npm:22.5.1"
+  dependencies:
+    undici-types: "npm:~6.19.2"
+  checksum: 10/adcec0e8a9ec9112a8cc9529b7d633356c2377fe69ca6e6de4ee39cacb8c86a18a9b7ba658e2456f8ad90d5b76767b268f517b0336c6db787cb056dcdfed107a
+  languageName: node
+  linkType: hard
+
 "@types/normalize-package-data@npm:^2.4.0":
   version: 2.4.4
   resolution: "@types/normalize-package-data@npm:2.4.4"
@@ -8378,6 +8517,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/statuses@npm:^2.0.4":
+  version: 2.0.5
+  resolution: "@types/statuses@npm:2.0.5"
+  checksum: 10/3f2609f660b45a878c6782f2fb2cef9f08bbd4e89194bf7512e747b8a73b056839be1ad6f64b1353765528cd8a5e93adeffc471cde24d0d9f7b528264e7154e5
+  languageName: node
+  linkType: hard
+
 "@types/styled-components@npm:^5.1.25":
   version: 5.1.34
   resolution: "@types/styled-components@npm:5.1.34"
@@ -8389,7 +8535,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/tough-cookie@npm:*":
+"@types/tough-cookie@npm:*, @types/tough-cookie@npm:^4.0.5":
   version: 4.0.5
   resolution: "@types/tough-cookie@npm:4.0.5"
   checksum: 10/01fd82efc8202670865928629697b62fe9bf0c0dcbc5b1c115831caeb073a2c0abb871ff393d7df1ae94ea41e256cb87d2a5a91fd03cdb1b0b4384e08d4ee482
@@ -8456,6 +8602,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/wrap-ansi@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "@types/wrap-ansi@npm:3.0.0"
+  checksum: 10/8aa644946ca4e859668c36b8e2bcf2ac4bdee59dac760414730ea57be8a93ae9166ebd40a088f2ab714843aaea2a2a67f0e6e6ec11cfc9c8701b2466ca1c4089
+  languageName: node
+  linkType: hard
+
 "@types/ws@npm:^8.5.1":
   version: 8.5.10
   resolution: "@types/ws@npm:8.5.10"
@@ -9573,7 +9726,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ansi-escapes@npm:^4.2.1":
+"ansi-escapes@npm:^4.2.1, ansi-escapes@npm:^4.3.2":
   version: 4.3.2
   resolution: "ansi-escapes@npm:4.3.2"
   dependencies:
@@ -11311,7 +11464,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cli-spinners@npm:^2.5.0":
+"cli-spinners@npm:^2.5.0, cli-spinners@npm:^2.9.2":
   version: 2.9.2
   resolution: "cli-spinners@npm:2.9.2"
   checksum: 10/a0a863f442df35ed7294424f5491fa1756bd8d2e4ff0c8736531d886cec0ece4d85e8663b77a5afaf1d296e3cbbebff92e2e99f52bbea89b667cbe789b994794
@@ -11331,6 +11484,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"cli-width@npm:^4.1.0":
+  version: 4.1.0
+  resolution: "cli-width@npm:4.1.0"
+  checksum: 10/b58876fbf0310a8a35c79b72ecfcf579b354e18ad04e6b20588724ea2b522799a758507a37dfe132fafaf93a9922cafd9514d9e1598e6b2cd46694853aed099f
+  languageName: node
+  linkType: hard
+
 "client-only@npm:0.0.1":
   version: 0.0.1
   resolution: "client-only@npm:0.0.1"
@@ -11890,7 +12050,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cookie@npm:0.5.0":
+"cookie@npm:0.5.0, cookie@npm:^0.5.0":
   version: 0.5.0
   resolution: "cookie@npm:0.5.0"
   checksum: 10/aae7911ddc5f444a9025fbd979ad1b5d60191011339bce48e555cb83343d0f98b865ff5c4d71fecdfb8555a5cafdc65632f6fce172f32aaf6936830a883a0380
@@ -15912,6 +16072,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"graphql@npm:^16.8.1":
+  version: 16.9.0
+  resolution: "graphql@npm:16.9.0"
+  checksum: 10/5833f82bb6c31bec120bbf9cd400eda873e1bb7ef5c17974fa262cd82dc68728fda5d4cb859dc8aaa4c4fe4f6fe1103a9c47efc01a12c02ae5cb581d8e4029e2
+  languageName: node
+  linkType: hard
+
 "growl@npm:1.10.5":
   version: 1.10.5
   resolution: "growl@npm:1.10.5"
@@ -16160,6 +16327,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"headers-polyfill@npm:^4.0.2":
+  version: 4.0.3
+  resolution: "headers-polyfill@npm:4.0.3"
+  checksum: 10/3a008aa2ef71591e2077706efb48db1b2729b90cf646cc217f9b69744e35cca4ba463f39debb6000904aa7de4fada2e5cc682463025d26bcc469c1d99fa5af27
+  languageName: node
+  linkType: hard
+
 "hex-color-regex@npm:^1.1.0":
   version: 1.1.0
   resolution: "hex-color-regex@npm:1.1.0"
@@ -17307,6 +17481,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-node-process@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "is-node-process@npm:1.2.0"
+  checksum: 10/930765cdc6d81ab8f1bbecbea4a8d35c7c6d88a3ff61f3630e0fc7f22d624d7661c1df05c58547d0eb6a639dfa9304682c8e342c4113a6ed51472b704cee2928
+  languageName: node
+  linkType: hard
+
 "is-number-object@npm:^1.0.4":
   version: 1.0.7
   resolution: "is-number-object@npm:1.0.7"
@@ -21299,6 +21480,38 @@ __metadata:
   languageName: node
   linkType: hard
 
+"msw@npm:^2.0.14":
+  version: 2.3.5
+  resolution: "msw@npm:2.3.5"
+  dependencies:
+    "@bundled-es-modules/cookie": "npm:^2.0.0"
+    "@bundled-es-modules/statuses": "npm:^1.0.1"
+    "@bundled-es-modules/tough-cookie": "npm:^0.1.6"
+    "@inquirer/confirm": "npm:^3.0.0"
+    "@mswjs/interceptors": "npm:^0.29.0"
+    "@open-draft/until": "npm:^2.1.0"
+    "@types/cookie": "npm:^0.6.0"
+    "@types/statuses": "npm:^2.0.4"
+    chalk: "npm:^4.1.2"
+    graphql: "npm:^16.8.1"
+    headers-polyfill: "npm:^4.0.2"
+    is-node-process: "npm:^1.2.0"
+    outvariant: "npm:^1.4.2"
+    path-to-regexp: "npm:^6.2.0"
+    strict-event-emitter: "npm:^0.5.1"
+    type-fest: "npm:^4.9.0"
+    yargs: "npm:^17.7.2"
+  peerDependencies:
+    typescript: ">= 4.7.x"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  bin:
+    msw: cli/index.js
+  checksum: 10/c7c14f517bf4011de4d8758212f84b355433ac8087840f94a605690a1f41ea8f4a4b6e07161f734f823b2563ba0a8ea168036f59a6ccdfc895817db6eed64418
+  languageName: node
+  linkType: hard
+
 "multicast-dns-service-types@npm:^1.1.0":
   version: 1.1.0
   resolution: "multicast-dns-service-types@npm:1.1.0"
@@ -21330,6 +21543,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"mute-stream@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "mute-stream@npm:1.0.0"
+  checksum: 10/36fc968b0e9c9c63029d4f9dc63911950a3bdf55c9a87f58d3a266289b67180201cade911e7699f8b2fa596b34c9db43dad37649e3f7fdd13c3bb9edb0017ee7
+  languageName: node
+  linkType: hard
+
 "mz@npm:^2.1.0":
   version: 2.7.0
   resolution: "mz@npm:2.7.0"
@@ -22043,6 +22263,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"outvariant@npm:^1.2.1, outvariant@npm:^1.4.0, outvariant@npm:^1.4.2":
+  version: 1.4.3
+  resolution: "outvariant@npm:1.4.3"
+  checksum: 10/3a7582745850cb344d49641867a4c080858c54f4091afd91b9c0765ba6e471c2bc841348f0fff344845ddd0a4db42fd5d68c6f7ebaf32d4b676a3a9987b2488a
+  languageName: node
+  linkType: hard
+
 "p-event@npm:^4.2.0":
   version: 4.2.0
   resolution: "p-event@npm:4.2.0"
@@ -22409,6 +22636,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"path-to-regexp@npm:^6.2.0":
+  version: 6.2.2
+  resolution: "path-to-regexp@npm:6.2.2"
+  checksum: 10/f7d11c1a9e02576ce0294f4efdc523c11b73894947afdf7b23a0d0f7c6465d7a7772166e770ddf1495a8017cc0ee99e3e8a15ed7302b6b948b89a6dd4eea895e
+  languageName: node
+  linkType: hard
+
 "path-type@npm:^3.0.0":
   version: 3.0.0
   resolution: "path-type@npm:3.0.0"
@@ -26057,7 +26291,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"statuses@npm:2.0.1":
+"statuses@npm:2.0.1, statuses@npm:^2.0.1":
   version: 2.0.1
   resolution: "statuses@npm:2.0.1"
   checksum: 10/18c7623fdb8f646fb213ca4051be4df7efb3484d4ab662937ca6fbef7ced9b9e12842709872eb3020cc3504b93bde88935c9f6417489627a7786f24f8031cbcb
@@ -26209,6 +26443,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"strict-event-emitter@npm:^0.5.1":
+  version: 0.5.1
+  resolution: "strict-event-emitter@npm:0.5.1"
+  checksum: 10/25c84d88be85940d3547db665b871bfecea4ea0bedfeb22aae8db48126820cfb2b0bc2fba695392592a09b1aa36b686d6eede499e1ecd151593c03fe5a50d512
+  languageName: node
+  linkType: hard
+
 "strict-uri-encode@npm:^2.0.0":
   version: 2.0.0
   resolution: "strict-uri-encode@npm:2.0.0"
@@ -27125,6 +27366,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"tough-cookie@npm:^4.1.4":
+  version: 4.1.4
+  resolution: "tough-cookie@npm:4.1.4"
+  dependencies:
+    psl: "npm:^1.1.33"
+    punycode: "npm:^2.1.1"
+    universalify: "npm:^0.2.0"
+    url-parse: "npm:^1.5.3"
+  checksum: 10/75663f4e2cd085f16af0b217e4218772adf0617fb3227171102618a54ce0187a164e505d61f773ed7d65988f8ff8a8f935d381f87da981752c1171b076b4afac
+  languageName: node
+  linkType: hard
+
 "tr46@npm:^3.0.0":
   version: 3.0.0
   resolution: "tr46@npm:3.0.0"
@@ -27386,6 +27639,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"type-fest@npm:^4.9.0":
+  version: 4.25.0
+  resolution: "type-fest@npm:4.25.0"
+  checksum: 10/16ddf51dbfeef45e6f0a139c16f06d6cd05b61be76b048c41e79997f150a66422219d7ec10a2717ab926505402d59b1ddc8560f5f6c245e1b8a35971c2f1b754
+  languageName: node
+  linkType: hard
+
 "type-is@npm:^1.6.16, type-is@npm:^1.6.18, type-is@npm:~1.6.18":
   version: 1.6.18
   resolution: "type-is@npm:1.6.18"
@@ -27606,6 +27866,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"undici-types@npm:~6.19.2":
+  version: 6.19.8
+  resolution: "undici-types@npm:6.19.8"
+  checksum: 10/cf0b48ed4fc99baf56584afa91aaffa5010c268b8842f62e02f752df209e3dea138b372a60a963b3b2576ed932f32329ce7ddb9cb5f27a6c83040d8cd74b7a70
+  languageName: node
+  linkType: hard
+
 "undici@npm:5.28.3":
   version: 5.28.3
   resolution: "undici@npm:5.28.3"
@@ -29279,6 +29546,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"yoctocolors-cjs@npm:^2.1.2":
+  version: 2.1.2
+  resolution: "yoctocolors-cjs@npm:2.1.2"
+  checksum: 10/d731e3ba776a0ee19021d909787942933a6c2eafb2bbe85541f0c59aa5c7d475ce86fcb860d5803105e32244c3dd5ba875b87c4c6bf2d6f297da416aa54e556f
+  languageName: node
+  linkType: hard
+
 "zoom-level@npm:^2.5.0":
   version: 2.5.0
   resolution: "zoom-level@npm:2.5.0"