gov-layout 1.2.29 → 1.3.0

package/dist/index.mjs

@@ -623,6 +623,18 @@ function ProfileIcon() {
     }
   );
 }
+function AvatarIcon({ size = 20 }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      children: /* @__PURE__ */ jsx("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })
+    }
+  );
+}
 function SidebarUserProfile({
   user,
   roleLabel,
@@ -638,11 +650,6 @@ function SidebarUserProfile({
     }
     return user.firstName || user.lastName || "\u0E1C\u0E39\u0E49\u0E43\u0E0A\u0E49";
   };
-  const getInitial = () => {
-    if (user.firstName) return user.firstName.substring(0, 2);
-    if (user.lastName) return user.lastName.substring(0, 2);
-    return "\u0E1C\u0E39\u0E49";
-  };
   if (collapsed) {
     return /* @__PURE__ */ jsxs("div", { style: {
       padding: "12px 8px",
@@ -658,7 +665,7 @@ function SidebarUserProfile({
           onClick: onProfile,
           title: onProfile ? "\u0E14\u0E39\u0E42\u0E1B\u0E23\u0E44\u0E1F\u0E25\u0E4C" : getFullName(),
           style: { cursor: onProfile ? "pointer" : "default" },
-          children: user.pictureUrl && !user.pictureUrl.startsWith("/") ? /* @__PURE__ */ jsx(
+          children: user.pictureUrl ? /* @__PURE__ */ jsx(
             "img",
             {
               src: user.pictureUrl,
@@ -685,7 +692,7 @@ function SidebarUserProfile({
                 fontWeight: 700,
                 fontSize: "14px"
               },
-              children: getInitial()
+              children: /* @__PURE__ */ jsx(AvatarIcon, { size: 20 })
             }
           )
         }
@@ -777,7 +784,7 @@ function SidebarUserProfile({
               transition: "opacity 0.15s ease"
             },
             children: [
-              user.pictureUrl && !user.pictureUrl.startsWith("/") ? /* @__PURE__ */ jsx(
+              user.pictureUrl ? /* @__PURE__ */ jsx(
                 "img",
                 {
                   src: user.pictureUrl,
@@ -806,7 +813,7 @@ function SidebarUserProfile({
                     fontSize: "16px",
                     flexShrink: 0
                   },
-                  children: getInitial()
+                  children: /* @__PURE__ */ jsx(AvatarIcon, { size: 24 })
                 }
               ),
               /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
@@ -1100,6 +1107,9 @@ function HamburgerIcon() {
 function MessageOutlinedIcon(props) {
   return /* @__PURE__ */ jsx("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", fill: "currentColor", ...props, children: /* @__PURE__ */ jsx("path", { d: "M4 4h16v12H5.17L4 17.17zm0-2c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm2 10h12v2H6zm0-3h12v2H6zm0-3h12v2H6z" }) });
 }
+function AvatarIcon2({ size = 20 }) {
+  return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) });
+}
 function getNotifBg(type) {
   const map = {
     success: "#dcfce7",
@@ -1131,7 +1141,7 @@ function UserHeader({
   className
 }) {
   const displayName = `${user?.firstName || ""} ${user?.lastName || ""}`.trim() || "\u0E1C\u0E39\u0E49\u0E43\u0E0A\u0E49";
-  const firstChar = user?.firstName?.charAt(0) || "\u0E1C";
+  user?.firstName?.charAt(0) || "\u0E1C";
   const [isNotifOpen, setIsNotifOpen] = useState(false);
   const [activeFilter, setActiveFilter] = useState("all");
   const notifRef = useRef(null);
@@ -1225,13 +1235,7 @@ function UserHeader({
                         justifyContent: "center",
                         boxShadow: "0 1px 3px rgba(0,0,0,0.1)"
                       },
-                      children: /* @__PURE__ */ jsx(
-                        "span",
-                        {
-                          style: { color: "#fff", fontSize: "18px", fontWeight: 600 },
-                          children: firstChar
-                        }
-                      )
+                      children: /* @__PURE__ */ jsx(AvatarIcon2, { size: 24 })
                     }
                   ),
                   /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [
@@ -1625,6 +1629,9 @@ function ProfileIcon2() {
     /* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4" })
   ] });
 }
+function AvatarIcon3({ size = 20 }) {
+  return /* @__PURE__ */ jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) });
+}
 function UserSidebar({
   user,
   roleLabel,
@@ -1652,10 +1659,6 @@ function UserSidebar({
     if (user.firstName && user.lastName) return `${user.firstName} ${user.lastName}`;
     return user.firstName || user.lastName || "\u0E1C\u0E39\u0E49\u0E43\u0E0A\u0E49";
   };
-  const getInitial = () => {
-    if (!user) return "?";
-    return user.firstName?.charAt(0) || user.lastName?.charAt(0) || "?";
-  };
   const handleMenuClick = (path) => {
     onNavigate(path);
     onClose();
@@ -1744,7 +1747,7 @@ function UserSidebar({
                           fontSize: "20px",
                           boxShadow: "0 2px 8px rgba(0,0,0,0.1)"
                         },
-                        children: getInitial()
+                        children: /* @__PURE__ */ jsx(AvatarIcon3, { size: 32 })
                       }
                     ),
                     /* @__PURE__ */ jsxs("div", { style: { flex: 1, minWidth: 0 }, children: [