@bikdotai/bik-component-library 0.0.736-beta.7 → 0.0.736-beta.8

package/dist/esm/components/bik-chatbot/services/useAIChat.js

@@ -1 +1 @@
-import{__awaiter as s}from"../../../_virtual/_tslib.js";import{useState as e,useEffect as t,useMemo as a}from"react";import{createSessionRecord as n}from"../types/chat.js";import{AIService as o}from"./aiService.js";import{loadSession as i,saveSession as c}from"./db.js";function r({system:r,conversationId:d,skipInitialization:l=!1,customFunctions:m,functionHandler:g,responseFormat:p,onMessageReceived:b,displayInUI:j,maxToolCalls:u,maxTokens:O,apiAdapter:I}){const[v,f]=e(()=>n(d)),[w,y]=e([]),[h,D]=e(),[R,A]=e(!1);t(()=>{i(d).then(s=>{var e;s&&(f(s),y(s.messages),D(null===(e=s.metadata)||void 0===e?void 0:e.lastResponseId))})},[d]);const k=a(()=>l?null:new o({system:Object.assign(Object.assign({},r),{handleCallback:(s,e)=>{var t;null===(t=r.handleCallback)||void 0===t||t.call(r,s,e)}}),dispatchMessage:s=>{y(e=>[...e,s]),f(e=>{const t=Object.assign(Object.assign({},e),{updatedAt:Date.now(),messages:[...e.messages,s]});return c(t.sessionId,Object.assign(Object.assign({},t),{metadata:Object.assign(Object.assign({},t.metadata||{}),{lastResponseId:h})})),t})},customFunctions:m,functionHandler:g,responseFormat:p,onMessageReceived:b,displayInUI:j,maxToolCalls:u,maxTokens:O,apiAdapter:I}),[r.id,l,O]);return{messages:w,conversation:v,sendMessage:(e,...t)=>s(this,[e,...t],void 0,function*(s,e="default"){if(!k)return;const t={id:`u-${Date.now()}`,role:"user",content:s,timestamp:Date.now()};y(s=>[...s,t]),f(s=>{const e=Object.assign(Object.assign({},s),{updatedAt:Date.now(),messages:[...s.messages,t]});return c(e.sessionId,Object.assign(Object.assign({},e),{metadata:Object.assign(Object.assign({},e.metadata||{}),{lastResponseId:h})})),e}),A(!0);try{const s=yield k.generate([...w,t].map(s=>({role:s.role,content:s.content})),d,e,h);(null==s?void 0:s.responseId)&&(D(s.responseId),f(e=>{const t=Object.assign(Object.assign({},e),{metadata:Object.assign(Object.assign({},e.metadata||{}),{lastResponseId:s.responseId})});return c(t.sessionId,t),t}))}catch(s){const e=(null==s?void 0:s.message)||"Something went wrong. Please try again.",t={id:`err-${Date.now()}`,role:"system",content:e,timestamp:Date.now()};y(s=>[...s,t]),f(s=>{const e=Object.assign(Object.assign({},s),{updatedAt:Date.now(),messages:[...s.messages,t]});return c(e.sessionId,Object.assign(Object.assign({},e),{metadata:Object.assign(Object.assign({},e.metadata||{}),{lastResponseId:h})})),e})}finally{A(!1)}}),isApiCallInProgress:R}}export{r as useAIChat};
+import{__awaiter as s}from"../../../_virtual/_tslib.js";import{useState as e,useEffect as t,useMemo as a}from"react";import{createSessionRecord as n}from"../types/chat.js";import{AIService as o}from"./aiService.js";import{loadSession as i,saveSession as c}from"./db.js";function r(r){var d=this;let{system:l,conversationId:m,skipInitialization:g=!1,customFunctions:p,functionHandler:b,responseFormat:j,onMessageReceived:u,displayInUI:O,maxToolCalls:I,maxTokens:v,apiAdapter:f}=r;const[w,y]=e((()=>n(m))),[h,D]=e([]),[R,A]=e(),[k,x]=e(!1);t((()=>{i(m).then((s=>{var e;s&&(y(s),D(s.messages),A(null===(e=s.metadata)||void 0===e?void 0:e.lastResponseId))}))}),[m]);const C=a((()=>g?null:new o({system:Object.assign(Object.assign({},l),{handleCallback:(s,e)=>{var t;null===(t=l.handleCallback)||void 0===t||t.call(l,s,e)}}),dispatchMessage:s=>{D((e=>[...e,s])),y((e=>{const t=Object.assign(Object.assign({},e),{updatedAt:Date.now(),messages:[...e.messages,s]});return c(t.sessionId,Object.assign(Object.assign({},t),{metadata:Object.assign(Object.assign({},t.metadata||{}),{lastResponseId:R})})),t}))},customFunctions:p,functionHandler:b,responseFormat:j,onMessageReceived:u,displayInUI:O,maxToolCalls:I,maxTokens:v,apiAdapter:f})),[l.id,g,v]);return{messages:h,conversation:w,sendMessage:function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"default";return s(d,void 0,void 0,(function*(){if(!C)return;const s={id:`u-${Date.now()}`,role:"user",content:e,timestamp:Date.now()};D((e=>[...e,s])),y((e=>{const t=Object.assign(Object.assign({},e),{updatedAt:Date.now(),messages:[...e.messages,s]});return c(t.sessionId,Object.assign(Object.assign({},t),{metadata:Object.assign(Object.assign({},t.metadata||{}),{lastResponseId:R})})),t})),x(!0);try{const e=yield C.generate([...h,s].map((s=>({role:s.role,content:s.content}))),m,t,R);(null==e?void 0:e.responseId)&&(A(e.responseId),y((s=>{const t=Object.assign(Object.assign({},s),{metadata:Object.assign(Object.assign({},s.metadata||{}),{lastResponseId:e.responseId})});return c(t.sessionId,t),t})))}catch(s){const e=(null==s?void 0:s.message)||"Something went wrong. Please try again.",t={id:`err-${Date.now()}`,role:"system",content:e,timestamp:Date.now()};D((s=>[...s,t])),y((s=>{const e=Object.assign(Object.assign({},s),{updatedAt:Date.now(),messages:[...s.messages,t]});return c(e.sessionId,Object.assign(Object.assign({},e),{metadata:Object.assign(Object.assign({},e.metadata||{}),{lastResponseId:R})})),e}))}finally{x(!1)}}))},isApiCallInProgress:k}}export{r as useAIChat};

