@ubkinfotech/tecaher-erp 0.1.0

package/lib/module/modules/timetable/screens/TimeTableScreen.js

@@ -0,0 +1,252 @@
+"use strict";
+
+import React, { useEffect, useMemo, useState } from 'react';
+import { ActivityIndicator, FlatList, SafeAreaView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
+import { useERP } from "../../../core/provider/useERP.js";
+import { EmptyState } from "../../../shared/empty-states/EmptyState.js";
+import { ErrorState } from "../../../shared/empty-states/ErrorState.js";
+import { fetchTeacherTimeTable, fetchTimeTable } from "../services/timetableService.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function TimeTableScreen(props) {
+  const {
+    api
+  } = useERP();
+  const isTeacherMode = props.staffId !== undefined && props.sessionId !== undefined;
+  const missing = props.sessionId === undefined || !isTeacherMode && (!props.classId || !props.sectionId);
+  const [loading, setLoading] = useState(true);
+  const [items, setItems] = useState([]);
+  const [error, setError] = useState(null);
+  const [selectedDay, setSelectedDay] = useState(new Date().toLocaleDateString('en-US', {
+    weekday: 'long'
+  }).toLowerCase());
+  useEffect(() => {
+    if (missing) {
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    const load = async () => {
+      try {
+        const res = isTeacherMode ? await fetchTeacherTimeTable(api, {
+          staffId: props.staffId,
+          sessionId: props.sessionId
+        }) : await fetchTimeTable(api, {
+          classId: props.classId,
+          sectionId: props.sectionId,
+          sessionId: props.sessionId
+        });
+        const list = Array.isArray(res?.data) ? res.data : [];
+        setItems(list);
+      } catch (e) {
+        setError(String(e?.message ?? 'Could not load time table'));
+      } finally {
+        setLoading(false);
+      }
+    };
+    load().catch(() => {});
+  }, [api, isTeacherMode, missing, props.classId, props.sectionId, props.sessionId, props.staffId]);
+  const days = useMemo(() => ['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'], []);
+  const filtered = useMemo(() => {
+    return items.filter(item => String(item?.day_name ?? '').toLowerCase() === selectedDay);
+  }, [items, selectedDay]);
+  if (missing) {
+    return /*#__PURE__*/_jsx(EmptyState, {
+      title: "Missing parameters",
+      message: "Provide staffId + sessionId, or classId + sectionId + sessionId"
+    });
+  }
+  if (loading) {
+    return /*#__PURE__*/_jsx(SafeAreaView, {
+      style: styles.root,
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.loaderWrap,
+        children: /*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "large",
+          color: "#1D4ED8"
+        })
+      })
+    });
+  }
+  if (error) {
+    return /*#__PURE__*/_jsx(ErrorState, {
+      message: error
+    });
+  }
+  return /*#__PURE__*/_jsx(SafeAreaView, {
+    style: styles.root,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.content,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.title,
+        children: "Time Table"
+      }), /*#__PURE__*/_jsx(FlatList, {
+        horizontal: true,
+        data: days,
+        keyExtractor: item => item,
+        showsHorizontalScrollIndicator: false,
+        contentContainerStyle: styles.dayList,
+        style: styles.dayStrip,
+        renderItem: ({
+          item
+        }) => {
+          const active = selectedDay === item;
+          return /*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: () => setSelectedDay(item),
+            style: [styles.dayBtn, active ? styles.dayBtnActive : null],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [styles.dayBtnText, active ? styles.dayBtnTextActive : null],
+              children: item.charAt(0).toUpperCase() + item.slice(1, 3)
+            })
+          });
+        }
+      }), /*#__PURE__*/_jsx(FlatList, {
+        data: filtered,
+        keyExtractor: (item, index) => String(item?.id ?? `${selectedDay}-${index}`),
+        contentContainerStyle: filtered.length ? styles.list : styles.emptyWrap,
+        renderItem: ({
+          item
+        }) => /*#__PURE__*/_jsxs(View, {
+          style: styles.card,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.timeWrap,
+            children: [/*#__PURE__*/_jsxs(Text, {
+              style: styles.timeText,
+              children: [String(item?.time_from ?? '').slice(0, 5), " - ", String(item?.time_to ?? '').slice(0, 5)]
+            }), /*#__PURE__*/_jsxs(Text, {
+              style: styles.periodText,
+              children: ["Period ", String(item?.order_no ?? '-')]
+            })]
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.infoWrap,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.subjectText,
+              children: String(item?.subject_name ?? 'Subject')
+            }), /*#__PURE__*/_jsxs(Text, {
+              style: styles.classText,
+              children: ["Class: ", String(item?.class_name ?? '-'), " (", String(item?.section_name ?? '-'), ")"]
+            }), item?.room_no ? /*#__PURE__*/_jsxs(Text, {
+              style: styles.roomText,
+              children: ["Room: ", String(item.room_no)]
+            }) : null]
+          })]
+        }),
+        ListEmptyComponent: /*#__PURE__*/_jsxs(Text, {
+          style: styles.emptyText,
+          children: ["No classes scheduled for ", selectedDay]
+        })
+      })]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: '#F3F4F6'
+  },
+  content: {
+    flex: 1
+  },
+  loaderWrap: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: '700',
+    color: '#111827',
+    padding: 16,
+    paddingBottom: 8
+  },
+  dayStrip: {
+    maxHeight: 66,
+    flexGrow: 0
+  },
+  dayList: {
+    paddingHorizontal: 12,
+    paddingBottom: 12,
+    alignItems: 'center'
+  },
+  dayBtn: {
+    backgroundColor: '#E5E7EB',
+    width: 86,
+    height: 52,
+    borderRadius: 22,
+    marginHorizontal: 4,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  dayBtnActive: {
+    backgroundColor: '#1D4ED8'
+  },
+  dayBtnText: {
+    fontSize: 14,
+    fontWeight: '600',
+    color: '#111827'
+  },
+  dayBtnTextActive: {
+    color: '#FFFFFF'
+  },
+  list: {
+    padding: 16,
+    paddingTop: 8,
+    paddingBottom: 32
+  },
+  emptyWrap: {
+    flexGrow: 1,
+    padding: 16,
+    justifyContent: 'center'
+  },
+  card: {
+    backgroundColor: '#FFFFFF',
+    borderWidth: 1,
+    borderColor: '#E5E7EB',
+    borderRadius: 14,
+    padding: 14,
+    marginBottom: 12,
+    flexDirection: 'row'
+  },
+  timeWrap: {
+    width: 98,
+    borderRightWidth: 1,
+    borderRightColor: '#E5E7EB',
+    paddingRight: 12,
+    justifyContent: 'center'
+  },
+  timeText: {
+    fontSize: 14,
+    fontWeight: '700',
+    color: '#1D4ED8'
+  },
+  periodText: {
+    fontSize: 12,
+    color: '#6B7280',
+    marginTop: 4
+  },
+  infoWrap: {
+    flex: 1,
+    paddingLeft: 14,
+    justifyContent: 'center'
+  },
+  subjectText: {
+    fontSize: 17,
+    fontWeight: '700',
+    color: '#111827',
+    marginBottom: 4
+  },
+  classText: {
+    fontSize: 14,
+    color: '#374151'
+  },
+  roomText: {
+    fontSize: 13,
+    color: '#6B7280',
+    marginTop: 2
+  },
+  emptyText: {
+    fontSize: 16,
+    textAlign: 'center',
+    color: '#6B7280'
+  }
+});

