@bikdotai/bik-component-library 0.0.741 → 0.0.742-beta.10

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

@@ -1,163 +0,0 @@
-/**
- * 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;
-    output_parser?: string;
-    use_case?: string;
-    store_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;
-    useCase?: string;
-    storeId?: string;
-};

package/dist/esm/components/bik-chatbot/types/ai.js

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

@@ -1,34 +0,0 @@
-/**
- * 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

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

@@ -1,136 +0,0 @@
-/// <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;
-    useCase?: string;
-    storeId?: string;
-}
-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;
-    useCase?: string;
-    storeId?: string;
-}
-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';
-    useCase?: string;
-    storeId?: string;
-}

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

@@ -1,6 +0,0 @@
-/**
- * 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

@@ -1,6 +0,0 @@
-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

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

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

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

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

@@ -1,8 +0,0 @@
-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

@@ -1,12 +0,0 @@
-/**
- * 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

@@ -1,17 +0,0 @@
-/**
- * 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

@@ -1,17 +0,0 @@
-/**
- * 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

@@ -1,16 +0,0 @@
-/**
- * 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

@@ -1,17 +0,0 @@
-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

@@ -1,61 +0,0 @@
-/**
- * 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

@@ -1,16 +0,0 @@
-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 +0,0 @@
-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

@@ -1,25 +0,0 @@
-/// <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 +0,0 @@
-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

@@ -1,12 +0,0 @@
-/// <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 +0,0 @@
-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

@@ -1,33 +0,0 @@
-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

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