@howone/sdk 0.1.19 → 0.1.20

package/dist/index.mjs

@@ -232,7 +232,7 @@ var FloatingButton = ({
     {
       onClick,
       id: "floating-howone-btn",
-      className: `fixed flex bg-white dark:bg-gray-800 gap-2 items-center right-4 z-50 text-black dark:text-white px-3 py-2 rounded-lg shadow-lg transition-colors duration-200 border border-gray-200 dark:border-gray-700 ${className}`,
+      className: `fixed flex bg-background gap-2 items-center right-4 z-50 text-black dark:text-white px-3 py-2 rounded-lg shadow-lg transition-colors duration-200 border border-gray-200 dark:border-gray-700 ${className}`,
       style: {
         fontSize: "14px",
         fontWeight: "bold",
@@ -1499,12 +1499,86 @@ var LoginForm = ({
 
 // src/components/auth/AuthProvider.tsx
 init_auth();
-import { createContext, useContext, useState as useState3 } from "react";
-import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var AuthContext = createContext(null);
-var AuthProvider = ({ children, showFloatingButton = true }) => {
-  const [user, setUser] = useState3(() => parseUserFromToken(getToken()));
-  const [token, setTokenState] = useState3(() => getToken());
+import { createContext as createContext2, useContext as useContext2, useState as useState4 } from "react";
+
+// src/components/theme/ThemeProvider.tsx
+import { createContext, useContext, useEffect as useEffect3, useState as useState3 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var initialState = {
+  theme: "system",
+  setTheme: () => null
+};
+var ThemeProviderContext = createContext(initialState);
+function ThemeProvider({
+  children,
+  defaultTheme = "system",
+  storageKey = "vite-ui-theme",
+  forceDefault = false,
+  ...props
+}) {
+  const [theme, setTheme] = useState3(() => {
+    if (forceDefault) {
+      localStorage.setItem(storageKey, defaultTheme);
+      return defaultTheme;
+    }
+    const stored = localStorage.getItem(storageKey);
+    const initialTheme = stored || defaultTheme;
+    if (!stored) {
+      localStorage.setItem(storageKey, defaultTheme);
+    }
+    return initialTheme;
+  });
+  useEffect3(() => {
+    const root = window.document.documentElement;
+    root.classList.remove("light", "dark");
+    if (theme === "system") {
+      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      root.classList.add(systemTheme);
+      return;
+    }
+    root.classList.add(theme);
+  }, [theme]);
+  const value = {
+    theme,
+    setTheme: (theme2) => {
+      localStorage.setItem(storageKey, theme2);
+      setTheme(theme2);
+    }
+  };
+  return /* @__PURE__ */ jsx3(ThemeProviderContext.Provider, { ...props, value, children });
+}
+var useTheme = () => {
+  const context = useContext(ThemeProviderContext);
+  if (context === void 0)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return context;
+};
+
+// src/components/ui/Toast/GlobalToastContainer.tsx
+import { ToastContainer } from "react-toastify";
+import { jsx as jsx4 } from "react/jsx-runtime";
+function GlobalToastContainer() {
+  return /* @__PURE__ */ jsx4(
+    ToastContainer,
+    {
+      newestOnTop: false,
+      closeButton: false
+    }
+  );
+}
+
+// src/components/auth/AuthProvider.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var AuthContext = createContext2(null);
+var HowoneProvider = ({
+  children,
+  showFloatingButton = true,
+  defaultTheme = "system",
+  themeStorageKey = "howone-theme",
+  forceDefaultTheme = false
+}) => {
+  const [user, setUser] = useState4(() => parseUserFromToken(getToken()));
+  const [token, setTokenState] = useState4(() => getToken());
   const logout = () => {
     try {
       setToken(null);
@@ -1519,13 +1593,24 @@ var AuthProvider = ({ children, showFloatingButton = true }) => {
     isAuthenticated: !!token,
     logout
   };
-  return /* @__PURE__ */ jsx3(AuthContext.Provider, { value, children: /* @__PURE__ */ jsxs3(Fragment, { children: [
-    children,
-    showFloatingButton && /* @__PURE__ */ jsx3(FloatingButton, { onClick: () => window.open("https://howone.ai", "_blank") })
-  ] }) });
+  return /* @__PURE__ */ jsxs3(
+    ThemeProvider,
+    {
+      defaultTheme,
+      storageKey: themeStorageKey,
+      forceDefault: forceDefaultTheme,
+      children: [
+        /* @__PURE__ */ jsxs3(AuthContext.Provider, { value, children: [
+          children,
+          showFloatingButton && /* @__PURE__ */ jsx5(FloatingButton, { onClick: () => window.open("https://howone.ai", "_blank") })
+        ] }),
+        /* @__PURE__ */ jsx5(GlobalToastContainer, {})
+      ]
+    }
+  );
 };
 function useAuthContext() {
-  const ctx = useContext(AuthContext);
+  const ctx = useContext2(AuthContext);
   if (!ctx) {
     const t = getToken();
     return {
@@ -1542,6 +1627,7 @@ function useAuthContext() {
   }
   return ctx;
 }
+var AuthProvider = HowoneProvider;
 
 // src/components/index.ts
 init_auth();
@@ -1629,7 +1715,7 @@ var howone = {
 var client_default = howone;
 
 // src/components/ui/Loading.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var Loading = ({
   size = "md",
   text = "Loading...",
@@ -1642,14 +1728,14 @@ var Loading = ({
     lg: "h-12 w-12"
   };
   const containerClasses = fullScreen ? "fixed inset-0 flex items-center justify-center bg-white/80 backdrop-blur-sm z-50" : "flex items-center justify-center p-4";
-  return /* @__PURE__ */ jsx4("div", { className: `${containerClasses} ${className}`, children: /* @__PURE__ */ jsxs4("div", { className: "text-center", children: [
-    /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx6("div", { className: `${containerClasses} ${className}`, children: /* @__PURE__ */ jsxs4("div", { className: "text-center", children: [
+    /* @__PURE__ */ jsx6(
       "div",
       {
         className: `animate-spin rounded-full border-2 border-gray-300 border-t-blue-600 mx-auto ${sizeClasses[size]}`
       }
     ),
-    text && /* @__PURE__ */ jsx4("p", { className: "mt-2 text-sm text-gray-600", children: text })
+    text && /* @__PURE__ */ jsx6("p", { className: "mt-2 text-sm text-gray-600", children: text })
   ] }) });
 };
 var LoadingSpinner = ({
@@ -1661,7 +1747,7 @@ var LoadingSpinner = ({
     md: "h-8 w-8",
     lg: "h-12 w-12"
   };
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx6(
     "div",
     {
       className: `animate-spin rounded-full border-2 border-gray-300 border-t-blue-600 ${sizeClasses[size]} ${className}`
@@ -1671,7 +1757,7 @@ var LoadingSpinner = ({
 
 // src/components/ui/ErrorBoundary.tsx
 import { Component } from "react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var ErrorBoundary = class extends Component {
   constructor(props) {
     super(props);
@@ -1694,13 +1780,13 @@ var ErrorBoundary = class extends Component {
     if (this.state.hasError) {
       if (this.props.fallback) {
         const FallbackComponent = this.props.fallback;
-        return /* @__PURE__ */ jsx5(FallbackComponent, { error: this.state.error, retry: this.handleRetry });
+        return /* @__PURE__ */ jsx7(FallbackComponent, { error: this.state.error, retry: this.handleRetry });
       }
-      return /* @__PURE__ */ jsx5("div", { className: "min-h-[400px] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs5("div", { className: "text-center max-w-md", children: [
-        /* @__PURE__ */ jsx5("div", { className: "text-red-500 text-6xl mb-4", children: "\u26A0\uFE0F" }),
-        /* @__PURE__ */ jsx5("h2", { className: "text-xl font-semibold text-gray-900 mb-2", children: "Something went wrong" }),
-        /* @__PURE__ */ jsx5("p", { className: "text-gray-600 mb-4", children: "An unexpected error occurred. Please try refreshing the page." }),
-        /* @__PURE__ */ jsx5(
+      return /* @__PURE__ */ jsx7("div", { className: "min-h-[400px] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs5("div", { className: "text-center max-w-md", children: [
+        /* @__PURE__ */ jsx7("div", { className: "text-red-500 text-6xl mb-4", children: "\u26A0\uFE0F" }),
+        /* @__PURE__ */ jsx7("h2", { className: "text-xl font-semibold text-gray-900 mb-2", children: "Something went wrong" }),
+        /* @__PURE__ */ jsx7("p", { className: "text-gray-600 mb-4", children: "An unexpected error occurred. Please try refreshing the page." }),
+        /* @__PURE__ */ jsx7(
           "button",
           {
             onClick: this.handleRetry,
@@ -1714,10 +1800,10 @@ var ErrorBoundary = class extends Component {
     return this.props.children;
   }
 };
-var DefaultErrorFallback = ({ retry }) => /* @__PURE__ */ jsx5("div", { className: "min-h-[200px] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs5("div", { className: "text-center", children: [
-  /* @__PURE__ */ jsx5("div", { className: "text-red-500 text-4xl mb-2", children: "\u26A0\uFE0F" }),
-  /* @__PURE__ */ jsx5("p", { className: "text-gray-600 mb-2", children: "Something went wrong" }),
-  retry && /* @__PURE__ */ jsx5(
+var DefaultErrorFallback = ({ retry }) => /* @__PURE__ */ jsx7("div", { className: "min-h-[200px] flex items-center justify-center p-4", children: /* @__PURE__ */ jsxs5("div", { className: "text-center", children: [
+  /* @__PURE__ */ jsx7("div", { className: "text-red-500 text-4xl mb-2", children: "\u26A0\uFE0F" }),
+  /* @__PURE__ */ jsx7("p", { className: "text-gray-600 mb-2", children: "Something went wrong" }),
+  retry && /* @__PURE__ */ jsx7(
     "button",
     {
       onClick: retry,
@@ -1727,54 +1813,11 @@ var DefaultErrorFallback = ({ retry }) => /* @__PURE__ */ jsx5("div", { classNam
   )
 ] }) });
 
-// src/components/theme/ThemeProvider.tsx
-import { createContext as createContext2, useContext as useContext2, useEffect as useEffect3, useState as useState4 } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var initialState = {
-  theme: "system",
-  setTheme: () => null
-};
-var ThemeProviderContext = createContext2(initialState);
-function ThemeProvider({
-  children,
-  defaultTheme = "system",
-  storageKey = "vite-ui-theme",
-  ...props
-}) {
-  const [theme, setTheme] = useState4(
-    () => localStorage.getItem(storageKey) || defaultTheme
-  );
-  useEffect3(() => {
-    const root = window.document.documentElement;
-    root.classList.remove("light", "dark");
-    if (theme === "system") {
-      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-      root.classList.add(systemTheme);
-      return;
-    }
-    root.classList.add(theme);
-  }, [theme]);
-  const value = {
-    theme,
-    setTheme: (theme2) => {
-      localStorage.setItem(storageKey, theme2);
-      setTheme(theme2);
-    }
-  };
-  return /* @__PURE__ */ jsx6(ThemeProviderContext.Provider, { ...props, value, children });
-}
-var useTheme = () => {
-  const context = useContext2(ThemeProviderContext);
-  if (context === void 0)
-    throw new Error("useTheme must be used within a ThemeProvider");
-  return context;
-};
-
 // src/components/theme/ThemeToggle.tsx
 import * as React4 from "react";
 import { useTheme as useTheme2 } from "next-themes";
 import { Icon as Icon3 } from "@iconify/react";
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 function ThemeToggle({ className }) {
   const { setTheme, theme } = useTheme2();
   const [mounted, setMounted] = React4.useState(false);
@@ -1788,8 +1831,8 @@ function ThemeToggle({ className }) {
         className: `relative inline-flex h-10 w-12 items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground ${className || ""}`,
         disabled: true,
         children: [
-          /* @__PURE__ */ jsx7(Icon3, { icon: "solar:sun-2-linear", width: 20, height: 20 }),
-          /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "Toggle theme" })
+          /* @__PURE__ */ jsx8(Icon3, { icon: "solar:sun-2-linear", width: 20, height: 20 }),
+          /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Toggle theme" })
         ]
       }
     );
@@ -1800,26 +1843,13 @@ function ThemeToggle({ className }) {
       className: `inline-flex h-10 w-12 items-center justify-center rounded-md border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors ${className || ""}`,
       onClick: () => setTheme(theme === "light" ? "dark" : "light"),
       children: [
-        theme === "light" ? /* @__PURE__ */ jsx7(Icon3, { icon: "solar:sun-2-linear", width: 20, height: 20 }) : /* @__PURE__ */ jsx7(Icon3, { icon: "solar:moon-linear", width: 20, height: 20 }),
-        /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "Toggle theme" })
+        theme === "light" ? /* @__PURE__ */ jsx8(Icon3, { icon: "solar:sun-2-linear", width: 20, height: 20 }) : /* @__PURE__ */ jsx8(Icon3, { icon: "solar:moon-linear", width: 20, height: 20 }),
+        /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Toggle theme" })
       ]
     }
   );
 }
 
-// src/components/ui/Toast/GlobalToastContainer.tsx
-import { ToastContainer } from "react-toastify";
-import { jsx as jsx8 } from "react/jsx-runtime";
-function GlobalToastContainer() {
-  return /* @__PURE__ */ jsx8(
-    ToastContainer,
-    {
-      newestOnTop: false,
-      closeButton: false
-    }
-  );
-}
-
 // src/components/ui/Toast/ClayxToast.tsx
 import React5, { useCallback } from "react";
 import { Bounce, toast } from "react-toastify";
@@ -2364,6 +2394,7 @@ export {
   ErrorBoundary,
   FloatingButton,
   GlobalToastContainer,
+  HowoneProvider,
   Loading,
   LoadingSpinner,
   LoginForm,