@ubkinfotech/tecaher-erp 0.1.0

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePromoteStudentSearch = usePromoteStudentSearch;
+var _useApiQuery = require("../../../core/hooks/useApiQuery");
+var _promoteStudentService = require("../services/promoteStudentService");
+function usePromoteStudentSearch(params) {
+  const enabled = !!params && !!params.classId && !!params.sectionId;
+  return (0, _useApiQuery.useApiQuery)({
+    queryKey: ['promoteStudent', 'search', params?.classId ?? null, params?.sectionId ?? null],
+    enabled,
+    queryFn: api => (0, _promoteStudentService.fetchPromoteStudentSearch)(api, params)
+  });
+}

package/lib/commonjs/modules/promoteStudent/screens/PromoteStudentScreen.js

@@ -0,0 +1,644 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PromoteStudentScreen = PromoteStudentScreen;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _useERP = require("../../../core/provider/useERP");
+var _EmptyState = require("../../../shared/empty-states/EmptyState");
+var _ErrorState = require("../../../shared/empty-states/ErrorState");
+var _promoteStudentService = require("../services/promoteStudentService");
+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 normalizeList(result) {
+  if (Array.isArray(result)) return result;
+  if (Array.isArray(result?.data)) return result.data;
+  return [];
+}
+function normalizeOptions(result) {
+  return normalizeList(result).map((item, index) => ({
+    label: String(item?.label ?? item?.name ?? item?.title ?? `Option ${index + 1}`),
+    value: item?.value ?? item?.id ?? index + 1,
+    raw: item
+  }));
+}
+function SelectField({
+  label,
+  value,
+  options,
+  placeholder,
+  onChange
+}) {
+  const [open, setOpen] = (0, _react.useState)(false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.field,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.label,
+      children: label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      style: styles.select,
+      onPress: () => setOpen(true),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.selectText,
+        children: value?.label ?? placeholder
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+      visible: open,
+      transparent: true,
+      animationType: "fade",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        style: styles.modalOverlay,
+        onPress: () => setOpen(false),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+          style: styles.modalCard,
+          onPress: () => {},
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.modalTitle,
+            children: label
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+            data: options,
+            keyExtractor: (item, index) => `${item.value}-${index}`,
+            renderItem: ({
+              item
+            }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+              style: styles.optionRow,
+              onPress: () => {
+                onChange(item);
+                setOpen(false);
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.optionText,
+                children: item.label
+              })
+            }),
+            ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.optionEmpty,
+              children: "No options"
+            })
+          })]
+        })
+      })
+    })]
+  });
+}
+function PromoteStudentScreen(props) {
+  const {
+    api
+  } = (0, _useERP.useERP)();
+  const [classes, setClasses] = (0, _react.useState)([]);
+  const [sourceSections, setSourceSections] = (0, _react.useState)([]);
+  const [destinationSections, setDestinationSections] = (0, _react.useState)([]);
+  const [sessions, setSessions] = (0, _react.useState)([]);
+  const [sourceClass, setSourceClass] = (0, _react.useState)(null);
+  const [sourceSection, setSourceSection] = (0, _react.useState)(null);
+  const [destinationClass, setDestinationClass] = (0, _react.useState)(null);
+  const [destinationSession, setDestinationSession] = (0, _react.useState)(null);
+  const [students, setStudents] = (0, _react.useState)([]);
+  const [loading, setLoading] = (0, _react.useState)(true);
+  const [searching, setSearching] = (0, _react.useState)(false);
+  const [submitting, setSubmitting] = (0, _react.useState)(false);
+  const [error, setError] = (0, _react.useState)(null);
+  const [sectionModalStudentId, setSectionModalStudentId] = (0, _react.useState)(null);
+  const sectionModalStudent = (0, _react.useMemo)(() => {
+    return students.find(it => String(it.id) === String(sectionModalStudentId ?? '')) ?? null;
+  }, [sectionModalStudentId, students]);
+  (0, _react.useEffect)(() => {
+    const load = async () => {
+      try {
+        setLoading(true);
+        const [classRes, sessionRes] = await Promise.all([(0, _promoteStudentService.fetchPromoteClasses)(api), (0, _promoteStudentService.fetchPromoteSessions)(api)]);
+        const classOptions = normalizeOptions(classRes);
+        setClasses(classOptions);
+        setSessions(normalizeOptions(sessionRes?.data ?? sessionRes));
+        if (props.classId !== undefined) {
+          const found = classOptions.find(it => String(it.value) === String(props.classId)) ?? null;
+          setSourceClass(found);
+        }
+      } catch (e) {
+        setError(String(e?.message ?? 'Could not load dropdowns'));
+      } finally {
+        setLoading(false);
+      }
+    };
+    load().catch(() => {});
+  }, [api, props.classId]);
+  (0, _react.useEffect)(() => {
+    if (!sourceClass?.value) {
+      setSourceSections([]);
+      setSourceSection(null);
+      return;
+    }
+    (0, _promoteStudentService.fetchPromoteSections)(api, {
+      classId: sourceClass.value
+    }).then(res => {
+      const options = normalizeOptions(res);
+      setSourceSections(options);
+      if (props.sectionId !== undefined) {
+        const found = options.find(it => String(it.value) === String(props.sectionId)) ?? null;
+        setSourceSection(found);
+      }
+    }).catch(e => setError(String(e?.message ?? 'Could not load sections')));
+  }, [api, props.sectionId, sourceClass?.value]);
+  (0, _react.useEffect)(() => {
+    if (!destinationClass?.value) {
+      setDestinationSections([]);
+      return;
+    }
+    (0, _promoteStudentService.fetchPromoteAllSections)(api, {
+      classId: destinationClass.value
+    }).then(res => setDestinationSections(normalizeOptions(res))).catch(e => setError(String(e?.message ?? 'Could not load destination sections')));
+  }, [api, destinationClass?.value]);
+  const searchStudents = (0, _react.useCallback)(async () => {
+    if (!sourceClass?.value || !sourceSection?.value) {
+      _reactNative.Alert.alert('Error', 'Please select source class and section');
+      return;
+    }
+    try {
+      setSearching(true);
+      const res = await (0, _promoteStudentService.fetchPromoteStudentSearch)(api, {
+        classId: sourceClass.value,
+        sectionId: sourceSection.value
+      });
+      const list = normalizeList(res?.data ?? res);
+      setStudents(list.map(item => ({
+        ...item,
+        selected: false,
+        currentResult: 'Pass',
+        nextSessionStatus: 'Continue',
+        targetSection: '',
+        targetSectionId: undefined
+      })));
+    } catch (e) {
+      _reactNative.Alert.alert('Error', String(e?.message ?? 'Could not load students'));
+    } finally {
+      setSearching(false);
+    }
+  }, [api, sourceClass?.value, sourceSection?.value]);
+  const setRow = (0, _react.useCallback)((id, patch) => {
+    setStudents(prev => prev.map(item => String(item.id) === String(id) ? {
+      ...item,
+      ...patch
+    } : item));
+  }, []);
+  const submit = (0, _react.useCallback)(async () => {
+    if (!destinationSession?.value || !destinationClass?.value) {
+      _reactNative.Alert.alert('Error', 'Please select destination session and class');
+      return;
+    }
+    const selectedStudents = students.filter(it => it.selected);
+    if (!selectedStudents.length) {
+      _reactNative.Alert.alert('Error', 'Please select at least one student');
+      return;
+    }
+    for (const student of selectedStudents) {
+      const isLeave = student.nextSessionStatus === 'Leave';
+      const rollMissing = !isLeave && !String(student.roll_no ?? '').trim();
+      const sectionMissing = !isLeave && !String(student.targetSectionId ?? '').trim();
+      if (rollMissing || sectionMissing) {
+        _reactNative.Alert.alert('Error', 'Roll No and Section are required for continuing students');
+        return;
+      }
+    }
+    try {
+      setSubmitting(true);
+      const payload = {
+        session_id: destinationSession.value,
+        class_id: destinationClass.value,
+        students: selectedStudents.map(student => {
+          const base = {
+            student_id: student.id,
+            current_result: student.currentResult,
+            next_session_status: student.nextSessionStatus
+          };
+          if (student.nextSessionStatus !== 'Leave') {
+            base.roll_no = student.roll_no;
+            base.section_id = student.targetSectionId;
+          }
+          return base;
+        })
+      };
+      const res = await (0, _promoteStudentService.submitPromotions)(api, payload);
+      const response = res;
+      if (response?.Status && response.Status !== 'Success') {
+        _reactNative.Alert.alert('Error', String(response?.msg ?? 'Failed to promote students'));
+        return;
+      }
+      _reactNative.Alert.alert('Success', String(response?.msg ?? 'Students promoted successfully'));
+      searchStudents().catch(() => {});
+    } catch (e) {
+      _reactNative.Alert.alert('Error', String(e?.message ?? 'Failed to promote students'));
+    } finally {
+      setSubmitting(false);
+    }
+  }, [api, destinationClass?.value, destinationSession?.value, searchStudents, students]);
+  if (loading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SafeAreaView, {
+      style: styles.root,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.loaderWrap,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          size: "large",
+          color: "#1D4ED8"
+        })
+      })
+    });
+  }
+  if (error && !classes.length) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ErrorState.ErrorState, {
+      message: error
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.SafeAreaView, {
+    style: styles.root,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+      data: students,
+      keyExtractor: (item, index) => String(item?.id ?? index),
+      contentContainerStyle: styles.content,
+      ListHeaderComponent: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.title,
+          children: "Promote Student"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.card,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.sectionTitle,
+            children: "Source"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectField, {
+            label: "Class",
+            value: sourceClass,
+            options: classes,
+            placeholder: "Select class",
+            onChange: next => {
+              setSourceClass(next);
+              setSourceSection(null);
+              setStudents([]);
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectField, {
+            label: "Section",
+            value: sourceSection,
+            options: sourceSections,
+            placeholder: "Select section",
+            onChange: next => {
+              setSourceSection(next);
+              setStudents([]);
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: styles.primaryBtn,
+            onPress: () => searchStudents().catch(() => {}),
+            children: searching ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+              color: "#FFFFFF"
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.primaryBtnText,
+              children: "Search Students"
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.card,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.sectionTitle,
+            children: "Destination"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectField, {
+            label: "Session",
+            value: destinationSession,
+            options: sessions,
+            placeholder: "Select session",
+            onChange: setDestinationSession
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectField, {
+            label: "Class",
+            value: destinationClass,
+            options: classes,
+            placeholder: "Select destination class",
+            onChange: next => {
+              setDestinationClass(next);
+              setStudents(prev => prev.map(student => ({
+                ...student,
+                targetSection: '',
+                targetSectionId: undefined
+              })));
+            }
+          })]
+        })]
+      }),
+      renderItem: ({
+        item
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.studentCard,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.studentHeader,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: {
+              flex: 1
+            },
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+              style: styles.studentName,
+              children: [String(item.firstname ?? ''), " ", String(item.lastname ?? '')]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+              style: styles.rollLabel,
+              children: ["Current Roll: ", String(item.roll_no ?? '-')]
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Switch, {
+            value: item.selected,
+            onValueChange: next => setRow(item.id, {
+              selected: next
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.segmentRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: [styles.segmentBtn, item.currentResult === 'Pass' ? styles.segmentActive : null],
+            onPress: () => item.selected && setRow(item.id, {
+              currentResult: 'Pass'
+            }),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.segmentText, item.currentResult === 'Pass' ? styles.segmentTextActive : null],
+              children: "Pass"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: [styles.segmentBtn, item.currentResult === 'Fail' ? styles.segmentActive : styles.segmentDanger],
+            onPress: () => item.selected && setRow(item.id, {
+              currentResult: 'Fail'
+            }),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.segmentText, item.currentResult === 'Fail' ? styles.segmentTextActive : styles.segmentDangerText],
+              children: "Fail"
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.segmentRow,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: [styles.segmentBtn, item.nextSessionStatus === 'Continue' ? styles.segmentActive : null],
+            onPress: () => item.selected && setRow(item.id, {
+              nextSessionStatus: 'Continue'
+            }),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.segmentText, item.nextSessionStatus === 'Continue' ? styles.segmentTextActive : null],
+              children: "Continue"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: [styles.segmentBtn, item.nextSessionStatus === 'Leave' ? styles.segmentActive : styles.segmentDanger],
+            onPress: () => item.selected && setRow(item.id, {
+              nextSessionStatus: 'Leave'
+            }),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.segmentText, item.nextSessionStatus === 'Leave' ? styles.segmentTextActive : styles.segmentDangerText],
+              children: "Leave"
+            })
+          })]
+        }), item.nextSessionStatus !== 'Leave' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+            value: String(item.roll_no ?? ''),
+            onChangeText: text => setRow(item.id, {
+              roll_no: text.replace(/[^0-9]/g, '')
+            }),
+            placeholder: "Enter next roll no",
+            placeholderTextColor: "#9CA3AF",
+            style: styles.input
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            style: styles.select,
+            onPress: () => setSectionModalStudentId(item.id),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.selectText,
+              children: item.targetSection || 'Select destination section'
+            })
+          })]
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.leaveInfo,
+          children: "Section and roll are not required for leave status."
+        })]
+      }),
+      ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
+        title: "No Students",
+        message: "Search by source class and section to load students."
+      }),
+      ListFooterComponent: students.length ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        style: styles.primaryBtn,
+        onPress: () => submit().catch(() => {}),
+        disabled: submitting,
+        children: submitting ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+          color: "#FFFFFF"
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.primaryBtnText,
+          children: "Promote Students"
+        })
+      }) : null
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+      visible: sectionModalStudent !== null,
+      transparent: true,
+      animationType: "fade",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        style: styles.modalOverlay,
+        onPress: () => setSectionModalStudentId(null),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+          style: styles.modalCard,
+          onPress: () => {},
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.modalTitle,
+            children: "Select Section"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+            data: destinationSections,
+            keyExtractor: (item, index) => `${item.value}-${index}`,
+            renderItem: ({
+              item
+            }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+              style: styles.optionRow,
+              onPress: () => {
+                if (sectionModalStudent) {
+                  setRow(sectionModalStudent.id, {
+                    targetSection: item.label,
+                    targetSectionId: item.value
+                  });
+                }
+                setSectionModalStudentId(null);
+              },
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.optionText,
+                children: item.label
+              })
+            }),
+            ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: styles.optionEmpty,
+              children: "No sections"
+            })
+          })]
+        })
+      })
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    flex: 1,
+    backgroundColor: '#F9FAFB'
+  },
+  loaderWrap: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  content: {
+    padding: 16,
+    paddingBottom: 32
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: '700',
+    color: '#111827',
+    marginBottom: 12
+  },
+  card: {
+    backgroundColor: '#FFFFFF',
+    borderRadius: 14,
+    borderWidth: 1,
+    borderColor: '#E5E7EB',
+    padding: 14,
+    marginBottom: 12
+  },
+  sectionTitle: {
+    fontSize: 16,
+    fontWeight: '700',
+    color: '#111827',
+    marginBottom: 10
+  },
+  field: {
+    marginBottom: 12
+  },
+  label: {
+    fontSize: 13,
+    fontWeight: '600',
+    color: '#1F2937',
+    marginBottom: 6
+  },
+  select: {
+    borderWidth: 1,
+    borderColor: '#D1D5DB',
+    borderRadius: 10,
+    backgroundColor: '#FFFFFF',
+    paddingHorizontal: 12,
+    paddingVertical: 12
+  },
+  selectText: {
+    fontSize: 14,
+    color: '#111827'
+  },
+  primaryBtn: {
+    backgroundColor: '#1D4ED8',
+    borderRadius: 12,
+    paddingVertical: 14,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginTop: 8
+  },
+  primaryBtnText: {
+    color: '#FFFFFF',
+    fontSize: 15,
+    fontWeight: '700'
+  },
+  studentCard: {
+    backgroundColor: '#FFFFFF',
+    borderRadius: 14,
+    borderWidth: 1,
+    borderColor: '#E5E7EB',
+    padding: 14,
+    marginBottom: 12
+  },
+  studentHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 12,
+    gap: 10
+  },
+  studentName: {
+    fontSize: 16,
+    fontWeight: '700',
+    color: '#111827'
+  },
+  rollLabel: {
+    fontSize: 13,
+    color: '#6B7280',
+    marginTop: 3
+  },
+  segmentRow: {
+    flexDirection: 'row',
+    gap: 8,
+    marginBottom: 10
+  },
+  segmentBtn: {
+    flex: 1,
+    borderWidth: 1,
+    borderColor: '#93C5FD',
+    backgroundColor: '#EFF6FF',
+    paddingVertical: 10,
+    borderRadius: 10,
+    alignItems: 'center'
+  },
+  segmentActive: {
+    backgroundColor: '#1D4ED8',
+    borderColor: '#1D4ED8'
+  },
+  segmentDanger: {
+    borderColor: '#FCA5A5',
+    backgroundColor: '#FEF2F2'
+  },
+  segmentText: {
+    fontSize: 14,
+    fontWeight: '700',
+    color: '#1D4ED8'
+  },
+  segmentTextActive: {
+    color: '#FFFFFF'
+  },
+  segmentDangerText: {
+    color: '#B91C1C'
+  },
+  input: {
+    borderWidth: 1,
+    borderColor: '#D1D5DB',
+    borderRadius: 10,
+    backgroundColor: '#FFFFFF',
+    paddingHorizontal: 12,
+    paddingVertical: 12,
+    fontSize: 14,
+    color: '#111827',
+    marginBottom: 10
+  },
+  leaveInfo: {
+    fontSize: 13,
+    color: '#6B7280'
+  },
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0,0,0,0.35)',
+    justifyContent: 'center',
+    padding: 16
+  },
+  modalCard: {
+    backgroundColor: '#FFFFFF',
+    borderRadius: 14,
+    maxHeight: '75%',
+    padding: 16
+  },
+  modalTitle: {
+    fontSize: 16,
+    fontWeight: '700',
+    color: '#111827',
+    marginBottom: 12
+  },
+  optionRow: {
+    paddingVertical: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: '#F3F4F6'
+  },
+  optionText: {
+    fontSize: 14,
+    color: '#111827'
+  },
+  optionEmpty: {
+    fontSize: 14,
+    color: '#6B7280',
+    textAlign: 'center',
+    paddingVertical: 16
+  }
+});

