@ubkinfotech/tecaher-erp 0.1.0

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

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createNote = createNote;
+exports.fetchNoteDetails = fetchNoteDetails;
+exports.fetchNotesClasses = fetchNotesClasses;
+exports.fetchNotesList = fetchNotesList;
+exports.fetchNotesSections = fetchNotesSections;
+exports.fetchNotesSubjects = fetchNotesSubjects;
+exports.updateNote = updateNote;
+exports.uploadNoteFile = uploadNoteFile;
+var _endpoints = require("../../../core/api/endpoints");
+async function fetchNotesList(api, params) {
+  const page = params.page ?? 1;
+  const perPage = params.perPage ?? 10;
+  const res = await api.get(_endpoints.endpoints.notes.listByClassSection({
+    page,
+    perPage,
+    classId: params.classId,
+    sectionId: params.sectionId,
+    subjectId: params.subjectId
+  }));
+  return res.data;
+}
+async function fetchNotesClasses(api) {
+  const res = await api.get(_endpoints.endpoints.notes.classDropdown);
+  return res.data;
+}
+async function fetchNotesSections(api, args) {
+  const res = await api.get(_endpoints.endpoints.notes.sectionDropdown(args));
+  return res.data;
+}
+async function fetchNotesSubjects(api, args) {
+  const res = await api.get(_endpoints.endpoints.notes.teacherSubjectsByClass(args));
+  return res.data;
+}
+async function fetchNoteDetails(api, args) {
+  const res = await api.get(_endpoints.endpoints.notes.details(args));
+  return res.data;
+}
+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.endpoints.notes.upload, formData, {
+    headers: {
+      'Content-Type': 'multipart/form-data'
+    }
+  });
+  return res.data;
+}
+async function createNote(api, payload) {
+  const res = await api.post(_endpoints.endpoints.notes.add, payload);
+  return res.data;
+}
+async function updateNote(api, payload) {
+  const res = await api.post(_endpoints.endpoints.notes.update, payload);
+  return res.data;
+}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNoticeboardList = useNoticeboardList;
+var _useApiQuery = require("../../../core/hooks/useApiQuery");
+var _noticeboardService = require("../services/noticeboardService");
+function useNoticeboardList(params) {
+  const page = params.page ?? 1;
+  const perPage = params.perPage ?? 10;
+  return (0, _useApiQuery.useApiQuery)({
+    queryKey: ['noticeboard', 'list', page, perPage],
+    queryFn: api => (0, _noticeboardService.fetchNoticeboardList)(api, params)
+  });
+}

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

