@deriv-com/translations 1.4.2 → 1.4.4

package/dist/chunk-CzZxQCTN.js

@@ -0,0 +1,14 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), n = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+}, r = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+export { n, r, t };

package/dist/components/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../localize-CZ6EZTCG.js";
+import e from "./localize.js";
 export { e as Localize };

package/dist/components/localize.js

@@ -1,2 +1,18 @@
-import { t as e } from "../localize-CZ6EZTCG.js";
-export { e as default };
+import { t as e } from "../jsx-runtime-22qKqdB2.js";
+import { Trans as t, withTranslation as n } from "react-i18next";
+import "react";
+//#region src/components/localize.tsx
+var r = e();
+function i({ i18n: e, i18n_default_text: n, values: i, components: a, options: o, shouldUnescape: s }) {
+	return /* @__PURE__ */ (0, r.jsx)(t, {
+		defaults: n,
+		i18n: e,
+		values: i,
+		components: a,
+		tOptions: o,
+		shouldUnescape: s
+	});
+}
+var a = n()(i);
+//#endregion
+export { a as default };

package/dist/hooks/use-translations.js

@@ -1,22 +1,23 @@
-import { t as e } from "../useTranslation-Ws-GUPE_.js";
-import { t } from "../translation-provider-DouO5SpQ.js";
-import { t as n } from "../utils/localize.js";
+"use client";
+import { t as e } from "../utils/localize.js";
+import { TranslationContext as t } from "../provider/translation-provider.js";
 import "../provider/index.js";
+import { useTranslation as n } from "react-i18next";
 import { useContext as r } from "react";
 //#region src/hooks/use-translations.ts
