@asaleh37/ui-base 25.12.10 → 25.12.17

package/src/layout/TopBar.tsx

@@ -27,6 +27,7 @@ import AttachmentImageViewer from "../components/templates/attachment/Attachment
 import NotificationButton from "./NotificationButton";
 import { useState } from "react";
 import ChangePasswordPanel from "../components/administration/admin/ChangePasswordPanel";
+import { AppInfo } from "../redux/features/common/AppInfoSlice";
 
 interface AppBarProps extends MuiAppBarProps {
   open?: boolean;
@@ -35,6 +36,7 @@ interface AppBarProps extends MuiAppBarProps {
 const AppBar = styled(MuiAppBar, {
   shouldForwardProp: (prop) => prop !== "open",
 })<AppBarProps>(({ theme }) => {
+  const AppInfo: AppInfo = useSelector((state: any) => state.AppInfo.value);
   const AppLayout = useSelector((state: any) => state.AppLayout);
   const isMobile = useIsMobile();
   return {
@@ -109,40 +111,49 @@ const TopBar: React.FC = () => {
   };
   return (
     <>
-      <ChangePasswordWindow>
-        <ChangePasswordPanel
-          selectedPerson={UserSession.value}
-          isSelfService={true}
-          onSuccessCallBk={() => {
-            setChangePasswordWindow(false);
-          }}
-        />
-      </ChangePasswordWindow>
-      <Menu
-        sx={{ mt: "45px" }}
-        id="menu-appbar"
-        anchorEl={anchorElUser}
-        anchorOrigin={{
-          vertical: "top",
-          horizontal: "right",
-        }}
-        keepMounted
-        transformOrigin={{
-          vertical: "top",
-          horizontal: "right",
-        }}
-        open={Boolean(anchorElUser)}
-        onClose={handleCloseUserMenu}
-      >
-        <MenuItem
-          onClick={() => {
-            setChangePasswordWindow(true);
-            handleCloseUserMenu();
-          }}
-        >
-          <Typography sx={{ textAlign: "center" }}>Change Password</Typography>
-        </MenuItem>
-      </Menu>
+      {AppInfo.isUserProfileManaged ? (
+        <>
+          <ChangePasswordWindow>
+            <ChangePasswordPanel
+              selectedPerson={UserSession.value}
+              isSelfService={true}
+              onSuccessCallBk={() => {
+                setChangePasswordWindow(false);
+              }}
+            />
+          </ChangePasswordWindow>
+          <Menu
+            sx={{ mt: "45px" }}
+            id="menu-appbar"
+            anchorEl={anchorElUser}
+            anchorOrigin={{
+              vertical: "top",
+              horizontal: "right",
+            }}
+            keepMounted
+            transformOrigin={{
+              vertical: "top",
+              horizontal: "right",
+            }}
+            open={Boolean(anchorElUser)}
+            onClose={handleCloseUserMenu}
+          >
+            <MenuItem
+              onClick={() => {
+                setChangePasswordWindow(true);
+                handleCloseUserMenu();
+              }}
+            >
+              <Typography sx={{ textAlign: "center" }}>
+                Change Password
+              </Typography>
+            </MenuItem>
+          </Menu>
+        </>
+      ) : (
+        <></>
+      )}
+
       <ChangeOrgWindow>
         <ChangeOrgForm
           successChangeCallBackFn={() => {
@@ -199,6 +210,7 @@ const TopBar: React.FC = () => {
             }
           >
             <IconButton
+              sx={{ mx: 1 }}
               color="inherit"
               onClick={() => {
                 dispatch(
@@ -219,28 +231,33 @@ const TopBar: React.FC = () => {
               )}
             </IconButton>
           </Tooltip>
-          <Tooltip
-            title={
-              i18n.language === "ar"
-                ? "Change Language To English"
-                : "Change Language To Arabic"
-            }
-          >
-            <IconButton
-              color="inherit"
-              onClick={() => {
-                let nextLanguage = i18n.language === "ar" ? "en" : "ar";
-                changeLanguage(nextLanguage);
-                dispatch(
-                  AppLayoutActions.setAppDirection(
-                    nextLanguage === "ar" ? "rtl" : "ltr"
-                  )
-                );
-              }}
+          {AppInfo.isLocalizationEnabled ? (
+            <Tooltip
+              title={
+                i18n.language === "ar"
+                  ? "Change Language To English"
+                  : "Change Language To Arabic"
+              }
             >
-              <FontAwesomeIcon icon="language" />
-            </IconButton>
-          </Tooltip>
+              <IconButton
+                color="inherit"
+                onClick={() => {
+                  let nextLanguage = i18n.language === "ar" ? "en" : "ar";
+                  changeLanguage(nextLanguage);
+                  dispatch(
+                    AppLayoutActions.setAppDirection(
+                      nextLanguage === "ar" ? "rtl" : "ltr"
+                    )
+                  );
+                }}
+              >
+                <FontAwesomeIcon icon="language" />
+              </IconButton>
+            </Tooltip>
+          ) : (
+            <></>
+          )}
+
           {UserSession.value?.userOrganizations &&
           UserSession.value?.userOrganizations.length > 1 ? (
             <Tooltip title="Change Current Organization">

package/src/main.tsx

@@ -7,11 +7,12 @@ createRoot(document.getElementById("root")!).render(
     enableUINotifications={false}
     appLogo={"/logo.png"}
     appName="UI Base Library"
+    isUserProfileManaged={false}
     loginScreenStyle={{
       themeMode: "dark",
       backgroundImageNameInPublicFolder: "bg.jpg",
     }}
-    appVersion="25.11.6"
+    appVersion="25.12.12"
     authenticationMethod="APP"
     azureConfiguration={{
       frontEndClientId: "c3bbbdbd-f392-4459-b3dd-2351cb07f924",

package/src/navigationItems/Administration/adminNavigationItems.tsx

@@ -47,7 +47,7 @@ export const adminNavigationItems: TreeViewBaseItem<ExtendedTreeItemProps>[] = [
         children: [
           {
             id: "development_admin.organization.modules",
-            label: "Subscriped Modules",
+            label: "Subscribed Modules",
             icon: "layer-group",
             authority: "ORGANIZATION_ADMIN",
             action: "NAVIGATION",

package/src/redux/features/common/AppInfoSlice.ts

@@ -15,6 +15,8 @@ export type AppInfo = {
   appName: string | null;
   appVersion: string | null;
   appLogo: any | null;
+  isUserProfileManaged?: boolean;
+  isLocalizationEnabled?: boolean;
   businessLocals?: {
     ar: { [key: string]: string };
     en: { [key: string]: string };
@@ -54,6 +56,8 @@ const initialState: AppInfoProp = {
     documentTitle: null,
     apiBaseUrl: null,
     authenticationMethod: "APP",
+    isUserProfileManaged: true,
+    isLocalizationEnabled: false,
     appName: null,
     appVersion: null,
     appLogo: null,