package/lib/module/modules/timetable/services/timetableService.js

@@ -0,0 +1,11 @@
+"use strict";
+
+import { endpoints } from "../../../core/api/endpoints.js";
+export async function fetchTimeTable(api, params) {
+  const res = await api.get(endpoints.timetable.classSection(params));
+  return res.data;
+}
+export async function fetchTeacherTimeTable(api, params) {
+  const res = await api.get(endpoints.timetable.teacher(params));
+  return res.data;
+}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/module/shared/empty-states/EmptyState.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function EmptyState({
+  title = 'No Data Found',
+  message
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.title,
+      children: title
+    }), message ? /*#__PURE__*/_jsx(Text, {
+      style: styles.message,
+      children: message
+    }) : null]
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 24
+  },
+  title: {
+    fontSize: 16,
+    color: '#6B7280',
+    textAlign: 'center'
+  },
+  message: {
+    marginTop: 8,
+    fontSize: 13,
+    color: '#9CA3AF',
+    textAlign: 'center',
+    lineHeight: 18
+  }
+});

package/lib/module/shared/empty-states/ErrorState.js

@@ -0,0 +1,40 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ErrorState({
+  title = 'Something went wrong',
+  message
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.root,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.title,
+      children: title
+    }), message ? /*#__PURE__*/_jsx(Text, {
+      style: styles.message,
+      children: message
+    }) : null]
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 24
+  },
+  title: {
+    fontSize: 16,
+    color: '#DC2626',
+    textAlign: 'center',
+    fontWeight: '600'
+  },
+  message: {
+    marginTop: 8,
+    fontSize: 14,
+    color: '#6B7280',
+    textAlign: 'center'
+  }
+});

