react-native-elearn-ui 0.1.15 → 0.1.16

package/lib/module/index.js

@@ -9,5 +9,5 @@ export { ElearnConfigProvider, useElearnConfig, ThemeProvider, useTheme, DEFAULT
 // Atomic Components
 export { Typography, Button, Card, ProgressBar, CircularProgress, Icon } from "./components/index.js";
 // Screens
-export { HomeScreen } from "./screens/index.js";
+export { HomeScreen, QBankTopicScreen } from "./screens/index.js";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ElearnConfigProvider","useElearnConfig","ThemeProvider","useTheme","DEFAULT_THEME","DEFAULT_STRINGS","Typography","Button","Card","ProgressBar","CircularProgress","Icon","HomeScreen"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA,cAAc,kBAAS;;AAEvB;AACA,SACEA,oBAAoB,EACpBC,eAAe,EACfC,aAAa,EACbC,QAAQ,EACRC,aAAa,EACbC,eAAe,QACV,kCAA+B;;AAEtC;AACA,SACEC,UAAU,EACVC,MAAM,EACNC,IAAI,EACJC,WAAW,EACXC,gBAAgB,EAChBC,IAAI,QACC,uBAAc;AAGrB;AACA,SACEC,UAAU,QACL,oBAAW","ignoreList":[]}
+{"version":3,"names":["ElearnConfigProvider","useElearnConfig","ThemeProvider","useTheme","DEFAULT_THEME","DEFAULT_STRINGS","Typography","Button","Card","ProgressBar","CircularProgress","Icon","HomeScreen","QBankTopicScreen"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA,cAAc,kBAAS;;AAEvB;AACA,SACEA,oBAAoB,EACpBC,eAAe,EACfC,aAAa,EACbC,QAAQ,EACRC,aAAa,EACbC,eAAe,QACV,kCAA+B;;AAEtC;AACA,SACEC,UAAU,EACVC,MAAM,EACNC,IAAI,EACJC,WAAW,EACXC,gBAAgB,EAChBC,IAAI,QACC,uBAAc;AAGrB;AACA,SACEC,UAAU,EACVC,gBAAgB,QACX,oBAAW","ignoreList":[]}

package/lib/module/screens/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 export { HomeScreen } from "./HomeScreen.js";
+export { QBankTopicScreen } from "./qbank/QBankTopicScreen.js";
 //# sourceMappingURL=index.js.map

package/lib/module/screens/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["HomeScreen"],"sourceRoot":"../../../src","sources":["screens/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc","ignoreList":[]}
+{"version":3,"names":["HomeScreen","QBankTopicScreen"],"sourceRoot":"../../../src","sources":["screens/index.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc;AACzC,SAASC,gBAAgB,QAAQ,6BAA0B","ignoreList":[]}

package/lib/module/screens/qbank/QBankTopicScreen.js

@@ -0,0 +1,415 @@
+"use strict";
+
+import React from 'react';
+import { View, ScrollView, StyleSheet, TouchableOpacity, StatusBar, Image, useWindowDimensions } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { useTheme } from "../../context/ThemeContext.js";
+import { Typography, Icon } from "../../components/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const QBankTopicScreen = ({
+  params,
+  onBack,
+  onPressSearch,
+  onPressQuickLink,
+  onPressTopic
+}) => {
+  const theme = useTheme();
+  const {
+    width
+  } = useWindowDimensions();
+  const isTablet = width > 768;
+  const contentMaxWidth = isTablet ? 768 : '100%';
+  const alignSelfCenter = isTablet ? 'center' : 'auto';
+  const headerData = params?.header || {
+    title: 'QBank'
+  };
+  const quickLinksData = params?.quickLinks || [{
+    id: 'bookmark',
+    label: 'Bookmark',
+    icon: 'bookmark',
+    color: '#10B981'
+  }, {
+    id: 'custom_module',
+    label: 'Custom Module',
+    icon: 'file-text',
+    color: '#3B82F6'
+  }, {
+    id: 'qbank_tracker',
+    label: 'QBank Tracker',
+    icon: 'calendar',
+    color: '#F43F5E'
+  }];
+  const continueLearningData = params?.continueLearning || [{
+    id: 'subj_anatomy',
+    title: 'Anatomy',
+    progressPercentage: 75,
+    completedModules: 56,
+    totalModules: 63,
+    icon: 'anatomy'
+  }, {
+    id: 'subj_biochem',
+    title: 'Biochemistry',
+    progressPercentage: 34,
+    completedModules: 17,
+    totalModules: 63,
+    icon: 'dna'
+  }, {
+    id: 'subj_pharmacology',
+    title: 'Pharmacology',
+    progressPercentage: 86,
+    completedModules: 56,
+    totalModules: 63,
+    icon: 'flask'
+  }, {
+    id: 'subj_physio',
+    title: 'Physiology',
+    progressPercentage: 52,
+    completedModules: 31,
+    totalModules: 63,
+    icon: 'activity'
+  }, {
+    id: 'subj_ophthalmology',
+    title: 'Ophthalmology',
+    progressPercentage: 24,
+    completedModules: 18,
+    totalModules: 63,
+    icon: 'eye'
+  }, {
+    id: 'subj_microbiology',
+    title: 'Microbiology',
+    progressPercentage: 12,
+    completedModules: 12,
+    totalModules: 63,
+    icon: 'microbiology'
+  }];
+  const getTopicIconDetails = topicId => {
+    let iconUrl = '';
+    let iconBg = '#F3E8FF';
+    let barColor = '#10B981';
+
+    // Some basic mapping based on the mockup
+    if (topicId === 'subj_anatomy') {
+      iconUrl = 'https://cdn-icons-png.flaticon.com/512/3004/3004116.png';
+      iconBg = '#FFF7ED';
+      barColor = '#10B981';
+    }
+    if (topicId === 'subj_biochem') {
+      iconUrl = 'https://cdn-icons-png.flaticon.com/512/2026/2026117.png';
+      iconBg = '#F3E8FF';
+      barColor = '#10B981';
+    }
+    if (topicId === 'subj_pharmacology') {
+      iconUrl = 'https://cdn-icons-png.flaticon.com/512/3004/3004104.png';
+      iconBg = '#FFF7ED';
+      barColor = '#10B981';
+    }
+    if (topicId === 'subj_physio') {
+      iconUrl = 'https://cdn-icons-png.flaticon.com/512/3004/3004140.png';
+      iconBg = '#FEE2E2';
+      barColor = '#10B981';
+    }
+    if (topicId === 'subj_ophthalmology') {
+      iconUrl = 'https://cdn-icons-png.flaticon.com/512/3004/3004130.png';
+      iconBg = '#F1F5F9';
+      barColor = '#10B981';
+    }
+    if (topicId === 'subj_microbiology') {
+      iconUrl = 'https://cdn-icons-png.flaticon.com/512/3004/3004148.png';
+      iconBg = '#FEF3C7';
+      barColor = '#10B981';
+    }
+    return {
+      iconUrl,
+      iconBg,
+      barColor
+    };
+  };
+  return /*#__PURE__*/_jsxs(SafeAreaView, {
+    style: [styles.safeArea, {
+      backgroundColor: '#F8FAFC'
+    }],
+    children: [/*#__PURE__*/_jsx(StatusBar, {
+      barStyle: "dark-content"
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.header,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.headerInner, {
+          maxWidth: contentMaxWidth,
+          alignSelf: alignSelfCenter
+        }],
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          style: styles.headerIconBtnLeft,
+          onPress: onBack,
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "chevron-left",
+            size: 24,
+            color: theme.textPrimary
+          })
+        }), /*#__PURE__*/_jsx(Typography, {
+          variant: "h2",
+          color: theme.textPrimary,
+          style: styles.headerTitle,
+          children: headerData.title
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          style: styles.headerIconBtnRight,
+          onPress: onPressSearch,
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "search",
+            size: 22,
+            color: theme.textPrimary
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx(ScrollView, {
+      contentContainerStyle: {
+        flexGrow: 1
+      },
+      showsVerticalScrollIndicator: false,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.scrollContent, {
+          maxWidth: contentMaxWidth,
+          alignSelf: alignSelfCenter,
+          width: '100%'
+        }],
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.quickLinksCard,
+          children: /*#__PURE__*/_jsx(View, {
+            style: styles.quickLinksRow,
+            children: quickLinksData.map(link => {
+              let bgCol = '#E5E7EB';
+              if (link.id === 'bookmark') bgCol = '#D1FAE5';
+              if (link.id === 'custom_module') bgCol = '#DBEAFE';
+              if (link.id === 'qbank_tracker') bgCol = '#FCE7F3';
+              return /*#__PURE__*/_jsxs(TouchableOpacity, {
+                style: styles.quickLinkItem,
+                onPress: () => {
+                  link.onPress?.();
+                  onPressQuickLink?.(link.id);
+                },
+                children: [/*#__PURE__*/_jsx(View, {
+                  style: [styles.quickLinkIconCircle, {
+                    backgroundColor: bgCol
+                  }],
+                  children: /*#__PURE__*/_jsx(Icon, {
+                    name: link.icon,
+                    size: 22,
+                    color: link.color
+                  })
+                }), /*#__PURE__*/_jsx(Typography, {
+                  variant: "caption",
+                  color: theme.textPrimary,
+                  style: styles.quickLinkLabel,
+                  children: link.label
+                })]
+              }, link.id);
+            })
+          })
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.sectionHeader,
+          children: /*#__PURE__*/_jsx(Typography, {
+            variant: "caption",
+            color: theme.textSecondary,
+            style: styles.sectionTitle,
+            children: "CONTINUE LEARNING"
+          })
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.topicsList,
+          children: continueLearningData.map(item => {
+            const {
+              iconUrl,
+              iconBg,
+              barColor
+            } = getTopicIconDetails(item.id);
+            return /*#__PURE__*/_jsx(TouchableOpacity, {
+              activeOpacity: 0.8,
+              onPress: () => onPressTopic?.(item.id),
+              children: /*#__PURE__*/_jsx(View, {
+                style: styles.topicCardMockup,
+                children: /*#__PURE__*/_jsxs(View, {
+                  style: styles.topicRow,
+                  children: [/*#__PURE__*/_jsx(View, {
+                    style: [styles.topicIconBox, {
+                      backgroundColor: iconBg
+                    }],
+                    children: iconUrl ? /*#__PURE__*/_jsx(Image, {
+                      source: {
+                        uri: iconUrl
+                      },
+                      style: {
+                        width: 32,
+                        height: 32
+                      }
+                    }) : /*#__PURE__*/_jsx(Icon, {
+                      name: item.icon,
+                      size: 24,
+                      color: theme.primary
+                    })
+                  }), /*#__PURE__*/_jsxs(View, {
+                    style: styles.topicInfo,
+                    children: [/*#__PURE__*/_jsx(Typography, {
+                      variant: "h3",
+                      color: theme.textPrimary,
+                      style: styles.topicTitle,
+                      children: item.title
+                    }), /*#__PURE__*/_jsx(View, {
+                      style: styles.progressBarBgMockup,
+                      children: /*#__PURE__*/_jsx(View, {
+                        style: [styles.progressBarFillMockup, {
+                          width: `${item.progressPercentage}%`,
+                          backgroundColor: barColor
+                        }]
+                      })
+                    }), /*#__PURE__*/_jsxs(View, {
+                      style: styles.topicStatsRow,
+                      children: [/*#__PURE__*/_jsxs(Typography, {
+                        variant: "caption",
+                        color: theme.textSecondary,
+                        children: [item.completedModules, "/", item.totalModules, " Modules"]
+                      }), /*#__PURE__*/_jsxs(Typography, {
+                        variant: "caption",
+                        color: theme.textSecondary,
+                        children: [item.progressPercentage, "%"]
+                      })]
+                    })]
+                  })]
+                })
+              })
+            }, item.id);
+          })
+        })]
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  safeArea: {
+    flex: 1
+  },
+  header: {
+    backgroundColor: '#FFFFFF',
+    borderBottomWidth: 1,
+    borderBottomColor: '#F1F5F9'
+  },
+  headerInner: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    width: '100%'
+  },
+  headerIconBtnLeft: {
+    width: 40,
+    height: 40,
+    justifyContent: 'center',
+    alignItems: 'flex-start'
+  },
+  headerIconBtnRight: {
+    width: 40,
+    height: 40,
+    justifyContent: 'center',
+    alignItems: 'flex-end'
+  },
+  headerTitle: {
+    fontSize: 18,
+    fontWeight: '600',
+    flex: 1,
+    textAlign: 'center'
+  },
+  scrollContent: {
+    paddingHorizontal: 16,
+    paddingVertical: 16,
+    paddingBottom: 40
+  },
+  quickLinksCard: {
+    backgroundColor: '#FFFFFF',
+    padding: 20,
+    borderRadius: 16,
+    marginBottom: 24,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.05,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  quickLinksRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  quickLinkItem: {
+    alignItems: 'center',
+    flex: 1
+  },
+  quickLinkIconCircle: {
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginBottom: 8
+  },
+  quickLinkLabel: {
+    fontSize: 12,
+    textAlign: 'center'
+  },
+  sectionHeader: {
+    marginBottom: 12
+  },
+  sectionTitle: {
+    fontSize: 12,
+    letterSpacing: 0.8
+  },
+  topicsList: {
+    marginTop: 4
+  },
+  topicCardMockup: {
+    backgroundColor: '#FFFFFF',
+    padding: 16,
+    marginBottom: 12,
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: '#E2E8F0'
+  },
+  topicRow: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  topicIconBox: {
+    width: 56,
+    height: 56,
+    borderRadius: 14,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: 16
+  },
+  topicInfo: {
+    flex: 1
+  },
+  topicTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+    marginBottom: 8
+  },
+  progressBarBgMockup: {
+    height: 6,
+    backgroundColor: '#F1F5F9',
+    borderRadius: 3,
+    marginBottom: 8,
+    width: '100%',
+    overflow: 'hidden'
+  },
+  progressBarFillMockup: {
+    height: '100%',
+    borderRadius: 3
+  },
+  topicStatsRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=QBankTopicScreen.js.map

package/lib/module/screens/qbank/QBankTopicScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","ScrollView","StyleSheet","TouchableOpacity","StatusBar","Image","useWindowDimensions","SafeAreaView","useTheme","Typography","Icon","jsx","_jsx","jsxs","_jsxs","QBankTopicScreen","params","onBack","onPressSearch","onPressQuickLink","onPressTopic","theme","width","isTablet","contentMaxWidth","alignSelfCenter","headerData","header","title","quickLinksData","quickLinks","id","label","icon","color","continueLearningData","continueLearning","progressPercentage","completedModules","totalModules","getTopicIconDetails","topicId","iconUrl","iconBg","barColor","style","styles","safeArea","backgroundColor","children","barStyle","headerInner","maxWidth","alignSelf","headerIconBtnLeft","onPress","name","size","textPrimary","variant","headerTitle","headerIconBtnRight","contentContainerStyle","flexGrow","showsVerticalScrollIndicator","scrollContent","quickLinksCard","quickLinksRow","map","link","bgCol","quickLinkItem","quickLinkIconCircle","quickLinkLabel","sectionHeader","textSecondary","sectionTitle","topicsList","item","activeOpacity","topicCardMockup","topicRow","topicIconBox","source","uri","height","primary","topicInfo","topicTitle","progressBarBgMockup","progressBarFillMockup","topicStatsRow","create","flex","borderBottomWidth","borderBottomColor","flexDirection","justifyContent","alignItems","paddingHorizontal","paddingVertical","fontSize","fontWeight","textAlign","paddingBottom","padding","borderRadius","marginBottom","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","letterSpacing","marginTop","borderWidth","borderColor","marginRight","overflow"],"sourceRoot":"../../../../src","sources":["screens/qbank/QBankTopicScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/index.d.ts

@@ -2,5 +2,5 @@ export * from './types/index.js';
 export { ElearnConfigProvider, useElearnConfig, ThemeProvider, useTheme, DEFAULT_THEME, DEFAULT_STRINGS, } from './context/ElearnConfigContext.js';
 export { Typography, Button, Card, ProgressBar, CircularProgress, Icon, } from './components/index.js';
 export type { IconName } from './components/index.js';
-export { HomeScreen, } from './screens/index.js';
+export { HomeScreen, QBankTopicScreen, } from './screens/index.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,kBAAS,CAAC;AAGxB,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,QAAQ,EACR,aAAa,EACb,eAAe,GAChB,MAAM,kCAA+B,CAAC;AAGvC,OAAO,EACL,UAAU,EACV,MAAM,EACN,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,IAAI,GACL,MAAM,uBAAc,CAAC;AACtB,YAAY,EAAE,QAAQ,EAAE,MAAM,uBAAc,CAAC;AAG7C,OAAO,EACL,UAAU,GACX,MAAM,oBAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AACA,cAAc,kBAAS,CAAC;AAGxB,OAAO,EACL,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,QAAQ,EACR,aAAa,EACb,eAAe,GAChB,MAAM,kCAA+B,CAAC;AAGvC,OAAO,EACL,UAAU,EACV,MAAM,EACN,IAAI,EACJ,WAAW,EACX,gBAAgB,EAChB,IAAI,GACL,MAAM,uBAAc,CAAC;AACtB,YAAY,EAAE,QAAQ,EAAE,MAAM,uBAAc,CAAC;AAG7C,OAAO,EACL,UAAU,EACV,gBAAgB,GACjB,MAAM,oBAAW,CAAC"}

package/lib/typescript/src/screens/index.d.ts

@@ -1,2 +1,3 @@
 export { HomeScreen } from './HomeScreen.js';
+export { QBankTopicScreen } from './qbank/QBankTopicScreen.js';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/screens/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/screens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/screens/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA0B,CAAC"}

package/lib/typescript/src/screens/qbank/QBankTopicScreen.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { QBankTopicParams } from '../../types/index.js';
+interface QBankTopicScreenProps {
+    params?: QBankTopicParams;
+    onBack?: () => void;
+    onPressSearch?: () => void;
+    onPressQuickLink?: (linkId: string) => void;
+    onPressTopic?: (topicId: string) => void;
+}
+export declare const QBankTopicScreen: React.FC<QBankTopicScreenProps>;
+export {};
+//# sourceMappingURL=QBankTopicScreen.d.ts.map

package/lib/typescript/src/screens/qbank/QBankTopicScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QBankTopicScreen.d.ts","sourceRoot":"","sources":["../../../../../src/screens/qbank/QBankTopicScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAa,CAAC;AAEpD,UAAU,qBAAqB;IAC7B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA6J5D,CAAC"}

package/lib/typescript/src/types/index.d.ts

@@ -198,4 +198,18 @@ export interface PearlTopic {
         [sectionName: string]: PearlChapter[];
     };
 }