-var i = n();
+var i = e();
 function a() {
-	let n = r(t), { ready: a, t: o, i18n: s } = e(), c = (e, t = {}) => o((0, i.str)(e).toString(), {
+	let e = r(t), { ready: a, t: o, i18n: s } = n(), c = (e, t = {}) => o((0, i.str)(e).toString(), {
 		defaultValue: e,
 		...t
 	});
-	if (!n) throw Error("useTranslation has to be used within <TranslationContext.Provider>");
+	if (!e) throw Error("useTranslation has to be used within <TranslationContext.Provider>");
 	return {
 		ready: a,
 		localize: c,
 		instance: s,
-		switchLanguage: n.switchLanguage,
-		currentLang: n.currentLang
+		switchLanguage: e.switchLanguage,
+		currentLang: e.currentLang
 	};
 }
 //#endregion

package/dist/index.js

@@ -1,9 +1,9 @@
-import { t as e } from "./localize-CZ6EZTCG.js";
-import { n as t } from "./translation-provider-DouO5SpQ.js";
-import { i as n, n as r, r as i, t as a } from "./utils-17GMfKvo.js";
-import o from "./utils/localize.js";
+import { i as e, n as t, r as n, t as r } from "./utils-CvIwp1ax.js";
+import i from "./utils/localize.js";
+import a from "./components/localize.js";
 import "./components/index.js";
+import o from "./provider/translation-provider.js";
 import "./provider/index.js";
 import s from "./hooks/use-translations.js";
 import "./hooks/index.js";
-export { e as Localize, t as TranslationProvider, a as getAllowedLanguages, r as getInitialLanguage, n as initializeI18n, i as loadIncontextTranslation, o as localize, s as useTranslations };
+export { a as Localize, o as TranslationProvider, r as getAllowedLanguages, t as getInitialLanguage, e as initializeI18n, n as loadIncontextTranslation, i as localize, s as useTranslations };

package/dist/{jsx-runtime-BJITdUlL.js → jsx-runtime-22qKqdB2.js}

@@ -1,19 +1,6 @@
-import { r as e, t } from "./chunk-DeC0fbbY.js";
-import { createContext as n } from "react";
-//#region node_modules/react-i18next/dist/es/context.js
-var r = n(), i = class {
-	constructor() {
-		this.usedNamespaces = {};
-	}
-	addUsedNamespaces(e) {
-		e.forEach((e) => {
-			this.usedNamespaces[e] || (this.usedNamespaces[e] = !0);
-		});
-	}
-	getUsedNamespaces() {
-		return Object.keys(this.usedNamespaces);
-	}
-}, a = /* @__PURE__ */ t(((e) => {
+import { r as e, t } from "./chunk-CzZxQCTN.js";
+//#region node_modules/react/cjs/react-jsx-runtime.production.js
+var n = /* @__PURE__ */ t(((e) => {
 	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
 	function r(e, n, r) {
 		var i = null;
@@ -28,7 +15,7 @@ var r = n(), i = class {
 		};
 	}
 	e.Fragment = n, e.jsx = r, e.jsxs = r;
-})), o = /* @__PURE__ */ t(((t) => {
+})), r = /* @__PURE__ */ t(((t) => {
 	process.env.NODE_ENV !== "production" && (function() {
 		function n(e) {
 			if (e == null) return null;
@@ -186,8 +173,8 @@ var r = n(), i = class {
 			return f(e, t, n, !0, r ? Error("react-stack-top-frame") : I, r ? N(a(e)) : L);
 		};
 	})();
-})), s = /* @__PURE__ */ t(((e, t) => {
-	process.env.NODE_ENV === "production" ? t.exports = a() : t.exports = o();
+})), i = /* @__PURE__ */ t(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = n() : t.exports = r();
 }));
 //#endregion
-export { r as n, i as r, s as t };
+export { i as t };

package/dist/provider/index.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../translation-provider-DouO5SpQ.js";
+import e, { TranslationContext as t } from "./translation-provider.js";
 export { t as TranslationContext, e as TranslationProvider };

package/dist/provider/translation-provider.js

@@ -1,2 +1,27 @@
-import { n as e, t } from "../translation-provider-DouO5SpQ.js";
-export { t as TranslationContext, e as default };
+"use client";
+import "../utils-CvIwp1ax.js";
+import { LANGUAGE_KEY as e } from "../utils/constants.js";
+import { t } from "../jsx-runtime-22qKqdB2.js";
+import { I18nextProvider as n } from "react-i18next";
+import { createContext as r, useEffect as i, useState as a } from "react";
+//#region src/provider/translation-provider.tsx
+var o = t(), s = r(null);
+function c({ defaultLang: t, i18nInstance: r, children: c }) {
+	let [l, u] = a(t || ""), [d, f] = a(!1);
+	return i(() => {
+		r && (u(r.language || t || ""), f(!0));
+	}, [r, t]), !r || !d ? null : /* @__PURE__ */ (0, o.jsx)(n, {
+		i18n: r,
+		children: /* @__PURE__ */ (0, o.jsx)(s.Provider, {
+			value: {
+				currentLang: l,
+				switchLanguage: (t) => {
+					r.changeLanguage(t), u(t), localStorage.setItem(e, JSON.stringify(t));
+				}
+			},
+			children: c
+		})
+	});
+}
+//#endregion
+export { s as TranslationContext, c as default };

package/dist/utils/constants.js

@@ -1,4 +1,4 @@
-import { n as e } from "../chunk-DeC0fbbY.js";
+import { n as e } from "../chunk-CzZxQCTN.js";
 //#region src/utils/constants.ts
 var t = /* @__PURE__ */ e({
 	ALL_LANGUAGES: () => n,

package/dist/utils/index.js

@@ -1,4 +1,4 @@
-import { i as e, n as t, r as n, t as r } from "../utils-17GMfKvo.js";
+import { i as e, n as t, r as n, t as r } from "../utils-CvIwp1ax.js";
 import i from "./localize.js";
 import a from "./otasdk.js";
 import { t as o } from "./constants.js";

package/dist/utils/initialize-i18n.js

@@ -1,2 +1,2 @@
-import { i as e } from "../utils-17GMfKvo.js";
+import { i as e } from "../utils-CvIwp1ax.js";
 export { e as default };

package/dist/utils/lang-utils.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../utils-17GMfKvo.js";
+import { n as e, r as t, t as n } from "../utils-CvIwp1ax.js";
 export { n as getAllowedLanguages, e as getInitialLanguage, t as loadIncontextTranslation };

package/dist/utils/localize.js

@@ -1,5 +1,5 @@
-import { t as e } from "../chunk-DeC0fbbY.js";
-import { t } from "../i18next-DzZwHOzH.js";
+import { t as e } from "../chunk-CzZxQCTN.js";
+import t from "i18next";
 //#region node_modules/crc-32/crc32.js
 var n = /* @__PURE__ */ e(((e) => {
 	(function(t) {

package/dist/{utils-17GMfKvo.js → utils-CvIwp1ax.js}

@@ -1,10 +1,10 @@
-import { t as e } from "./i18next-DzZwHOzH.js";
-import { t } from "./initReactI18next-AIGy7ACI.js";
-import { t as n } from "./utils/localize.js";
-import r from "./utils/otasdk.js";
-import { ALL_LANGUAGES as i, LANGUAGE_KEY as a } from "./utils/constants.js";
+import { t as e } from "./utils/localize.js";
+import t from "./utils/otasdk.js";
+import { ALL_LANGUAGES as n, LANGUAGE_KEY as r } from "./utils/constants.js";
+import i from "i18next";
+import { initReactI18next as a } from "react-i18next";
 //#region src/utils/initialize-i18n.ts
-var o = n(), s = ({ useSuspense: e, enableDebug: t }) => ({
+var o = e(), s = ({ useSuspense: e, enableDebug: t }) => ({
 	react: {
 		hashTransKey(e) {
 			return (0, o.str)(e);
@@ -16,25 +16,25 @@ var o = n(), s = ({ useSuspense: e, enableDebug: t }) => ({
 	fallbackLng: "EN",
 	interpolation: { escapeValue: !1 }
 });
-function c({ cdnUrl: n, useSuspense: i = !0, enableDebug: a = !1 }) {
-	let o = new r(n), c = l(), u = s({
-		useSuspense: i,
-		enableDebug: a
+function c({ cdnUrl: e, useSuspense: n = !0, enableDebug: r = !1 }) {
+	let o = new t(e), c = l(), u = s({
+		useSuspense: n,
+		enableDebug: r
 	});
-	return e.use(o).use(t).init({
+	return i.use(o).use(a).init({
 		...u,
 		lng: c
-	}), e;
+	}), i;
 }
 //#endregion
 //#region src/utils/lang-utils.ts
 var l = () => {
 	let e = new URLSearchParams(window.location.search).get("lang"), t = localStorage.getItem("i18n_language") ?? "\"EN\"";
-	/^".*"$/.test(t) || (localStorage.setItem(a, JSON.stringify(t)), t = localStorage.getItem(a));
+	/^".*"$/.test(t) || (localStorage.setItem(r, JSON.stringify(t)), t = localStorage.getItem(r));
 	let n = JSON.parse(t);
 	if (e) {
 		let t = e.toUpperCase();
-		return localStorage.setItem(a, JSON.stringify(t)), t;
+		return localStorage.setItem(r, JSON.stringify(t)), t;
 	}
 	return n || "EN";
 }, u = (e) => {
@@ -44,7 +44,7 @@ var l = () => {
 	}
 }, d = (e = []) => {
 	let t = ["ACH", ...e];
-	return Object.keys(i).filter((e) => !t.includes(e)).reduce((e, t) => (e[t] = i[t], e), {});
+	return Object.keys(n).filter((e) => !t.includes(e)).reduce((e, t) => (e[t] = n[t], e), {});
 };
 //#endregion
 export { c as i, l as n, u as r, d as t };

package/package.json

@@ -10,7 +10,7 @@
     "deriv-extract-translations": "./dist/deriv-extract-translations.cjs"
   },
   "private": false,
-  "version": "1.4.2",
+  "version": "1.4.4",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build && cp ./src/scripts/deriv-extract-translations.cjs ./dist/deriv-extract-translations.cjs",
@@ -19,8 +19,10 @@
     "prepublish": "npm run test && npm run build"
   },
   "peerDependencies": {
+    "i18next": ">=23.0.0",
     "react": "^17.x || ^18.x",
-    "react-dom": "^17.x || ^18.x"
+    "react-dom": "^17.x || ^18.x",
+    "react-i18next": ">=14.0.0"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
@@ -31,6 +33,7 @@
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^8.58.0",

package/dist/chunk-DeC0fbbY.js

@@ -1,23 +0,0 @@
-//#region \0rolldown/runtime.js
-var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports), s = (e, n) => {
-	let r = {};
-	for (var i in e) t(r, i, {
-		get: e[i],
-		enumerable: !0
-	});
-	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
-}, c = (e, i, o, s) => {
-	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
-		get: ((e) => i[e]).bind(null, d),
-		enumerable: !(s = n(i, d)) || s.enumerable
-	});
-	return e;
-}, l = (n, r, a) => (a = n == null ? {} : e(i(n)), c(r || !n || !n.__esModule ? t(a, "default", {
-	value: n,
-	enumerable: !0
-}) : a, n)), u = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
-	if (typeof require < "u") return require.apply(this, arguments);
-	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
-});
-//#endregion
-export { l as i, s as n, u as r, o as t };