package/lib/module/shared/loaders/LoadingState.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import React from 'react';
+import { ActivityIndicator, StyleSheet, View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function LoadingState() {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.root,
+    children: /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "large"
+    })
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});

package/lib/module/shared/theme/theme.js

@@ -0,0 +1,18 @@
+"use strict";
+
+export const theme = {
+  colors: {
+    primary: '#2563EB',
+    danger: '#DC2626',
+    text: '#111827',
+    muted: '#6B7280',
+    background: '#FFFFFF'
+  },
+  spacing: {
+    xs: 4,
+    sm: 8,
+    md: 12,
+    lg: 16,
+    xl: 24
+  }
+};

package/lib/typescript/core/api/apiClient.d.ts

@@ -0,0 +1,14 @@
+import { AxiosInstance, AxiosRequestConfig } from 'axios';
+import type { ApiError } from '../types/api';
+import type { ERPAuthConfig, ERPNetworkConfig } from '../provider/types';
+export type CreateApiClientArgs = {
+    network: ERPNetworkConfig;
+    auth: ERPAuthConfig;
+};
+export declare function normalizeApiError(e: unknown): ApiError;
+export declare function createApiClient(args: CreateApiClientArgs): AxiosInstance;
+export type RetryableAxiosRequestConfig = AxiosRequestConfig & {
+    __retryCount?: number;
+    __didRefreshAuth?: boolean;
+};
+//# sourceMappingURL=apiClient.d.ts.map

package/lib/typescript/core/api/endpoints.d.ts

