Task 3 updates [New components from chat interface, Discovery Library UI changes from figma update]

.firebaserc

@@ -1,15 +1,19 @@
 {
   "projects": {
-    "default": "kai-ai-f63c8"
+    "default": "kai-ai-f63c8",
+    "kai-app": "kai-platform-b53aa",
+    "kai-app1": "kai-platform-b53aa"
   },
   "targets": {
+    "kai-ai-f63c8": {
     "kai-ai-f63c8": {
       "hosting": {
         "next": [
           "kai-ai-f63c8"
+          "kai-ai-f63c8"
         ]
       }
     }
   },
   "etags": {}
-}
+}

.github/workflows/firebase-hosting-pull-request.yml

@@ -0,0 +1,21 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on PR
+on: pull_request
+permissions:
+  checks: write
+  contents: read
+  pull-requests: write
+jobs:
+  build_and_preview:
+    if: ${{ github.event.pull_request.head.repo.full_name == github.repository }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - run: next build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: ${{ secrets.GITHUB_TOKEN }}
+          firebaseServiceAccount: ${{ secrets.FIREBASE_SERVICE_ACCOUNT_KAI_AI_F63C8 }}
+          projectId: kai-40de1

.gitignore

@@ -138,4 +138,4 @@ dist
 
 # Ignore back-end build output
 **/node_modules/
-**/build/
+**/build/

frontend/constants/prompts.js

@@ -0,0 +1,25 @@
+const categorizePrompts = [
+  {
+    title: 'Math Tutor',
+    description:
+      'From now on, I want you to act as a math tutor. I will be asking you questions related to various mathematical concepts, including algebra, geometry, calculus, and statistics. Please provide detailed explanations, step-by-step solutions, and relevant examples for each topic we discuss.',
+  },
+  {
+    title: 'Biology Tutor',
+    description:
+      'Please act as my biology tutor. I will ask you about topics such as cell biology, genetics, evolution, ecology, and human anatomy. Provide comprehensive explanations, diagrams, and examples to help me understand these biological concepts.',
+  },
+  {
+    title: 'Programming Tutor',
+    description:
+      'I want you to be my programming tutor. I will ask you about various programming languages, coding concepts, algorithms, and debugging techniques. Provide clear explanations, code examples, and step-by-step guidance for writing and understanding code.',
+  },
+  {
+    title: 'Music Tutor',
+    description:
+      'Act as a music tutor for our conversation. I will ask you about music theory, instruments, composition, and performance techniques. Provide detailed explanations, sheet music examples, and exercises to help me understand and improve my musical abilities.',
+  },
+  // Add more prompts as needed
+];
+
+export default categorizePrompts;

frontend/layouts/MainAppLayout/SideMenu/styles.js

@@ -2,7 +2,7 @@ const styles = {
   mainGridProps: {
     container: true,
     item: true,
-    width: '360px',
+    width: '300px',
     flexDirection: 'column',
     justifyContent: 'center',
     alignItems: 'center',

frontend/services/ChatHistory/chatHistory.js

@@ -0,0 +1,75 @@
+import {
+  collection,
+  getDocs,
+  getFirestore,
+  query,
+  where,
+} from 'firebase/firestore';
+import moment from 'moment';
+
+const db = getFirestore();
+
+/**
+ * Takes in a Date object and returns the "timeframe" of the date (whether it's today, yesterday, this week, etc.).
+ * Returns the year of the date if it's >1 year in the past.
+ * @param {Date} date - date to be processed
+ * @returns {number | string}
+ */
+const processDate = (date) => {
+  const now = moment(); // Current date/time
+  const inputDate = moment(date); // Convert the input date
+
+  if (now.isSame(inputDate, 'day')) {
+    return 'Today';
+  }
+  if (now.subtract(1, 'days').isSame(inputDate, 'day')) {
+    return 'Yesterday';
+  }
+  if (now.isSame(inputDate, 'week')) {
+    return 'This Week';
+  }
+  if (now.isSame(inputDate, 'month')) {
+    return 'This Month';
+  }
+  if (now.isSame(inputDate, 'year')) {
+    return 'This Year';
+  }
+  return inputDate.format('YYYY'); // Return year if it's older than this year
+};
+
+const fetchChatHistory = async (userData) => {
+  // get chat history data
+  const q = query(
+    collection(db, 'chatSessions'),
+    where('user', '==', userData)
+  );
+  const querySnapshot = await getDocs(q);
+  const history = [];
+  querySnapshot.forEach((document) => {
+    history.push({
+      ...document.data(),
+    });
+  });
+
+  const sortedHistory = {};
+  history.sort((a, b) => {
+    return b.updatedAt.toDate() - a.updatedAt.toDate();
+  });
+
+  history.forEach((data) => {
+    const timeframe = processDate(data.updatedAt.toDate());
+    const msgItem = {
+      id: data.id,
+      timestamp: data.updatedAt,
+      message: data.messages[0].payload.text,
+    };
+
+    if (Object.prototype.hasOwnProperty.call(sortedHistory, timeframe))
+      sortedHistory[timeframe].push(msgItem);
+    else sortedHistory[timeframe] = [msgItem];
+  });
+
+  return sortedHistory;
+};
+
+export { fetchChatHistory };

frontend/services/chatbot/generatePrompts.js

@@ -0,0 +1,16 @@
+import { httpsCallable } from 'firebase/functions';
+
+import { functions } from '@/redux/store';
+
+const generatePrompts = async (payload) => {
+  try {
+    const genPrompts = httpsCallable(functions, 'generatePrompts');
+    const response = await genPrompts(payload);
+
+    return response.data;
+  } catch (error) {
+    throw new Error('Error could not generate prompts');
+  }
+};
+
+export default generatePrompts;

frontend/services/chathistory/chatHistory.js

@@ -0,0 +1,75 @@
+import {
+  collection,
+  getDocs,
+  getFirestore,
+  query,
+  where,
+} from 'firebase/firestore';
+import moment from 'moment';
+
+const db = getFirestore();
+
+/**
+ * Takes in a Date object and returns the "timeframe" of the date (whether it's today, yesterday, this week, etc.).
+ * Returns the year of the date if it's >1 year in the past.
+ * @param {Date} date - date to be processed
+ * @returns {number | string}
+ */
+const processDate = (date) => {
+  const now = moment(); // Current date/time
+  const inputDate = moment(date); // Convert the input date
+
+  if (now.isSame(inputDate, 'day')) {
+    return 'Today';
+  }
+  if (now.subtract(1, 'days').isSame(inputDate, 'day')) {
+    return 'Yesterday';
+  }
+  if (now.isSame(inputDate, 'week')) {
+    return 'This Week';
+  }
+  if (now.isSame(inputDate, 'month')) {
+    return 'This Month';
+  }
+  if (now.isSame(inputDate, 'year')) {
+    return 'This Year';
+  }
+  return inputDate.format('YYYY'); // Return year if it's older than this year
+};
+
+const fetchChatHistory = async (userData) => {
+  // get chat history data
+  const q = query(
+    collection(db, 'chatSessions'),
+    where('user', '==', userData)
+  );
+  const querySnapshot = await getDocs(q);
+  const history = [];
+  querySnapshot.forEach((document) => {
+    history.push({
+      ...document.data(),
+    });
+  });
+
+  const sortedHistory = {};
+  history.sort((a, b) => {
+    return b.updatedAt.toDate() - a.updatedAt.toDate();
+  });
+
+  history.forEach((data) => {
+    const timeframe = processDate(data.updatedAt.toDate());
+    const msgItem = {
+      id: data.id,
+      timestamp: data.updatedAt,
+      message: data.messages[0].payload.text,
+    };
+
+    if (Object.prototype.hasOwnProperty.call(sortedHistory, timeframe))
+      sortedHistory[timeframe].push(msgItem);
+    else sortedHistory[timeframe] = [msgItem];
+  });
+
+  return sortedHistory;
+};
+
+export { fetchChatHistory };