@ubkinfotech/tecaher-erp 0.1.0

package/lib/module/modules/notes/services/notesService.js

@@ -0,0 +1,54 @@
+"use strict";
+
+import { endpoints } from "../../../core/api/endpoints.js";
+export async function fetchNotesList(api, params) {
+  const page = params.page ?? 1;
+  const perPage = params.perPage ?? 10;
+  const res = await api.get(endpoints.notes.listByClassSection({
+    page,
+    perPage,
+    classId: params.classId,
+    sectionId: params.sectionId,
+    subjectId: params.subjectId
+  }));
+  return res.data;
+}
+export async function fetchNotesClasses(api) {
+  const res = await api.get(endpoints.notes.classDropdown);
+  return res.data;
+}
+export async function fetchNotesSections(api, args) {
+  const res = await api.get(endpoints.notes.sectionDropdown(args));
+  return res.data;
+}
+export async function fetchNotesSubjects(api, args) {
+  const res = await api.get(endpoints.notes.teacherSubjectsByClass(args));
+  return res.data;
+}
+export async function fetchNoteDetails(api, args) {
+  const res = await api.get(endpoints.notes.details(args));
+  return res.data;
+}
+export async function uploadNoteFile(api, file) {
+  const formData = new FormData();
+  formData.append('file', {
+    uri: file.uri,
+    name: file.name,
+    type: file.type
+  });
+  formData.append('filepath', 'uploads/student/note/');
+  const res = await api.post(endpoints.notes.upload, formData, {
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  });
+  return res.data;
+}
+export async function createNote(api, payload) {
+  const res = await api.post(endpoints.notes.add, payload);
+  return res.data;
+}
+export async function updateNote(api, payload) {
+  const res = await api.post(endpoints.notes.update, payload);
+  return res.data;
+}

package/lib/module/modules/noticeboard/hooks/useNoticeboard.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { useApiQuery } from "../../../core/hooks/useApiQuery.js";
+import { fetchNoticeboardList } from "../services/noticeboardService.js";
+export function useNoticeboardList(params) {
+  const page = params.page ?? 1;
+  const perPage = params.perPage ?? 10;
+  return useApiQuery({
+    queryKey: ['noticeboard', 'list', page, perPage],
+    queryFn: api => fetchNoticeboardList(api, params)
+  });
+}

package/lib/module/modules/noticeboard/screens/NoticeBoardScreen.js

