@autobe/ui 0.30.4-dev.20260324 → 0.30.4

package/src/context/AutoBeAgentSessionList.tsx

@@ -1,58 +1,58 @@
-import {
-  ReactNode,
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useState,
-} from "react";
-
-import {
-  IAutoBeAgentSession,
-  IAutoBeAgentSessionStorageStrategy,
-} from "../structure";
-
-interface AutoBeAgentSessionListContextType {
-  sessionList: IAutoBeAgentSession[];
-  refreshSessionList: () => Promise<void>;
-}
-
-const AutoBeAgentSessionListContext =
-  createContext<AutoBeAgentSessionListContextType | null>(null);
-
-export function AutoBeAgentSessionListProvider({
-  children,
-  storageStrategy,
-}: {
-  storageStrategy: IAutoBeAgentSessionStorageStrategy;
-  children: ReactNode;
-}) {
-  const [sessionList, setSessionList] = useState<IAutoBeAgentSession[]>([]);
-
-  const refreshSessionList = useCallback(async () => {
-    await storageStrategy.getSessionList().then(setSessionList);
-  }, [storageStrategy]);
-
-  useEffect(() => {
-    refreshSessionList();
-  }, [storageStrategy]);
-
-  return (
-    <AutoBeAgentSessionListContext.Provider
-      value={{
-        sessionList,
-        refreshSessionList,
-      }}
-    >
-      {children}
-    </AutoBeAgentSessionListContext.Provider>
-  );
-}
-
-export function useAutoBeAgentSessionList() {
-  const context = useContext(AutoBeAgentSessionListContext);
-  if (!context) {
-    throw new Error("useAutoBeAgent must be used within a AutoBeAgentProvider");
-  }
-  return context;
-}
+import {
+  ReactNode,
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useState,
+} from "react";
+
+import {
+  IAutoBeAgentSession,
+  IAutoBeAgentSessionStorageStrategy,
+} from "../structure";
+
+interface AutoBeAgentSessionListContextType {
+  sessionList: IAutoBeAgentSession[];
+  refreshSessionList: () => Promise<void>;
+}
+
+const AutoBeAgentSessionListContext =
+  createContext<AutoBeAgentSessionListContextType | null>(null);
+
+export function AutoBeAgentSessionListProvider({
+  children,
+  storageStrategy,
+}: {
+  storageStrategy: IAutoBeAgentSessionStorageStrategy;
+  children: ReactNode;
+}) {
+  const [sessionList, setSessionList] = useState<IAutoBeAgentSession[]>([]);
+
+  const refreshSessionList = useCallback(async () => {
+    await storageStrategy.getSessionList().then(setSessionList);
+  }, [storageStrategy]);
+
+  useEffect(() => {
+    refreshSessionList();
+  }, [storageStrategy]);
+
+  return (
+    <AutoBeAgentSessionListContext.Provider
+      value={{
+        sessionList,
+        refreshSessionList,
+      }}
+    >
+      {children}
+    </AutoBeAgentSessionListContext.Provider>
+  );
+}
+
+export function useAutoBeAgentSessionList() {
+  const context = useContext(AutoBeAgentSessionListContext);
+  if (!context) {
+    throw new Error("useAutoBeAgent must be used within a AutoBeAgentProvider");
+  }
+  return context;
+}

package/src/context/SearchParamsContext.tsx

@@ -1,49 +1,49 @@
-import {
-  ReactNode,
-  createContext,
-  useContext,
-  useEffect,
-  useState,
-} from "react";
-
-interface SearchParamsContextType {
-  searchParams: URLSearchParams;
-  setSearchParams: React.Dispatch<React.SetStateAction<URLSearchParams>>;
-}
-
-const SearchParamsContext = createContext<SearchParamsContextType | null>(null);
-
-export function SearchParamsProvider({ children }: { children: ReactNode }) {
-  const [searchParams, setSearchParams] = useState<URLSearchParams>(
-    new URLSearchParams(window.location.search),
-  );
-
-  useEffect(() => {
-    const url = new URL(`${window.location.origin}${window.location.pathname}${window.location.hash}`);
-    searchParams.forEach((value, key) => {
-      url.searchParams.set(key, value);
-    });
-    window.history.pushState({}, "", url);
-  }, [searchParams]);
-
-  return (
-    <SearchParamsContext
-      value={{
-        searchParams,
-        setSearchParams,
-      }}
-    >
-      {children}
-    </SearchParamsContext>
-  );
-}
-
-export function useSearchParams() {
-  const context = useContext(SearchParamsContext);
-  if (!context) {
-    throw new Error(
-      "useSearchParams must be used within a SearchParamsProvider",
-    );
-  }
-  return context;
-}
+import {
+  ReactNode,
+  createContext,
+  useContext,
+  useEffect,
+  useState,
+} from "react";
+
+interface SearchParamsContextType {
+  searchParams: URLSearchParams;
+  setSearchParams: React.Dispatch<React.SetStateAction<URLSearchParams>>;
+}
+
+const SearchParamsContext = createContext<SearchParamsContextType | null>(null);
+
+export function SearchParamsProvider({ children }: { children: ReactNode }) {
+  const [searchParams, setSearchParams] = useState<URLSearchParams>(
+    new URLSearchParams(window.location.search),
+  );
+
+  useEffect(() => {
+    const url = new URL(`${window.location.origin}${window.location.pathname}${window.location.hash}`);
+    searchParams.forEach((value, key) => {
+      url.searchParams.set(key, value);
+    });
+    window.history.pushState({}, "", url);
+  }, [searchParams]);
+
+  return (
+    <SearchParamsContext
+      value={{
+        searchParams,
+        setSearchParams,
+      }}
+    >
+      {children}
+    </SearchParamsContext>
+  );
+}
+
+export function useSearchParams() {
+  const context = useContext(SearchParamsContext);
+  if (!context) {
+    throw new Error(
+      "useSearchParams must be used within a SearchParamsProvider",
+    );
+  }
+  return context;
+}

