@creopse/react 0.0.10 → 0.0.11

package/dist/hooks/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-ZewuA4XM.cjs");
+const index = require("../index-C3UpNpqk.cjs");
 const React = require("react");
 const react = require("@inertiajs/react");
 const useProps = () => {

package/dist/hooks/index.mjs

@@ -1,5 +1,5 @@
-import { P as PropsContext, b as useApi, u as useHelper, a as ResolveSectionsContext, c as cloneDeep } from "../index-4XGApE5d.js";
-import { d } from "../index-4XGApE5d.js";
+import { P as PropsContext, b as useApi, u as useHelper, a as ResolveSectionsContext, c as cloneDeep } from "../index-B7GqfDTJ.js";
+import { d } from "../index-B7GqfDTJ.js";
 import { useContext, useState, useEffect, useCallback, useMemo } from "react";
 import { usePage } from "@inertiajs/react";
 const useProps = () => {

package/dist/{index-4XGApE5d.js → index-B7GqfDTJ.js}

@@ -6949,7 +6949,7 @@ const useMediaQuery = (query) => {
 const useHelper = () => {
   const page = usePage();
   const { request } = useApi();
-  const { apiBaseUrl } = useConfig();
+  const { apiBaseUrl, langKey } = useConfig();
   const currentRoutePath = useMemo(() => page.url, [page.url]);
   const resolveUrl = useCallback(
     (path) => {
@@ -6990,15 +6990,19 @@ const useHelper = () => {
     },
     [fileUrl]
   );
-  const getTranslation = useCallback((data, lang2) => {
-    let parsedData;
-    try {
-      parsedData = JSON.parse(data);
-    } catch (e) {
-      parsedData = {};
-    }
-    return parsedData ? parsedData[lang2.toUpperCase()] || parsedData[lang2] || parsedData["en"] || "" : "";
-  }, []);
+  const getTranslation = useCallback(
+    (data, lang2) => {
+      let parsedData;
+      if (!lang2) lang2 = localStorage.getItem(langKey) || "en";
+      try {
+        parsedData = JSON.parse(data);
+      } catch (e) {
+        parsedData = {};
+      }
+      return parsedData ? parsedData[lang2.toUpperCase()] || parsedData[lang2] || parsedData["en"] || "" : "";
+    },
+    [langKey]
+  );
   const tr = useCallback(
     (data, lang2) => {
       return getTranslation(data, lang2);
@@ -7074,8 +7078,9 @@ const useHelper = () => {
     (label) => languages.find((l) => l.label === label)?.value,
     [languages]
   );
-  const updateUserLang = useCallback(
+  const updateLang = useCallback(
     async (val, reload = true, updateUserPrefs = true) => {
+      localStorage.setItem(langKey, val);
       if (page.props.isUserLoggedIn && updateUserPrefs) {
         const userPrefs = page.props.userData?.preferences || {
           inAppNotifEnabled: Bool.TRUE,
@@ -7093,7 +7098,7 @@ const useHelper = () => {
       }
       if (reload) location.reload();
     },
-    [page.props, request]
+    [langKey, page.props, request]
   );
   const displayFormErrors = useCallback(
     (errors, displayError) => {
@@ -7183,7 +7188,7 @@ const useHelper = () => {
     displayFormErrors,
     resolveHtmlLinks,
     resolveUrl,
-    updateUserLang,
+    updateLang,
     languages,
     getImage,
     fileUrl,

package/dist/{index-ZewuA4XM.cjs → index-C3UpNpqk.cjs}

@@ -6950,7 +6950,7 @@ const useMediaQuery = (query) => {
 const useHelper = () => {
   const page = react.usePage();
   const { request } = useApi();
-  const { apiBaseUrl } = useConfig();
+  const { apiBaseUrl, langKey } = useConfig();
   const currentRoutePath = React.useMemo(() => page.url, [page.url]);
   const resolveUrl = React.useCallback(
     (path) => {
@@ -6991,15 +6991,19 @@ const useHelper = () => {
     },
     [fileUrl]
   );
-  const getTranslation = React.useCallback((data, lang2) => {
-    let parsedData;
-    try {
-      parsedData = JSON.parse(data);
-    } catch (e) {
-      parsedData = {};
-    }
-    return parsedData ? parsedData[lang2.toUpperCase()] || parsedData[lang2] || parsedData["en"] || "" : "";
-  }, []);
+  const getTranslation = React.useCallback(
+    (data, lang2) => {
+      let parsedData;
+      if (!lang2) lang2 = localStorage.getItem(langKey) || "en";
+      try {
+        parsedData = JSON.parse(data);
+      } catch (e) {
+        parsedData = {};
+      }
+      return parsedData ? parsedData[lang2.toUpperCase()] || parsedData[lang2] || parsedData["en"] || "" : "";
+    },
+    [langKey]
+  );
   const tr = React.useCallback(
     (data, lang2) => {
       return getTranslation(data, lang2);
@@ -7075,8 +7079,9 @@ const useHelper = () => {
     (label) => languages.find((l) => l.label === label)?.value,
     [languages]
   );
-  const updateUserLang = React.useCallback(
+  const updateLang = React.useCallback(
     async (val, reload = true, updateUserPrefs = true) => {
+      localStorage.setItem(langKey, val);
       if (page.props.isUserLoggedIn && updateUserPrefs) {
         const userPrefs = page.props.userData?.preferences || {
           inAppNotifEnabled: Bool.TRUE,
@@ -7094,7 +7099,7 @@ const useHelper = () => {
       }
       if (reload) location.reload();
     },
-    [page.props, request]
+    [langKey, page.props, request]
   );
   const displayFormErrors = React.useCallback(
     (errors, displayError) => {
@@ -7184,7 +7189,7 @@ const useHelper = () => {
     displayFormErrors,
     resolveHtmlLinks,
     resolveUrl,
-    updateUserLang,
+    updateLang,
     languages,
     getImage,
     fileUrl,

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const index = require("./index-ZewuA4XM.cjs");
+const index = require("./index-C3UpNpqk.cjs");
 require("@inertiajs/react");
 const reactDom = require("react-dom");
 function _interopNamespaceDefault(e) {

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import * as React from "react";
 import React__default, { useState, useEffect, createContext, useRef, useLayoutEffect, useId, useContext, useInsertionEffect, useMemo, useCallback, Children, isValidElement, Fragment, createElement, forwardRef, Component } from "react";
-import { u as useHelper, s as slideToId, E as EditorMessageType, R as RouterContext, C as ConfigContext, a as ResolveSectionsContext, P as PropsContext } from "./index-4XGApE5d.js";
+import { u as useHelper, s as slideToId, E as EditorMessageType, R as RouterContext, C as ConfigContext, a as ResolveSectionsContext, P as PropsContext } from "./index-B7GqfDTJ.js";
 import "@inertiajs/react";
 import { createPortal } from "react-dom";
 var jsxRuntime = { exports: {} };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@creopse/react",
   "description": "Creopse React Toolkit",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "private": false,
   "author": "Noé Gnanih <noegnanih@gmail.com>",
   "license": "MIT",

package/types/hooks/config.d.ts

@@ -17,4 +17,5 @@ export declare const useConfig: () => {
     appUrl: string;
     xApiKey: string;
     encryptionKey: string;
+    langKey: string;
 };

package/types/hooks/helper.d.ts

@@ -10,14 +10,14 @@ export declare const useHelper: () => {
     isLgScreen: boolean;
     isMdScreen: boolean;
     isSmScreen: boolean;
-    getTranslation: (data: any, lang: string) => string;
+    getTranslation: (data: any, lang?: string) => string;
     getLangageLabel: (value: string) => string | undefined;
     getLanguageValue: (label: string) => string | undefined;
     ckEditorToolbarItems: string[];
     displayFormErrors: (errors: any, displayError: (message: string) => void) => void;
-    resolveHtmlLinks: (data: string | null | undefined, lang: string) => string;
+    resolveHtmlLinks: (data: string | null | undefined, lang?: string) => string;
     resolveUrl: (path: string) => string;
-    updateUserLang: (val: string, reload?: boolean, updateUserPrefs?: boolean) => Promise<void>;
+    updateLang: (val: string, reload?: boolean, updateUserPrefs?: boolean) => Promise<void>;
     languages: Language[];
     getImage: (path: string, size?: "small" | "medium" | "large" | "original") => Promise<string>;
     fileUrl: (path: string) => string;
@@ -25,6 +25,6 @@ export declare const useHelper: () => {
     openLink: (str: string) => void;
     openMenu: (menu?: MenuItemModel) => void;
     getMenuHref: (menu: MenuItemModel) => string;
-    rHtml: (data: string | null | undefined, lang: string) => string;
-    tr: (data: any, lang: string) => string;
+    rHtml: (data: string | null | undefined, lang?: string) => string;
+    tr: (data: any, lang?: string) => string;
 };

package/types/types/plugin.d.ts

@@ -4,6 +4,7 @@ export interface PluginConfig {
     appUrl: string;
     xApiKey: string;
     encryptionKey: string;
+    langKey: string;
 }
 export interface PluginOptions {
     initialProps: Record<string, any>;