package/dist/esm/components/bik-chatbot/types/ai.d.ts

@@ -0,0 +1,158 @@
+/**
+ * AI Service Types
+ *
+ * Types for AI service functionality, function definitions, and responses.
+ */
+export declare const ALLOWED_MODELS: string[];
+export declare const DEFAULT_MODEL = "gpt-4.1-mini";
+export interface FunctionDefinition {
+    name: string;
+    description: string;
+    parameters: {
+        type: 'object';
+        properties: Record<string, any>;
+        required?: string[];
+    };
+}
+export interface ToolCall {
+    name: string;
+    args: unknown;
+    toolCallId?: string;
+    callId?: string;
+}
+export type GenericAIResponse = {
+    assistantText: string;
+    parsed?: unknown;
+    toolCall?: ToolCall;
+    lastResponseId: string;
+    responseId?: string;
+};
+export interface ChatMessageItem {
+    role: 'system' | 'user' | 'assistant';
+    content: string;
+}
+export interface FunctionCallOutputItem {
+    type: 'function_call_output';
+    call_id: string;
+    output: string | object;
+}
+export type CallbackPayload = {
+    type: 'UI_UPDATE';
+    data: unknown;
+} | {
+    type: 'UI_SIGNAL';
+    data: unknown;
+} | {
+    type: 'AI_RESPONSE';
+    data: {
+        text: string;
+        responseId?: string;
+        timestamp: number;
+    };
+} | {
+    type: 'TOOL_CALL';
+    data: {
+        name: string;
+        args: unknown;
+    };
+};
+export interface SystemConfig {
+    id: string;
+    name: string;
+    model: string;
+    systemPrompt: string;
+    functions?: FunctionDefinition[];
+    tools?: string[];
+    handleCallback?: (payload: CallbackPayload, ctx: {
+        dispatchMessage: (m: any) => void;
+        updatePageState: (updater: (s: any) => any) => void;
+        updateUI?: (signal: any) => void;
+    }) => void;
+}
+export interface PromptConfig {
+    goal_prompt?: string;
+    use_case_prompt?: string;
+    response_instructions?: string;
+    store_instructions?: string;
+    exit_prompt?: string;
+    output_prompt?: string;
+    custom_prompt?: string;
+    extra_content?: {
+        contextual_info?: string;
+        brand_info?: string;
+    };
+}
+export interface ToolPrompt {
+    tool: string;
+    whenToUse: string;
+    outputFormat?: string;
+}
+export interface ErrorWithMessage {
+    message: string;
+}
+export declare const DEFAULT_RESPONSE_FORMAT: 'text' | 'json';
+export declare const DEFAULT_MAX_TOOL_CALLS = 5;
+export declare const RESPONSE_FORMATS: readonly ["text", "json"];
+export declare const BUILTIN_TOOL_TYPES: readonly ["web_search_preview"];
+export type BuiltinToolType = (typeof BUILTIN_TOOL_TYPES)[number];
+export type BackendTool = {
+    type: BuiltinToolType;
+} | {
+    type: 'function';
+    name: string;
+    description: string;
+    parameters: object;
+} | ({
+    type: string;
+} & Record<string, unknown>);
+export interface BackendApiRequest {
+    input: Array<ChatMessageItem | FunctionCallOutputItem>;
+    tools: BackendTool[];
+    model: string;
+    max_output_tokens: number;
+    previous_response_id?: string;
+}
+export interface BackendApiResponse {
+    status: number;
+    success: boolean;
+    data: {
+        assistantText: string;
+        parsed: unknown;
+        toolCall?: {
+            name: string;
+            args: object | string;
+            id: string;
+            call_id?: string;
+        };
+        responseId: string;
+        lastResponseId: string;
+        requiresFunctionCall: boolean;
+    };
+}
+export type ResponseFormat = 'text' | 'json';
+export interface ApiRequestExecutor {
+    sendData<T>(opts: {
+        apiPath: string;
+        apiMethod?: 'POST' | 'GET' | 'PUT' | 'PATCH' | 'DELETE';
+        requestBody?: unknown;
+        requestHeader?: Record<string, string>;
+        skipStoreId?: boolean;
+        abortController?: AbortController;
+    }): Promise<{
+        status: number;
+        data?: T;
+        error?: unknown;
+    }>;
+}
+export type APIAdapter = (request: CallToChatbotRequest) => Promise<GenericAIResponse>;
+export type CallToChatbotRequest = {
+    input: Array<ChatMessageItem | FunctionCallOutputItem>;
+    intent: string;
+    conversationId: string;
+    systemId: string;
+    previousResponseId?: string;
+    customFunctions?: FunctionDefinition[];
+    builtinTools?: string[];
+    model: string;
+    maxTokens?: number;
+};

