@sampleapp.ai/sdk 1.0.26 → 1.0.28

package/dist/components/chat-bar.js

@@ -31,7 +31,7 @@ const getColorScheme = (themeName, playgroundUid) => {
         return DEFAULT_COLOR_SCHEME;
     }
 };
-export const ChatBar = ({ placeholder = "Ask anything...", onSubmit, hasPendingEnv, playgroundUid, isSubmitting, typingTexts = [
+export const ChatBar = ({ placeholder = "Ask anything...", onSubmit, playgroundUid, isSubmitting, typingTexts = [
     "Build me an AI chatbot application using OpenAI API",
     "Build me an ecommerce website using Stripe API",
     "Build me a price tracking tool using AgentQL API",
@@ -40,7 +40,7 @@ export const ChatBar = ({ placeholder = "Ask anything...", onSubmit, hasPendingE
     "Build me a SMS notification system using Twilio API",
     "Build me a travel booking platform using Skyscanner API",
 ], shouldFocusOnMount = true, showModelSelector = true, projectUid, theme, height = "auto", // Add default for required height prop
- }) => {
+deepgramApiKey, }) => {
     var _a;
     const [isFocused, setIsFocused] = useState(true);
     const [isRecording, setIsRecording] = useState(false);
@@ -144,16 +144,15 @@ export const ChatBar = ({ placeholder = "Ask anything...", onSubmit, hasPendingE
             setShowVoiceOverlay(false);
         };
     }, [recordingTimeout, isRecording]);
-    const handleVoiceOverlayDismiss = () => {
-        // Only allow dismissing during recording, not transcribing
-        if (isTranscribing)
-            return;
-        if (isRecording) {
-            // Stop recording if currently recording
-            stopRecording();
-        }
-        setShowVoiceOverlay(false);
-    };
+    // const handleVoiceOverlayDismiss = () => {
+    //   // Only allow dismissing during recording, not transcribing
+    //   if (isTranscribing) return;
+    //   if (isRecording) {
+    //     // Stop recording if currently recording
+    //     stopRecording();
+    //   }
+    //   setShowVoiceOverlay(false);
+    // };
     const stopRecording = async () => {
         if (mediaRecorderRef.current && isRecording) {
             // Check minimum recording duration (1 second)
@@ -209,7 +208,11 @@ export const ChatBar = ({ placeholder = "Ask anything...", onSubmit, hasPendingE
                             // Send to backend for transcription
                             const formData = new FormData();
                             formData.append("audio", audioBlob, "recording.wav");
-                            const response = await fetch("/api/voice/transcribe", {
+                            // Add Deepgram API key if provided
+                            if (deepgramApiKey) {
+                                formData.append("deepgramApiKey", deepgramApiKey);
+                            }
+                            const response = await fetch(`/api/voice/transcribe`, {
                                 method: "POST",
                                 body: formData,
                             });
@@ -507,6 +510,7 @@ export const ChatBar = ({ placeholder = "Ask anything...", onSubmit, hasPendingE
                                 marginTop: "4px",
                                 color: "#f4f4f5",
                                 fontFamily: "inherit",
+                                height: height,
                             }, value: query, onFocus: handleFocus, onBlur: handleBlur, onChange: (e) => setQuery(e.target.value), onSubmit: (e) => {
                                 // Prevent submission if recording
                                 if (isRecording || isTranscribing) {
@@ -535,6 +539,7 @@ export const ChatBar = ({ placeholder = "Ask anything...", onSubmit, hasPendingE
                                 marginTop: "4px",
                                 color: "#f4f4f5",
                                 fontFamily: "inherit",
+                                height: height,
                             }, value: query, onFocus: handleFocus, onBlur: handleBlur, onChange: (e) => setQuery(e.target.value), onKeyDown: (e) => {
                                 if (e.key === "Enter") {
                                     if (e.shiftKey) {
@@ -549,7 +554,7 @@ export const ChatBar = ({ placeholder = "Ask anything...", onSubmit, hasPendingE
                             React.createElement(Button, { style: {
                                     height: "32px",
                                     width: "32px",
-                                }, disabled: query.length === 0 || isSubmitting || hasPendingEnv, variant: "secondary", onClick: handleSubmit, size: "icon" }, isSubmitting ? (React.createElement(LoaderIcon, { size: 20, style: { animation: "spin 1s linear infinite" } })) : (React.createElement(ArrowUpIcon, { style: { width: "20px", height: "20px" } }))))),
+                                }, disabled: query.length === 0 || isSubmitting, variant: "secondary", onClick: handleSubmit, size: "icon" }, isSubmitting ? (React.createElement(LoaderIcon, { size: 20, style: { animation: "spin 1s linear infinite" } })) : (React.createElement(ArrowUpIcon, { style: { width: "20px", height: "20px" } }))))),
                     React.createElement("div", { style: {
                             display: "flex",
                             alignItems: "center",

package/dist/index.d.ts

@@ -13,15 +13,13 @@ export declare interface BaseSettings {
     [key: string]: any;
 }
 
-export declare const ChatBar: ({ placeholder, onSubmit, hasPendingEnv, playgroundUid, isSubmitting, typingTexts, shouldFocusOnMount, showModelSelector, projectUid, theme, height, }: ChatBarProps) => default_2.JSX.Element;
+export declare const ChatBar: ({ placeholder, onSubmit, playgroundUid, isSubmitting, typingTexts, shouldFocusOnMount, showModelSelector, projectUid, theme, height, deepgramApiKey, }: ChatBarProps) => default_2.JSX.Element;
 
 export declare interface ChatBarProps {
+    playgroundUid: string;
     placeholder?: string;
     onSubmit?: (e: default_2.FormEvent) => void;
     height: string;
-    hasPendingEnv?: boolean;
-    playgroundUid?: string;
-    hasTypingAnimation?: boolean;
     onCancel?: () => void;
     isSubmitting?: boolean;
     typingTexts?: string[];
@@ -29,6 +27,8 @@ export declare interface ChatBarProps {
     showModelSelector?: boolean;
     projectUid?: string | null | undefined;
     theme?: ThemeName;
+    deepgramApiKey?: string;
+    apiBaseUrl?: string;
 }
 
 export declare const ChatButton: default_2.FC<ChatButtonProps>;