@asgard-js/react 0.0.37 → 0.0.38-canary.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asgard-js/react",
-  "version": "0.0.37",
+  "version": "0.0.38-canary.1",
   "publishConfig": {
     "access": "public"
   },
@@ -54,7 +54,7 @@
     "vitest": "^1.6.0"
   },
   "peerDependencies": {
-    "@asgard-js/core": "^0.0.37",
+    "@asgard-js/core": "^0.0.38-canary.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },

package/src/components/chatbot/chatbot-footer/chatbot-footer.tsx

@@ -16,7 +16,7 @@ import clsx from 'clsx';
 import { useAsgardThemeContext } from '../../../context/asgard-theme-context';
 
 export function ChatbotFooter(): ReactNode {
-  const { sendMessage, isConnecting } = useAsgardContext();
+  const { sendMessage, isConnecting, inputPlaceholder } = useAsgardContext();
 
   const { chatbot } = useAsgardThemeContext();
 
@@ -106,7 +106,7 @@ export function ChatbotFooter(): ReactNode {
           disabled={isConnecting}
           cols={40}
           value={value}
-          placeholder="Enter message"
+          placeholder={inputPlaceholder || "Enter message"}
           onChange={onChange}
           onKeyDown={onKeyDown}
           onCompositionStart={() => setIsComposing(true)}

package/src/components/chatbot/chatbot.tsx

@@ -30,6 +30,7 @@ interface ChatbotProps extends AsgardTemplateContextValue {
   fullScreen?: boolean;
   avatar?: string;
   botTypingPlaceholder?: string;
+  inputPlaceholder?: string;
   enableLoadConfigFromService?: boolean;
   maintainConnectionWhenClosed?: boolean;
   asyncInitializers?: Record<string, () => Promise<unknown>>;
@@ -58,6 +59,7 @@ export const Chatbot = forwardRef(function Chatbot(
     fullScreen = false,
     avatar,
     botTypingPlaceholder,
+    inputPlaceholder,
     enableLoadConfigFromService = false,
     maintainConnectionWhenClosed = false,
     asyncInitializers = {},
@@ -88,6 +90,7 @@ export const Chatbot = forwardRef(function Chatbot(
           initMessages={initMessages}
           onSseMessage={onSseMessage}
           botTypingPlaceholder={botTypingPlaceholder}
+          inputPlaceholder={inputPlaceholder}
         >
           <ChatbotContainer
             fullScreen={fullScreen}

package/src/context/asgard-service-context.tsx

@@ -32,6 +32,7 @@ export interface AsgardServiceContextValue {
   resetChannel?: UseChannelReturn['resetChannel'];
   closeChannel?: UseChannelReturn['closeChannel'];
   botTypingPlaceholder?: string;
+  inputPlaceholder?: string;
 }
 
 export const AsgardServiceContext = createContext<AsgardServiceContextValue>({
@@ -43,6 +44,7 @@ export const AsgardServiceContext = createContext<AsgardServiceContextValue>({
   messages: null,
   messageBoxBottomRef: { current: null },
   botTypingPlaceholder: undefined,
+  inputPlaceholder: undefined,
 });
 
 export interface AsgardServiceContextProviderProps {
@@ -53,6 +55,7 @@ export interface AsgardServiceContextProviderProps {
   avatar?: string;
   config: ClientConfig;
   botTypingPlaceholder?: string;
+  inputPlaceholder?: string;
   customChannelId: string;
   customMessageId?: string;
   delayTime?: number;
@@ -69,6 +72,7 @@ export function AsgardServiceContextProvider(
     parentRef,
     config,
     botTypingPlaceholder,
+    inputPlaceholder,
     customChannelId,
     initMessages,
     onSseMessage,
@@ -105,6 +109,7 @@ export function AsgardServiceContextProvider(
       resetChannel,
       closeChannel,
       botTypingPlaceholder,
+      inputPlaceholder,
       messageBoxBottomRef,
     }),
     [
@@ -118,6 +123,7 @@ export function AsgardServiceContextProvider(
       resetChannel,
       closeChannel,
       botTypingPlaceholder,
+      inputPlaceholder,
     ]
   );