package/dist/esm/components/bik-chatbot/types/chat.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Core Chat Types
+ *
+ * Basic types for chat functionality, messages, and conversation state.
+ */
+export interface ChatMessage {
+    id: string;
+    role: 'user' | 'assistant' | 'system';
+    content: string;
+    timestamp: number;
+}
+export type ChatState = 'conversation-starter' | 'default' | 'typing' | 'thinking' | 'conversation';
+export interface IceBreaker {
+    id: string;
+    text: string;
+    category?: string;
+}
+export interface VideoStarter {
+    title: string;
+    description: string;
+    onPlay?: () => void;
+}
+export interface SessionRecord {
+    sessionId: string;
+    createdAt: number;
+    updatedAt: number;
+    messages: ChatMessage[];
+    metadata?: {
+        lastResponseId?: string;
+    };
+}
+export declare function createSessionRecord(sessionId: string): SessionRecord;
+export declare const CHAT_MESSAGE_ROLES: readonly ["user", "assistant", "system"];
+export declare const DEFAULT_CONVERSATION_ID = "default-session";

package/dist/esm/components/bik-chatbot/types/components.d.ts

@@ -0,0 +1,130 @@
+/// <reference types="react" />
+/**
+ * Component Props Types
+ *
+ * Type definitions for all component props in the bik-chatbot system.
+ */
+import { APIAdapter } from './ai';
+import { ApiRequestExecutor, FunctionDefinition, SystemConfig } from './ai';
+import type { ResponseFormat } from './ai';
+import { ChatMessage, ChatState, IceBreaker, VideoStarter } from './chat';
+export interface GenericChatbotProps {
+    systemPrompt: string;
+    systemId?: string;
+    functions?: FunctionDefinition[];
+    tools?: string[];
+    functionHandler?: (name: string, args: any) => Promise<any>;
+    onMessageReceived?: (message: string | object) => void;
+    displayInUI?: boolean;
+    maxToolCalls?: number;
+    maxTokens?: number;
+    requestExecutor: ApiRequestExecutor;
+    baseUrl: string;
+    endpointPath?: string;
+    responseFormat?: ResponseFormat;
+    responseSchema?: unknown;
+    conversationId?: string;
+    className?: string;
+    height?: string;
+    showHeader?: boolean;
+    placeholder?: string;
+    iceBreakers?: IceBreaker[];
+    videoStarter?: VideoStarter;
+    onUIUpdate?: (signal: unknown) => void;
+    onMessageSent?: (message: string) => void;
+    onIceBreakerClick?: (iceBreaker: IceBreaker) => void;
+    chatState?: ChatState;
+    inputDisabled?: boolean;
+}
+export interface BIKChatbotProps extends GenericChatbotProps {
+    /** AI model to use (optional, defaults to gpt-4o-mini) */
+    model?: string;
+}
+export interface AIChatProps {
+    className?: string;
+    style?: React.CSSProperties;
+    header?: string;
+    showHeader?: boolean;
+    placeholder?: string;
+    suggestions?: string[];
+    disabled?: boolean;
+    isThinking?: boolean;
+    height?: string;
+    iceBreakers?: IceBreaker[];
+    videoStarter?: VideoStarter;
+    onMessageSent?: (message: string) => void;
+    onIceBreakerClick?: (iceBreaker: IceBreaker) => void;
+    chatState?: ChatState;
+    inputDisabled?: boolean;
+}
+export interface ChatWindowProps {
+    messages: ChatMessage[];
+    onSend: (content: string) => void;
+    header?: string;
+    placeholder?: string;
+    suggestions?: string[];
+    iceBreakers?: IceBreaker[];
+    videoStarter?: VideoStarter;
+    disabled?: boolean;
+    isThinking?: boolean;
+    onIceBreakerClick?: (iceBreaker: IceBreaker) => void;
+    chatState?: ChatState;
+    inputDisabled?: boolean;
+}
+export interface AIProviderProps {
+    children: React.ReactNode;
+    systemPrompt: string;
+    systemId?: string;
+    functions?: FunctionDefinition[];
+    tools?: string[];
+    functionHandler?: (name: string, args: any) => Promise<any>;
+    onMessageReceived?: (message: string | object) => void;
+    displayInUI?: boolean;
+    maxToolCalls?: number;
+    maxTokens?: number;
+    requestExecutor: ApiRequestExecutor;
+    baseUrl: string;
+    endpointPath?: string;
+    responseFormat?: ResponseFormat;
+    responseSchema?: unknown;
+    conversationId?: string;
+    onUIUpdate?: (signal: unknown) => void;
+    customModel?: string;
+    onSystemReady?: (system: SystemConfig) => void;
+}
+export interface AIContextState {
+    isReady: boolean;
+    isLoading: boolean;
+    isApiCallInProgress: boolean;
+    system: SystemConfig | null;
+    messages: ChatMessage[];
+    conversation: unknown;
+    sendMessage: (content: string, intent?: string) => Promise<void>;
+    error: string | null;
+}
+export interface UseAIChatProps {
+    system: SystemConfig;
+    conversationId: string;
+    updateUI?: (signal: unknown) => void;
+    skipInitialization?: boolean;
+    customFunctions?: FunctionDefinition[];
+    functionHandler?: (name: string, args: any) => Promise<any>;
+    onMessageReceived?: (message: string | object) => void;
+    displayInUI?: boolean;
+    maxToolCalls?: number;
+    maxTokens?: number;
+    apiAdapter: APIAdapter;
+    responseFormat?: ResponseFormat;
+}
+export interface AIServiceConstructorProps {
+    system: SystemConfig;
+    dispatchMessage: (m: ChatMessage) => void;
+    customFunctions?: FunctionDefinition[];
+    functionHandler?: (name: string, args: any) => Promise<any>;
+    onMessageReceived?: (message: string | object) => void;
+    displayInUI?: boolean;
+    maxToolCalls?: number;
+    maxTokens?: number;
+    apiAdapter: APIAdapter;
+    responseFormat?: 'text' | 'json';
+}

