@hsafa/ui-sdk 0.1.7 → 0.1.9

package/dist/index.d.cts

@@ -191,10 +191,6 @@ interface HsafaChatProps {
         top?: number | string;
         left?: number | string;
     };
-    enableBorderAnimation?: boolean;
-    enableContentPadding?: boolean;
-    borderRadius?: number | string;
-    enableContentBorder?: boolean;
     placeholder?: string;
     title?: string;
     className?: string;
@@ -354,6 +350,14 @@ interface HsafaContextValue extends HsafaConfig {
     registerComponent: (name: string, component: react__default.ComponentType<any>) => () => void;
     /** Unregister a custom component */
     unregisterComponent: (name: string, component?: react__default.ComponentType<any>) => void;
+    /** Global streaming state - true if any chat is streaming */
+    isAnyStreaming: boolean;
+    /** Set streaming state for a specific chat instance */
+    setStreamingState: (chatId: string, isStreaming: boolean) => void;
+    /** Global chat open state - true if any chat is open */
+    isAnyChatOpen: boolean;
+    /** Set chat open state for a specific chat instance */
+    setChatOpenState: (chatId: string, isOpen: boolean) => void;
 }
 /**
  * Props for the HsafaProvider component
@@ -578,8 +582,64 @@ declare function useAgentStreaming(): {
 };
 
 declare function HsafaChat(props: HsafaChatProps): react__default.ReactPortal | null;
-declare namespace HsafaChat {
-    var displayName: string;
+
+interface ContentContainerProps {
+    children: react__default.ReactNode;
+    theme?: "dark" | "light";
+    primaryColor?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    textColor?: string;
+    mutedTextColor?: string;
+    enableBorderAnimation?: boolean;
+    borderRadius?: number | string;
+    enableContentBorder?: boolean;
+    className?: string;
+    enableMargin?: boolean;
+    chatWidth?: number | string;
+    dir?: "ltr" | "rtl";
 }
+/**
+ * ContentContainer component that wraps your content and applies animations
+ * based on HsafaChat state (streaming and open state).
+ *
+ * Features:
+ * - Detects if any chat under HsafaProvider is streaming and applies border animation
+ * - Detects if any HsafaChat is open and applies radius, border, and margin with animation
+ * - Automatically adjusts margin based on chat width and direction (RTL/LTR)
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <HsafaProvider baseUrl="http://localhost:3000">
+ *   <ContentContainer theme="dark" enableBorderAnimation>
+ *     <YourApp />
+ *   </ContentContainer>
+ *   <HsafaChat agentId="agent-1" width={450} />
+ * </HsafaProvider>
+ *
+ * // With custom chat width and RTL support
+ * <HsafaProvider baseUrl="http://localhost:3000">
+ *   <ContentContainer
+ *     theme="dark"
+ *     chatWidth={450}
+ *     dir="rtl"
+ *     enableMargin={true}
+ *   >
+ *     <YourApp />
+ *   </ContentContainer>
+ *   <HsafaChat agentId="agent-1" width={450} dir="rtl" />
+ * </HsafaProvider>
+ *
+ * // Disable margin (content stays full width)
+ * <HsafaProvider baseUrl="http://localhost:3000">
+ *   <ContentContainer enableMargin={false}>
+ *     <YourApp />
+ *   </ContentContainer>
+ *   <HsafaChat agentId="agent-1" />
+ * </HsafaProvider>
+ * ```
+ */
+declare function ContentContainer({ children, theme, primaryColor, backgroundColor, borderColor, textColor, mutedTextColor, enableBorderAnimation, borderRadius, enableContentBorder, className, enableMargin, chatWidth, dir, }: ContentContainerProps): react_jsx_runtime.JSX.Element;
 
-export { type AgentStreamData, Button, type ButtonProps, type ChatData, type ChatMeta, type FirstAgentData, FloatingChatButton, HsafaChat, HsafaProvider, type MainAgentAction, MessageList, type UseToggleReturn, useAgentStreaming, useAutoScroll, useChatStorage, useFileUpload, useHsafa, useHsafaAction, useHsafaComponent, useStreaming, useToggle };
+export { type AgentStreamData, Button, type ButtonProps, type ChatData, type ChatMeta, ContentContainer, type ContentContainerProps, type FirstAgentData, FloatingChatButton, HsafaChat, HsafaProvider, type MainAgentAction, MessageList, type UseToggleReturn, useAgentStreaming, useAutoScroll, useChatStorage, useFileUpload, useHsafa, useHsafaAction, useHsafaComponent, useStreaming, useToggle };

