@bikdotai/bik-component-library 0.0.808-beta.0 → 0.0.809-beta.0

package/dist/cjs/components/bik-chatbot/services/aiService.js.map

@@ -1 +1 @@
-{"version":3,"file":"aiService.js","sources":["../../../../../src/components/bik-chatbot/services/aiService.ts"],"sourcesContent":["import {\n\tAIServiceConstructorProps,\n\tChatMessage,\n\tFunctionDefinition,\n\tGenericAIResponse,\n\tSystemConfig,\n} from '../types';\nimport type { ChatMessageItem, FunctionCallOutputItem } from '../types/ai';\nimport { APIAdapter } from '../types/ai';\nimport type { ResponseFormat } from '../types/ai';\nimport { injectSafetyPrompt, sanitizeUserInput } from '../utils/guardrails';\nimport { callToChatbot } from './callToChatbot';\n\nexport class AIService {\n\tsystem: SystemConfig;\n\tdispatchMessage: (m: ChatMessage) => void;\n\n\tcustomFunctions?: FunctionDefinition[];\n\tfunctionHandler?: (name: string, args: unknown) => Promise<unknown>;\n\tonMessageReceived?: (message: string | object) => void;\n\tdisplayInUI?: boolean;\n\tmaxToolCalls?: number;\n\tmaxTokens?: number;\n\tapiAdapter: APIAdapter;\n\tresponseFormat?: ResponseFormat;\n\tuseCase?: string;\n\tstoreId?: string;\n\n\tconstructor(opts: AIServiceConstructorProps) {\n\t\tthis.system = opts.system;\n\t\tthis.dispatchMessage = opts.dispatchMessage;\n\n\t\t// Set generic mode properties\n\t\tthis.customFunctions = opts.customFunctions;\n\t\tthis.functionHandler = opts.functionHandler;\n\t\tthis.onMessageReceived = opts.onMessageReceived;\n\t\tthis.displayInUI = opts.displayInUI !== false; // Default true\n\t\tthis.maxToolCalls = opts.maxToolCalls || 10;\n\t\tthis.maxTokens = opts.maxTokens;\n\t\tthis.apiAdapter = opts.apiAdapter;\n\t\tthis.responseFormat = opts.responseFormat;\n\t\tthis.useCase = opts.useCase;\n\t\tthis.storeId = opts.storeId;\n\t\tif (!this.apiAdapter) {\n\t\t\tthrow new Error(\n\t\t\t\t'Chatbot authentication not configured: RequestExecutor is required',\n\t\t\t);\n\t\t}\n\t}\n\n\tprivate sanitizeToolOutput(toolName: string, output: unknown): string {\n\t\t// Backend requires output to be a string - stringify objects to JSON\n\t\ttry {\n\t\t\tif (output !== null && typeof output === 'object') {\n\t\t\t\t// Remove top-level 'success' key if present, then stringify to JSON\n\t\t\t\tconst { success, ...rest } = output as Record<string, unknown>;\n\t\t\t\treturn JSON.stringify(rest);\n\t\t\t}\n\t\t\t// For strings and primitives, return as string\n\t\t\treturn typeof output === 'string' ? output : String(output);\n\t\t} catch {\n\t\t\treturn typeof output === 'string' ? output : String(output);\n\t\t}\n\t}\n\n\tprivate tryParseAssistantJson(text?: string | null): unknown | null {\n\t\tif (!text) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet cleaned = text.trim();\n\t\tcleaned = cleaned\n\t\t\t.replace(/^```json\\s*/i, '')\n\t\t\t.replace(/^```\\s*/i, '')\n\t\t\t.replace(/\\s*```$/g, '')\n\t\t\t.trim();\n\n\t\ttry {\n\t\t\treturn JSON.parse(cleaned);\n\t\t} catch {\n\t\t\ttry {\n\t\t\t\tconst normalized = cleaned.replace(/}\\s*{/g, '},{');\n\t\t\t\tconst wrapped = `[${normalized}]`;\n\t\t\t\treturn JSON.parse(wrapped);\n\t\t\t} catch {\n\t\t\t\treturn text;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate dispatchParsedResponses(items: unknown[]) {\n\t\tif (!this.displayInUI) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst timestampBase = Date.now();\n\t\titems.forEach((item, index) => {\n\t\t\tlet bubbleContent = '';\n\t\t\tlet role: 'assistant' | 'system' = 'assistant';\n\n\t\t\tif (item && typeof item === 'object') {\n\t\t\t\tconst record = item as Record<string, unknown>;\n\t\t\t\tif (typeof record['response'] === 'string') {\n\t\t\t\t\tbubbleContent = record['response'];\n\t\t\t\t} else if (typeof record['content'] === 'string') {\n\t\t\t\t\tbubbleContent = record['content'];\n\t\t\t\t}\n\n\t\t\t\tif (record['role'] === 'system') {\n\t\t\t\t\trole = 'system';\n\t\t\t\t}\n\t\t\t} else if (typeof item === 'string') {\n\t\t\t\tbubbleContent = item;\n\t\t\t}\n\n\t\t\tif (bubbleContent) {\n\t\t\t\tthis.dispatchMessage({\n\t\t\t\t\tid: `m-${timestampBase}-${index}`,\n\t\t\t\t\trole,\n\t\t\t\t\tcontent: bubbleContent,\n\t\t\t\t\ttimestamp: timestampBase + index,\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tprivate makeSystemMessage() {\n\t\treturn {\n\t\t\trole: 'system',\n\t\t\tcontent: injectSafetyPrompt(this.system.systemPrompt),\n\t\t};\n\t}\n\n\tasync generate(\n\t\tmessages: { role: string; content: string }[],\n\t\tconversationId: string,\n\t\tintent = 'default',\n\t\tlastResponseId?: string,\n\t): Promise<{ responseId?: string }> {\n\t\tconst sanitized = messages.map((m) => ({\n\t\t\trole: m.role,\n\t\t\ttext: sanitizeUserInput(m.content),\n\t\t}));\n\n\t\tconst history = [\n\t\t\t{ role: 'system', text: this.makeSystemMessage().content },\n\t\t\t...sanitized,\n\t\t];\n\n\t\t// Use recursive tool call engine for all cases\n\t\treturn this.generateWithRecursiveToolCalls(\n\t\t\thistory,\n\t\t\tconversationId,\n\t\t\tintent,\n\t\t\tlastResponseId,\n\t\t);\n\t}\n\n\t/**\n\t * Recursive tool call engine for all AI interactions\n\t */\n\tprivate async generateWithRecursiveToolCalls(\n\t\thistory: { role: string; text: string }[],\n\t\tconversationId: string,\n\t\tintent: string,\n\t\tlastResponseId?: string,\n\t): Promise<{ responseId?: string }> {\n\t\ttype InternalHistoryMessage = {\n\t\t\trole: string;\n\t\t\ttext: string;\n\t\t\ttoolCallId?: string;\n\t\t\ttoolName?: string;\n\t\t\ttoolArgs?: string;\n\t\t};\n\t\tconst currentHistory: InternalHistoryMessage[] = history.map((m) => ({\n\t\t\trole: m.role,\n\t\t\ttext: m.text,\n\t\t}));\n\t\tlet currentResponseId = lastResponseId;\n\t\tlet iterationCount = 0;\n\t\tconst toolCallHistory: Array<{\n\t\t\tname: string;\n\t\t\targs: unknown;\n\t\t\titeration: number;\n\t\t}> = [];\n\t\t// If we make an immediate follow-up call (after tool output), store the payload here\n\t\tlet carryOverPayload: GenericAIResponse | undefined;\n\n\t\twhile (iterationCount < this.maxToolCalls!) {\n\t\t\titerationCount++;\n\n\t\t\tlet payload: GenericAIResponse;\n\t\t\ttry {\n\t\t\t\t// Use carryOverPayload if available to avoid an extra top-of-loop API call\n\t\t\t\tif (carryOverPayload) {\n\t\t\t\t\tpayload = carryOverPayload;\n\t\t\t\t\tcarryOverPayload = undefined;\n\t\t\t\t} else {\n\t\t\t\t\t// Shape input based on whether we're continuing a convo (previousResponseId) or starting fresh\n\t\t\t\t\tlet nextInput:\n\t\t\t\t\t\t| Array<ChatMessageItem | FunctionCallOutputItem>\n\t\t\t\t\t\t| undefined;\n\t\t\t\t\tif (iterationCount === 1 && currentResponseId) {\n\t\t\t\t\t\t// New user message after previous response: send only the latest user message\n\t\t\t\t\t\tconst lastUser = [...currentHistory]\n\t\t\t\t\t\t\t.reverse()\n\t\t\t\t\t\t\t.find((m) => m.role === 'user');\n\t\t\t\t\t\tif (lastUser) {\n\t\t\t\t\t\t\tnextInput = [{ role: 'user', content: lastUser.text }];\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tpayload = await callToChatbot(\n\t\t\t\t\t\tcurrentHistory,\n\t\t\t\t\t\tintent,\n\t\t\t\t\t\tconversationId,\n\t\t\t\t\t\tthis.system.id,\n\t\t\t\t\t\tthis.apiAdapter,\n\t\t\t\t\t\tcurrentResponseId,\n\t\t\t\t\t\tthis.system.functions,\n\t\t\t\t\t\tthis.system.model,\n\t\t\t\t\t\tnextInput,\n\t\t\t\t\t\tthis.system.tools,\n\t\t\t\t\t\tthis.maxTokens,\n\t\t\t\t\t\tthis.useCase,\n\t\t\t\t\t\tthis.storeId,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} catch (err) {\n\t\t\t\tif (this.displayInUI) {\n\t\t\t\t\tthis.dispatchMessage({\n\t\t\t\t\t\tid: `m-${Date.now()}`,\n\t\t\t\t\t\trole: 'system',\n\t\t\t\t\t\tcontent: `AI error: ${String(\n\t\t\t\t\t\t\t(err as unknown as { message?: string })?.message || err,\n\t\t\t\t\t\t)}`,\n\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\treturn {};\n\t\t\t}\n\n\t\t\tcurrentResponseId = payload.responseId;\n\n\t\t\t// If no tool call, we're done\n\t\t\tif (!payload.toolCall) {\n\t\t\t\t// Handle text response\n\t\t\t\tif (payload.assistantText) {\n\t\t\t\t\tif (this.responseFormat === 'json') {\n\t\t\t\t\t\tconst parsedValue =\n\t\t\t\t\t\t\tpayload.parsed ??\n\t\t\t\t\t\t\tthis.tryParseAssistantJson(payload.assistantText);\n\t\t\t\t\t\tif (parsedValue !== null && parsedValue !== undefined) {\n\t\t\t\t\t\t\tconst parsedItems = Array.isArray(parsedValue)\n\t\t\t\t\t\t\t\t? parsedValue\n\t\t\t\t\t\t\t\t: [parsedValue];\n\t\t\t\t\t\t\tif (this.displayInUI) {\n\t\t\t\t\t\t\t\tthis.dispatchParsedResponses(parsedItems);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tthis.onMessageReceived?.(parsedValue);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst fallbackText = payload.assistantText.trim();\n\t\t\t\t\t\t\tif (this.displayInUI && fallbackText) {\n\t\t\t\t\t\t\t\tthis.dispatchMessage({\n\t\t\t\t\t\t\t\t\tid: `m-${Date.now()}`,\n\t\t\t\t\t\t\t\t\trole: 'assistant',\n\t\t\t\t\t\t\t\t\tcontent: fallbackText,\n\t\t\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tthis.onMessageReceived?.(payload.assistantText);\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (this.displayInUI) {\n\t\t\t\t\t\t\tthis.dispatchMessage({\n\t\t\t\t\t\t\t\tid: `m-${Date.now()}`,\n\t\t\t\t\t\t\t\trole: 'assistant',\n\t\t\t\t\t\t\t\tcontent: payload.assistantText,\n\t\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.onMessageReceived?.(payload.assistantText);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn { responseId: currentResponseId };\n\t\t\t}\n\n\t\t\tconst { name, args, toolCallId, callId } = payload.toolCall;\n\n\t\t\t// Log tool call\n\t\t\ttoolCallHistory.push({ name, args, iteration: iterationCount });\n\n\t\t\t// Add assistant message with tool_call to history BEFORE executing tool\n\t\t\t// This is required for Chat Completions API format\n\t\t\tif (toolCallId) {\n\t\t\t\tcurrentHistory.push({\n\t\t\t\t\trole: 'assistant',\n\t\t\t\t\ttext: '',\n\t\t\t\t\ttoolCallId: toolCallId,\n\t\t\t\t\ttoolName: name,\n\t\t\t\t\ttoolArgs: JSON.stringify(args),\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Execute custom function\n\t\t\ttry {\n\t\t\t\tconst parsedArgs =\n\t\t\t\t\ttypeof args === 'string'\n\t\t\t\t\t\t? (() => {\n\t\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\t\treturn JSON.parse(args);\n\t\t\t\t\t\t\t\t} catch {\n\t\t\t\t\t\t\t\t\treturn args;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t  })()\n\t\t\t\t\t\t: args;\n\t\t\t\t// Emit generic tool call event for host UI (no tool-specific handling)\n\t\t\t\tthis.onMessageReceived?.({\n\t\t\t\t\ttype: 'TOOL_CALL',\n\t\t\t\t\tdata: { name, args: parsedArgs },\n\t\t\t\t});\n\t\t\t\tconst result = await this.functionHandler!(name, parsedArgs);\n\n\t\t\t\t// Add tool result to history with the corresponding tool_call_id\n\t\t\t\tif (toolCallId) {\n\t\t\t\t\tcurrentHistory.push({\n\t\t\t\t\t\trole: 'tool',\n\t\t\t\t\t\ttext: JSON.stringify(result),\n\t\t\t\t\t\ttoolCallId: toolCallId,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\t// Fallback: add tool result without tool_call_id (may cause issues)\n\t\t\t\t\tcurrentHistory.push({\n\t\t\t\t\t\trole: 'tool',\n\t\t\t\t\t\ttext: JSON.stringify(result),\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\t// Prepare function_call_output for next iteration\n\t\t\t\tif (!callId) {\n\t\t\t\t\t// Missing call_id – continue without logging\n\t\t\t\t} else {\n\t\t\t\t\t// Pass whatever the handler returns - handler controls what gets sent in function_call_output\n\t\t\t\t\tconst rawOutput =\n\t\t\t\t\t\ttypeof result === 'object' && result !== null\n\t\t\t\t\t\t\t? result\n\t\t\t\t\t\t\t: String(result);\n\t\t\t\t\tconst outputPayload = this.sanitizeToolOutput(name, rawOutput);\n\t\t\t\t\t// Emit generic tool result event for host UI (truncated preview)\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst previewStr =\n\t\t\t\t\t\t\ttypeof rawOutput === 'string'\n\t\t\t\t\t\t\t\t? rawOutput\n\t\t\t\t\t\t\t\t: JSON.stringify(rawOutput);\n\t\t\t\t\t\tthis.onMessageReceived?.({\n\t\t\t\t\t\t\ttype: 'TOOL_RESULT',\n\t\t\t\t\t\t\tdata: { name, preview: previewStr.slice(0, 1000) },\n\t\t\t\t\t\t});\n\t\t\t\t\t} catch {\n\t\t\t\t\t\t// Do nothing\n\t\t\t\t\t}\n\t\t\t\t\tconst nextInput: Array<FunctionCallOutputItem> = [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: 'function_call_output',\n\t\t\t\t\t\t\tcall_id: callId,\n\t\t\t\t\t\t\toutput: outputPayload,\n\t\t\t\t\t\t},\n\t\t\t\t\t];\n\t\t\t\t\t// Immediately request next step with only the function_call_output as input\n\t\t\t\t\tconst followUp = await callToChatbot(\n\t\t\t\t\t\tcurrentHistory,\n\t\t\t\t\t\tintent,\n\t\t\t\t\t\tconversationId,\n\t\t\t\t\t\tthis.system.id,\n\t\t\t\t\t\tthis.apiAdapter,\n\t\t\t\t\t\tcurrentResponseId,\n\t\t\t\t\t\tthis.system.functions,\n\t\t\t\t\t\tthis.system.model,\n\t\t\t\t\t\tnextInput,\n\t\t\t\t\t\tthis.system.tools,\n\t\t\t\t\t\tthis.maxTokens,\n\t\t\t\t\t\tthis.useCase,\n\t\t\t\t\t\tthis.storeId,\n\t\t\t\t\t);\n\t\t\t\t\tcurrentResponseId = followUp.responseId;\n\t\t\t\t\t// If the immediate follow-up produced a final answer, handle and return early\n\t\t\t\t\tif (!followUp.toolCall) {\n\t\t\t\t\t\tif (followUp.assistantText) {\n\t\t\t\t\t\t\tif (this.responseFormat === 'json') {\n\t\t\t\t\t\t\t\tconst parsedValue =\n\t\t\t\t\t\t\t\t\tfollowUp.parsed ??\n\t\t\t\t\t\t\t\t\tthis.tryParseAssistantJson(followUp.assistantText);\n\t\t\t\t\t\t\t\tif (parsedValue !== null && parsedValue !== undefined) {\n\t\t\t\t\t\t\t\t\tconst parsedItems = Array.isArray(parsedValue)\n\t\t\t\t\t\t\t\t\t\t? parsedValue\n\t\t\t\t\t\t\t\t\t\t: [parsedValue];\n\t\t\t\t\t\t\t\t\tif (this.displayInUI) {\n\t\t\t\t\t\t\t\t\t\tthis.dispatchParsedResponses(parsedItems);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tthis.onMessageReceived?.(parsedValue);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tif (this.displayInUI) {\n\t\t\t\t\t\t\t\t\t\tthis.dispatchMessage({\n\t\t\t\t\t\t\t\t\t\t\tid: `m-${Date.now()}`,\n\t\t\t\t\t\t\t\t\t\t\trole: 'assistant',\n\t\t\t\t\t\t\t\t\t\t\tcontent: followUp.assistantText,\n\t\t\t\t\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tthis.onMessageReceived?.(followUp.assistantText);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tif (this.displayInUI) {\n\t\t\t\t\t\t\t\t\tthis.dispatchMessage({\n\t\t\t\t\t\t\t\t\t\tid: `m-${Date.now()}`,\n\t\t\t\t\t\t\t\t\t\trole: 'assistant',\n\t\t\t\t\t\t\t\t\t\tcontent: followUp.assistantText,\n\t\t\t\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tthis.onMessageReceived?.(followUp.assistantText);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn { responseId: currentResponseId };\n\t\t\t\t\t}\n\t\t\t\t\t// Otherwise, store the follow-up payload to be processed at the top of the next loop\n\t\t\t\t\tcarryOverPayload = followUp;\n\t\t\t\t}\n\n\t\t\t\t// Continue the loop to get next AI response\n\t\t\t} catch (err) {\n\t\t\t\tif (this.displayInUI) {\n\t\t\t\t\tthis.dispatchMessage({\n\t\t\t\t\t\tid: `m-${Date.now()}`,\n\t\t\t\t\t\trole: 'system',\n\t\t\t\t\t\tcontent: `Tool error: ${String(\n\t\t\t\t\t\t\t(err as unknown as { message?: string })?.message || err,\n\t\t\t\t\t\t)}`,\n\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\treturn { responseId: currentResponseId };\n\t\t\t}\n\t\t}\n\n\t\t// Max iterations reached\n\t\tif (this.displayInUI) {\n\t\t\tthis.dispatchMessage({\n\t\t\t\tid: `m-${Date.now()}`,\n\t\t\t\trole: 'system',\n\t\t\t\tcontent: `Maximum tool call iterations (${this.maxToolCalls}) reached.`,\n\t\t\t\ttimestamp: Date.now(),\n\t\t\t});\n\t\t}\n\t\treturn { responseId: currentResponseId };\n\t}\n}\n"],"names":["constructor","opts","Object","defineProperty","this","system","dispatchMessage","customFunctions","functionHandler","onMessageReceived","displayInUI","maxToolCalls","maxTokens","apiAdapter","responseFormat","useCase","storeId","Error","sanitizeToolOutput","toolName","output","_a","success","rest","__rest","JSON","stringify","String","_b","tryParseAssistantJson","text","cleaned","trim","replace","parse","wrapped","dispatchParsedResponses","items","timestampBase","Date","now","forEach","item","index","bubbleContent","role","record","id","content","timestamp","makeSystemMessage","injectSafetyPrompt","systemPrompt","generate","messages","conversationId","intent","lastResponseId","sanitized","map","m","sanitizeUserInput","history","generateWithRecursiveToolCalls","currentHistory","carryOverPayload","currentResponseId","iterationCount","payload","undefined","nextInput","lastUser","reverse","find","callToChatbot","functions","model","tools","err","message","responseId","toolCall","assistantText","parsedValue","parsed","parsedItems","Array","isArray","call","fallbackText","_c","_d","name","args","toolCallId","callId","push","toolArgs","parsedArgs","_e","type","data","result","rawOutput","outputPayload","previewStr","_f","preview","slice","_l","call_id","followUp","_g","_h","_j","_k"],"mappings":"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"}
+{"version":3,"file":"aiService.js","sources":["../../../../../src/components/bik-chatbot/services/aiService.ts"],"sourcesContent":["import {\n\tAIServiceConstructorProps,\n\tChatMessage,\n\tFunctionDefinition,\n\tGenericAIResponse,\n\tSystemConfig,\n} from '../types';\nimport type { ChatMessageItem, FunctionCallOutputItem } from '../types/ai';\nimport { APIAdapter } from '../types/ai';\nimport type { ResponseFormat } from '../types/ai';\nimport { injectSafetyPrompt, sanitizeUserInput } from '../utils/guardrails';\nimport { callToChatbot } from './callToChatbot';\n\nexport class AIService {\n\tsystem: SystemConfig;\n\tdispatchMessage: (m: ChatMessage) => void;\n\n\tcustomFunctions?: FunctionDefinition[];\n\tfunctionHandler?: (name: string, args: unknown) => Promise<unknown>;\n\tonMessageReceived?: (message: string | object) => void;\n\tdisplayInUI?: boolean;\n\tmaxToolCalls?: number;\n\tmaxTokens?: number;\n\tapiAdapter: APIAdapter;\n\tresponseFormat?: ResponseFormat;\n\tuseCase?: string;\n\tstoreId?: string;\n\n\tconstructor(opts: AIServiceConstructorProps) {\n\t\tthis.system = opts.system;\n\t\tthis.dispatchMessage = opts.dispatchMessage;\n\n\t\t// Set generic mode properties\n\t\tthis.customFunctions = opts.customFunctions;\n\t\tthis.functionHandler = opts.functionHandler;\n\t\tthis.onMessageReceived = opts.onMessageReceived;\n\t\tthis.displayInUI = opts.displayInUI !== false; // Default true\n\t\tthis.maxToolCalls = opts.maxToolCalls || 10;\n\t\tthis.maxTokens = opts.maxTokens;\n\t\tthis.apiAdapter = opts.apiAdapter;\n\t\tthis.responseFormat = opts.responseFormat;\n\t\tthis.useCase = opts.useCase;\n\t\tthis.storeId = opts.storeId;\n\t\tif (!this.apiAdapter) {\n\t\t\tthrow new Error(\n\t\t\t\t'Chatbot authentication not configured: RequestExecutor is required',\n\t\t\t);\n\t\t}\n\t}\n\n\tprivate sanitizeToolOutput(toolName: string, output: unknown): string {\n\t\t// Backend requires output to be a string - stringify objects to JSON\n\t\ttry {\n\t\t\tif (output !== null && typeof output === 'object') {\n\t\t\t\t// Remove top-level 'success' key if present, then stringify to JSON\n\t\t\t\tconst { success, ...rest } = output as Record<string, unknown>;\n\t\t\t\treturn JSON.stringify(rest);\n\t\t\t}\n\t\t\t// For strings and primitives, return as string\n\t\t\treturn typeof output === 'string' ? output : String(output);\n\t\t} catch {\n\t\t\treturn typeof output === 'string' ? output : String(output);\n\t\t}\n\t}\n\n\tprivate tryParseAssistantJson(text?: string | null): unknown | null {\n\t\tif (!text) {\n\t\t\treturn null;\n\t\t}\n\n\t\tlet cleaned = text.trim();\n\t\tcleaned = cleaned\n\t\t\t.replace(/^```json\\s*/i, '')\n\t\t\t.replace(/^```\\s*/i, '')\n\t\t\t.replace(/\\s*```$/g, '')\n\t\t\t.trim();\n\n\t\ttry {\n\t\t\treturn JSON.parse(cleaned);\n\t\t} catch {\n\t\t\ttry {\n\t\t\t\tconst normalized = cleaned.replace(/}\\s*{/g, '},{');\n\t\t\t\tconst wrapped = `[${normalized}]`;\n\t\t\t\treturn JSON.parse(wrapped);\n\t\t\t} catch {\n\t\t\t\treturn text;\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate dispatchParsedResponses(items: unknown[]) {\n\t\tif (!this.displayInUI) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst timestampBase = Date.now();\n\t\titems.forEach((item, index) => {\n\t\t\tlet bubbleContent = '';\n\t\t\tlet role: 'assistant' | 'system' = 'assistant';\n\n\t\t\tif (item && typeof item === 'object') {\n\t\t\t\tconst record = item as Record<string, unknown>;\n\t\t\t\tif (typeof record['response'] === 'string') {\n\t\t\t\t\tbubbleContent = record['response'];\n\t\t\t\t} else if (typeof record['content'] === 'string') {\n\t\t\t\t\tbubbleContent = record['content'];\n\t\t\t\t}\n\n\t\t\t\tif (record['role'] === 'system') {\n\t\t\t\t\trole = 'system';\n\t\t\t\t}\n\t\t\t} else if (typeof item === 'string') {\n\t\t\t\tbubbleContent = item;\n\t\t\t}\n\n\t\t\tif (bubbleContent) {\n\t\t\t\tthis.dispatchMessage({\n\t\t\t\t\tid: `m-${timestampBase}-${index}`,\n\t\t\t\t\trole,\n\t\t\t\t\tcontent: bubbleContent,\n\t\t\t\t\ttimestamp: timestampBase + index,\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\tprivate makeSystemMessage() {\n\t\treturn {\n\t\t\trole: 'system',\n\t\t\tcontent: injectSafetyPrompt(this.system.systemPrompt),\n\t\t};\n\t}\n\n\tasync generate(\n\t\tmessages: { role: string; content: string }[],\n\t\tconversationId: string,\n\t\tintent = 'default',\n\t\tlastResponseId?: string,\n\t): Promise<{ responseId?: string }> {\n\t\tconst sanitized = messages.map((m) => ({\n\t\t\trole: m.role,\n\t\t\ttext: sanitizeUserInput(m.content),\n\t\t}));\n\n\t\tconst history = [\n\t\t\t{ role: 'system', text: this.makeSystemMessage().content },\n\t\t\t...sanitized,\n\t\t];\n\n\t\t// Use recursive tool call engine for all cases\n\t\treturn this.generateWithRecursiveToolCalls(\n\t\t\thistory,\n\t\t\tconversationId,\n\t\t\tintent,\n\t\t\tlastResponseId,\n\t\t);\n\t}\n\n\t/**\n\t * Recursive tool call engine for all AI interactions\n\t */\n\tprivate async generateWithRecursiveToolCalls(\n\t\thistory: { role: string; text: string }[],\n\t\tconversationId: string,\n\t\tintent: string,\n\t\tlastResponseId?: string,\n\t): Promise<{ responseId?: string }> {\n\t\ttype InternalHistoryMessage = {\n\t\t\trole: string;\n\t\t\ttext: string;\n\t\t\ttoolCallId?: string;\n\t\t\ttoolName?: string;\n\t\t\ttoolArgs?: string;\n\t\t};\n\t\tconst currentHistory: InternalHistoryMessage[] = history.map((m) => ({\n\t\t\trole: m.role,\n\t\t\ttext: m.text,\n\t\t}));\n\t\tlet currentResponseId = lastResponseId;\n\t\tlet iterationCount = 0;\n\t\tconst toolCallHistory: Array<{\n\t\t\tname: string;\n\t\t\targs: unknown;\n\t\t\titeration: number;\n\t\t}> = [];\n\t\t// If we make an immediate follow-up call (after tool output), store the payload here\n\t\tlet carryOverPayload: GenericAIResponse | undefined;\n\n\t\twhile (iterationCount < this.maxToolCalls!) {\n\t\t\titerationCount++;\n\n\t\t\tlet payload: GenericAIResponse;\n\t\t\ttry {\n\t\t\t\t// Use carryOverPayload if available to avoid an extra top-of-loop API call\n\t\t\t\tif (carryOverPayload) {\n\t\t\t\t\tpayload = carryOverPayload;\n\t\t\t\t\tcarryOverPayload = undefined;\n\t\t\t\t} else {\n\t\t\t\t\t// Shape input based on whether we're continuing a convo (previousResponseId) or starting fresh\n\t\t\t\t\tlet nextInput:\n\t\t\t\t\t\t| Array<ChatMessageItem | FunctionCallOutputItem>\n\t\t\t\t\t\t| undefined;\n\t\t\t\t\tif (iterationCount === 1 && currentResponseId) {\n\t\t\t\t\t\t// New user message after previous response: send only the latest user message\n\t\t\t\t\t\tconst lastUser = [...currentHistory]\n\t\t\t\t\t\t\t.reverse()\n\t\t\t\t\t\t\t.find((m) => m.role === 'user');\n\t\t\t\t\t\tif (lastUser) {\n\t\t\t\t\t\t\tnextInput = [{ role: 'user', content: lastUser.text }];\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tpayload = await callToChatbot(\n\t\t\t\t\t\tcurrentHistory,\n\t\t\t\t\t\tintent,\n\t\t\t\t\t\tconversationId,\n\t\t\t\t\t\tthis.system.id,\n\t\t\t\t\t\tthis.apiAdapter,\n\t\t\t\t\t\tcurrentResponseId,\n\t\t\t\t\t\tthis.system.functions,\n\t\t\t\t\t\tthis.system.model,\n\t\t\t\t\t\tnextInput,\n\t\t\t\t\t\tthis.system.tools,\n\t\t\t\t\t\tthis.maxTokens,\n\t\t\t\t\t\tthis.useCase,\n\t\t\t\t\t\tthis.storeId,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} catch (err) {\n\t\t\t\tif (this.displayInUI) {\n\t\t\t\t\tthis.dispatchMessage({\n\t\t\t\t\t\tid: `m-${Date.now()}`,\n\t\t\t\t\t\trole: 'system',\n\t\t\t\t\t\tcontent: `AI error: ${String(\n\t\t\t\t\t\t\t(err as unknown as { message?: string })?.message || err,\n\t\t\t\t\t\t)}`,\n\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\treturn {};\n\t\t\t}\n\n\t\t\tcurrentResponseId = payload.responseId;\n\n\t\t\t// If no tool call, we're done\n\t\t\tif (!payload.toolCall) {\n\t\t\t\t// Handle text response\n\t\t\t\tif (payload.assistantText) {\n\t\t\t\t\tif (this.responseFormat === 'json') {\n\t\t\t\t\t\tconst parsedValue =\n\t\t\t\t\t\t\tpayload.parsed ??\n\t\t\t\t\t\t\tthis.tryParseAssistantJson(payload.assistantText);\n\t\t\t\t\t\tif (parsedValue !== null && parsedValue !== undefined) {\n\t\t\t\t\t\t\tconst parsedItems = Array.isArray(parsedValue)\n\t\t\t\t\t\t\t\t? parsedValue\n\t\t\t\t\t\t\t\t: [parsedValue];\n\t\t\t\t\t\t\tif (this.displayInUI) {\n\t\t\t\t\t\t\t\tthis.dispatchParsedResponses(parsedItems);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tthis.onMessageReceived?.(parsedValue);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tconst fallbackText = payload.assistantText.trim();\n\t\t\t\t\t\t\tif (this.displayInUI && fallbackText) {\n\t\t\t\t\t\t\t\tthis.dispatchMessage({\n\t\t\t\t\t\t\t\t\tid: `m-${Date.now()}`,\n\t\t\t\t\t\t\t\t\trole: 'assistant',\n\t\t\t\t\t\t\t\t\tcontent: fallbackText,\n\t\t\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tthis.onMessageReceived?.(payload.assistantText);\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (this.displayInUI) {\n\t\t\t\t\t\t\tthis.dispatchMessage({\n\t\t\t\t\t\t\t\tid: `m-${Date.now()}`,\n\t\t\t\t\t\t\t\trole: 'assistant',\n\t\t\t\t\t\t\t\tcontent: payload.assistantText,\n\t\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\tthis.onMessageReceived?.(payload.assistantText);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn { responseId: currentResponseId };\n\t\t\t}\n\n\t\t\tconst { name, args, toolCallId, callId } = payload.toolCall;\n\n\t\t\t// Log tool call\n\t\t\ttoolCallHistory.push({ name, args, iteration: iterationCount });\n\n\t\t\t// Add assistant message with tool_call to history BEFORE executing tool\n\t\t\t// This is required for Chat Completions API format\n\t\t\tif (toolCallId) {\n\t\t\t\tcurrentHistory.push({\n\t\t\t\t\trole: 'assistant',\n\t\t\t\t\ttext: '',\n\t\t\t\t\ttoolCallId: toolCallId,\n\t\t\t\t\ttoolName: name,\n\t\t\t\t\ttoolArgs: JSON.stringify(args),\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t// Execute custom function\n\t\t\ttry {\n\t\t\t\tconst parsedArgs =\n\t\t\t\t\ttypeof args === 'string'\n\t\t\t\t\t\t? (() => {\n\t\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\t\treturn JSON.parse(args);\n\t\t\t\t\t\t\t\t} catch {\n\t\t\t\t\t\t\t\t\treturn args;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t  })()\n\t\t\t\t\t\t: args;\n\t\t\t\t// Emit generic tool call event for host UI (no tool-specific handling)\n\t\t\t\tthis.onMessageReceived?.({\n\t\t\t\t\ttype: 'TOOL_CALL',\n\t\t\t\t\tdata: { name, args: parsedArgs },\n\t\t\t\t});\n\t\t\t\tconst result = await this.functionHandler!(name, parsedArgs);\n\n\t\t\t\t// Add tool result to history with the corresponding tool_call_id\n\t\t\t\tif (toolCallId) {\n\t\t\t\t\tcurrentHistory.push({\n\t\t\t\t\t\trole: 'tool',\n\t\t\t\t\t\ttext: JSON.stringify(result),\n\t\t\t\t\t\ttoolCallId: toolCallId,\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\t// Fallback: add tool result without tool_call_id (may cause issues)\n\t\t\t\t\tcurrentHistory.push({\n\t\t\t\t\t\trole: 'tool',\n\t\t\t\t\t\ttext: JSON.stringify(result),\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\t// Prepare function_call_output for next iteration\n\t\t\t\tif (!callId) {\n\t\t\t\t\t// Missing call_id – continue without logging\n\t\t\t\t} else {\n\t\t\t\t\t// Pass whatever the handler returns - handler controls what gets sent in function_call_output\n\t\t\t\t\tconst rawOutput =\n\t\t\t\t\t\ttypeof result === 'object' && result !== null\n\t\t\t\t\t\t\t? result\n\t\t\t\t\t\t\t: String(result);\n\t\t\t\t\tconst outputPayload = this.sanitizeToolOutput(name, rawOutput);\n\t\t\t\t\t// Emit generic tool result event for host UI (truncated preview)\n\t\t\t\t\ttry {\n\t\t\t\t\t\tconst previewStr =\n\t\t\t\t\t\t\ttypeof rawOutput === 'string'\n\t\t\t\t\t\t\t\t? rawOutput\n\t\t\t\t\t\t\t\t: JSON.stringify(rawOutput);\n\t\t\t\t\t\tthis.onMessageReceived?.({\n\t\t\t\t\t\t\ttype: 'TOOL_RESULT',\n\t\t\t\t\t\t\tdata: { name, preview: previewStr.slice(0, 1000) },\n\t\t\t\t\t\t});\n\t\t\t\t\t} catch {\n\t\t\t\t\t\t// Do nothing\n\t\t\t\t\t}\n\t\t\t\t\tconst nextInput: Array<FunctionCallOutputItem> = [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: 'function_call_output',\n\t\t\t\t\t\t\tcall_id: callId,\n\t\t\t\t\t\t\toutput: outputPayload,\n\t\t\t\t\t\t},\n\t\t\t\t\t];\n\t\t\t\t\t// Immediately request next step with only the function_call_output as input\n\t\t\t\t\tconst followUp = await callToChatbot(\n\t\t\t\t\t\tcurrentHistory,\n\t\t\t\t\t\tintent,\n\t\t\t\t\t\tconversationId,\n\t\t\t\t\t\tthis.system.id,\n\t\t\t\t\t\tthis.apiAdapter,\n\t\t\t\t\t\tcurrentResponseId,\n\t\t\t\t\t\tthis.system.functions,\n\t\t\t\t\t\tthis.system.model,\n\t\t\t\t\t\tnextInput,\n\t\t\t\t\t\tthis.system.tools,\n\t\t\t\t\t\tthis.maxTokens,\n\t\t\t\t\t\tthis.useCase,\n\t\t\t\t\t\tthis.storeId,\n\t\t\t\t\t);\n\t\t\t\t\tcurrentResponseId = followUp.responseId;\n\t\t\t\t\t// If the immediate follow-up produced a final answer, handle and return early\n\t\t\t\t\tif (!followUp.toolCall) {\n\t\t\t\t\t\tif (followUp.assistantText) {\n\t\t\t\t\t\t\tif (this.responseFormat === 'json') {\n\t\t\t\t\t\t\t\tconst parsedValue =\n\t\t\t\t\t\t\t\t\tfollowUp.parsed ??\n\t\t\t\t\t\t\t\t\tthis.tryParseAssistantJson(followUp.assistantText);\n\t\t\t\t\t\t\t\tif (parsedValue !== null && parsedValue !== undefined) {\n\t\t\t\t\t\t\t\t\tconst parsedItems = Array.isArray(parsedValue)\n\t\t\t\t\t\t\t\t\t\t? parsedValue\n\t\t\t\t\t\t\t\t\t\t: [parsedValue];\n\t\t\t\t\t\t\t\t\tif (this.displayInUI) {\n\t\t\t\t\t\t\t\t\t\tthis.dispatchParsedResponses(parsedItems);\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tthis.onMessageReceived?.(parsedValue);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tif (this.displayInUI) {\n\t\t\t\t\t\t\t\t\t\tthis.dispatchMessage({\n\t\t\t\t\t\t\t\t\t\t\tid: `m-${Date.now()}`,\n\t\t\t\t\t\t\t\t\t\t\trole: 'assistant',\n\t\t\t\t\t\t\t\t\t\t\tcontent: followUp.assistantText,\n\t\t\t\t\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tthis.onMessageReceived?.(followUp.assistantText);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tif (this.displayInUI) {\n\t\t\t\t\t\t\t\t\tthis.dispatchMessage({\n\t\t\t\t\t\t\t\t\t\tid: `m-${Date.now()}`,\n\t\t\t\t\t\t\t\t\t\trole: 'assistant',\n\t\t\t\t\t\t\t\t\t\tcontent: followUp.assistantText,\n\t\t\t\t\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tthis.onMessageReceived?.(followUp.assistantText);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn { responseId: currentResponseId };\n\t\t\t\t\t}\n\t\t\t\t\t// Otherwise, store the follow-up payload to be processed at the top of the next loop\n\t\t\t\t\tcarryOverPayload = followUp;\n\t\t\t\t}\n\n\t\t\t\t// Continue the loop to get next AI response\n\t\t\t} catch (err) {\n\t\t\t\tif (this.displayInUI) {\n\t\t\t\t\tthis.dispatchMessage({\n\t\t\t\t\t\tid: `m-${Date.now()}`,\n\t\t\t\t\t\trole: 'system',\n\t\t\t\t\t\tcontent: `Tool error: ${String(\n\t\t\t\t\t\t\t(err as unknown as { message?: string })?.message || err,\n\t\t\t\t\t\t)}`,\n\t\t\t\t\t\ttimestamp: Date.now(),\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\treturn { responseId: currentResponseId };\n\t\t\t}\n\t\t}\n\n\t\t// Max iterations reached\n\t\tif (this.displayInUI) {\n\t\t\tthis.dispatchMessage({\n\t\t\t\tid: `m-${Date.now()}`,\n\t\t\t\trole: 'system',\n\t\t\t\tcontent: `Maximum tool call iterations (${this.maxToolCalls}) reached.`,\n\t\t\t\ttimestamp: Date.now(),\n\t\t\t});\n\t\t}\n\t\treturn { responseId: currentResponseId };\n\t}\n}\n"],"names":["constructor","opts","Object","defineProperty","this","system","dispatchMessage","customFunctions","functionHandler","onMessageReceived","displayInUI","maxToolCalls","maxTokens","apiAdapter","responseFormat","useCase","storeId","Error","sanitizeToolOutput","toolName","output","_a","success","rest","__rest","JSON","stringify","String","_b","tryParseAssistantJson","text","cleaned","trim","replace","parse","wrapped","dispatchParsedResponses","items","timestampBase","Date","now","forEach","item","index","bubbleContent","role","record","id","content","timestamp","makeSystemMessage","injectSafetyPrompt","systemPrompt","generate","messages","conversationId","intent","arguments","length","undefined","lastResponseId","sanitized","map","m","sanitizeUserInput","history","generateWithRecursiveToolCalls","currentHistory","carryOverPayload","currentResponseId","iterationCount","payload","nextInput","lastUser","reverse","find","callToChatbot","functions","model","tools","err","message","responseId","toolCall","assistantText","parsedValue","parsed","parsedItems","Array","isArray","call","fallbackText","_c","_d","name","args","toolCallId","callId","push","toolArgs","parsedArgs","_e","type","data","result","rawOutput","outputPayload","previewStr","_f","preview","slice","_l","call_id","followUp","_g","_h","_j","_k"],"mappings":"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"}