package/src/icons/Receipt.tsx

@@ -1,74 +1,74 @@
-import { COLORS } from "../constant/color";
-
-/** Props interface for ReceiptIcon component */
-interface IReceiptIconProps {
-  /** Width of the icon */
-  width?: number;
-  /** Height of the icon */
-  height?: number;
-  /** Color of the icon */
-  color?: string;
-}
-
-/** Receipt SVG icon component */
-export const ReceiptIcon = ({
-  width = 24,
-  height = 30,
-  color = COLORS.GRAY_TEXT_DARK,
-}: IReceiptIconProps) => (
-  <svg
-    width={width}
-    height={height}
-    viewBox="0 0 24 30"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    {/* Receipt Body */}
-    <path
-      d="M2 2H22V24L20 22L18 24L16 22L14 24L12 22L10 24L8 22L6 24L4 22L2 24V2Z"
-      fill={color}
-      fillOpacity="0.1"
-      stroke={color}
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-    {/* Receipt Lines */}
-    <line
-      x1="6"
-      y1="7"
-      x2="18"
-      y2="7"
-      stroke={color}
-      strokeWidth="1"
-      strokeLinecap="round"
-    />
-    <line
-      x1="6"
-      y1="11"
-      x2="18"
-      y2="11"
-      stroke={color}
-      strokeWidth="1"
-      strokeLinecap="round"
-    />
-    <line
-      x1="6"
-      y1="15"
-      x2="14"
-      y2="15"
-      stroke={color}
-      strokeWidth="1"
-      strokeLinecap="round"
-    />
-    <line
-      x1="6"
-      y1="19"
-      x2="16"
-      y2="19"
-      stroke={color}
-      strokeWidth="1"
-      strokeLinecap="round"
-    />
-  </svg>
-);
+import { COLORS } from "../constant/color";
+
+/** Props interface for ReceiptIcon component */
+interface IReceiptIconProps {
+  /** Width of the icon */
+  width?: number;
+  /** Height of the icon */
+  height?: number;
+  /** Color of the icon */
+  color?: string;
+}
+
+/** Receipt SVG icon component */
+export const ReceiptIcon = ({
+  width = 24,
+  height = 30,
+  color = COLORS.GRAY_TEXT_DARK,
+}: IReceiptIconProps) => (
+  <svg
+    width={width}
+    height={height}
+    viewBox="0 0 24 30"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    {/* Receipt Body */}
+    <path
+      d="M2 2H22V24L20 22L18 24L16 22L14 24L12 22L10 24L8 22L6 24L4 22L2 24V2Z"
+      fill={color}
+      fillOpacity="0.1"
+      stroke={color}
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    {/* Receipt Lines */}
+    <line
+      x1="6"
+      y1="7"
+      x2="18"
+      y2="7"
+      stroke={color}
+      strokeWidth="1"
+      strokeLinecap="round"
+    />
+    <line
+      x1="6"
+      y1="11"
+      x2="18"
+      y2="11"
+      stroke={color}
+      strokeWidth="1"
+      strokeLinecap="round"
+    />
+    <line
+      x1="6"
+      y1="15"
+      x2="14"
+      y2="15"
+      stroke={color}
+      strokeWidth="1"
+      strokeLinecap="round"
+    />
+    <line
+      x1="6"
+      y1="19"
+      x2="16"
+      y2="19"
+      stroke={color}
+      strokeWidth="1"
+      strokeLinecap="round"
+    />
+  </svg>
+);