[#1] getting the calendars from the api

src/features/Calendars/CalendarApi.ts

@@ -1,3 +1,33 @@
-export default async function getCalendars() { 
-    return {}
+import { cp } from "node:fs";
+
+export async function getCalendars(userId: string, opaque_token: string) {
+  const response = await fetch(
+    `${process.env.REACT_APP_CALENDAR_BASE_URL}/dav/calendars/${userId}.json?personal=true&sharedDelegationStatus=accepted&sharedPublicSubscription=true&withRights=true`,
+    {
+      headers: {
+        Accept: "application/calendar+json",
+        Authorization: `Bearer ${opaque_token}`,
+      },
+    }
+  );
+  const calendars = await response.json();
+  return calendars;
+}
+
+export async function getCalendar(id: string, opaque_token: string) {
+  const response = await fetch(
+    `${process.env.REACT_APP_CALENDAR_BASE_URL}/dav/calendars/${id}/${id}.json`,
+    {
+      method: "REPORT",
+      headers: {
+        Accept: "application/json, text/plain, */*",
+        Authorization: `Bearer ${opaque_token}`,
+      },
+      body: JSON.stringify({
+        match: { start: "20250525T000000", end: "20250708T000000" },
+      }),
+    }
+  );
+  const calendar = await response.json();
+  return calendar;
 }

src/features/Calendars/CalendarSlice.ts

@@ -1,6 +1,46 @@
-import { createSlice, PayloadAction } from "@reduxjs/toolkit";
+import { createAsyncThunk, createSlice, PayloadAction } from "@reduxjs/toolkit";
 import { Calendars } from "./CalendarTypes";
 import { CalendarEvent } from "../Events/EventsTypes";
+import { getCalendar, getCalendars } from "./CalendarApi";
+import getOpenPaasUserId from "../User/userAPI";
+import { parseCalendarEvent } from "../Events/eventUtils";
+
+export const getCalendarsAsync = createAsyncThunk<
+  Record<string, Calendars>, // Return type
+  string // Arg type (access_token)
+>("calendars/getCalendars", async (access_token: string) => {
+  const importedCalendars: Record<string, Calendars> = {};
+  const user = await getOpenPaasUserId(access_token);
+  const calendars = await getCalendars(user.id, access_token);
+  const rawCalendars = calendars._embedded["dav:calendar"];
+
+  for (const cal of rawCalendars) {
+    const name = cal["dav:name"];
+    const description = cal["dav:description"];
+    const id = cal["calendarserver:source"]
+      ? cal["calendarserver:source"]._links.self.href
+          .replace("/calendars/", "")
+          .replace(".json", "")
+          .split("/")[0]
+      : cal._links.self.href
+          .replace("/calendars/", "")
+          .replace(".json", "")
+          .split("/")[0];
+
+    const color = cal["apple:color"];
+    const calendarDetails = await getCalendar(id, access_token);
+    const events = calendarDetails._embedded["dav:item"].map(
+      (eventdata: any) => {
+        const datas = eventdata.data[2][0][1];
+        return parseCalendarEvent(datas, color);
+      }
+    );
+
+    importedCalendars[id] = { id, name, description, color, events };
+  }
+
+  return importedCalendars;
+});
 
 const CalendarSlice = createSlice({
   name: "calendars",
@@ -18,7 +58,7 @@ const CalendarSlice = createSlice({
       state,
       action: PayloadAction<{ calendarUid: string; event: CalendarEvent }>
     ) => {
-      console.log(action.payload)
+      console.log(action.payload);
       if (!state[action.payload.calendarUid].events) {
         state[action.payload.calendarUid].events = [];
       }
@@ -37,6 +77,19 @@ const CalendarSlice = createSlice({
       });
     },
   },
+  extraReducers: (builder) => {
+    builder.addCase(
+      getCalendarsAsync.fulfilled,
+      (state, action: PayloadAction<Record<string, Calendars>>) => {
+        console.log("ony est!!!!: ", action.payload);
+        console.log(Object.keys(action.payload));
+        Object.keys(action.payload).forEach((id) => {
+          console.log(id);
+          state[id] = action.payload[id];
+        });
+      }
+    );
+  },
 });
 
 export const { addEvent, removeEvent, createCalendar } = CalendarSlice.actions;

src/features/Calendars/CalendarTypes.ts

@@ -3,9 +3,9 @@ import { CalendarEvent } from "../Events/EventsTypes";
 export interface Calendars {
   id: string;
   name: string;
-  prodid: string;
+  prodid?: string;
   color: string;
-  description: string;
+  description?: string;
   calscale?: string;
   version?: string;
   events: CalendarEvent[];