+export interface QBankTopicParams {
+    header?: {
+        title: string;
+    };
+    quickLinks?: QuickLinkItem[];
+    continueLearning?: Array<{
+        id: string;
+        title: string;
+        progressPercentage: number;
+        completedModules: number;
+        totalModules: number;
+        icon: string;
+    }>;
+}
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-elearn-ui",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "description": "Enterprise E-Learning UI library for React Native",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/index.tsx

@@ -25,4 +25,5 @@ export type { IconName } from './components';
 // Screens
 export {
   HomeScreen,
+  QBankTopicScreen,
 } from './screens';

package/src/screens/index.ts

@@ -1 +1,2 @@
 export { HomeScreen } from './HomeScreen';
+export { QBankTopicScreen } from './qbank/QBankTopicScreen';

package/src/screens/qbank/QBankTopicScreen.tsx

@@ -0,0 +1,311 @@
+import React from 'react';
+import {
+  View,
+  ScrollView,
+  StyleSheet,
+  TouchableOpacity,
+  StatusBar,
+  Image,
+  useWindowDimensions,
+} from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { useTheme } from '../../context/ThemeContext';
+import { Typography, Icon } from '../../components';
+import type { IconName } from '../../components';
+import type { QBankTopicParams } from '../../types';
+
+interface QBankTopicScreenProps {
+  params?: QBankTopicParams;
+  onBack?: () => void;
+  onPressSearch?: () => void;
+  onPressQuickLink?: (linkId: string) => void;
+  onPressTopic?: (topicId: string) => void;
+}
+
+export const QBankTopicScreen: React.FC<QBankTopicScreenProps> = ({
+  params,
+  onBack,
+  onPressSearch,
+  onPressQuickLink,
+  onPressTopic,
+}) => {
+  const theme = useTheme();
+  const { width } = useWindowDimensions();
+  const isTablet = width > 768;
+  const contentMaxWidth = isTablet ? 768 : '100%';
+  const alignSelfCenter = isTablet ? 'center' : 'auto';
+
+  const headerData = params?.header || {
+    title: 'QBank',
+  };
+
+  const quickLinksData = params?.quickLinks || [
+    { id: 'bookmark', label: 'Bookmark', icon: 'bookmark', color: '#10B981' },
+    { id: 'custom_module', label: 'Custom Module', icon: 'file-text', color: '#3B82F6' },
+    { id: 'qbank_tracker', label: 'QBank Tracker', icon: 'calendar', color: '#F43F5E' },
+  ];
+
+  const continueLearningData = params?.continueLearning || [
+    { id: 'subj_anatomy', title: 'Anatomy', progressPercentage: 75, completedModules: 56, totalModules: 63, icon: 'anatomy' },
+    { id: 'subj_biochem', title: 'Biochemistry', progressPercentage: 34, completedModules: 17, totalModules: 63, icon: 'dna' },
+    { id: 'subj_pharmacology', title: 'Pharmacology', progressPercentage: 86, completedModules: 56, totalModules: 63, icon: 'flask' },
+    { id: 'subj_physio', title: 'Physiology', progressPercentage: 52, completedModules: 31, totalModules: 63, icon: 'activity' },
+    { id: 'subj_ophthalmology', title: 'Ophthalmology', progressPercentage: 24, completedModules: 18, totalModules: 63, icon: 'eye' },
+    { id: 'subj_microbiology', title: 'Microbiology', progressPercentage: 12, completedModules: 12, totalModules: 63, icon: 'microbiology' },
+  ];
+
+  const getTopicIconDetails = (topicId: string) => {
+    let iconUrl = '';
+    let iconBg = '#F3E8FF';
+    let barColor = '#10B981';
+    
+    // Some basic mapping based on the mockup
+    if (topicId === 'subj_anatomy') { iconUrl = 'https://cdn-icons-png.flaticon.com/512/3004/3004116.png'; iconBg = '#FFF7ED'; barColor = '#10B981'; }
+    if (topicId === 'subj_biochem') { iconUrl = 'https://cdn-icons-png.flaticon.com/512/2026/2026117.png'; iconBg = '#F3E8FF'; barColor = '#10B981'; }
+    if (topicId === 'subj_pharmacology') { iconUrl = 'https://cdn-icons-png.flaticon.com/512/3004/3004104.png'; iconBg = '#FFF7ED'; barColor = '#10B981'; }
+    if (topicId === 'subj_physio') { iconUrl = 'https://cdn-icons-png.flaticon.com/512/3004/3004140.png'; iconBg = '#FEE2E2'; barColor = '#10B981'; }
+    if (topicId === 'subj_ophthalmology') { iconUrl = 'https://cdn-icons-png.flaticon.com/512/3004/3004130.png'; iconBg = '#F1F5F9'; barColor = '#10B981'; }
+    if (topicId === 'subj_microbiology') { iconUrl = 'https://cdn-icons-png.flaticon.com/512/3004/3004148.png'; iconBg = '#FEF3C7'; barColor = '#10B981'; }
+
+    return { iconUrl, iconBg, barColor };
+  };
+
+  return (
+    <SafeAreaView style={[styles.safeArea, { backgroundColor: '#F8FAFC' }]}>
+      <StatusBar barStyle="dark-content" />
+
+      {/* Header Panel */}
+      <View style={styles.header}>
+        <View style={[styles.headerInner, { maxWidth: contentMaxWidth, alignSelf: alignSelfCenter as any }]}>
+          <TouchableOpacity style={styles.headerIconBtnLeft} onPress={onBack}>
+            <Icon name="chevron-left" size={24} color={theme.textPrimary} />
+          </TouchableOpacity>
+          
+          <Typography variant="h2" color={theme.textPrimary} style={styles.headerTitle}>
+            {headerData.title}
+          </Typography>
+
+          <TouchableOpacity style={styles.headerIconBtnRight} onPress={onPressSearch}>
+            <Icon name="search" size={22} color={theme.textPrimary} />
+          </TouchableOpacity>
+        </View>
+      </View>
+
+      <ScrollView contentContainerStyle={{flexGrow: 1}} showsVerticalScrollIndicator={false}>
+        <View style={[styles.scrollContent, { maxWidth: contentMaxWidth, alignSelf: alignSelfCenter as any, width: '100%' }]}>
+          
+          {/* Quick Links Card */}
+          <View style={styles.quickLinksCard}>
+            <View style={styles.quickLinksRow}>
+              {quickLinksData.map((link) => {
+                let bgCol = '#E5E7EB';
+                if (link.id === 'bookmark') bgCol = '#D1FAE5'; 
+                if (link.id === 'custom_module') bgCol = '#DBEAFE'; 
+                if (link.id === 'qbank_tracker') bgCol = '#FCE7F3'; 
+
+                return (
+                  <TouchableOpacity
+                    key={link.id}
+                    style={styles.quickLinkItem}
+                    onPress={() => {
+                      link.onPress?.();
+                      onPressQuickLink?.(link.id);
+                    }}
+                  >
+                    <View style={[styles.quickLinkIconCircle, { backgroundColor: bgCol }]}>
+                      <Icon name={link.icon as IconName} size={22} color={link.color} />
+                    </View>
+                    <Typography variant="caption" color={theme.textPrimary} style={styles.quickLinkLabel}>
+                      {link.label}
+                    </Typography>
+                  </TouchableOpacity>
+                )
+              })}
+            </View>
+          </View>
+
+          {/* Continue Learning Section */}
+          <View style={styles.sectionHeader}>
+            <Typography variant="caption" color={theme.textSecondary} style={styles.sectionTitle}>
+              CONTINUE LEARNING
+            </Typography>
+          </View>
+
+          <View style={styles.topicsList}>
+            {continueLearningData.map((item) => {
+              const { iconUrl, iconBg, barColor } = getTopicIconDetails(item.id);
+
+              return (
+                <TouchableOpacity
+                  key={item.id}
+                  activeOpacity={0.8}
+                  onPress={() => onPressTopic?.(item.id)}
+                >
+                  <View style={styles.topicCardMockup}>
+                    <View style={styles.topicRow}>
+                      <View style={[styles.topicIconBox, { backgroundColor: iconBg }]}>
+                        {iconUrl ? (
+                          <Image source={{uri: iconUrl}} style={{width: 32, height: 32}} />
+                        ) : (
+                          <Icon name={item.icon as IconName} size={24} color={theme.primary} />
+                        )}
+                      </View>
+                      <View style={styles.topicInfo}>
+                        <Typography variant="h3" color={theme.textPrimary} style={styles.topicTitle}>
+                          {item.title}
+                        </Typography>
+                        
+                        <View style={styles.progressBarBgMockup}>
+                          <View style={[styles.progressBarFillMockup, { width: `${item.progressPercentage}%`, backgroundColor: barColor }]} />
+                        </View>
+                        
+                        <View style={styles.topicStatsRow}>
+                          <Typography variant="caption" color={theme.textSecondary}>
+                            {item.completedModules}/{item.totalModules} Modules
+                          </Typography>
+                          <Typography variant="caption" color={theme.textSecondary}>
+                            {item.progressPercentage}%
+                          </Typography>
+                        </View>
+                      </View>
+                    </View>
+                  </View>
+                </TouchableOpacity>
+              )
+            })}
+          </View>
+
+        </View>
+      </ScrollView>
+    </SafeAreaView>
+  );
+};
+
+const styles = StyleSheet.create({
+  safeArea: {
+    flex: 1,
+  },
+  header: {
+    backgroundColor: '#FFFFFF',
+    borderBottomWidth: 1,
+    borderBottomColor: '#F1F5F9',
+  },
+  headerInner: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 12,
+    width: '100%',
+  },
+  headerIconBtnLeft: {
+    width: 40,
+    height: 40,
+    justifyContent: 'center',
+    alignItems: 'flex-start',
+  },
+  headerIconBtnRight: {
+    width: 40,
+    height: 40,
+    justifyContent: 'center',
+    alignItems: 'flex-end',
+  },
+  headerTitle: {
+    fontSize: 18,
+    fontWeight: '600',
+    flex: 1,
+    textAlign: 'center',
+  },
+  scrollContent: {
+    paddingHorizontal: 16,
+    paddingVertical: 16,
+    paddingBottom: 40,
+  },
+  quickLinksCard: {
+    backgroundColor: '#FFFFFF',
+    padding: 20,
+    borderRadius: 16,
+    marginBottom: 24,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.05,
+    shadowRadius: 4,
+    elevation: 2,
+  },
+  quickLinksRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
+  quickLinkItem: {
+    alignItems: 'center',
+    flex: 1,
+  },
+  quickLinkIconCircle: {
+    width: 48,
+    height: 48,
+    borderRadius: 24,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginBottom: 8,
+  },
+  quickLinkLabel: {
+    fontSize: 12,
+    textAlign: 'center',
+  },
+  sectionHeader: {
+    marginBottom: 12,
+  },
+  sectionTitle: {
+    fontSize: 12,
+    letterSpacing: 0.8,
+  },
+  topicsList: {
+    marginTop: 4,
+  },
+  topicCardMockup: {
+    backgroundColor: '#FFFFFF',
+    padding: 16,
+    marginBottom: 12,
+    borderRadius: 12,
+    borderWidth: 1,
+    borderColor: '#E2E8F0',
+  },
+  topicRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
+  topicIconBox: {
+    width: 56,
+    height: 56,
+    borderRadius: 14,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginRight: 16,
+  },
+  topicInfo: {
+    flex: 1,
+  },
+  topicTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+    marginBottom: 8,
+  },
+  progressBarBgMockup: {
+    height: 6,
+    backgroundColor: '#F1F5F9',
+    borderRadius: 3,
+    marginBottom: 8,
+    width: '100%',
+    overflow: 'hidden',
+  },
+  progressBarFillMockup: {
+    height: '100%',
+    borderRadius: 3,
+  },
+  topicStatsRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
+});

package/src/types/index.ts

@@ -206,3 +206,18 @@ export interface PearlTopic {
     [sectionName: string]: PearlChapter[];
   };
 }
+
+export interface QBankTopicParams {
+  header?: {
+    title: string;
+  };
+  quickLinks?: QuickLinkItem[];
+  continueLearning?: Array<{
+    id: string;
+    title: string;
+    progressPercentage: number;
+    completedModules: number;
+    totalModules: number;
+    icon: string;
+  }>;
+}