@@ -0,0 +1,375 @@
+"use strict";
+
+import React, { useCallback, useEffect, useState } from 'react';
+import { ActivityIndicator, FlatList, Modal, SafeAreaView, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { useERP } from "../../../core/provider/useERP.js";
+import { fetchNoticeboardList } from "../services/noticeboardService.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function getNoticeMessage(item) {
+  return String(item?.message ?? item?.description ?? '');
+}
+function getNoticeDate(item) {
+  return String(item?.date ?? item?.created_at ?? '');
+}
+function getNoticeTitle(item) {
+  return String(item?.title ?? 'Notice');
+}
+function getNoticePreview(item) {
+  const message = getNoticeMessage(item);
+  if (!message) {
+    return '.....';
+  }
+  let preview = '';
+  for (let index = 0; index < 40 && index < message.length; index += 1) {
+    preview += message[index];
+  }
+  return `${preview}.....`;
+}
+export function NoticeBoardScreen(props) {
+  const {
+    api
+  } = useERP();
+  const initialPage = props.page ?? 1;
+  const perPage = props.perPage ?? 10;
+  const [notices, setNotices] = useState([]);
+  const [selectedNotice, setSelectedNotice] = useState(null);
+  const [currentPage, setCurrentPage] = useState(initialPage);
+  const [homeworkAvailability, setHomeworkAvailability] = useState(true);
+  const [totalPage, setTotalPage] = useState(1);
+  const [loaded, setLoaded] = useState(false);
+  const getNotices = useCallback(async (pageToLoad, reset = false) => {
+    try {
+      const res = await fetchNoticeboardList(api, {
+        page: pageToLoad,
+        perPage
+      });
+      const list = Array.isArray(res?.data) ? res.data : [];
+      const pages = Number(res?.pagination?.total_pages ?? 1) || 1;
+      if (list.length > 0) {
+        setNotices(prev => reset ? list : [...prev, ...list]);
+        setTotalPage(pages);
+        setLoaded(true);
+        return;
+      }
+      setLoaded(true);
+      setTotalPage(pages);
+      if (reset) {
+        setNotices([]);
+      }
+    } catch (e) {
+      console.log('noticeboard_error', e?.message ?? e);
+      setLoaded(true);
+      if (reset) {
+        setNotices([]);
+      }
+    }
+  }, [api, perPage]);
+  useEffect(() => {
+    setNotices([]);
+    setCurrentPage(initialPage);
+    setHomeworkAvailability(true);
+    setTotalPage(1);
+    setLoaded(false);
+  }, [initialPage, perPage]);
+  useEffect(() => {
+    if (homeworkAvailability) {
+      getNotices(currentPage, currentPage === initialPage).catch(() => {});
+    }
+  }, [currentPage, getNotices, homeworkAvailability, initialPage]);
+  const renderItem = ({
+    item
+  }) => {
+    return /*#__PURE__*/_jsxs(TouchableOpacity, {
+      style: styles.card,
+      activeOpacity: 0.85,
+      onPress: () => setSelectedNotice(item),
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.cardHeader,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.cardTitle,
+          children: getNoticeTitle(item)
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.cardDesc,
+        children: getNoticePreview(item)
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.dateRow,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.cardDate,
+          children: getNoticeDate(item)
+        })
+      })]
+    });
+  };
+  const renderFooter = () => {
+    if (!homeworkAvailability) {
+      return null;
+    }
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.footer,
+      children: /*#__PURE__*/_jsx(ActivityIndicator, {
+        color: "#1D4ED8",
+        size: "large"
+      })
+    });
+  };
+  return /*#__PURE__*/_jsxs(SafeAreaView, {
+    style: styles.root,
+    children: [!loaded ? /*#__PURE__*/_jsxs(View, {
+      style: styles.centerState,
+      children: [/*#__PURE__*/_jsx(ActivityIndicator, {
+        size: "large",
+        color: "#1D4ED8"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.loadingText,
+        children: "Loading"
+      })]
+    }) : notices.length === 0 ? /*#__PURE__*/_jsx(View, {
+      style: styles.centerState,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.emptyText,
+        children: "No Data Found"
+      })
+    }) : /*#__PURE__*/_jsx(FlatList, {
+      data: notices,
+      keyExtractor: (item, index) => String(item?.id ?? `${index}-${getNoticeDate(item) || 'row'}`),
+      renderItem: renderItem,
+      ListFooterComponent: renderFooter,
+      onEndReached: () => {
+        if (totalPage !== currentPage) {
+          setCurrentPage(prevPage => prevPage + 1);
+          setHomeworkAvailability(true);
+        } else {
+          setHomeworkAvailability(false);
+        }
+      },
+      onEndReachedThreshold: 0.2,
+      style: styles.list
+    }), /*#__PURE__*/_jsx(Modal, {
+      visible: selectedNotice !== null,
+      animationType: "slide",
+      onRequestClose: () => setSelectedNotice(null),
+      children: /*#__PURE__*/_jsxs(SafeAreaView, {
+        style: styles.detailRoot,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.detailHeader,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.detailHeaderTitle,
+            children: "Notice Details"
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles.closeBtn,
+            onPress: () => setSelectedNotice(null),
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.closeBtnText,
+              children: "Close"
+            })
+          })]
+        }), selectedNotice ? /*#__PURE__*/_jsx(ScrollView, {
+          style: styles.detailScroll,
+          contentContainerStyle: styles.detailScreenContent,
+          showsVerticalScrollIndicator: false,
+          children: /*#__PURE__*/_jsxs(View, {
+            style: styles.detailContainer,
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: styles.detailMetaRow,
+              children: [/*#__PURE__*/_jsx(View, {
+                style: styles.noticeBadge,
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: styles.noticeBadgeText,
+                  children: "NOTICE"
+                })
+              }), /*#__PURE__*/_jsx(Text, {
+                style: styles.detailTopDate,
+                children: getNoticeDate(selectedNotice)
+              })]
+            }), /*#__PURE__*/_jsx(Text, {
+              style: styles.detailTitle,
+              children: getNoticeTitle(selectedNotice)
+            }), /*#__PURE__*/_jsxs(View, {
+              style: styles.messageCard,
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: styles.messageLabel,
+                children: "Message"
+              }), /*#__PURE__*/_jsx(Text, {
+                style: styles.detailDesc,
+                children: getNoticeMessage(selectedNotice) || '-'
+              })]
+            })]
+          })
+        }) : null]
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: '#F3F4F6'
+  },
+  centerState: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 10
+  },
+  loadingText: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: '#1D4ED8'
+  },
+  list: {
+    marginBottom: 90
+  },
+  card: {
+    backgroundColor: '#FFFFFF',
+    width: '90%',
+    alignSelf: 'center',
+    marginVertical: 8,
+    borderRadius: 5,
+    padding: 20,
+    elevation: 1,
+    shadowColor: '#000000',
+    shadowOpacity: 0.06,
+    shadowRadius: 4,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    }
+  },
+  cardHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginBottom: 10
+  },
+  cardTitle: {
+    flex: 1,
+    fontSize: 18,
+    fontWeight: '700',
+    color: '#1D4ED8'
+  },
+  cardDesc: {
+    fontSize: 16,
+    lineHeight: 22,
+    color: '#111827'
+  },
+  dateRow: {
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    marginTop: 8
+  },
+  cardDate: {
+    fontSize: 16,
+    color: '#1D4ED8'
+  },
+  emptyText: {
+    fontSize: 20,
+    color: '#1D4ED8',
+    fontWeight: '700',
+    textAlign: 'center'
+  },
+  footer: {
+    paddingVertical: 16
+  },
+  detailRoot: {
+    flex: 1,
+    backgroundColor: '#F8FAFC'
+  },
+  detailHeader: {
+    minHeight: 58,
+    paddingHorizontal: 16,
+    paddingVertical: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: '#E5E7EB',
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between'
+  },
+  detailHeaderTitle: {
+    fontSize: 18,
+    fontWeight: '700',
+    color: '#111827'
+  },
+  detailContainer: {
+    width: '92%',
+    alignSelf: 'center',
+    marginTop: 16
+  },
+  closeBtn: {
+    borderWidth: 1,
+    borderColor: '#BFDBFE',
+    backgroundColor: '#EFF6FF',
+    borderRadius: 10,
+    paddingHorizontal: 14,
+    paddingVertical: 8
+  },
+  closeBtnText: {
+    fontSize: 14,
+    fontWeight: '700',
+    color: '#1D4ED8'
+  },
+  detailScreenContent: {
+    paddingBottom: 32
+  },
+  detailMetaRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginBottom: 16
+  },
+  noticeBadge: {
+    borderRadius: 999,
+    backgroundColor: '#DBEAFE',
+    paddingHorizontal: 12,
+    paddingVertical: 6
+  },
+  noticeBadgeText: {
+    fontSize: 12,
+    fontWeight: '700',
+    color: '#1D4ED8',
+    letterSpacing: 0.8
+  },
+  detailTopDate: {
+    color: '#1D4ED8',
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  detailTitle: {
+    fontSize: 28,
+    fontWeight: '700',
+    color: '#111827',
+    lineHeight: 36,
+    marginBottom: 18
+  },
+  detailScroll: {
+    flex: 1
+  },
+  messageCard: {
+    backgroundColor: '#FFFFFF',
+    borderRadius: 18,
+    paddingHorizontal: 18,
+    paddingVertical: 18,
+    borderWidth: 1,
+    borderColor: '#E5E7EB',
+    shadowColor: '#0F172A',
+    shadowOpacity: 0.06,
+    shadowRadius: 10,
+    shadowOffset: {
+      width: 0,
+      height: 4
+    },
+    elevation: 2
+  },
+  messageLabel: {
+    fontSize: 13,
+    fontWeight: '700',
+    color: '#64748B',
+    marginBottom: 10,
+    textTransform: 'uppercase'
+  },
+  detailDesc: {
+    fontSize: 21,
+    lineHeight: 32,
+    color: '#0F172A'
+  }
+});