package/lib/commonjs/modules/promoteStudent/services/promoteStudentService.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fetchPromoteAllSections = fetchPromoteAllSections;
+exports.fetchPromoteClasses = fetchPromoteClasses;
+exports.fetchPromoteSections = fetchPromoteSections;
+exports.fetchPromoteSessions = fetchPromoteSessions;
+exports.fetchPromoteStudentSearch = fetchPromoteStudentSearch;
+exports.submitPromotions = submitPromotions;
+var _endpoints = require("../../../core/api/endpoints");
+async function fetchPromoteStudentSearch(api, params) {
+  const res = await api.get(_endpoints.endpoints.promoteStudent.searchByClassSection(params));
+  return res.data;
+}
+async function fetchPromoteClasses(api) {
+  const res = await api.get(_endpoints.endpoints.promoteStudent.classDropdown);
+  return res.data;
+}
+async function fetchPromoteSections(api, args) {
+  const res = await api.get(_endpoints.endpoints.promoteStudent.sectionDropdown(args));
+  return res.data;
+}
+async function fetchPromoteAllSections(api, args) {
+  const res = await api.get(_endpoints.endpoints.promoteStudent.allSectionDropdown(args));
+  return res.data;
+}
+async function fetchPromoteSessions(api) {
+  const res = await api.get(_endpoints.endpoints.promoteStudent.sessionDropdown);
+  return res.data;
+}
+async function submitPromotions(api, payload) {
+  const res = await api.post(_endpoints.endpoints.promoteStudent.submit, payload);
+  return res.data;
+}