@creopse/react 0.0.16 → 0.0.18

package/dist/{content-yneKOQn5.cjs → content-CGhgyzQQ.cjs}

@@ -6974,6 +6974,7 @@ const useHelper = () => {
   const page = react.usePage();
   const { request } = useApi();
   const { apiBaseUrl, langKey } = useConfig();
+  const config = React.useContext(ConfigContext);
   const currentRoutePath = React.useMemo(() => page.url, [page.url]);
   const resolveUrl = React.useCallback(
     (path) => {
@@ -7017,15 +7018,26 @@ const useHelper = () => {
   const getTranslation = React.useCallback(
     (data, lang2) => {
       let parsedData;
-      if (!lang2) lang2 = localStorage.getItem(langKey) || "en";
+      let userLanguage = (
+        // @ts-expect-error ignore
+        (window.navigator.language || window.navigator.userLanguage)?.split(
+          "-"
+        )[0]
+      );
+      if (props.userData && props.userData.preferences && props.userData.preferences.locale) {
+        userLanguage = props.userData.preferences.locale;
+      }
+      if (!lang2) {
+        lang2 = localStorage.getItem(langKey) || userLanguage || props.appLocale || config?.locale || "en";
+      }
       try {
         parsedData = JSON.parse(data);
       } catch (e) {
         parsedData = {};
       }
-      return parsedData ? parsedData[lang2.toUpperCase()] || parsedData[lang2] || parsedData["en"] || "" : "";
+      return parsedData ? parsedData[lang2.toUpperCase()] || parsedData[lang2] || "" : "";
     },
-    [langKey]
+    [config?.locale, langKey, props.appLocale, props.userData]
   );
   const tr = React.useCallback(
     (data, lang2) => {
@@ -7082,7 +7094,7 @@ const useHelper = () => {
   const languages = React.useMemo(
     () => [
       {
-        label: "French",
+        label: "Français",
         value: "fr",
         flag: "flag:fr-1x1"
       },

package/dist/{content-CfIj9nZq.js → content-j9XJsmqN.js}

@@ -6973,6 +6973,7 @@ const useHelper = () => {
   const page = usePage();
   const { request } = useApi();
   const { apiBaseUrl, langKey } = useConfig();
+  const config = useContext(ConfigContext);
   const currentRoutePath = useMemo(() => page.url, [page.url]);
   const resolveUrl = useCallback(
     (path) => {
@@ -7016,15 +7017,26 @@ const useHelper = () => {
   const getTranslation = useCallback(
     (data, lang2) => {
       let parsedData;
-      if (!lang2) lang2 = localStorage.getItem(langKey) || "en";
+      let userLanguage = (
+        // @ts-expect-error ignore
+        (window.navigator.language || window.navigator.userLanguage)?.split(
+          "-"
+        )[0]
+      );
+      if (props.userData && props.userData.preferences && props.userData.preferences.locale) {
+        userLanguage = props.userData.preferences.locale;
+      }
+      if (!lang2) {
+        lang2 = localStorage.getItem(langKey) || userLanguage || props.appLocale || config?.locale || "en";
+      }
       try {
         parsedData = JSON.parse(data);
       } catch (e) {
         parsedData = {};
       }
-      return parsedData ? parsedData[lang2.toUpperCase()] || parsedData[lang2] || parsedData["en"] || "" : "";
+      return parsedData ? parsedData[lang2.toUpperCase()] || parsedData[lang2] || "" : "";
     },
-    [langKey]
+    [config?.locale, langKey, props.appLocale, props.userData]
   );
   const tr = useCallback(
     (data, lang2) => {
@@ -7081,7 +7093,7 @@ const useHelper = () => {
   const languages = useMemo(
     () => [
       {
-        label: "French",
+        label: "Français",
         value: "fr",
         flag: "flag:fr-1x1"
       },

package/dist/hooks/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const content = require("../content-yneKOQn5.cjs");
+const content = require("../content-CGhgyzQQ.cjs");
 const React = require("react");
 const useNewsletter = () => {
   const { request } = content.useApi();

package/dist/hooks/index.mjs

@@ -1,5 +1,5 @@
-import { e as useApi } from "../content-CfIj9nZq.js";
-import { f, a, u, b } from "../content-CfIj9nZq.js";
+import { e as useApi } from "../content-j9XJsmqN.js";
+import { f, a, u, b } from "../content-j9XJsmqN.js";
 import { useState, useCallback } from "react";
 const useNewsletter = () => {
   const { request } = useApi();

package/dist/index.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const content = require("./content-yneKOQn5.cjs");
-require("@inertiajs/react");
+const content = require("./content-CGhgyzQQ.cjs");
+const react = require("@inertiajs/react");
 const reactDom = require("react-dom");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -8184,7 +8184,7 @@ const resetStyles = "_reset-styles_1tka1_1";
 const styles = {
   resetStyles
 };
-const RootContainer = () => {
+const RootContainer$1 = () => {
   const { page } = content.useContent();
   const props = content.useProps();
   const manager = React.useContext(content.PropsContext);
@@ -8403,6 +8403,15 @@ const RootContainer = () => {
     );
   }) }, sectionsWrapperKey);
 };
+function RootContainer() {
+  const [key, setKey] = React.useState(() => v4());
+  React.useEffect(() => {
+    return react.router.on("navigate", () => {
+      setKey(v4());
+    });
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(RootContainer$1, {}, key);
+}
 function CreopseProvider({ children, options }) {
   if (!options?.initialProps) {
     throw new Error("[@creopse/react] initialProps is required");

package/dist/index.mjs

@@ -1,7 +1,7 @@
 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, a as useContent, b as useProps, P as PropsContext, R as ResolveSectionsContext, c as cloneDeep, s as slideToId, E as EditorMessageType, d as RouterContext, C as ConfigContext } from "./content-CfIj9nZq.js";
-import "@inertiajs/react";
+import { u as useHelper, a as useContent, b as useProps, P as PropsContext, R as ResolveSectionsContext, c as cloneDeep, s as slideToId, E as EditorMessageType, d as RouterContext, C as ConfigContext } from "./content-j9XJsmqN.js";
+import { router } from "@inertiajs/react";
 import { createPortal } from "react-dom";
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production = {};
@@ -8166,7 +8166,7 @@ const resetStyles = "_reset-styles_1tka1_1";
 const styles = {
   resetStyles
 };
-const RootContainer = () => {
+const RootContainer$1 = () => {
   const { page } = useContent();
   const props = useProps();
   const manager = useContext(PropsContext);
@@ -8385,6 +8385,15 @@ const RootContainer = () => {
     );
   }) }, sectionsWrapperKey);
 };
+function RootContainer() {
+  const [key, setKey] = useState(() => v4());
+  useEffect(() => {
+    return router.on("navigate", () => {
+      setKey(v4());
+    });
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(RootContainer$1, {}, key);
+}
 function CreopseProvider({ children, options }) {
   if (!options?.initialProps) {
     throw new Error("[@creopse/react] initialProps is required");

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@creopse/react",
   "description": "Creopse React Toolkit",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "private": false,
   "author": "Noé Gnanih <noegnanih@gmail.com>",
   "license": "MIT",
@@ -43,7 +43,7 @@
     "react-dom": "^19.1.0"
   },
   "dependencies": {
-    "@creopse/utils": "^0.0.11",
+    "@creopse/utils": "^0.0.12",
     "@vueuse/core": "^14.1.0",
     "axios": "^1.13.2",
     "framer-motion": "^12.23.9",

package/types/components/RootContainer/Core.d.ts

@@ -0,0 +1,2 @@
+declare const RootContainer: () => import("react/jsx-runtime").JSX.Element;
+export default RootContainer;

package/types/components/RootContainer/RootContainer.d.ts

@@ -1,2 +1 @@
-declare const RootContainer: () => import("react/jsx-runtime").JSX.Element;
-export default RootContainer;
+export default function RootContainer(): import("react/jsx-runtime").JSX.Element;

package/types/hooks/config.d.ts

@@ -16,6 +16,8 @@ export declare const useConfig: () => {
     debug: boolean;
     appUrl: string;
     xApiKey: string;
+    locale: string;
+    fallbackLocale: string;
     encryptionKey: string;
     langKey: string;
 };

package/types/types/plugin.d.ts

@@ -8,6 +8,8 @@ export interface PluginConfig {
     debug: boolean;
     appUrl: string;
     xApiKey: string;
+    locale: string;
+    fallbackLocale: string;
     encryptionKey: string;
     langKey: string;
 }