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

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

@@ -0,0 +1 @@
+import{__awaiter as i}from"../../../_virtual/_tslib.js";import{set as o,get as t}from"idb-keyval";const n="ai-session:";function r(t,r){return i(this,void 0,void 0,(function*(){yield o(`${n}${t}`,r)}))}function u(o){return i(this,void 0,void 0,(function*(){return(yield t(`${n}${o}`))||null}))}export{u as loadSession,r as saveSession};

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

@@ -0,0 +1,7 @@
+import { ChatMessage, SessionRecord, UseAIChatProps } from '../types';
+export declare function useAIChat({ system, conversationId, skipInitialization, customFunctions, functionHandler, responseFormat, onMessageReceived, displayInUI, maxToolCalls, maxTokens, apiAdapter, }: Omit<UseAIChatProps, 'updateUI'>): {
+    messages: ChatMessage[];
+    conversation: SessionRecord;
+    sendMessage: (content: string, intent?: string) => Promise<void>;
+    isApiCallInProgress: boolean;
+};

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

@@ -0,0 +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(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/ai.js

@@ -0,0 +1 @@
+const t=["gpt-4.1-nano","gpt-4.1-mini"],n="gpt-4.1-mini",i="text",o=5,p=["text","json"];export{t as ALLOWED_MODELS,o as DEFAULT_MAX_TOOL_CALLS,n as DEFAULT_MODEL,i as DEFAULT_RESPONSE_FORMAT,p as RESPONSE_FORMATS};

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/chat.js

@@ -0,0 +1 @@
+function s(s){return{sessionId:s,createdAt:Date.now(),updatedAt:Date.now(),messages:[],metadata:{}}}const t=["user","assistant","system"],e="default-session";export{t as CHAT_MESSAGE_ROLES,e as DEFAULT_CONVERSATION_ID,s as createSessionRecord};

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/guardrails.js

@@ -0,0 +1 @@
+function o(o){return o?o.replace(/[\u0000-\u001F\u007F]/g,"").trim():""}function n(o){return`${o}\n\nFollow company safety rules: do not provide PII, do not encourage illegal activity, avoid disallowed content.`}export{n as injectSafetyPrompt,o as sanitizeUserInput};

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

@@ -0,0 +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};

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

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

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

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

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

