@deriv-com/translations 1.2.3 → 1.2.4

package/README.md

@@ -102,7 +102,7 @@ import { Localize } from "@deriv-com/translations";
 
 ### ~~`localize`~~ example:
 
-> Note that the `localize` function is deprecated and should be replaced with the `useTranslations` hook or the `Localize` component. the example of the `localize` function is provided for backward compatibility.
+> Note that the `localize` function is deprecated and should be replaced with the `useTranslations` hook or the `Localize` component. this function will not get the update from i18n instance once there is any changes like resource loaded or language change. the example of the `localize` function is provided for backward compatibility.
 
 ```jsx
 import { localize } from "@deriv-com/translations";

package/dist/components/localize.d.ts

@@ -0,0 +1,11 @@
+import type { i18n } from "i18next";
+type TLocalizeProps = {
+    i18n_default_text: string;
+    values?: object;
+    components?: JSX.Element[];
+    options?: Record<string, unknown>;
+    shouldUnescape?: boolean;
+    i18n?: i18n;
+};
+declare const Localize: React.ComponentType<TLocalizeProps>;
+export default Localize;

package/dist/components/localize.js

@@ -1,7 +1,7 @@
 import { jsx as W } from "react/jsx-runtime";
 import { createElement as T, isValidElement as D, Fragment as z, cloneElement as M, Children as _, useContext as J, forwardRef as U } from "react";
 import { w as X, a as K, g as Y, u as Z } from "../useTranslation-DWHGHs02.js";
-import { g as q, b as V } from "../i18nInstance-D20fwFYr.js";
+import { g as q, b as S } from "../i18nInstance-D20fwFYr.js";
 import { I as G } from "../context-f4Bcf4Hs.js";
 function Q(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -24,7 +24,7 @@ var ee = {
 };
 const te = /* @__PURE__ */ Q(ee);
 var ne = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;
-function S(e) {
+function R(e) {
   var t = { type: "tag", name: "", voidElement: !1, attrs: {}, children: [] }, n = e.match(/<\/?([^\s]+?)[/\s>]/);
   if (n && (t.name = n[1], (te[n[1]] || e.charAt(e.length - 2) === "/") && (t.voidElement = !0), t.name.startsWith("!--"))) {
     var o = e.indexOf("-->");
@@ -40,7 +40,7 @@ function S(e) {
   return t;
 }
 var se = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g, re = /^\s*$/, oe = /* @__PURE__ */ Object.create(null);
-function B(e, t) {
+function V(e, t) {
   switch (t.type) {
     case "text":
       return e + t.content;
@@ -50,7 +50,7 @@ function B(e, t) {
         for (var p in n)
           o.push(p + '="' + n[p] + '"');
         return o.length ? " " + o.join(" ") : "";
-      }(t.attrs) : "") + (t.voidElement ? "/>" : ">"), t.voidElement ? e : e + t.children.reduce(B, "") + "</" + t.name + ">";
+      }(t.attrs) : "") + (t.voidElement ? "/>" : ">"), t.voidElement ? e : e + t.children.reduce(V, "") + "</" + t.name + ">";
     case "comment":
       return e + "<!--" + t.comment + "-->";
   }
@@ -70,10 +70,10 @@ var ae = { parse: function(e, t) {
     }
     var g, j = f.charAt(1) !== "/", w = f.startsWith("<!--"), b = c + f.length, x = e.charAt(b);
     if (w) {
-      var y = S(f);
+      var y = R(f);
       return s < 0 ? (o.push(y), o) : ((g = p[s]).children.push(y), o);
     }
-    if (j && (s++, (n = S(f)).type === "tag" && t.components[n.name] && (n.type = "component", i = !0), n.voidElement || i || !x || x === "<" || n.children.push({ type: "text", content: e.slice(b, e.indexOf("<", b)) }), s === 0 && o.push(n), (g = p[s - 1]) && g.children.push(n), p[s] = n), (!j || n.voidElement) && (s > -1 && (n.voidElement || n.name === f.slice(2, -1)) && (s--, n = s === -1 ? o : p[s]), !i && x !== "<" && x)) {
+    if (j && (s++, (n = R(f)).type === "tag" && t.components[n.name] && (n.type = "component", i = !0), n.voidElement || i || !x || x === "<" || n.children.push({ type: "text", content: e.slice(b, e.indexOf("<", b)) }), s === 0 && o.push(n), (g = p[s - 1]) && g.children.push(n), p[s] = n), (!j || n.voidElement) && (s > -1 && (n.voidElement || n.name === f.slice(2, -1)) && (s--, n = s === -1 ? o : p[s]), !i && x !== "<" && x)) {
       g = s === -1 ? o : p[s].children;
       var m = e.indexOf("<", b), u = e.slice(b, m === -1 ? void 0 : m);
       re.test(u) && (u = " "), (m > -1 && s + g.length >= 0 || u !== " ") && g.push({ type: "text", content: u });
@@ -81,7 +81,7 @@ var ae = { parse: function(e, t) {
   }), o;
 }, stringify: function(e) {
   return e.reduce(function(t, n) {
-    return t + B("", n);
+    return t + V("", n);
   }, "");
 } };
 function H(e, t) {
@@ -90,7 +90,7 @@ function H(e, t) {
   const n = e.props ? e.props.children : e.children;
   return t ? n.length > 0 : !!n;
 }
-function R(e) {
+function L(e) {
   if (!e)
     return [];
   const t = e.props ? e.props.children : e.children;
@@ -108,7 +108,7 @@ function le(e, t) {
   };
   return n.props = Object.assign(e.props, t.props), n;
 }
-function L(e, t) {
+function B(e, t) {
   if (!e)
     return "";
   let n = "";
@@ -127,7 +127,7 @@ function L(e, t) {
       else if (f && a === 1 && typeof c == "string")
         n += `<${s.type}>${c}</${s.type}>`;
       else {
-        const g = L(c, t);
+        const g = B(c, t);
         n += `<${i}>${g}</${i}>`;
       }
     } else if (s === null)
@@ -155,7 +155,7 @@ function pe(e, t, n, o, p, s) {
   const f = {};
   function c(m) {
     F(m).forEach((l) => {
-      typeof l != "string" && (H(l) ? c(R(l)) : typeof l == "object" && !D(l) && Object.assign(f, l));
+      typeof l != "string" && (H(l) ? c(L(l)) : typeof l == "object" && !D(l) && Object.assign(f, l));
     });
   }
   c(e);
@@ -164,7 +164,7 @@ function pe(e, t, n, o, p, s) {
     ...p
   };
   function w(m, u, l) {
-    const v = R(m), O = x(v, u.children, l);
+    const v = L(m), O = x(v, u.children, l);
     return ie(v) && O.length === 0 || m.props && m.props.i18nIsDynamicList ? v : O;
   }
   function b(m, u, l, v, O) {
@@ -184,17 +184,17 @@ function pe(e, t, n, o, p, s) {
   function x(m, u, l) {
     const v = F(m);
     return F(u).reduce((h, r, k) => {
-      const C = r.children && r.children[0] && r.children[0].content && n.services.interpolator.interpolate(r.children[0].content, j, n.language);
+      const A = r.children && r.children[0] && r.children[0].content && n.services.interpolator.interpolate(r.children[0].content, j, n.language);
       if (r.type === "tag") {
         let E = v[parseInt(r.name, 10)];
         l.length === 1 && !E && (E = l[0][r.name]), E || (E = {});
         const d = Object.keys(r.attrs).length !== 0 ? le({
           props: r.attrs
-        }, E) : E, N = D(d), A = N && H(r, !0) && !r.voidElement, P = a && typeof d == "object" && d.dummy && !N, I = typeof e == "object" && e !== null && Object.hasOwnProperty.call(e, r.name);
+        }, E) : E, N = D(d), C = N && H(r, !0) && !r.voidElement, P = a && typeof d == "object" && d.dummy && !N, I = typeof e == "object" && e !== null && Object.hasOwnProperty.call(e, r.name);
         if (typeof d == "string") {
           const $ = n.services.interpolator.interpolate(d, j, n.language);
           h.push($);
-        } else if (H(d) || A) {
+        } else if (H(d) || C) {
           const $ = w(d, r, l);
           b(d, $, h, k);
         } else if (P) {
@@ -222,10 +222,10 @@ function pe(e, t, n, o, p, s) {
             h.push(`<${r.name}>${$}</${r.name}>`);
           }
         else if (typeof d == "object" && !N) {
-          const $ = r.children[0] ? C : null;
+          const $ = r.children[0] ? A : null;
           $ && h.push($);
         } else
-          b(d, C, h, k, r.children.length !== 1 || !C);
+          b(d, A, h, k, r.children.length !== 1 || !A);
       } else if (r.type === "text") {
         const E = o.transWrapTextNodes, d = s ? o.unescape(n.services.interpolator.interpolate(r.content, j, n.language)) : n.services.interpolator.interpolate(r.content, j, n.language);
         E ? h.push(T(E, {
@@ -239,7 +239,7 @@ function pe(e, t, n, o, p, s) {
     dummy: !0,
     children: e || []
   }], g, F(e || []));
-  return R(y[0]);
+  return L(y[0]);
 }
 function ue(e) {
   let {
@@ -258,10 +258,10 @@ function ue(e) {
     shouldUnescape: b,
     ...x
   } = e;
-  const y = j || V();
+  const y = j || S();
   if (!y)
     return X("You will need to pass in an i18next instance by using i18nextReactModule"), t;
-  const m = w || y.t.bind(y) || ((A) => A);
+  const m = w || y.t.bind(y) || ((C) => C);
   s && (i.context = s);
   const u = {
     ...q(),
@@ -269,7 +269,7 @@ function ue(e) {
   };
   let l = g || m.ns || y.options && y.options.defaultNS;
   l = typeof l == "string" ? [l] : l || ["translation"];
-  const v = L(t, u), O = f || v || u.transEmptyNodeValue || p, {
+  const v = B(t, u), O = f || v || u.transEmptyNodeValue || p, {
     hashTransKey: h
   } = u, r = p || (h ? h(v || O) : v || O);
   y.options && y.options.interpolation && y.options.interpolation.defaultVariables && (a = a && Object.keys(a).length > 0 ? {
@@ -284,24 +284,24 @@ function ue(e) {
       prefix: "#$?",
       suffix: "?$#"
     }
-  }, C = {
+  }, A = {
     ...i,
     count: n,
     ...a,
     ...k,
     defaultValue: O,
     ns: l
-  }, E = r ? m(r, C) : O;
-  c && Object.keys(c).forEach((A) => {
-    const P = c[A];
-    if (typeof P.type == "function" || !P.props || !P.props.children || E.indexOf(`${A}/>`) < 0 && E.indexOf(`${A} />`) < 0)
+  }, E = r ? m(r, A) : O;
+  c && Object.keys(c).forEach((C) => {
+    const P = c[C];
+    if (typeof P.type == "function" || !P.props || !P.props.children || E.indexOf(`${C}/>`) < 0 && E.indexOf(`${C} />`) < 0)
       return;
     function I() {
       return T(z, null, P);
     }
-    c[A] = T(I);
+    c[C] = T(I);
   });
-  const d = pe(c || t, E, y, u, C, b), N = o !== void 0 ? o : u.defaultTransParent;
+  const d = pe(c || t, E, y, u, A, b), N = o !== void 0 ? o : u.defaultTransParent;
   return N ? T(N, x, d) : d;
 }
 function ce(e) {
@@ -324,7 +324,7 @@ function ce(e) {
   const {
     i18n: y,
     defaultNS: m
-  } = J(G) || {}, u = j || y || V(), l = w || u && u.t.bind(u);
+  } = J(G) || {}, u = j || y || S(), l = w || u && u.t.bind(u);
   return ue({
     children: t,
     count: n,

package/dist/provider/translation-provider.js

@@ -1,46 +1,46 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useMemo as f, createElement as c, createContext as g, useState as u, useEffect as m } from "react";
+import { useMemo as m, createElement as d, createContext as f, useState as u, useEffect as g } from "react";
 import "../crc32-LCGpXEbE.js";
 import { L } from "../constants-C3Rdpvgf.js";
 import { I as p } from "../context-f4Bcf4Hs.js";
-function v(a) {
+function v(t) {
   let {
     i18n: e,
-    defaultNS: r,
+    defaultNS: o,
     children: n
-  } = a;
-  const o = f(() => ({
+  } = t;
+  const a = m(() => ({
     i18n: e,
-    defaultNS: r
-  }), [e, r]);
-  return c(p.Provider, {
-    value: o
+    defaultNS: o
+  }), [e, o]);
+  return d(p.Provider, {
+    value: a
   }, n);
 }
-const x = g(null);
+const x = f(null);
 function S({
-  defaultLang: a,
+  defaultLang: t,
   i18nInstance: e,
-  children: r
+  children: o
 }) {
-  const [n, o] = u(a || ""), [l, s] = u(!1), d = (t) => {
-    e.changeLanguage(t), o(t), localStorage.setItem(L, t);
+  const [n, a] = u(t || ""), [s, l] = u(!1), c = (r) => {
+    e.changeLanguage(r), a(r), localStorage.setItem(L, r);
   };
-  return m(() => {
+  return g(() => {
     if (e) {
-      const t = e.language;
-      o(t), e.on("initialized", () => {
-        s(!0);
+      const r = e.language || t || "";
+      a(r), e.on("initialized", () => {
+        l(!0);
       });
     }
-  }, [e]), !e || !l ? null : /* @__PURE__ */ i(v, { i18n: e, children: /* @__PURE__ */ i(
+  }, [e, t]), !e || !s ? null : /* @__PURE__ */ i(v, { i18n: e, children: /* @__PURE__ */ i(
     x.Provider,
     {
       value: {
         currentLang: n,
-        switchLanguage: d
+        switchLanguage: c
       },
-      children: r
+      children: o
     }
   ) });
 }

package/dist/utils/localize.d.ts

@@ -1,4 +1,6 @@
 /**
+ * @deprecated use the `localize` function from the `useTranslations` hook, this function will not get the update from i18n instance once there is any changes like resource loaded or language changed
+ *
  * @param {string} string
  * @param {Record<string, unknown>} values
  * @returns {string}

package/package.json

@@ -16,7 +16,7 @@
     }
   },
   "private": false,
-  "version": "1.2.3",
+  "version": "1.2.4",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build && cp ./src/scripts/deriv-extract-translations.cjs ./dist/deriv-extract-translations.cjs",