package/dist/esm/components/bik-chatbot/types/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Comprehensive Type System for BIK Chatbot
+ */
+export * from './chat';
+export * from './ai';
+export * from './components';

package/dist/esm/components/bik-chatbot/utils/guardrails.d.ts

@@ -0,0 +1,6 @@
+export declare function sanitizeUserInput(text: string): string;
+export declare function injectSafetyPrompt(prompt: string): string;
+export declare function validateOutput(msg: unknown): boolean;
+export declare function validateFunctionCall(fnCall: unknown, allowedFunctions?: Array<{
+    name: string;
+}>): boolean;

package/dist/esm/components/bik-chatbot/utils/markdown.d.ts

@@ -0,0 +1 @@
+export declare function renderMarkdownLite(text: string): string;

package/dist/esm/components/bik-chatbot/utils/markdown.js

@@ -1 +1 @@
-function e(e){if(!e)return"";let r=e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");return r=r.replace(/```([\s\S]*?)```/g,(e,r)=>`<pre><code>${r.replace(/\n/g,"\n")}</code></pre>`),r=r.replace(/^####\s+(.+)$/gm,"<h4>$1</h4>"),r=r.replace(/^###\s+(.+)$/gm,"<h3>$1</h3>"),r=r.replace(/^##\s+(.+)$/gm,"<h2>$1</h2>"),r=r.replace(/^#\s+(.+)$/gm,"<h1>$1</h1>"),r=r.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>"),r=r.replace(/(^|\s)\*(.+?)\*(?=\s|$)/g,"$1<em>$2</em>"),r=r.replace(/(^|\s)_(.+?)_(?=\s|$)/g,"$1<em>$2</em>"),r=r.replace(/\n\n/g,"<br/><br/>"),r=r.replace(/\n/g,"<br/>"),r}export{e as renderMarkdownLite};
+function e(e){if(!e)return"";let r=e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");return r=r.replace(/```([\s\S]*?)```/g,((e,r)=>`<pre><code>${r.replace(/\n/g,"\n")}</code></pre>`)),r=r.replace(/^####\s+(.+)$/gm,"<h4>$1</h4>"),r=r.replace(/^###\s+(.+)$/gm,"<h3>$1</h3>"),r=r.replace(/^##\s+(.+)$/gm,"<h2>$1</h2>"),r=r.replace(/^#\s+(.+)$/gm,"<h1>$1</h1>"),r=r.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>"),r=r.replace(/(^|\s)\*(.+?)\*(?=\s|$)/g,"$1<em>$2</em>"),r=r.replace(/(^|\s)_(.+?)_(?=\s|$)/g,"$1<em>$2</em>"),r=r.replace(/\n\n/g,"<br/><br/>"),r=r.replace(/\n/g,"<br/>"),r}export{e as renderMarkdownLite};

package/dist/esm/components/bik-chatbot-examples/AnalyticsAdvisor.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface AnalyticsAdvisorProps {
+    storeId?: string;
+    height?: string;
+    fullHeight?: boolean;
+}
+export declare const AnalyticsAdvisor: React.FC<AnalyticsAdvisorProps>;
+export default AnalyticsAdvisor;

