@creopse/react 0.0.20 → 0.0.22

package/dist/{content-qfcmWHIZ.cjs → content-BpVMJ1wf.cjs}

@@ -7034,7 +7034,7 @@ const useHelper = () => {
         userLanguage = props.userData.preferences.locale;
       }
       if (!lang2) {
-        lang2 = localStorage.getItem(langKey) || userLanguage || props.appLocale || config?.locale || "en";
+        lang2 = localStorage.getItem(langKey) || (config?.useUserLocaleAsFallback ? userLanguage : false) || props.appLocale || config?.locale || "en";
       }
       try {
         parsedData = JSON.parse(data);
@@ -7043,7 +7043,13 @@ const useHelper = () => {
       }
       return parsedData ? parsedData[lang2.toUpperCase()] || parsedData[lang2] || "" : "";
     },
-    [config?.locale, langKey, props.appLocale, props.userData]
+    [
+      config?.locale,
+      config?.useUserLocaleAsFallback,
+      langKey,
+      props.appLocale,
+      props.userData
+    ]
   );
   const tr = React.useCallback(
     (data, lang2) => {

package/dist/{content-BoknRW3o.js → content-CSFJStkb.js}

@@ -7033,7 +7033,7 @@ const useHelper = () => {
         userLanguage = props.userData.preferences.locale;
       }
       if (!lang2) {
-        lang2 = localStorage.getItem(langKey) || userLanguage || props.appLocale || config?.locale || "en";
+        lang2 = localStorage.getItem(langKey) || (config?.useUserLocaleAsFallback ? userLanguage : false) || props.appLocale || config?.locale || "en";
       }
       try {
         parsedData = JSON.parse(data);
@@ -7042,7 +7042,13 @@ const useHelper = () => {
       }
       return parsedData ? parsedData[lang2.toUpperCase()] || parsedData[lang2] || "" : "";
     },
-    [config?.locale, langKey, props.appLocale, props.userData]
+    [
+      config?.locale,
+      config?.useUserLocaleAsFallback,
+      langKey,
+      props.appLocale,
+      props.userData
+    ]
   );
   const tr = useCallback(
     (data, lang2) => {

package/dist/hooks/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const content = require("../content-qfcmWHIZ.cjs");
+const content = require("../content-BpVMJ1wf.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-BoknRW3o.js";
-import { f, a, u, b } from "../content-BoknRW3o.js";
+import { e as useApi } from "../content-CSFJStkb.js";
+import { f, a, u, b } from "../content-CSFJStkb.js";
 import { useState, useCallback } from "react";
 const useNewsletter = () => {
   const { request } = useApi();

package/dist/index.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const content = require("./content-qfcmWHIZ.cjs");
+const content = require("./content-BpVMJ1wf.cjs");
 const react = require("@inertiajs/react");
 const reactDom = require("react-dom");
 function _interopNamespaceDefault(e) {
@@ -5537,29 +5537,29 @@ function transformPoint(info, transformPagePoint) {
 function subtractPoint(a, b) {
   return { x: a.x - b.x, y: a.y - b.y };
 }
-function getPanInfo({ point }, history) {
+function getPanInfo({ point }, history2) {
   return {
     point,
-    delta: subtractPoint(point, lastDevicePoint(history)),
-    offset: subtractPoint(point, startDevicePoint(history)),
-    velocity: getVelocity(history, 0.1)
+    delta: subtractPoint(point, lastDevicePoint(history2)),
+    offset: subtractPoint(point, startDevicePoint(history2)),
+    velocity: getVelocity(history2, 0.1)
   };
 }
-function startDevicePoint(history) {
-  return history[0];
+function startDevicePoint(history2) {
+  return history2[0];
 }
-function lastDevicePoint(history) {
-  return history[history.length - 1];
+function lastDevicePoint(history2) {
+  return history2[history2.length - 1];
 }
-function getVelocity(history, timeDelta) {
-  if (history.length < 2) {
+function getVelocity(history2, timeDelta) {
+  if (history2.length < 2) {
     return { x: 0, y: 0 };
   }
-  let i = history.length - 1;
+  let i = history2.length - 1;
   let timestampedPoint = null;
-  const lastPoint = lastDevicePoint(history);
+  const lastPoint = lastDevicePoint(history2);
   while (i >= 0) {
-    timestampedPoint = history[i];
+    timestampedPoint = history2[i];
     if (lastPoint.timestamp - timestampedPoint.timestamp > /* @__PURE__ */ secondsToMilliseconds(timeDelta)) {
       break;
     }
@@ -8231,6 +8231,57 @@ const RootContainer$1 = () => {
     return () => clearTimeout(timer);
   }, [page.props.sectionData, sections]);
   React.useEffect(() => {
+    const lockIframeNavigation = () => {
+      document.addEventListener(
+        "click",
+        (e) => {
+          const link = e.target.closest("a");
+          if (link) {
+            e.preventDefault();
+            e.stopPropagation();
+            e.stopImmediatePropagation();
+            console.debug("🚫 Navigation blocked:", link.href);
+            return false;
+          }
+        },
+        true
+      );
+      ["assign", "replace"].forEach((method) => {
+        Object.defineProperty(window.location, method, {
+          value: function() {
+            console.debug(`🚫 location.${method}() blocked`);
+          },
+          writable: false,
+          configurable: false
+        });
+      });
+      const currentHref = window.location.href;
+      Object.defineProperty(window.location, "href", {
+        get: () => currentHref,
+        set: (value) => {
+          console.debug("🚫 location.href = blocked:", value);
+        },
+        configurable: false
+      });
+      window.open = function() {
+        console.debug("🚫 window.open() blocked");
+        return null;
+      };
+      ["pushState", "replaceState"].forEach((method) => {
+        history[method] = function() {
+          console.debug(`🚫 history.${method}() blocked`);
+        };
+      });
+      document.addEventListener(
+        "submit",
+        (e) => {
+          e.preventDefault();
+          console.debug("🚫 Form submission blocked");
+        },
+        true
+      );
+      console.debug("✅ Navigation lock activated");
+    };
     const deselectAllSections = () => {
       Object.keys(sectionsStateRef.current).forEach((key) => {
         sectionsStateRef.current[key].isActive = false;
@@ -8283,6 +8334,7 @@ const RootContainer$1 = () => {
               }
             }
           });
+          lockIframeNavigation();
           break;
         }
         case content.EditorMessageType.DESELECT_ALL_SECTIONS:

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, 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-BoknRW3o.js";
+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-CSFJStkb.js";
 import { router } from "@inertiajs/react";
 import { createPortal } from "react-dom";
 var jsxRuntime = { exports: {} };
@@ -5519,29 +5519,29 @@ function transformPoint(info, transformPagePoint) {
 function subtractPoint(a, b) {
   return { x: a.x - b.x, y: a.y - b.y };
 }
-function getPanInfo({ point }, history) {
+function getPanInfo({ point }, history2) {
   return {
     point,
-    delta: subtractPoint(point, lastDevicePoint(history)),
-    offset: subtractPoint(point, startDevicePoint(history)),
-    velocity: getVelocity(history, 0.1)
+    delta: subtractPoint(point, lastDevicePoint(history2)),
+    offset: subtractPoint(point, startDevicePoint(history2)),
+    velocity: getVelocity(history2, 0.1)
   };
 }
-function startDevicePoint(history) {
-  return history[0];
+function startDevicePoint(history2) {
+  return history2[0];
 }
-function lastDevicePoint(history) {
-  return history[history.length - 1];
+function lastDevicePoint(history2) {
+  return history2[history2.length - 1];
 }
-function getVelocity(history, timeDelta) {
-  if (history.length < 2) {
+function getVelocity(history2, timeDelta) {
+  if (history2.length < 2) {
     return { x: 0, y: 0 };
   }
-  let i = history.length - 1;
+  let i = history2.length - 1;
   let timestampedPoint = null;
-  const lastPoint = lastDevicePoint(history);
+  const lastPoint = lastDevicePoint(history2);
   while (i >= 0) {
-    timestampedPoint = history[i];
+    timestampedPoint = history2[i];
     if (lastPoint.timestamp - timestampedPoint.timestamp > /* @__PURE__ */ secondsToMilliseconds(timeDelta)) {
       break;
     }
@@ -8213,6 +8213,57 @@ const RootContainer$1 = () => {
     return () => clearTimeout(timer);
   }, [page.props.sectionData, sections]);
   useEffect(() => {
+    const lockIframeNavigation = () => {
+      document.addEventListener(
+        "click",
+        (e) => {
+          const link = e.target.closest("a");
+          if (link) {
+            e.preventDefault();
+            e.stopPropagation();
+            e.stopImmediatePropagation();
+            console.debug("🚫 Navigation blocked:", link.href);
+            return false;
+          }
+        },
+        true
+      );
+      ["assign", "replace"].forEach((method) => {
+        Object.defineProperty(window.location, method, {
+          value: function() {
+            console.debug(`🚫 location.${method}() blocked`);
+          },
+          writable: false,
+          configurable: false
+        });
+      });
+      const currentHref = window.location.href;
+      Object.defineProperty(window.location, "href", {
+        get: () => currentHref,
+        set: (value) => {
+          console.debug("🚫 location.href = blocked:", value);
+        },
+        configurable: false
+      });
+      window.open = function() {
+        console.debug("🚫 window.open() blocked");
+        return null;
+      };
+      ["pushState", "replaceState"].forEach((method) => {
+        history[method] = function() {
+          console.debug(`🚫 history.${method}() blocked`);
+        };
+      });
+      document.addEventListener(
+        "submit",
+        (e) => {
+          e.preventDefault();
+          console.debug("🚫 Form submission blocked");
+        },
+        true
+      );
+      console.debug("✅ Navigation lock activated");
+    };
     const deselectAllSections = () => {
       Object.keys(sectionsStateRef.current).forEach((key) => {
         sectionsStateRef.current[key].isActive = false;
@@ -8265,6 +8316,7 @@ const RootContainer$1 = () => {
               }
             }
           });
+          lockIframeNavigation();
           break;
         }
         case EditorMessageType.DESELECT_ALL_SECTIONS:

package/package.json

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

package/types/hooks/config.d.ts

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

package/types/types/plugin.d.ts

@@ -9,7 +9,7 @@ export interface PluginConfig {
     appUrl: string;
     locale: string;
     fallbackLocale: string;
-    encryptionKey: string;
+    useUserLocaleAsFallback: boolean;
     langKey: string;
 }
 export interface PluginOptions {