@lincros-ui/components 0.2.12 → 0.2.14

package/dist/index.cjs

@@ -4925,6 +4925,139 @@ function useSidebarState(routePaths) {
     isExactMenuItemActive
   };
 }
+function PasswordResetModal({
+  open,
+  onOpenChange,
+  onSubmit,
+  loading = false,
+  error = null
+}) {
+  const [formData, setFormData] = React37__namespace.default.useState({
+    oldPassword: "",
+    newPassword: "",
+    confirmPassword: ""
+  });
+  const [validationError, setValidationError] = React37__namespace.default.useState(
+    null
+  );
+  const handleInputChange = (field, value) => {
+    setFormData((prev) => ({ ...prev, [field]: value }));
+    setValidationError(null);
+  };
+  const validateForm = () => {
+    if (!formData.oldPassword) {
+      setValidationError("Senha atual \xE9 obrigat\xF3ria");
+      return false;
+    }
+    if (!formData.newPassword) {
+      setValidationError("Nova senha \xE9 obrigat\xF3ria");
+      return false;
+    }
+    if (formData.newPassword.length < 8) {
+      setValidationError("Nova senha deve ter no m\xEDnimo 8 caracteres");
+      return false;
+    }
+    if (formData.newPassword !== formData.confirmPassword) {
+      setValidationError("As senhas n\xE3o coincidem");
+      return false;
+    }
+    if (formData.oldPassword === formData.newPassword) {
+      setValidationError("Nova senha deve ser diferente da senha atual");
+      return false;
+    }
+    return true;
+  };
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!validateForm()) return;
+    await onSubmit(formData);
+  };
+  const handleClose = () => {
+    if (!loading) {
+      setFormData({
+        oldPassword: "",
+        newPassword: "",
+        confirmPassword: ""
+      });
+      setValidationError(null);
+      onOpenChange(false);
+    }
+  };
+  const displayError = error || validationError;
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Redefinir Senha" }),
+      /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "Digite sua senha atual e escolha uma nova senha. A senha deve ter no m\xEDnimo 8 caracteres." })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      displayError && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded-md", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "w-4 h-4 shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: displayError })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label3, { htmlFor: "old-password", children: "Senha Atual" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Input,
+          {
+            id: "old-password",
+            type: "password",
+            value: formData.oldPassword,
+            onChange: (e) => handleInputChange("oldPassword", e.target.value),
+            disabled: loading,
+            leftIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-4 h-4" }),
+            placeholder: "Digite sua senha atual",
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label3, { htmlFor: "new-password", children: "Nova Senha" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Input,
+          {
+            id: "new-password",
+            type: "password",
+            value: formData.newPassword,
+            onChange: (e) => handleInputChange("newPassword", e.target.value),
+            disabled: loading,
+            leftIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-4 h-4" }),
+            placeholder: "Digite sua nova senha",
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label3, { htmlFor: "confirm-password", children: "Confirmar Nova Senha" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Input,
+          {
+            id: "confirm-password",
+            type: "password",
+            value: formData.confirmPassword,
+            onChange: (e) => handleInputChange("confirmPassword", e.target.value),
+            disabled: loading,
+            leftIcon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "w-4 h-4" }),
+            placeholder: "Confirme sua nova senha",
+            required: true
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: handleClose,
+            disabled: loading,
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: loading, children: loading ? "Redefinindo..." : "Redefinir Senha" })
+      ] })
+    ] })
+  ] }) });
+}
 function filterMenuItems(items, user) {
   return items.filter((item) => menuPermissions.canAccessMenu(user, item.permission)).map((item) => {
     if (item.subItems) {
@@ -5012,6 +5145,9 @@ function ControlSidebar({
   routePaths,
   user,
   onLogout,
+  onResetPassword,
+  resetPasswordLoading = false,
+  resetPasswordError = null,
   getCurrentTenantId,
   logoUrl = "/lovable-uploads/632ebc32-3ae3-4944-8e70-0e9c2539494a.png",
   faviconUrl,
@@ -5027,9 +5163,18 @@ function ControlSidebar({
   const { state } = useSidebar();
   const isCollapsed = state === "collapsed";
   const [internalTime, setInternalTime] = React37__namespace.default.useState(/* @__PURE__ */ new Date());
+  const [isPasswordResetOpen, setIsPasswordResetOpen] = React37__namespace.default.useState(false);
   const currentTenantId = getCurrentTenantId();
   console.log(currentTenantId);
   const isMasterTenant = currentTenantId === "master";
+  const handlePasswordReset = async (data) => {
+    if (onResetPassword) {
+      await onResetPassword(data);
+      if (!resetPasswordError) {
+        setIsPasswordResetOpen(false);
+      }
+    }
+  };
   const menuItems = [
     {
       title: "Dashboard",
@@ -5128,12 +5273,14 @@ function ControlSidebar({
             }
           ]
         },
-        ...isMasterTenant ? [] : [{
-          title: "Unidades de Neg\xF3cio",
-          url: routePaths.UNIDADES_NEGOCIO,
-          icon: lucideReact.Building2,
-          permission: menuPermissions.MenuPermissionLevel.MANAGER_OR_ADMIN
-        }],
+        ...isMasterTenant ? [] : [
+          {
+            title: "Unidades de Neg\xF3cio",
+            url: routePaths.UNIDADES_NEGOCIO,
+            icon: lucideReact.Building2,
+            permission: menuPermissions.MenuPermissionLevel.MANAGER_OR_ADMIN
+          }
+        ],
         ...isMasterTenant ? [
           {
             title: "Tenants",
@@ -5196,7 +5343,7 @@ function ControlSidebar({
         {
           src: faviconUrl || logoUrl,
           alt: `${appName} Logo`,
-          className: "w-8 h-8 object-contain"
+          className: "w-10 object-contain"
         }
       ) })
     ] }),
@@ -5256,32 +5403,60 @@ function ControlSidebar({
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-gray-700 truncate", children: user.login }),
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-gray-500 truncate", children: user.email })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: () => onLogout(),
-            className: "h-8 w-8 p-0 shrink-0 ml-2",
-            title: "Logout",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOut, { className: "icon-size" })
-          }
-        )
-      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(Tooltip2, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: () => onLogout(),
-            className: "h-8 w-8 p-0",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOut, { className: "icon-size" })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(TooltipContent, { side: "right", className: "font-medium", children: [
-          "Logout (",
-          user.login,
-          ")"
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1 shrink-0 ml-2", children: [
+          onResetPassword && /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => setIsPasswordResetOpen(true),
+              className: "h-8 w-8 p-0",
+              title: "Redefinir Senha",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings2, { className: "icon-size" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => onLogout(),
+              className: "h-8 w-8 p-0",
+              title: "Logout",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOut, { className: "icon-size" })
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+        onResetPassword ? /* @__PURE__ */ jsxRuntime.jsxs(Tooltip2, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => setIsPasswordResetOpen(true),
+              className: "h-8 w-8 p-0",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings2, { className: "icon-size" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "right", className: "font-medium", children: "Redefinir Senha" })
+        ] }) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs(Tooltip2, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: () => onLogout(),
+              className: "h-8 w-8 p-0",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOut, { className: "icon-size" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(TooltipContent, { side: "right", className: "font-medium", children: [
+            "Logout (",
+            user.login,
+            ")"
+          ] })
         ] })
       ] }) }),
       !isCollapsed && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -5304,7 +5479,17 @@ function ControlSidebar({
           /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { side: "right", className: "font-medium", children: displayTime.toLocaleString("pt-BR") })
         ] })
       ] })