package/dist/esm/components/bik-chatbot-examples/ContentIdeasDemo.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Content Ideas Demo - Multi-step tool flow
+ * getTrends() -> generate 5 ideas -> updateIdeas({ ideas }) -> final JSON reply
+ */
+import React from 'react';
+export interface ContentIdeasDemoProps {
+    height?: string;
+    className?: string;
+    conversationId?: string;
+}
+export declare const ContentIdeasDemo: React.FC<ContentIdeasDemoProps>;
+export default ContentIdeasDemo;

package/dist/esm/components/bik-chatbot-examples/SilentModeDemo.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Silent Function Calls Demo - Testing that custom function calls don't show in chat
+ *
+ * This demonstrates:
+ * - Function calls execute silently (no chat bubbles for function execution)
+ * - Only final JSON data is displayed (not in chat)
+ * - Follows workflow: User Input → Function Call (SILENT) → Handler → Display Data
+ * - Perfect for testing the silent function call behavior
+ */
+import React from 'react';
+export interface SilentModeDemoProps {
+    height?: string;
+    className?: string;
+    conversationId?: string;
+}
+export declare const SilentModeDemo: React.FC<SilentModeDemoProps>;
+export default SilentModeDemo;

package/dist/esm/components/bik-chatbot-examples/SimpleChatbotDemo.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Simple Chatbot Demo - Basic text conversation without functions
+ *
+ * This demonstrates:
+ * - Plain text chatbot
+ * - No functions or structured data
+ * - Basic AI interaction
+ * - Web search capability (via Responses API)
+ */
+import React from 'react';
+export interface SimpleChatbotDemoProps {
+    height?: string;
+    className?: string;
+    conversationId?: string;
+}
+export declare const SimpleChatbotDemo: React.FC<SimpleChatbotDemoProps>;
+export default SimpleChatbotDemo;

package/dist/esm/components/bik-chatbot-examples/SimpleJsonChatDemo.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Simple JSON Chatbot Demo - Assistant returns JSON in text
+ *
+ * This demonstrates:
+ * - responseFormat='json' behavior
+ * - Chat bubble shows parsed.response
+ * - onMessageReceived receives full parsed JSON
+ */
+import React from 'react';
+export interface SimpleJsonChatbotDemoProps {
+    height?: string;
+    className?: string;
+    conversationId?: string;
+}
+export declare const SimpleJsonChatbotDemo: React.FC<SimpleJsonChatbotDemoProps>;
+export default SimpleJsonChatbotDemo;

package/dist/esm/components/bik-chatbot-examples/services/MockRequestExecutor.d.ts

@@ -0,0 +1,17 @@
+export interface MockSendDataOptions {
+    apiPath: string;
+    apiMethod?: 'POST' | 'GET' | 'PUT' | 'PATCH' | 'DELETE';
+    requestBody?: unknown;
+    requestHeader?: Record<string, string>;
+    skipStoreId?: boolean;
+    abortController?: AbortController;
+}
+type MockExecutorResult<T> = {
+    status: number;
+    data?: T;
+    error?: unknown;
+};
+export declare const MockRequestExecutor: {
+    sendData<T>({ apiPath, apiMethod, requestBody, requestHeader, abortController, }: MockSendDataOptions): Promise<MockExecutorResult<T>>;
+};
+export default MockRequestExecutor;

package/dist/esm/components/bik-chatbot-examples/types.ts/examples.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Example Types
+ *
+ * Type definitions for example components and their data structures.
+ */
+export interface Campaign {
+    id: string;
+    name: string;
+    description: string;
+    category: string;
+    tags?: string[];
+    timeline?: string;
+    eventName?: string;
+    trendingMoment?: string;
+    relevanceScore?: string;
+    goal?: string;
+}
+export interface TemplateRecommendation {
+    templateType: string;
+    templateName: string;
+    templateCategory: string;
+    templateDescription: string;
+    suggestedElements: {
+        headerText?: string;
+        bodyText: string;
+        footerText?: string;
+        buttonTexts: string[];
+        mediaType: string;
+    };
+}
+export interface AnalyticsData {
+    deliveryRate: number;
+    engagementRate: number;
+    bounceRate: number;
+    openRate: number;
+    clickRate?: number;
+    unsubscribeRate?: number;
+}
+export interface AnalyticsAnalysis {
+    response: string;
+    suggestions: string[];
+    insights: string[];
+    metrics: AnalyticsData;
+}
+export interface CampaignAIProps {
+    storeId: string;
+    onCampaignsGenerated: (campaigns: Campaign[]) => void;
+    height?: string;
+    className?: string;
+}
+export interface TemplateAIProps {
+    campaign: Campaign;
+    onTemplatesGenerated: (templates: TemplateRecommendation[]) => void;
+    height?: string;
+    className?: string;
+}
+export interface AnalyticsAdvisorProps {
+    onAnalysisReceived: (analysis: AnalyticsAnalysis) => void;
+    height?: string;
+    className?: string;
+}

package/dist/esm/components/bik-layout/BikHeader.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { CurtainProps } from "../curtain";
+export interface HeaderProps {
+    header: string;
+    subHeader?: string;
+    hideBackButton?: boolean;
+    rightActionButton?: JSX.Element;
+    leftLayout?: JSX.Element;
+    onClickingBackButton?: () => void;
+    secondaryHeader?: JSX.Element;
+    curtainProps?: CurtainProps;
+    curtainZIndex?: number;
+    headerStyles?: React.CSSProperties;
+    dataTest?: string;
+}
+export declare const BikHeader: React.FC<HeaderProps>;