package/dist/cjs/components/bik-chatbot/services/callToChatbot.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../types/ai.js");exports.callToChatbot=function(o,s="default",r="default-session",n="generic",a,i,l,u=t.DEFAULT_MODEL,d,c,p,m,v){return e.__awaiter(this,void 0,void 0,(function*(){if(!a)throw new Error("Chatbot authentication not configured: RequestExecutor is required");const e=d&&d.length>0?d:function(e){return e.map((({role:e,text:t})=>({role:e,content:t})))}(o),t={input:e,intent:s,conversationId:r,systemId:n,previousResponseId:i,customFunctions:l,builtinTools:c,model:u,maxTokens:null!=p?p:4e3,useCase:m,storeId:v};return yield a(t)}))},exports.createExecutorApiAdapter=function(t,o,s="/bik-ai/call-chatbot"){return r=>e.__awaiter(this,void 0,void 0,(function*(){var e,n;const{input:a,model:i,maxTokens:l=4e3,previousResponseId:u,customFunctions:d,builtinTools:c,storeId:p}=r,m={input:a,tools:[...(c||[]).map((e=>({type:e}))),...(v=d,v&&0!==v.length?v.map((e=>({type:"function",name:e.name,description:e.description,parameters:e.parameters}))):[])],model:i,max_output_tokens:l,previous_response_id:u,output_parser:"bik_chatbot_parser",use_case:r.useCase,store_id:p};var v;const _=`${o.replace(/\/$/,"")}${s}`,{status:f,data:h,error:I}=yield t.sendData({apiPath:_,apiMethod:"POST",requestBody:m});if(200!==f||!(null==h?void 0:h.success)){const t=(null===(n=null===(e=null==h?void 0:h.errors)||void 0===e?void 0:e[0])||void 0===n?void 0:n.message)||I;throw new Error("Backend error: "+(t?` - ${String(t)}`:""))}return function(e){const t={assistantText:e.assistantText,parsed:e.parsed,lastResponseId:e.lastResponseId,responseId:e.responseId};return e.toolCall&&(t.toolCall={name:e.toolCall.name,args:e.toolCall.args,toolCallId:e.toolCall.id,callId:e.toolCall.call_id}),t}(h.data)}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../types/ai.js");exports.callToChatbot=function(o){let n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"default",s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"default-session",r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"generic",i=arguments.length>4?arguments[4]:void 0,l=arguments.length>5?arguments[5]:void 0,a=arguments.length>6?arguments[6]:void 0,d=arguments.length>7&&void 0!==arguments[7]?arguments[7]:t.DEFAULT_MODEL,u=arguments.length>8?arguments[8]:void 0,c=arguments.length>9?arguments[9]:void 0,p=arguments.length>10?arguments[10]:void 0,v=arguments.length>11?arguments[11]:void 0,h=arguments.length>12?arguments[12]:void 0;return e.__awaiter(this,void 0,void 0,(function*(){if(!i)throw new Error("Chatbot authentication not configured: RequestExecutor is required");const e=u&&u.length>0?u:function(e){return e.map((e=>{let{role:t,text:o}=e;return{role:t,content:o}}))}(o),t={input:e,intent:n,conversationId:s,systemId:r,previousResponseId:l,customFunctions:a,builtinTools:c,model:d,maxTokens:null!=p?p:4e3,useCase:v,storeId:h};return yield i(t)}))},exports.createExecutorApiAdapter=function(t,o){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"/bik-ai/call-chatbot";return s=>e.__awaiter(this,void 0,void 0,(function*(){var e,r;const{input:i,model:l,maxTokens:a=4e3,previousResponseId:d,customFunctions:u,builtinTools:c,storeId:p}=s,v={input:i,tools:[...(c||[]).map((e=>({type:e}))),...(h=u,h&&0!==h.length?h.map((e=>({type:"function",name:e.name,description:e.description,parameters:e.parameters}))):[])],model:l,max_output_tokens:a,previous_response_id:d,output_parser:"bik_chatbot_parser",use_case:s.useCase,store_id:p};var h;const g=`${o.replace(/\/$/,"")}${n}`,{status:m,data:_,error:f}=yield t.sendData({apiPath:g,apiMethod:"POST",requestBody:v});if(200!==m||!(null==_?void 0:_.success)){const t=(null===(r=null===(e=null==_?void 0:_.errors)||void 0===e?void 0:e[0])||void 0===r?void 0:r.message)||f;throw new Error("Backend error: "+(t?` - ${String(t)}`:""))}return function(e){const t={assistantText:e.assistantText,parsed:e.parsed,lastResponseId:e.lastResponseId,responseId:e.responseId};return e.toolCall&&(t.toolCall={name:e.toolCall.name,args:e.toolCall.args,toolCallId:e.toolCall.id,callId:e.toolCall.call_id}),t}(_.data)}))};
 //# sourceMappingURL=callToChatbot.js.map