@@ -0,0 +1,164 @@
+export declare const endpoints: {
+    readonly attendance: {
+        readonly studentsForAttendance: (args: {
+            classId: string | number;
+            sectionId: string | number;
+            sessionId: string | number;
+            date?: string;
+        }) => string;
+        readonly updateStatus: "staff/teacherAPP/AttendenceSection/studentstatusupdate";
+        readonly notify: "staff/teacherAPP/AttendenceSection/studentAttendanceNotification";
+        readonly classDropdown: "staff/teacherAPP/attendenceSection/getclassDropdownforTeacher";
+        readonly sectionDropdown: (args: {
+            classId: string | number;
+        }) => string;
+    };
+    readonly assignment: {
+        readonly listByClassSection: (args: {
+            page: number;
+            perPage: number;
+            classId?: string | number;
+            sectionId?: string | number;
+            subjectId?: string | number;
+        }) => string;
+        readonly add: "staff/teacherAPP/StaffHomework/addHomework";
+        readonly classDropdown: "staff/teacherAPP/attendenceSection/getclassDropdownforTeacher";
+        readonly sectionDropdown: (args: {
+            classId: string | number;
+        }) => string;
+        readonly teacherSubjectsByClass: (args: {
+            classId: string | number;
+            sessionId: string | number;
+        }) => string;
+        readonly uploadFile: "superAdmin/uploadFile";
+        readonly submissionsList: (args: {
+            homeworkId: string | number;
+        }) => string;
+        readonly giveMarks: "staff/teacherAPP/StaffHomework/givemarkstoHomework";
+        readonly showHomework: (args: {
+            homeworkId: string | number;
+        }) => string;
+        readonly updateHomework: "staff/teacherAPP/StaffHomework/updateHomework";
+    };
+    readonly leaveRequest: {
+        readonly table: (args: {
+            page: number;
+            perPage: number;
+        }) => string;
+        readonly leaveTypes: "staff/teacherAPP/staffLeave/leavetypeDropdown";
+        readonly apply: "staff/teacherAPP/staffLeave/applyLeave";
+    };
+    readonly marks: {
+        readonly coscholasticGrades: "staff/teacherAPP/ExamDetails/gradeDropdownCoScholastic";
+        readonly classDropdown: "staff/teacherAPP/attendenceSection/getclassDropdownforTeacher";
+        readonly classTeacherClassList: "staff/teacherAPP/ExamDetails/getClassTeacherClassList";
+        readonly sectionDropdown: (args: {
+            classId: string | number;
+        }) => string;
+        readonly examDropdown: (args: {
+            sessionId: string | number;
+            classId: string | number;
+        }) => string;
+        readonly teacherSubjectsForExam: (args: {
+            sessionId: string | number;
+            examId: string | number;
+            classId: string | number;
+            sectionId: string | number;
+        }) => string;
+        readonly coScholasticCategories: (args: {
+            sessionId: string | number;
+            examId: string | number;
+            classId: string | number;
+        }) => string;
+        readonly studentListForExamAssessment: (args: {
+            classId: string | number;
+            examId: string | number;
+            sectionId: string | number;
+            subjectId: string | number;
+        }) => string;
+        readonly submitExamMarks: "staff/teacherAPP/ExamDetails/addexamMarksV2";
+        readonly studentListForCoScholastic: (args: {
+            classId: string | number;
+            examId: string | number;
+            sectionId: string | number;
+            categoryId: string | number;
+        }) => string;
+        readonly submitCoScholasticMarks: "staff/teacherAPP/ExamDetails/assignCoscholasticMarks";
+        readonly studentListRemarks: (args: {
+            classId: string | number;
+            examId: string | number;
+            sectionId: string | number;
+        }) => string;
+        readonly submitExamRemarks: "staff/teacherAPP/ExamDetails/studentExamRemarks";
+    };
+    readonly myAttendance: {
+        readonly report: (args: {
+            staffId: string | number;
+            month: string | number;
+            year: string | number;
+            sessionId: string | number;
+        }) => string;
+    };
+    readonly notes: {
+        readonly listByClassSection: (args: {
+            page: number;
+            perPage: number;
+            classId?: string | number;
+            sectionId?: string | number;
+            subjectId?: string | number;
+        }) => string;
+        readonly classDropdown: "staff/teacherAPP/attendenceSection/getclassDropdownforTeacher";
+        readonly sectionDropdown: (args: {
+            classId: string | number;
+        }) => string;
+        readonly teacherSubjectsByClass: (args: {
+            classId: string | number;
+            sessionId: string | number;
+        }) => string;
+        readonly details: (args: {
+            noteId: string | number;
+        }) => string;
+        readonly add: "staff/teacherAPP/Notes/addNotes";
+        readonly update: "staff/teacherAPP/Notes/updateNote";
+        readonly upload: "staff/teacherAPP/Notes/uploadnotes";
+    };
+    readonly noticeboard: {
+        readonly list: (args: {
+            page: number;
+            perPage: number;
+        }) => string;
+    };
+    readonly notification: {
+        readonly list: (args: {
+            page: number;
+            perPage: number;
+        }) => string;
+    };
+    readonly promoteStudent: {
+        readonly classDropdown: "staff/teacherAPP/attendenceSection/getclassDropdownforTeacher";
+        readonly sectionDropdown: (args: {
+            classId: string | number;
+        }) => string;
+        readonly allSectionDropdown: (args: {
+            classId: string | number;
+        }) => string;
+        readonly sessionDropdown: "staff/teacherAPP/StudentDetails/sessiondropdown";
+        readonly searchByClassSection: (args: {
+            classId: string | number;
+            sectionId: string | number;
+        }) => string;
+        readonly submit: "staff/teacherAPP/StudentDetails/promotestudent";
+    };
+    readonly timetable: {
+        readonly teacher: (args: {
+            staffId: string | number;
+            sessionId: string | number;
+        }) => string;
+        readonly classSection: (args: {
+            classId: string | number;
+            sectionId: string | number;
+            sessionId: string | number;
+        }) => string;
+    };
+};
+//# sourceMappingURL=endpoints.d.ts.map

