@rkosafo/cai.components 0.0.70 → 0.0.72

package/dist/layout/mailing/MailingModule.svelte

@@ -42,7 +42,7 @@
 		toggleArchieve = async (id: string | number) => {
 			return { success: false, data: null, error: null } as any;
 		},
-		toggleAsRead = async (id: string | number) => {
+		toggleAsRead = async (id: string | number, type?: MailMarkReadToggleType) => {
 			return { success: false, data: null, error: null } as any;
 		},
 		toggleFavourite = async (id: string | number) => {
@@ -62,7 +62,7 @@
 	let activeBox = $state<MailingActiveBox>('inbox');
 	let pageInfo = new PageInfo();
 	let menutItems = $state([
-		{ icon: 'bx:bxs-inbox', title: 'Inbox', count: 3, path: '' },
+		{ icon: 'bx:bxs-inbox', title: 'Inbox', count: 0, path: '' },
 		{ icon: 'bx:bxs-send', title: 'Sent', count: 0, path: '' }
 	]);
 	let openDeleteAlert = $state(false);
@@ -85,7 +85,11 @@
 		else return false;
 	}
 
-	async function fetchData(page: number, params: TableFilter, activeBox: ActiveBox = 'inbox') {
+	async function fetchData(
+		page: number,
+		params: TableFilter,
+		activeBox: MailingActiveBox = 'inbox'
+	) {
 		try {
 			let currentPage = 0;
 			if (params.search) {
@@ -193,7 +197,7 @@
 				const results = [];
 
 				for (const msg of selectedMessages) {
-					const res = await toggleAsRead(msg);
+					const res = await toggleAsRead(msg, val);
 					results.push(res);
 				}
 				selectedMessages = [];
@@ -321,6 +325,19 @@
 		pageInfo.setPageSize(1);
 	}
 
+	async function getIsRead(id: number): Promise<boolean> {
+		let status = false;
+		try {
+			const ret = await readAMessage(id);
+			if (!ret?.success) {
+				return false;
+			}
+			status = ret.data?.isRead || false;
+			return status;
+		} catch (error) {}
+		return status;
+	}
+
 	$effect(() => {
 		fetchData(pageNumber, { search: query }, activeBox);
 	});
@@ -335,7 +352,7 @@
 			<div class="loginbox h-14 rounded bg-white px-4">
 				<MailToolBar
 					isFavoriteActive={false}
-					isReadActive={false}
+					isReadActive={async () => await getIsRead(messageSelected)}
 					showBackButton={Boolean(messageSelected)}
 					{showPagination}
 					{showComposeButton}

package/dist/layout/mailing/types.d.ts

@@ -67,7 +67,7 @@ export interface MailingModuleProps {
     toggleArchieve?: (id: string | number) => Promise<CrudResult<any>> | CrudResult<any> | null;
     toggleSpam?: (id: string | number) => Promise<CrudResult<any>> | CrudResult<any> | null;
     deleteEntry?: (id: string | number) => Promise<CrudResult<any>> | CrudResult<any> | null;
-    toggleAsRead?: (id: string | number) => Promise<CrudResult<any>> | CrudResult<any> | null;
+    toggleAsRead?: (id: string | number, type?: MailMarkReadToggleType) => Promise<CrudResult<any>> | CrudResult<any> | null;
     toggleFavourite?: (id: string | number) => Promise<CrudResult<any>> | CrudResult<any> | null;
     toggelImportant?: (id: string | number) => Promise<CrudResult<any>> | CrudResult<any> | null;
     readAMessage: (id: string | number) => Promise<CrudResult<any>> | CrudResult<any> | null;
@@ -107,7 +107,7 @@ export interface MailingMessageCardProps extends MailingMessage {
 }
 export type MailingActiveBox = 'inbox' | 'outbox';
 export interface MailingMessageViewerProps {
-    readMessage: (id: number) => Promise<CrudResult<MailingMessage>> | CrudResult<MailingMessage> | null;
+    readMessage: (id: number, type?: MailingActiveBox) => Promise<CrudResult<MailingMessage>> | CrudResult<MailingMessage> | null;
     recordId: number;
     updatePageInfo?: (val: MailPageInfo) => void;
     showReplies?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rkosafo/cai.components",
-  "version": "0.0.70",
+  "version": "0.0.72",
   "files": [
     "dist",
     "!dist/**/*.test.*",