@magmamath/frontend-config 1.1.2-rc.2 → 1.1.2-rc.21

package/dist/translation/index.d.mts

@@ -0,0 +1,55 @@
+import { a as Locale } from '../common.constants-ClvjFWRr.mjs';
+import { InitOptions } from 'i18next';
+
+type TolgeeConfig = {
+    cdnHost: string;
+    apiUrl?: string;
+    apiKey?: string;
+};
+type StorageConfig = {
+    key: string;
+    adapter: {
+        getItem(key: string): string | null;
+        setItem(key: string, value: string): void;
+    };
+};
+type TranslationManagerOptions = {
+    isDev: boolean;
+    projectId: string;
+    i18nOptions: InitOptions;
+    isMobile?: boolean;
+    storage?: StorageConfig;
+};
+type OnTranslationInitCallback = (locale: Locale) => void;
+
+declare class TranslationManager {
+    private readonly projectId;
+    private readonly isDev;
+    private readonly i18nOptions;
+    private readonly isMobile;
+    private readonly onInitCallbacks;
+    private readonly storage?;
+    private tolgeeCfg;
+    private initPromise;
+    constructor({ projectId, isDev, i18nOptions, storage, isMobile }: TranslationManagerOptions);
+    readonly onInit: (callback: OnTranslationInitCallback) => void;
+    readonly init: (locale: Locale, envConfig: TolgeeConfig) => Promise<void>;
+    readonly setLanguage: (locale: Locale) => Promise<void>;
+    private readonly initI18n;
+    private readonly createBaseTolgeeInstance;
+    private readonly initTolgeeDevTools;
+}
+
+declare enum TranslationNamespace {
+    STUDENTS_WEB = "students-web",
+    TEACHERS_WEB = "teachers-web",
+    DISTRICT_DASH = "district-dash",
+    AUTH_WEB = "auth-web",
+    MOBILE = "mobile",
+    MAGMAMATH_FEATURES = "magmamath-features",
+    DRAW_BOARD = "drawboard",
+    STUDENTS_FEATURES = "students-features",
+    SHARED = "shared"
+}
+
+export { type OnTranslationInitCallback, type TolgeeConfig, TranslationManager, type TranslationManagerOptions, TranslationNamespace };

package/dist/translation/index.d.ts

@@ -0,0 +1,55 @@
+import { a as Locale } from '../common.constants-ClvjFWRr.js';
+import { InitOptions } from 'i18next';
+
+type TolgeeConfig = {
+    cdnHost: string;
+    apiUrl?: string;
+    apiKey?: string;
+};
+type StorageConfig = {
+    key: string;
+    adapter: {
+        getItem(key: string): string | null;
+        setItem(key: string, value: string): void;
+    };
+};
+type TranslationManagerOptions = {
+    isDev: boolean;
+    projectId: string;
+    i18nOptions: InitOptions;
+    isMobile?: boolean;
+    storage?: StorageConfig;
+};
+type OnTranslationInitCallback = (locale: Locale) => void;
+
+declare class TranslationManager {
+    private readonly projectId;
+    private readonly isDev;
+    private readonly i18nOptions;
+    private readonly isMobile;
+    private readonly onInitCallbacks;
+    private readonly storage?;
+    private tolgeeCfg;
+    private initPromise;
+    constructor({ projectId, isDev, i18nOptions, storage, isMobile }: TranslationManagerOptions);
+    readonly onInit: (callback: OnTranslationInitCallback) => void;
+    readonly init: (locale: Locale, envConfig: TolgeeConfig) => Promise<void>;
+    readonly setLanguage: (locale: Locale) => Promise<void>;
+    private readonly initI18n;
+    private readonly createBaseTolgeeInstance;
+    private readonly initTolgeeDevTools;
+}
+
+declare enum TranslationNamespace {
+    STUDENTS_WEB = "students-web",
+    TEACHERS_WEB = "teachers-web",
+    DISTRICT_DASH = "district-dash",
+    AUTH_WEB = "auth-web",
+    MOBILE = "mobile",
+    MAGMAMATH_FEATURES = "magmamath-features",
+    DRAW_BOARD = "drawboard",
+    STUDENTS_FEATURES = "students-features",
+    SHARED = "shared"
+}
+
+export { type OnTranslationInitCallback, type TolgeeConfig, TranslationManager, type TranslationManagerOptions, TranslationNamespace };