package/dist/cjs/components/bik-chatbot/services/callToChatbot.js.map

@@ -1 +1 @@
-{"version":3,"file":"callToChatbot.js","sources":["../../../../../src/components/bik-chatbot/services/callToChatbot.ts"],"sourcesContent":["import {\n\tAPIAdapter,\n\tApiRequestExecutor,\n\tBackendApiRequest,\n\tBackendApiResponse,\n\tBackendTool,\n\tCallToChatbotRequest,\n\tChatMessageItem,\n\tDEFAULT_MODEL,\n\tFunctionCallOutputItem,\n\tFunctionDefinition,\n\tGenericAIResponse,\n} from '../types';\n\n// Helper function to format history array to input string\nfunction mapHistoryToMessages(\n\thistory: { role: string; text: string }[],\n): ChatMessageItem[] {\n\treturn history.map(({ role, text }) => ({\n\t\trole: role as ChatMessageItem['role'],\n\t\tcontent: text,\n\t}));\n}\n\n// Convert custom FunctionDefinitions to OpenAI function tool objects\nfunction convertFunctionsToTools(\n\tfunctions?: FunctionDefinition[],\n): BackendTool[] {\n\tif (!functions || functions.length === 0) return [];\n\treturn functions.map((func) => ({\n\t\ttype: 'function',\n\t\tname: func.name,\n\t\tdescription: func.description,\n\t\tparameters: func.parameters,\n\t}));\n}\n\n// Helper function to transform backend response to GenericAIResponse\nfunction transformToGenericAIResponse(\n\tbackendData: BackendApiResponse['data'],\n): GenericAIResponse {\n\tconst result: GenericAIResponse = {\n\t\tassistantText: backendData.assistantText,\n\t\tparsed: backendData.parsed,\n\t\tlastResponseId: backendData.lastResponseId,\n\t\tresponseId: backendData.responseId,\n\t};\n\n\t// Transform toolCall if present\n\tif (backendData.toolCall) {\n\t\tresult.toolCall = {\n\t\t\tname: backendData.toolCall.name,\n\t\t\targs: backendData.toolCall.args,\n\t\t\ttoolCallId: backendData.toolCall.id,\n\t\t\tcallId: backendData.toolCall.call_id,\n\t\t};\n\t}\n\n\treturn result;\n}\n\n// Create adapter that uses the host-provided RequestExecutor\nexport function createExecutorApiAdapter(\n\texecutor: ApiRequestExecutor,\n\tbaseUrl: string,\n\tendpointPath = '/bik-ai/call-chatbot',\n): APIAdapter {\n\treturn async (request) => {\n\t\tconst {\n\t\t\tinput,\n\t\t\tmodel,\n\t\t\tmaxTokens = 4000,\n\t\t\tpreviousResponseId,\n\t\t\tcustomFunctions,\n\t\t\tbuiltinTools,\n\t\t\tstoreId,\n\t\t} = request;\n\t\tconst builtinProviderTools: BackendTool[] = (builtinTools || []).map(\n\t\t\t(type) => ({ type }),\n\t\t);\n\t\tconst backendRequest: BackendApiRequest = {\n\t\t\tinput,\n\t\t\ttools: [\n\t\t\t\t...builtinProviderTools,\n\t\t\t\t...convertFunctionsToTools(customFunctions),\n\t\t\t],\n\t\t\tmodel,\n\t\t\tmax_output_tokens: maxTokens,\n\t\t\tprevious_response_id: previousResponseId,\n\t\t\toutput_parser: 'bik_chatbot_parser',\n\t\t\tuse_case: request.useCase,\n\t\t\tstore_id: storeId,\n\t\t};\n\t\t// Compose backendUrl from base and path\n\t\tconst backendUrl = `${baseUrl.replace(/\\/$/, '')}${endpointPath}`;\n\t\tconst { status, data, error } = await executor.sendData<BackendApiResponse>(\n\t\t\t{\n\t\t\t\tapiPath: backendUrl,\n\t\t\t\tapiMethod: 'POST',\n\t\t\t\trequestBody: backendRequest,\n\t\t\t},\n\t\t);\n\t\tif (status !== 200 || !data?.success) {\n\t\t\tconst errorMessage = data?.['errors']?.[0]?.message || error;\n\t\t\tthrow new Error(\n\t\t\t\t`Backend error: ${errorMessage ? ` - ${String(errorMessage)}` : ''}`,\n\t\t\t);\n\t\t}\n\t\treturn transformToGenericAIResponse(data.data);\n\t};\n}\n\nexport async function callToChatbot(\n\thistory: { role: string; text: string }[],\n\tintent = 'default',\n\tconversationId = 'default-session',\n\tsystemId = 'generic',\n\tapiAdapter: APIAdapter,\n\tpreviousResponseId?: string,\n\tcustomFunctions?: FunctionDefinition[],\n\tmodel: string = DEFAULT_MODEL,\n\tnextInput?: Array<ChatMessageItem | FunctionCallOutputItem>,\n\tbuiltinTools?: string[],\n\tmaxTokens?: number,\n\tuseCase?: string,\n\tstoreId?: string,\n): Promise<GenericAIResponse> {\n\tif (!apiAdapter) {\n\t\tthrow new Error(\n\t\t\t'Chatbot authentication not configured: RequestExecutor is required',\n\t\t);\n\t}\n\t// Build input payload: use provided nextInput if present, else map full history to messages\n\tconst inputArray =\n\t\tnextInput && nextInput.length > 0\n\t\t\t? nextInput\n\t\t\t: mapHistoryToMessages(history);\n\n\tconst request: CallToChatbotRequest = {\n\t\tinput: inputArray,\n\t\tintent,\n\t\tconversationId,\n\t\tsystemId,\n\t\tpreviousResponseId,\n\t\tcustomFunctions,\n\t\tbuiltinTools,\n\t\tmodel,\n\t\tmaxTokens: maxTokens ?? 4000,\n\t\tuseCase,\n\t\tstoreId,\n\t};\n\treturn await apiAdapter(request);\n}\n"],"names":["history","intent","conversationId","systemId","apiAdapter","previousResponseId","customFunctions","model","DEFAULT_MODEL","nextInput","builtinTools","maxTokens","useCase","storeId","Error","inputArray","length","map","role","text","content","mapHistoryToMessages","request","input","executor","baseUrl","endpointPath","__awaiter","this","backendRequest","tools","type","functions","func","name","description","parameters","max_output_tokens","previous_response_id","output_parser","use_case","store_id","backendUrl","replace","status","data","error","sendData","apiPath","apiMethod","requestBody","success","errorMessage","_b","message","String","backendData","result","assistantText","parsed","lastResponseId","responseId","toolCall","args","toolCallId","id","callId","call_id","transformToGenericAIResponse"],"mappings":"mKAgHsB,SACrBA,EACAC,EAAS,UACTC,EAAiB,kBACjBC,EAAW,UACXC,EACAC,EACAC,EACAC,EAAgBC,gBAChBC,EACAC,EACAC,EACAC,EACAC,sDAEA,IAAKT,EACJ,MAAM,IAAIU,MACT,sEAIF,MAAMC,EACLN,GAAaA,EAAUO,OAAS,EAC7BP,EAxHL,SACCT,GAEA,OAAOA,EAAQiB,KAAI,EAAGC,OAAMC,WAAY,CACvCD,KAAMA,EACNE,QAASD,KAEX,CAkHKE,CAAqBrB,GAEnBsB,EAAgC,CACrCC,MAAOR,EACPd,SACAC,iBACAC,WACAE,qBACAC,kBACAI,eACAH,QACAI,UAAWA,QAAAA,EAAa,IACxBC,UACAC,WAED,aAAaT,EAAWkB,EACzB,GAAC,mCA1FK,SACLE,EACAC,EACAC,EAAe,wBAEf,OAAcJ,GAAWK,EAAAA,UAAAC,UAAA,OAAA,GAAA,oBACxB,MAAML,MACLA,EAAKhB,MACLA,EAAKI,UACLA,EAAY,IAAIN,mBAChBA,EAAkBC,gBAClBA,EAAeI,aACfA,EAAYG,QACZA,GACGS,EAIEO,EAAoC,CACzCN,QACAO,MAAO,KALqCpB,GAAgB,IAAIO,KAC/Dc,IAAU,CAAEA,eApDfC,EA0D8B1B,EAxDzB0B,GAAkC,IAArBA,EAAUhB,OACrBgB,EAAUf,KAAKgB,IAAU,CAC/BF,KAAM,WACNG,KAAMD,EAAKC,KACXC,YAAaF,EAAKE,YAClBC,WAAYH,EAAKG,eAL+B,KA0D/C7B,QACA8B,kBAAmB1B,EACnB2B,qBAAsBjC,EACtBkC,cAAe,qBACfC,SAAUlB,EAAQV,QAClB6B,SAAU5B,GAlEb,IACCmB,EAoEC,MAAMU,EAAa,GAAGjB,EAAQkB,QAAQ,MAAO,MAAMjB,KAC7CkB,OAAEA,EAAMC,KAAEA,EAAIC,MAAEA,SAAgBtB,EAASuB,SAC9C,CACCC,QAASN,EACTO,UAAW,OACXC,YAAarB,IAGf,GAAe,MAAXe,KAAmBC,aAAA,EAAAA,EAAMM,SAAS,CACrC,MAAMC,WAAeC,YAAAR,aAAA,EAAAA,EAAe,6BAAI,yBAAIS,UAAWR,EACvD,MAAM,IAAIhC,MACT,mBAAkBsC,EAAe,MAAMG,OAAOH,KAAkB,IAEjE,CACD,OAtEF,SACCI,GAEA,MAAMC,EAA4B,CACjCC,cAAeF,EAAYE,cAC3BC,OAAQH,EAAYG,OACpBC,eAAgBJ,EAAYI,eAC5BC,WAAYL,EAAYK,YAazB,OATIL,EAAYM,WACfL,EAAOK,SAAW,CACjB5B,KAAMsB,EAAYM,SAAS5B,KAC3B6B,KAAMP,EAAYM,SAASC,KAC3BC,WAAYR,EAAYM,SAASG,GACjCC,OAAQV,EAAYM,SAASK,UAIxBV,CACR,CAiDSW,CAA6BvB,EAAKA,KAC1C,GACD"}
+{"version":3,"file":"callToChatbot.js","sources":["../../../../../src/components/bik-chatbot/services/callToChatbot.ts"],"sourcesContent":["import {\n\tAPIAdapter,\n\tApiRequestExecutor,\n\tBackendApiRequest,\n\tBackendApiResponse,\n\tBackendTool,\n\tCallToChatbotRequest,\n\tChatMessageItem,\n\tDEFAULT_MODEL,\n\tFunctionCallOutputItem,\n\tFunctionDefinition,\n\tGenericAIResponse,\n} from '../types';\n\n// Helper function to format history array to input string\nfunction mapHistoryToMessages(\n\thistory: { role: string; text: string }[],\n): ChatMessageItem[] {\n\treturn history.map(({ role, text }) => ({\n\t\trole: role as ChatMessageItem['role'],\n\t\tcontent: text,\n\t}));\n}\n\n// Convert custom FunctionDefinitions to OpenAI function tool objects\nfunction convertFunctionsToTools(\n\tfunctions?: FunctionDefinition[],\n): BackendTool[] {\n\tif (!functions || functions.length === 0) return [];\n\treturn functions.map((func) => ({\n\t\ttype: 'function',\n\t\tname: func.name,\n\t\tdescription: func.description,\n\t\tparameters: func.parameters,\n\t}));\n}\n\n// Helper function to transform backend response to GenericAIResponse\nfunction transformToGenericAIResponse(\n\tbackendData: BackendApiResponse['data'],\n): GenericAIResponse {\n\tconst result: GenericAIResponse = {\n\t\tassistantText: backendData.assistantText,\n\t\tparsed: backendData.parsed,\n\t\tlastResponseId: backendData.lastResponseId,\n\t\tresponseId: backendData.responseId,\n\t};\n\n\t// Transform toolCall if present\n\tif (backendData.toolCall) {\n\t\tresult.toolCall = {\n\t\t\tname: backendData.toolCall.name,\n\t\t\targs: backendData.toolCall.args,\n\t\t\ttoolCallId: backendData.toolCall.id,\n\t\t\tcallId: backendData.toolCall.call_id,\n\t\t};\n\t}\n\n\treturn result;\n}\n\n// Create adapter that uses the host-provided RequestExecutor\nexport function createExecutorApiAdapter(\n\texecutor: ApiRequestExecutor,\n\tbaseUrl: string,\n\tendpointPath = '/bik-ai/call-chatbot',\n): APIAdapter {\n\treturn async (request) => {\n\t\tconst {\n\t\t\tinput,\n\t\t\tmodel,\n\t\t\tmaxTokens = 4000,\n\t\t\tpreviousResponseId,\n\t\t\tcustomFunctions,\n\t\t\tbuiltinTools,\n\t\t\tstoreId,\n\t\t} = request;\n\t\tconst builtinProviderTools: BackendTool[] = (builtinTools || []).map(\n\t\t\t(type) => ({ type }),\n\t\t);\n\t\tconst backendRequest: BackendApiRequest = {\n\t\t\tinput,\n\t\t\ttools: [\n\t\t\t\t...builtinProviderTools,\n\t\t\t\t...convertFunctionsToTools(customFunctions),\n\t\t\t],\n\t\t\tmodel,\n\t\t\tmax_output_tokens: maxTokens,\n\t\t\tprevious_response_id: previousResponseId,\n\t\t\toutput_parser: 'bik_chatbot_parser',\n\t\t\tuse_case: request.useCase,\n\t\t\tstore_id: storeId,\n\t\t};\n\t\t// Compose backendUrl from base and path\n\t\tconst backendUrl = `${baseUrl.replace(/\\/$/, '')}${endpointPath}`;\n\t\tconst { status, data, error } = await executor.sendData<BackendApiResponse>(\n\t\t\t{\n\t\t\t\tapiPath: backendUrl,\n\t\t\t\tapiMethod: 'POST',\n\t\t\t\trequestBody: backendRequest,\n\t\t\t},\n\t\t);\n\t\tif (status !== 200 || !data?.success) {\n\t\t\tconst errorMessage = data?.['errors']?.[0]?.message || error;\n\t\t\tthrow new Error(\n\t\t\t\t`Backend error: ${errorMessage ? ` - ${String(errorMessage)}` : ''}`,\n\t\t\t);\n\t\t}\n\t\treturn transformToGenericAIResponse(data.data);\n\t};\n}\n\nexport async function callToChatbot(\n\thistory: { role: string; text: string }[],\n\tintent = 'default',\n\tconversationId = 'default-session',\n\tsystemId = 'generic',\n\tapiAdapter: APIAdapter,\n\tpreviousResponseId?: string,\n\tcustomFunctions?: FunctionDefinition[],\n\tmodel: string = DEFAULT_MODEL,\n\tnextInput?: Array<ChatMessageItem | FunctionCallOutputItem>,\n\tbuiltinTools?: string[],\n\tmaxTokens?: number,\n\tuseCase?: string,\n\tstoreId?: string,\n): Promise<GenericAIResponse> {\n\tif (!apiAdapter) {\n\t\tthrow new Error(\n\t\t\t'Chatbot authentication not configured: RequestExecutor is required',\n\t\t);\n\t}\n\t// Build input payload: use provided nextInput if present, else map full history to messages\n\tconst inputArray =\n\t\tnextInput && nextInput.length > 0\n\t\t\t? nextInput\n\t\t\t: mapHistoryToMessages(history);\n\n\tconst request: CallToChatbotRequest = {\n\t\tinput: inputArray,\n\t\tintent,\n\t\tconversationId,\n\t\tsystemId,\n\t\tpreviousResponseId,\n\t\tcustomFunctions,\n\t\tbuiltinTools,\n\t\tmodel,\n\t\tmaxTokens: maxTokens ?? 4000,\n\t\tuseCase,\n\t\tstoreId,\n\t};\n\treturn await apiAdapter(request);\n}\n"],"names":["history","intent","arguments","length","undefined","conversationId","systemId","apiAdapter","previousResponseId","customFunctions","model","DEFAULT_MODEL","nextInput","builtinTools","maxTokens","useCase","storeId","Error","inputArray","map","_ref","role","text","content","mapHistoryToMessages","request","input","executor","baseUrl","endpointPath","__awaiter","this","backendRequest","tools","type","functions","func","name","description","parameters","max_output_tokens","previous_response_id","output_parser","use_case","store_id","backendUrl","replace","status","data","error","sendData","apiPath","apiMethod","requestBody","success","errorMessage","_b","message","String","backendData","result","assistantText","parsed","lastResponseId","responseId","toolCall","args","toolCallId","id","callId","call_id","transformToGenericAIResponse"],"mappings":"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"}

package/dist/cjs/components/bik-chatbot/services/db.js.map

@@ -1 +1 @@
-{"version":3,"file":"db.js","sources":["../../../../../src/components/bik-chatbot/services/db.ts"],"sourcesContent":["import { del, get, keys, set } from 'idb-keyval';\nimport { SessionRecord } from '../types';\n\nconst SESSION_PREFIX = 'ai-session:';\n\n/** Save session record to IndexedDB */\nexport async function saveSession(\n\tsessionId: string,\n\trecord: SessionRecord,\n): Promise<void> {\n\tawait set(`${SESSION_PREFIX}${sessionId}`, record);\n}\n\nexport async function loadSession(\n\tsessionId: string,\n): Promise<SessionRecord | null> {\n\tconst record = await get<SessionRecord>(`${SESSION_PREFIX}${sessionId}`);\n\treturn record || null;\n}\n\nexport async function deleteSession(sessionId: string): Promise<void> {\n\tawait del(`${SESSION_PREFIX}${sessionId}`);\n}\n\nexport async function listSessions(): Promise<string[]> {\n\tconst allKeys = await keys();\n\treturn allKeys\n\t\t.filter((k) => typeof k === 'string' && k.startsWith(SESSION_PREFIX))\n\t\t.map((k) => (k as string).replace(SESSION_PREFIX, ''));\n}\n"],"names":["SESSION_PREFIX","sessionId","get","record","set"],"mappings":"yIAGA,MAAMA,EAAiB,kCAUjB,SACLC,sDAGA,aADqBC,MAAmB,GAAGF,IAAiBC,OAC3C,IAClB,GAAC,sBAZqB,SACrBA,EACAE,4DAEMC,EAAAA,IAAI,GAAGJ,IAAiBC,IAAaE,EAC5C,GAAC"}
+{"version":3,"file":"db.js","sources":["../../../../../src/components/bik-chatbot/services/db.ts"],"sourcesContent":["import { del, get, keys, set } from 'idb-keyval';\nimport { SessionRecord } from '../types';\n\nconst SESSION_PREFIX = 'ai-session:';\n\n/** Save session record to IndexedDB */\nexport async function saveSession(\n\tsessionId: string,\n\trecord: SessionRecord,\n): Promise<void> {\n\tawait set(`${SESSION_PREFIX}${sessionId}`, record);\n}\n\nexport async function loadSession(\n\tsessionId: string,\n): Promise<SessionRecord | null> {\n\tconst record = await get<SessionRecord>(`${SESSION_PREFIX}${sessionId}`);\n\treturn record || null;\n}\n\nexport async function deleteSession(sessionId: string): Promise<void> {\n\tawait del(`${SESSION_PREFIX}${sessionId}`);\n}\n\nexport async function listSessions(): Promise<string[]> {\n\tconst allKeys = await keys();\n\treturn allKeys\n\t\t.filter((k) => typeof k === 'string' && k.startsWith(SESSION_PREFIX))\n\t\t.map((k) => (k as string).replace(SESSION_PREFIX, ''));\n}\n"],"names":["SESSION_PREFIX","sessionId","get","record","set"],"mappings":"yIAGA,MAAMA,EAAiB,kCAUjB,SACLC,sDAGA,aADqBC,MAAsB,GAAAF,IAAiBC,OAC3C,IAClB,GAAC,sBAZqB,SACrBA,EACAE,4DAEMC,EAAAA,IAAI,GAAGJ,IAAiBC,IAAaE,EAC5C,GAAC"}

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

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