@@ -0,0 +1 @@
+import{j as e}from"../../node_modules/react/jsx-runtime.js";import i from"../../assets/icons/Bik_logo.svg.js";import n from"../../assets/icons/locked.svg.js";import{useState as t,useMemo as o,useEffect as s,useCallback as l,Fragment as d}from"react";import r from"../progress-bar/CircularProgressBar.js";import{COLORS as a}from"../../constants/Theme.js";import{NavigationHyperlink as c}from"../navigation-hyperlink/NavigationHyperlink.js";import{SidebarPopup as u}from"./SidebarPopup.js";import{SideBarContainer as v,MainSideBarMenuWrapper as m,SibeBarMenuItem as p}from"./SidebarStyles.js";import{SimpleSidebar as g}from"./SimpleSidebar.js";const h=n=>{const{logoSvg:a,allMenuList:h,activeMainMenu:y,activeSubMenu:k,router:b,onClickingMainMenu:x,onClickingSubMenu:M,onClickingAccessUpgradePanel:w,onClickingPopupMenuItem:S,popupMinHeight:f,isNewSidebar:L,menuStyle:N}=n,[C,H]=t(y),[O,P]=t(),[I,A]=t(k),[E,F]=t(!1),[_,B]=t(),[$,D]=t(),[T,U]=t(),[R,z]=t(null),q=o((()=>h.filter((e=>e.is2ndLastSticky||e.isLastSticky)).length),[h]);s((()=>{H(y)}),[y]),s((()=>{A(k)}),[k]);const K=l((e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(B(void 0),P(void 0),F(!0),H(e),e.path||x(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?A(null==e?void 0:e.children[0]):A({}),P(void 0),setTimeout((()=>{F(!1)}),1e3))}),[x]),W=l((e=>{var i,n;if(X(),P(void 0),B(void 0),"popup"==(null==e?void 0:e.layout)){const i=Q();i&&D(i),B(e)}else{const t=document.getElementById((null===(n=null===(i=e.displayName)||void 0===i?void 0:i.split(" "))||void 0===n?void 0:n.join(""))||e.key.toString());if(t){const e=G(t);U(e)}P(e),V()}}),[]),G=e=>{const i=e.getBoundingClientRect();let n=i.top;const t=e.querySelectorAll("div");let o=null;if(window.innerHeight<=768)return n;if(t.forEach((e=>{e.className.includes("sticky")&&(o=e)})),o){const e=window.innerHeight-i.bottom;n=i.top+e-200}return n};s((()=>{const e=()=>{const e=Q();e&&D(e),J()};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const J=()=>{const e=document.getElementById("_sub-menu"),i=null==e?void 0:e.getBoundingClientRect().height;i&&U(window.innerHeight-i)},Q=()=>{var e,i;if(_){const n=(null===(i=null===(e=_.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||_.key.toString()+"_sub",t=document.getElementById(n);if(t){const e=t.getBoundingClientRect();let i=e.top;const n=null!=f?f:320;return e.bottom+n>window.innerHeight&&(i-=e.bottom+n-window.innerHeight),i}return null}},V=()=>{X();const e=setTimeout((()=>P(void 0)),1e4);z(e)},X=()=>{clearTimeout(R)};return e.jsxs(v,{children:[e.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:a||e.jsx(i,{})})),e.jsxs(m,Object.assign({style:N},{children:[null==h?void 0:h.map(((i,n)=>{var t,o;return e.jsxs(d,{children:[i.path?e.jsx(c,Object.assign({href:i.path,router:b},{children:e.jsx(j,{option:i,index:n,onClickMainMenuLogic:K,setHandleHoverForFullLayout:W,isDisabled:E,setHoveredComp:P,setPopupMenu:B,mainActiveMenu:C,hoveredComp:O,popupMenu:_})})):e.jsx(j,{option:i,index:n,onClickMainMenuLogic:K,setHandleHoverForFullLayout:W,isDisabled:E,setHoveredComp:P,setPopupMenu:B,mainActiveMenu:C,hoveredComp:O,popupMenu:_}),e.jsxs(e.Fragment,{children:["popup"===i.layout&&(null===(t=null==_?void 0:_.children)||void 0===t?void 0:t.length)&&e.jsx(u,{top:null!=$?$:void 0,menuList:null==_?void 0:_.children,onClickingPopupMenu:e=>{S&&S(e),B(void 0)},onMouseLeaveOnMenu:()=>B(void 0)}),(null===(o=null==O?void 0:O.children)||void 0===o?void 0:o.length)&&e.jsx(g,{menuList:null==O?void 0:O.children,activeMenu:I,onMouseEnterOnMenu:()=>X(),onMouseLeaveOnMenu:()=>{X(),P(void 0)},left:L?92:88,postion:"fixed",header:O.displayName,theme:"brand",router:b,showAccessUpgradePanel:O.showAccessUpgradePanel,onMenuClick:(e,i)=>{A(e),H(O),P(void 0),B(void 0),i&&M(e)},onUpgrade:w,top:L&&T||0,isNewSidebar:L})]})]},n)})),"number"==typeof n.onboardingPercentage&&e.jsx(p,{children:e.jsx("div",Object.assign({className:"main--sidebar"},{children:e.jsx("div",Object.assign({id:"bik-onboarding__checklist",className:"sidebar-menu-item "+(0===q?"sticky-menu":1===q?"sticky-menu-int":"sticky-menu-three")},{children:e.jsx(r,{percentage:n.onboardingPercentage,width:48})}))}))})]}))]})},y=i=>{const{icon:n,isActive:t,activeStateIcon:o,hoverStateIcon:s,isHovered:l}=i,d=n,r=o,c=s;return e.jsx(e.Fragment,{children:t?e.jsx(r,{width:20,height:20}):l?e.jsx(c,{width:20,height:20,color:a.surface.standard}):e.jsx(d,{width:20,height:20,color:a.surface.standard})})},j=i=>{let{option:t,index:o,onClickMainMenuLogic:s,setHandleHoverForFullLayout:l,isDisabled:d,setHoveredComp:r,setPopupMenu:a,mainActiveMenu:c,hoveredComp:u,popupMenu:v}=i;var m,g,h,j,k,b;return e.jsx(p,{children:e.jsxs("div",Object.assign({id:(null===(g=null===(m=t.displayName)||void 0===m?void 0:m.split(" "))||void 0===g?void 0:g.join(""))||t.key.toString(),className:"main--sidebar",onClick:()=>s(t),onMouseEnter:()=>{!d&&l(t)},onMouseOver:()=>{!d&&l(t)},onMouseLeave:()=>{var e;(null===(e=null==t?void 0:t.children)||void 0===e?void 0:e.length)||(r(void 0),a(void 0))},onFocus:()=>{},"aria-hidden":"true"},{children:[t.isNew&&e.jsx("div",Object.assign({className:"new-tag "+(t.isLastSticky?"tag-sticky":"")},{children:"NEW"})),t.isLocked&&e.jsx("div",Object.assign({className:`locked--channel ${t.isLastSticky?"tag-sticky":""}  ${t.is2ndLastSticky?"tag-sticky-2":""}`},{children:e.jsx(n,{height:16,width:16})})),e.jsxs("div",Object.assign({id:(null===(j=null===(h=t.displayName)||void 0===h?void 0:h.split(" "))||void 0===j?void 0:j.join(""))+"_sub"||t.key.toString()+"_sub",className:`sidebar-menu-item \n\t\t\t\t\t${(null==c?void 0:c.key)===t.key?"main-menu-active-class":""} \n\t\t\t\t\t${t.isLastSticky?"sticky-menu-int":""} \n\t\t\t\t\t${t.is2ndLastSticky?"sticky-menu":""} \n\t\t\t\t\t${t.key===(null==u?void 0:u.key)?"sidebar-menu-item-hover":""} \n\t\t\t\t\t${t.isNew?"new-menu-item":""}`},{children:[e.jsx(y,{icon:t.icon,isActive:t.key==(null==c?void 0:c.key),activeStateIcon:null!==(k=t.activeIcon)&&void 0!==k?k:{},hoverStateIcon:null!==(b=t.hoverIcon)&&void 0!==b?b:{},isHovered:t.key==(null==u?void 0:u.key)||t.key==(null==v?void 0:v.key)}),e.jsx("div",Object.assign({className:"menu-item-container"},{children:e.jsx("p",Object.assign({className:"menu-item-text "+((null==t?void 0:t.key)===(null==c?void 0:c.key)?"active-menu-item-text":"")},{children:t.displayName}))}))]}),o)]}),o)})};export{h as BikSidebar};