package/dist/esm/components/bik-layout/BikHeader.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import{useState as n}from"react";import{Curtain as o}from"../curtain/Curtain.js";import{BodyCaption as s,TitleMedium as a,TitleRegular as c}from"../TypographyStyle.js";import{BikHeaderWrapper as l,BikHeaderContainer as d}from"./CommonStyles.js";const h=h=>{const{header:m,subHeader:u,hideBackButton:p=!0,rightActionButton:f,onClickingBackButton:y,secondaryHeader:g,curtainProps:j,curtainZIndex:k,headerStyles:v,leftLayout:w,dataTest:x}=h,[C,B]=n(!!j);return e(l,{style:Object.assign({},v),"data-test":x,children:[e(d,{children:[w?e(t,{children:[!p&&r(i,{className:"cursor",height:24,width:24,onClick:y}),w]}):e("div",{className:"row--flex left-container",children:[!p&&r(i,{className:"cursor",height:24,width:24,onClick:y}),e("div",{children:[u?r(s,{className:"brand",children:m}):r(a,{children:m}),r(c,{children:u})]})]}),r("div",{className:"row--flex right-container",children:f})]}),C&&j&&e(t,{children:[r("div",{style:{position:"sticky",top:0,width:"auto",zIndex:k||6},children:r(o,Object.assign({},j,{onCloseHandler:()=>{B(!1)}}))}),r("div",{style:{height:20}})]}),null!=g?g:r(t,{})]})};export{h as BikHeader};
+import{jsxs as e,Fragment as t,jsx as i}from"react/jsx-runtime";import r from"../../assets/icons/arrow_left.svg.js";import{useState as s}from"react";import{Curtain as n}from"../curtain/Curtain.js";import{BodyCaption as a,TitleMedium as c,TitleRegular as o}from"../TypographyStyle.js";import{BikHeaderWrapper as l,BikHeaderContainer as d}from"./CommonStyles.js";const h=h=>{const{header:m,subHeader:g,hideBackButton:u=!0,rightActionButton:j,onClickingBackButton:p,secondaryHeader:f,curtainProps:y,curtainZIndex:b,headerStyles:O,leftLayout:k,dataTest:v}=h,[w,x]=s(!!y);return e(l,Object.assign({style:Object.assign({},O),"data-test":v},{children:[e(d,{children:[k?e(t,{children:[!u&&i(r,{className:"cursor",height:24,width:24,onClick:p}),k]}):e("div",Object.assign({className:"row--flex left-container"},{children:[!u&&i(r,{className:"cursor",height:24,width:24,onClick:p}),e("div",{children:[g?i(a,Object.assign({className:"brand"},{children:m})):i(c,{children:m}),i(o,{children:g})]})]})),i("div",Object.assign({className:"row--flex right-container"},{children:j}))]}),w&&y&&e(t,{children:[i("div",Object.assign({style:{position:"sticky",top:0,width:"auto",zIndex:b||6}},{children:i(n,Object.assign({},y,{onCloseHandler:()=>{x(!1)}}))})),i("div",{style:{height:20}})]}),null!=f?f:i(t,{})]}))};export{h as BikHeader};

package/dist/esm/components/bik-layout/BikLayout.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export interface BikLayoutProps {
+    isLoading: boolean;
+    isFeatureModalEnabled?: boolean;
+    isDisabled?: boolean;
+    hidePadding?: boolean;
+    loadingAnimation?: JSX.Element;
+    height?: string;
+    children?: React.ReactNode;
+    containerStyles?: React.CSSProperties;
+    onClickingCrossOnFeatureModal?: () => void;
+    onUpgrade?: () => void;
+    extraContentForModal?: JSX.Element;
+    type?: 'overflow-within' | 'overflow-body';
+    featureModalProps?: {
+        title?: string;
+        subTitle?: string;
+        showBookADemo?: boolean;
+        demoLink?: string;
+        featureImage?: string;
+    };
+    useFeautureModalV2?: boolean;
+    backgroundColor?: string;
+}
+export declare const BikLayout: React.FC<BikLayoutProps>;

package/dist/esm/components/bik-layout/BikLayout.js

