@nocios/crudify-ui 1.0.43 → 1.0.45

package/dist/index.js

@@ -54,16 +54,46 @@ var import_material = require("@mui/material");
 // src/components/CrudifyLogin/hooks/useCrudifyLogin.ts
 var import_react = require("react");
 var import_crudify_browser = __toESM(require("@nocios/crudify-browser"));
+
+// src/components/CrudifyLogin/utils/cookies.ts
+var getCookie = (name) => {
+  const match = document.cookie.match(new RegExp("(^|;)\\s*" + name + "=([^;]+)"));
+  return match ? match[2] : null;
+};
+
+// src/components/CrudifyLogin/hooks/useCrudifyLogin.ts
 var useCrudifyLogin = (config, _options = {}) => {
+  const finalConfig = (0, import_react.useMemo)(() => {
+    const publicApiKey = config.publicApiKey || getCookie("publicApiKey");
+    const env = config.env || getCookie("environment") || "prod";
+    const appName = config.appName || getCookie("appName") || "Crudia";
+    const loginActions = config.loginActions || (getCookie("loginActions") ?? "").split(",").map((action) => action.trim()).filter(Boolean) || [];
+    return {
+      publicApiKey,
+      env,
+      appName,
+      loginActions
+    };
+  }, [config]);
+  (0, import_react.useEffect)(() => {
+    if (finalConfig.publicApiKey) {
+      try {
+        import_crudify_browser.default.config(finalConfig.env);
+        import_crudify_browser.default.init(finalConfig.publicApiKey, "none");
+      } catch (error) {
+        console.error("Error initializing crudify:", error);
+      }
+    }
+  }, [finalConfig]);
   const crudifyMethods = (0, import_react.useMemo)(() => {
-    if (!config.publicApiKey) {
+    if (!finalConfig.publicApiKey) {
       return null;
     }
     return {
       login: import_crudify_browser.default.login,
       transaction: import_crudify_browser.default.transaction
     };
-  }, [config.publicApiKey, config.env]);
+  }, [finalConfig.publicApiKey]);
   return { crudify: crudifyMethods };
 };
 
@@ -891,12 +921,6 @@ var CheckCodeForm = ({ config, onNavigate, onError }) => {
 };
 var CheckCodeForm_default = CheckCodeForm;
 
-// src/components/CrudifyLogin/utils/cookies.ts
-var getCookie = (name) => {
-  const match = document.cookie.match(new RegExp("(^|;)\\s*" + name + "=([^;]+)"));
-  return match ? match[2] : null;
-};
-
 // src/components/CrudifyLogin/index.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var CrudifyLogin = ({