-    ] }) })
+    ] }) }),
+    onResetPassword ? /* @__PURE__ */ jsxRuntime.jsx(
+      PasswordResetModal,
+      {
+        open: isPasswordResetOpen,
+        onOpenChange: setIsPasswordResetOpen,
+        onSubmit: handlePasswordReset,
+        loading: resetPasswordLoading,
+        error: resetPasswordError
+      }
+    ) : null
   ] });
 }
 function MainLayout({
@@ -5312,6 +5497,9 @@ function MainLayout({
   routePaths,
   user,
   onLogout,
+  onResetPassword,
+  resetPasswordLoading,
+  resetPasswordError,
   getCurrentTenantId,
   currentTime,
   appName,
@@ -5326,6 +5514,9 @@ function MainLayout({
         routePaths,
         user,
         onLogout,
+        onResetPassword,
+        resetPasswordLoading,
+        resetPasswordError,
         getCurrentTenantId,
         currentTime,
         appName,
@@ -5337,7 +5528,7 @@ function MainLayout({
     /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full overflow-y-auto", children }) })
   ] }) });
 }
-function ProtectedRoute({ children, useAuthContext, tenantId, useSSO, routePaths, useTenant, tenantService, appName, appSubtitle, logoUrl, faviconUrl }) {
+function ProtectedRoute({ children, useAuthContext, tenantId, useSSO, routePaths, useTenant, tenantService, onResetPassword, resetPasswordLoading, resetPasswordError, appName, appSubtitle, logoUrl, faviconUrl }) {
   const { isAuthenticated, isLoading, logout, user, getCurrentTenantId } = useAuthContext();
   const location = reactRouterDom.useLocation();
   const sso = useSSO(tenantId || void 0);
@@ -5377,6 +5568,9 @@ function ProtectedRoute({ children, useAuthContext, tenantId, useSSO, routePaths
       routePaths,
       user,
       onLogout: logout,
+      onResetPassword,
+      resetPasswordLoading,
+      resetPasswordError,
       getCurrentTenantId,
       appName,
       appSubtitle,
@@ -11737,6 +11931,7 @@ exports.ContextMenuSub = ContextMenuSub;
 exports.ContextMenuSubContent = ContextMenuSubContent;
 exports.ContextMenuSubTrigger = ContextMenuSubTrigger;
 exports.ContextMenuTrigger = ContextMenuTrigger;
+exports.ControlSidebar = ControlSidebar;
 exports.CountBadge = CountBadge;
 exports.CustomSidebarMenuSub = CustomSidebarMenuSub;
 exports.CustomSidebarMenuSubButton = CustomSidebarMenuSubButton;
@@ -11839,6 +12034,7 @@ exports.PaginationItem = PaginationItem;
 exports.PaginationLink = PaginationLink;
 exports.PaginationNext = PaginationNext;
 exports.PaginationPrevious = PaginationPrevious;
+exports.PasswordResetModal = PasswordResetModal;
 exports.Popover = Popover;
 exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;