@intlayer/design-system 6.1.6 → 7.0.0-canary.0

package/dist/esm/hooks/useItemSelector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useItemSelector.mjs","names":["targetElement: HTMLElement | null","mutationObservers: MutationObserver[]","resizeObservers: ResizeObserver[]"],"sources":["../../../src/hooks/useItemSelector.ts"],"sourcesContent":["'use client';\n\nimport { type RefObject, useEffect, useState } from 'react';\n\ntype StyleState = {\n  left: number;\n  width: number;\n  opacity: number;\n};\n\nconst selectorDefault = (option: HTMLElement) =>\n  option?.getAttribute('aria-selected') === 'true';\n\nexport const useItemSelector = (\n  optionsRefs: RefObject<HTMLElement[]>,\n  selector: (option: HTMLElement, index: number) => boolean = selectorDefault,\n  isHoverable = false\n) => {\n  const [choiceIndicatorPosition, setChoiceIndicatorPosition] =\n    useState<StyleState | null>(null);\n\n  const [hoveredItem, setHoveredItem] = useState<HTMLElement | null>(null);\n\n  const itemsLength = optionsRefs.current.length;\n\n  const calculatePosition = () => {\n    let targetElement: HTMLElement | null = null;\n\n    if (hoveredItem) {\n      targetElement = hoveredItem;\n    } else {\n      targetElement = optionsRefs.current.find(selector) ?? null;\n    }\n\n    if (!targetElement) {\n      setChoiceIndicatorPosition((prev) => ({\n        left: 0,\n        width: 0,\n        ...prev,\n        opacity: 0,\n      }));\n      return;\n    }\n\n    const left = targetElement.offsetLeft;\n    const width = targetElement.offsetWidth;\n\n    setChoiceIndicatorPosition({\n      left,\n      width,\n      opacity: 1,\n    });\n  };\n\n  useEffect(() => {\n    calculatePosition();\n\n    // Event listeners for window events\n    window.addEventListener('resize', calculatePosition);\n    window.addEventListener('DOMContentLoaded', calculatePosition);\n\n    // MutationObserver to watch for 'aria-selected' changes\n    const mutationObservers: MutationObserver[] = [];\n\n    optionsRefs.current.forEach((option) => {\n      if (option) {\n        const observer = new MutationObserver((mutations) => {\n          for (const mutation of mutations) {\n            if (\n              mutation.type === 'attributes' &&\n              mutation.attributeName === 'aria-selected'\n            ) {\n              calculatePosition();\n              break;\n            }\n          }\n        });\n\n        observer.observe(option, {\n          attributes: true,\n          attributeFilter: ['aria-selected'],\n        });\n\n        mutationObservers.push(observer);\n      }\n    });\n\n    // ResizeObserver to watch for size changes\n    const resizeObservers: ResizeObserver[] = [];\n\n    const observeSize = (element: HTMLElement) => {\n      if (!element) return;\n      const resizeObserver = new ResizeObserver(() => {\n        calculatePosition();\n      });\n      resizeObserver.observe(element);\n      resizeObservers.push(resizeObserver);\n    };\n\n    // Observe the selected item\n    const selectedItem = optionsRefs.current.find(selector) ?? null;\n\n    if (selectedItem) {\n      observeSize(selectedItem);\n    }\n\n    // Observe the hovered item\n    if (hoveredItem) {\n      observeSize(hoveredItem);\n    }\n\n    // Add hover event listeners\n    const handleMouseEnter = (event: Event) => {\n      setHoveredItem(event.currentTarget as HTMLElement);\n    };\n\n    const handleMouseLeave = () => {\n      setHoveredItem(null);\n    };\n\n    if (isHoverable) {\n      optionsRefs.current.forEach((option) => {\n        option?.addEventListener('mouseenter', handleMouseEnter, {\n          passive: true,\n        });\n        option?.addEventListener('mouseleave', handleMouseLeave, {\n          passive: true,\n        });\n      });\n    }\n\n    return () => {\n      // Cleanup window event listeners\n      window.removeEventListener('resize', calculatePosition);\n      window.removeEventListener('DOMContentLoaded', calculatePosition);\n\n      // Disconnect MutationObservers\n      mutationObservers.forEach((observer) => {\n        observer.disconnect();\n      });\n\n      // Disconnect ResizeObservers\n      resizeObservers.forEach((observer) => {\n        observer.disconnect();\n      });\n\n      // Remove hover event listeners\n      optionsRefs.current.forEach((option) => {\n        option?.removeEventListener('mouseenter', handleMouseEnter);\n        option?.removeEventListener('mouseleave', handleMouseLeave);\n      });\n    };\n  }, [optionsRefs, selector, hoveredItem, itemsLength]);\n\n  return { choiceIndicatorPosition, calculatePosition };\n};\n"],"mappings":";;;;;;AAUA,MAAM,mBAAmB,WACvB,QAAQ,aAAa,gBAAgB,KAAK;AAE5C,MAAa,mBACX,aACA,WAA4D,iBAC5D,cAAc,UACX;CACH,MAAM,CAAC,yBAAyB,8BAC9B,SAA4B,KAAK;CAEnC,MAAM,CAAC,aAAa,kBAAkB,SAA6B,KAAK;CAExE,MAAM,cAAc,YAAY,QAAQ;CAExC,MAAM,0BAA0B;EAC9B,IAAIA,gBAAoC;AAExC,MAAI,YACF,iBAAgB;MAEhB,iBAAgB,YAAY,QAAQ,KAAK,SAAS,IAAI;AAGxD,MAAI,CAAC,eAAe;AAClB,+BAA4B,UAAU;IACpC,MAAM;IACN,OAAO;IACP,GAAG;IACH,SAAS;IACV,EAAE;AACH;;EAGF,MAAM,OAAO,cAAc;EAC3B,MAAM,QAAQ,cAAc;AAE5B,6BAA2B;GACzB;GACA;GACA,SAAS;GACV,CAAC;;AAGJ,iBAAgB;AACd,qBAAmB;AAGnB,SAAO,iBAAiB,UAAU,kBAAkB;AACpD,SAAO,iBAAiB,oBAAoB,kBAAkB;EAG9D,MAAMC,oBAAwC,EAAE;AAEhD,cAAY,QAAQ,SAAS,WAAW;AACtC,OAAI,QAAQ;IACV,MAAM,WAAW,IAAI,kBAAkB,cAAc;AACnD,UAAK,MAAM,YAAY,UACrB,KACE,SAAS,SAAS,gBAClB,SAAS,kBAAkB,iBAC3B;AACA,yBAAmB;AACnB;;MAGJ;AAEF,aAAS,QAAQ,QAAQ;KACvB,YAAY;KACZ,iBAAiB,CAAC,gBAAgB;KACnC,CAAC;AAEF,sBAAkB,KAAK,SAAS;;IAElC;EAGF,MAAMC,kBAAoC,EAAE;EAE5C,MAAM,eAAe,YAAyB;AAC5C,OAAI,CAAC,QAAS;GACd,MAAM,iBAAiB,IAAI,qBAAqB;AAC9C,uBAAmB;KACnB;AACF,kBAAe,QAAQ,QAAQ;AAC/B,mBAAgB,KAAK,eAAe;;EAItC,MAAM,eAAe,YAAY,QAAQ,KAAK,SAAS,IAAI;AAE3D,MAAI,aACF,aAAY,aAAa;AAI3B,MAAI,YACF,aAAY,YAAY;EAI1B,MAAM,oBAAoB,UAAiB;AACzC,kBAAe,MAAM,cAA6B;;EAGpD,MAAM,yBAAyB;AAC7B,kBAAe,KAAK;;AAGtB,MAAI,YACF,aAAY,QAAQ,SAAS,WAAW;AACtC,WAAQ,iBAAiB,cAAc,kBAAkB,EACvD,SAAS,MACV,CAAC;AACF,WAAQ,iBAAiB,cAAc,kBAAkB,EACvD,SAAS,MACV,CAAC;IACF;AAGJ,eAAa;AAEX,UAAO,oBAAoB,UAAU,kBAAkB;AACvD,UAAO,oBAAoB,oBAAoB,kBAAkB;AAGjE,qBAAkB,SAAS,aAAa;AACtC,aAAS,YAAY;KACrB;AAGF,mBAAgB,SAAS,aAAa;AACpC,aAAS,YAAY;KACrB;AAGF,eAAY,QAAQ,SAAS,WAAW;AACtC,YAAQ,oBAAoB,cAAc,iBAAiB;AAC3D,YAAQ,oBAAoB,cAAc,iBAAiB;KAC3D;;IAEH;EAAC;EAAa;EAAU;EAAa;EAAY,CAAC;AAErD,QAAO;EAAE;EAAyB;EAAmB"}

package/dist/esm/hooks/useKeyboardDetector.mjs

@@ -0,0 +1,28 @@
+'use client';
+
+
+import { useEffect, useState } from "react";
+
+//#region src/hooks/useKeyboardDetector.ts
+const useKeyboardDetector = () => {
+	const [windowHeight, setWindowHeight] = useState(null);
+	useEffect(() => {
+		const updateHeight = () => {
+			if (Boolean(window.visualViewport?.height && window.visualViewport.height < window.innerHeight - 100) && window.visualViewport) setWindowHeight(window.visualViewport.height);
+			else setWindowHeight(null);
+		};
+		window.visualViewport?.addEventListener("resize", updateHeight, { passive: true });
+		updateHeight();
+		return () => {
+			window.visualViewport?.removeEventListener("resize", updateHeight);
+		};
+	}, []);
+	return {
+		windowHeight,
+		isKeyboardOpen: windowHeight !== null
+	};
+};
+
+//#endregion
+export { useKeyboardDetector };
+//# sourceMappingURL=useKeyboardDetector.mjs.map

package/dist/esm/hooks/useKeyboardDetector.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardDetector.mjs","names":[],"sources":["../../../src/hooks/useKeyboardDetector.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useKeyboardDetector = () => {\n  const [windowHeight, setWindowHeight] = useState<number | null>(null);\n\n  useEffect(() => {\n    const updateHeight = () => {\n      const isKeyboardOpen = Boolean(\n        window.visualViewport?.height &&\n          window.visualViewport.height < window.innerHeight - 100\n      );\n\n      if (isKeyboardOpen && window.visualViewport) {\n        setWindowHeight(window.visualViewport.height);\n      } else {\n        setWindowHeight(null);\n      }\n    };\n\n    // Listen for changes in visualViewport height\n    window.visualViewport?.addEventListener('resize', updateHeight, {\n      passive: true,\n    });\n    updateHeight(); // Set initial height\n\n    return () => {\n      window.visualViewport?.removeEventListener('resize', updateHeight);\n    };\n  }, []);\n\n  return { windowHeight, isKeyboardOpen: windowHeight !== null };\n};\n"],"mappings":";;;;;;AAIA,MAAa,4BAA4B;CACvC,MAAM,CAAC,cAAc,mBAAmB,SAAwB,KAAK;AAErE,iBAAgB;EACd,MAAM,qBAAqB;AAMzB,OALuB,QACrB,OAAO,gBAAgB,UACrB,OAAO,eAAe,SAAS,OAAO,cAAc,IACvD,IAEqB,OAAO,eAC3B,iBAAgB,OAAO,eAAe,OAAO;OAE7C,iBAAgB,KAAK;;AAKzB,SAAO,gBAAgB,iBAAiB,UAAU,cAAc,EAC9D,SAAS,MACV,CAAC;AACF,gBAAc;AAEd,eAAa;AACX,UAAO,gBAAgB,oBAAoB,UAAU,aAAa;;IAEnE,EAAE,CAAC;AAEN,QAAO;EAAE;EAAc,gBAAgB,iBAAiB;EAAM"}

package/dist/esm/hooks/usePersistedStore.mjs

@@ -0,0 +1,58 @@
+'use client';
+
+
+import { useCallback, useEffect, useMemo, useState } from "react";
+
+//#region src/hooks/usePersistedStore.ts
+const usePersistedStore = (key, initialState) => {
+	const [state, setState] = useState(() => {
+		if (initialState !== void 0) {
+			const result = typeof initialState === "function" ? initialState() : initialState;
+			if (typeof window === "undefined") return result;
+			const persistedState = localStorage?.getItem(key);
+			if (persistedState) try {
+				return JSON.parse(persistedState);
+			} catch (e) {
+				console.error(e);
+			}
+			return result;
+		}
+	});
+	useEffect(() => {
+		const persistedState = localStorage?.getItem(key);
+		if (persistedState && state === void 0) try {
+			setState(JSON.parse(persistedState));
+		} catch (e) {
+			console.error(e);
+		}
+		else if (initialState !== void 0 && state === void 0) setState(initialState);
+	}, [key, state]);
+	/**
+	* Allows setting state either directly or via a functional update.
+	* If passed a function, we merge/update based on the previous state.
+	*/
+	const setStateWrapper = useCallback((valueOrUpdater) => {
+		setState((prev) => {
+			const newValue = typeof valueOrUpdater === "function" ? valueOrUpdater(prev) : valueOrUpdater;
+			localStorage?.setItem(key, JSON.stringify(newValue));
+			return newValue;
+		});
+	}, [key, setState]);
+	const loadState = useCallback(() => {
+		const savedState = localStorage?.getItem(key);
+		if (savedState) setState(JSON.parse(savedState));
+	}, [key, setState]);
+	return useMemo(() => [
+		state,
+		setStateWrapper,
+		loadState
+	], [
+		state,
+		setStateWrapper,
+		loadState
+	]);
+};
+
+//#endregion
+export { usePersistedStore };
+//# sourceMappingURL=usePersistedStore.mjs.map

package/dist/esm/hooks/usePersistedStore.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePersistedStore.mjs","names":["result: S","setStateWrapper: typeof setState","newValue: S"],"sources":["../../../src/hooks/usePersistedStore.ts"],"sourcesContent":["'use client';\n\nimport {\n  type Dispatch,\n  type SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\n\nexport const usePersistedStore = <S>(\n  key: string,\n  initialState?: S | (() => S)\n): [S, Dispatch<SetStateAction<S>>, () => void] => {\n  const [state, setState] = useState<S>(() => {\n    // If you have an initial value on the client, send a message out immediately\n    if (initialState !== undefined) {\n      const result: S =\n        typeof initialState === 'function'\n          ? (initialState as () => S)()\n          : initialState;\n\n      if (typeof window === 'undefined') return result;\n\n      const persistedState = localStorage?.getItem(key);\n\n      if (persistedState) {\n        try {\n          return JSON.parse(persistedState);\n        } catch (e) {\n          console.error(e);\n        }\n      }\n\n      return result;\n    }\n\n    return undefined as S;\n  });\n\n  useEffect(() => {\n    const persistedState = localStorage?.getItem(key);\n\n    if (persistedState && state === undefined) {\n      try {\n        setState(JSON.parse(persistedState));\n      } catch (e) {\n        console.error(e);\n      }\n    } else if (initialState !== undefined && state === undefined) {\n      setState(initialState);\n    }\n  }, [key, state]);\n\n  /**\n   * Allows setting state either directly or via a functional update.\n   * If passed a function, we merge/update based on the previous state.\n   */\n  const setStateWrapper: typeof setState = useCallback(\n    (valueOrUpdater: SetStateAction<S>) => {\n      setState((prev) => {\n        const newValue: S =\n          typeof valueOrUpdater === 'function'\n            ? (valueOrUpdater as (prevVal: S) => S)(prev)\n            : valueOrUpdater;\n\n        localStorage?.setItem(key, JSON.stringify(newValue));\n\n        return newValue;\n      });\n    },\n    [key, setState]\n  );\n\n  const loadState = useCallback(() => {\n    const savedState = localStorage?.getItem(key);\n    if (savedState) {\n      setState(JSON.parse(savedState));\n    }\n  }, [key, setState]);\n\n  return useMemo(\n    () => [state, setStateWrapper, loadState],\n    [state, setStateWrapper, loadState]\n  );\n};\n"],"mappings":";;;;;;AAWA,MAAa,qBACX,KACA,iBACiD;CACjD,MAAM,CAAC,OAAO,YAAY,eAAkB;AAE1C,MAAI,iBAAiB,QAAW;GAC9B,MAAMA,SACJ,OAAO,iBAAiB,aACnB,cAA0B,GAC3B;AAEN,OAAI,OAAO,WAAW,YAAa,QAAO;GAE1C,MAAM,iBAAiB,cAAc,QAAQ,IAAI;AAEjD,OAAI,eACF,KAAI;AACF,WAAO,KAAK,MAAM,eAAe;YAC1B,GAAG;AACV,YAAQ,MAAM,EAAE;;AAIpB,UAAO;;GAIT;AAEF,iBAAgB;EACd,MAAM,iBAAiB,cAAc,QAAQ,IAAI;AAEjD,MAAI,kBAAkB,UAAU,OAC9B,KAAI;AACF,YAAS,KAAK,MAAM,eAAe,CAAC;WAC7B,GAAG;AACV,WAAQ,MAAM,EAAE;;WAET,iBAAiB,UAAa,UAAU,OACjD,UAAS,aAAa;IAEvB,CAAC,KAAK,MAAM,CAAC;;;;;CAMhB,MAAMC,kBAAmC,aACtC,mBAAsC;AACrC,YAAU,SAAS;GACjB,MAAMC,WACJ,OAAO,mBAAmB,aACrB,eAAqC,KAAK,GAC3C;AAEN,iBAAc,QAAQ,KAAK,KAAK,UAAU,SAAS,CAAC;AAEpD,UAAO;IACP;IAEJ,CAAC,KAAK,SAAS,CAChB;CAED,MAAM,YAAY,kBAAkB;EAClC,MAAM,aAAa,cAAc,QAAQ,IAAI;AAC7C,MAAI,WACF,UAAS,KAAK,MAAM,WAAW,CAAC;IAEjC,CAAC,KAAK,SAAS,CAAC;AAEnB,QAAO,cACC;EAAC;EAAO;EAAiB;EAAU,EACzC;EAAC;EAAO;EAAiB;EAAU,CACpC"}

package/dist/esm/hooks/useScreenWidth.mjs

@@ -0,0 +1,22 @@
+'use client';
+
+
+import { useEffect, useState } from "react";
+
+//#region src/hooks/useScreenWidth.ts
+const useScreenWidth = () => {
+	const [screenWidth, setScreenWith] = useState(0);
+	useEffect(() => {
+		const handleResize = () => {
+			setScreenWith(window.innerWidth);
+		};
+		handleResize();
+		window.addEventListener("resize", handleResize, { passive: true });
+		return () => window.removeEventListener("resize", handleResize);
+	}, []);
+	return { screenWidth };
+};
+
+//#endregion
+export { useScreenWidth };
+//# sourceMappingURL=useScreenWidth.mjs.map

package/dist/esm/hooks/useScreenWidth.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScreenWidth.mjs","names":[],"sources":["../../../src/hooks/useScreenWidth.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\n\nexport const useScreenWidth = () => {\n  const [screenWidth, setScreenWith] = useState<number>(0);\n\n  useEffect(() => {\n    const handleResize = () => {\n      setScreenWith(window.innerWidth);\n    };\n\n    handleResize();\n\n    window.addEventListener('resize', handleResize, { passive: true });\n\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return { screenWidth };\n};\n"],"mappings":";;;;;;AAIA,MAAa,uBAAuB;CAClC,MAAM,CAAC,aAAa,iBAAiB,SAAiB,EAAE;AAExD,iBAAgB;EACd,MAAM,qBAAqB;AACzB,iBAAc,OAAO,WAAW;;AAGlC,gBAAc;AAEd,SAAO,iBAAiB,UAAU,cAAc,EAAE,SAAS,MAAM,CAAC;AAElE,eAAa,OAAO,oBAAoB,UAAU,aAAa;IAC9D,EAAE,CAAC;AAEN,QAAO,EAAE,aAAa"}

package/dist/esm/hooks/useScrollBlockage/index.mjs

@@ -0,0 +1,34 @@
+'use client';
+
+
+import { useGetElementOrWindow } from "../useGetElementOrWindow.mjs";
+import { useScrollBlockageStore } from "./useScrollBlockageStore.mjs";
+import { useEffect } from "react";
+import { useShallow } from "zustand/react/shallow";
+
+//#region src/hooks/useScrollBlockage/index.tsx
+const useScrollBlockage = (props) => {
+	const { disableScroll = false, element, key = "unnamed_blocker" } = props ?? {};
+	const { isElementScrollBlocked, addBlockage, removeBlockage } = useScrollBlockageStore(useShallow((s) => ({
+		isElementScrollBlocked: s.isElementScrollBlocked,
+		addBlockage: s.addBlockage,
+		removeBlockage: s.removeBlockage
+	})));
+	const containerElement = useGetElementOrWindow(element);
+	useEffect(() => {
+		const el = element ?? window.document.body;
+		if (disableScroll) addBlockage(key, el);
+		else removeBlockage(key, el);
+	}, [
+		addBlockage,
+		disableScroll,
+		element,
+		key,
+		removeBlockage
+	]);
+	return { isScrollBlocked: containerElement ? isElementScrollBlocked(containerElement) : false };
+};
+
+//#endregion
+export { useScrollBlockage };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/hooks/useScrollBlockage/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/hooks/useScrollBlockage/index.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { useShallow } from 'zustand/react/shallow';\nimport { useGetElementOrWindow } from '../useGetElementOrWindow';\n\nimport { useScrollBlockageStore } from './useScrollBlockageStore';\n\ntype useScrollBlockagePropsReadOnly = {\n  disableScroll: undefined;\n  key: undefined;\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\ntype useScrollBlockageProps = {\n  disableScroll: boolean;\n  key: string; // The key to identify the blockage to avoid conflicts. Required if disableScroll is defined\n  element?: HTMLElement; // The element to block the scroll. If not defined, the window will be used\n};\n\nexport const useScrollBlockage = (\n  props?: useScrollBlockageProps | useScrollBlockagePropsReadOnly\n) => {\n  const {\n    disableScroll = false,\n    element,\n    key = 'unnamed_blocker',\n  } = props ?? {};\n\n  const { isElementScrollBlocked, addBlockage, removeBlockage } =\n    useScrollBlockageStore(\n      useShallow((s) => ({\n        isElementScrollBlocked: s.isElementScrollBlocked,\n        addBlockage: s.addBlockage,\n        removeBlockage: s.removeBlockage,\n      }))\n    );\n\n  const containerElement = useGetElementOrWindow(element);\n\n  useEffect(() => {\n    const el = element ?? window.document.body;\n\n    if (disableScroll) {\n      addBlockage(key, el);\n    } else {\n      removeBlockage(key, el);\n    }\n  }, [addBlockage, disableScroll, element, key, removeBlockage]);\n\n  const isScrollBlocked = containerElement\n    ? isElementScrollBlocked(containerElement)\n    : false;\n\n  return { isScrollBlocked };\n};\n"],"mappings":";;;;;;;;;AAoBA,MAAa,qBACX,UACG;CACH,MAAM,EACJ,gBAAgB,OAChB,SACA,MAAM,sBACJ,SAAS,EAAE;CAEf,MAAM,EAAE,wBAAwB,aAAa,mBAC3C,uBACE,YAAY,OAAO;EACjB,wBAAwB,EAAE;EAC1B,aAAa,EAAE;EACf,gBAAgB,EAAE;EACnB,EAAE,CACJ;CAEH,MAAM,mBAAmB,sBAAsB,QAAQ;AAEvD,iBAAgB;EACd,MAAM,KAAK,WAAW,OAAO,SAAS;AAEtC,MAAI,cACF,aAAY,KAAK,GAAG;MAEpB,gBAAe,KAAK,GAAG;IAExB;EAAC;EAAa;EAAe;EAAS;EAAK;EAAe,CAAC;AAM9D,QAAO,EAAE,iBAJe,mBACpB,uBAAuB,iBAAiB,GACxC,OAEsB"}

package/dist/esm/hooks/useScrollBlockage/useScrollBlockageStore.mjs

@@ -0,0 +1,41 @@
+import { create } from "zustand";
+
+//#region src/hooks/useScrollBlockage/useScrollBlockageStore.ts
+const useScrollBlockageStore = create((set, get) => ({
+	scrollBlockers: [],
+	addBlockage: (blockerName, element) => set((state) => {
+		const scrollBlockers = state.scrollBlockers;
+		const blockersElement = scrollBlockers.find((blocker) => blocker.element === element);
+		if (blockersElement) {
+			const newBlockers = blockersElement.blockers.includes(blockerName) ? blockersElement.blockers : [...blockersElement.blockers, blockerName];
+			return { scrollBlockers: scrollBlockers.map((blocker) => blocker.element === element ? {
+				...blocker,
+				blockers: newBlockers
+			} : blocker) };
+		}
+		element.style.overflowY = "hidden";
+		element.style.overflowX = "hidden";
+		return { scrollBlockers: [...scrollBlockers, {
+			element,
+			blockers: [blockerName]
+		}] };
+	}),
+	removeBlockage: (blockerName, element) => set((state) => {
+		const scrollBlockers = state.scrollBlockers;
+		const blocker = scrollBlockers.find((blocker$1) => blocker$1.element === element);
+		if (blocker) {
+			if (blocker.blockers.length > 1) return { scrollBlockers: scrollBlockers.map((blocker$1) => blocker$1.element === element ? {
+				...blocker$1,
+				blockers: blocker$1.blockers.filter((b) => b !== blockerName)
+			} : blocker$1) };
+			element.style.overflowY = "auto";
+			return { scrollBlockers: scrollBlockers.filter((blocker$1) => blocker$1.element !== element) };
+		}
+		return { scrollBlockers };
+	}),
+	isElementScrollBlocked: (element) => get().scrollBlockers.some((blocker) => blocker.element === element)
+}));
+
+//#endregion
+export { useScrollBlockageStore };
+//# sourceMappingURL=useScrollBlockageStore.mjs.map

package/dist/esm/hooks/useScrollBlockage/useScrollBlockageStore.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollBlockageStore.mjs","names":["blocker"],"sources":["../../../../src/hooks/useScrollBlockage/useScrollBlockageStore.ts"],"sourcesContent":["import { create } from 'zustand';\n\ntype Blocker = {\n  element: Element;\n  blockers: string[];\n};\n\ntype ScrollBlockageStore = {\n  scrollBlockers: Blocker[];\n  addBlockage: (blockerName: string, element: HTMLElement) => void;\n  removeBlockage: (blockerName: string, element: HTMLElement) => void;\n  isElementScrollBlocked: (element: HTMLElement) => boolean;\n};\n\nexport const useScrollBlockageStore = create<ScrollBlockageStore>(\n  (set, get) => ({\n    scrollBlockers: [],\n\n    addBlockage: (blockerName: string, element: HTMLElement) =>\n      set((state) => {\n        const scrollBlockers = state.scrollBlockers;\n        const blockersElement = scrollBlockers.find(\n          (blocker) => blocker.element === element\n        );\n\n        if (blockersElement) {\n          const isBlockerNameExist =\n            blockersElement.blockers.includes(blockerName);\n\n          const newBlockers = isBlockerNameExist\n            ? blockersElement.blockers\n            : [...blockersElement.blockers, blockerName];\n\n          return {\n            scrollBlockers: scrollBlockers.map((blocker) =>\n              blocker.element === element\n                ? { ...blocker, blockers: newBlockers }\n                : blocker\n            ),\n          };\n        }\n\n        element.style.overflowY = 'hidden';\n        element.style.overflowX = 'hidden';\n        return {\n          scrollBlockers: [\n            ...scrollBlockers,\n            { element, blockers: [blockerName] },\n          ],\n        };\n      }),\n\n    removeBlockage: (blockerName: string, element: HTMLElement) =>\n      set((state) => {\n        const scrollBlockers = state.scrollBlockers;\n        const blocker = scrollBlockers.find(\n          (blocker) => blocker.element === element\n        );\n\n        if (blocker) {\n          // if there are more than one blocker, remove the blockerName from the list\n          if (blocker.blockers.length > 1) {\n            return {\n              scrollBlockers: scrollBlockers.map((blocker) =>\n                blocker.element === element\n                  ? {\n                      ...blocker,\n                      blockers: blocker.blockers.filter(\n                        (b) => b !== blockerName\n                      ),\n                    }\n                  : blocker\n              ),\n            };\n          }\n\n          // if there is only one blocker, remove the full blocker element\n          element.style.overflowY = 'auto';\n          return {\n            scrollBlockers: scrollBlockers.filter(\n              (blocker) => blocker.element !== element\n            ),\n          };\n        }\n\n        return {\n          scrollBlockers,\n        };\n      }),\n\n    isElementScrollBlocked: (element: HTMLElement) =>\n      get().scrollBlockers.some((blocker) => blocker.element === element),\n  })\n);\n"],"mappings":";;;AAcA,MAAa,yBAAyB,QACnC,KAAK,SAAS;CACb,gBAAgB,EAAE;CAElB,cAAc,aAAqB,YACjC,KAAK,UAAU;EACb,MAAM,iBAAiB,MAAM;EAC7B,MAAM,kBAAkB,eAAe,MACpC,YAAY,QAAQ,YAAY,QAClC;AAED,MAAI,iBAAiB;GAInB,MAAM,cAFJ,gBAAgB,SAAS,SAAS,YAAY,GAG5C,gBAAgB,WAChB,CAAC,GAAG,gBAAgB,UAAU,YAAY;AAE9C,UAAO,EACL,gBAAgB,eAAe,KAAK,YAClC,QAAQ,YAAY,UAChB;IAAE,GAAG;IAAS,UAAU;IAAa,GACrC,QACL,EACF;;AAGH,UAAQ,MAAM,YAAY;AAC1B,UAAQ,MAAM,YAAY;AAC1B,SAAO,EACL,gBAAgB,CACd,GAAG,gBACH;GAAE;GAAS,UAAU,CAAC,YAAY;GAAE,CACrC,EACF;GACD;CAEJ,iBAAiB,aAAqB,YACpC,KAAK,UAAU;EACb,MAAM,iBAAiB,MAAM;EAC7B,MAAM,UAAU,eAAe,MAC5B,cAAYA,UAAQ,YAAY,QAClC;AAED,MAAI,SAAS;AAEX,OAAI,QAAQ,SAAS,SAAS,EAC5B,QAAO,EACL,gBAAgB,eAAe,KAAK,cAClCA,UAAQ,YAAY,UAChB;IACE,GAAGA;IACH,UAAUA,UAAQ,SAAS,QACxB,MAAM,MAAM,YACd;IACF,GACDA,UACL,EACF;AAIH,WAAQ,MAAM,YAAY;AAC1B,UAAO,EACL,gBAAgB,eAAe,QAC5B,cAAYA,UAAQ,YAAY,QAClC,EACF;;AAGH,SAAO,EACL,gBACD;GACD;CAEJ,yBAAyB,YACvB,KAAK,CAAC,eAAe,MAAM,YAAY,QAAQ,YAAY,QAAQ;CACtE,EACF"}

package/dist/esm/hooks/useScrollDetection.mjs

@@ -0,0 +1,63 @@
+'use client';
+
+
+import { useGetElementOrWindow } from "./useGetElementOrWindow.mjs";
+import { useScrollBlockage } from "./useScrollBlockage/index.mjs";
+import { useCallback, useEffect, useState } from "react";
+
+//#region src/hooks/useScrollDetection.ts
+const useScrollDetection = (props) => {
+	const { isEnabled = true, delta = 5, deltaFromTop = 0, onScrollDown, onScrollUp, element } = props ?? {};
+	const [isScrolled, setIsScrolled] = useState(false);
+	const [isScrollable, setIsScrollable] = useState(false);
+	const { isScrollBlocked } = useScrollBlockage();
+	const containerElement = useGetElementOrWindow(element);
+	const onMobileMove = useCallback((event) => {
+		const startY = event.touches?.[0]?.clientY ?? 0;
+		const onMove = (event$1) => {
+			if (isEnabled) {
+				setIsScrolled(startY - (event$1.touches?.[0]?.clientY ?? 0) > 0);
+				containerElement?.removeEventListener("touchmove", onMove);
+			}
+		};
+		containerElement?.addEventListener("touchmove", onMove);
+	}, [isEnabled, containerElement]);
+	const onScroll = useCallback((e) => {
+		const isScrolledDown = e.deltaY > 0;
+		if (isEnabled && !isScrollBlocked && isScrollable) {
+			if (Math.abs(e.deltaY) > Math.abs(delta)) if (isScrolledDown) onScrollDown?.(e);
+			else onScrollUp?.(e);
+			setIsScrolled(window.scrollY > deltaFromTop);
+		}
+	}, [
+		isEnabled,
+		isScrollBlocked,
+		isScrollable
+	]);
+	useEffect(() => {
+		if (isEnabled) {
+			containerElement?.addEventListener("wheel", onScroll, { passive: true });
+			containerElement?.addEventListener("touchstart", onMobileMove, { passive: true });
+		} else setIsScrolled(false);
+		return () => {
+			containerElement?.removeEventListener("wheel", onScroll);
+			containerElement?.removeEventListener("touchstart", onMobileMove);
+		};
+	}, [
+		isEnabled,
+		onScroll,
+		onMobileMove,
+		containerElement
+	]);
+	useEffect(() => {
+		setIsScrollable(window.innerHeight < window.document.body.scrollHeight);
+	}, []);
+	return {
+		isScrolled,
+		isScrollable
+	};
+};
+
+//#endregion
+export { useScrollDetection };
+//# sourceMappingURL=useScrollDetection.mjs.map

package/dist/esm/hooks/useScrollDetection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollDetection.mjs","names":["event"],"sources":["../../../src/hooks/useScrollDetection.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useState } from 'react';\n\nimport { useGetElementOrWindow } from './useGetElementOrWindow';\nimport { useScrollBlockage } from './useScrollBlockage';\n\ntype useScrollDetectionProps = {\n  isEnabled?: boolean;\n  delta?: number; // how much user has to scroll to trigger the event\n  deltaFromTop?: number; // how much user has to scroll from top to detect if the user has been scrolled\n  onScrollDown?: (e: WheelEvent) => void;\n  onScrollUp?: (e: WheelEvent) => void;\n  element?: HTMLElement; // The element to detect the scroll on. If not defined, the window.document.body will be used\n};\n\nexport const useScrollDetection = (props?: useScrollDetectionProps) => {\n  const {\n    isEnabled = true,\n    delta = 5,\n    deltaFromTop = 0,\n    onScrollDown,\n    onScrollUp,\n    element,\n  } = props ?? {};\n\n  const [isScrolled, setIsScrolled] = useState<boolean>(false);\n  const [isScrollable, setIsScrollable] = useState<boolean>(false);\n\n  const { isScrollBlocked } = useScrollBlockage();\n  const containerElement = useGetElementOrWindow(element);\n\n  const onMobileMove = useCallback(\n    (event: globalThis.TouchEvent) => {\n      const startY = event.touches?.[0]?.clientY ?? 0;\n\n      const onMove = (event: globalThis.TouchEvent) => {\n        if (isEnabled) {\n          const currentY = event.touches?.[0]?.clientY ?? 0;\n          const deltaY = startY - currentY;\n\n          setIsScrolled(deltaY > 0);\n\n          containerElement?.removeEventListener('touchmove', onMove);\n        }\n      };\n\n      containerElement?.addEventListener('touchmove', onMove);\n    },\n    [isEnabled, containerElement]\n  );\n\n  const onScroll = useCallback(\n    (e: WheelEvent) => {\n      const isScrolledDown = e.deltaY > 0;\n\n      if (isEnabled && !isScrollBlocked && isScrollable) {\n        const isDeTected = Math.abs(e.deltaY) > Math.abs(delta);\n\n        if (isDeTected) {\n          if (isScrolledDown) {\n            onScrollDown?.(e);\n          } else {\n            onScrollUp?.(e);\n          }\n        }\n\n        setIsScrolled(window.scrollY > deltaFromTop);\n      }\n    },\n    [isEnabled, isScrollBlocked, isScrollable]\n  );\n\n  useEffect(() => {\n    if (isEnabled) {\n      containerElement?.addEventListener('wheel', onScroll, { passive: true });\n      containerElement?.addEventListener('touchstart', onMobileMove, {\n        passive: true,\n      });\n    } else {\n      setIsScrolled(false);\n    }\n\n    return () => {\n      containerElement?.removeEventListener('wheel', onScroll);\n      containerElement?.removeEventListener('touchstart', onMobileMove);\n    };\n  }, [isEnabled, onScroll, onMobileMove, containerElement]);\n\n  useEffect(() => {\n    const isScrollable = window.innerHeight < window.document.body.scrollHeight;\n\n    setIsScrollable(isScrollable);\n  }, []);\n\n  return { isScrolled, isScrollable };\n};\n"],"mappings":";;;;;;;;AAgBA,MAAa,sBAAsB,UAAoC;CACrE,MAAM,EACJ,YAAY,MACZ,QAAQ,GACR,eAAe,GACf,cACA,YACA,YACE,SAAS,EAAE;CAEf,MAAM,CAAC,YAAY,iBAAiB,SAAkB,MAAM;CAC5D,MAAM,CAAC,cAAc,mBAAmB,SAAkB,MAAM;CAEhE,MAAM,EAAE,oBAAoB,mBAAmB;CAC/C,MAAM,mBAAmB,sBAAsB,QAAQ;CAEvD,MAAM,eAAe,aAClB,UAAiC;EAChC,MAAM,SAAS,MAAM,UAAU,IAAI,WAAW;EAE9C,MAAM,UAAU,YAAiC;AAC/C,OAAI,WAAW;AAIb,kBAFe,UADEA,QAAM,UAAU,IAAI,WAAW,KAGzB,EAAE;AAEzB,sBAAkB,oBAAoB,aAAa,OAAO;;;AAI9D,oBAAkB,iBAAiB,aAAa,OAAO;IAEzD,CAAC,WAAW,iBAAiB,CAC9B;CAED,MAAM,WAAW,aACd,MAAkB;EACjB,MAAM,iBAAiB,EAAE,SAAS;AAElC,MAAI,aAAa,CAAC,mBAAmB,cAAc;AAGjD,OAFmB,KAAK,IAAI,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAGrD,KAAI,eACF,gBAAe,EAAE;OAEjB,cAAa,EAAE;AAInB,iBAAc,OAAO,UAAU,aAAa;;IAGhD;EAAC;EAAW;EAAiB;EAAa,CAC3C;AAED,iBAAgB;AACd,MAAI,WAAW;AACb,qBAAkB,iBAAiB,SAAS,UAAU,EAAE,SAAS,MAAM,CAAC;AACxE,qBAAkB,iBAAiB,cAAc,cAAc,EAC7D,SAAS,MACV,CAAC;QAEF,eAAc,MAAM;AAGtB,eAAa;AACX,qBAAkB,oBAAoB,SAAS,SAAS;AACxD,qBAAkB,oBAAoB,cAAc,aAAa;;IAElE;EAAC;EAAW;EAAU;EAAc;EAAiB,CAAC;AAEzD,iBAAgB;AAGd,kBAFqB,OAAO,cAAc,OAAO,SAAS,KAAK,aAElC;IAC5B,EAAE,CAAC;AAEN,QAAO;EAAE;EAAY;EAAc"}

package/dist/esm/hooks/useScrollY.mjs

@@ -0,0 +1,36 @@
+'use client';
+
+
+import { useCallback, useSyncExternalStore } from "react";
+
+//#region src/hooks/useScrollY.ts
+const useScrollY = () => {
+	const subscribe = useCallback((onChange) => {
+		if (typeof window === "undefined") return () => {};
+		let raf = 0;
+		const handler = () => {
+			if (raf) return;
+			raf = window.requestAnimationFrame(() => {
+				raf = 0;
+				onChange();
+			});
+		};
+		window.addEventListener("scroll", handler, { passive: true });
+		return () => {
+			window.removeEventListener("scroll", handler);
+			if (raf) window.cancelAnimationFrame(raf);
+		};
+	}, []);
+	const getSnapshot = () => {
+		if (typeof window === "undefined") return 0;
+		const doc = document.documentElement;
+		const body = document.body;
+		return window.scrollY ?? window.pageYOffset ?? doc?.scrollTop ?? body?.scrollTop ?? 0;
+	};
+	const getServerSnapshot = () => 0;
+	return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+};
+
+//#endregion
+export { useScrollY };
+//# sourceMappingURL=useScrollY.mjs.map

package/dist/esm/hooks/useScrollY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollY.mjs","names":[],"sources":["../../../src/hooks/useScrollY.ts"],"sourcesContent":["'use client';\n\nimport { useCallback, useSyncExternalStore } from 'react';\n\nexport const useScrollY = (): number => {\n  const subscribe = useCallback((onChange: () => void) => {\n    if (typeof window === 'undefined') return () => {};\n    let raf = 0;\n\n    const handler = () => {\n      if (raf) return;\n      raf = window.requestAnimationFrame(() => {\n        raf = 0;\n        onChange();\n      });\n    };\n\n    window.addEventListener('scroll', handler, { passive: true });\n\n    return () => {\n      window.removeEventListener('scroll', handler);\n      if (raf) window.cancelAnimationFrame(raf);\n    };\n  }, []);\n\n  const getSnapshot = () => {\n    if (typeof window === 'undefined') return 0; // SSR/hydration-safe\n    const doc = document.documentElement;\n    const body = document.body;\n    return (\n      window.scrollY ??\n      window.pageYOffset ??\n      doc?.scrollTop ??\n      body?.scrollTop ??\n      0\n    );\n  };\n\n  const getServerSnapshot = () => 0;\n\n  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n};\n"],"mappings":";;;;;;AAIA,MAAa,mBAA2B;CACtC,MAAM,YAAY,aAAa,aAAyB;AACtD,MAAI,OAAO,WAAW,YAAa,cAAa;EAChD,IAAI,MAAM;EAEV,MAAM,gBAAgB;AACpB,OAAI,IAAK;AACT,SAAM,OAAO,4BAA4B;AACvC,UAAM;AACN,cAAU;KACV;;AAGJ,SAAO,iBAAiB,UAAU,SAAS,EAAE,SAAS,MAAM,CAAC;AAE7D,eAAa;AACX,UAAO,oBAAoB,UAAU,QAAQ;AAC7C,OAAI,IAAK,QAAO,qBAAqB,IAAI;;IAE1C,EAAE,CAAC;CAEN,MAAM,oBAAoB;AACxB,MAAI,OAAO,WAAW,YAAa,QAAO;EAC1C,MAAM,MAAM,SAAS;EACrB,MAAM,OAAO,SAAS;AACtB,SACE,OAAO,WACP,OAAO,eACP,KAAK,aACL,MAAM,aACN;;CAIJ,MAAM,0BAA0B;AAEhC,QAAO,qBAAqB,WAAW,aAAa,kBAAkB"}

package/dist/esm/hooks/useSearch.mjs

@@ -0,0 +1,52 @@
+'use client';
+
+
+import { useEffect, useRef, useState } from "react";
+
+//#region src/hooks/useSearch.ts
+const useSearch = (options) => {
+	const { minChars = 3, debounceMs = 300, trim = true, defaultValue, onSearch, onClear } = options ?? {};
+	const searchRef = useRef("");
+	const timerRef = useRef(null);
+	const [search, setDebouncedSearch] = useState(defaultValue ?? "");
+	const clearTimer = () => {
+		if (timerRef.current) {
+			clearTimeout(timerRef.current);
+			timerRef.current = null;
+		}
+	};
+	const setSearch = (value) => {
+		searchRef.current = value;
+		const normalized = trim ? value.trim() : value;
+		clearTimer();
+		if (normalized.length < minChars) {
+			setDebouncedSearch("");
+			onClear?.();
+			return;
+		}
+		timerRef.current = setTimeout(() => {
+			const current = trim ? searchRef.current.trim() : searchRef.current;
+			if (current.length >= minChars) {
+				setDebouncedSearch(current);
+				onSearch?.(current);
+			} else {
+				setDebouncedSearch("");
+				onClear?.();
+			}
+		}, debounceMs);
+	};
+	useEffect(() => {
+		return () => {
+			clearTimer();
+		};
+	}, []);
+	return {
+		setSearch,
+		search,
+		hasMinChars: search.length >= minChars
+	};
+};
+
+//#endregion
+export { useSearch };
+//# sourceMappingURL=useSearch.mjs.map

package/dist/esm/hooks/useSearch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSearch.mjs","names":[],"sources":["../../../src/hooks/useSearch.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useState } from 'react';\n\ntype UseSearchProps = {\n  minChars?: number;\n  debounceMs?: number;\n  trim?: boolean;\n  defaultValue?: string | null;\n  onSearch?: (value: string) => void;\n  onClear?: () => void;\n};\n\nexport const useSearch = (options?: UseSearchProps) => {\n  const {\n    minChars = 3,\n    debounceMs = 300,\n    trim = true,\n    defaultValue,\n    onSearch,\n    onClear,\n  } = options ?? {};\n  const searchRef = useRef('');\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [search, setDebouncedSearch] = useState<string>(defaultValue ?? '');\n\n  const clearTimer = () => {\n    if (timerRef.current) {\n      clearTimeout(timerRef.current);\n      timerRef.current = null;\n    }\n  };\n\n  const setSearch = (value: string) => {\n    searchRef.current = value;\n    const normalized = trim ? value.trim() : value;\n\n    clearTimer();\n\n    if (normalized.length < minChars) {\n      setDebouncedSearch('');\n      onClear?.();\n      return;\n    }\n\n    timerRef.current = setTimeout(() => {\n      const current = trim ? searchRef.current.trim() : searchRef.current;\n      if (current.length >= minChars) {\n        setDebouncedSearch(current);\n        onSearch?.(current);\n      } else {\n        setDebouncedSearch('');\n        onClear?.();\n      }\n    }, debounceMs);\n  };\n\n  useEffect(() => {\n    return () => {\n      clearTimer();\n    };\n  }, []);\n\n  const hasMinChars = search.length >= minChars;\n\n  return { setSearch, search, hasMinChars };\n};\n"],"mappings":";;;;;;AAaA,MAAa,aAAa,YAA6B;CACrD,MAAM,EACJ,WAAW,GACX,aAAa,KACb,OAAO,MACP,cACA,UACA,YACE,WAAW,EAAE;CACjB,MAAM,YAAY,OAAO,GAAG;CAC5B,MAAM,WAAW,OAA6C,KAAK;CACnE,MAAM,CAAC,QAAQ,sBAAsB,SAAiB,gBAAgB,GAAG;CAEzE,MAAM,mBAAmB;AACvB,MAAI,SAAS,SAAS;AACpB,gBAAa,SAAS,QAAQ;AAC9B,YAAS,UAAU;;;CAIvB,MAAM,aAAa,UAAkB;AACnC,YAAU,UAAU;EACpB,MAAM,aAAa,OAAO,MAAM,MAAM,GAAG;AAEzC,cAAY;AAEZ,MAAI,WAAW,SAAS,UAAU;AAChC,sBAAmB,GAAG;AACtB,cAAW;AACX;;AAGF,WAAS,UAAU,iBAAiB;GAClC,MAAM,UAAU,OAAO,UAAU,QAAQ,MAAM,GAAG,UAAU;AAC5D,OAAI,QAAQ,UAAU,UAAU;AAC9B,uBAAmB,QAAQ;AAC3B,eAAW,QAAQ;UACd;AACL,uBAAmB,GAAG;AACtB,eAAW;;KAEZ,WAAW;;AAGhB,iBAAgB;AACd,eAAa;AACX,eAAY;;IAEb,EAAE,CAAC;AAIN,QAAO;EAAE;EAAW;EAAQ,aAFR,OAAO,UAAU;EAEI"}

package/dist/esm/hooks/useUser/index.mjs

@@ -0,0 +1,30 @@
+'use client';
+
+
+import { useAuth } from "../useAuth/useAuth.mjs";
+import { useLogout } from "../reactQuery.mjs";
+
+//#region src/hooks/useUser/index.ts
+const useUser = () => {
+	const { session, revalidateSession, setSession } = useAuth();
+	const { mutate: logout } = useLogout();
+	const status = session?.user ? "authenticated" : "unauthenticated";
+	const isAuthenticated = status === "authenticated";
+	const isUnauthenticated = status === "unauthenticated";
+	const user = session?.user;
+	const logoutHandle = async () => {
+		setSession(null);
+		logout();
+	};
+	return {
+		isAuthenticated,
+		isUnauthenticated,
+		user,
+		revalidateSession,
+		logout: logoutHandle
+	};
+};
+
+//#endregion
+export { useUser };
+//# sourceMappingURL=index.mjs.map

package/dist/esm/hooks/useUser/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/hooks/useUser/index.ts"],"sourcesContent":["'use client';\n\nimport { useLogout } from '../reactQuery';\nimport { useAuth } from '../useAuth';\n\nexport const useUser = () => {\n  const { session, revalidateSession, setSession } = useAuth();\n  const { mutate: logout } = useLogout();\n\n  const status = session?.user ? 'authenticated' : 'unauthenticated';\n\n  const isAuthenticated = status === 'authenticated';\n  const isUnauthenticated = status === 'unauthenticated';\n\n  const user = session?.user;\n\n  const logoutHandle = async () => {\n    setSession(null);\n    logout();\n  };\n\n  return {\n    isAuthenticated,\n    isUnauthenticated,\n    user,\n    revalidateSession,\n    logout: logoutHandle,\n  };\n};\n"],"mappings":";;;;;;;AAKA,MAAa,gBAAgB;CAC3B,MAAM,EAAE,SAAS,mBAAmB,eAAe,SAAS;CAC5D,MAAM,EAAE,QAAQ,WAAW,WAAW;CAEtC,MAAM,SAAS,SAAS,OAAO,kBAAkB;CAEjD,MAAM,kBAAkB,WAAW;CACnC,MAAM,oBAAoB,WAAW;CAErC,MAAM,OAAO,SAAS;CAEtB,MAAM,eAAe,YAAY;AAC/B,aAAW,KAAK;AAChB,UAAQ;;AAGV,QAAO;EACL;EACA;EACA;EACA;EACA,QAAQ;EACT"}

package/dist/esm/libs/auth.mjs

@@ -0,0 +1,117 @@
+import configuration from "@intlayer/config/built";
+import { createAuthClient } from "better-auth/client";
+
+//#region src/libs/auth.ts
+const getAuthAPI = (intlayerConfig) => {
+	const backendURL = intlayerConfig?.editor?.backendURL ?? configuration?.editor?.backendURL;
+	if (!backendURL) throw new Error("Backend URL is not defined in the Intlayer configuration.");
+	const getAuthClient = () => {
+		return createAuthClient({
+			baseURL: backendURL,
+			withCredentials: true
+		});
+	};
+	const signInEmail = async (...args) => {
+		return getAuthClient().signIn.email(...args);
+	};
+	const signInSocial = async (...args) => {
+		return getAuthClient().signIn.social(...args);
+	};
+	const signUpEmail = async (...args) => {
+		return getAuthClient().signUp.email(...args);
+	};
+	const signOut = async (...args) => {
+		return getAuthClient().signOut(...args);
+	};
+	const changePasswordSession = async (...args) => {
+		return getAuthClient().changePassword(...args);
+	};
+	const requestPasswordResetSession = async (...args) => {
+		return getAuthClient().requestPasswordReset(...args);
+	};
+	const resetPassword = async (...args) => {
+		return getAuthClient().resetPassword(...args);
+	};
+	const verifyEmailSession = async (...args) => {
+		return getAuthClient().verifyEmail(...args);
+	};
+	const getSession = async (...args) => {
+		return getAuthClient().getSession(...args);
+	};
+	const forgetPassword = async (...args) => {
+		return getAuthClient().forgetPassword(...args);
+	};
+	const sendVerificationEmail = async (...args) => {
+		return getAuthClient().sendVerificationEmail(...args);
+	};
+	const changeEmail = async (...args) => {
+		return getAuthClient().changeEmail(...args);
+	};
+	const deleteUser = async (...args) => {
+		return getAuthClient().deleteUser(...args);
+	};
+	const revokeSession = async (...args) => {
+		return getAuthClient().revokeSession(...args);
+	};
+	const revokeSessions = async (...args) => {
+		return getAuthClient().revokeSessions(...args);
+	};
+	const revokeOtherSessions = async (...args) => {
+		return getAuthClient().revokeOtherSessions(...args);
+	};
+	const linkSocial = async (...args) => {
+		return getAuthClient().linkSocial(...args);
+	};
+	const listAccounts = async (...args) => {
+		return getAuthClient().listAccounts(...args);
+	};
+	const unlinkAccount = async (...args) => {
+		return getAuthClient().unlinkAccount(...args);
+	};
+	const refreshToken = async (...args) => {
+		return getAuthClient().refreshToken(...args);
+	};
+	const getAccessToken = async (...args) => {
+		return getAuthClient().getAccessToken(...args);
+	};
+	const accountInfo = async (...args) => {
+		return getAuthClient().accountInfo(...args);
+	};
+	const updateUser = async (...args) => {
+		return getAuthClient().updateUser(...args);
+	};
+	const listSessions = async (...args) => {
+		return getAuthClient().listSessions(...args);
+	};
+	return {
+		getAuthClient,
+		signInEmail,
+		signUpEmail,
+		signOut,
+		signInSocial,
+		linkSocial,
+		changePasswordSession,
+		requestPasswordResetSession,
+		resetPassword,
+		verifyEmailSession,
+		getSession,
+		forgetPassword,
+		sendVerificationEmail,
+		changeEmail,
+		deleteUser,
+		revokeSession,
+		revokeSessions,
+		revokeOtherSessions,
+		listAccounts,
+		unlinkAccount,
+		refreshToken,
+		getAccessToken,
+		accountInfo,
+		updateUser,
+		listSessions
+	};
+};
+
+//#endregion
+export { getAuthAPI };
+//# sourceMappingURL=auth.mjs.map

package/dist/esm/libs/auth.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.mjs","names":["signInEmail: AuthClient['signIn']['email']","signInSocial: AuthClient['signIn']['social']","signUpEmail: AuthClient['signUp']['email']","signOut: AuthClient['signOut']","changePasswordSession: AuthClient['changePassword']","requestPasswordResetSession: AuthClient['requestPasswordReset']","resetPassword: AuthClient['resetPassword']","verifyEmailSession: AuthClient['verifyEmail']","getSession: AuthClient['getSession']","forgetPassword: AuthClient['forgetPassword']","sendVerificationEmail: AuthClient['sendVerificationEmail']","changeEmail: AuthClient['changeEmail']","deleteUser: AuthClient['deleteUser']","revokeSession: AuthClient['revokeSession']","revokeSessions: AuthClient['revokeSessions']","revokeOtherSessions: AuthClient['revokeOtherSessions']","linkSocial: AuthClient['linkSocial']","listAccounts: AuthClient['listAccounts']","unlinkAccount: AuthClient['unlinkAccount']","refreshToken: AuthClient['refreshToken']","getAccessToken: AuthClient['getAccessToken']","accountInfo: AuthClient['accountInfo']","updateUser: AuthClient['updateUser']","listSessions: AuthClient['listSessions']"],"sources":["../../../src/libs/auth.ts"],"sourcesContent":["import configuration from '@intlayer/config/built';\nimport type { IntlayerConfig } from '@intlayer/types';\nimport { createAuthClient } from 'better-auth/client';\n\ntype AuthClient = ReturnType<typeof createAuthClient>;\n\nexport interface AuthAPI {\n  getAuthClient: () => AuthClient;\n  signInEmail: AuthClient['signIn']['email'];\n  signUpEmail: AuthClient['signUp']['email'];\n  signOut: AuthClient['signOut'];\n  signInSocial: AuthClient['signIn']['social'];\n  linkSocial: AuthClient['linkSocial'];\n  changePasswordSession: AuthClient['changePassword'];\n  requestPasswordResetSession: AuthClient['requestPasswordReset'];\n  resetPassword: AuthClient['resetPassword'];\n  verifyEmailSession: AuthClient['verifyEmail'];\n  getSession: AuthClient['getSession'];\n  forgetPassword: AuthClient['forgetPassword'];\n  sendVerificationEmail: AuthClient['sendVerificationEmail'];\n  changeEmail: AuthClient['changeEmail'];\n  deleteUser: AuthClient['deleteUser'];\n  revokeSession: AuthClient['revokeSession'];\n  revokeSessions: AuthClient['revokeSessions'];\n  revokeOtherSessions: AuthClient['revokeOtherSessions'];\n  listAccounts: AuthClient['listAccounts'];\n  unlinkAccount: AuthClient['unlinkAccount'];\n  refreshToken: AuthClient['refreshToken'];\n  getAccessToken: AuthClient['getAccessToken'];\n  accountInfo: AuthClient['accountInfo'];\n  updateUser: AuthClient['updateUser'];\n  listSessions: AuthClient['listSessions'];\n}\n\nexport const getAuthAPI = (intlayerConfig?: IntlayerConfig): AuthAPI => {\n  const backendURL =\n    intlayerConfig?.editor?.backendURL ?? configuration?.editor?.backendURL;\n\n  if (!backendURL) {\n    throw new Error(\n      'Backend URL is not defined in the Intlayer configuration.'\n    );\n  }\n\n  const getAuthClient = (): AuthClient => {\n    return createAuthClient({\n      baseURL: backendURL,\n      withCredentials: true, // makes fetch forward cookies\n    });\n  };\n\n  const signInEmail: AuthClient['signIn']['email'] = async (...args) => {\n    const client = getAuthClient();\n    return client.signIn.email(...args);\n  };\n\n  const signInSocial: AuthClient['signIn']['social'] = async (...args) => {\n    const client = getAuthClient();\n    return client.signIn.social(...args);\n  };\n\n  const signUpEmail: AuthClient['signUp']['email'] = async (...args) => {\n    const client = getAuthClient();\n    return client.signUp.email(...args);\n  };\n\n  const signOut: AuthClient['signOut'] = async (...args) => {\n    const client = getAuthClient();\n    return client.signOut(...args);\n  };\n\n  const changePasswordSession: AuthClient['changePassword'] = async (\n    ...args\n  ) => {\n    const client = getAuthClient();\n    return client.changePassword(...args);\n  };\n\n  const requestPasswordResetSession: AuthClient['requestPasswordReset'] =\n    async (...args) => {\n      const client = getAuthClient();\n      return client.requestPasswordReset(...args);\n    };\n\n  // @ts-ignore - resetPassword is not typed\n  const resetPassword: AuthClient['resetPassword'] = async (...args) => {\n    const client = getAuthClient();\n    return client.resetPassword(...args);\n  };\n\n  const verifyEmailSession: AuthClient['verifyEmail'] = async (...args) => {\n    const client = getAuthClient();\n    return client.verifyEmail(...args);\n  };\n\n  const getSession: AuthClient['getSession'] = async (...args) => {\n    const client = getAuthClient();\n    return client.getSession(...args);\n  };\n\n  const forgetPassword: AuthClient['forgetPassword'] = async (...args) => {\n    const client = getAuthClient();\n    return client.forgetPassword(...args);\n  };\n\n  const sendVerificationEmail: AuthClient['sendVerificationEmail'] = async (\n    ...args\n  ) => {\n    const client = getAuthClient();\n    return client.sendVerificationEmail(...args);\n  };\n\n  const changeEmail: AuthClient['changeEmail'] = async (...args) => {\n    const client = getAuthClient();\n    return client.changeEmail(...args);\n  };\n\n  // @ts-ignore - deleteUser is not typed\n  const deleteUser: AuthClient['deleteUser'] = async (...args) => {\n    const client = getAuthClient();\n    return client.deleteUser(...args);\n  };\n\n  const revokeSession: AuthClient['revokeSession'] = async (...args) => {\n    const client = getAuthClient();\n    return client.revokeSession(...args);\n  };\n\n  const revokeSessions: AuthClient['revokeSessions'] = async (...args) => {\n    const client = getAuthClient();\n    return client.revokeSessions(...args);\n  };\n\n  const revokeOtherSessions: AuthClient['revokeOtherSessions'] = async (\n    ...args\n  ) => {\n    const client = getAuthClient();\n    return client.revokeOtherSessions(...args);\n  };\n\n  const linkSocial: AuthClient['linkSocial'] = async (...args) => {\n    const client = getAuthClient();\n    return client.linkSocial(...args);\n  };\n\n  const listAccounts: AuthClient['listAccounts'] = async (...args) => {\n    const client = getAuthClient();\n    return client.listAccounts(...args);\n  };\n\n  const unlinkAccount: AuthClient['unlinkAccount'] = async (...args) => {\n    const client = getAuthClient();\n    return client.unlinkAccount(...args);\n  };\n\n  const refreshToken: AuthClient['refreshToken'] = async (...args) => {\n    const client = getAuthClient();\n    return client.refreshToken(...args);\n  };\n\n  const getAccessToken: AuthClient['getAccessToken'] = async (...args) => {\n    const client = getAuthClient();\n    return client.getAccessToken(...args);\n  };\n\n  const accountInfo: AuthClient['accountInfo'] = async (...args) => {\n    const client = getAuthClient();\n    return client.accountInfo(...args);\n  };\n\n  const updateUser: AuthClient['updateUser'] = async (...args) => {\n    const client = getAuthClient();\n    return client.updateUser(...args);\n  };\n\n  const listSessions: AuthClient['listSessions'] = async (...args) => {\n    const client = getAuthClient();\n    return client.listSessions(...args);\n  };\n\n  return {\n    getAuthClient,\n    signInEmail,\n    signUpEmail,\n    signOut,\n    signInSocial,\n    linkSocial,\n    changePasswordSession,\n    requestPasswordResetSession,\n    resetPassword,\n    verifyEmailSession,\n    getSession,\n    forgetPassword,\n    sendVerificationEmail,\n    changeEmail,\n    deleteUser,\n    revokeSession,\n    revokeSessions,\n    revokeOtherSessions,\n    listAccounts,\n    unlinkAccount,\n    refreshToken,\n    getAccessToken,\n    accountInfo,\n    updateUser,\n    listSessions,\n  };\n};\n"],"mappings":";;;;AAkCA,MAAa,cAAc,mBAA6C;CACtE,MAAM,aACJ,gBAAgB,QAAQ,cAAc,eAAe,QAAQ;AAE/D,KAAI,CAAC,WACH,OAAM,IAAI,MACR,4DACD;CAGH,MAAM,sBAAkC;AACtC,SAAO,iBAAiB;GACtB,SAAS;GACT,iBAAiB;GAClB,CAAC;;CAGJ,MAAMA,cAA6C,OAAO,GAAG,SAAS;AAEpE,SADe,eAAe,CAChB,OAAO,MAAM,GAAG,KAAK;;CAGrC,MAAMC,eAA+C,OAAO,GAAG,SAAS;AAEtE,SADe,eAAe,CAChB,OAAO,OAAO,GAAG,KAAK;;CAGtC,MAAMC,cAA6C,OAAO,GAAG,SAAS;AAEpE,SADe,eAAe,CAChB,OAAO,MAAM,GAAG,KAAK;;CAGrC,MAAMC,UAAiC,OAAO,GAAG,SAAS;AAExD,SADe,eAAe,CAChB,QAAQ,GAAG,KAAK;;CAGhC,MAAMC,wBAAsD,OAC1D,GAAG,SACA;AAEH,SADe,eAAe,CAChB,eAAe,GAAG,KAAK;;CAGvC,MAAMC,8BACJ,OAAO,GAAG,SAAS;AAEjB,SADe,eAAe,CAChB,qBAAqB,GAAG,KAAK;;CAI/C,MAAMC,gBAA6C,OAAO,GAAG,SAAS;AAEpE,SADe,eAAe,CAChB,cAAc,GAAG,KAAK;;CAGtC,MAAMC,qBAAgD,OAAO,GAAG,SAAS;AAEvE,SADe,eAAe,CAChB,YAAY,GAAG,KAAK;;CAGpC,MAAMC,aAAuC,OAAO,GAAG,SAAS;AAE9D,SADe,eAAe,CAChB,WAAW,GAAG,KAAK;;CAGnC,MAAMC,iBAA+C,OAAO,GAAG,SAAS;AAEtE,SADe,eAAe,CAChB,eAAe,GAAG,KAAK;;CAGvC,MAAMC,wBAA6D,OACjE,GAAG,SACA;AAEH,SADe,eAAe,CAChB,sBAAsB,GAAG,KAAK;;CAG9C,MAAMC,cAAyC,OAAO,GAAG,SAAS;AAEhE,SADe,eAAe,CAChB,YAAY,GAAG,KAAK;;CAIpC,MAAMC,aAAuC,OAAO,GAAG,SAAS;AAE9D,SADe,eAAe,CAChB,WAAW,GAAG,KAAK;;CAGnC,MAAMC,gBAA6C,OAAO,GAAG,SAAS;AAEpE,SADe,eAAe,CAChB,cAAc,GAAG,KAAK;;CAGtC,MAAMC,iBAA+C,OAAO,GAAG,SAAS;AAEtE,SADe,eAAe,CAChB,eAAe,GAAG,KAAK;;CAGvC,MAAMC,sBAAyD,OAC7D,GAAG,SACA;AAEH,SADe,eAAe,CAChB,oBAAoB,GAAG,KAAK;;CAG5C,MAAMC,aAAuC,OAAO,GAAG,SAAS;AAE9D,SADe,eAAe,CAChB,WAAW,GAAG,KAAK;;CAGnC,MAAMC,eAA2C,OAAO,GAAG,SAAS;AAElE,SADe,eAAe,CAChB,aAAa,GAAG,KAAK;;CAGrC,MAAMC,gBAA6C,OAAO,GAAG,SAAS;AAEpE,SADe,eAAe,CAChB,cAAc,GAAG,KAAK;;CAGtC,MAAMC,eAA2C,OAAO,GAAG,SAAS;AAElE,SADe,eAAe,CAChB,aAAa,GAAG,KAAK;;CAGrC,MAAMC,iBAA+C,OAAO,GAAG,SAAS;AAEtE,SADe,eAAe,CAChB,eAAe,GAAG,KAAK;;CAGvC,MAAMC,cAAyC,OAAO,GAAG,SAAS;AAEhE,SADe,eAAe,CAChB,YAAY,GAAG,KAAK;;CAGpC,MAAMC,aAAuC,OAAO,GAAG,SAAS;AAE9D,SADe,eAAe,CAChB,WAAW,GAAG,KAAK;;CAGnC,MAAMC,eAA2C,OAAO,GAAG,SAAS;AAElE,SADe,eAAe,CAChB,aAAa,GAAG,KAAK;;AAGrC,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/esm/libs/index.mjs

@@ -0,0 +1,3 @@
+import { getAuthAPI } from "./auth.mjs";
+
+export { getAuthAPI };