@@ -915,10 +939,6 @@ var CrudifyLogin = ({
     let cookieConfig = {};
     if (autoReadFromCookies) {
       try {
-        const publicApiKeyFromCookie = getCookie("publicApiKey");
-        const envFromCookie = getCookie("environment") || "prod";
-        const appNameFromCookie = getCookie("appName") || "Crudia";
-        const loginActionsFromCookie = (getCookie("loginActions") ?? "").split(",").map((action) => action.trim()).filter(Boolean);
         let logoValue;
         let appColorsValue = { primaryColor: "#1066BA" };
         try {
@@ -941,10 +961,6 @@ var CrudifyLogin = ({
           console.error("Failed to parse colors from cookie, using defaults.", e);
         }
         cookieConfig = {
-          publicApiKey: publicApiKeyFromCookie || void 0,
-          env: envFromCookie,
-          appName: decodeURIComponent(appNameFromCookie),
-          loginActions: loginActionsFromCookie,
           logo: logoValue,
           colors: appColorsValue
         };
@@ -953,12 +969,12 @@ var CrudifyLogin = ({
       }
     }
     return {
-      publicApiKey: providedConfig?.publicApiKey || cookieConfig.publicApiKey,
-      env: providedConfig?.env || cookieConfig.env || "prod",
-      appName: providedConfig?.appName || cookieConfig.appName || "Crudia",
+      publicApiKey: providedConfig?.publicApiKey,
+      env: providedConfig?.env,
+      appName: providedConfig?.appName,
       logo: providedConfig?.logo || cookieConfig.logo,
       colors: { ...cookieConfig.colors, ...providedConfig?.colors },
-      loginActions: providedConfig?.loginActions || cookieConfig.loginActions || []
+      loginActions: providedConfig?.loginActions
     };
   }, [providedConfig, autoReadFromCookies]);
   const handleNavigate = (path) => {

package/dist/index.mjs

@@ -9,22 +9,52 @@ import { Paper, Box as Box5, Typography as Typography5 } from "@mui/material";
 
 // src/components/CrudifyLogin/Forms/LoginForm.tsx
 import { useTranslation } from "react-i18next";
-import { useState, useEffect, useRef } from "react";
+import { useState, useEffect as useEffect2, useRef } from "react";
 import { Typography, TextField, Button, Box, CircularProgress, Alert, Link } from "@mui/material";
 
 // src/components/CrudifyLogin/hooks/useCrudifyLogin.ts
-import { useMemo } from "react";
+import { useMemo, useEffect } from "react";
 import crudify from "@nocios/crudify-browser";
+
+// src/components/CrudifyLogin/utils/cookies.ts
+var getCookie = (name) => {
+  const match = document.cookie.match(new RegExp("(^|;)\\s*" + name + "=([^;]+)"));
+  return match ? match[2] : null;
+};
+
+// src/components/CrudifyLogin/hooks/useCrudifyLogin.ts
 var useCrudifyLogin = (config, _options = {}) => {
+  const finalConfig = useMemo(() => {
+    const publicApiKey = config.publicApiKey || getCookie("publicApiKey");
+    const env = config.env || getCookie("environment") || "prod";
+    const appName = config.appName || getCookie("appName") || "Crudia";
+    const loginActions = config.loginActions || (getCookie("loginActions") ?? "").split(",").map((action) => action.trim()).filter(Boolean) || [];
+    return {
+      publicApiKey,
+      env,
+      appName,
+      loginActions
+    };
+  }, [config]);
+  useEffect(() => {
+    if (finalConfig.publicApiKey) {
+      try {
+        crudify.config(finalConfig.env);
+        crudify.init(finalConfig.publicApiKey, "none");
+      } catch (error) {
+        console.error("Error initializing crudify:", error);
+      }
+    }
+  }, [finalConfig]);
   const crudifyMethods = useMemo(() => {
-    if (!config.publicApiKey) {
+    if (!finalConfig.publicApiKey) {
       return null;
     }
     return {
       login: crudify.login,
       transaction: crudify.transaction
     };
-  }, [config.publicApiKey, config.env]);
+  }, [finalConfig.publicApiKey]);
   return { crudify: crudifyMethods };
 };
 
@@ -152,7 +182,7 @@ var LoginForm = ({ config, onNavigate, onLoginSuccess, onError, redirectUrl = "/
     showErrorNotifications: false,
     showSuccessNotifications: false
   });
-  useEffect(() => {
+  useEffect2(() => {
     const timer = setTimeout(() => {
       if (usernameInputRef.current) usernameInputRef.current.focus();
     }, 100);
@@ -473,7 +503,7 @@ var ForgotPasswordForm_default = ForgotPasswordForm;
 
 // src/components/CrudifyLogin/Forms/ResetPasswordForm.tsx
 import { useTranslation as useTranslation3 } from "react-i18next";
-import { useState as useState3, useEffect as useEffect2 } from "react";
+import { useState as useState3, useEffect as useEffect3 } from "react";
 import { Typography as Typography3, TextField as TextField3, Button as Button3, Box as Box3, CircularProgress as CircularProgress3, Alert as Alert3, Link as Link3 } from "@mui/material";
 import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
@@ -490,7 +520,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
   const [resetSuccess, setResetSuccess] = useState3(false);
   const { t } = useTranslation3();
   const { crudify: crudify2 } = useCrudifyLogin(config);
-  useEffect2(() => {
+  useEffect3(() => {
     const validateCode = async (emailToValidate, codeToValidate) => {
       if (!crudify2) return;
       try {
@@ -695,7 +725,7 @@ var ResetPasswordForm_default = ResetPasswordForm;
 
 // src/components/CrudifyLogin/Forms/CheckCodeForm.tsx
 import { useTranslation as useTranslation4 } from "react-i18next";
-import { useState as useState4, useEffect as useEffect3 } from "react";
+import { useState as useState4, useEffect as useEffect4 } from "react";
 import { Typography as Typography4, TextField as TextField4, Button as Button4, Box as Box4, CircularProgress as CircularProgress4, Alert as Alert4, Link as Link4 } from "@mui/material";
 import { Fragment as Fragment4, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var CheckCodeForm = ({ config, onNavigate, onError }) => {
@@ -707,7 +737,7 @@ var CheckCodeForm = ({ config, onNavigate, onError }) => {
   const [helperTextCode, setHelperTextCode] = useState4(null);
   const { t } = useTranslation4();
   const { crudify: crudify2 } = useCrudifyLogin(config);
-  useEffect3(() => {
+  useEffect4(() => {
     const timer = setTimeout(() => {
       const emailInput = document.getElementById("email");
       if (emailInput) emailInput.focus();
@@ -852,12 +882,6 @@ var CheckCodeForm = ({ config, onNavigate, onError }) => {
 };
 var CheckCodeForm_default = CheckCodeForm;
 
-// src/components/CrudifyLogin/utils/cookies.ts
-var getCookie = (name) => {
-  const match = document.cookie.match(new RegExp("(^|;)\\s*" + name + "=([^;]+)"));
-  return match ? match[2] : null;
-};
-
 // src/components/CrudifyLogin/index.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var CrudifyLogin = ({
@@ -876,10 +900,6 @@ var CrudifyLogin = ({
     let cookieConfig = {};
     if (autoReadFromCookies) {
       try {
-        const publicApiKeyFromCookie = getCookie("publicApiKey");
-        const envFromCookie = getCookie("environment") || "prod";
-        const appNameFromCookie = getCookie("appName") || "Crudia";
-        const loginActionsFromCookie = (getCookie("loginActions") ?? "").split(",").map((action) => action.trim()).filter(Boolean);
         let logoValue;
         let appColorsValue = { primaryColor: "#1066BA" };
         try {
@@ -902,10 +922,6 @@ var CrudifyLogin = ({
           console.error("Failed to parse colors from cookie, using defaults.", e);
         }
         cookieConfig = {
-          publicApiKey: publicApiKeyFromCookie || void 0,
-          env: envFromCookie,
-          appName: decodeURIComponent(appNameFromCookie),
-          loginActions: loginActionsFromCookie,
           logo: logoValue,
           colors: appColorsValue
         };
@@ -914,12 +930,12 @@ var CrudifyLogin = ({
       }
     }
     return {
-      publicApiKey: providedConfig?.publicApiKey || cookieConfig.publicApiKey,
-      env: providedConfig?.env || cookieConfig.env || "prod",
-      appName: providedConfig?.appName || cookieConfig.appName || "Crudia",
+      publicApiKey: providedConfig?.publicApiKey,
+      env: providedConfig?.env,
+      appName: providedConfig?.appName,
       logo: providedConfig?.logo || cookieConfig.logo,
       colors: { ...cookieConfig.colors, ...providedConfig?.colors },
-      loginActions: providedConfig?.loginActions || cookieConfig.loginActions || []
+      loginActions: providedConfig?.loginActions
     };
   }, [providedConfig, autoReadFromCookies]);
   const handleNavigate = (path) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nocios/crudify-ui",
-  "version": "1.0.43",
+  "version": "1.0.45",
   "description": "Biblioteca de componentes UI para Crudify",
   "author": "Nocios",
   "license": "MIT",
@@ -25,7 +25,7 @@
     "@mui/icons-material": "^7.1.0",
     "@mui/material": "^7.1.0",
     "@mui/x-data-grid": "^8.5.1",
-    "@nocios/crudify-browser": "^1.0.84",
+    "@nocios/crudify-browser": "^1.0.85",
     "crypto-js": "^4.2.0",
     "i18next-browser-languagedetector": "^8.1.0",
     "i18next-http-backend": "^3.0.2",