package/lib/typescript/core/api/interceptor.d.ts

@@ -0,0 +1,4 @@
+import type { AxiosInstance } from 'axios';
+import type { CreateApiClientArgs } from './apiClient';
+export declare function attachInterceptors(instance: AxiosInstance, args: CreateApiClientArgs): void;
+//# sourceMappingURL=interceptor.d.ts.map

package/lib/typescript/core/auth/authContext.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+export type AuthContextValue = {
+    authToken: string | null;
+    setAuthToken: (token: string | null) => void;
+};
+export declare const AuthContext: React.Context<AuthContextValue | null>;
+export declare function AuthProvider({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+//# sourceMappingURL=authContext.d.ts.map

package/lib/typescript/core/auth/authService.d.ts

@@ -0,0 +1,9 @@
+export type AuthStorage = {
+    getAuthToken: () => Promise<string | null>;
+    setAuthToken: (token: string | null) => Promise<void>;
+};
+export declare function createAuthService(storage: AuthStorage): {
+    getAuthToken: () => Promise<string | null>;
+    setAuthToken: (token: string | null) => Promise<void>;
+};
+//# sourceMappingURL=authService.d.ts.map

package/lib/typescript/core/hooks/useApiQuery.d.ts

@@ -0,0 +1,7 @@
+import { useERP as useERPNamed } from '../provider/useERP';
+export declare function useApiQuery<TData>(args: {
+    queryKey: readonly unknown[];
+    queryFn: (api: ReturnType<typeof useERPNamed>['api']) => Promise<TData>;
+    enabled?: boolean;
+}): import("@tanstack/react-query/build/legacy/_tsup-dts-rollup").UseQueryResult<NoInfer<TData_1>, Error>;
+//# sourceMappingURL=useApiQuery.d.ts.map

package/lib/typescript/core/provider/ERPProvider.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { AxiosInstance } from 'axios';
+import type { ERPProviderProps } from './types';
+export type ERPContextValue = {
+    api: AxiosInstance;
+    baseUrl: string;
+    fileBaseUrl?: string;
+    schoolCode?: string;
+    authToken?: string | null;
+    getAuthToken?: () => Promise<string | null>;
+};
+export declare const ERPContext: React.Context<ERPContextValue | null>;
+export declare function ERPProvider(props: ERPProviderProps): React.JSX.Element;
+//# sourceMappingURL=ERPProvider.d.ts.map

package/lib/typescript/core/provider/types.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+import type { ApiError } from '../types/api';
+export type ERPHeaders = Record<string, string>;
+export type ERPNetworkRetry = {
+    retries: number;
+    delayMs: number;
+};
+export type ERPNetworkConfig = {
+    baseUrl: string;
+    headers?: ERPHeaders;
+    schoolCode?: string;
+    retry?: ERPNetworkRetry;
+    onError?: (error: ApiError) => void;
+};
+export type ERPAuthConfig = {
+    authToken?: string | null;
+    getAuthToken?: () => Promise<string | null>;
+    refreshAuthToken?: () => Promise<string | null>;
+    onUnauthorized?: (error: ApiError) => void;
+};
+export type ERPProviderProps = {
+    baseUrl: string;
+    fileBaseUrl?: string;
+    schoolCode?: string;
+    authToken?: string | null;
+    getAuthToken?: () => Promise<string | null>;
+    refreshAuthToken?: () => Promise<string | null>;
+    headers?: ERPHeaders;
+    retry?: ERPNetworkRetry;
+    onError?: (error: ApiError) => void;
+    onUnauthorized?: (error: ApiError) => void;
+    children: ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/core/provider/useERP.d.ts

@@ -0,0 +1,3 @@
+export declare function useERP(): import("./ERPProvider").ERPContextValue;
+export default useERP;
+//# sourceMappingURL=useERP.d.ts.map

package/lib/typescript/core/types/api.d.ts

@@ -0,0 +1,11 @@
+export type ApiResult<T> = {
+    Status?: string;
+    Message?: string;
+    data?: T;
+};
+export type ApiError = {
+    message: string;
+    status?: number;
+    data?: unknown;
+};
+//# sourceMappingURL=api.d.ts.map