package/dist/index.d.ts

@@ -191,10 +191,6 @@ interface HsafaChatProps {
         top?: number | string;
         left?: number | string;
     };
-    enableBorderAnimation?: boolean;
-    enableContentPadding?: boolean;
-    borderRadius?: number | string;
-    enableContentBorder?: boolean;
     placeholder?: string;
     title?: string;
     className?: string;
@@ -354,6 +350,14 @@ interface HsafaContextValue extends HsafaConfig {
     registerComponent: (name: string, component: react__default.ComponentType<any>) => () => void;
     /** Unregister a custom component */
     unregisterComponent: (name: string, component?: react__default.ComponentType<any>) => void;
+    /** Global streaming state - true if any chat is streaming */
+    isAnyStreaming: boolean;
+    /** Set streaming state for a specific chat instance */
+    setStreamingState: (chatId: string, isStreaming: boolean) => void;
+    /** Global chat open state - true if any chat is open */
+    isAnyChatOpen: boolean;
+    /** Set chat open state for a specific chat instance */
+    setChatOpenState: (chatId: string, isOpen: boolean) => void;
 }
 /**
  * Props for the HsafaProvider component
@@ -578,8 +582,64 @@ declare function useAgentStreaming(): {
 };
 
 declare function HsafaChat(props: HsafaChatProps): react__default.ReactPortal | null;
-declare namespace HsafaChat {
-    var displayName: string;
+
+interface ContentContainerProps {
+    children: react__default.ReactNode;
+    theme?: "dark" | "light";
+    primaryColor?: string;
+    backgroundColor?: string;
+    borderColor?: string;
+    textColor?: string;
+    mutedTextColor?: string;
+    enableBorderAnimation?: boolean;
+    borderRadius?: number | string;
+    enableContentBorder?: boolean;
+    className?: string;
+    enableMargin?: boolean;
+    chatWidth?: number | string;
+    dir?: "ltr" | "rtl";
 }
+/**
+ * ContentContainer component that wraps your content and applies animations
+ * based on HsafaChat state (streaming and open state).
+ *
+ * Features:
+ * - Detects if any chat under HsafaProvider is streaming and applies border animation
+ * - Detects if any HsafaChat is open and applies radius, border, and margin with animation
+ * - Automatically adjusts margin based on chat width and direction (RTL/LTR)
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <HsafaProvider baseUrl="http://localhost:3000">
+ *   <ContentContainer theme="dark" enableBorderAnimation>
+ *     <YourApp />
+ *   </ContentContainer>
+ *   <HsafaChat agentId="agent-1" width={450} />
+ * </HsafaProvider>
+ *
+ * // With custom chat width and RTL support
+ * <HsafaProvider baseUrl="http://localhost:3000">
+ *   <ContentContainer
+ *     theme="dark"
+ *     chatWidth={450}
+ *     dir="rtl"
+ *     enableMargin={true}
+ *   >
+ *     <YourApp />
+ *   </ContentContainer>
+ *   <HsafaChat agentId="agent-1" width={450} dir="rtl" />
+ * </HsafaProvider>
+ *
+ * // Disable margin (content stays full width)
+ * <HsafaProvider baseUrl="http://localhost:3000">
+ *   <ContentContainer enableMargin={false}>
+ *     <YourApp />
+ *   </ContentContainer>
+ *   <HsafaChat agentId="agent-1" />
+ * </HsafaProvider>
+ * ```
+ */
+declare function ContentContainer({ children, theme, primaryColor, backgroundColor, borderColor, textColor, mutedTextColor, enableBorderAnimation, borderRadius, enableContentBorder, className, enableMargin, chatWidth, dir, }: ContentContainerProps): react_jsx_runtime.JSX.Element;
 
-export { type AgentStreamData, Button, type ButtonProps, type ChatData, type ChatMeta, type FirstAgentData, FloatingChatButton, HsafaChat, HsafaProvider, type MainAgentAction, MessageList, type UseToggleReturn, useAgentStreaming, useAutoScroll, useChatStorage, useFileUpload, useHsafa, useHsafaAction, useHsafaComponent, useStreaming, useToggle };
+export { type AgentStreamData, Button, type ButtonProps, type ChatData, type ChatMeta, ContentContainer, type ContentContainerProps, type FirstAgentData, FloatingChatButton, HsafaChat, HsafaProvider, type MainAgentAction, MessageList, type UseToggleReturn, useAgentStreaming, useAutoScroll, useChatStorage, useFileUpload, useHsafa, useHsafaAction, useHsafaComponent, useStreaming, useToggle };