package/dist/translation/index.js

@@ -0,0 +1,117 @@
+'use strict';
+
+var i18n = require('i18next');
+var reactI18next = require('react-i18next');
+var i18next = require('@tolgee/i18next');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var i18n__default = /*#__PURE__*/_interopDefault(i18n);
+
+// src/translation/TranslationManager.ts
+
+// src/translation/translation.constants.ts
+var TranslationNamespace = /* @__PURE__ */ ((TranslationNamespace2) => {
+  TranslationNamespace2["STUDENTS_WEB"] = "students-web";
+  TranslationNamespace2["TEACHERS_WEB"] = "teachers-web";
+  TranslationNamespace2["DISTRICT_DASH"] = "district-dash";
+  TranslationNamespace2["AUTH_WEB"] = "auth-web";
+  TranslationNamespace2["MOBILE"] = "mobile";
+  TranslationNamespace2["MAGMAMATH_FEATURES"] = "magmamath-features";
+  TranslationNamespace2["DRAW_BOARD"] = "drawboard";
+  TranslationNamespace2["STUDENTS_FEATURES"] = "students-features";
+  TranslationNamespace2["SHARED"] = "shared";
+  return TranslationNamespace2;
+})(TranslationNamespace || {});
+var TOLGEE_DEV_TIMEOUT_MS = 3e3;
+var DEFAULT_I18N_OPTIONS = {
+  fallbackLng: void 0,
+  load: "currentOnly",
+  react: {
+    useSuspense: false
+  },
+  interpolation: {
+    escapeValue: false
+  }
+};
+
+// src/translation/TranslationManager.ts
+var TranslationManager = class {
+  projectId;
+  isDev;
+  i18nOptions;
+  isMobile;
+  onInitCallbacks = [];
+  storage;
+  tolgeeCfg = null;
+  initPromise = null;
+  constructor({ projectId, isDev, i18nOptions, storage, isMobile = false }) {
+    this.projectId = projectId;
+    this.isDev = isDev;
+    this.i18nOptions = i18nOptions;
+    this.storage = storage;
+    this.isMobile = isMobile;
+  }
+  onInit = (callback) => {
+    this.onInitCallbacks.push(callback);
+  };
+  init = async (locale, envConfig) => {
+    this.tolgeeCfg = envConfig;
+    if (!this.initPromise) {
+      this.initPromise = this.initI18n(locale).catch((error) => {
+        this.initPromise = null;
+        throw error;
+      });
+    }
+    await this.initPromise;
+  };
+  setLanguage = async (locale) => {
+    if (!i18n__default.default.isInitialized) return;
+    if (this.storage) {
+      this.storage.adapter.setItem(this.storage.key, locale);
+    }
+    if (i18n__default.default.language !== locale) {
+      await i18n__default.default.changeLanguage(locale);
+    }
+  };
+  initI18n = async (locale) => {
+    if (!this.tolgeeCfg) return;
+    const tolgee = this.isDev ? await this.initTolgeeDevTools(this.tolgeeCfg) : this.createBaseTolgeeInstance(this.tolgeeCfg).init();
+    await i18next.withTolgee(i18n__default.default, tolgee).use(reactI18next.initReactI18next).init({
+      ...DEFAULT_I18N_OPTIONS,
+      ...this.i18nOptions,
+      lng: locale
+    });
+    this.onInitCallbacks.forEach((callback) => callback(locale));
+  };
+  createBaseTolgeeInstance = (tolgeeCfg) => {
+    return i18next.Tolgee().use(i18next.I18nextPlugin()).use(
+      i18next.BackendFetch({
+        prefix: `${tolgeeCfg.cdnHost}/${this.projectId}`
+      })
+    );
+  };
+  initTolgeeDevTools = async (tolgeeCfg) => {
+    const { DevBackend } = await import('@tolgee/i18next');
+    const instance = this.createBaseTolgeeInstance(tolgeeCfg).use(DevBackend());
+    if (!this.isMobile) {
+      const { InContextTools } = await import('@tolgee/web/tools');
+      instance.use(InContextTools());
+    }
+    return instance.init({
+      apiUrl: tolgeeCfg.apiUrl,
+      apiKey: tolgeeCfg.apiKey,
+      fetch: (input, init) => {
+        const url = typeof input === "string" ? input.replace(/\/\?/, "?") : input;
+        const controller = new AbortController();
+        setTimeout(() => controller.abort(), TOLGEE_DEV_TIMEOUT_MS);
+        return fetch(url, { ...init, signal: controller.signal });
+      }
+    });
+  };
+};
+
+exports.TranslationManager = TranslationManager;
+exports.TranslationNamespace = TranslationNamespace;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/translation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/translation/translation.constants.ts","../../src/translation/TranslationManager.ts"],"names":["TranslationNamespace","i18n","withTolgee","initReactI18next","Tolgee","I18nextPlugin","BackendFetch"],"mappings":"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","file":"index.js","sourcesContent":["import { InitOptions } from 'i18next'\n\nexport enum TranslationNamespace {\n  STUDENTS_WEB = 'students-web',\n  TEACHERS_WEB = 'teachers-web',\n  DISTRICT_DASH = 'district-dash',\n  AUTH_WEB = 'auth-web',\n  MOBILE = 'mobile',\n  MAGMAMATH_FEATURES = 'magmamath-features',\n  DRAW_BOARD = 'drawboard',\n  STUDENTS_FEATURES = 'students-features',\n  SHARED = 'shared',\n}\n\nexport const TOLGEE_DEV_TIMEOUT_MS = 3000\n\nexport const DEFAULT_I18N_OPTIONS: InitOptions = {\n  fallbackLng: undefined,\n  load: 'currentOnly',\n  react: {\n    useSuspense: false,\n  },\n  interpolation: {\n    escapeValue: false,\n  },\n}\n","import i18n, { InitOptions } from 'i18next'\nimport { initReactI18next } from 'react-i18next'\nimport type { TolgeeInstance } from '@tolgee/i18next'\nimport { BackendFetch, I18nextPlugin, Tolgee, withTolgee } from '@tolgee/i18next'\nimport { Locale } from '../shared/constants/common.constants'\nimport { OnTranslationInitCallback, StorageConfig, TolgeeConfig, TranslationManagerOptions } from './translation.types'\nimport { DEFAULT_I18N_OPTIONS, TOLGEE_DEV_TIMEOUT_MS } from './translation.constants'\n\nexport class TranslationManager {\n  private readonly projectId: string\n  private readonly isDev: boolean\n  private readonly i18nOptions: InitOptions\n  private readonly isMobile: boolean\n  private readonly onInitCallbacks: OnTranslationInitCallback[] = []\n  private readonly storage?: StorageConfig\n\n  private tolgeeCfg: TolgeeConfig | null = null\n  private initPromise: Promise<void> | null = null\n\n  constructor({ projectId, isDev, i18nOptions, storage, isMobile = false }: TranslationManagerOptions) {\n    this.projectId = projectId\n    this.isDev = isDev\n    this.i18nOptions = i18nOptions\n    this.storage = storage\n    this.isMobile = isMobile\n  }\n\n  public readonly onInit = (callback: OnTranslationInitCallback) => {\n    this.onInitCallbacks.push(callback)\n  }\n\n  public readonly init = async (locale: Locale, envConfig: TolgeeConfig) => {\n    this.tolgeeCfg = envConfig\n\n    if (!this.initPromise) {\n      this.initPromise = this.initI18n(locale).catch((error) => {\n        this.initPromise = null\n        throw error\n      })\n    }\n    await this.initPromise\n  }\n\n  public readonly setLanguage = async (locale: Locale) => {\n    if (!i18n.isInitialized) return\n\n    if (this.storage) {\n      this.storage.adapter.setItem(this.storage.key, locale)\n    }\n\n    if (i18n.language !== locale) {\n      await i18n.changeLanguage(locale)\n    }\n  }\n\n  private readonly initI18n = async (locale: Locale) => {\n    if (!this.tolgeeCfg) return\n\n    const tolgee = this.isDev\n      ? await this.initTolgeeDevTools(this.tolgeeCfg)\n      : this.createBaseTolgeeInstance(this.tolgeeCfg).init()\n\n    await withTolgee(i18n, tolgee)\n      .use(initReactI18next)\n      .init({\n        ...DEFAULT_I18N_OPTIONS,\n        ...this.i18nOptions,\n        lng: locale,\n      })\n\n    this.onInitCallbacks.forEach((callback) => callback(locale))\n  }\n\n  private readonly createBaseTolgeeInstance = (tolgeeCfg: TolgeeConfig) => {\n    return Tolgee()\n      .use(I18nextPlugin())\n      .use(\n        BackendFetch({\n          prefix: `${tolgeeCfg.cdnHost}/${this.projectId}`,\n        })\n      )\n  }\n\n  private readonly initTolgeeDevTools = async (tolgeeCfg: TolgeeConfig): Promise<TolgeeInstance> => {\n    const { DevBackend } = await import('@tolgee/i18next')\n\n    const instance = this.createBaseTolgeeInstance(tolgeeCfg).use(DevBackend())\n\n    if (!this.isMobile) {\n      const { InContextTools } = await import('@tolgee/web/tools')\n      instance.use(InContextTools())\n    }\n\n    return instance.init({\n      apiUrl: tolgeeCfg.apiUrl,\n      apiKey: tolgeeCfg.apiKey,\n      fetch: (input, init) => {\n        // hermes appends trailing slash to the url, we need to remove it\n        const url = typeof input === 'string' ? input.replace(/\\/\\?/, '?') : input\n        const controller = new AbortController()\n        setTimeout(() => controller.abort(), TOLGEE_DEV_TIMEOUT_MS)\n        return fetch(url, { ...init, signal: controller.signal })\n      },\n    })\n  }\n}\n"]}

package/dist/translation/index.mjs

@@ -0,0 +1,110 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import { withTolgee, Tolgee, I18nextPlugin, BackendFetch } from '@tolgee/i18next';
+
+// src/translation/TranslationManager.ts
+
+// src/translation/translation.constants.ts
+var TranslationNamespace = /* @__PURE__ */ ((TranslationNamespace2) => {
+  TranslationNamespace2["STUDENTS_WEB"] = "students-web";
+  TranslationNamespace2["TEACHERS_WEB"] = "teachers-web";
+  TranslationNamespace2["DISTRICT_DASH"] = "district-dash";
+  TranslationNamespace2["AUTH_WEB"] = "auth-web";
+  TranslationNamespace2["MOBILE"] = "mobile";
+  TranslationNamespace2["MAGMAMATH_FEATURES"] = "magmamath-features";
+  TranslationNamespace2["DRAW_BOARD"] = "drawboard";
+  TranslationNamespace2["STUDENTS_FEATURES"] = "students-features";
+  TranslationNamespace2["SHARED"] = "shared";
+  return TranslationNamespace2;
+})(TranslationNamespace || {});
+var TOLGEE_DEV_TIMEOUT_MS = 3e3;
+var DEFAULT_I18N_OPTIONS = {
+  fallbackLng: void 0,
+  load: "currentOnly",
+  react: {
+    useSuspense: false
+  },
+  interpolation: {
+    escapeValue: false
+  }
+};
+
+// src/translation/TranslationManager.ts
+var TranslationManager = class {
+  projectId;
+  isDev;
+  i18nOptions;
+  isMobile;
+  onInitCallbacks = [];
+  storage;
+  tolgeeCfg = null;
+  initPromise = null;
+  constructor({ projectId, isDev, i18nOptions, storage, isMobile = false }) {
+    this.projectId = projectId;
+    this.isDev = isDev;
+    this.i18nOptions = i18nOptions;
+    this.storage = storage;
+    this.isMobile = isMobile;
+  }
+  onInit = (callback) => {
+    this.onInitCallbacks.push(callback);
+  };
+  init = async (locale, envConfig) => {
+    this.tolgeeCfg = envConfig;
+    if (!this.initPromise) {
+      this.initPromise = this.initI18n(locale).catch((error) => {
+        this.initPromise = null;
+        throw error;
+      });
+    }
+    await this.initPromise;
+  };
+  setLanguage = async (locale) => {
+    if (!i18n.isInitialized) return;
+    if (this.storage) {
+      this.storage.adapter.setItem(this.storage.key, locale);
+    }
+    if (i18n.language !== locale) {
+      await i18n.changeLanguage(locale);
+    }
+  };
+  initI18n = async (locale) => {
+    if (!this.tolgeeCfg) return;
+    const tolgee = this.isDev ? await this.initTolgeeDevTools(this.tolgeeCfg) : this.createBaseTolgeeInstance(this.tolgeeCfg).init();
+    await withTolgee(i18n, tolgee).use(initReactI18next).init({
+      ...DEFAULT_I18N_OPTIONS,
+      ...this.i18nOptions,
+      lng: locale
+    });
+    this.onInitCallbacks.forEach((callback) => callback(locale));
+  };
+  createBaseTolgeeInstance = (tolgeeCfg) => {
+    return Tolgee().use(I18nextPlugin()).use(
+      BackendFetch({
+        prefix: `${tolgeeCfg.cdnHost}/${this.projectId}`
+      })
+    );
+  };
+  initTolgeeDevTools = async (tolgeeCfg) => {
+    const { DevBackend } = await import('@tolgee/i18next');
+    const instance = this.createBaseTolgeeInstance(tolgeeCfg).use(DevBackend());
+    if (!this.isMobile) {
+      const { InContextTools } = await import('@tolgee/web/tools');
+      instance.use(InContextTools());
+    }
+    return instance.init({
+      apiUrl: tolgeeCfg.apiUrl,
+      apiKey: tolgeeCfg.apiKey,
+      fetch: (input, init) => {
+        const url = typeof input === "string" ? input.replace(/\/\?/, "?") : input;
+        const controller = new AbortController();
+        setTimeout(() => controller.abort(), TOLGEE_DEV_TIMEOUT_MS);
+        return fetch(url, { ...init, signal: controller.signal });
+      }
+    });
+  };
+};
+
+export { TranslationManager, TranslationNamespace };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/translation/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/translation/translation.constants.ts","../../src/translation/TranslationManager.ts"],"names":["TranslationNamespace"],"mappings":"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","file":"index.mjs","sourcesContent":["import { InitOptions } from 'i18next'\n\nexport enum TranslationNamespace {\n  STUDENTS_WEB = 'students-web',\n  TEACHERS_WEB = 'teachers-web',\n  DISTRICT_DASH = 'district-dash',\n  AUTH_WEB = 'auth-web',\n  MOBILE = 'mobile',\n  MAGMAMATH_FEATURES = 'magmamath-features',\n  DRAW_BOARD = 'drawboard',\n  STUDENTS_FEATURES = 'students-features',\n  SHARED = 'shared',\n}\n\nexport const TOLGEE_DEV_TIMEOUT_MS = 3000\n\nexport const DEFAULT_I18N_OPTIONS: InitOptions = {\n  fallbackLng: undefined,\n  load: 'currentOnly',\n  react: {\n    useSuspense: false,\n  },\n  interpolation: {\n    escapeValue: false,\n  },\n}\n","import i18n, { InitOptions } from 'i18next'\nimport { initReactI18next } from 'react-i18next'\nimport type { TolgeeInstance } from '@tolgee/i18next'\nimport { BackendFetch, I18nextPlugin, Tolgee, withTolgee } from '@tolgee/i18next'\nimport { Locale } from '../shared/constants/common.constants'\nimport { OnTranslationInitCallback, StorageConfig, TolgeeConfig, TranslationManagerOptions } from './translation.types'\nimport { DEFAULT_I18N_OPTIONS, TOLGEE_DEV_TIMEOUT_MS } from './translation.constants'\n\nexport class TranslationManager {\n  private readonly projectId: string\n  private readonly isDev: boolean\n  private readonly i18nOptions: InitOptions\n  private readonly isMobile: boolean\n  private readonly onInitCallbacks: OnTranslationInitCallback[] = []\n  private readonly storage?: StorageConfig\n\n  private tolgeeCfg: TolgeeConfig | null = null\n  private initPromise: Promise<void> | null = null\n\n  constructor({ projectId, isDev, i18nOptions, storage, isMobile = false }: TranslationManagerOptions) {\n    this.projectId = projectId\n    this.isDev = isDev\n    this.i18nOptions = i18nOptions\n    this.storage = storage\n    this.isMobile = isMobile\n  }\n\n  public readonly onInit = (callback: OnTranslationInitCallback) => {\n    this.onInitCallbacks.push(callback)\n  }\n\n  public readonly init = async (locale: Locale, envConfig: TolgeeConfig) => {\n    this.tolgeeCfg = envConfig\n\n    if (!this.initPromise) {\n      this.initPromise = this.initI18n(locale).catch((error) => {\n        this.initPromise = null\n        throw error\n      })\n    }\n    await this.initPromise\n  }\n\n  public readonly setLanguage = async (locale: Locale) => {\n    if (!i18n.isInitialized) return\n\n    if (this.storage) {\n      this.storage.adapter.setItem(this.storage.key, locale)\n    }\n\n    if (i18n.language !== locale) {\n      await i18n.changeLanguage(locale)\n    }\n  }\n\n  private readonly initI18n = async (locale: Locale) => {\n    if (!this.tolgeeCfg) return\n\n    const tolgee = this.isDev\n      ? await this.initTolgeeDevTools(this.tolgeeCfg)\n      : this.createBaseTolgeeInstance(this.tolgeeCfg).init()\n\n    await withTolgee(i18n, tolgee)\n      .use(initReactI18next)\n      .init({\n        ...DEFAULT_I18N_OPTIONS,\n        ...this.i18nOptions,\n        lng: locale,\n      })\n\n    this.onInitCallbacks.forEach((callback) => callback(locale))\n  }\n\n  private readonly createBaseTolgeeInstance = (tolgeeCfg: TolgeeConfig) => {\n    return Tolgee()\n      .use(I18nextPlugin())\n      .use(\n        BackendFetch({\n          prefix: `${tolgeeCfg.cdnHost}/${this.projectId}`,\n        })\n      )\n  }\n\n  private readonly initTolgeeDevTools = async (tolgeeCfg: TolgeeConfig): Promise<TolgeeInstance> => {\n    const { DevBackend } = await import('@tolgee/i18next')\n\n    const instance = this.createBaseTolgeeInstance(tolgeeCfg).use(DevBackend())\n\n    if (!this.isMobile) {\n      const { InContextTools } = await import('@tolgee/web/tools')\n      instance.use(InContextTools())\n    }\n\n    return instance.init({\n      apiUrl: tolgeeCfg.apiUrl,\n      apiKey: tolgeeCfg.apiKey,\n      fetch: (input, init) => {\n        // hermes appends trailing slash to the url, we need to remove it\n        const url = typeof input === 'string' ? input.replace(/\\/\\?/, '?') : input\n        const controller = new AbortController()\n        setTimeout(() => controller.abort(), TOLGEE_DEV_TIMEOUT_MS)\n        return fetch(url, { ...init, signal: controller.signal })\n      },\n    })\n  }\n}\n"]}

package/package.json

@@ -1,9 +1,28 @@
 {
   "name": "@magmamath/frontend-config",
-  "version": "1.1.2-rc.2",
+  "version": "1.1.2-rc.21",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./translation": {
+      "types": "./dist/translation/index.d.ts",
+      "import": "./dist/translation/index.mjs",
+      "require": "./dist/translation/index.js"
+    }
+  },
+  "typesVersions": {
+    "*": {
+      "translation": [
+        "./dist/translation/index.d.ts"
+      ]
+    }
+  },
   "license": "ISC",
   "files": [
     "dist/**"
@@ -21,17 +40,25 @@
   },
   "peerDependencies": {
     "effector": "^23.4.4",
+    "i18next": ">=23",
     "react": "^18",
     "react-dom": "^18",
-    "react-native-svg": "15.13.0"
+    "react-i18next": ">=14",
+    "react-native-svg": "15.13.0",
+    "@tolgee/i18next": ">=5",
+    "@tolgee/web": ">=5"
   },
   "dependencies": {},
   "devDependencies": {
+    "@tolgee/i18next": "^5.0.0",
+    "@tolgee/web": "^5.0.0",
     "@types/node": "^18.0.0",
     "@types/react": "^19.2.2",
     "effector": "^23.4.4",
     "eslint": "^8.57.0",
+    "i18next": "^23.0.0",
     "react": "^18",
+    "react-i18next": "^14.0.0",
     "react-native-svg": "15.13.0",
     "rimraf": "^5.0.0",
     "tsup": "^8.0.0",