@@ -1 +1 @@
-import{jsx as e,Fragment as o,jsxs as r}from"react/jsx-runtime";import{BikLayoutContainer as n}from"./CommonStyles.js";import{FeatureModal as a}from"./FeatureModal.js";import{FeatureModalV2 as t}from"./FeatureModalV2.js";import{PageLoader as i}from"./PageLoader.js";const d=d=>{const{isLoading:s,isFeatureModalEnabled:l=!1,isDisabled:c=!1,loadingAnimation:p,hidePadding:g=!1,height:m,children:h,containerStyles:u,onClickingCrossOnFeatureModal:C,onUpgrade:b,extraContentForModal:j,featureModalProps:M,type:f,useFeautureModalV2:k,backgroundColor:F}=d;return s?e(n,{backgroundColor:F,children:p||e(i,{})}):e(o,{children:r(n,{type:f,backgroundColor:F,children:[e("div",{className:""+(c?"disabled--wrapper":"")}),e("div",{className:""+(g?"inner-wrapper":"inner-wrapper pd-24"),style:Object.assign({height:`${m||""}`},null!=u?u:{}),children:h}),l&&e(o,{children:k?e(t,Object.assign({onUpgrade:b},M,{otherContent:j})):e(a,Object.assign({showBookADemo:!0,onClickingCross:()=>C?C():"",onUpgrade:b},M,{otherContent:j}))})]})})};export{d as BikLayout};
+import{jsx as e,Fragment as o,jsxs as r}from"react/jsx-runtime";import{BikLayoutContainer as n}from"./CommonStyles.js";import{FeatureModal as a}from"./FeatureModal.js";import{FeatureModalV2 as t}from"./FeatureModalV2.js";import{PageLoader as i}from"./PageLoader.js";const s=s=>{const{isLoading:d,isFeatureModalEnabled:l=!1,isDisabled:c=!1,loadingAnimation:g,hidePadding:p=!1,height:m,children:h,containerStyles:u,onClickingCrossOnFeatureModal:b,onUpgrade:j,extraContentForModal:C,featureModalProps:M,type:O,useFeautureModalV2:f,backgroundColor:k}=s;return d?e(n,Object.assign({backgroundColor:k},{children:g||e(i,{})})):e(o,{children:r(n,Object.assign({type:O,backgroundColor:k},{children:[e("div",{className:""+(c?"disabled--wrapper":"")}),e("div",Object.assign({className:""+(p?"inner-wrapper":"inner-wrapper pd-24"),style:Object.assign({height:`${m||""}`},null!=u?u:{})},{children:h})),l&&e(o,{children:f?e(t,Object.assign({onUpgrade:j},M,{otherContent:C})):e(a,Object.assign({showBookADemo:!0,onClickingCross:()=>b?b():"",onUpgrade:j},M,{otherContent:C}))})]}))})};export{s as BikLayout};

package/dist/esm/components/bik-layout/BikProfile.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface BikProfileProps {
+    userName: string;
+    hideLogout?: boolean;
+    photoUrl?: string;
+    isActiveAwayStatus?: boolean;
+    isAvailable?: boolean;
+    onProfileClicked?: () => void;
+    onLogout?: () => void;
+    extraJSX?: JSX.Element;
+}
+export declare const BikProfile: React.FC<BikProfileProps>;

package/dist/esm/components/bik-layout/BikProfile.js

