first commit

calcom/packages/features/bookings/Booker/components/hooks/useLocalSet.tsx

@@ -0,0 +1,66 @@
+import { useEffect, useState } from "react";
+
+import { localStorage } from "@calcom/lib/webstorage";
+
+export interface HasExternalId {
+  externalId: string;
+}
+
+export function useLocalSet<T extends HasExternalId>(key: string, initialValue: T[]) {
+  const [set, setSet] = useState<Set<T>>(() => {
+    const storedValue = localStorage.getItem(key);
+    return storedValue ? new Set(JSON.parse(storedValue)) : new Set(initialValue);
+  });
+
+  useEffect(() => {
+    localStorage.setItem(key, JSON.stringify(Array.from(set)));
+  }, [key, set]);
+
+  const addValue = (value: T) => {
+    setSet((prevSet) => new Set(prevSet).add(value));
+  };
+
+  const removeById = (id: string) => {
+    setSet((prevSet) => {
+      const updatedSet = new Set(prevSet);
+      updatedSet.forEach((item) => {
+        if (item.externalId === id) {
+          updatedSet.delete(item);
+        }
+      });
+      return updatedSet;
+    });
+  };
+
+  const toggleValue = (value: T) => {
+    setSet((prevSet) => {
+      const updatedSet = new Set(prevSet);
+      let itemFound = false;
+
+      updatedSet.forEach((item) => {
+        if (item.externalId === value.externalId) {
+          itemFound = true;
+          updatedSet.delete(item);
+        }
+      });
+
+      if (!itemFound) {
+        updatedSet.add(value);
+      }
+
+      return updatedSet;
+    });
+  };
+
+  const hasItem = (value: T) => {
+    return Array.from(set).some((item) => item.externalId === value.externalId);
+  };
+
+  const clearSet = () => {
+    setSet(() => new Set());
+    // clear local storage too
+    localStorage.removeItem(key);
+  };
+
+  return { set, addValue, removeById, toggleValue, hasItem, clearSet };
+}