package/dist/cjs/components/bik-chatbot/services/useAIChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAIChat.js","sources":["../../../../../src/components/bik-chatbot/services/useAIChat.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport {\n\tChatMessage,\n\tcreateSessionRecord,\n\tSessionRecord,\n\tUseAIChatProps,\n} from '../types';\nimport { AIService } from './aiService';\nimport { loadSession, saveSession } from './db';\n\nexport function useAIChat({\n\tsystem,\n\tconversationId,\n\tskipInitialization = false,\n\t// Generic mode props\n\tcustomFunctions,\n\tfunctionHandler,\n\tresponseFormat,\n\tonMessageReceived,\n\tdisplayInUI,\n\tmaxToolCalls,\n\tmaxTokens,\n\tapiAdapter,\n\tuseCase,\n\tstoreId,\n}: Omit<UseAIChatProps, 'updateUI'>) {\n\tconst [conversation, setConversation] = useState<SessionRecord>(() =>\n\t\tcreateSessionRecord(conversationId),\n\t);\n\tconst [messages, setMessages] = useState<ChatMessage[]>([]);\n\tconst [lastResponseId, setLastResponseId] = useState<string | undefined>();\n\tconst [isApiCallInProgress, setIsApiCallInProgress] = useState(false);\n\n\tuseEffect(() => {\n\t\tloadSession(conversationId).then((saved) => {\n\t\t\tif (saved) {\n\t\t\t\tsetConversation(saved);\n\t\t\t\tsetMessages(saved.messages);\n\t\t\t\tsetLastResponseId(saved.metadata?.lastResponseId);\n\t\t\t}\n\t\t});\n\t}, [conversationId]);\n\n\t// Create service with useMemo to recreate when system changes\n\tconst service = useMemo(() => {\n\t\t// Skip initialization if system is not ready (prevents creating AIService with placeholder \"loading\" system)\n\t\tif (skipInitialization) {\n\t\t\treturn null;\n\t\t}\n\t\treturn new AIService({\n\t\t\tsystem: {\n\t\t\t\t...system,\n\t\t\t\thandleCallback: (payload, ctx) => {\n\t\t\t\t\tsystem.handleCallback?.(payload, ctx);\n\t\t\t\t},\n\t\t\t},\n\t\t\tdispatchMessage: (m) => {\n\t\t\t\tsetMessages((prev) => [...prev, m]);\n\t\t\t\tsetConversation((conv) => {\n\t\t\t\t\tconst updated = {\n\t\t\t\t\t\t...conv,\n\t\t\t\t\t\tupdatedAt: Date.now(),\n\t\t\t\t\t\tmessages: [...conv.messages, m],\n\t\t\t\t\t};\n\t\t\t\t\tsaveSession(updated.sessionId, {\n\t\t\t\t\t\t...updated,\n\t\t\t\t\t\tmetadata: { ...(updated.metadata || {}), lastResponseId },\n\t\t\t\t\t});\n\t\t\t\t\treturn updated;\n\t\t\t\t});\n\t\t\t},\n\t\t\tcustomFunctions,\n\t\t\tfunctionHandler,\n\t\t\tresponseFormat,\n\t\t\tonMessageReceived,\n\t\t\tdisplayInUI,\n\t\t\tmaxToolCalls,\n\t\t\tmaxTokens,\n\t\t\tapiAdapter,\n\t\t\tuseCase,\n\t\t\tstoreId,\n\t\t});\n\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [system.id, skipInitialization, maxTokens]);\n\n\tconst sendMessage = async (content: string, intent = 'default') => {\n\t\tif (!service) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst userMsg: ChatMessage = {\n\t\t\tid: `u-${Date.now()}`,\n\t\t\trole: 'user',\n\t\t\tcontent,\n\t\t\ttimestamp: Date.now(),\n\t\t};\n\n\t\tsetMessages((prev) => [...prev, userMsg]);\n\t\tsetConversation((conv) => {\n\t\t\tconst updated = {\n\t\t\t\t...conv,\n\t\t\t\tupdatedAt: Date.now(),\n\t\t\t\tmessages: [...conv.messages, userMsg],\n\t\t\t};\n\t\t\tsaveSession(updated.sessionId, {\n\t\t\t\t...updated,\n\t\t\t\tmetadata: { ...(updated.metadata || {}), lastResponseId },\n\t\t\t});\n\t\t\treturn updated;\n\t\t});\n\n\t\t// Set API call in progress\n\t\tsetIsApiCallInProgress(true);\n\n\t\ttry {\n\t\t\tconst result = await service.generate(\n\t\t\t\t[...messages, userMsg].map((m) => ({\n\t\t\t\t\trole: m.role,\n\t\t\t\t\tcontent: m.content,\n\t\t\t\t})),\n\t\t\t\tconversationId,\n\t\t\t\tintent,\n\t\t\t\tlastResponseId,\n\t\t\t);\n\n\t\t\t// Pass the full AI response to the parent component via updateUI callback\n\t\t\tif (result?.responseId) {\n\t\t\t\tsetLastResponseId(result.responseId);\n\t\t\t\tsetConversation((conv) => {\n\t\t\t\t\tconst updated = {\n\t\t\t\t\t\t...conv,\n\t\t\t\t\t\tmetadata: {\n\t\t\t\t\t\t\t...(conv.metadata || {}),\n\t\t\t\t\t\t\tlastResponseId: result.responseId,\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\t\t\t\t\tsaveSession(updated.sessionId, updated);\n\t\t\t\t\treturn updated;\n\t\t\t\t});\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconst errorMessage =\n\t\t\t\t(error as { message?: string })?.message ||\n\t\t\t\t'Something went wrong. Please try again.';\n\t\t\tconst systemMsg: ChatMessage = {\n\t\t\t\tid: `err-${Date.now()}`,\n\t\t\t\trole: 'system',\n\t\t\t\tcontent: errorMessage,\n\t\t\t\ttimestamp: Date.now(),\n\t\t\t};\n\t\t\tsetMessages((prev) => [...prev, systemMsg]);\n\t\t\tsetConversation((conv) => {\n\t\t\t\tconst updated = {\n\t\t\t\t\t...conv,\n\t\t\t\t\tupdatedAt: Date.now(),\n\t\t\t\t\tmessages: [...conv.messages, systemMsg],\n\t\t\t\t};\n\t\t\t\tsaveSession(updated.sessionId, {\n\t\t\t\t\t...updated,\n\t\t\t\t\tmetadata: { ...(updated.metadata || {}), lastResponseId },\n\t\t\t\t});\n\t\t\t\treturn updated;\n\t\t\t});\n\t\t} finally {\n\t\t\t// Clear API call in progress\n\t\t\tsetIsApiCallInProgress(false);\n\t\t}\n\t};\n\n\treturn {\n\t\tmessages,\n\t\tconversation,\n\t\tsendMessage,\n\t\tisApiCallInProgress,\n\t};\n}\n"],"names":["system","conversationId","skipInitialization","customFunctions","functionHandler","responseFormat","onMessageReceived","displayInUI","maxToolCalls","maxTokens","apiAdapter","useCase","storeId","conversation","setConversation","useState","createSessionRecord","messages","setMessages","lastResponseId","setLastResponseId","isApiCallInProgress","setIsApiCallInProgress","useEffect","loadSession","then","saved","metadata","_a","service","useMemo","AIService","Object","assign","handleCallback","payload","ctx","call","dispatchMessage","m","prev","conv","updated","updatedAt","Date","now","saveSession","sessionId","id","sendMessage","content","intent","__awaiter","this","userMsg","role","timestamp","result","generate","map","responseId","error","errorMessage","message","systemMsg"],"mappings":"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"}
+{"version":3,"file":"useAIChat.js","sources":["../../../../../src/components/bik-chatbot/services/useAIChat.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport {\n\tChatMessage,\n\tcreateSessionRecord,\n\tSessionRecord,\n\tUseAIChatProps,\n} from '../types';\nimport { AIService } from './aiService';\nimport { loadSession, saveSession } from './db';\n\nexport function useAIChat({\n\tsystem,\n\tconversationId,\n\tskipInitialization = false,\n\t// Generic mode props\n\tcustomFunctions,\n\tfunctionHandler,\n\tresponseFormat,\n\tonMessageReceived,\n\tdisplayInUI,\n\tmaxToolCalls,\n\tmaxTokens,\n\tapiAdapter,\n\tuseCase,\n\tstoreId,\n}: Omit<UseAIChatProps, 'updateUI'>) {\n\tconst [conversation, setConversation] = useState<SessionRecord>(() =>\n\t\tcreateSessionRecord(conversationId),\n\t);\n\tconst [messages, setMessages] = useState<ChatMessage[]>([]);\n\tconst [lastResponseId, setLastResponseId] = useState<string | undefined>();\n\tconst [isApiCallInProgress, setIsApiCallInProgress] = useState(false);\n\n\tuseEffect(() => {\n\t\tloadSession(conversationId).then((saved) => {\n\t\t\tif (saved) {\n\t\t\t\tsetConversation(saved);\n\t\t\t\tsetMessages(saved.messages);\n\t\t\t\tsetLastResponseId(saved.metadata?.lastResponseId);\n\t\t\t}\n\t\t});\n\t}, [conversationId]);\n\n\t// Create service with useMemo to recreate when system changes\n\tconst service = useMemo(() => {\n\t\t// Skip initialization if system is not ready (prevents creating AIService with placeholder \"loading\" system)\n\t\tif (skipInitialization) {\n\t\t\treturn null;\n\t\t}\n\t\treturn new AIService({\n\t\t\tsystem: {\n\t\t\t\t...system,\n\t\t\t\thandleCallback: (payload, ctx) => {\n\t\t\t\t\tsystem.handleCallback?.(payload, ctx);\n\t\t\t\t},\n\t\t\t},\n\t\t\tdispatchMessage: (m) => {\n\t\t\t\tsetMessages((prev) => [...prev, m]);\n\t\t\t\tsetConversation((conv) => {\n\t\t\t\t\tconst updated = {\n\t\t\t\t\t\t...conv,\n\t\t\t\t\t\tupdatedAt: Date.now(),\n\t\t\t\t\t\tmessages: [...conv.messages, m],\n\t\t\t\t\t};\n\t\t\t\t\tsaveSession(updated.sessionId, {\n\t\t\t\t\t\t...updated,\n\t\t\t\t\t\tmetadata: { ...(updated.metadata || {}), lastResponseId },\n\t\t\t\t\t});\n\t\t\t\t\treturn updated;\n\t\t\t\t});\n\t\t\t},\n\t\t\tcustomFunctions,\n\t\t\tfunctionHandler,\n\t\t\tresponseFormat,\n\t\t\tonMessageReceived,\n\t\t\tdisplayInUI,\n\t\t\tmaxToolCalls,\n\t\t\tmaxTokens,\n\t\t\tapiAdapter,\n\t\t\tuseCase,\n\t\t\tstoreId,\n\t\t});\n\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [system.id, skipInitialization, maxTokens]);\n\n\tconst sendMessage = async (content: string, intent = 'default') => {\n\t\tif (!service) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst userMsg: ChatMessage = {\n\t\t\tid: `u-${Date.now()}`,\n\t\t\trole: 'user',\n\t\t\tcontent,\n\t\t\ttimestamp: Date.now(),\n\t\t};\n\n\t\tsetMessages((prev) => [...prev, userMsg]);\n\t\tsetConversation((conv) => {\n\t\t\tconst updated = {\n\t\t\t\t...conv,\n\t\t\t\tupdatedAt: Date.now(),\n\t\t\t\tmessages: [...conv.messages, userMsg],\n\t\t\t};\n\t\t\tsaveSession(updated.sessionId, {\n\t\t\t\t...updated,\n\t\t\t\tmetadata: { ...(updated.metadata || {}), lastResponseId },\n\t\t\t});\n\t\t\treturn updated;\n\t\t});\n\n\t\t// Set API call in progress\n\t\tsetIsApiCallInProgress(true);\n\n\t\ttry {\n\t\t\tconst result = await service.generate(\n\t\t\t\t[...messages, userMsg].map((m) => ({\n\t\t\t\t\trole: m.role,\n\t\t\t\t\tcontent: m.content,\n\t\t\t\t})),\n\t\t\t\tconversationId,\n\t\t\t\tintent,\n\t\t\t\tlastResponseId,\n\t\t\t);\n\n\t\t\t// Pass the full AI response to the parent component via updateUI callback\n\t\t\tif (result?.responseId) {\n\t\t\t\tsetLastResponseId(result.responseId);\n\t\t\t\tsetConversation((conv) => {\n\t\t\t\t\tconst updated = {\n\t\t\t\t\t\t...conv,\n\t\t\t\t\t\tmetadata: {\n\t\t\t\t\t\t\t...(conv.metadata || {}),\n\t\t\t\t\t\t\tlastResponseId: result.responseId,\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\t\t\t\t\tsaveSession(updated.sessionId, updated);\n\t\t\t\t\treturn updated;\n\t\t\t\t});\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconst errorMessage =\n\t\t\t\t(error as { message?: string })?.message ||\n\t\t\t\t'Something went wrong. Please try again.';\n\t\t\tconst systemMsg: ChatMessage = {\n\t\t\t\tid: `err-${Date.now()}`,\n\t\t\t\trole: 'system',\n\t\t\t\tcontent: errorMessage,\n\t\t\t\ttimestamp: Date.now(),\n\t\t\t};\n\t\t\tsetMessages((prev) => [...prev, systemMsg]);\n\t\t\tsetConversation((conv) => {\n\t\t\t\tconst updated = {\n\t\t\t\t\t...conv,\n\t\t\t\t\tupdatedAt: Date.now(),\n\t\t\t\t\tmessages: [...conv.messages, systemMsg],\n\t\t\t\t};\n\t\t\t\tsaveSession(updated.sessionId, {\n\t\t\t\t\t...updated,\n\t\t\t\t\tmetadata: { ...(updated.metadata || {}), lastResponseId },\n\t\t\t\t});\n\t\t\t\treturn updated;\n\t\t\t});\n\t\t} finally {\n\t\t\t// Clear API call in progress\n\t\t\tsetIsApiCallInProgress(false);\n\t\t}\n\t};\n\n\treturn {\n\t\tmessages,\n\t\tconversation,\n\t\tsendMessage,\n\t\tisApiCallInProgress,\n\t};\n}\n"],"names":["_ref","_this","this","system","conversationId","skipInitialization","customFunctions","functionHandler","responseFormat","onMessageReceived","displayInUI","maxToolCalls","maxTokens","apiAdapter","useCase","storeId","conversation","setConversation","useState","createSessionRecord","messages","setMessages","lastResponseId","setLastResponseId","isApiCallInProgress","setIsApiCallInProgress","useEffect","loadSession","then","saved","metadata","_a","service","useMemo","AIService","Object","assign","handleCallback","payload","ctx","call","dispatchMessage","m","prev","conv","updated","updatedAt","Date","now","saveSession","sessionId","id","sendMessage","content","intent","arguments","length","undefined","__awaiter","userMsg","role","timestamp","result","generate","map","responseId","error","errorMessage","message","systemMsg"],"mappings":"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"}

package/dist/cjs/components/bik-chatbot/utils/guardrails.js.map

@@ -1 +1 @@
-{"version":3,"file":"guardrails.js","sources":["../../../../../src/components/bik-chatbot/utils/guardrails.ts"],"sourcesContent":["// src/ai/utils/guardrails.ts\nexport function sanitizeUserInput(text: string): string {\n\tif (!text) return '';\n\t// eslint-disable-next-line no-control-regex\n\treturn text.replace(/[\\u0000-\\u001F\\u007F]/g, '').trim();\n}\n\nexport function injectSafetyPrompt(prompt: string): string {\n\tconst safety =\n\t\t'Follow company safety rules: do not provide PII, do not encourage illegal activity, avoid disallowed content.';\n\treturn `${prompt}\\n\\n${safety}`;\n}\n\nexport function validateOutput(msg: unknown): boolean {\n\tif (!msg) return false;\n\tconst content = (msg as { content?: unknown })?.content ?? '';\n\tif (typeof content !== 'string') return false;\n\tif (content.length > 50000) return false;\n\treturn true;\n}\n\nexport function validateFunctionCall(\n\tfnCall: unknown,\n\tallowedFunctions: Array<{ name: string }> = [],\n): boolean {\n\tconst name = (fnCall as { name?: string })?.name;\n\tif (!name) return false;\n\treturn allowedFunctions.some((f) => f.name === name);\n}\n"],"names":["prompt","text","replace","trim"],"mappings":"+FAOM,SAA6BA,GAGlC,MAAO,GAAGA,oHACX,4BAVM,SAA4BC,GACjC,OAAKA,EAEEA,EAAKC,QAAQ,yBAA0B,IAAIC,OAFhC,EAGnB"}
+{"version":3,"file":"guardrails.js","sources":["../../../../../src/components/bik-chatbot/utils/guardrails.ts"],"sourcesContent":["// src/ai/utils/guardrails.ts\nexport function sanitizeUserInput(text: string): string {\n\tif (!text) return '';\n\t// eslint-disable-next-line no-control-regex\n\treturn text.replace(/[\\u0000-\\u001F\\u007F]/g, '').trim();\n}\n\nexport function injectSafetyPrompt(prompt: string): string {\n\tconst safety =\n\t\t'Follow company safety rules: do not provide PII, do not encourage illegal activity, avoid disallowed content.';\n\treturn `${prompt}\\n\\n${safety}`;\n}\n\nexport function validateOutput(msg: unknown): boolean {\n\tif (!msg) return false;\n\tconst content = (msg as { content?: unknown })?.content ?? '';\n\tif (typeof content !== 'string') return false;\n\tif (content.length > 50000) return false;\n\treturn true;\n}\n\nexport function validateFunctionCall(\n\tfnCall: unknown,\n\tallowedFunctions: Array<{ name: string }> = [],\n): boolean {\n\tconst name = (fnCall as { name?: string })?.name;\n\tif (!name) return false;\n\treturn allowedFunctions.some((f) => f.name === name);\n}\n"],"names":["prompt","text","replace","trim"],"mappings":"+FAOM,SAA6BA,GAGlC,MAAU,GAAAA,oHACX,4BAVM,SAA4BC,GACjC,OAAKA,EAEEA,EAAKC,QAAQ,yBAA0B,IAAIC,OAFhC,EAGnB"}

package/dist/cjs/components/bik-layout/BikLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"BikLayout.js","sources":["../../../../src/components/bik-layout/BikLayout.tsx"],"sourcesContent":["import { BikLayoutContainer } from './CommonStyles';\nimport { FeatureModal } from './FeatureModal';\nimport { FeatureModalV2 } from './FeatureModalV2';\nimport { PageLoader } from './PageLoader';\n\nexport interface BikLayoutProps {\n\tisLoading: boolean;\n\tisFeatureModalEnabled?: boolean;\n\tisDisabled?: boolean;\n\thidePadding?: boolean;\n\tloadingAnimation?: JSX.Element;\n\theight?: string;\n\tchildren?: React.ReactNode;\n\tcontainerStyles?: React.CSSProperties;\n\tonClickingCrossOnFeatureModal?: () => void;\n\tonUpgrade?: () => void;\n\textraContentForModal?: JSX.Element;\n\ttype?: 'overflow-within' | 'overflow-body';\n\tfeatureModalProps?: {\n\t\ttitle?: string;\n\t\tsubTitle?: string;\n\t\tshowBookADemo?: boolean;\n\t\tdemoLink?: string;\n\t\tfeatureImage?: string;\n\t};\n\tuseFeautureModalV2?: boolean;\n\tbackgroundColor?: string;\n}\nexport const BikLayout: React.FC<BikLayoutProps> = (layoutProps) => {\n\tconst {\n\t\tisLoading,\n\t\tisFeatureModalEnabled = false,\n\t\tisDisabled = false,\n\t\tloadingAnimation,\n\t\thidePadding = false,\n\t\theight,\n\t\tchildren,\n\t\tcontainerStyles,\n\t\tonClickingCrossOnFeatureModal,\n\t\tonUpgrade,\n\t\textraContentForModal,\n\t\tfeatureModalProps,\n\t\ttype,\n\t\tuseFeautureModalV2,\n\t\tbackgroundColor,\n\t} = layoutProps;\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<BikLayoutContainer backgroundColor={backgroundColor}>\n\t\t\t\t{loadingAnimation ? loadingAnimation : <PageLoader />}\n\t\t\t</BikLayoutContainer>\n\t\t);\n\t}\n\treturn (\n\t\t<>\n\t\t\t<BikLayoutContainer type={type} backgroundColor={backgroundColor}>\n\t\t\t\t<div className={`${isDisabled ? 'disabled--wrapper' : ''}`} />\n\t\t\t\t<div\n\t\t\t\t\tclassName={`${hidePadding ? 'inner-wrapper' : 'inner-wrapper pd-24'}`}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: `${height ? height : ''}`,\n\t\t\t\t\t\t...(containerStyles ?? {}),\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t\t{isFeatureModalEnabled && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{useFeautureModalV2 ? (\n\t\t\t\t\t\t\t<FeatureModalV2\n\t\t\t\t\t\t\t\tonUpgrade={onUpgrade}\n\t\t\t\t\t\t\t\t{...featureModalProps}\n\t\t\t\t\t\t\t\totherContent={extraContentForModal}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<FeatureModal\n\t\t\t\t\t\t\t\tshowBookADemo={true}\n\t\t\t\t\t\t\t\tonClickingCross={() =>\n\t\t\t\t\t\t\t\t\tonClickingCrossOnFeatureModal\n\t\t\t\t\t\t\t\t\t\t? onClickingCrossOnFeatureModal()\n\t\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonUpgrade={onUpgrade}\n\t\t\t\t\t\t\t\t{...featureModalProps}\n\t\t\t\t\t\t\t\totherContent={extraContentForModal}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</BikLayoutContainer>\n\t\t</>\n\t);\n};\n"],"names":["layoutProps","isLoading","isFeatureModalEnabled","isDisabled","loadingAnimation","hidePadding","height","children","containerStyles","onClickingCrossOnFeatureModal","onUpgrade","extraContentForModal","featureModalProps","type","useFeautureModalV2","backgroundColor","_jsx","BikLayoutContainer","Object","assign","PageLoader","_Fragment","_jsxs","jsxs","jsx","className","style","FeatureModalV2","otherContent","FeatureModal","showBookADemo","onClickingCross"],"mappings":"qPA4BoDA,IACnD,MAAMC,UACLA,EAASC,sBACTA,GAAwB,EAAKC,WAC7BA,GAAa,EAAKC,iBAClBA,EAAgBC,YAChBA,GAAc,EAAKC,OACnBA,EAAMC,SACNA,EAAQC,gBACRA,EAAeC,8BACfA,EAA6BC,UAC7BA,EAASC,qBACTA,EAAoBC,kBACpBA,EAAiBC,KACjBA,EAAIC,mBACJA,EAAkBC,gBAClBA,GACGf,EAEJ,OAAIC,EAEFe,MAACC,EAAAA,mBAAkBC,OAAAC,OAAA,CAACJ,gBAAiBA,aACnCX,GAAsCY,EAAAA,IAACI,EAAAA,WAAU,CAAA,MAKpDJ,EAAAA,IACCK,EAAAA,SAAA,CAAAd,SAAAe,EAAAC,KAACN,qBAAkBC,OAAAC,OAAA,CAACN,KAAMA,EAAME,gBAAiBA,cAChDC,EAAKQ,IAAA,MAAA,CAAAC,UAAW,IAAGtB,EAAa,oBAAsB,MACtDa,EAAAQ,IAAA,MAAAN,OAAAC,OAAA,CACCM,UAAW,IAAGpB,EAAc,gBAAkB,uBAC9CqB,MAAKR,OAAAC,OAAA,CACJb,OAAQ,GAAGA,GAAkB,MACzBE,QAAAA,EAAmB,KAAG,CAAAD,SAG1BA,KAEDL,GACAc,EAAAQ,IAAAH,WAAA,CAAAd,SACEO,EACAE,EAAAA,IAACW,EAAAA,eAAcT,OAAAC,OAAA,CACdT,UAAWA,GACPE,EACJ,CAAAgB,aAAcjB,KAGfK,EAACQ,IAAAK,eACAX,OAAAC,OAAA,CAAAW,eAAe,EACfC,gBAAiBA,IAChBtB,EACGA,IACA,GAEJC,UAAWA,GACPE,EAAiB,CACrBgB,aAAcjB,YAMjB"}
+{"version":3,"file":"BikLayout.js","sources":["../../../../src/components/bik-layout/BikLayout.tsx"],"sourcesContent":["import { BikLayoutContainer } from './CommonStyles';\nimport { FeatureModal } from './FeatureModal';\nimport { FeatureModalV2 } from './FeatureModalV2';\nimport { PageLoader } from './PageLoader';\n\nexport interface BikLayoutProps {\n\tisLoading: boolean;\n\tisFeatureModalEnabled?: boolean;\n\tisDisabled?: boolean;\n\thidePadding?: boolean;\n\tloadingAnimation?: JSX.Element;\n\theight?: string;\n\tchildren?: React.ReactNode;\n\tcontainerStyles?: React.CSSProperties;\n\tonClickingCrossOnFeatureModal?: () => void;\n\tonUpgrade?: () => void;\n\textraContentForModal?: JSX.Element;\n\ttype?: 'overflow-within' | 'overflow-body';\n\tfeatureModalProps?: {\n\t\ttitle?: string;\n\t\tsubTitle?: string;\n\t\tshowBookADemo?: boolean;\n\t\tdemoLink?: string;\n\t\tfeatureImage?: string;\n\t};\n\tuseFeautureModalV2?: boolean;\n\tbackgroundColor?: string;\n}\nexport const BikLayout: React.FC<BikLayoutProps> = (layoutProps) => {\n\tconst {\n\t\tisLoading,\n\t\tisFeatureModalEnabled = false,\n\t\tisDisabled = false,\n\t\tloadingAnimation,\n\t\thidePadding = false,\n\t\theight,\n\t\tchildren,\n\t\tcontainerStyles,\n\t\tonClickingCrossOnFeatureModal,\n\t\tonUpgrade,\n\t\textraContentForModal,\n\t\tfeatureModalProps,\n\t\ttype,\n\t\tuseFeautureModalV2,\n\t\tbackgroundColor,\n\t} = layoutProps;\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<BikLayoutContainer backgroundColor={backgroundColor}>\n\t\t\t\t{loadingAnimation ? loadingAnimation : <PageLoader />}\n\t\t\t</BikLayoutContainer>\n\t\t);\n\t}\n\treturn (\n\t\t<>\n\t\t\t<BikLayoutContainer type={type} backgroundColor={backgroundColor}>\n\t\t\t\t<div className={`${isDisabled ? 'disabled--wrapper' : ''}`} />\n\t\t\t\t<div\n\t\t\t\t\tclassName={`${hidePadding ? 'inner-wrapper' : 'inner-wrapper pd-24'}`}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: `${height ? height : ''}`,\n\t\t\t\t\t\t...(containerStyles ?? {}),\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t\t{isFeatureModalEnabled && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{useFeautureModalV2 ? (\n\t\t\t\t\t\t\t<FeatureModalV2\n\t\t\t\t\t\t\t\tonUpgrade={onUpgrade}\n\t\t\t\t\t\t\t\t{...featureModalProps}\n\t\t\t\t\t\t\t\totherContent={extraContentForModal}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<FeatureModal\n\t\t\t\t\t\t\t\tshowBookADemo={true}\n\t\t\t\t\t\t\t\tonClickingCross={() =>\n\t\t\t\t\t\t\t\t\tonClickingCrossOnFeatureModal\n\t\t\t\t\t\t\t\t\t\t? onClickingCrossOnFeatureModal()\n\t\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonUpgrade={onUpgrade}\n\t\t\t\t\t\t\t\t{...featureModalProps}\n\t\t\t\t\t\t\t\totherContent={extraContentForModal}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</BikLayoutContainer>\n\t\t</>\n\t);\n};\n"],"names":["layoutProps","isLoading","isFeatureModalEnabled","isDisabled","loadingAnimation","hidePadding","height","children","containerStyles","onClickingCrossOnFeatureModal","onUpgrade","extraContentForModal","featureModalProps","type","useFeautureModalV2","backgroundColor","_jsx","BikLayoutContainer","Object","assign","PageLoader","_Fragment","_jsxs","jsxs","jsx","className","style","FeatureModalV2","otherContent","FeatureModal","showBookADemo","onClickingCross"],"mappings":"qPA4BoDA,IACnD,MAAMC,UACLA,EAASC,sBACTA,GAAwB,EAAKC,WAC7BA,GAAa,EAAKC,iBAClBA,EAAgBC,YAChBA,GAAc,EAAKC,OACnBA,EAAMC,SACNA,EAAQC,gBACRA,EAAeC,8BACfA,EAA6BC,UAC7BA,EAASC,qBACTA,EAAoBC,kBACpBA,EAAiBC,KACjBA,EAAIC,mBACJA,EAAkBC,gBAClBA,GACGf,EAEJ,OAAIC,EAEFe,MAACC,EAAAA,mBAAkBC,OAAAC,OAAA,CAACJ,gBAAiBA,aACnCX,GAAsCY,EAAAA,IAACI,EAAAA,WAAU,CAAA,MAKpDJ,EAAAA,IACCK,EAAAA,SAAA,CAAAd,SAAAe,EAAAC,KAACN,qBAAkBC,OAAAC,OAAA,CAACN,KAAMA,EAAME,gBAAiBA,cAChDC,EAAKQ,IAAA,MAAA,CAAAC,UAAW,IAAGtB,EAAa,oBAAsB,MACtDa,EAAAQ,IAAA,MAAAN,OAAAC,OAAA,CACCM,UAAc,IAAApB,EAAc,gBAAkB,uBAC9CqB,MAAKR,OAAAC,OAAA,CACJb,OAAW,GAAAA,GAAkB,MACzBE,QAAAA,EAAmB,KAAG,CAAAD,SAG1BA,KAEDL,GACAc,EAAAQ,IAAAH,WAAA,CAAAd,SACEO,EACAE,EAAAA,IAACW,EAAAA,eAAcT,OAAAC,OAAA,CACdT,UAAWA,GACPE,EACJ,CAAAgB,aAAcjB,KAGfK,EAACQ,IAAAK,eACAX,OAAAC,OAAA,CAAAW,eAAe,EACfC,gBAAiBA,IAChBtB,EACGA,IACA,GAEJC,UAAWA,GACPE,EAAiB,CACrBgB,aAAcjB,YAMjB"}

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

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

package/dist/cjs/components/bik-layout/BikSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"BikSidebar.js","sources":["../../../../src/components/bik-layout/BikSidebar.tsx"],"sourcesContent":["import BikIcon from '@src/assets/icons/Bik_logo.svg';\nimport LockedIcon from '@src/assets/icons/locked.svg';\nimport { Fragment, useCallback, useEffect, useMemo, useState } from 'react';\nimport React from 'react';\nimport CircularProgressBar from '@src/components/progress-bar/CircularProgressBar';\nimport { COLORS } from '@src/constants/Theme';\nimport { NavigationHyperlink } from '../navigation-hyperlink/NavigationHyperlink';\nimport { Menu } from './Sidebar.model';\nimport { SidebarPopup } from './SidebarPopup';\nimport {\n\tMainSideBarMenuWrapper,\n\tSibeBarMenuItem,\n\tSideBarContainer,\n} from './SidebarStyles';\nimport { SimpleSidebar } from './SimpleSidebar';\n\nexport interface MenuItem {\n\tkey: string | number;\n\tdisplayName: string;\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; // Main Icon element that is to display\n\tactiveIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; // Icon element to pass when the menu is active\n\thoverIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; //Icon element to pass when the menu is hovered upon\n\tisLastSticky?: boolean; // to stick any menu at the end of the list\n\tis2ndLastSticky?: boolean; // to stick any menu at 2nd last end of list\n\tchildren?: Menu[];\n\tshowAccessUpgradePanel?: boolean;\n\tpath?: string;\n\tlayout?: 'fullScreen' | 'popup' | string | undefined;\n\tisNew?: boolean;\n\tisLocked?: boolean;\n}\n\nexport interface BikSidebarProps {\n\tlogoSvg?: JSX.Element;\n\tallMenuList: MenuItem[];\n\tactiveMainMenu: MenuItem;\n\tactiveSubMenu: Menu;\n\trouter: any;\n\tonClickingMainMenu: (menu: MenuItem) => void;\n\tonClickingSubMenu: (subMenu: Menu) => void;\n\tonClickingAccessUpgradePanel?: () => void;\n\tonClickingPopupMenuItem?: (menu: Menu) => void;\n\tpopupMinHeight?: number;\n\tisNewSidebar?: boolean;\n\tonboardingPercentage?: number;\n\tmenuStyle?: React.CSSProperties;\n}\n\ninterface GetSideBarMenuItemProps {\n\toption: MenuItem;\n\tindex: number;\n\tonClickMainMenuLogic: (option: MenuItem) => void;\n\tsetHandleHoverForFullLayout: (option: MenuItem) => void;\n\tisDisabled: boolean;\n\tsetHoveredComp: (comp: any) => void;\n\tsetPopupMenu: (menu: any) => void;\n\tmainActiveMenu: MenuItem | undefined;\n\thoveredComp: MenuItem | undefined;\n\tpopupMenu: MenuItem | undefined;\n}\n\nexport const BikSidebar: React.FC<BikSidebarProps> = (bikSidebarProps) => {\n\tconst {\n\t\tlogoSvg,\n\t\tallMenuList,\n\t\tactiveMainMenu,\n\t\tactiveSubMenu,\n\t\trouter,\n\t\tonClickingMainMenu,\n\t\tonClickingSubMenu,\n\t\tonClickingAccessUpgradePanel,\n\t\tonClickingPopupMenuItem,\n\t\tpopupMinHeight,\n\t\tisNewSidebar,\n\t\tmenuStyle,\n\t} = bikSidebarProps;\n\tconst [mainActiveMenu, setMainActiveMenu] =\n\t\tuseState<MenuItem>(activeMainMenu);\n\tconst [hoveredComp, setHoveredComp] = useState<MenuItem>();\n\tconst [subActiveMenu, setSubActiveMenu] = useState<Menu>(activeSubMenu);\n\tconst [isDisabled, setIsDisabled] = useState(false);\n\tconst [popupMenu, setPopupMenu] = useState<MenuItem>();\n\tconst [popupMenuTop, setPopupMenuTop] = useState<number>();\n\tconst [sidebarEachMenuTop, setSidebarEachMenuTop] = useState<number>();\n\tconst [autoCloseTimer, setAutoCloseTimer] = useState<NodeJS.Timeout | null>(\n\t\tnull,\n\t);\n\tconst numberOfStickyOptions = useMemo(\n\t\t() =>\n\t\t\tallMenuList.filter((menu) => menu.is2ndLastSticky || menu.isLastSticky)\n\t\t\t\t.length,\n\t\t[allMenuList],\n\t);\n\n\tuseEffect(() => {\n\t\tsetMainActiveMenu(activeMainMenu);\n\t}, [activeMainMenu]);\n\n\tuseEffect(() => {\n\t\tsetSubActiveMenu(activeSubMenu);\n\t}, [activeSubMenu]);\n\n\tconst onClickMainMenuLogic = useCallback(\n\t\t(option: MenuItem) => {\n\t\t\tif (option?.layout === 'popup') {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetPopupMenu(undefined);\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetIsDisabled(true);\n\t\t\tsetMainActiveMenu(option);\n\t\t\tif (!option.path) {\n\t\t\t\tonClickingMainMenu(option);\n\t\t\t}\n\t\t\toption?.children?.length\n\t\t\t\t? setSubActiveMenu(option?.children[0])\n\t\t\t\t: setSubActiveMenu({} as Menu);\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetIsDisabled(false);\n\t\t\t}, 1000);\n\t\t},\n\t\t[onClickingMainMenu],\n\t);\n\n\tconst setHandleHoverForFullLayout = useCallback((option: MenuItem) => {\n\t\tclearRemnantTimers();\n\t\tsetHoveredComp(undefined);\n\t\tsetPopupMenu(undefined);\n\t\tif (option?.layout == 'popup') {\n\t\t\tconst top = determineElementTop();\n\t\t\ttop && setPopupMenuTop(top);\n\t\t\tsetPopupMenu(option);\n\t\t} else {\n\t\t\tconst targetElement = document.getElementById(\n\t\t\t\toption.displayName?.split(' ')?.join('') || option.key.toString(),\n\t\t\t);\n\t\t\tif (targetElement) {\n\t\t\t\tconst topValue = calculateTopSideBarPosition(targetElement);\n\t\t\t\tsetSidebarEachMenuTop(topValue);\n\t\t\t}\n\t\t\tsetHoveredComp(option);\n\t\t\tinitiateAutoClose();\n\t\t}\n\t}, []);\n\tconst calculateTopSideBarPosition = (targetElement: HTMLElement) => {\n\t\tconst targetRect = targetElement.getBoundingClientRect();\n\t\tlet topValue = targetRect.top;\n\t\tconst innerStickyElements = targetElement.querySelectorAll('div');\n\t\tlet innerStickyElement = null as HTMLElement | null;\n\t\tconst innerHeight = window.innerHeight;\n\t\tif (innerHeight <= 768) {\n\t\t\treturn topValue;\n\t\t}\n\t\tinnerStickyElements.forEach((element) => {\n\t\t\tif (element.className.includes('sticky')) {\n\t\t\t\tinnerStickyElement = element;\n\t\t\t}\n\t\t});\n\t\tif (innerStickyElement) {\n\t\t\tconst windowHeight = window.innerHeight;\n\t\t\tconst distanceToBottom = windowHeight - targetRect.bottom;\n\t\t\ttopValue = targetRect.top + distanceToBottom - 200; // sample height for lower elements\n\t\t}\n\t\treturn topValue;\n\t};\n\n\tuseEffect(() => {\n\t\tconst handleResize = () => {\n\t\t\tconst newTop = determineElementTop();\n\t\t\tnewTop && setPopupMenuTop(newTop);\n\t\t\tdetermineSideMenuTopWhileResize();\n\t\t};\n\t\twindow.addEventListener('resize', handleResize);\n\t\treturn () => {\n\t\t\twindow.removeEventListener('resize', handleResize);\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\tconst determineSideMenuTopWhileResize = () => {\n\t\tconst openSideMenuElement = document.getElementById('_sub-menu');\n\t\tconst openSideMenuElementHeight =\n\t\t\topenSideMenuElement?.getBoundingClientRect().height;\n\t\tif (openSideMenuElementHeight) {\n\t\t\tsetSidebarEachMenuTop(window.innerHeight - openSideMenuElementHeight);\n\t\t}\n\t};\n\tconst determineElementTop = () => {\n\t\tif (popupMenu) {\n\t\t\tconst currentId =\n\t\t\t\tpopupMenu.displayName?.split(' ')?.join('') + '_sub' ||\n\t\t\t\tpopupMenu.key.toString() + '_sub';\n\n\t\t\tconst targetElement = document.getElementById(currentId);\n\t\t\tif (targetElement) {\n\t\t\t\tconst sideMenuRect = targetElement.getBoundingClientRect();\n\t\t\t\tlet divBoxTop = sideMenuRect.top;\n\t\t\t\tconst popupHeight = popupMinHeight ?? 320;\n\t\t\t\tif (sideMenuRect.bottom + popupHeight > window.innerHeight) {\n\t\t\t\t\tdivBoxTop -= sideMenuRect.bottom + popupHeight - window.innerHeight;\n\t\t\t\t}\n\t\t\t\treturn divBoxTop;\n\t\t\t}\n\t\t\treturn null;\n\t\t}\n\t};\n\n\tconst initiateAutoClose = () => {\n\t\tclearRemnantTimers();\n\t\tconst timer = setTimeout(() => setHoveredComp(undefined), 10000); // 10-second delay\n\t\tsetAutoCloseTimer(timer);\n\t};\n\n\tconst clearRemnantTimers = () => {\n\t\tclearTimeout(autoCloseTimer!);\n\t};\n\n\treturn (\n\t\t<SideBarContainer>\n\t\t\t<div\n\t\t\t\tclassName=\"bik-header-logo\"\n\t\t\t\tonClick={() => undefined}\n\t\t\t\tonKeyDown={() => undefined}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{logoSvg ? logoSvg : <BikIcon />}\n\t\t\t</div>\n\t\t\t<MainSideBarMenuWrapper style={menuStyle}>\n\t\t\t\t{allMenuList?.map((option, index) => (\n\t\t\t\t\t<Fragment key={index}>\n\t\t\t\t\t\t{option.path ? (\n\t\t\t\t\t\t\t<NavigationHyperlink href={option.path} router={router}>\n\t\t\t\t\t\t\t\t<EachSidebarMenuItem\n\t\t\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\tonClickMainMenuLogic={onClickMainMenuLogic}\n\t\t\t\t\t\t\t\t\tsetHandleHoverForFullLayout={setHandleHoverForFullLayout}\n\t\t\t\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\t\t\t\tsetHoveredComp={setHoveredComp}\n\t\t\t\t\t\t\t\t\tsetPopupMenu={setPopupMenu}\n\t\t\t\t\t\t\t\t\tmainActiveMenu={mainActiveMenu}\n\t\t\t\t\t\t\t\t\thoveredComp={hoveredComp}\n\t\t\t\t\t\t\t\t\tpopupMenu={popupMenu}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</NavigationHyperlink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<EachSidebarMenuItem\n\t\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\tonClickMainMenuLogic={onClickMainMenuLogic}\n\t\t\t\t\t\t\t\tsetHandleHoverForFullLayout={setHandleHoverForFullLayout}\n\t\t\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\t\t\tsetHoveredComp={setHoveredComp}\n\t\t\t\t\t\t\t\tsetPopupMenu={setPopupMenu}\n\t\t\t\t\t\t\t\tmainActiveMenu={mainActiveMenu}\n\t\t\t\t\t\t\t\thoveredComp={hoveredComp}\n\t\t\t\t\t\t\t\tpopupMenu={popupMenu}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{option.layout === 'popup' && popupMenu?.children?.length && (\n\t\t\t\t\t\t\t\t<SidebarPopup\n\t\t\t\t\t\t\t\t\ttop={popupMenuTop ?? undefined}\n\t\t\t\t\t\t\t\t\tmenuList={popupMenu?.children}\n\t\t\t\t\t\t\t\t\tonClickingPopupMenu={(popupMenuSelected) => {\n\t\t\t\t\t\t\t\t\t\tonClickingPopupMenuItem &&\n\t\t\t\t\t\t\t\t\t\t\tonClickingPopupMenuItem(popupMenuSelected);\n\t\t\t\t\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={() => setPopupMenu(undefined)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{hoveredComp?.children?.length && (\n\t\t\t\t\t\t\t\t<SimpleSidebar\n\t\t\t\t\t\t\t\t\tmenuList={hoveredComp?.children}\n\t\t\t\t\t\t\t\t\tactiveMenu={subActiveMenu}\n\t\t\t\t\t\t\t\t\tonMouseEnterOnMenu={() => clearRemnantTimers()}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={() => {\n\t\t\t\t\t\t\t\t\t\tclearRemnantTimers();\n\t\t\t\t\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tleft={isNewSidebar ? 92 : 88}\n\t\t\t\t\t\t\t\t\tpostion={'fixed'}\n\t\t\t\t\t\t\t\t\theader={hoveredComp.displayName}\n\t\t\t\t\t\t\t\t\ttheme={'brand'}\n\t\t\t\t\t\t\t\t\trouter={router}\n\t\t\t\t\t\t\t\t\tshowAccessUpgradePanel={hoveredComp.showAccessUpgradePanel}\n\t\t\t\t\t\t\t\t\tonMenuClick={(menuSelected, reDirect) => {\n\t\t\t\t\t\t\t\t\t\tsetSubActiveMenu(menuSelected);\n\t\t\t\t\t\t\t\t\t\tsetMainActiveMenu(hoveredComp);\n\t\t\t\t\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t\t\t\t\t\treDirect && onClickingSubMenu(menuSelected);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonUpgrade={onClickingAccessUpgradePanel}\n\t\t\t\t\t\t\t\t\ttop={\n\t\t\t\t\t\t\t\t\t\tisNewSidebar\n\t\t\t\t\t\t\t\t\t\t\t? sidebarEachMenuTop\n\t\t\t\t\t\t\t\t\t\t\t\t? sidebarEachMenuTop\n\t\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tisNewSidebar={isNewSidebar}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t</Fragment>\n\t\t\t\t))}\n\t\t\t\t{typeof bikSidebarProps.onboardingPercentage === 'number' && (\n\t\t\t\t\t<SibeBarMenuItem>\n\t\t\t\t\t\t<div className=\"main--sidebar\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tid={'bik-onboarding__checklist'}\n\t\t\t\t\t\t\t\tclassName={`sidebar-menu-item ${\n\t\t\t\t\t\t\t\t\tnumberOfStickyOptions === 0\n\t\t\t\t\t\t\t\t\t\t? 'sticky-menu'\n\t\t\t\t\t\t\t\t\t\t: numberOfStickyOptions === 1\n\t\t\t\t\t\t\t\t\t\t? 'sticky-menu-int'\n\t\t\t\t\t\t\t\t\t\t: 'sticky-menu-three'\n\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CircularProgressBar\n\t\t\t\t\t\t\t\t\tpercentage={bikSidebarProps.onboardingPercentage}\n\t\t\t\t\t\t\t\t\twidth={48}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</SibeBarMenuItem>\n\t\t\t\t)}\n\t\t\t</MainSideBarMenuWrapper>\n\t\t</SideBarContainer>\n\t);\n};\n\nconst IconComponent: React.FC<{\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tisActive: boolean;\n\tactiveStateIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\thoverStateIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tisHovered: boolean;\n}> = (iconComponentProps) => {\n\tconst { icon, isActive, activeStateIcon, hoverStateIcon, isHovered } =\n\t\ticonComponentProps;\n\tconst Icon = icon;\n\tconst ActiveIcon = activeStateIcon;\n\tconst HoverIcon = hoverStateIcon;\n\treturn (\n\t\t<>\n\t\t\t{isActive ? (\n\t\t\t\t<ActiveIcon width={20} height={20} />\n\t\t\t) : isHovered ? (\n\t\t\t\t<HoverIcon width={20} height={20} color={COLORS.surface.standard} />\n\t\t\t) : (\n\t\t\t\t<Icon width={20} height={20} color={COLORS.surface.standard} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst EachSidebarMenuItem: React.FC<GetSideBarMenuItemProps> = ({\n\toption,\n\tindex,\n\tonClickMainMenuLogic,\n\tsetHandleHoverForFullLayout,\n\tisDisabled,\n\tsetHoveredComp,\n\tsetPopupMenu,\n\tmainActiveMenu,\n\thoveredComp,\n\tpopupMenu,\n}) => {\n\treturn (\n\t\t<SibeBarMenuItem>\n\t\t\t<div\n\t\t\t\tid={option.displayName?.split(' ')?.join('') || option.key.toString()}\n\t\t\t\tclassName=\"main--sidebar\"\n\t\t\t\tkey={index}\n\t\t\t\tonClick={() => onClickMainMenuLogic(option)}\n\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\t!isDisabled && setHandleHoverForFullLayout(option);\n\t\t\t\t}}\n\t\t\t\tonMouseOver={() => {\n\t\t\t\t\t!isDisabled && setHandleHoverForFullLayout(option);\n\t\t\t\t}}\n\t\t\t\tonMouseLeave={() => {\n\t\t\t\t\tif (!option?.children?.length) {\n\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tonFocus={() => {}}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{option.isNew && (\n\t\t\t\t\t<div className={`new-tag ${option.isLastSticky ? 'tag-sticky' : ''}`}>\n\t\t\t\t\t\tNEW\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{option.isLocked && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`locked--channel ${\n\t\t\t\t\t\t\toption.isLastSticky ? 'tag-sticky' : ''\n\t\t\t\t\t\t}  ${option.is2ndLastSticky ? 'tag-sticky-2' : ''}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<LockedIcon height={16} width={16} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tkey={index}\n\t\t\t\t\tid={\n\t\t\t\t\t\toption.displayName?.split(' ')?.join('') + '_sub' ||\n\t\t\t\t\t\toption.key.toString() + '_sub'\n\t\t\t\t\t}\n\t\t\t\t\tclassName={`sidebar-menu-item \n\t\t\t\t\t${mainActiveMenu?.key === option.key ? 'main-menu-active-class' : ''} \n\t\t\t\t\t${option.isLastSticky ? 'sticky-menu-int' : ''} \n\t\t\t\t\t${option.is2ndLastSticky ? 'sticky-menu' : ''} \n\t\t\t\t\t${option.key === hoveredComp?.key ? 'sidebar-menu-item-hover' : ''} \n\t\t\t\t\t${option.isNew ? 'new-menu-item' : ''}`}\n\t\t\t\t>\n\t\t\t\t\t<IconComponent\n\t\t\t\t\t\ticon={option.icon}\n\t\t\t\t\t\tisActive={option.key == mainActiveMenu?.key}\n\t\t\t\t\t\tactiveStateIcon={\n\t\t\t\t\t\t\toption.activeIcon ??\n\t\t\t\t\t\t\t({} as React.FunctionComponent<React.SVGAttributes<SVGElement>>)\n\t\t\t\t\t\t}\n\t\t\t\t\t\thoverStateIcon={\n\t\t\t\t\t\t\toption.hoverIcon ??\n\t\t\t\t\t\t\t({} as React.FunctionComponent<React.SVGAttributes<SVGElement>>)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHovered={\n\t\t\t\t\t\t\toption.key == hoveredComp?.key || option.key == popupMenu?.key\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"menu-item-container\">\n\t\t\t\t\t\t<p\n\t\t\t\t\t\t\tclassName={`menu-item-text ${\n\t\t\t\t\t\t\t\toption?.key === mainActiveMenu?.key\n\t\t\t\t\t\t\t\t\t? 'active-menu-item-text'\n\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{option.displayName}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</SibeBarMenuItem>\n\t);\n};\n"],"names":["BikSidebar","IconComponent","iconComponentProps","icon","isActive","activeStateIcon","hoverStateIcon","isHovered","Icon","ActiveIcon","HoverIcon","_jsx","_Fragment","children","jsx","width","height","color","COLORS","surface","standard","EachSidebarMenuItem","option","index","onClickMainMenuLogic","setHandleHoverForFullLayout","isDisabled","setHoveredComp","setPopupMenu","mainActiveMenu","hoveredComp","popupMenu","SibeBarMenuItem","_jsxs","id","_b","_a","displayName","split","join","key","toString","className","onClick","onMouseEnter","onMouseOver","onMouseLeave","length","undefined","onFocus","isNew","Object","assign","isLastSticky","isLocked","is2ndLastSticky","LockedIcon","jsxs","_d","_c","_e","activeIcon","hoverIcon","_f","bikSidebarProps","logoSvg","allMenuList","activeMainMenu","activeSubMenu","router","onClickingMainMenu","onClickingSubMenu","onClickingAccessUpgradePanel","onClickingPopupMenuItem","popupMinHeight","isNewSidebar","menuStyle","setMainActiveMenu","useState","subActiveMenu","setSubActiveMenu","setIsDisabled","popupMenuTop","setPopupMenuTop","sidebarEachMenuTop","setSidebarEachMenuTop","autoCloseTimer","setAutoCloseTimer","numberOfStickyOptions","useMemo","filter","menu","useEffect","useCallback","layout","path","setTimeout","clearRemnantTimers","top","determineElementTop","targetElement","document","getElementById","topValue","calculateTopSideBarPosition","initiateAutoClose","targetRect","getBoundingClientRect","innerStickyElements","querySelectorAll","innerStickyElement","window","innerHeight","forEach","element","includes","distanceToBottom","bottom","handleResize","newTop","determineSideMenuTopWhileResize","addEventListener","removeEventListener","openSideMenuElement","openSideMenuElementHeight","currentId","sideMenuRect","divBoxTop","popupHeight","timer","clearTimeout","SideBarContainer","onKeyDown","BikIcon","MainSideBarMenuWrapper","style","map","Fragment","NavigationHyperlink","href","SidebarPopup","menuList","onClickingPopupMenu","popupMenuSelected","onMouseLeaveOnMenu","SimpleSidebar","activeMenu","onMouseEnterOnMenu","left","postion","header","theme","showAccessUpgradePanel","onMenuClick","menuSelected","reDirect","onUpgrade","onboardingPercentage","CircularProgressBar","percentage"],"mappings":"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"}
+{"version":3,"file":"BikSidebar.js","sources":["../../../../src/components/bik-layout/BikSidebar.tsx"],"sourcesContent":["import BikIcon from '@src/assets/icons/Bik_logo.svg';\nimport LockedIcon from '@src/assets/icons/locked.svg';\nimport { Fragment, useCallback, useEffect, useMemo, useState } from 'react';\nimport React from 'react';\nimport CircularProgressBar from '@src/components/progress-bar/CircularProgressBar';\nimport { COLORS } from '@src/constants/Theme';\nimport { NavigationHyperlink } from '../navigation-hyperlink/NavigationHyperlink';\nimport { Menu } from './Sidebar.model';\nimport { SidebarPopup } from './SidebarPopup';\nimport {\n\tMainSideBarMenuWrapper,\n\tSibeBarMenuItem,\n\tSideBarContainer,\n} from './SidebarStyles';\nimport { SimpleSidebar } from './SimpleSidebar';\n\nexport interface MenuItem {\n\tkey: string | number;\n\tdisplayName: string;\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; // Main Icon element that is to display\n\tactiveIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; // Icon element to pass when the menu is active\n\thoverIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>; //Icon element to pass when the menu is hovered upon\n\tisLastSticky?: boolean; // to stick any menu at the end of the list\n\tis2ndLastSticky?: boolean; // to stick any menu at 2nd last end of list\n\tchildren?: Menu[];\n\tshowAccessUpgradePanel?: boolean;\n\tpath?: string;\n\tlayout?: 'fullScreen' | 'popup' | string | undefined;\n\tisNew?: boolean;\n\tisLocked?: boolean;\n}\n\nexport interface BikSidebarProps {\n\tlogoSvg?: JSX.Element;\n\tallMenuList: MenuItem[];\n\tactiveMainMenu: MenuItem;\n\tactiveSubMenu: Menu;\n\trouter: any;\n\tonClickingMainMenu: (menu: MenuItem) => void;\n\tonClickingSubMenu: (subMenu: Menu) => void;\n\tonClickingAccessUpgradePanel?: () => void;\n\tonClickingPopupMenuItem?: (menu: Menu) => void;\n\tpopupMinHeight?: number;\n\tisNewSidebar?: boolean;\n\tonboardingPercentage?: number;\n\tmenuStyle?: React.CSSProperties;\n}\n\ninterface GetSideBarMenuItemProps {\n\toption: MenuItem;\n\tindex: number;\n\tonClickMainMenuLogic: (option: MenuItem) => void;\n\tsetHandleHoverForFullLayout: (option: MenuItem) => void;\n\tisDisabled: boolean;\n\tsetHoveredComp: (comp: any) => void;\n\tsetPopupMenu: (menu: any) => void;\n\tmainActiveMenu: MenuItem | undefined;\n\thoveredComp: MenuItem | undefined;\n\tpopupMenu: MenuItem | undefined;\n}\n\nexport const BikSidebar: React.FC<BikSidebarProps> = (bikSidebarProps) => {\n\tconst {\n\t\tlogoSvg,\n\t\tallMenuList,\n\t\tactiveMainMenu,\n\t\tactiveSubMenu,\n\t\trouter,\n\t\tonClickingMainMenu,\n\t\tonClickingSubMenu,\n\t\tonClickingAccessUpgradePanel,\n\t\tonClickingPopupMenuItem,\n\t\tpopupMinHeight,\n\t\tisNewSidebar,\n\t\tmenuStyle,\n\t} = bikSidebarProps;\n\tconst [mainActiveMenu, setMainActiveMenu] =\n\t\tuseState<MenuItem>(activeMainMenu);\n\tconst [hoveredComp, setHoveredComp] = useState<MenuItem>();\n\tconst [subActiveMenu, setSubActiveMenu] = useState<Menu>(activeSubMenu);\n\tconst [isDisabled, setIsDisabled] = useState(false);\n\tconst [popupMenu, setPopupMenu] = useState<MenuItem>();\n\tconst [popupMenuTop, setPopupMenuTop] = useState<number>();\n\tconst [sidebarEachMenuTop, setSidebarEachMenuTop] = useState<number>();\n\tconst [autoCloseTimer, setAutoCloseTimer] = useState<NodeJS.Timeout | null>(\n\t\tnull,\n\t);\n\tconst numberOfStickyOptions = useMemo(\n\t\t() =>\n\t\t\tallMenuList.filter((menu) => menu.is2ndLastSticky || menu.isLastSticky)\n\t\t\t\t.length,\n\t\t[allMenuList],\n\t);\n\n\tuseEffect(() => {\n\t\tsetMainActiveMenu(activeMainMenu);\n\t}, [activeMainMenu]);\n\n\tuseEffect(() => {\n\t\tsetSubActiveMenu(activeSubMenu);\n\t}, [activeSubMenu]);\n\n\tconst onClickMainMenuLogic = useCallback(\n\t\t(option: MenuItem) => {\n\t\t\tif (option?.layout === 'popup') {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetPopupMenu(undefined);\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetIsDisabled(true);\n\t\t\tsetMainActiveMenu(option);\n\t\t\tif (!option.path) {\n\t\t\t\tonClickingMainMenu(option);\n\t\t\t}\n\t\t\toption?.children?.length\n\t\t\t\t? setSubActiveMenu(option?.children[0])\n\t\t\t\t: setSubActiveMenu({} as Menu);\n\t\t\tsetHoveredComp(undefined);\n\t\t\tsetTimeout(() => {\n\t\t\t\tsetIsDisabled(false);\n\t\t\t}, 1000);\n\t\t},\n\t\t[onClickingMainMenu],\n\t);\n\n\tconst setHandleHoverForFullLayout = useCallback((option: MenuItem) => {\n\t\tclearRemnantTimers();\n\t\tsetHoveredComp(undefined);\n\t\tsetPopupMenu(undefined);\n\t\tif (option?.layout == 'popup') {\n\t\t\tconst top = determineElementTop();\n\t\t\ttop && setPopupMenuTop(top);\n\t\t\tsetPopupMenu(option);\n\t\t} else {\n\t\t\tconst targetElement = document.getElementById(\n\t\t\t\toption.displayName?.split(' ')?.join('') || option.key.toString(),\n\t\t\t);\n\t\t\tif (targetElement) {\n\t\t\t\tconst topValue = calculateTopSideBarPosition(targetElement);\n\t\t\t\tsetSidebarEachMenuTop(topValue);\n\t\t\t}\n\t\t\tsetHoveredComp(option);\n\t\t\tinitiateAutoClose();\n\t\t}\n\t}, []);\n\tconst calculateTopSideBarPosition = (targetElement: HTMLElement) => {\n\t\tconst targetRect = targetElement.getBoundingClientRect();\n\t\tlet topValue = targetRect.top;\n\t\tconst innerStickyElements = targetElement.querySelectorAll('div');\n\t\tlet innerStickyElement = null as HTMLElement | null;\n\t\tconst innerHeight = window.innerHeight;\n\t\tif (innerHeight <= 768) {\n\t\t\treturn topValue;\n\t\t}\n\t\tinnerStickyElements.forEach((element) => {\n\t\t\tif (element.className.includes('sticky')) {\n\t\t\t\tinnerStickyElement = element;\n\t\t\t}\n\t\t});\n\t\tif (innerStickyElement) {\n\t\t\tconst windowHeight = window.innerHeight;\n\t\t\tconst distanceToBottom = windowHeight - targetRect.bottom;\n\t\t\ttopValue = targetRect.top + distanceToBottom - 200; // sample height for lower elements\n\t\t}\n\t\treturn topValue;\n\t};\n\n\tuseEffect(() => {\n\t\tconst handleResize = () => {\n\t\t\tconst newTop = determineElementTop();\n\t\t\tnewTop && setPopupMenuTop(newTop);\n\t\t\tdetermineSideMenuTopWhileResize();\n\t\t};\n\t\twindow.addEventListener('resize', handleResize);\n\t\treturn () => {\n\t\t\twindow.removeEventListener('resize', handleResize);\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\tconst determineSideMenuTopWhileResize = () => {\n\t\tconst openSideMenuElement = document.getElementById('_sub-menu');\n\t\tconst openSideMenuElementHeight =\n\t\t\topenSideMenuElement?.getBoundingClientRect().height;\n\t\tif (openSideMenuElementHeight) {\n\t\t\tsetSidebarEachMenuTop(window.innerHeight - openSideMenuElementHeight);\n\t\t}\n\t};\n\tconst determineElementTop = () => {\n\t\tif (popupMenu) {\n\t\t\tconst currentId =\n\t\t\t\tpopupMenu.displayName?.split(' ')?.join('') + '_sub' ||\n\t\t\t\tpopupMenu.key.toString() + '_sub';\n\n\t\t\tconst targetElement = document.getElementById(currentId);\n\t\t\tif (targetElement) {\n\t\t\t\tconst sideMenuRect = targetElement.getBoundingClientRect();\n\t\t\t\tlet divBoxTop = sideMenuRect.top;\n\t\t\t\tconst popupHeight = popupMinHeight ?? 320;\n\t\t\t\tif (sideMenuRect.bottom + popupHeight > window.innerHeight) {\n\t\t\t\t\tdivBoxTop -= sideMenuRect.bottom + popupHeight - window.innerHeight;\n\t\t\t\t}\n\t\t\t\treturn divBoxTop;\n\t\t\t}\n\t\t\treturn null;\n\t\t}\n\t};\n\n\tconst initiateAutoClose = () => {\n\t\tclearRemnantTimers();\n\t\tconst timer = setTimeout(() => setHoveredComp(undefined), 10000); // 10-second delay\n\t\tsetAutoCloseTimer(timer);\n\t};\n\n\tconst clearRemnantTimers = () => {\n\t\tclearTimeout(autoCloseTimer!);\n\t};\n\n\treturn (\n\t\t<SideBarContainer>\n\t\t\t<div\n\t\t\t\tclassName=\"bik-header-logo\"\n\t\t\t\tonClick={() => undefined}\n\t\t\t\tonKeyDown={() => undefined}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{logoSvg ? logoSvg : <BikIcon />}\n\t\t\t</div>\n\t\t\t<MainSideBarMenuWrapper style={menuStyle}>\n\t\t\t\t{allMenuList?.map((option, index) => (\n\t\t\t\t\t<Fragment key={index}>\n\t\t\t\t\t\t{option.path ? (\n\t\t\t\t\t\t\t<NavigationHyperlink href={option.path} router={router}>\n\t\t\t\t\t\t\t\t<EachSidebarMenuItem\n\t\t\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\t\tonClickMainMenuLogic={onClickMainMenuLogic}\n\t\t\t\t\t\t\t\t\tsetHandleHoverForFullLayout={setHandleHoverForFullLayout}\n\t\t\t\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\t\t\t\tsetHoveredComp={setHoveredComp}\n\t\t\t\t\t\t\t\t\tsetPopupMenu={setPopupMenu}\n\t\t\t\t\t\t\t\t\tmainActiveMenu={mainActiveMenu}\n\t\t\t\t\t\t\t\t\thoveredComp={hoveredComp}\n\t\t\t\t\t\t\t\t\tpopupMenu={popupMenu}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</NavigationHyperlink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<EachSidebarMenuItem\n\t\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\t\tindex={index}\n\t\t\t\t\t\t\t\tonClickMainMenuLogic={onClickMainMenuLogic}\n\t\t\t\t\t\t\t\tsetHandleHoverForFullLayout={setHandleHoverForFullLayout}\n\t\t\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\t\t\tsetHoveredComp={setHoveredComp}\n\t\t\t\t\t\t\t\tsetPopupMenu={setPopupMenu}\n\t\t\t\t\t\t\t\tmainActiveMenu={mainActiveMenu}\n\t\t\t\t\t\t\t\thoveredComp={hoveredComp}\n\t\t\t\t\t\t\t\tpopupMenu={popupMenu}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{option.layout === 'popup' && popupMenu?.children?.length && (\n\t\t\t\t\t\t\t\t<SidebarPopup\n\t\t\t\t\t\t\t\t\ttop={popupMenuTop ?? undefined}\n\t\t\t\t\t\t\t\t\tmenuList={popupMenu?.children}\n\t\t\t\t\t\t\t\t\tonClickingPopupMenu={(popupMenuSelected) => {\n\t\t\t\t\t\t\t\t\t\tonClickingPopupMenuItem &&\n\t\t\t\t\t\t\t\t\t\t\tonClickingPopupMenuItem(popupMenuSelected);\n\t\t\t\t\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={() => setPopupMenu(undefined)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{hoveredComp?.children?.length && (\n\t\t\t\t\t\t\t\t<SimpleSidebar\n\t\t\t\t\t\t\t\t\tmenuList={hoveredComp?.children}\n\t\t\t\t\t\t\t\t\tactiveMenu={subActiveMenu}\n\t\t\t\t\t\t\t\t\tonMouseEnterOnMenu={() => clearRemnantTimers()}\n\t\t\t\t\t\t\t\t\tonMouseLeaveOnMenu={() => {\n\t\t\t\t\t\t\t\t\t\tclearRemnantTimers();\n\t\t\t\t\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tleft={isNewSidebar ? 92 : 88}\n\t\t\t\t\t\t\t\t\tpostion={'fixed'}\n\t\t\t\t\t\t\t\t\theader={hoveredComp.displayName}\n\t\t\t\t\t\t\t\t\ttheme={'brand'}\n\t\t\t\t\t\t\t\t\trouter={router}\n\t\t\t\t\t\t\t\t\tshowAccessUpgradePanel={hoveredComp.showAccessUpgradePanel}\n\t\t\t\t\t\t\t\t\tonMenuClick={(menuSelected, reDirect) => {\n\t\t\t\t\t\t\t\t\t\tsetSubActiveMenu(menuSelected);\n\t\t\t\t\t\t\t\t\t\tsetMainActiveMenu(hoveredComp);\n\t\t\t\t\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t\t\t\t\t\treDirect && onClickingSubMenu(menuSelected);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonUpgrade={onClickingAccessUpgradePanel}\n\t\t\t\t\t\t\t\t\ttop={\n\t\t\t\t\t\t\t\t\t\tisNewSidebar\n\t\t\t\t\t\t\t\t\t\t\t? sidebarEachMenuTop\n\t\t\t\t\t\t\t\t\t\t\t\t? sidebarEachMenuTop\n\t\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tisNewSidebar={isNewSidebar}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t</Fragment>\n\t\t\t\t))}\n\t\t\t\t{typeof bikSidebarProps.onboardingPercentage === 'number' && (\n\t\t\t\t\t<SibeBarMenuItem>\n\t\t\t\t\t\t<div className=\"main--sidebar\">\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tid={'bik-onboarding__checklist'}\n\t\t\t\t\t\t\t\tclassName={`sidebar-menu-item ${\n\t\t\t\t\t\t\t\t\tnumberOfStickyOptions === 0\n\t\t\t\t\t\t\t\t\t\t? 'sticky-menu'\n\t\t\t\t\t\t\t\t\t\t: numberOfStickyOptions === 1\n\t\t\t\t\t\t\t\t\t\t? 'sticky-menu-int'\n\t\t\t\t\t\t\t\t\t\t: 'sticky-menu-three'\n\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CircularProgressBar\n\t\t\t\t\t\t\t\t\tpercentage={bikSidebarProps.onboardingPercentage}\n\t\t\t\t\t\t\t\t\twidth={48}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</SibeBarMenuItem>\n\t\t\t\t)}\n\t\t\t</MainSideBarMenuWrapper>\n\t\t</SideBarContainer>\n\t);\n};\n\nconst IconComponent: React.FC<{\n\ticon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tisActive: boolean;\n\tactiveStateIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\thoverStateIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;\n\tisHovered: boolean;\n}> = (iconComponentProps) => {\n\tconst { icon, isActive, activeStateIcon, hoverStateIcon, isHovered } =\n\t\ticonComponentProps;\n\tconst Icon = icon;\n\tconst ActiveIcon = activeStateIcon;\n\tconst HoverIcon = hoverStateIcon;\n\treturn (\n\t\t<>\n\t\t\t{isActive ? (\n\t\t\t\t<ActiveIcon width={20} height={20} />\n\t\t\t) : isHovered ? (\n\t\t\t\t<HoverIcon width={20} height={20} color={COLORS.surface.standard} />\n\t\t\t) : (\n\t\t\t\t<Icon width={20} height={20} color={COLORS.surface.standard} />\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst EachSidebarMenuItem: React.FC<GetSideBarMenuItemProps> = ({\n\toption,\n\tindex,\n\tonClickMainMenuLogic,\n\tsetHandleHoverForFullLayout,\n\tisDisabled,\n\tsetHoveredComp,\n\tsetPopupMenu,\n\tmainActiveMenu,\n\thoveredComp,\n\tpopupMenu,\n}) => {\n\treturn (\n\t\t<SibeBarMenuItem>\n\t\t\t<div\n\t\t\t\tid={option.displayName?.split(' ')?.join('') || option.key.toString()}\n\t\t\t\tclassName=\"main--sidebar\"\n\t\t\t\tkey={index}\n\t\t\t\tonClick={() => onClickMainMenuLogic(option)}\n\t\t\t\tonMouseEnter={() => {\n\t\t\t\t\t!isDisabled && setHandleHoverForFullLayout(option);\n\t\t\t\t}}\n\t\t\t\tonMouseOver={() => {\n\t\t\t\t\t!isDisabled && setHandleHoverForFullLayout(option);\n\t\t\t\t}}\n\t\t\t\tonMouseLeave={() => {\n\t\t\t\t\tif (!option?.children?.length) {\n\t\t\t\t\t\tsetHoveredComp(undefined);\n\t\t\t\t\t\tsetPopupMenu(undefined);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tonFocus={() => {}}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{option.isNew && (\n\t\t\t\t\t<div className={`new-tag ${option.isLastSticky ? 'tag-sticky' : ''}`}>\n\t\t\t\t\t\tNEW\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{option.isLocked && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={`locked--channel ${\n\t\t\t\t\t\t\toption.isLastSticky ? 'tag-sticky' : ''\n\t\t\t\t\t\t}  ${option.is2ndLastSticky ? 'tag-sticky-2' : ''}`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<LockedIcon height={16} width={16} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t<div\n\t\t\t\t\tkey={index}\n\t\t\t\t\tid={\n\t\t\t\t\t\toption.displayName?.split(' ')?.join('') + '_sub' ||\n\t\t\t\t\t\toption.key.toString() + '_sub'\n\t\t\t\t\t}\n\t\t\t\t\tclassName={`sidebar-menu-item \n\t\t\t\t\t${mainActiveMenu?.key === option.key ? 'main-menu-active-class' : ''} \n\t\t\t\t\t${option.isLastSticky ? 'sticky-menu-int' : ''} \n\t\t\t\t\t${option.is2ndLastSticky ? 'sticky-menu' : ''} \n\t\t\t\t\t${option.key === hoveredComp?.key ? 'sidebar-menu-item-hover' : ''} \n\t\t\t\t\t${option.isNew ? 'new-menu-item' : ''}`}\n\t\t\t\t>\n\t\t\t\t\t<IconComponent\n\t\t\t\t\t\ticon={option.icon}\n\t\t\t\t\t\tisActive={option.key == mainActiveMenu?.key}\n\t\t\t\t\t\tactiveStateIcon={\n\t\t\t\t\t\t\toption.activeIcon ??\n\t\t\t\t\t\t\t({} as React.FunctionComponent<React.SVGAttributes<SVGElement>>)\n\t\t\t\t\t\t}\n\t\t\t\t\t\thoverStateIcon={\n\t\t\t\t\t\t\toption.hoverIcon ??\n\t\t\t\t\t\t\t({} as React.FunctionComponent<React.SVGAttributes<SVGElement>>)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisHovered={\n\t\t\t\t\t\t\toption.key == hoveredComp?.key || option.key == popupMenu?.key\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<div className=\"menu-item-container\">\n\t\t\t\t\t\t<p\n\t\t\t\t\t\t\tclassName={`menu-item-text ${\n\t\t\t\t\t\t\t\toption?.key === mainActiveMenu?.key\n\t\t\t\t\t\t\t\t\t? 'active-menu-item-text'\n\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{option.displayName}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</SibeBarMenuItem>\n\t);\n};\n"],"names":["BikSidebar","IconComponent","iconComponentProps","icon","isActive","activeStateIcon","hoverStateIcon","isHovered","Icon","ActiveIcon","HoverIcon","_jsx","_Fragment","children","jsx","width","height","color","COLORS","surface","standard","EachSidebarMenuItem","_ref","option","index","onClickMainMenuLogic","setHandleHoverForFullLayout","isDisabled","setHoveredComp","setPopupMenu","mainActiveMenu","hoveredComp","popupMenu","SibeBarMenuItem","_jsxs","id","_b","_a","displayName","split","join","key","toString","className","onClick","onMouseEnter","onMouseOver","onMouseLeave","length","undefined","onFocus","isNew","Object","assign","isLastSticky","isLocked","is2ndLastSticky","LockedIcon","jsxs","_d","_c","_e","activeIcon","hoverIcon","_f","bikSidebarProps","logoSvg","allMenuList","activeMainMenu","activeSubMenu","router","onClickingMainMenu","onClickingSubMenu","onClickingAccessUpgradePanel","onClickingPopupMenuItem","popupMinHeight","isNewSidebar","menuStyle","setMainActiveMenu","useState","subActiveMenu","setSubActiveMenu","setIsDisabled","popupMenuTop","setPopupMenuTop","sidebarEachMenuTop","setSidebarEachMenuTop","autoCloseTimer","setAutoCloseTimer","numberOfStickyOptions","useMemo","filter","menu","useEffect","useCallback","layout","path","setTimeout","clearRemnantTimers","top","determineElementTop","targetElement","document","getElementById","topValue","calculateTopSideBarPosition","initiateAutoClose","targetRect","getBoundingClientRect","innerStickyElements","querySelectorAll","innerStickyElement","window","innerHeight","forEach","element","includes","distanceToBottom","bottom","handleResize","newTop","determineSideMenuTopWhileResize","addEventListener","removeEventListener","openSideMenuElement","openSideMenuElementHeight","currentId","sideMenuRect","divBoxTop","popupHeight","timer","clearTimeout","SideBarContainer","onKeyDown","BikIcon","MainSideBarMenuWrapper","style","map","Fragment","NavigationHyperlink","href","SidebarPopup","menuList","onClickingPopupMenu","popupMenuSelected","onMouseLeaveOnMenu","SimpleSidebar","activeMenu","onMouseEnterOnMenu","left","postion","header","theme","showAccessUpgradePanel","onMenuClick","menuSelected","reDirect","onUpgrade","onboardingPercentage","CircularProgressBar","percentage"],"mappings":"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"}

