@gymmymac/bob-widget 1.1.4 → 1.1.6

package/dist/components/mobile/ContainedChatDrawer.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { Message } from '../../types/message';
+
+interface ContainedChatDrawerProps {
+    messages: Message[];
+    input: string;
+    setInput: (value: string) => void;
+    isLoading: boolean;
+    onSend: () => void;
+    onKeyPress: (e: React.KeyboardEvent) => void;
+    onInputFocus: () => void;
+    onInputBlur: () => void;
+    chatEndRef: React.RefObject<HTMLDivElement>;
+    isMuted?: boolean;
+    onToggleMute?: () => void;
+    isSpeaking?: boolean;
+}
+/**
+ * ContainedChatDrawer - Chat drawer using absolute positioning
+ * Stays within parent container bounds instead of viewport.
+ */
+export declare const ContainedChatDrawer: React.FC<ContainedChatDrawerProps>;
+export {};

package/dist/components/mobile/ContainedMobileBobLayout.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+import { Message, HighlightedProduct } from '../../types/message';
+import { Product, ServicePackage } from '../../types';
+import { Vehicle } from '../../types/vehicle';
+
+interface ContainedMobileBobLayoutProps {
+    currentImage: string;
+    animationState: string;
+    backdropUrl?: string;
+    counterOverlayUrl?: string;
+    counterHeightPercent?: number;
+    messages: Message[];
+    input: string;
+    setInput: (value: string) => void;
+    isLoading: boolean;
+    onSend: () => void;
+    onKeyPress: (e: React.KeyboardEvent) => void;
+    onInputFocus: () => void;
+    onInputBlur: () => void;
+    chatEndRef: React.RefObject<HTMLDivElement>;
+    isMuted?: boolean;
+    onToggleMute?: () => void;
+    isSpeaking?: boolean;
+    products: Product[];
+    servicePackages: ServicePackage[];
+    highlightedPartType?: string | null;
+    highlightedProduct?: HighlightedProduct | null;
+    onProductClick?: (product: Product) => void;
+    onPackageSelect?: (pkg: ServicePackage) => void;
+    isResearching?: boolean;
+    vehicle?: Vehicle | null;
+    onChangeVehicle?: () => void;
+}
+/**
+ * ContainedMobileBobLayout - Immersive layout that fits within a parent container
+ * Uses position: absolute instead of fixed, so it respects parent boundaries.
+ * Ideal for embedding Bob in a page with header/footer.
+ */
+export declare const ContainedMobileBobLayout: React.FC<ContainedMobileBobLayoutProps>;
+export {};

package/dist/components/mobile/index.d.ts

@@ -2,3 +2,5 @@ export { MobileBobCharacter } from './MobileBobCharacter';
 export { MobileChatDrawer } from './MobileChatDrawer';
 export { MobileProductColumn } from './MobileProductColumn';
 export { MobileBobLayout } from './MobileBobLayout';
+export { ContainedMobileBobLayout } from './ContainedMobileBobLayout';
+export { ContainedChatDrawer } from './ContainedChatDrawer';

package/dist/index.d.ts

@@ -13,7 +13,7 @@ export { Bob } from './components/Bob';
 export type { BobVariant } from './components/Bob';
 export { BobCharacter } from './components/BobCharacter';
 export { ChatInterface } from './components/ChatInterface';
-export { MobileBobCharacter, MobileChatDrawer, MobileProductColumn, MobileBobLayout } from './components/mobile';
+export { MobileBobCharacter, MobileChatDrawer, MobileProductColumn, MobileBobLayout, ContainedMobileBobLayout, ContainedChatDrawer } from './components/mobile';
 export { useBobChat } from './hooks/useBobChat';
 export { useSpeechSynthesis } from './hooks/useSpeechSynthesis';
 export { useBobAnimation } from './hooks/useBobAnimation';