@nocios/crudify-ui 1.0.40 → 1.0.43

package/dist/index.d.mts

@@ -5,7 +5,7 @@ import React from 'react';
 type BoxScreenType = "login" | "signUp" | "forgotPassword" | "resetPassword" | "checkCode";
 interface CrudifyLoginConfig {
     publicApiKey?: string;
-    env?: "dev" | "stg" | "prod";
+    env?: "dev" | "stg" | "api" | "prod";
     appName?: string;
     logo?: string;
     colors?: {
@@ -23,7 +23,6 @@ interface CrudifyLoginProps {
     initialScreen?: BoxScreenType;
     redirectUrl?: string;
     autoReadFromCookies?: boolean;
-    onSubdomainLoginSuccess?: (token: string, config: CrudifyLoginConfig) => void;
 }
 
 declare const CrudifyLogin: React.FC<CrudifyLoginProps>;

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import React from 'react';
 type BoxScreenType = "login" | "signUp" | "forgotPassword" | "resetPassword" | "checkCode";
 interface CrudifyLoginConfig {
     publicApiKey?: string;
-    env?: "dev" | "stg" | "prod";
+    env?: "dev" | "stg" | "api" | "prod";
     appName?: string;
     logo?: string;
     colors?: {
@@ -23,7 +23,6 @@ interface CrudifyLoginProps {
     initialScreen?: BoxScreenType;
     redirectUrl?: string;
     autoReadFromCookies?: boolean;
-    onSubdomainLoginSuccess?: (token: string, config: CrudifyLoginConfig) => void;
 }
 
 declare const CrudifyLogin: React.FC<CrudifyLoginProps>;

package/dist/index.js

@@ -32,13 +32,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   CrudifyLogin: () => CrudifyLogin_default,
-  crudify: () => import_crudify_browser3.default,
+  crudify: () => import_crudify_browser2.default,
   getCookie: () => getCookie,
   secureLocalStorage: () => secureLocalStorage,
   secureSessionStorage: () => secureSessionStorage
 });
 module.exports = __toCommonJS(index_exports);
-var import_crudify_browser3 = __toESM(require("@nocios/crudify-browser"));
+var import_crudify_browser2 = __toESM(require("@nocios/crudify-browser"));
 __reExport(index_exports, require("@nocios/crudify-browser"), module.exports);
 
 // src/components/CrudifyLogin/index.tsx
@@ -177,27 +177,16 @@ var secureSessionStorage = new SecureStorage("sessionStorage");
 var secureLocalStorage = new SecureStorage("localStorage");
 
 // src/components/CrudifyLogin/Forms/LoginForm.tsx
-var import_crudify_browser2 = __toESM(require("@nocios/crudify-browser"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var LoginForm = ({
-  config,
-  onNavigate,
-  onLoginSuccess,
-  onError,
-  redirectUrl = "/",
-  onSubdomainLoginSuccess
-}) => {
+var LoginForm = ({ config, onNavigate, onLoginSuccess, onError, redirectUrl = "/" }) => {
   const [username, setUsername] = (0, import_react2.useState)("");
   const [password, setPassword] = (0, import_react2.useState)("");
-  const [subdomain, setSubdomain] = (0, import_react2.useState)("");
   const [loading, setLoading] = (0, import_react2.useState)(false);
   const [errors, setErrors] = (0, import_react2.useState)([]);
   const [helperTextEmail, setHelperTextEmail] = (0, import_react2.useState)(null);
   const [helperTextPassword, setHelperTextPassword] = (0, import_react2.useState)(null);
-  const [helperTextSubdomain, setHelperTextSubdomain] = (0, import_react2.useState)(null);
   const { t } = (0, import_react_i18next.useTranslation)();
   const usernameInputRef = (0, import_react2.useRef)(null);
-  const hasPublicApiKey = Boolean(config.publicApiKey);
   const { crudify: crudifyFromHook } = useCrudifyLogin(config, {
     showErrorNotifications: false,
     showSuccessNotifications: false
@@ -234,41 +223,19 @@ var LoginForm = ({
       setHelperTextPassword(t("login.passwordRequired"));
       return;
     }
-    if (!hasPublicApiKey && !subdomain.trim()) {
-      setHelperTextSubdomain(t("login.subdomainRequired", "Subdomain is required"));
-      return;
-    }
     setErrors([]);
     setHelperTextEmail(null);
     setHelperTextPassword(null);
-    setHelperTextSubdomain(null);
     setLoading(true);
     try {
-      let response;
-      if (hasPublicApiKey && crudifyFromHook) {
-        response = await crudifyFromHook.login(username, password);
-      } else {
-        try {
-          import_crudify_browser2.default.config(config.env || "prod");
-          response = await import_crudify_browser2.default.loginWithSubdomain(username, password, subdomain);
-        } catch (subdomainError) {
-          console.error("Error during subdomain login:", subdomainError);
-          throw subdomainError;
-        }
+      if (!crudifyFromHook) {
+        throw new Error("Crudify not initialized");
       }
+      const response = await crudifyFromHook.login(username, password);
       setLoading(false);
       if (response.success) {
         secureSessionStorage.setToken(response.data.token);
-        if (!hasPublicApiKey && onSubdomainLoginSuccess) {
-          const newConfig = {
-            ...config,
-            publicApiKey: response.data.publicApiKey || config.publicApiKey,
-            appName: response.data.appName || config.appName,
-            logo: response.data.logo || config.logo,
-            colors: response.data.colors || config.colors
-          };
-          onSubdomainLoginSuccess(response.data.token, newConfig);
-        } else if (onLoginSuccess) {
+        if (onLoginSuccess) {
           onLoginSuccess(response.data.token, redirectUrl);
         }
       } else {
@@ -289,15 +256,12 @@ var LoginForm = ({
       if (fieldsWarning) {
         if (fieldsWarning.username) setHelperTextEmail(fieldsWarning.username[0]);
         if (fieldsWarning.password) setHelperTextPassword(fieldsWarning.password[0]);
-        if (fieldsWarning.subdomain) setHelperTextSubdomain(fieldsWarning.subdomain[0]);
       } else if (status === "INVALID_CREDENTIALS") {
         const translatedError = getSafeErrorTranslation(status);
         setErrors([translatedError]);
       } else if (status === "TOO_MANY_REQUESTS") {
         const translatedError = getSafeErrorTranslation(status);
         setErrors([translatedError]);
-      } else if (status === "SUBDOMAIN_NOT_FOUND") {
-        setHelperTextSubdomain(t("login.subdomainNotFound", "Subdomain not found"));
       } else if (status) {
         setErrors([getSafeErrorTranslation(status)]);
       } else {
@@ -310,11 +274,9 @@ var LoginForm = ({
       } else if (typeof errors2 === "object") {
         const hasUsernameError = errors2.username && errors2.username.length > 0;
         const hasPasswordError = errors2.password && errors2.password.length > 0;
-        const hasSubdomainError = errors2.subdomain && errors2.subdomain.length > 0;
-        if (hasUsernameError || hasPasswordError || hasSubdomainError) {
+        if (hasUsernameError || hasPasswordError) {
           if (hasUsernameError) setHelperTextEmail(errors2.username[0]);
           if (hasPasswordError) setHelperTextPassword(errors2.password[0]);
-          if (hasSubdomainError) setHelperTextSubdomain(errors2.subdomain[0]);
         } else if (errors2._error && errors2._error.length > 0) {
           const errorMessage = errors2._error[0];
           if (typeof errorMessage === "string" && errorMessage.match(/^[A-Z_]+$/)) {
@@ -351,34 +313,6 @@ var LoginForm = ({
         onKeyDown: handleKeyDown,
         sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 },
         children: [
-          !hasPublicApiKey && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Box, { sx: { mb: 1 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_material.Typography,
-              {
-                variant: "body2",
-                component: "label",
-                htmlFor: "subdomain",
-                sx: { display: "block", fontWeight: 500, color: "grey.700", mb: 0.5 },
-                children: t("login.subdomainLabel", "Subdomain")
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_material.TextField,
-              {
-                fullWidth: true,
-                id: "subdomain",
-                name: "subdomain",
-                type: "text",
-                value: subdomain,
-                disabled: loading,
-                onChange: (e) => setSubdomain(e.target.value),
-                error: !!helperTextSubdomain,
-                helperText: helperTextSubdomain,
-                placeholder: t("login.subdomainPlaceholder", "Enter your subdomain"),
-                required: true
-              }
-            )
-          ] }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Box, { sx: { mb: 1 }, children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               import_material.Typography,
@@ -466,13 +400,13 @@ var ForgotPasswordForm = ({ config, onNavigate, onError }) => {
   const [emailSent, setEmailSent] = (0, import_react3.useState)(false);
   const [codeAlreadyExists, setCodeAlreadyExists] = (0, import_react3.useState)(false);
   const { t } = (0, import_react_i18next2.useTranslation)();
-  const { crudify: crudify3 } = useCrudifyLogin(config);
+  const { crudify: crudify2 } = useCrudifyLogin(config);
   const validateEmail = (email2) => {
     const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
     return emailRegex.test(email2);
   };
   const handleSubmit = async () => {
-    if (loading || !crudify3) return;
+    if (loading || !crudify2) return;
     setErrors([]);
     setHelperTextEmail(null);
     if (!email) {
@@ -486,7 +420,7 @@ var ForgotPasswordForm = ({ config, onNavigate, onError }) => {
     setLoading(true);
     try {
       const data = [{ operation: "requestPasswordReset", data: { email } }];
-      const response = await crudify3.transaction(data);
+      const response = await crudify2.transaction(data);
       if (response.success) {
         if (response.data && response.data.existingCodeValid) {
           setCodeAlreadyExists(true);
@@ -594,10 +528,10 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
   const [codeValidated, setCodeValidated] = (0, import_react4.useState)(false);
   const [resetSuccess, setResetSuccess] = (0, import_react4.useState)(false);
   const { t } = (0, import_react_i18next3.useTranslation)();
-  const { crudify: crudify3 } = useCrudifyLogin(config);
+  const { crudify: crudify2 } = useCrudifyLogin(config);
   (0, import_react4.useEffect)(() => {
     const validateCode = async (emailToValidate, codeToValidate) => {
-      if (!crudify3) return;
+      if (!crudify2) return;
       try {
         const data = [
           {
@@ -605,7 +539,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
             data: { email: emailToValidate, codePassword: codeToValidate }
           }
         ];
-        const response = await crudify3.transaction(data);
+        const response = await crudify2.transaction(data);
         if (response.success) {
           setCodeValidated(true);
         } else {
@@ -633,7 +567,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
       setValidatingCode(false);
       setErrors([t("resetPassword.missingParameters")]);
     }
-  }, [searchParams, crudify3, t]);
+  }, [searchParams, crudify2, t]);
   const validatePasswords = () => {
     setHelperTextNewPassword(null);
     setHelperTextConfirmPassword(null);
@@ -656,7 +590,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
     return true;
   };
   const handleSubmit = async () => {
-    if (loading || !crudify3) return;
+    if (loading || !crudify2) return;
     setErrors([]);
     if (!validatePasswords()) return;
     setLoading(true);
@@ -667,7 +601,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
           data: { email, codePassword: code, newPassword }
         }
       ];
-      const response = await crudify3.transaction(data);
+      const response = await crudify2.transaction(data);
       if (response.success) {
         setResetSuccess(true);
       } else {
@@ -811,7 +745,7 @@ var CheckCodeForm = ({ config, onNavigate, onError }) => {
   const [helperTextEmail, setHelperTextEmail] = (0, import_react5.useState)(null);
   const [helperTextCode, setHelperTextCode] = (0, import_react5.useState)(null);
   const { t } = (0, import_react_i18next4.useTranslation)();
-  const { crudify: crudify3 } = useCrudifyLogin(config);
+  const { crudify: crudify2 } = useCrudifyLogin(config);
   (0, import_react5.useEffect)(() => {
     const timer = setTimeout(() => {
       const emailInput = document.getElementById("email");
@@ -824,7 +758,7 @@ var CheckCodeForm = ({ config, onNavigate, onError }) => {
     return emailRegex.test(email2);
   };
   const handleSubmit = async () => {
-    if (loading || !crudify3) return;
+    if (loading || !crudify2) return;
     setErrors([]);
     setHelperTextEmail(null);
     setHelperTextCode(null);
@@ -848,7 +782,7 @@ var CheckCodeForm = ({ config, onNavigate, onError }) => {
           data: { email, codePassword: code }
         }
       ];
-      const response = await crudify3.transaction(data);
+      const response = await crudify2.transaction(data);
       if (response.success) {
         const params = new URLSearchParams({ email, code }).toString();
         onNavigate?.(`/login/resetPassword?${params}`);
@@ -970,7 +904,6 @@ var CrudifyLogin = ({
   onNavigate,
   onLoginSuccess,
   onError,
-  onSubdomainLoginSuccess,
   initialScreen = "login",
   redirectUrl = "/",
   autoReadFromCookies = true
@@ -1061,7 +994,7 @@ var CrudifyLogin = ({
       case "resetPassword":
         return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ResetPasswordForm_default, { ...commonProps, searchParams });
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoginForm_default, { ...commonProps, onLoginSuccess, onSubdomainLoginSuccess });
+        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoginForm_default, { ...commonProps, onLoginSuccess });
     }
   };
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(

package/dist/index.mjs

@@ -138,27 +138,16 @@ var secureSessionStorage = new SecureStorage("sessionStorage");
 var secureLocalStorage = new SecureStorage("localStorage");
 
 // src/components/CrudifyLogin/Forms/LoginForm.tsx
-import crudify2 from "@nocios/crudify-browser";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var LoginForm = ({
-  config,
-  onNavigate,
-  onLoginSuccess,
-  onError,
-  redirectUrl = "/",
-  onSubdomainLoginSuccess
-}) => {
+var LoginForm = ({ config, onNavigate, onLoginSuccess, onError, redirectUrl = "/" }) => {
   const [username, setUsername] = useState("");
   const [password, setPassword] = useState("");
-  const [subdomain, setSubdomain] = useState("");
   const [loading, setLoading] = useState(false);
   const [errors, setErrors] = useState([]);
   const [helperTextEmail, setHelperTextEmail] = useState(null);
   const [helperTextPassword, setHelperTextPassword] = useState(null);
-  const [helperTextSubdomain, setHelperTextSubdomain] = useState(null);
   const { t } = useTranslation();
   const usernameInputRef = useRef(null);
-  const hasPublicApiKey = Boolean(config.publicApiKey);
   const { crudify: crudifyFromHook } = useCrudifyLogin(config, {
     showErrorNotifications: false,
     showSuccessNotifications: false
@@ -195,41 +184,19 @@ var LoginForm = ({
       setHelperTextPassword(t("login.passwordRequired"));
       return;
     }
-    if (!hasPublicApiKey && !subdomain.trim()) {
-      setHelperTextSubdomain(t("login.subdomainRequired", "Subdomain is required"));
-      return;
-    }
     setErrors([]);
     setHelperTextEmail(null);
     setHelperTextPassword(null);
-    setHelperTextSubdomain(null);
     setLoading(true);
     try {
-      let response;
-      if (hasPublicApiKey && crudifyFromHook) {
-        response = await crudifyFromHook.login(username, password);
-      } else {
-        try {
-          crudify2.config(config.env || "prod");
-          response = await crudify2.loginWithSubdomain(username, password, subdomain);
-        } catch (subdomainError) {
-          console.error("Error during subdomain login:", subdomainError);
-          throw subdomainError;
-        }
+      if (!crudifyFromHook) {
+        throw new Error("Crudify not initialized");
       }
+      const response = await crudifyFromHook.login(username, password);
       setLoading(false);
       if (response.success) {
         secureSessionStorage.setToken(response.data.token);
-        if (!hasPublicApiKey && onSubdomainLoginSuccess) {
-          const newConfig = {
-            ...config,
-            publicApiKey: response.data.publicApiKey || config.publicApiKey,
-            appName: response.data.appName || config.appName,
-            logo: response.data.logo || config.logo,
-            colors: response.data.colors || config.colors
-          };
-          onSubdomainLoginSuccess(response.data.token, newConfig);
-        } else if (onLoginSuccess) {
+        if (onLoginSuccess) {
           onLoginSuccess(response.data.token, redirectUrl);
         }
       } else {
@@ -250,15 +217,12 @@ var LoginForm = ({
       if (fieldsWarning) {
         if (fieldsWarning.username) setHelperTextEmail(fieldsWarning.username[0]);
         if (fieldsWarning.password) setHelperTextPassword(fieldsWarning.password[0]);
-        if (fieldsWarning.subdomain) setHelperTextSubdomain(fieldsWarning.subdomain[0]);
       } else if (status === "INVALID_CREDENTIALS") {
         const translatedError = getSafeErrorTranslation(status);
         setErrors([translatedError]);
       } else if (status === "TOO_MANY_REQUESTS") {
         const translatedError = getSafeErrorTranslation(status);
         setErrors([translatedError]);
-      } else if (status === "SUBDOMAIN_NOT_FOUND") {
-        setHelperTextSubdomain(t("login.subdomainNotFound", "Subdomain not found"));
       } else if (status) {
         setErrors([getSafeErrorTranslation(status)]);
       } else {
@@ -271,11 +235,9 @@ var LoginForm = ({
       } else if (typeof errors2 === "object") {
         const hasUsernameError = errors2.username && errors2.username.length > 0;
         const hasPasswordError = errors2.password && errors2.password.length > 0;
-        const hasSubdomainError = errors2.subdomain && errors2.subdomain.length > 0;
-        if (hasUsernameError || hasPasswordError || hasSubdomainError) {
+        if (hasUsernameError || hasPasswordError) {
           if (hasUsernameError) setHelperTextEmail(errors2.username[0]);
           if (hasPasswordError) setHelperTextPassword(errors2.password[0]);
-          if (hasSubdomainError) setHelperTextSubdomain(errors2.subdomain[0]);
         } else if (errors2._error && errors2._error.length > 0) {
           const errorMessage = errors2._error[0];
           if (typeof errorMessage === "string" && errorMessage.match(/^[A-Z_]+$/)) {
@@ -312,34 +274,6 @@ var LoginForm = ({
         onKeyDown: handleKeyDown,
         sx: { width: "100%", display: "flex", flexDirection: "column", gap: 2 },
         children: [
-          !hasPublicApiKey && /* @__PURE__ */ jsxs(Box, { sx: { mb: 1 }, children: [
-            /* @__PURE__ */ jsx(
-              Typography,
-              {
-                variant: "body2",
-                component: "label",
-                htmlFor: "subdomain",
-                sx: { display: "block", fontWeight: 500, color: "grey.700", mb: 0.5 },
-                children: t("login.subdomainLabel", "Subdomain")
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              TextField,
-              {
-                fullWidth: true,
-                id: "subdomain",
-                name: "subdomain",
-                type: "text",
-                value: subdomain,
-                disabled: loading,
-                onChange: (e) => setSubdomain(e.target.value),
-                error: !!helperTextSubdomain,
-                helperText: helperTextSubdomain,
-                placeholder: t("login.subdomainPlaceholder", "Enter your subdomain"),
-                required: true
-              }
-            )
-          ] }),
           /* @__PURE__ */ jsxs(Box, { sx: { mb: 1 }, children: [
             /* @__PURE__ */ jsx(
               Typography,
@@ -427,13 +361,13 @@ var ForgotPasswordForm = ({ config, onNavigate, onError }) => {
   const [emailSent, setEmailSent] = useState2(false);
   const [codeAlreadyExists, setCodeAlreadyExists] = useState2(false);
   const { t } = useTranslation2();
-  const { crudify: crudify3 } = useCrudifyLogin(config);
+  const { crudify: crudify2 } = useCrudifyLogin(config);
   const validateEmail = (email2) => {
     const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
     return emailRegex.test(email2);
   };
   const handleSubmit = async () => {
-    if (loading || !crudify3) return;
+    if (loading || !crudify2) return;
     setErrors([]);
     setHelperTextEmail(null);
     if (!email) {
@@ -447,7 +381,7 @@ var ForgotPasswordForm = ({ config, onNavigate, onError }) => {
     setLoading(true);
     try {
       const data = [{ operation: "requestPasswordReset", data: { email } }];
-      const response = await crudify3.transaction(data);
+      const response = await crudify2.transaction(data);
       if (response.success) {
         if (response.data && response.data.existingCodeValid) {
           setCodeAlreadyExists(true);
@@ -555,10 +489,10 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
   const [codeValidated, setCodeValidated] = useState3(false);
   const [resetSuccess, setResetSuccess] = useState3(false);
   const { t } = useTranslation3();
-  const { crudify: crudify3 } = useCrudifyLogin(config);
+  const { crudify: crudify2 } = useCrudifyLogin(config);
   useEffect2(() => {
     const validateCode = async (emailToValidate, codeToValidate) => {
-      if (!crudify3) return;
+      if (!crudify2) return;
       try {
         const data = [
           {
@@ -566,7 +500,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
             data: { email: emailToValidate, codePassword: codeToValidate }
           }
         ];
-        const response = await crudify3.transaction(data);
+        const response = await crudify2.transaction(data);
         if (response.success) {
           setCodeValidated(true);
         } else {
@@ -594,7 +528,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
       setValidatingCode(false);
       setErrors([t("resetPassword.missingParameters")]);
     }
-  }, [searchParams, crudify3, t]);
+  }, [searchParams, crudify2, t]);
   const validatePasswords = () => {
     setHelperTextNewPassword(null);
     setHelperTextConfirmPassword(null);
@@ -617,7 +551,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
     return true;
   };
   const handleSubmit = async () => {
-    if (loading || !crudify3) return;
+    if (loading || !crudify2) return;
     setErrors([]);
     if (!validatePasswords()) return;
     setLoading(true);
@@ -628,7 +562,7 @@ var ResetPasswordForm = ({ config, onNavigate, onError, searchParams }) => {
           data: { email, codePassword: code, newPassword }
         }
       ];
-      const response = await crudify3.transaction(data);
+      const response = await crudify2.transaction(data);
       if (response.success) {
         setResetSuccess(true);
       } else {
@@ -772,7 +706,7 @@ var CheckCodeForm = ({ config, onNavigate, onError }) => {
   const [helperTextEmail, setHelperTextEmail] = useState4(null);
   const [helperTextCode, setHelperTextCode] = useState4(null);
   const { t } = useTranslation4();
-  const { crudify: crudify3 } = useCrudifyLogin(config);
+  const { crudify: crudify2 } = useCrudifyLogin(config);
   useEffect3(() => {
     const timer = setTimeout(() => {
       const emailInput = document.getElementById("email");
@@ -785,7 +719,7 @@ var CheckCodeForm = ({ config, onNavigate, onError }) => {
     return emailRegex.test(email2);
   };
   const handleSubmit = async () => {
-    if (loading || !crudify3) return;
+    if (loading || !crudify2) return;
     setErrors([]);
     setHelperTextEmail(null);
     setHelperTextCode(null);
@@ -809,7 +743,7 @@ var CheckCodeForm = ({ config, onNavigate, onError }) => {
           data: { email, codePassword: code }
         }
       ];
-      const response = await crudify3.transaction(data);
+      const response = await crudify2.transaction(data);
       if (response.success) {
         const params = new URLSearchParams({ email, code }).toString();
         onNavigate?.(`/login/resetPassword?${params}`);
@@ -931,7 +865,6 @@ var CrudifyLogin = ({
   onNavigate,
   onLoginSuccess,
   onError,
-  onSubdomainLoginSuccess,
   initialScreen = "login",
   redirectUrl = "/",
   autoReadFromCookies = true
@@ -1022,7 +955,7 @@ var CrudifyLogin = ({
       case "resetPassword":
         return /* @__PURE__ */ jsx5(ResetPasswordForm_default, { ...commonProps, searchParams });
       default:
-        return /* @__PURE__ */ jsx5(LoginForm_default, { ...commonProps, onLoginSuccess, onSubdomainLoginSuccess });
+        return /* @__PURE__ */ jsx5(LoginForm_default, { ...commonProps, onLoginSuccess });
     }
   };
   return /* @__PURE__ */ jsx5(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nocios/crudify-ui",
-  "version": "1.0.40",
+  "version": "1.0.43",
   "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.83",
+    "@nocios/crudify-browser": "^1.0.84",
     "crypto-js": "^4.2.0",
     "i18next-browser-languagedetector": "^8.1.0",
     "i18next-http-backend": "^3.0.2",

package/tsup.config.ts

@@ -1,9 +1,9 @@
-import { defineConfig } from 'tsup'
+import { defineConfig } from "tsup";
 
 export default defineConfig({
-  entry: ['src/index.ts'],
-  format: ['cjs', 'esm'],
+  entry: ["src/index.ts"],
+  format: ["cjs", "esm"],
   dts: true,
   clean: true,
-  external: ['react', 'react-dom', '@mui/material', '@mui/icons-material']
-})
+  external: ["react", "react-dom", "@mui/material", "@mui/icons-material"],
+});

package/LOGIN_POSIBLES_IMPLEMENTACIONES.md

@@ -1,281 +0,0 @@
-# Análisis: Implementaciones Posibles para Manejo de Usuario Logueado
-
-## Contexto Actual
-
-Actualmente en `crudia-ui`:
-- **DataProvider**: Maneja token, usuario (del JWT), inicialización de crudify, interceptores de expiración
-- **Token**: Se guarda en secureSessionStorage y se extrae info básica del JWT (email, exp, etc.)  
-- **Datos completos del usuario**: Se obtienen con `findUserByEmail()` usando `readItems("users", {filter: {email}})`
-- **Redirección automática**: Al expirar token, redirige a `/login`
-
-## Opciones de Implementación
-
-### ✅ **OPCIÓN 1: Provider Completo en la Librería (Recomendada)**
-
-**Descripción:**
-Crear un `CrudifyAuthProvider` en npm-crudify-ui que maneje completamente la autenticación y datos del usuario.
-
-```tsx
-// En npm-crudify-ui
-export const CrudifyAuthProvider = ({ 
-  children, 
-  onTokenExpired, 
-  onError,
-  config 
-}) => {
-  // Maneja: token, usuario completo, crudify init, interceptores
-}
-
-// En crudia-ui
-<CrudifyAuthProvider 
-  onTokenExpired={() => navigate("/login")}
-  config={appConfig}
->
-  <App />
-</CrudifyAuthProvider>
-```
-
-**✅ PROS:**
-- **Reutilización máxima**: Todas las apps usan la misma lógica de auth
-- **Mantenimiento centralizado**: Un solo lugar para bugs de auth
-- **Consistencia**: Mismo comportamiento en todas las apps
-- **Simplicidad**: Apps solo necesitan proveer callbacks
-- **Testing**: Más fácil testear lógica de auth de forma aislada
-- **Menos código**: Apps no duplican lógica de autenticación
-
-**❌ CONTRAS:**
-- **Migración inicial**: Hay que actualizar DataProvider existente
-- **Flexibilidad**: Menos control granular en cada app
-- **Dependencias**: Apps dependen más de la librería
-
-**📋 IMPLEMENTACIÓN:**
-```
-npm-crudify-ui/
-├── src/
-│   ├── components/
-│   │   ├── CrudifyLogin/
-│   │   └── CrudifyAuthProvider/     # NUEVO
-│   │       ├── index.tsx
-│   │       ├── types.ts
-│   │       ├── hooks/
-│   │       │   ├── useAuth.ts
-│   │       │   ├── useUserProfile.ts
-│   │       │   └── useCrudifyInit.ts
-│   │       └── utils/
-│   │           ├── jwtUtils.ts
-│   │           └── tokenInterceptors.ts
-```
-
----
-
-### 🔄 **OPCIÓN 2: Hook Compartido**
-
-**Descripción:**
-Crear hooks reutilizables pero mantener el Provider en cada app.
-
-```tsx
-// En npm-crudify-ui
-export const useAuthToken = (config) => { /* lógica token */ }
-export const useUserProfile = (userEmail) => { /* lógica usuario */ }
-export const useCrudifyInit = (config, token) => { /* lógica init */ }
-
-// En crudia-ui (DataProvider se mantiene)
-const DataProvider = ({ children }) => {
-  const { token, setToken } = useAuthToken(config)
-  const { user } = useUserProfile(userEmail)
-  const { isInitialized } = useCrudifyInit(config, token)
-  // ...
-}
-```
-
-**✅ PROS:**
-- **Flexibilidad**: Cada app controla su Provider
-- **Migración gradual**: Se puede migrar por partes
-- **Personalización**: Apps pueden customizar comportamiento
-- **Compatibilidad**: Fácil mantener el DataProvider actual
-
-**❌ CONTRAS:**
-- **Duplicación de código**: Cada app necesita su Provider
-- **Inconsistencias**: Apps pueden implementar diferente
-- **Mantenimiento**: Hay que actualizar múltiples lugares
-- **Complejidad**: Apps necesitan conocer la implementación
-
----
-
-### 🚫 **OPCIÓN 3: Solo Utilidades (No recomendada)**
-
-**Descripción:**
-Mover solo funciones utilitarias a la librería.
-
-```tsx
-// En npm-crudify-ui
-export const parseJWT = (token) => { /* ... */ }
-export const setupTokenInterceptor = (onExpired) => { /* ... */ }
-export const findUserByEmail = (email) => { /* ... */ }
-```
-
-**✅ PROS:**
-- **Migración mínima**: Casi no cambia el código existente
-- **Control total**: Apps mantienen control completo
-
-**❌ CONTRAS:**
-- **Poca reutilización**: No se simplifica realmente
-- **Duplicación**: Lógica principal sigue duplicada
-- **Mantenimiento**: Sigue siendo complejo mantener
-- **Valor limitado**: No justifica el esfuerzo
-
----
-
-### ⚖️ **OPCIÓN 4: Híbrida (Provider + Hooks)**
-
-**Descripción:**
-Provider principal + hooks especializados para casos específicos.
-
-```tsx
-// Provider principal
-<CrudifyAuthProvider>
-  <App />
-</CrudifyAuthProvider>
-
-// Hooks adicionales para casos específicos
-const { refreshUserProfile } = useUserProfile()
-const { extendToken } = useTokenManager()
-```
-
-**✅ PROS:**
-- **Lo mejor de ambos**: Provider simple + hooks flexibles
-- **Escalabilidad**: Fácil agregar funcionalidades
-- **Gradual**: Se puede implementar por etapas
-
-**❌ CONTRAS:**
-- **Complejidad inicial**: Más código para implementar
-- **Decisiones de diseño**: Qué va en Provider vs hooks
-
----
-
-## 🎯 **RECOMENDACIÓN: OPCIÓN 1**
-
-### **Por qué la Opción 1 es la mejor:**
-
-1. **Alineada con el objetivo**: Librería reutilizable y fácil mantenimiento
-2. **Soluciona el problema real**: Evita duplicar DataProvider en cada app
-3. **Escalable**: Nuevas apps solo importan el provider
-4. **Mantenible**: Un solo lugar para arreglar bugs de auth
-5. **React best practices**: Providers son el patrón estándar para estado global
-
-### **Plan de Migración:**
-
-#### **Fase 1: Crear CrudifyAuthProvider en la librería**
-```tsx
-// npm-crudify-ui/src/components/CrudifyAuthProvider/
-export interface CrudifyAuthConfig {
-  publicApiKey?: string
-  env?: 'dev' | 'stg' | 'prod'
-  onTokenExpired?: () => void
-  onAuthError?: (error: string) => void
-  autoLoginWithSubdomain?: boolean
-}
-
-export const CrudifyAuthProvider: React.FC<{
-  children: React.ReactNode
-  config: CrudifyAuthConfig
-}>
-```
-
-#### **Fase 2: Migrar crudia-ui**
-```tsx
-// Reemplazar DataProvider con:
-<CrudifyAuthProvider 
-  config={{
-    onTokenExpired: () => navigate("/login"),
-    onAuthError: (error) => showNotification(error, "error")
-  }}
->
-  {children}
-</CrudifyAuthProvider>
-```
-
-#### **Fase 3: Otras apps usan el mismo provider**
-```tsx
-// En nuevas apps:
-<CrudifyAuthProvider config={appSpecificConfig}>
-  <MyApp />
-</CrudifyAuthProvider>
-```
-
-### **Beneficios a Largo Plazo:**
-
-- 🚀 **Nuevas apps**: Se implementan en minutos, no horas
-- 🔧 **Bugs de auth**: Se arreglan una vez, se aplican a todas las apps  
-- 📚 **Consistencia**: Misma UX de autenticación en todo el ecosistema
-- 🧪 **Testing**: Lógica de auth se puede testear de forma aislada
-- 📖 **Documentación**: Un solo provider para documentar
-
----
-
-## 🚀 **Implementación Sugerida**
-
-### **Estructura del CrudifyAuthProvider:**
-
-```tsx
-interface CrudifyAuthContextValue {
-  // Estado básico
-  token: string | null
-  user: any | null
-  userProfile: any | null
-  isAuthenticated: boolean
-  isInitialized: boolean
-  
-  // Métodos
-  login: (username: string, password: string) => Promise<LoginResponse>
-  loginWithSubdomain: (username: string, password: string, subdomain: string) => Promise<LoginResponse>
-  logout: () => void
-  refreshUserProfile: () => Promise<void>
-  
-  // Estados de carga
-  loginLoading: boolean
-  profileLoading: boolean
-  initLoading: boolean
-  
-  // Errores
-  authError: string | null
-  profileError: string | null
-}
-```
-
-### **Uso en las apps:**
-
-```tsx
-// crudia-ui/src/App.tsx
-<CrudifyAuthProvider 
-  config={{
-    publicApiKey: appConfig.publicApiKey,
-    env: appConfig.env,
-    onTokenExpired: () => navigate("/login"),
-    onAuthError: (error) => showNotification(error, "error"),
-    autoReadFromCookies: true
-  }}
->
-  <Router>
-    <Routes>
-      <Route path="/login" element={<CrudifyLogin />} />
-      <Route path="/*" element={<ProtectedRoutes />} />
-    </Routes>
-  </Router>
-</CrudifyAuthProvider>
-```
-
-### **Hook de uso:**
-
-```tsx
-// En cualquier componente
-const { user, userProfile, logout, refreshUserProfile } = useAuth()
-
-// Usuario básico (del JWT)
-console.log(user.email, user.exp)
-
-// Usuario completo (de la DB)
-console.log(userProfile.firstName, userProfile.preferences)
-```
-
-¿Te parece bien esta propuesta? ¿Quieres que proceda con la implementación de la Opción 1?