@botonic/webchat-react 2.37.0 → 2.38.1

package/lib/components/webchat-header/webchat-menu/use-dropdown-menu-item-download-transcript.d.ts

@@ -0,0 +1,25 @@
+export interface DropdownMenuItemDownloadTranscriptDialogLabels {
+    downloadingTitle: string;
+    successTitle: string;
+    successLeaveLabel: string;
+    successContinueLabel: string;
+    errorTitle: string;
+    errorSubtitle: string;
+    errorContinueLabel: string;
+    errorLeaveLabel: string;
+}
+interface UseDropdownMenuItemDownloadTranscriptProps {
+    onClose?: () => void;
+    dialogLabels?: DropdownMenuItemDownloadTranscriptDialogLabels;
+    /**
+     * Override leave-after-download. Default matches V1 download modal: close webchat
+     * and clear in-memory messages (not `resetSession()` — see header Leave chat menu).
+     */
+    onLeaveChat?: () => void;
+}
+export declare function useDropdownMenuItemDownloadTranscript({ onClose, dialogLabels, onLeaveChat, }?: UseDropdownMenuItemDownloadTranscriptProps): {
+    menuItemProps: {
+        onPress: (closeMenu?: () => void) => void;
+    };
+};
+export {};

package/lib/components/webchat-header/webchat-menu/use-dropdown-menu-item-reset-conversation.d.ts

@@ -0,0 +1,10 @@
+interface UseDropdownMenuItemResetConversationProps {
+    onClose?: () => void;
+    onAfterReset?: () => void | Promise<void>;
+}
+export declare function useDropdownMenuItemResetConversation({ onClose, onAfterReset, }?: UseDropdownMenuItemResetConversationProps): {
+    menuItemProps: {
+        onPress: (closeMenu?: () => void) => void;
+    };
+};
+export {};

package/lib/components/webchat-header/webchat-menu/use-dropdown-menu-item-reset-session.d.ts

@@ -1,9 +1,16 @@
+export interface DropdownMenuItemResetSessionDialogLabels {
+    title: string;
+    subtitle: string;
+    cancelLabel: string;
+    confirmLabel: string;
+}
 interface UseDropdownMenuItemResetSessionProps {
     onClose?: () => void;
+    dialogLabels?: DropdownMenuItemResetSessionDialogLabels;
 }