@@ -1 +1 @@
-import{jsx as i,jsxs as o,Fragment as e}from"react/jsx-runtime";import n from"../../assets/icons/log_out.svg.js";import{useState as r}from"react";import{Dropdown as t,OverlayTrigger as l}from"react-bootstrap";import{COLORS as a,DEFAULT_THEME as c}from"../../constants/Theme.js";import"../tooltips/Tooltip.js";import{BodyCaption as s,TitleSmall as d,BodySecondary as m}from"../TypographyStyle.js";import{StyledDropdown as h}from"../floating-action-button/FloatingActionButton.styles.js";import{StyledTooltip as p,MenuInnerContainer as g,UserInfoContainer as v,UserStatusContainer as u,UserNameTitleSmall as A,StatusContainer as y,StyledBodyCaption as f,ProfileDropdownToggleContainer as b,ProfileDropdownInnerContainer as w,UserAvatarContainer as j}from"./CommonStyles.js";const U=b=>{const[w,j]=r(!1),{userName:U,hideLogout:C=!1,photoUrl:x,isActiveAwayStatus:D=!0,isAvailable:S=!1,extraJSX:T,onProfileClicked:k,onLogout:L}=b,O=i=>{const o=(i||"").split("."),e=o[1]||o[0];if(!e)return"";return e.split(" ").map(i=>i.charAt(0).toUpperCase()).slice(0,2).join("")},B=i(p,{id:"tooltip",children:i(s,{children:U})});return o(h,{onToggle:i=>{j(i)},children:[i(I,{isDropdownOpen:w,imageUrl:x,initialsAsIcon:x?"":O(U)}),i(t.Menu,{children:o(g,{children:[o(v,{onClick:k,children:[i(N,{imageUrl:x,initialsAsIcon:x?"":O(U)}),o(u,{children:[i(l,{delay:{show:100,hide:400},placement:"top",overlay:B,children:i(A,{children:i(d,{children:U})})}),D&&o(y,{isAvailable:S,children:[i("div",{className:"availability--container"}),!S&&i(f,{isAvailable:S,children:"Away"}),S&&i(f,{isAvailable:S,children:"Active"})]})]})]}),T&&o(e,{children:[i("div",{className:"divider"}),T]}),!C&&o(e,{children:[i("div",{className:"divider"}),o("div",{className:"logout--container",onClick:L,onKeyDown:L,role:"button",tabIndex:0,children:[i(n,{color:a.content.negative,height:17,width:17}),i(m,{style:{color:c.colorsV2.content.negative},children:"Logout"})]})]})]})})]})},I=o=>{const{isDropdownOpen:e,imageUrl:n,initialsAsIcon:r}=o;return i(b,{id:"dropdown-basic",children:i(w,{isDropdownOpen:e,children:i(N,{imageUrl:n,initialsAsIcon:r})})})},N=o=>{const{imageUrl:n,initialsAsIcon:r}=o;return i(e,{children:(r||n)&&i(j,{children:n?i("img",{src:n,alt:"general-icon"}):i("div",{className:"avatar--container",children:i(m,{style:{color:a.surface.standard},children:r})})})})};export{U as BikProfile};
+import{jsx as i,jsxs as e,Fragment as n}from"react/jsx-runtime";import t from"../../assets/icons/log_out.svg.js";import{useState as o}from"react";import{Dropdown as s,OverlayTrigger as r}from"react-bootstrap";import{COLORS as a,DEFAULT_THEME as c}from"../../constants/Theme.js";import"../tooltips/Tooltip.js";import{BodyCaption as l,TitleSmall as d,BodySecondary as m}from"../TypographyStyle.js";import{StyledDropdown as g}from"../floating-action-button/FloatingActionButton.styles.js";import{StyledTooltip as h,MenuInnerContainer as p,UserInfoContainer as b,UserStatusContainer as j,UserNameTitleSmall as v,StatusContainer as u,StyledBodyCaption as O,ProfileDropdownToggleContainer as A,ProfileDropdownInnerContainer as y,UserAvatarContainer as f}from"./CommonStyles.js";const w=A=>{const[y,f]=o(!1),{userName:w,hideLogout:N=!1,photoUrl:C,isActiveAwayStatus:x=!0,isAvailable:D=!1,extraJSX:S,onProfileClicked:T,onLogout:k}=A,L=i=>{const e=(i||"").split("."),n=e[1]||e[0];if(!n)return"";return n.split(" ").map((i=>i.charAt(0).toUpperCase())).slice(0,2).join("")},B=i(h,Object.assign({id:"tooltip"},{children:i(l,{children:w})}));return e(g,Object.assign({onToggle:i=>{f(i)}},{children:[i(U,{isDropdownOpen:y,imageUrl:C,initialsAsIcon:C?"":L(w)}),i(s.Menu,{children:e(p,{children:[e(b,Object.assign({onClick:T},{children:[i(I,{imageUrl:C,initialsAsIcon:C?"":L(w)}),e(j,{children:[i(r,Object.assign({delay:{show:100,hide:400},placement:"top",overlay:B},{children:i(v,{children:i(d,{children:w})})})),x&&e(u,Object.assign({isAvailable:D},{children:[i("div",{className:"availability--container"}),!D&&i(O,Object.assign({isAvailable:D},{children:"Away"})),D&&i(O,Object.assign({isAvailable:D},{children:"Active"}))]}))]})]})),S&&e(n,{children:[i("div",{className:"divider"}),S]}),!N&&e(n,{children:[i("div",{className:"divider"}),e("div",Object.assign({className:"logout--container",onClick:k,onKeyDown:k,role:"button",tabIndex:0},{children:[i(t,{color:a.content.negative,height:17,width:17}),i(m,Object.assign({style:{color:c.colorsV2.content.negative}},{children:"Logout"}))]}))]})]})})]}))},U=e=>{const{isDropdownOpen:n,imageUrl:t,initialsAsIcon:o}=e;return i(A,Object.assign({id:"dropdown-basic"},{children:i(y,Object.assign({isDropdownOpen:n},{children:i(I,{imageUrl:t,initialsAsIcon:o})}))}))},I=e=>{const{imageUrl:t,initialsAsIcon:o}=e;return i(n,{children:(o||t)&&i(f,{children:t?i("img",{src:t,alt:"general-icon"}):i("div",Object.assign({className:"avatar--container"},{children:i(m,Object.assign({style:{color:a.surface.standard}},{children:o}))}))})})};export{w as BikProfile};

package/dist/esm/components/bik-layout/BikSidebar.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Menu } from './SimpleSidebar';
+export interface MenuItem {
+    key: string | number;
+    displayName: string;
+    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    activeIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    hoverIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    isLastSticky?: boolean;
+    is2ndLastSticky?: boolean;
+    children?: Menu[];
+    showAccessUpgradePanel?: boolean;
+    path?: string;
+    layout?: 'fullScreen' | 'popup' | string | undefined;
+    isNew?: boolean;
+    isLocked?: boolean;
+}
+export interface BikSidebarProps {
+    logoSvg?: JSX.Element;
+    allMenuList: MenuItem[];
+    activeMainMenu: MenuItem;
+    activeSubMenu: Menu;
+    router: any;
+    onClickingMainMenu: (menu: MenuItem) => void;
+    onClickingSubMenu: (subMenu: Menu) => void;
+    onClickingAccessUpgradePanel?: () => void;
+    onClickingPopupMenuItem?: (menu: Menu) => void;
+    popupMinHeight?: number;
+    isNewSidebar?: boolean;
+    onboardingPercentage?: number;
+    menuStyle?: React.CSSProperties;
+}
+export declare const BikSidebar: React.FC<BikSidebarProps>;