package/dist/cjs/components/bik-layout/SimpleSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleSidebar.js","sources":["../../../../src/components/bik-layout/SimpleSidebar.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { NavigationHyperlink } from '../navigation-hyperlink/NavigationHyperlink';\nimport { BodySecondary, TitleSmall } from '../TypographyStyle';\nimport { Menu, SimpleSidebarProps } from './Sidebar.model';\nimport { SimpleSidebarContainer } from './SidebarStyles';\n\nexport const SimpleSidebar: React.FC<SimpleSidebarProps> = (\n\tsimpleSidebarProps,\n) => {\n\tconst {\n\t\tmenuList,\n\t\tactiveMenu,\n\t\ttheme,\n\t\tshowAccessUpgradePanel = false,\n\t\theader,\n\t\twidth,\n\t\tzIndex,\n\t\tleft,\n\t\tpostion,\n\t\ttop,\n\t\trouter,\n\t\tonMouseLeaveOnMenu,\n\t\tonMouseEnterOnMenu,\n\t\tonMenuClick,\n\t\tonUpgrade,\n\t\tisNewSidebar,\n\t} = simpleSidebarProps;\n\n\tconst [isActiveMenu, setIsActiveMenu] = useState(activeMenu);\n\tconst getChildSideBar = (child: Menu, hoveredIndex: number) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={`sub-child-menu  ${\n\t\t\t\t\tisActiveMenu?.key == child?.key ? 'sub-child-active-menu' : ''\n\t\t\t\t}`}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetIsActiveMenu(child);\n\t\t\t\t\tonMenuClick(child, !child.page);\n\t\t\t\t}}\n\t\t\t\tkey={hoveredIndex}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'brand'\n\t\t\t\t\t\t\t? 'sub-child-active-text'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<BodySecondary\n\t\t\t\t\tclassName={`sub-child-text ${\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'white'\n\t\t\t\t\t\t\t? 'active-bold-weight'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{child?.displayName}\n\t\t\t\t</BodySecondary>\n\t\t\t\t{child.isNew && <div className=\"sub-child-new-tag\">NEW</div>}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<SimpleSidebarContainer\n\t\t\twidth={width}\n\t\t\tzIndex={zIndex}\n\t\t\tleft={left}\n\t\t\ttheme={theme}\n\t\t\tpostion={postion}\n\t\t\ttop={top}\n\t\t\tisNewSidebar={isNewSidebar}\n\t\t>\n\t\t\t<div\n\t\t\t\tid={'_sub-menu'}\n\t\t\t\tkey={'_sub-menu'}\n\t\t\t\tclassName={'sidebar-right-menu' + ' transform-class'}\n\t\t\t\tonMouseLeave={onMouseLeaveOnMenu}\n\t\t\t\tonMouseEnter={onMouseEnterOnMenu}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t{!isNewSidebar && (\n\t\t\t\t\t\t<BodySecondary className=\"sub-child-display-name\">\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{menuList?.map((child, hoveredIndex) => {\n\t\t\t\t\t\treturn child.page ? (\n\t\t\t\t\t\t\t<NavigationHyperlink href={child.page} router={router}>\n\t\t\t\t\t\t\t\t{getChildSideBar(child, hoveredIndex)}\n\t\t\t\t\t\t\t</NavigationHyperlink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tgetChildSideBar(child, hoveredIndex)\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t\t{showAccessUpgradePanel && (\n\t\t\t\t\t<div className=\"lower-sticky-panel\">\n\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\tclassName=\"title-text\"\n\t\t\t\t\t\t\tstyle={{ color: COLORS.surface.standard }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tUpgrade plan to access this feature.\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"upgrade-button\"\n\t\t\t\t\t\t\tbuttonText=\"Upgrade plan\"\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tinverse\n\t\t\t\t\t\t\tonClick={() => (onUpgrade ? onUpgrade() : '')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</SimpleSidebarContainer>\n\t);\n};\n"],"names":["simpleSidebarProps","menuList","activeMenu","theme","showAccessUpgradePanel","header","width","zIndex","left","postion","top","router","onMouseLeaveOnMenu","onMouseEnterOnMenu","onMenuClick","onUpgrade","isNewSidebar","isActiveMenu","setIsActiveMenu","useState","getChildSideBar","child","hoveredIndex","_jsxs","Object","assign","className","key","onClick","page","children","_jsx","jsx","BodySecondary","displayName","isNew","SimpleSidebarContainer","jsxs","id","onMouseLeave","onMouseEnter","map","NavigationHyperlink","href","TitleSmall","style","color","COLORS","surface","standard","Button","buttonText","buttonType","size","inverse"],"mappings":"sVASCA,IAEA,MAAMC,SACLA,EAAQC,WACRA,EAAUC,MACVA,EAAKC,uBACLA,GAAyB,EAAKC,OAC9BA,EAAMC,MACNA,EAAKC,OACLA,EAAMC,KACNA,EAAIC,QACJA,EAAOC,IACPA,EAAGC,OACHA,EAAMC,mBACNA,EAAkBC,mBAClBA,EAAkBC,YAClBA,EAAWC,UACXA,EAASC,aACTA,GACGhB,GAEGiB,EAAcC,GAAmBC,EAAQA,SAACjB,GAC3CkB,EAAkBA,CAACC,EAAaC,IAEpCC,OAAA,MAAAC,OAAAC,OAAA,CACCC,UAAW,qBACVT,eAAAA,EAAcU,OAAON,aAAA,EAAAA,EAAOM,KAAM,wBAA0B,IAE7DC,QAASA,KACRV,EAAgBG,GAChBP,EAAYO,GAAQA,EAAMQ,KAAK,EAC/B,cAEW,QAAM,CAAAC,SAAA,CAElBC,EACCC,IAAA,OAAA,CAAAN,WACCT,aAAY,EAAZA,EAAcU,OAAON,aAAA,EAAAA,EAAOM,MAAgB,SAATxB,EAChC,wBACA,KAGL4B,EAACC,IAAAC,gBACAT,OAAAC,OAAA,CAAAC,UAAW,oBACVT,aAAY,EAAZA,EAAcU,OAAON,aAAK,EAALA,EAAOM,MAAgB,SAATxB,EAChC,qBACA,KAGH,CAAA2B,SAAAT,aAAA,EAAAA,EAAOa,eAERb,EAAMc,OAASJ,EAAAC,IAAA,MAAAR,OAAAC,OAAA,CAAKC,UAAU,qBAAmB,CAAAI,SAAA,YAnB7CR,GAwBR,OACCS,MAACK,EAAAA,uBACAZ,OAAAC,OAAA,CAAAnB,MAAOA,EACPC,OAAQA,EACRC,KAAMA,EACNL,MAAOA,EACPM,QAASA,EACTC,IAAKA,EACLM,aAAcA,aAEdO,EACCc,KAAA,MAAAb,OAAAC,OAAA,CAAAa,GAAI,YAEJZ,UAAW,qCACXa,aAAc3B,EACd4B,aAAc3B,GAEd,CAAAiB,SAAA,CAAAP,EAAAc,KAAA,MAAA,CAAAP,SAAA,EACGd,GACDe,EAACC,IAAAC,EAAaA,6BAACP,UAAU,0BAAwB,CAAAI,SAC/CzB,KAIFJ,aAAQ,EAARA,EAAUwC,KAAI,CAACpB,EAAOC,IACfD,EAAMQ,KACZE,EAAAA,IAACW,EAAAA,oBAAmBlB,OAAAC,OAAA,CAACkB,KAAMtB,EAAMQ,KAAMlB,OAAQA,GAC7C,CAAAmB,SAAAV,EAAgBC,EAAOC,MAGzBF,EAAgBC,EAAOC,QAIzBlB,GACAmB,EAAAA,KAAK,MAAAC,OAAAC,OAAA,CAAAC,UAAU,iCACdK,EAACC,IAAAY,aACApB,OAAAC,OAAA,CAAAC,UAAU,aACVmB,MAAO,CAAEC,MAAOC,EAAAA,OAAOC,QAAQC,WAAU,CAAAnB,SAAA,0CAI1CC,EAACC,IAAAkB,SACA,CAAAxB,UAAU,iBACVyB,WAAW,eACXC,WAAW,UACXC,KAAK,QACLC,SACA,EAAA1B,QAASA,IAAOb,EAAYA,IAAc,YApCxC,eAyCkB"}
+{"version":3,"file":"SimpleSidebar.js","sources":["../../../../src/components/bik-layout/SimpleSidebar.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { NavigationHyperlink } from '../navigation-hyperlink/NavigationHyperlink';\nimport { BodySecondary, TitleSmall } from '../TypographyStyle';\nimport { Menu, SimpleSidebarProps } from './Sidebar.model';\nimport { SimpleSidebarContainer } from './SidebarStyles';\n\nexport const SimpleSidebar: React.FC<SimpleSidebarProps> = (\n\tsimpleSidebarProps,\n) => {\n\tconst {\n\t\tmenuList,\n\t\tactiveMenu,\n\t\ttheme,\n\t\tshowAccessUpgradePanel = false,\n\t\theader,\n\t\twidth,\n\t\tzIndex,\n\t\tleft,\n\t\tpostion,\n\t\ttop,\n\t\trouter,\n\t\tonMouseLeaveOnMenu,\n\t\tonMouseEnterOnMenu,\n\t\tonMenuClick,\n\t\tonUpgrade,\n\t\tisNewSidebar,\n\t} = simpleSidebarProps;\n\n\tconst [isActiveMenu, setIsActiveMenu] = useState(activeMenu);\n\tconst getChildSideBar = (child: Menu, hoveredIndex: number) => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={`sub-child-menu  ${\n\t\t\t\t\tisActiveMenu?.key == child?.key ? 'sub-child-active-menu' : ''\n\t\t\t\t}`}\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetIsActiveMenu(child);\n\t\t\t\t\tonMenuClick(child, !child.page);\n\t\t\t\t}}\n\t\t\t\tkey={hoveredIndex}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'brand'\n\t\t\t\t\t\t\t? 'sub-child-active-text'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<BodySecondary\n\t\t\t\t\tclassName={`sub-child-text ${\n\t\t\t\t\t\tisActiveMenu?.key == child?.key && theme == 'white'\n\t\t\t\t\t\t\t? 'active-bold-weight'\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}`}\n\t\t\t\t>\n\t\t\t\t\t{child?.displayName}\n\t\t\t\t</BodySecondary>\n\t\t\t\t{child.isNew && <div className=\"sub-child-new-tag\">NEW</div>}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<SimpleSidebarContainer\n\t\t\twidth={width}\n\t\t\tzIndex={zIndex}\n\t\t\tleft={left}\n\t\t\ttheme={theme}\n\t\t\tpostion={postion}\n\t\t\ttop={top}\n\t\t\tisNewSidebar={isNewSidebar}\n\t\t>\n\t\t\t<div\n\t\t\t\tid={'_sub-menu'}\n\t\t\t\tkey={'_sub-menu'}\n\t\t\t\tclassName={'sidebar-right-menu' + ' transform-class'}\n\t\t\t\tonMouseLeave={onMouseLeaveOnMenu}\n\t\t\t\tonMouseEnter={onMouseEnterOnMenu}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t{!isNewSidebar && (\n\t\t\t\t\t\t<BodySecondary className=\"sub-child-display-name\">\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{menuList?.map((child, hoveredIndex) => {\n\t\t\t\t\t\treturn child.page ? (\n\t\t\t\t\t\t\t<NavigationHyperlink href={child.page} router={router}>\n\t\t\t\t\t\t\t\t{getChildSideBar(child, hoveredIndex)}\n\t\t\t\t\t\t\t</NavigationHyperlink>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\tgetChildSideBar(child, hoveredIndex)\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</div>\n\t\t\t\t{showAccessUpgradePanel && (\n\t\t\t\t\t<div className=\"lower-sticky-panel\">\n\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\tclassName=\"title-text\"\n\t\t\t\t\t\t\tstyle={{ color: COLORS.surface.standard }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tUpgrade plan to access this feature.\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"upgrade-button\"\n\t\t\t\t\t\t\tbuttonText=\"Upgrade plan\"\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tinverse\n\t\t\t\t\t\t\tonClick={() => (onUpgrade ? onUpgrade() : '')}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</SimpleSidebarContainer>\n\t);\n};\n"],"names":["simpleSidebarProps","menuList","activeMenu","theme","showAccessUpgradePanel","header","width","zIndex","left","postion","top","router","onMouseLeaveOnMenu","onMouseEnterOnMenu","onMenuClick","onUpgrade","isNewSidebar","isActiveMenu","setIsActiveMenu","useState","getChildSideBar","child","hoveredIndex","_jsxs","Object","assign","className","key","onClick","page","children","_jsx","jsx","BodySecondary","displayName","isNew","SimpleSidebarContainer","jsxs","id","onMouseLeave","onMouseEnter","map","NavigationHyperlink","href","TitleSmall","style","color","COLORS","surface","standard","Button","buttonText","buttonType","size","inverse"],"mappings":"sVASCA,IAEA,MAAMC,SACLA,EAAQC,WACRA,EAAUC,MACVA,EAAKC,uBACLA,GAAyB,EAAKC,OAC9BA,EAAMC,MACNA,EAAKC,OACLA,EAAMC,KACNA,EAAIC,QACJA,EAAOC,IACPA,EAAGC,OACHA,EAAMC,mBACNA,EAAkBC,mBAClBA,EAAkBC,YAClBA,EAAWC,UACXA,EAASC,aACTA,GACGhB,GAEGiB,EAAcC,GAAmBC,EAAQA,SAACjB,GAC3CkB,EAAkBA,CAACC,EAAaC,IAEpCC,OAAA,MAAAC,OAAAC,OAAA,CACCC,+BACCT,eAAAA,EAAcU,OAAON,aAAA,EAAAA,EAAOM,KAAM,wBAA0B,IAE7DC,QAASA,KACRV,EAAgBG,GAChBP,EAAYO,GAAQA,EAAMQ,KAAK,EAC/B,cAEW,QAAM,CAAAC,SAAA,CAElBC,EACCC,IAAA,OAAA,CAAAN,WACCT,aAAY,EAAZA,EAAcU,OAAON,aAAA,EAAAA,EAAOM,MAAgB,SAATxB,EAChC,wBACA,KAGL4B,EAACC,IAAAC,gBACAT,OAAAC,OAAA,CAAAC,UAAW,oBACVT,aAAY,EAAZA,EAAcU,OAAON,aAAK,EAALA,EAAOM,MAAgB,SAATxB,EAChC,qBACA,KAGH,CAAA2B,SAAAT,aAAA,EAAAA,EAAOa,eAERb,EAAMc,OAASJ,EAAAC,IAAA,MAAAR,OAAAC,OAAA,CAAKC,UAAU,qBAAmB,CAAAI,SAAA,YAnB7CR,GAwBR,OACCS,MAACK,EAAAA,uBACAZ,OAAAC,OAAA,CAAAnB,MAAOA,EACPC,OAAQA,EACRC,KAAMA,EACNL,MAAOA,EACPM,QAASA,EACTC,IAAKA,EACLM,aAAcA,aAEdO,EACCc,KAAA,MAAAb,OAAAC,OAAA,CAAAa,GAAI,YAEJZ,UAAW,qCACXa,aAAc3B,EACd4B,aAAc3B,GAEd,CAAAiB,SAAA,CAAAP,EAAAc,KAAA,MAAA,CAAAP,SAAA,EACGd,GACDe,EAACC,IAAAC,EAAaA,6BAACP,UAAU,0BAAwB,CAAAI,SAC/CzB,KAIFJ,aAAQ,EAARA,EAAUwC,KAAI,CAACpB,EAAOC,IACfD,EAAMQ,KACZE,EAAAA,IAACW,EAAAA,oBAAmBlB,OAAAC,OAAA,CAACkB,KAAMtB,EAAMQ,KAAMlB,OAAQA,GAC7C,CAAAmB,SAAAV,EAAgBC,EAAOC,MAGzBF,EAAgBC,EAAOC,QAIzBlB,GACAmB,EAAAA,KAAK,MAAAC,OAAAC,OAAA,CAAAC,UAAU,iCACdK,EAACC,IAAAY,aACApB,OAAAC,OAAA,CAAAC,UAAU,aACVmB,MAAO,CAAEC,MAAOC,EAAAA,OAAOC,QAAQC,WAAU,CAAAnB,SAAA,0CAI1CC,EAACC,IAAAkB,SACA,CAAAxB,UAAU,iBACVyB,WAAW,eACXC,WAAW,UACXC,KAAK,QACLC,SACA,EAAA1B,QAASA,IAAOb,EAAYA,IAAc,YApCxC,eAyCkB"}

package/dist/cjs/components/button/Button.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styled.js","sources":["../../../../src/components/button/Button.styled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { COLORS } from '@src/constants/Theme';\nimport { Size, Type } from './model';\nimport {\n\tgenerateDisabledStyling,\n\tgenerateInverseHoverBackground,\n\tgetBackgroundColor,\n\tgetBorder,\n\tgetClickEffect,\n\tgetColor,\n\tgetDashedBorderStyling,\n\tgetDisabledTextColor,\n\tgetHoverButtonBackground,\n\tgetHoverButtonBackgroundCustom,\n\tgetHoverButtonTextDecorationStyle,\n\tgetLoadingBackground,\n\tgetLoadingBorder,\n\tgetLoadingButtonBackgroundCustom,\n\tgetPadding,\n} from './themes';\n\nexport const Button = styled.button<{\n\tsize: Size;\n\tbuttonType: Type;\n\tisLoading?: boolean;\n\tinverse?: boolean;\n\tdisabled?: boolean;\n\tmatchParentWidth?: boolean;\n\tversion?: '1.0' | '2.0';\n\tdarkMode?: boolean;\n\tactivated?: boolean;\n\terror?: boolean;\n\tbuttonColor?: string;\n}>`\n\tall: unset;\n\tcursor: pointer;\n\tdisplay: flex;\n\tgap: 8.83px;\n\tborder-radius: ${(props) => (props.buttonType == 'text' ? '0' : '4px')};\n\toverflow: hidden;\n\t${(props) => (props.matchParentWidth ? `flex-grow: 1;` : '')}\n\tbackground-color: ${(props) =>\n\t\tgetBackgroundColor(\n\t\t\tprops.buttonType,\n\t\t\tprops.size,\n\t\t\tprops.inverse,\n\t\t\tprops.darkMode,\n\t\t\tprops.buttonColor,\n\t\t)};\n\n\t${(props) =>\n\t\tprops.buttonType.startsWith('dash')\n\t\t\t? `.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t\t}`\n\t\t\t: `padding: ${getPadding(props.buttonType, props.size)};\n\t${getBorder(\n\t\tprops.version ?? '1.0',\n\t\tprops.buttonType,\n\t\tprops.size,\n\t\tprops.inverse,\n\t\tprops.error,\n\t)}`}\n\n\t.icon-component {\n\t\theight: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t\twidth: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t}\n\n\t.icon-trailing {\n\t\theight: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t\twidth: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t}\n\n\t.text {\n\t\tcolor: ${(props) =>\n\t\t\tgetColor(props.buttonType, props.size, props.inverse, props.darkMode)};\n\t}\n\n\t.icon-leading {\n\t\theight: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t\twidth: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t}\n\n\t${(props) =>\n\t\tgetDashedBorderStyling(\n\t\t\tprops.buttonType,\n\t\t\tprops.size,\n\t\t\tprops.isLoading\n\t\t\t\t? COLORS.stroke.brandLightAlt\n\t\t\t\t: props.error\n\t\t\t\t? COLORS.stroke.negative.vibrant\n\t\t\t\t: undefined,\n\t\t)}\n\n\t.overlay-container {\n\t\tdisplay: none;\n\t}\n\n\t${(props) =>\n\t\t!props.disabled &&\n\t\t!props.isLoading &&\n\t\tprops.activated &&\n\t\t(props.buttonType == 'dashBold' || props.buttonType == 'dashRegular') &&\n\t\t`\n\t.button-container {\n\t\tdisplay: flex;\n\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\t${`.text {\n\t\t\tcolor: ${COLORS.content.brand} !important;\n\t\t}\n\t\t.icon {\n\t\t\tcolor: ${COLORS.background.brand};\n\t\t}\n\t\t`}\n\t}\n\t${getClickEffect(props.buttonType, props.size, props.inverse)}\n\t${getDashedBorderStyling(props.buttonType, props.size, COLORS.content.brand)}\n\t`}\n\n\t:disabled {\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\tcursor: ${(props) =>\n\t\t\tprops.buttonType === 'text' ? 'auto' : 'not-allowed'};\n\t\t${(props) =>\n\t\t\tgenerateDisabledStyling(props.buttonType, props.size, props.inverse)}\n\t\t.text {\n\t\t\tcolor: ${(props) => getDisabledTextColor(props.inverse)} !important;\n\t\t}\n\t\t${(props) =>\n\t\t\tgetDashedBorderStyling(\n\t\t\t\tprops.buttonType,\n\t\t\t\tprops.size,\n\t\t\t\tCOLORS.stroke.primary,\n\t\t\t)}\n\t}\n\n\t${(props) =>\n\t\t!props.disabled &&\n\t\t!props.isLoading &&\n\t\t`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${\n\t\t\t\t\t\tprops.size === 'chip' &&\n\t\t\t\t\t\t`.text {\n\t\t\t\t\t\tcolor: ${COLORS.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${COLORS.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`\n\t\t\t\t\t}\n\t\t\t\t}\n\n\n\t\t\t${getClickEffect(props.buttonType, props.size, props.inverse)}\n\t\t\t${getDashedBorderStyling(props.buttonType, props.size, COLORS.content.brand)}\n\t\t}`}\n\n\t${(props) =>\n\t\t// do not load hover styles for loading state and also active state\n\t\t!props.isLoading\n\t\t\t? `:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t\t{${\n\t\t\t\t\tprops.buttonColor\n\t\t\t\t\t\t? `background-color: ${getHoverButtonBackgroundCustom(\n\t\t\t\t\t\t\t\tprops.buttonColor,\n\t\t\t\t\t\t\t\t15,\n\t\t\t\t\t\t  )}`\n\t\t\t\t\t\t: ''\n\t\t\t\t}}\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${getHoverButtonBackground(props.buttonType, props.inverse)}\n\t\t\t\t}\n\t\t\t\t${\n\t\t\t\t\tprops.size === 'chip' && props.buttonType !== 'text'\n\t\t\t\t\t\t? props.darkMode\n\t\t\t\t\t\t\t? `background-color: ${COLORS.stroke.primary};`\n\t\t\t\t\t\t\t: `background-color: ${COLORS.surface.hovered};`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\t${\n\t\t\t\t\tprops.buttonType === 'primary' &&\n\t\t\t\t\tprops.size !== 'chip' &&\n\t\t\t\t\t!props.inverse &&\n\t\t\t\t\t!props.buttonColor\n\t\t\t\t\t\t? `background-color: ${COLORS.background.inverse};`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.buttonType === 'text'\n\t\t\t\t\t? getHoverButtonTextDecorationStyle(props.buttonType, props.disabled)\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.inverse\n\t\t\t\t\t? generateInverseHoverBackground(props.buttonType, props.disabled)\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t}`\n\t\t\t: `\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${getLoadingBorder(props.buttonType, props.size, props.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.buttonColor\n\t\t\t\t\t? `background-color: ${getLoadingButtonBackgroundCustom(\n\t\t\t\t\t\t\tprops.buttonColor,\n\t\t\t\t\t\t\t15,\n\t\t\t\t\t  )};`\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${getLoadingBackground(\n\t\t\t\t\tprops.buttonType,\n\t\t\t\t\tprops.size,\n\t\t\t\t\tprops.inverse,\n\t\t\t\t\tprops.buttonColor,\n\t\t\t\t)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 14px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`}\n\n\t\t.button-container {\n\t\tdisplay: flex;\n\t\tgap: 8.33px;\n\t\t${(props) => (props.matchParentWidth ? 'margin: auto;' : '')}\n\t}\n`;\n\nexport const ButtonCustomDashedBorder = () => {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"line-top\"></div>\n\t\t\t<div className=\"line-left\"></div>\n\t\t\t<div className=\"line-bottom\"></div>\n\t\t\t<div className=\"line-right\"></div>\n\t\t</>\n\t);\n};\n"],"names":["Button","process","env","NODE_ENV","target","label","_styled","props","buttonType","matchParentWidth","getBackgroundColor","size","inverse","darkMode","buttonColor","startsWith","getPadding","getBorder","_a","version","error","getColor","getDashedBorderStyling","isLoading","COLORS","stroke","brandLightAlt","negative","vibrant","undefined","disabled","activated","content","brand","background","getClickEffect","primary","generateDisabledStyling","getDisabledTextColor","inverseLight","getLoadingBorder","getLoadingButtonBackgroundCustom","getLoadingBackground","getHoverButtonBackgroundCustom","getHoverButtonBackground","surface","hovered","getHoverButtonTextDecorationStyle","generateInverseHoverBackground","ButtonCustomDashedBorder","_jsxs","_Fragment","children","_jsx","jsx","className"],"mappings":"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"}
+{"version":3,"file":"Button.styled.js","sources":["../../../../src/components/button/Button.styled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { COLORS } from '@src/constants/Theme';\nimport { Size, Type } from './model';\nimport {\n\tgenerateDisabledStyling,\n\tgenerateInverseHoverBackground,\n\tgetBackgroundColor,\n\tgetBorder,\n\tgetClickEffect,\n\tgetColor,\n\tgetDashedBorderStyling,\n\tgetDisabledTextColor,\n\tgetHoverButtonBackground,\n\tgetHoverButtonBackgroundCustom,\n\tgetHoverButtonTextDecorationStyle,\n\tgetLoadingBackground,\n\tgetLoadingBorder,\n\tgetLoadingButtonBackgroundCustom,\n\tgetPadding,\n} from './themes';\n\nexport const Button = styled.button<{\n\tsize: Size;\n\tbuttonType: Type;\n\tisLoading?: boolean;\n\tinverse?: boolean;\n\tdisabled?: boolean;\n\tmatchParentWidth?: boolean;\n\tversion?: '1.0' | '2.0';\n\tdarkMode?: boolean;\n\tactivated?: boolean;\n\terror?: boolean;\n\tbuttonColor?: string;\n}>`\n\tall: unset;\n\tcursor: pointer;\n\tdisplay: flex;\n\tgap: 8.83px;\n\tborder-radius: ${(props) => (props.buttonType == 'text' ? '0' : '4px')};\n\toverflow: hidden;\n\t${(props) => (props.matchParentWidth ? `flex-grow: 1;` : '')}\n\tbackground-color: ${(props) =>\n\t\tgetBackgroundColor(\n\t\t\tprops.buttonType,\n\t\t\tprops.size,\n\t\t\tprops.inverse,\n\t\t\tprops.darkMode,\n\t\t\tprops.buttonColor,\n\t\t)};\n\n\t${(props) =>\n\t\tprops.buttonType.startsWith('dash')\n\t\t\t? `.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t\t}`\n\t\t\t: `padding: ${getPadding(props.buttonType, props.size)};\n\t${getBorder(\n\t\tprops.version ?? '1.0',\n\t\tprops.buttonType,\n\t\tprops.size,\n\t\tprops.inverse,\n\t\tprops.error,\n\t)}`}\n\n\t.icon-component {\n\t\theight: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t\twidth: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t}\n\n\t.icon-trailing {\n\t\theight: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t\twidth: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t}\n\n\t.text {\n\t\tcolor: ${(props) =>\n\t\t\tgetColor(props.buttonType, props.size, props.inverse, props.darkMode)};\n\t}\n\n\t.icon-leading {\n\t\theight: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t\twidth: ${(props) => (props.size === 'chip' ? '16px' : '20px')};\n\t}\n\n\t${(props) =>\n\t\tgetDashedBorderStyling(\n\t\t\tprops.buttonType,\n\t\t\tprops.size,\n\t\t\tprops.isLoading\n\t\t\t\t? COLORS.stroke.brandLightAlt\n\t\t\t\t: props.error\n\t\t\t\t? COLORS.stroke.negative.vibrant\n\t\t\t\t: undefined,\n\t\t)}\n\n\t.overlay-container {\n\t\tdisplay: none;\n\t}\n\n\t${(props) =>\n\t\t!props.disabled &&\n\t\t!props.isLoading &&\n\t\tprops.activated &&\n\t\t(props.buttonType == 'dashBold' || props.buttonType == 'dashRegular') &&\n\t\t`\n\t.button-container {\n\t\tdisplay: flex;\n\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\tposition: relative;\n\t\twidth: 100%;\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\t${`.text {\n\t\t\tcolor: ${COLORS.content.brand} !important;\n\t\t}\n\t\t.icon {\n\t\t\tcolor: ${COLORS.background.brand};\n\t\t}\n\t\t`}\n\t}\n\t${getClickEffect(props.buttonType, props.size, props.inverse)}\n\t${getDashedBorderStyling(props.buttonType, props.size, COLORS.content.brand)}\n\t`}\n\n\t:disabled {\n\t\t.overlay-container {\n\t\t\tdisplay: none !important;\n\t\t}\n\t\tcursor: ${(props) =>\n\t\t\tprops.buttonType === 'text' ? 'auto' : 'not-allowed'};\n\t\t${(props) =>\n\t\t\tgenerateDisabledStyling(props.buttonType, props.size, props.inverse)}\n\t\t.text {\n\t\t\tcolor: ${(props) => getDisabledTextColor(props.inverse)} !important;\n\t\t}\n\t\t${(props) =>\n\t\t\tgetDashedBorderStyling(\n\t\t\t\tprops.buttonType,\n\t\t\t\tprops.size,\n\t\t\t\tCOLORS.stroke.primary,\n\t\t\t)}\n\t}\n\n\t${(props) =>\n\t\t!props.disabled &&\n\t\t!props.isLoading &&\n\t\t`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\t\tposition: relative;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\t.overlay-container {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t\t${\n\t\t\t\t\t\tprops.size === 'chip' &&\n\t\t\t\t\t\t`.text {\n\t\t\t\t\t\tcolor: ${COLORS.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${COLORS.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`\n\t\t\t\t\t}\n\t\t\t\t}\n\n\n\t\t\t${getClickEffect(props.buttonType, props.size, props.inverse)}\n\t\t\t${getDashedBorderStyling(props.buttonType, props.size, COLORS.content.brand)}\n\t\t}`}\n\n\t${(props) =>\n\t\t// do not load hover styles for loading state and also active state\n\t\t!props.isLoading\n\t\t\t? `:not(:active):not(:disabled):hover {\n\t\t\tpadding: 0;\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${props.matchParentWidth ? 'justify-content: center;' : ''}\n\t\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t\t{${\n\t\t\t\t\tprops.buttonColor\n\t\t\t\t\t\t? `background-color: ${getHoverButtonBackgroundCustom(\n\t\t\t\t\t\t\t\tprops.buttonColor,\n\t\t\t\t\t\t\t\t15,\n\t\t\t\t\t\t  )}`\n\t\t\t\t\t\t: ''\n\t\t\t\t}}\n\t\t\t\t.overlay-container {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: 100%;\n\t\t\t\t\t${getHoverButtonBackground(props.buttonType, props.inverse)}\n\t\t\t\t}\n\t\t\t\t${\n\t\t\t\t\tprops.size === 'chip' && props.buttonType !== 'text'\n\t\t\t\t\t\t? props.darkMode\n\t\t\t\t\t\t\t? `background-color: ${COLORS.stroke.primary};`\n\t\t\t\t\t\t\t: `background-color: ${COLORS.surface.hovered};`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t\t${\n\t\t\t\t\tprops.buttonType === 'primary' &&\n\t\t\t\t\tprops.size !== 'chip' &&\n\t\t\t\t\t!props.inverse &&\n\t\t\t\t\t!props.buttonColor\n\t\t\t\t\t\t? `background-color: ${COLORS.background.inverse};`\n\t\t\t\t\t\t: ''\n\t\t\t\t}\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.buttonType === 'text'\n\t\t\t\t\t? getHoverButtonTextDecorationStyle(props.buttonType, props.disabled)\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.inverse\n\t\t\t\t\t? generateInverseHoverBackground(props.buttonType, props.disabled)\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t}`\n\t\t\t: `\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${getLoadingBorder(props.buttonType, props.size, props.inverse)}\n\n\t\t.button-container {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\t.text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\t\t\t${\n\t\t\t\tprops.buttonColor\n\t\t\t\t\t? `background-color: ${getLoadingButtonBackgroundCustom(\n\t\t\t\t\t\t\tprops.buttonColor,\n\t\t\t\t\t\t\t15,\n\t\t\t\t\t  )};`\n\t\t\t\t\t: ''\n\t\t\t}\n\t\t\tpadding: ${getPadding(props.buttonType, props.size)};\n\t\t\t.overlay-container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tpadding: 0;\n\t\t\t\tpadding-top: 1px;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t${getLoadingBackground(\n\t\t\t\t\tprops.buttonType,\n\t\t\t\t\tprops.size,\n\t\t\t\t\tprops.inverse,\n\t\t\t\t\tprops.buttonColor,\n\t\t\t\t)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 14px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`}\n\n\t\t.button-container {\n\t\tdisplay: flex;\n\t\tgap: 8.33px;\n\t\t${(props) => (props.matchParentWidth ? 'margin: auto;' : '')}\n\t}\n`;\n\nexport const ButtonCustomDashedBorder = () => {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"line-top\"></div>\n\t\t\t<div className=\"line-left\"></div>\n\t\t\t<div className=\"line-bottom\"></div>\n\t\t\t<div className=\"line-right\"></div>\n\t\t</>\n\t);\n};\n"],"names":["Button","process","env","NODE_ENV","target","label","_styled","props","buttonType","matchParentWidth","getBackgroundColor","size","inverse","darkMode","buttonColor","startsWith","getPadding","getBorder","_a","version","error","getColor","getDashedBorderStyling","isLoading","COLORS","stroke","brandLightAlt","negative","vibrant","undefined","disabled","activated","content","brand","background","getClickEffect","primary","generateDisabledStyling","getDisabledTextColor","inverseLight","getLoadingBorder","getLoadingButtonBackgroundCustom","getLoadingBackground","getHoverButtonBackgroundCustom","getHoverButtonBackground","surface","hovered","getHoverButtonTextDecorationStyle","generateInverseHoverBackground","ButtonCustomDashedBorder","_jsxs","_Fragment","children","_jsx","jsx","className"],"mappings":"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"}