package/lib/module/modules/noticeboard/services/noticeboardService.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { endpoints } from "../../../core/api/endpoints.js";
+export async function fetchNoticeboardList(api, params) {
+  const page = params.page ?? 1;
+  const perPage = params.perPage ?? 10;
+  const res = await api.get(endpoints.noticeboard.list({
+    page,
+    perPage
+  }));
+  return res.data;
+}

package/lib/module/modules/notification/hooks/useNotifications.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { useApiQuery } from "../../../core/hooks/useApiQuery.js";
+import { fetchNotificationList } from "../services/notificationService.js";
+export function useNotifications(params) {
+  const page = params.page ?? 1;
+  const perPage = params.perPage ?? 10;
+  return useApiQuery({
+    queryKey: ['notification', 'list', page, perPage],
+    queryFn: api => fetchNotificationList(api, params)
+  });
+}

package/lib/module/modules/notification/screens/NotificationScreen.js

@@ -0,0 +1,180 @@
+"use strict";
+
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { ActivityIndicator, FlatList, RefreshControl, SafeAreaView, StyleSheet, Text, View } from 'react-native';
+import { useERP } from "../../../core/provider/useERP.js";
+import { ErrorState } from "../../../shared/empty-states/ErrorState.js";
+import { fetchNotificationList } from "../services/notificationService.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function NotificationScreen(props) {
+  const {
+    api
+  } = useERP();
+  const perPage = props.perPage ?? 10;
+  const initialPage = props.page ?? 1;
+  const [items, setItems] = useState([]);
+  const [page, setPage] = useState(initialPage);
+  const [totalPages, setTotalPages] = useState(1);
+  const [loading, setLoading] = useState(true);
+  const [refreshing, setRefreshing] = useState(false);
+  const [loadingMore, setLoadingMore] = useState(false);
+  const [error, setError] = useState(null);
+  const hasMore = useMemo(() => page < totalPages, [page, totalPages]);
+  const loadPage = useCallback(async (nextPage, reset = false) => {
+    try {
+      if (reset) {
+        setRefreshing(true);
+        setError(null);
+      } else if (nextPage === initialPage && !items.length) {
+        setLoading(true);
+        setError(null);
+      } else {
+        setLoadingMore(true);
+      }
+      const res = await fetchNotificationList(api, {
+        page: nextPage,
+        perPage
+      });
+      const list = Array.isArray(res?.data) ? res.data : [];
+      const pages = Number(res?.pagination?.total_pages ?? 1);
+      setTotalPages(pages > 0 ? pages : 1);
+      setPage(nextPage);
+      setItems(prev => reset ? list : [...prev, ...list]);
+    } catch (e) {
+      setError(String(e?.message ?? 'Could not load notifications'));
+    } finally {
+      setLoading(false);
+      setRefreshing(false);
+      setLoadingMore(false);
+    }
+  }, [api, initialPage, items.length, perPage]);
+  useEffect(() => {
+    setItems([]);
+    setPage(initialPage);
+    setTotalPages(1);
+    loadPage(initialPage, true).catch(() => {});
+  }, [initialPage, loadPage, perPage]);
+  if (error && !items.length) {
+    return /*#__PURE__*/_jsx(ErrorState, {
+      message: error
+    });
+  }
+  const renderItem = ({
+    item
+  }) => {
+    return /*#__PURE__*/_jsxs(View, {
+      style: styles.card,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.cardTitle,
+        children: String(item?.title ?? 'Notification')
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.cardMessage,
+        children: String(item?.message ?? '-')
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.cardDate,
+        children: String(item?.created_at ?? '')
+      })]
+    });
+  };
+  return /*#__PURE__*/_jsx(SafeAreaView, {
+    style: styles.root,
+    children: loading ? /*#__PURE__*/_jsx(View, {
+      style: styles.loaderWrap,
+      children: /*#__PURE__*/_jsx(ActivityIndicator, {
+        size: "large",
+        color: "#1D4ED8"
+      })
+    }) : /*#__PURE__*/_jsx(FlatList, {
+      data: items,
+      keyExtractor: (item, index) => String(item?.id ?? `${index}-${item?.created_at ?? 'row'}`),
+      renderItem: renderItem,
+      contentContainerStyle: items.length ? styles.content : styles.emptyWrap,
+      refreshControl: /*#__PURE__*/_jsx(RefreshControl, {
+        refreshing: refreshing,
+        onRefresh: () => {
+          loadPage(initialPage, true).catch(() => {});
+        },
+        tintColor: "#1D4ED8"
+      }),
+      onEndReached: () => {
+        if (!loadingMore && hasMore) {
+          loadPage(page + 1).catch(() => {});
+        }
+      },
+      onEndReachedThreshold: 0.4,
+      ListHeaderComponent: /*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        children: "Notifications"
+      }),
+      ListEmptyComponent: /*#__PURE__*/_jsx(Text, {
+        style: styles.emptyText,
+        children: "No Data Found"
+      }),
+      ListFooterComponent: loadingMore ? /*#__PURE__*/_jsx(View, {
+        style: styles.footer,
+        children: /*#__PURE__*/_jsx(ActivityIndicator, {
+          color: "#1D4ED8"
+        })
+      }) : null
+    })
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: '#F9FAFB'
+  },
+  content: {
+    padding: 16,
+    paddingBottom: 32
+  },
+  emptyWrap: {
+    flexGrow: 1,
+    padding: 16,
+    justifyContent: 'center'
+  },
+  loaderWrap: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: '700',
+    color: '#111827',
+    marginBottom: 12
+  },
+  card: {
+    backgroundColor: '#FFFFFF',
+    borderRadius: 12,
+    padding: 14,
+    marginBottom: 12,
+    borderWidth: 1,
+    borderColor: '#E5E7EB'
+  },
+  cardTitle: {
+    fontSize: 16,
+    fontWeight: '700',
+    color: '#1D4ED8',
+    marginBottom: 6
+  },
+  cardMessage: {
+    fontSize: 14,
+    lineHeight: 20,
+    color: '#111827'
+  },
+  cardDate: {
+    fontSize: 12,
+    color: '#2563EB',
+    textAlign: 'right',
+    marginTop: 8
+  },
+  emptyText: {
+    fontSize: 16,
+    color: '#6B7280',
+    textAlign: 'center'
+  },
+  footer: {
+    paddingVertical: 16
+  }
+});

package/lib/module/modules/notification/services/notificationService.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { endpoints } from "../../../core/api/endpoints.js";
+export async function fetchNotificationList(api, params) {
+  const page = params.page ?? 1;
+  const perPage = params.perPage ?? 10;
+  const res = await api.get(endpoints.notification.list({
+    page,
+    perPage
+  }));
+  return res.data;
+}

package/lib/module/modules/promoteStudent/hooks/usePromoteStudent.js

@@ -0,0 +1,12 @@
+"use strict";
+
+import { useApiQuery } from "../../../core/hooks/useApiQuery.js";
+import { fetchPromoteStudentSearch } from "../services/promoteStudentService.js";
+export function usePromoteStudentSearch(params) {
+  const enabled = !!params && !!params.classId && !!params.sectionId;
+  return useApiQuery({
+    queryKey: ['promoteStudent', 'search', params?.classId ?? null, params?.sectionId ?? null],
+    enabled,
+    queryFn: api => fetchPromoteStudentSearch(api, params)
+  });
+}