@solidstarters/solid-core-ui 1.1.18 → 1.1.20

package/src/components/layout/user-profile-menu.tsx

@@ -13,7 +13,8 @@ import { Button } from "primereact/button";
 import { useRouter } from "next/navigation";
 import { Dialog } from "primereact/dialog";
 import { Divider } from "primereact/divider";
-
+import Image from "next/image";
+import AvatarImage from '../../resources/images/Profile/Avatar.png'
 const UserProfileMenu = () => {
   const router = useRouter();
 
@@ -50,10 +51,11 @@ const UserProfileMenu = () => {
           //@ts-ignore
           onClick={(e: any) => op?.current?.toggle(e)}
         >
-          <img
-            src={`/images/Profile/Avatar.png`}
+          <Image
+            src={AvatarImage}
             alt="Solid"
-            className="profile-icon"
+            className="profile-icon relative"
+            fill
           />
           <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
             <path d="M7 5.83301L3.5 9.33301H10.5L7 5.83301Z" fill="black" />
@@ -61,11 +63,12 @@ const UserProfileMenu = () => {
         </div>
         <OverlayPanel ref={op} className="user-profile-panel">
           <div className="flex align-items-center p-3 gap-2 user-profile-title">
-            <img
+            <Image
               alt="avatar"
-              src={`/images/Profile/Avatar.png`}
-              className="w-2rem"
-            ></img>
+              src={AvatarImage}
+              className="w-2rem relative"
+              fill
+            />
             <div className="flex flex-column align">
               <span className="font-bold">{user?.user?.username}</span>
               <span className="mt-1">{user?.user?.email}</span>
@@ -86,15 +89,14 @@ const UserProfileMenu = () => {
             <Button
               text
               severity="secondary"
-              className="flex align-items-center gap-2"
-              icon={
-                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
-                  <path d="M3.75 15.75C3.3375 15.75 2.98438 15.6031 2.69063 15.3094C2.39687 15.0156 2.25 14.6625 2.25 14.25V3.75C2.25 3.3375 2.39687 2.98438 2.69063 2.69063C2.98438 2.39687 3.3375 2.25 3.75 2.25H9V3.75H3.75V14.25H9V15.75H3.75ZM12 12.75L10.9688 11.6625L12.8813 9.75H6.75V8.25H12.8813L10.9688 6.3375L12 5.25L15.75 9L12 12.75Z" fill="#F04A4A" />
-                </svg>
-              }
+              className="flex align-items-center gap-2 w-full px-3"
               onClick={() => setConfirmLogout(true)}
-              label="Logout"
-            />
+            >
+              <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none">
+                <path d="M3.75 15.75C3.3375 15.75 2.98438 15.6031 2.69063 15.3094C2.39687 15.0156 2.25 14.6625 2.25 14.25V3.75C2.25 3.3375 2.39687 2.98438 2.69063 2.69063C2.98438 2.39687 3.3375 2.25 3.75 2.25H9V3.75H3.75V14.25H9V15.75H3.75ZM12 12.75L10.9688 11.6625L12.8813 9.75H6.75V8.25H12.8813L10.9688 6.3375L12 5.25L15.75 9L12 12.75Z" fill="#F04A4A" />
+              </svg>
+              <span className="p-button-label flex-none ">Logout</span>
+            </Button>
           </div>
         </OverlayPanel>
       </div>

package/src/declarations.d.ts

@@ -0,0 +1,19 @@
+declare module '*.png' {
+    const value: string;
+    export default value;
+}
+
+declare module '*.jpg' {
+    const value: string;
+    export default value;
+}
+
+declare module '*.jpeg' {
+    const value: string;
+    export default value;
+}
+
+declare module '*.svg' {
+    const content: any;
+    export default content;
+}

package/src/helpers/downloadMediaFile.tsx

@@ -0,0 +1,19 @@
+export const downloadMediaFile = async (fileUrl: string, fileName: string) => {
+    try {
+        const response = await fetch(`${process.env.NEXT_PUBLIC_BACKEND_API_URL}/${fileUrl}`);
+        const blob = await response.blob();
+
+        const link = document.createElement("a");
+        link.href = URL.createObjectURL(blob);
+        link.setAttribute("download", fileName || "download");
+
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+
+        // Clean up the object URL
+        URL.revokeObjectURL(link.href);
+    } catch (error) {
+        console.error("Download failed:", error);
+    }
+};

package/src/helpers/getAcceptedFileTypes.tsx

@@ -0,0 +1,22 @@
+export default function getAcceptedFileTypes(mediaTypes: string[]) {
+    if (!mediaTypes || mediaTypes.length === 0) return {}; // Default empty
+
+    const fileTypeMapping: Record<string, string> = {
+        image: "image/*",
+        audio: "audio/*",
+        video: "video/*",
+        pdf: "application/pdf",
+        file: "",
+    };
+
+    // If "file" exists in mediaTypes, allow all files
+    if (mediaTypes.includes("file")) {
+        return {};
+    }
+
+    const acceptedTypes = mediaTypes
+        .map(type => fileTypeMapping[type.toLowerCase()])
+        .filter(Boolean); // Remove undefined values
+
+    return acceptedTypes.length > 0 ? Object.fromEntries(acceptedTypes.map(type => [type, []])) : {};
+}

package/src/helpers/permissions.ts

@@ -14,3 +14,6 @@ export const deletePermission = (modelName: string) => {
     return `${pascalCase(modelName)}Controller.delete`
 };
 
+export const deleteManyPermission = (modelName: string) => {
+    return `${pascalCase(modelName)}Controller.deleteMany`
+};

package/src/nextAuth/authProviders.tsx

@@ -175,8 +175,9 @@ const authProviders: NextAuthOptions = {
     callbacks: {
         // @ts-ignore
         jwt: async ({ token, user }) => {
-            if (Date.now() >= (token.accessTokenExpires as number)) {
-                return refreshAccessToken(token); // Call the refresh token function
+            const bufferTime = 60000;
+            if (Date.now() >= (token.accessTokenExpires as number - bufferTime)) {
+                return await refreshAccessToken(token); // Call the refresh token function
             }
 
             // If there is no user (first time login or session), we return the user data

package/src/redux/api/authApi.ts

@@ -1,3 +1,4 @@
+
 import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";
 import { baseQueryWithAuth } from "./fetchBaseQuery";
 
@@ -61,7 +62,7 @@ export const authApi = createApi({
     }),
     updateUser: builder.mutation({
       query: ({ id, data }) => ({
-        url: `/user/${id}`,
+        url: `/user/${id}/update-user-and-roles`,
         method: 'PATCH',
         body: data,
       }),

package/src/redux/api/solidViewApi.ts

@@ -65,6 +65,7 @@ export const {
     useLazyGetSolidViewByIdQuery,
     useGetSolidViewByIdQuery,
     useGetSolidViewLayoutQuery,
+    useLazyGetSolidViewLayoutQuery,
     useCreateSolidViewMutation,
     useUpdateSolidViewMutation,
     useDeleteSolidViewMutation,