@@ -0,0 +1,381 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NoticeBoardScreen = NoticeBoardScreen;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useERP = require("../../../core/provider/useERP");
+var _noticeboardService = require("../services/noticeboardService");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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}.....`;
+}
+function NoticeBoardScreen(props) {
+  const {
+    api
+  } = (0, _useERP.useERP)();
+  const initialPage = props.page ?? 1;
+  const perPage = props.perPage ?? 10;
+  const [notices, setNotices] = (0, _react.useState)([]);
+  const [selectedNotice, setSelectedNotice] = (0, _react.useState)(null);
+  const [currentPage, setCurrentPage] = (0, _react.useState)(initialPage);
+  const [homeworkAvailability, setHomeworkAvailability] = (0, _react.useState)(true);
+  const [totalPage, setTotalPage] = (0, _react.useState)(1);
+  const [loaded, setLoaded] = (0, _react.useState)(false);
+  const getNotices = (0, _react.useCallback)(async (pageToLoad, reset = false) => {
+    try {
+      const res = await (0, _noticeboardService.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]);
+  (0, _react.useEffect)(() => {
+    setNotices([]);
+    setCurrentPage(initialPage);
+    setHomeworkAvailability(true);
+    setTotalPage(1);
+    setLoaded(false);
+  }, [initialPage, perPage]);
+  (0, _react.useEffect)(() => {
+    if (homeworkAvailability) {
+      getNotices(currentPage, currentPage === initialPage).catch(() => {});
+    }
+  }, [currentPage, getNotices, homeworkAvailability, initialPage]);
+  const renderItem = ({
+    item
+  }) => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      style: styles.card,
+      activeOpacity: 0.85,
+      onPress: () => setSelectedNotice(item),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.cardHeader,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.cardTitle,
+          children: getNoticeTitle(item)
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.cardDesc,
+        children: getNoticePreview(item)
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.dateRow,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.cardDate,
+          children: getNoticeDate(item)
+        })
+      })]
+    });
+  };
+  const renderFooter = () => {
+    if (!homeworkAvailability) {
+      return null;
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.footer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        color: "#1D4ED8",
+        size: "large"
+      })
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.SafeAreaView, {
+    style: styles.root,
+    children: [!loaded ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.centerState,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        size: "large",
+        color: "#1D4ED8"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.loadingText,
+        children: "Loading"
+      })]
+    }) : notices.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.centerState,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.emptyText,
+        children: "No Data Found"
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+      visible: selectedNotice !== null,
+      animationType: "slide",
+      onRequestClose: () => setSelectedNotice(null),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.SafeAreaView, {
+        style: styles.detailRoot,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.detailHeader,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.detailHeaderTitle,
+            children: "Notice Details"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: styles.closeBtn,
+            onPress: () => setSelectedNotice(null),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.closeBtnText,
+              children: "Close"
+            })
+          })]
+        }), selectedNotice ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+          style: styles.detailScroll,
+          contentContainerStyle: styles.detailScreenContent,
+          showsVerticalScrollIndicator: false,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.detailContainer,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: styles.detailMetaRow,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                style: styles.noticeBadge,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  style: styles.noticeBadgeText,
+                  children: "NOTICE"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.detailTopDate,
+                children: getNoticeDate(selectedNotice)
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.detailTitle,
+              children: getNoticeTitle(selectedNotice)
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: styles.messageCard,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.messageLabel,
+                children: "Message"
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.detailDesc,
+                children: getNoticeMessage(selectedNotice) || '-'
+              })]
+            })]
+          })
+        }) : null]
+      })
+    })]
+  });
+}
+const styles = _reactNative.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/commonjs/modules/noticeboard/services/noticeboardService.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fetchNoticeboardList = fetchNoticeboardList;
+var _endpoints = require("../../../core/api/endpoints");
+async function fetchNoticeboardList(api, params) {
+  const page = params.page ?? 1;
+  const perPage = params.perPage ?? 10;
+  const res = await api.get(_endpoints.endpoints.noticeboard.list({
+    page,
+    perPage
+  }));
+  return res.data;
+}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNotifications = useNotifications;
+var _useApiQuery = require("../../../core/hooks/useApiQuery");
+var _notificationService = require("../services/notificationService");
+function useNotifications(params) {
+  const page = params.page ?? 1;
+  const perPage = params.perPage ?? 10;
+  return (0, _useApiQuery.useApiQuery)({
+    queryKey: ['notification', 'list', page, perPage],
+    queryFn: api => (0, _notificationService.fetchNotificationList)(api, params)
+  });
+}

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

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.NotificationScreen = NotificationScreen;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useERP = require("../../../core/provider/useERP");
+var _ErrorState = require("../../../shared/empty-states/ErrorState");
+var _notificationService = require("../services/notificationService");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function NotificationScreen(props) {
+  const {
+    api
+  } = (0, _useERP.useERP)();
+  const perPage = props.perPage ?? 10;
+  const initialPage = props.page ?? 1;
+  const [items, setItems] = (0, _react.useState)([]);
+  const [page, setPage] = (0, _react.useState)(initialPage);
+  const [totalPages, setTotalPages] = (0, _react.useState)(1);
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const [refreshing, setRefreshing] = (0, _react.useState)(false);
+  const [loadingMore, setLoadingMore] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)(null);
+  const hasMore = (0, _react.useMemo)(() => page < totalPages, [page, totalPages]);
+  const loadPage = (0, _react.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 (0, _notificationService.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]);
+  (0, _react.useEffect)(() => {
+    setItems([]);
+    setPage(initialPage);
+    setTotalPages(1);
+    loadPage(initialPage, true).catch(() => {});
+  }, [initialPage, loadPage, perPage]);
+  if (error && !items.length) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorState.ErrorState, {
+      message: error
+    });
+  }
+  const renderItem = ({
+    item
+  }) => {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.card,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.cardTitle,
+        children: String(item?.title ?? 'Notification')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.cardMessage,
+        children: String(item?.message ?? '-')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.cardDate,
+        children: String(item?.created_at ?? '')
+      })]
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SafeAreaView, {
+    style: styles.root,
+    children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.loaderWrap,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        size: "large",
+        color: "#1D4ED8"
+      })
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.RefreshControl, {
+        refreshing: refreshing,
+        onRefresh: () => {
+          loadPage(initialPage, true).catch(() => {});
+        },
+        tintColor: "#1D4ED8"
+      }),
+      onEndReached: () => {
+        if (!loadingMore && hasMore) {
+          loadPage(page + 1).catch(() => {});
+        }
+      },
+      onEndReachedThreshold: 0.4,
+      ListHeaderComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.title,
+        children: "Notifications"
+      }),
+      ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.emptyText,
+        children: "No Data Found"
+      }),
+      ListFooterComponent: loadingMore ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.footer,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          color: "#1D4ED8"
+        })
+      }) : null
+    })
+  });
+}
+const styles = _reactNative.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/commonjs/modules/notification/services/notificationService.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fetchNotificationList = fetchNotificationList;
+var _endpoints = require("../../../core/api/endpoints");
+async function fetchNotificationList(api, params) {
+  const page = params.page ?? 1;
+  const perPage = params.perPage ?? 10;
+  const res = await api.get(_endpoints.endpoints.notification.list({
+    page,
+    perPage
+  }));
+  return res.data;
+}