-export declare function useDropdownMenuItemResetSession({ onClose, }: UseDropdownMenuItemResetSessionProps): {
+export declare function useDropdownMenuItemResetSession({ onClose, dialogLabels, }?: UseDropdownMenuItemResetSessionProps): {
     menuItemProps: {
-        onPress: () => void;
+        onPress: (closeMenu?: () => void) => void;
     };
 };
 export {};

package/lib/components/webchat-header/webchat-menu/use-dropdown-menu-item-sounds.d.ts

@@ -0,0 +1,6 @@
+export declare function useDropdownMenuItemSounds(): {
+    checkboxItemProps: {
+        isSelected: boolean;
+        onChange: (enabled: boolean) => void;
+    };
+};

package/lib/components/webchat-input/emoji-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { useWebchatEmojiPicker, type UseWebchatEmojiPickerParams, WEBCHAT_EMOJI_PICKER_WIDTH, } from './use-webchat-emoji-picker';
+export { WebchatEmojiPickerPanel, type WebchatEmojiPickerPanelProps, } from './webchat-emoji-picker-panel';
+export { WebchatEmojiPickerTriggerButton, type WebchatEmojiPickerTriggerButtonProps, } from './webchat-emoji-picker-trigger-button';

package/lib/components/webchat-input/emoji-picker/use-webchat-emoji-picker.d.ts

@@ -0,0 +1,16 @@
+import { BaseEmoji } from '@lilara/ui-web-react';
+import { MutableRefObject, RefObject } from 'react';
+export declare const WEBCHAT_EMOJI_PICKER_WIDTH = "275px";
+export interface UseWebchatEmojiPickerParams {
+    inputValue: string;
+    setInputValue: (value: string) => void;
+    inputValueRef: MutableRefObject<string>;
+    onEmojiClick?: () => void;
+    isDisabled?: boolean;
+}
+export declare function useWebchatEmojiPicker({ inputValue, setInputValue, inputValueRef, onEmojiClick, isDisabled, }: UseWebchatEmojiPickerParams): {
+    textareaRef: RefObject<HTMLTextAreaElement>;
+    isEmojiPickerOpen: boolean;
+    handleEmojiPickerOpenChange: (isOpen: boolean) => void;
+    handleEmojiSelect: (emoji: BaseEmoji) => void;
+};

package/lib/components/webchat-input/emoji-picker/webchat-emoji-picker-panel.d.ts

@@ -0,0 +1,6 @@
+import { BaseEmoji } from '@lilara/ui-web-react';
+export interface WebchatEmojiPickerPanelProps {
+    inputValue: string;
+    onEmojiSelect: (emoji: BaseEmoji) => void;
+}
+export declare function WebchatEmojiPickerPanel({ inputValue, onEmojiSelect, }: WebchatEmojiPickerPanelProps): import("react/jsx-runtime").JSX.Element;

package/lib/components/webchat-input/emoji-picker/webchat-emoji-picker-trigger-button.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface WebchatEmojiPickerTriggerButtonProps {
+    triggerIcon: ReactNode;
+    isDisabled?: boolean;
+    onPress?: () => void;
+    'aria-expanded'?: boolean;
+}
+export declare const WebchatEmojiPickerTriggerButton: import('react').ForwardRefExoticComponent<WebchatEmojiPickerTriggerButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/lib/components/webchat-input/use-webchat-input.d.ts

@@ -1,3 +1,4 @@
+import { MessageSentBy } from '@botonic/shared';
 import { RefObject } from 'react';
 import { WebchatState } from '../../hooks/use-webchat-state';
 import { WebchatInputProps } from '../../types/webchat-props';
@@ -12,14 +13,20 @@ export declare function useWebchatInput(props: WebchatInputProps, state: Webchat
     inputValue: string;
     hasText: boolean;
     handleSubmit: (e: React.FormEvent) => void;
-    onEmojiClick: (() => void) | undefined;
     onAttachmentClick: () => void;
+    emojiPickerProps: {
+        isOpen: boolean;
+        onOpenChange: (isOpen: boolean) => void;
+        inputValue: string;
+        onEmojiSelect: (emoji: MessageSentBy) => void;
+    };
     hasAttachments: boolean;
     attachmentError: string | undefined;
     fileInputRef: RefObject<HTMLInputElement>;
     handleFileInputChange: (e: import('react').ChangeEvent<HTMLInputElement>) => void;
     attachmentListProps: import('./attachment-preview').AttachmentListProps;
     fieldProps: {
+        ref: RefObject<HTMLTextAreaElement>;
         value: string;
         onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
         onKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;

package/lib/components/webchat-provider/webchat-context.d.ts

@@ -1,10 +1,17 @@
 import { PreviewUtils } from '@botonic/shared';
-import { WebchatController } from '@botonic/webchat-core';
+import { WebchatController, WebchatTrackEventHandler } from '@botonic/webchat-core';
 import { WebchatState } from '../../hooks/use-webchat-state';
 export interface WebchatContextValue {
     state: WebchatState;
     controller: WebchatController;
     previewUtils?: PreviewUtils;
+    formatMessageTimestamp?: (date: Date) => string;
+    imagePreviewer?: (props: {
+        src: string;
+        isPreviewerOpened: boolean;
+        closePreviewer: () => void;
+    }) => unknown;
+    trackEvent?: WebchatTrackEventHandler;
 }
 export declare const WebchatContext: import('react').Context<WebchatContextValue | null>;
 export declare function useWebchatContext(): WebchatContextValue;

package/lib/components/webchat-trigger/read-css-duration-ms.d.ts

@@ -0,0 +1,4 @@
+/** Parses a CSS time value (e.g. `6000ms`, `6s`) to milliseconds. */
+export declare function readCssDurationMs(raw: string, fallbackMs: number): number;
+export declare const WEBCHAT_TRIGGER_FIRST_VISIT_EXPAND_DELAY_VAR = "--webchat-trigger-first-visit-expand-delay";
+export declare const WEBCHAT_TRIGGER_FIRST_VISIT_EXPAND_DURATION_VAR = "--webchat-trigger-first-visit-expand-duration";

package/lib/components/webchat-trigger/use-trigger-hover-expand.d.ts

@@ -0,0 +1,19 @@
+import { RefObject } from 'react';
+export interface UseTriggerHoverExpandParams {
+    hoverExpandLabel?: string;
+    firstVisitHoverExpand?: boolean;
+    forceHoverExpanded?: boolean;
+    triggerRef: RefObject<HTMLButtonElement>;
+    isChannelsPanelVisible: boolean;
+    isOpen: boolean;
+    isEmbedTriggerHydrated: boolean;
+    firstHoverExpandShown: boolean;
+    markFirstHoverExpandShown: () => void;
+}
+export declare function useTriggerHoverExpand({ hoverExpandLabel, firstVisitHoverExpand, forceHoverExpanded, triggerRef, isChannelsPanelVisible, isOpen, isEmbedTriggerHydrated, firstHoverExpandShown, markFirstHoverExpandShown, }: UseTriggerHoverExpandParams): {
+    hasHoverExpand: boolean;
+    isHoverExpandVisible: boolean;
+    handleTriggerMouseEnter: () => void;
+    handleTriggerMouseLeave: () => void;
+    collapseHoverExpand: () => void;
+};

package/lib/components/webchat-trigger/use-trigger-preview-channels.d.ts

@@ -0,0 +1,18 @@
+import { WebchatTriggerChannel } from '../../types/webchat-props';
+export interface UseTriggerPreviewChannelsParams {
+    onTriggerPreviewChannels?: () => readonly WebchatTriggerChannel[];
+    requestOpen: () => void;
+    controller: {
+        close: () => void;
+    } | null;
+    isOpen: boolean;
+    setIsChannelsPanelVisible: (value: boolean | ((visible: boolean) => boolean)) => void;
+}
+export declare function useTriggerPreviewChannels({ onTriggerPreviewChannels, requestOpen, controller, isOpen, setIsChannelsPanelVisible, }: UseTriggerPreviewChannelsParams): {
+    previewChannels: readonly WebchatTriggerChannel[];
+    useChannelsMenu: boolean;
+    channels: readonly WebchatTriggerChannel[] | undefined;
+    onSelectChannel: (channel: WebchatTriggerChannel) => void;
+    onDismissChannelsPanel: () => void;
+    handleTriggerClickWithChannels: (defaultClick: () => void) => void;
+};

package/lib/components/webchat-trigger/use-trigger-proactive-popup.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+export interface UseTriggerProactivePopupParams {
+    proactiveMessage?: string;
+    proactiveDelay?: number;
+    triggerRef: RefObject<HTMLButtonElement>;
+    isOpen: boolean;
+}
+export declare function useTriggerProactivePopup({ proactiveMessage, proactiveDelay, triggerRef, isOpen, }: UseTriggerProactivePopupParams): {
+    isPopupVisible: boolean;
+    isPopupDismissing: boolean;
+    proactiveMessage: string | undefined;
+    onPopupAnimationEnd: () => void;
+};

package/lib/components/webchat-trigger/use-webchat-trigger.d.ts

@@ -1,10 +1,12 @@
 import { AnimationEvent, ComponentType, LazyExoticComponent, RefObject } from 'react';
-import { WebchatCompositionProps, WebchatTriggerProps } from '../../types/webchat-props';
+import { WebchatCompositionProps, WebchatTriggerChannel, WebchatTriggerProps } from '../../types/webchat-props';
 export interface WebchatTriggerHookReturn {
     triggerProps: {
         ref: RefObject<HTMLButtonElement>;
         type: 'button';
         onClick: () => void;
+        onMouseEnter?: () => void;
+        onMouseLeave?: () => void;
         onAnimationEnd?: (e: AnimationEvent<HTMLButtonElement>) => void;
         'aria-label': string;
         'aria-expanded': boolean;
@@ -15,12 +17,15 @@ export interface WebchatTriggerHookReturn {
     variants: {
         position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
         isPulsing?: boolean;
+        hasHoverExpand?: boolean;
+        isHoverExpandVisible?: boolean;
         isAppearing?: boolean;
         isOpening?: boolean;
         isClosing?: boolean;
         isLoading: boolean;
         isOpen: boolean;
     };
+    hoverExpandLabel: string | undefined;
     webchatProps: WebchatCompositionProps;
     /** When true, render the lazy webchat inside Suspense (loads on first open) */
     shouldRenderWebchat: boolean;
@@ -44,5 +49,14 @@ export interface WebchatTriggerHookReturn {
     proactiveMessage: string | undefined;
     /** Call on animationend of the popup element to complete dismissal */
     onPopupAnimationEnd: () => void;
+    isChannelsPanelVisible: boolean;
+    channels?: readonly WebchatTriggerChannel[];
+    onSelectChannel: (channel: WebchatTriggerChannel) => void;
+    onDismissChannelsPanel: () => void;
+    /** In-memory embed trigger state (first-visit hover expand; not in client storage). */
+    embedTrigger: {
+        isHydrated: boolean;
+        firstHoverExpandShown: boolean;
+    };
 }
 export declare function useWebchatTrigger(props: WebchatTriggerProps, ref: RefObject<HTMLButtonElement>): WebchatTriggerHookReturn;

package/lib/components/webchat-trigger/webchat-trigger-channels-panel.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+import { WebchatTriggerChannel } from '../../types/webchat-props';
+export interface WebchatTriggerChannelsPanelProps {
+    channels: readonly WebchatTriggerChannel[];
+    position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+    triggerRef: RefObject<HTMLButtonElement>;
+    onSelectChannel: (channel: WebchatTriggerChannel) => void;
+    onDismiss: () => void;
+}
+export declare function WebchatTriggerChannelsPanel({ channels, position, triggerRef, onSelectChannel, onDismiss, }: WebchatTriggerChannelsPanelProps): import("react/jsx-runtime").JSX.Element;

package/lib/domain/supported-trigger-channels.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Messaging channels commonly offered from the webchat trigger contact menu.
+ * Values align with {@link MessagingChannel} from `@botonic/shared`.
+ */
+export declare const SupportedTriggerChannels: {
+    readonly Webchat: any;
+    readonly Whatsapp: any;
+};
+export type SupportedTriggerChannel = (typeof SupportedTriggerChannels)[keyof typeof SupportedTriggerChannels];
+/** @alias SupportedTriggerChannels */
+export declare const SupportedChannels: {
+    readonly Webchat: any;
+    readonly Whatsapp: any;
+};
+/** @alias SupportedTriggerChannel */
+export type SupportedChannel = SupportedTriggerChannel;

package/lib/embedded/embedded-config.d.ts

@@ -0,0 +1,17 @@
+import { WebchatConfig, WebchatController, WebchatMessage } from '@botonic/webchat-core';
+export interface EmbeddedWebchatUserConfig {
+    country?: string;
+    locale?: string;
+}
+export interface EmbeddedWebchatLifecycleHooks {
+    onInit?: (controller: WebchatController) => void | Promise<void>;
+    onOpen?: (controller: WebchatController) => void | Promise<void>;
+    onClose?: (controller: WebchatController) => void | Promise<void>;
+    onMessage?: (controller: WebchatController, message: WebchatMessage) => void | Promise<void>;
+}
+export type EmbeddedWebchatConfig = WebchatConfig & {
+    user?: EmbeddedWebchatUserConfig;
+    lifecycleHooks?: EmbeddedWebchatLifecycleHooks;
+};
+export declare function toCoreWebchatConfig(config: EmbeddedWebchatConfig): WebchatConfig;
+export declare function applyEmbeddedUser(controller: WebchatController, user: EmbeddedWebchatUserConfig | undefined): Promise<void>;

package/lib/embedded/embedded-container.d.ts

@@ -0,0 +1,7 @@
+import { Root } from 'react-dom/client';
+export declare function claimEmbeddedWebchatContainer(container: HTMLElement, createRoot: () => Root): {
+    root: Root;
+    owner: symbol;
+};
+export declare function isEmbeddedWebchatRenderOwner(container: HTMLElement, owner: symbol): boolean;
+export declare function unmountEmbeddedWebchatIfOwner(container: HTMLElement, owner: symbol): void;

package/lib/embedded/mount-embedded-webchat.d.ts

@@ -0,0 +1,5 @@
+import { Root } from 'react-dom/client';
+export interface EmbeddedWebchatHandle {
+    unmount: () => void;
+}
+export declare function mountEmbeddedWebchat(container: HTMLElement, render: (root: Root) => void): EmbeddedWebchatHandle | undefined;

package/lib/hooks/use-embed-trigger-state.d.ts

@@ -0,0 +1,6 @@
+/** In-memory embed trigger UX state (see `useWebchatTrigger` `embedTrigger`). */
+export declare function useEmbedTriggerState(): {
+    isHydrated: any;
+    firstHoverExpandShown: any;
+    markFirstHoverExpandShown: () => void;
+};

package/lib/hooks/use-webchat-download-transcript.d.ts

@@ -0,0 +1,5 @@
+export type DownloadChatTranscriptResult = 'success' | 'error' | 'ignored';
+export declare function useWebchatDownloadTranscript(): {
+    downloadChatTranscript: () => Promise<DownloadChatTranscriptResult>;
+    isDownloadInFlight: () => boolean;
+};

package/lib/hooks/use-webchat-reset-conversation.d.ts

@@ -0,0 +1,6 @@
+export interface UseWebchatResetConversationOptions {
+    onAfterReset?: () => void | Promise<void>;
+}
+export declare function useWebchatResetConversation({ onAfterReset, }?: UseWebchatResetConversationOptions): {
+    resetConversation: () => Promise<boolean>;
+};

package/lib/hooks/use-webchat-reset-session.d.ts

@@ -0,0 +1,3 @@
+export declare function useWebchatResetSession(): {
+    resetSession: () => boolean;
+};

package/lib/hooks/use-webchat-tracking.d.ts

@@ -0,0 +1,7 @@
+import { EventCustom, EventFeedback } from '@botonic/shared';
+interface UseWebchatTracking {
+    trackCustomEvent: (event: EventCustom) => Promise<void>;
+    trackFeedbackEvent: (event: EventFeedback) => Promise<void>;
+}
+export declare function useWebchatTracking(): UseWebchatTracking;
+export {};

package/lib/types/webchat-props.d.ts

@@ -1,6 +1,8 @@
-import { WebchatController } from '@botonic/webchat-core';
+import { WebchatController, WebchatMessage } from '@botonic/webchat-core';
 import { ComponentType, CSSProperties, ReactNode } from 'react';
 import { CoverComponentRegistry } from '../components/webchat-overlay';
+import { SupportedTriggerChannels } from '../domain/supported-trigger-channels';
+import { EmbeddedWebchatUserConfig } from '../embedded/embedded-config';
 import { WebchatHeroHeaderLayoutConfig } from '../hero-header-layout';
 import { WebchatStateProps } from '../hooks/use-webchat-state';
 export interface WebchatInputIcons {
@@ -58,7 +60,7 @@ export interface WebchatCompositionProps {
  * their types stay in lockstep with the provider (no `as any` at the call site);
  * the remaining fields are composition/layout options consumed by the layout itself.
  */
-export type WebchatCompositionExtras = Pick<WebchatStateProps, 'avatarConfig' | 'customMessages' | 'storage' | 'webchatClientSettings' | 'enableResponsiveHeroHeader' | 'previewUtils'> & {
+export type WebchatCompositionExtras = Pick<WebchatStateProps, 'avatarConfig' | 'customMessages' | 'storage' | 'webchatClientSettings' | 'enableResponsiveHeroHeader' | 'previewUtils' | 'formatMessageTimestamp' | 'imagePreviewer' | 'onTrackEvent'> & {
     title?: string;
     placeholder?: string;
     showBranding?: boolean;
@@ -98,7 +100,7 @@ export interface WebchatInputProps extends BaseWebchatProps {
     disabled?: boolean;
     /** When true, shows the "Powered by Hubtype" line below the input. Default: true. */
     showBranding?: boolean;
-    /** Called when the emoji control is activated (UI-only until wired by consumer). */
+    /** Called when the emoji picker opens. */
     onEmojiClick?: () => void;
     /** Called when the attachment control is activated (UI-only until wired by consumer). */
     onAttachmentClick?: () => void;
@@ -136,6 +138,19 @@ export interface WebchatHeaderProps extends BaseWebchatProps {
      */
     children?: ReactNode;
 }
+export type WebchatTriggerChannel = {
+    channel: typeof SupportedTriggerChannels.Webchat;
+    label: string;
+    icon?: ReactNode;
+} | {
+    channel: typeof SupportedTriggerChannels.Whatsapp;
+    label: string;
+    icon?: ReactNode;
+    href: string;
+    target?: '_blank' | '_self';
+};
+export type { SupportedChannel, SupportedTriggerChannel, } from '../domain/supported-trigger-channels';
+export { SupportedChannels, SupportedTriggerChannels, } from '../domain/supported-trigger-channels';
 export interface WebchatTriggerProps extends BaseWebchatProps {
     /** Hubtype App ID - required for webchat connection */
     appId: string;
@@ -145,6 +160,21 @@ export interface WebchatTriggerProps extends BaseWebchatProps {
     icon?: ReactNode;
     /** Pulsing animation */
     isPulsing?: boolean;
+    /**
+     * Label that expands the trigger on hover (V1-style pill unfold).
+     * When set, the trigger grows horizontally to reveal this text.
+     */
+    hoverExpandLabel?: string;
+    /** Temporarily keeps the hover-expand label visible (e.g. first-visit teaser). */
+    forceHoverExpanded?: boolean;
+    /**
+     * First session visit: expand hover label after a delay once (in-memory only;
+     * read `useWebchatTrigger` `embedTrigger.firstHoverExpandShown`).
+     * Delay and duration use CSS tokens
+     * `--webchat-trigger-first-visit-expand-delay` and
+     * `--webchat-trigger-first-visit-expand-duration`.
+     */
+    firstVisitHoverExpand?: boolean;
     /** Additional webchat configuration passed to composition component */
     webchatConfig?: Record<string, unknown>;
     /**
@@ -153,6 +183,29 @@ export interface WebchatTriggerProps extends BaseWebchatProps {
      * The webchat loads automatically on mount; onReady decides whether to open or not.
      */
     onReady?: (controller: WebchatController) => void;
+    /**
+     * Embedded integration user context applied on the controller before `onInit`.
+     */
+    embeddedUser?: EmbeddedWebchatUserConfig;
+    /**
+     * Called once after the lazy-loaded webchat connects its controller, before
+     * `onReady` and `window.botonic.ready`. Embed integrations use this for
+     * host `lifecycleHooks.onInit` after generic user initialization.
+     */
+    onInit?: (controller: WebchatController) => void | Promise<void>;
+    /**
+     * Called each time the webchat panel opens (including when already open once
+     * the controller is connected). Uses `registerOnOpen` from `@botonic/webchat-core`.
+     */
+    onOpen?: (controller: WebchatController) => void | Promise<void>;
+    /**
+     * Called when the webchat panel closes (`WEBCHAT_CLOSED` on the controller).
+     */
+    onClose?: (controller: WebchatController) => void | Promise<void>;
+    /**
+     * Called for sent and received messages (`MESSAGE_SENT` / `MESSAGE_RECEIVED`).
+     */
+    onMessage?: (controller: WebchatController, message: WebchatMessage) => void | Promise<void>;
     /**
      * Custom webchat composition loader for full composition control.
      * If not provided, uses default WebchatApp.
@@ -176,4 +229,9 @@ export interface WebchatTriggerProps extends BaseWebchatProps {
      * @default 5
      */
     proactiveDelay?: number;
+    /**
+     * Resolves contact channels for the trigger preview menu (V1-style integrations panel).
+     * When more than one channel is returned, the first trigger click opens the panel.
+     */
+    onTriggerPreviewChannels?: () => readonly WebchatTriggerChannel[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@botonic/webchat-react",
-  "version": "2.37.0",
+  "version": "2.38.1",
   "type": "module",
   "types": "./index.d.ts",
   "module": "./index.js",
@@ -16,6 +16,10 @@
       "types": "./trigger.d.ts",
       "import": "./trigger.js"
     },
+    "./embedded": {
+      "types": "./embedded.d.ts",
+      "import": "./embedded.js"
+    },
     "./styles.css": "./styles.css"
   },
   "dependencies": {
@@ -30,9 +34,11 @@
   "peerDependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "@botonic/webchat-core": "2.37.0",
-    "@botonic/shared": "2.37.0",
-    "@lilara/ui-web-react": ">=0.11.2"
+    "@botonic/webchat-core": "2.38.1",
+    "@botonic/shared": "2.38.1",
+    "@botonic/webchat-lit": "2.38.1",
+    "@lilara/ui-web-react": ">=0.11.8",
+    "@lit/react": "^1.0.8"
   },
   "publishConfig": {
     "access": "public"