@bikdotai/bik-component-library 0.0.817-beta.4 → 0.0.817-beta.6

package/dist/cjs/components/bik-chatbot/components/ChatWindow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.js","sources":["../../../../../src/components/bik-chatbot/components/ChatWindow.tsx"],"sourcesContent":["import AiIcon from '@src/assets/icons/Ai_event_generating.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { BodyCaption, BodySecondary } from '@src/components/TypographyStyle';\nimport { ChatState, ChatWindowProps } from '../types';\nimport { renderMarkdownLite } from '../utils/markdown';\nimport ThinkingIndicator from './ThinkingIndicator';\n\n// Single-column layout container\nconst ChatContainer = styled.div<{ chatState: ChatState }>`\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\tmin-width: 0;\n\tmin-height: 0;\n\theight: 100%;\n\tmax-height: 100%;\n\tbackground: white;\n\tborder-left: 1px solid #e5e7eb;\n\tposition: relative;\n\n\t/* State-based styling */\n\t${(props) => {\n\t\tswitch (props.chatState) {\n\t\t\tcase 'conversation-starter':\n\t\t\t\treturn `\n          background: linear-gradient(180deg, #FFF6F9 0%, #FFFFFF 100%);\n        `;\n\t\t\tcase 'thinking':\n\t\t\t\treturn `\n          background: linear-gradient(180deg, #F8F9FA 0%, #FFFFFF 100%);\n        `;\n\t\t\tdefault:\n\t\t\t\treturn `\n          background: white;\n        `;\n\t\t}\n\t}}\n`;\n\nconst Header = styled.div`\n\tpadding: 16px;\n\tborder-bottom: 1px solid #e5e7eb;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tbackground: white;\n\tflex-shrink: 0;\n\n\t.header-text {\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\tcolor: #374151;\n\t}\n`;\n\n// Main content area - single column\nconst MainContent = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\tflex-direction: column;\n\toverflow: hidden;\n\tmin-height: 0;\n`;\n\nconst MessagesWrapper = styled.div`\n\tflex: 1;\n\toverflow-y: auto;\n\tpadding: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\tbackground: #fafafa;\n\tscroll-behavior: smooth;\n\tmin-height: 0;\n\n\t/* Custom scrollbar */\n\t&::-webkit-scrollbar {\n\t\twidth: 6px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground: #f1f1f1;\n\t\tborder-radius: 3px;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #c1c1c1;\n\t\tborder-radius: 3px;\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground: #a8a8a8;\n\t}\n`;\n\nconst VideoCard = styled.div`\n\tbackground: white;\n\tborder-radius: 12px;\n\tpadding: 16px;\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n\tborder: 1px solid #e5e7eb;\n`;\n\nconst VideoContainer = styled.div`\n\twidth: 100%;\n\theight: 180px;\n\tbackground: #f3f4f6;\n\tborder-radius: 8px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: relative;\n\tmargin-bottom: 12px;\n`;\n\nconst PlayButton = styled.div`\n\twidth: 48px;\n\theight: 48px;\n\tbackground: rgba(0, 0, 0, 0.7);\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n\n\t&:hover {\n\t\tbackground: rgba(0, 0, 0, 0.8);\n\t\ttransform: scale(1.05);\n\t}\n\n\tsvg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tfill: white;\n\t\tmargin-left: 2px;\n\t}\n`;\n\nconst VideoText = styled.div`\n\tfont-size: 14px;\n\tcolor: #374151;\n\tline-height: 1.5;\n`;\n\nconst Bubble = styled.div<{ role: 'user' | 'assistant' | 'system' }>`\n\tpadding: 12px 16px;\n\tborder-radius: 16px;\n\tfont-size: 14px;\n\tmax-width: 80%;\n\twhite-space: pre-line;\n\tword-wrap: break-word;\n\n\t${(props) =>\n\t\tprops.role === 'user'\n\t\t\t? `\n        background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);\n        margin-left: auto;\n        border-bottom-right-radius: 4px;\n        \n        & > div {\n          background: linear-gradient(92.69deg, #FF166A 0.37%, #FB5F08 100%);\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n          background-clip: text;\n          display: inline-block;\n        }\n      `\n\t\t\t: props.role === 'system'\n\t\t\t? `\n        background: #f3f4f6;\n        color: #6b7280;\n        font-size: 12px;\n        font-style: italic;\n        text-align: center;\n        margin: 0 auto;\n        max-width: 90%;\n      `\n\t\t\t: `\n        background: white;\n        color: #111827;\n        border: 1px solid #e5e7eb;\n        margin-right: auto;\n        border-bottom-left-radius: 4px;\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n      `}\n`;\n\n// Ice breakers section - at the bottom before input\nconst IceBreakersSection = styled.div`\n\tpadding: 16px;\n\tflex-shrink: 0;\n`;\n\nconst IceBreakersGrid = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\talign-items: flex-end;\n`;\n\nconst IceBreakerChip = styled.button<{ disabled?: boolean }>`\n\tborder: 1px dotted #febad2;\n\tbackground: linear-gradient(\n\t\t92.69deg,\n\t\trgba(255, 230, 238, 0.5) 0.37%,\n\t\trgba(255, 240, 231, 0.5) 100%\n\t);\n\tpadding: 8px 16px;\n\tborder-radius: 8px;\n\tfont-size: 13px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\ttext-align: left;\n\tmax-width: 280px;\n\talign-self: flex-end;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n\n\t&:hover:not(:disabled) {\n\t\tbackground: linear-gradient(\n\t\t\t92.69deg,\n\t\t\trgba(255, 230, 238, 0.7) 0.37%,\n\t\t\trgba(255, 240, 231, 0.7) 100%\n\t\t);\n\t\tborder-color: #f472b6;\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.98);\n\t}\n`;\n\n// Suggestions section - styled like ice breakers but for regular suggestions\nconst SuggestionsSection = styled.div`\n\tpadding: 16px;\n\tbackground: white;\n`;\n\nconst SuggestionsGrid = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n`;\n\nconst SuggestionChip = styled.button<{ disabled?: boolean }>`\n\tbackground: #fef2f2;\n\tcolor: #dc2626;\n\tpadding: 12px 16px;\n\tborder-radius: 8px;\n\tfont-size: 13px;\n\tborder: 1px solid #fecaca;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\ttext-align: left;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n\n\t&:hover:not(:disabled) {\n\t\tbackground: #fee2e2;\n\t\tborder-color: #fca5a5;\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.98);\n\t}\n`;\n\nconst InputContainer = styled.div`\n\tpadding: 16px;\n\tflex-shrink: 0;\n`;\n\nconst InputBubble = styled.div`\n\tposition: relative;\n\tdisplay: flex;\n\twidth: 100%;\n`;\n\nconst TextInput = styled.textarea<{ hasText: boolean; chatState: ChatState }>`\n\tflex: 1;\n\tborder: 1px solid ${(props) => (props.hasText ? '#3b82f6' : '#d1d5db')};\n\tborder-radius: 12px;\n\tpadding: 12px;\n\tpadding-right: 48px;\n\tfont-size: 14px;\n\toutline: none;\n\tcolor: #374151;\n\tbackground: white;\n\tbox-shadow: 0px 2px 8px 0px #0000001f;\n\ttransition: all 0.2s ease;\n\tresize: none;\n\tmin-height: 44px;\n\tmax-height: 120px;\n\tfont-family: inherit;\n\twidth: 100%;\n\n\t&:focus {\n\t\tborder-color: #3b82f6;\n\t\tbackground: white;\n\t\tbox-shadow: 0px 2px 8px 0px #0000001f, 0 0 0 3px rgba(59, 130, 246, 0.1);\n\t}\n\n\t&::placeholder {\n\t\tcolor: #9ca3af;\n\t}\n`;\n\nconst SendButton = styled.button<{ disabled?: boolean; hasText: boolean }>`\n\tposition: absolute;\n\tbottom: 10px;\n\tright: 10px;\n\twidth: 36px;\n\theight: 36px;\n\tborder-radius: 50%;\n\tbackground: ${(props) =>\n\t\tprops.hasText\n\t\t\t? 'linear-gradient(135deg, #FF166A 0%, #FB5F08 100%)'\n\t\t\t: '#e5e7eb'};\n\tborder: none;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\tbox-shadow: 0 2px 8px 0px #fa709a1c;\n\tz-index: 2;\n\n\t&:hover:not(:disabled) {\n\t\tbackground: ${(props) =>\n\t\t\tprops.hasText && !props.disabled\n\t\t\t\t? 'linear-gradient(135deg, #F857A6 0%, #FF5858 100%)'\n\t\t\t\t: '#e5e7eb'};\n\t\ttransform: scale(1.05);\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.95);\n\t}\n\n\tsvg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tfill: white;\n\t\tfont-weight: bold;\n\t}\n`;\n\n// Customizable gradient text component\nexport const CustomGradientText = styled.span<{\n\tcolors?: string;\n\tangle?: number;\n}>`\n\tbackground: linear-gradient(\n\t\t${(props) => props.angle || 92.69}deg,\n\t\t${(props) => props.colors || '#ff166a 0.37%, #fb5f08 100%'}\n\t);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\tdisplay: inline-block;\n`;\n\n// Export ChatState type for backward compatibility\nexport type { ChatState } from '../types';\n\ninterface ChatWindowWithHeightProps extends ChatWindowProps {\n\tchatWindowHeight?: string | number;\n}\n\nconst ChatWindow: React.FC<ChatWindowWithHeightProps> = ({\n\tmessages,\n\tonSend,\n\theader = 'Create with AI',\n\tplaceholder = 'Discover the right event & launch campaigns for better conversions...',\n\tsuggestions = [\n\t\t'Top festivals for marketing',\n\t\t'Top events this week?',\n\t\t'Top August festivals near you',\n\t],\n\ticeBreakers,\n\tvideoStarter,\n\tdisabled = false,\n\tisThinking = false,\n\tonIceBreakerClick,\n\tchatState,\n\tchatWindowHeight,\n\tinputDisabled = false,\n}) => {\n\tconst [input, setInput] = useState('');\n\tconst [thinking, setThinking] = useState(false);\n\tconst [isTyping, setIsTyping] = useState(false);\n\tconst bottomRef = useRef<HTMLDivElement>(null);\n\tconst textareaRef = useRef<HTMLTextAreaElement>(null);\n\tconst isThinkingState = thinking || isThinking;\n\tconst isInputDisabledState = disabled || inputDisabled;\n\n\t// Determine current chat state\n\tconst getCurrentChatState = (): ChatState => {\n\t\tif (chatState) return chatState; // Explicit state override\n\t\tif (thinking || isThinking) return 'thinking';\n\t\tif (isTyping && input.trim().length > 0) return 'typing';\n\t\tif (messages.length === 0) return 'conversation-starter';\n\t\tif (messages.length > 0) return 'conversation';\n\t\treturn 'default';\n\t};\n\n\tconst currentState = getCurrentChatState();\n\n\t// markdown renderer moved to ../utils/markdown\n\n\tconst handleSend = () => {\n\t\tif (!input.trim() || isInputDisabledState || isThinkingState) return;\n\t\tonSend(input);\n\t\tsetInput('');\n\t\tsetThinking(true);\n\t\tsetTimeout(() => setThinking(false), 1500);\n\t};\n\n\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (isInputDisabledState) return;\n\t\tif (e.key === 'Enter' && !e.shiftKey) {\n\t\t\te.preventDefault();\n\t\t\tif (!isThinkingState && input.trim()) {\n\t\t\t\thandleSend();\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\tif (isInputDisabledState) return;\n\t\tconst value = e.target.value;\n\t\tsetInput(value);\n\t\tsetIsTyping(value.trim().length > 0);\n\n\t\t// Auto-resize textarea\n\t\tconst textarea = textareaRef.current;\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto';\n\t\t\ttextarea.style.height = `${Math.min(textarea.scrollHeight, 117)}px`;\n\t\t}\n\t};\n\n\tconst hasText = input.trim().length > 0;\n\tconst isSendDisabled = isInputDisabledState || isThinkingState || !hasText;\n\n\tuseEffect(() => {\n\t\tbottomRef.current?.scrollIntoView({ behavior: 'smooth' });\n\t}, [messages, thinking, isThinking]);\n\n\t// Use chatWindowHeight if provided, otherwise use 100% if fullHeight is active\n\tconst containerHeight = chatWindowHeight || '100%';\n\n\treturn (\n\t\t<ChatContainer chatState={currentState} style={{ height: containerHeight }}>\n\t\t\t{/* Header */}\n\t\t\t<Header>\n\t\t\t\t<AiIcon height={24} width={24} />\n\t\t\t\t<div className=\"header-text\">{header}</div>\n\t\t\t</Header>\n\n\t\t\t{/* Main Content - Single Column Layout */}\n\t\t\t<MainContent>\n\t\t\t\t{/* Messages Section */}\n\t\t\t\t<MessagesWrapper>\n\t\t\t\t\t{/* Video starter card - only when no messages and videoStarter provided */}\n\t\t\t\t\t{currentState === 'conversation-starter' && videoStarter && (\n\t\t\t\t\t\t<VideoCard>\n\t\t\t\t\t\t\t<VideoContainer>\n\t\t\t\t\t\t\t\t<PlayButton onClick={videoStarter.onPlay}>\n\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M8 5v14l11-7z\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</PlayButton>\n\t\t\t\t\t\t\t</VideoContainer>\n\t\t\t\t\t\t\t<VideoText>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ fontWeight: 500, marginBottom: '4px' }}>\n\t\t\t\t\t\t\t\t\t{videoStarter.title}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<BodyCaption>{videoStarter.description}</BodyCaption>\n\t\t\t\t\t\t\t</VideoText>\n\t\t\t\t\t\t</VideoCard>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{/* Render messages (assistant supports lite Markdown) */}\n\t\t\t\t\t{messages.map((m) => (\n\t\t\t\t\t\t<Bubble key={m.id} role={m.role}>\n\t\t\t\t\t\t\t{m.role === 'assistant' ? (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t\t__html: renderMarkdownLite(m.content),\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) : (\n\t\t\t\t\t\t\t\t<div style={{ whiteSpace: 'pre-wrap' }}>{m.content}</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Bubble>\n\t\t\t\t\t))}\n\n\t\t\t\t\t{/* Thinking bubble */}\n\t\t\t\t\t{(thinking || isThinking) && <ThinkingIndicator />}\n\n\t\t\t\t\t<div ref={bottomRef} />\n\t\t\t\t</MessagesWrapper>\n\n\t\t\t\t{/* Ice Breakers Section - At bottom when no messages and ice breakers provided */}\n\t\t\t\t{iceBreakers && currentState === 'conversation-starter' && (\n\t\t\t\t\t<IceBreakersSection>\n\t\t\t\t\t\t<IceBreakersGrid>\n\t\t\t\t\t\t\t{iceBreakers.map((iceBreaker) => (\n\t\t\t\t\t\t\t\t<IceBreakerChip\n\t\t\t\t\t\t\t\t\tkey={iceBreaker.id}\n\t\t\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (!isInputDisabledState) {\n\t\t\t\t\t\t\t\t\t\t\tonIceBreakerClick?.(iceBreaker);\n\t\t\t\t\t\t\t\t\t\t\tonSend(iceBreaker.text);\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>\n\t\t\t\t\t\t\t\t\t<CustomGradientText>{iceBreaker.text}</CustomGradientText>\n\t\t\t\t\t\t\t\t</IceBreakerChip>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</IceBreakersGrid>\n\t\t\t\t\t</IceBreakersSection>\n\t\t\t\t)}\n\n\t\t\t\t{/* Regular Suggestions - Show when no ice breakers are provided */}\n\t\t\t\t{!iceBreakers &&\n\t\t\t\t\tsuggestions.length > 0 &&\n\t\t\t\t\tcurrentState === 'default' && (\n\t\t\t\t\t\t<SuggestionsSection>\n\t\t\t\t\t\t\t<SuggestionsGrid>\n\t\t\t\t\t\t\t\t{suggestions.map((s) => (\n\t\t\t\t\t\t\t\t\t<SuggestionChip\n\t\t\t\t\t\t\t\t\t\tkey={s}\n\t\t\t\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\t\t\t\tonClick={() => !isInputDisabledState && onSend(s)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{s}\n\t\t\t\t\t\t\t\t\t</SuggestionChip>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</SuggestionsGrid>\n\t\t\t\t\t\t</SuggestionsSection>\n\t\t\t\t\t)}\n\n\t\t\t\t{/* Input Container - Always at bottom */}\n\t\t\t\t<InputContainer>\n\t\t\t\t\t<InputBubble>\n\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\tref={textareaRef}\n\t\t\t\t\t\t\tvalue={input}\n\t\t\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\thasText={hasText}\n\t\t\t\t\t\t\tchatState={currentState}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<SendButton\n\t\t\t\t\t\t\tonClick={handleSend}\n\t\t\t\t\t\t\tdisabled={isSendDisabled}\n\t\t\t\t\t\t\thasText={hasText}\n\t\t\t\t\t\t\taria-label=\"Send\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"20\"\n\t\t\t\t\t\t\t\theight=\"20\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstrokeWidth=\"2\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path d=\"M6 12h12\" />\n\t\t\t\t\t\t\t\t<path d=\"M12 6l6 6-6 6\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</SendButton>\n\t\t\t\t\t</InputBubble>\n\t\t\t\t</InputContainer>\n\t\t\t</MainContent>\n\t\t</ChatContainer>\n\t);\n};\n\nexport default ChatWindow;\n"],"names":["ChatContainer","styled","props","Header","MainContent","MessagesWrapper","VideoCard","VideoContainer","PlayButton","VideoText","Bubble","IceBreakersSection","IceBreakersGrid","IceBreakerChip","SuggestionsSection","SuggestionsGrid","SuggestionChip","InputContainer","InputBubble","TextInput","SendButton","CustomGradientText","ChatWindow","messages","onSend","header","placeholder","suggestions","iceBreakers","videoStarter","disabled","isThinking","onIceBreakerClick","chatState","chatWindowHeight","inputDisabled","input","setInput","useState","thinking","setThinking","isTyping","setIsTyping","bottomRef","useRef","textareaRef","isThinkingState","isInputDisabledState","currentState","handleSend","handleKeyDown","e","handleInputChange","value","textarea","hasText","isSendDisabled","useEffect","containerHeight","jsxDEV","AiIcon","this","BodySecondary","BodyCaption","m","renderMarkdownLite","ThinkingIndicator","iceBreaker","s"],"mappings":"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"}
+{"version":3,"file":"ChatWindow.js","sources":["../../../../../src/components/bik-chatbot/components/ChatWindow.tsx"],"sourcesContent":["import AiIcon from '@src/assets/icons/Ai_event_generating.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { BodyCaption, BodySecondary } from '@src/components/TypographyStyle';\nimport { ChatState, ChatWindowProps } from '../types';\nimport { renderMarkdownLite } from '../utils/markdown';\nimport ThinkingIndicator from './ThinkingIndicator';\n\n// Single-column layout container\nconst ChatContainer = styled.div<{ chatState: ChatState }>`\n\tdisplay: flex;\n\tflex-direction: column;\n\twidth: 100%;\n\tmin-width: 0;\n\tmin-height: 0;\n\theight: 100%;\n\tmax-height: 100%;\n\tbackground: white;\n\tborder-left: 1px solid #e5e7eb;\n\tposition: relative;\n\n\t/* State-based styling */\n\t${(props) => {\n\t\tswitch (props.chatState) {\n\t\t\tcase 'conversation-starter':\n\t\t\t\treturn `\n          background: linear-gradient(180deg, #FFF6F9 0%, #FFFFFF 100%);\n        `;\n\t\t\tcase 'thinking':\n\t\t\t\treturn `\n          background: linear-gradient(180deg, #F8F9FA 0%, #FFFFFF 100%);\n        `;\n\t\t\tdefault:\n\t\t\t\treturn `\n          background: white;\n        `;\n\t\t}\n\t}}\n`;\n\nconst Header = styled.div`\n\tpadding: 16px;\n\tborder-bottom: 1px solid #e5e7eb;\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tbackground: white;\n\tflex-shrink: 0;\n\n\t.header-text {\n\t\tfont-size: 14px;\n\t\tfont-weight: 500;\n\t\tcolor: #374151;\n\t}\n`;\n\n// Main content area - single column\nconst MainContent = styled.div`\n\tflex: 1;\n\tdisplay: flex;\n\tflex-direction: column;\n\toverflow: hidden;\n\tmin-height: 0;\n`;\n\nconst MessagesWrapper = styled.div`\n\tflex: 1;\n\toverflow-y: auto;\n\tpadding: 16px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\tbackground: #fafafa;\n\tscroll-behavior: smooth;\n\tmin-height: 0;\n\n\t/* Custom scrollbar */\n\t&::-webkit-scrollbar {\n\t\twidth: 6px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground: #f1f1f1;\n\t\tborder-radius: 3px;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground: #c1c1c1;\n\t\tborder-radius: 3px;\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground: #a8a8a8;\n\t}\n`;\n\nconst VideoCard = styled.div`\n\tbackground: white;\n\tborder-radius: 12px;\n\tpadding: 16px;\n\tbox-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n\tborder: 1px solid #e5e7eb;\n`;\n\nconst VideoContainer = styled.div`\n\twidth: 100%;\n\theight: 180px;\n\tbackground: #f3f4f6;\n\tborder-radius: 8px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: relative;\n\tmargin-bottom: 12px;\n`;\n\nconst PlayButton = styled.div`\n\twidth: 48px;\n\theight: 48px;\n\tbackground: rgba(0, 0, 0, 0.7);\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: pointer;\n\ttransition: all 0.2s ease;\n\n\t&:hover {\n\t\tbackground: rgba(0, 0, 0, 0.8);\n\t\ttransform: scale(1.05);\n\t}\n\n\tsvg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tfill: white;\n\t\tmargin-left: 2px;\n\t}\n`;\n\nconst VideoText = styled.div`\n\tfont-size: 14px;\n\tcolor: #374151;\n\tline-height: 1.5;\n`;\n\nconst Bubble = styled.div<{ role: 'user' | 'assistant' | 'system' }>`\n\tpadding: 12px 16px;\n\tborder-radius: 16px;\n\tfont-size: 14px;\n\tmax-width: 80%;\n\twhite-space: pre-line;\n\tword-wrap: break-word;\n\n\t${(props) =>\n\t\tprops.role === 'user'\n\t\t\t? `\n        background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);\n        margin-left: auto;\n        border-bottom-right-radius: 4px;\n        \n        & > div {\n          background: linear-gradient(92.69deg, #FF166A 0.37%, #FB5F08 100%);\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n          background-clip: text;\n          display: inline-block;\n        }\n      `\n\t\t\t: props.role === 'system'\n\t\t\t? `\n        background: #f3f4f6;\n        color: #6b7280;\n        font-size: 12px;\n        font-style: italic;\n        text-align: center;\n        margin: 0 auto;\n        max-width: 90%;\n      `\n\t\t\t: `\n        background: white;\n        color: #111827;\n        border: 1px solid #e5e7eb;\n        margin-right: auto;\n        border-bottom-left-radius: 4px;\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n      `}\n`;\n\n// Ice breakers section - at the bottom before input\nconst IceBreakersSection = styled.div`\n\tpadding: 16px;\n\tflex-shrink: 0;\n`;\n\nconst IceBreakersGrid = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n\talign-items: flex-end;\n`;\n\nconst IceBreakerChip = styled.button<{ disabled?: boolean }>`\n\tborder: 1px dotted #febad2;\n\tbackground: linear-gradient(\n\t\t92.69deg,\n\t\trgba(255, 230, 238, 0.5) 0.37%,\n\t\trgba(255, 240, 231, 0.5) 100%\n\t);\n\tpadding: 8px 16px;\n\tborder-radius: 8px;\n\tfont-size: 13px;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\ttext-align: left;\n\tmax-width: 280px;\n\talign-self: flex-end;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n\n\t&:hover:not(:disabled) {\n\t\tbackground: linear-gradient(\n\t\t\t92.69deg,\n\t\t\trgba(255, 230, 238, 0.7) 0.37%,\n\t\t\trgba(255, 240, 231, 0.7) 100%\n\t\t);\n\t\tborder-color: #f472b6;\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.98);\n\t}\n`;\n\n// Suggestions section - styled like ice breakers but for regular suggestions\nconst SuggestionsSection = styled.div`\n\tpadding: 16px;\n\tbackground: white;\n`;\n\nconst SuggestionsGrid = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n`;\n\nconst SuggestionChip = styled.button<{ disabled?: boolean }>`\n\tbackground: #fef2f2;\n\tcolor: #dc2626;\n\tpadding: 12px 16px;\n\tborder-radius: 8px;\n\tfont-size: 13px;\n\tborder: 1px solid #fecaca;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\ttext-align: left;\n\topacity: ${(props) => (props.disabled ? 0.5 : 1)};\n\n\t&:hover:not(:disabled) {\n\t\tbackground: #fee2e2;\n\t\tborder-color: #fca5a5;\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.98);\n\t}\n`;\n\nconst InputContainer = styled.div`\n\tpadding: 16px;\n\tflex-shrink: 0;\n`;\n\nconst InputBubble = styled.div`\n\tposition: relative;\n\tdisplay: flex;\n\twidth: 100%;\n`;\n\nconst TextInput = styled.textarea<{ hasText: boolean; chatState: ChatState }>`\n\tflex: 1;\n\tborder: 1px solid ${(props) => (props.hasText ? '#3b82f6' : '#d1d5db')};\n\tborder-radius: 12px;\n\tpadding: 12px;\n\tpadding-right: 48px;\n\tfont-size: 14px;\n\toutline: none;\n\tcolor: #374151;\n\tbackground: white;\n\tbox-shadow: 0px 2px 8px 0px #0000001f;\n\ttransition: all 0.2s ease;\n\tresize: none;\n\tmin-height: 44px;\n\tmax-height: 120px;\n\tfont-family: inherit;\n\twidth: 100%;\n\n\t&:focus {\n\t\tborder-color: #3b82f6;\n\t\tbackground: white;\n\t\tbox-shadow: 0px 2px 8px 0px #0000001f, 0 0 0 3px rgba(59, 130, 246, 0.1);\n\t}\n\n\t&::placeholder {\n\t\tcolor: #9ca3af;\n\t}\n`;\n\nconst SendButton = styled.button<{ disabled?: boolean; hasText: boolean }>`\n\tposition: absolute;\n\tbottom: 10px;\n\tright: 10px;\n\twidth: 36px;\n\theight: 36px;\n\tborder-radius: 50%;\n\tbackground: ${(props) =>\n\t\tprops.hasText\n\t\t\t? 'linear-gradient(135deg, #FF166A 0%, #FB5F08 100%)'\n\t\t\t: '#e5e7eb'};\n\tborder: none;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\ttransition: all 0.2s ease;\n\tbox-shadow: 0 2px 8px 0px #fa709a1c;\n\tz-index: 2;\n\n\t&:hover:not(:disabled) {\n\t\tbackground: ${(props) =>\n\t\t\tprops.hasText && !props.disabled\n\t\t\t\t? 'linear-gradient(135deg, #F857A6 0%, #FF5858 100%)'\n\t\t\t\t: '#e5e7eb'};\n\t\ttransform: scale(1.05);\n\t}\n\n\t&:active:not(:disabled) {\n\t\ttransform: scale(0.95);\n\t}\n\n\tsvg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tfill: white;\n\t\tfont-weight: bold;\n\t}\n`;\n\n// Customizable gradient text component\nexport const CustomGradientText = styled.span<{\n\tcolors?: string;\n\tangle?: number;\n}>`\n\tbackground: linear-gradient(\n\t\t${(props) => props.angle || 92.69}deg,\n\t\t${(props) => props.colors || '#ff166a 0.37%, #fb5f08 100%'}\n\t);\n\t-webkit-background-clip: text;\n\t-webkit-text-fill-color: transparent;\n\tbackground-clip: text;\n\tdisplay: inline-block;\n`;\n\n// Export ChatState type for backward compatibility\nexport type { ChatState } from '../types';\n\ninterface ChatWindowWithHeightProps extends ChatWindowProps {\n\tchatWindowHeight?: string | number;\n}\n\nconst ChatWindow: React.FC<ChatWindowWithHeightProps> = ({\n\tmessages,\n\tonSend,\n\theader = 'Create with AI',\n\tplaceholder = 'Discover the right event & launch campaigns for better conversions...',\n\tsuggestions = [\n\t\t'Top festivals for marketing',\n\t\t'Top events this week?',\n\t\t'Top August festivals near you',\n\t],\n\ticeBreakers,\n\tvideoStarter,\n\tdisabled = false,\n\tisThinking = false,\n\tonIceBreakerClick,\n\tchatState,\n\tchatWindowHeight,\n\tinputDisabled = false,\n}) => {\n\tconst [input, setInput] = useState('');\n\tconst [thinking, setThinking] = useState(false);\n\tconst [isTyping, setIsTyping] = useState(false);\n\tconst bottomRef = useRef<HTMLDivElement>(null);\n\tconst textareaRef = useRef<HTMLTextAreaElement>(null);\n\tconst isThinkingState = thinking || isThinking;\n\tconst isInputDisabledState = disabled || inputDisabled;\n\n\t// Determine current chat state\n\tconst getCurrentChatState = (): ChatState => {\n\t\tif (chatState) return chatState; // Explicit state override\n\t\tif (thinking || isThinking) return 'thinking';\n\t\tif (isTyping && input.trim().length > 0) return 'typing';\n\t\tif (messages.length === 0) return 'conversation-starter';\n\t\tif (messages.length > 0) return 'conversation';\n\t\treturn 'default';\n\t};\n\n\tconst currentState = getCurrentChatState();\n\n\t// markdown renderer moved to ../utils/markdown\n\n\tconst handleSend = () => {\n\t\tif (!input.trim() || isInputDisabledState || isThinkingState) return;\n\t\tonSend(input);\n\t\tsetInput('');\n\t\tsetThinking(true);\n\t\tsetTimeout(() => setThinking(false), 1500);\n\t};\n\n\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (isInputDisabledState) return;\n\t\tif (e.key === 'Enter' && !e.shiftKey) {\n\t\t\te.preventDefault();\n\t\t\tif (!isThinkingState && input.trim()) {\n\t\t\t\thandleSend();\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleInputChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n\t\tif (isInputDisabledState) return;\n\t\tconst value = e.target.value;\n\t\tsetInput(value);\n\t\tsetIsTyping(value.trim().length > 0);\n\n\t\t// Auto-resize textarea\n\t\tconst textarea = textareaRef.current;\n\t\tif (textarea) {\n\t\t\ttextarea.style.height = 'auto';\n\t\t\ttextarea.style.height = `${Math.min(textarea.scrollHeight, 117)}px`;\n\t\t}\n\t};\n\n\tconst hasText = input.trim().length > 0;\n\tconst isSendDisabled = isInputDisabledState || isThinkingState || !hasText;\n\n\tuseEffect(() => {\n\t\tbottomRef.current?.scrollIntoView({ behavior: 'smooth' });\n\t}, [messages, thinking, isThinking]);\n\n\t// Use chatWindowHeight if provided, otherwise use 100% if fullHeight is active\n\tconst containerHeight = chatWindowHeight || '100%';\n\n\treturn (\n\t\t<ChatContainer chatState={currentState} style={{ height: containerHeight }}>\n\t\t\t{/* Header */}\n\t\t\t<Header>\n\t\t\t\t<AiIcon height={24} width={24} />\n\t\t\t\t<div className=\"header-text\">{header}</div>\n\t\t\t</Header>\n\n\t\t\t{/* Main Content - Single Column Layout */}\n\t\t\t<MainContent>\n\t\t\t\t{/* Messages Section */}\n\t\t\t\t<MessagesWrapper>\n\t\t\t\t\t{/* Video starter card - only when no messages and videoStarter provided */}\n\t\t\t\t\t{currentState === 'conversation-starter' && videoStarter && (\n\t\t\t\t\t\t<VideoCard>\n\t\t\t\t\t\t\t<VideoContainer>\n\t\t\t\t\t\t\t\t<PlayButton onClick={videoStarter.onPlay}>\n\t\t\t\t\t\t\t\t\t<svg viewBox=\"0 0 24 24\" fill=\"currentColor\">\n\t\t\t\t\t\t\t\t\t\t<path d=\"M8 5v14l11-7z\" />\n\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t</PlayButton>\n\t\t\t\t\t\t\t</VideoContainer>\n\t\t\t\t\t\t\t<VideoText>\n\t\t\t\t\t\t\t\t<BodySecondary style={{ fontWeight: 500, marginBottom: '4px' }}>\n\t\t\t\t\t\t\t\t\t{videoStarter.title}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t<BodyCaption>{videoStarter.description}</BodyCaption>\n\t\t\t\t\t\t\t</VideoText>\n\t\t\t\t\t\t</VideoCard>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{/* Render messages (assistant supports lite Markdown) */}\n\t\t\t\t\t{messages.map((m) => (\n\t\t\t\t\t\t<Bubble key={m.id} role={m.role}>\n\t\t\t\t\t\t\t{m.role === 'assistant' ? (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t\t\t__html: renderMarkdownLite(m.content),\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) : (\n\t\t\t\t\t\t\t\t<div style={{ whiteSpace: 'pre-wrap' }}>{m.content}</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Bubble>\n\t\t\t\t\t))}\n\n\t\t\t\t\t{/* Thinking bubble */}\n\t\t\t\t\t{(thinking || isThinking) && <ThinkingIndicator />}\n\n\t\t\t\t\t<div ref={bottomRef} />\n\t\t\t\t</MessagesWrapper>\n\n\t\t\t\t{/* Ice Breakers Section - At bottom when no messages and ice breakers provided */}\n\t\t\t\t{iceBreakers && currentState === 'conversation-starter' && (\n\t\t\t\t\t<IceBreakersSection>\n\t\t\t\t\t\t<IceBreakersGrid>\n\t\t\t\t\t\t\t{iceBreakers.map((iceBreaker) => (\n\t\t\t\t\t\t\t\t<IceBreakerChip\n\t\t\t\t\t\t\t\t\tkey={iceBreaker.id}\n\t\t\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (!isInputDisabledState) {\n\t\t\t\t\t\t\t\t\t\t\tonIceBreakerClick?.(iceBreaker);\n\t\t\t\t\t\t\t\t\t\t\tonSend(iceBreaker.text);\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>\n\t\t\t\t\t\t\t\t\t<CustomGradientText>{iceBreaker.text}</CustomGradientText>\n\t\t\t\t\t\t\t\t</IceBreakerChip>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</IceBreakersGrid>\n\t\t\t\t\t</IceBreakersSection>\n\t\t\t\t)}\n\n\t\t\t\t{/* Regular Suggestions - Show when no ice breakers are provided */}\n\t\t\t\t{!iceBreakers &&\n\t\t\t\t\tsuggestions.length > 0 &&\n\t\t\t\t\tcurrentState === 'default' && (\n\t\t\t\t\t\t<SuggestionsSection>\n\t\t\t\t\t\t\t<SuggestionsGrid>\n\t\t\t\t\t\t\t\t{suggestions.map((s) => (\n\t\t\t\t\t\t\t\t\t<SuggestionChip\n\t\t\t\t\t\t\t\t\t\tkey={s}\n\t\t\t\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\t\t\t\tonClick={() => !isInputDisabledState && onSend(s)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{s}\n\t\t\t\t\t\t\t\t\t</SuggestionChip>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</SuggestionsGrid>\n\t\t\t\t\t\t</SuggestionsSection>\n\t\t\t\t\t)}\n\n\t\t\t\t{/* Input Container - Always at bottom */}\n\t\t\t\t<InputContainer>\n\t\t\t\t\t<InputBubble>\n\t\t\t\t\t\t<TextInput\n\t\t\t\t\t\t\tref={textareaRef}\n\t\t\t\t\t\t\tvalue={input}\n\t\t\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\t\t\t\tdisabled={isInputDisabledState}\n\t\t\t\t\t\t\thasText={hasText}\n\t\t\t\t\t\t\tchatState={currentState}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<SendButton\n\t\t\t\t\t\t\tonClick={handleSend}\n\t\t\t\t\t\t\tdisabled={isSendDisabled}\n\t\t\t\t\t\t\thasText={hasText}\n\t\t\t\t\t\t\taria-label=\"Send\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\t\twidth=\"20\"\n\t\t\t\t\t\t\t\theight=\"20\"\n\t\t\t\t\t\t\t\tstroke=\"white\"\n\t\t\t\t\t\t\t\tstrokeWidth=\"2\"\n\t\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<path d=\"M6 12h12\" />\n\t\t\t\t\t\t\t\t<path d=\"M12 6l6 6-6 6\" />\n\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t</SendButton>\n\t\t\t\t\t</InputBubble>\n\t\t\t\t</InputContainer>\n\t\t\t</MainContent>\n\t\t</ChatContainer>\n\t);\n};\n\nexport default ChatWindow;\n"],"names":["ChatContainer","styled","props","Header","MainContent","MessagesWrapper","VideoCard","VideoContainer","PlayButton","VideoText","Bubble","IceBreakersSection","IceBreakersGrid","IceBreakerChip","SuggestionsSection","SuggestionsGrid","SuggestionChip","InputContainer","InputBubble","TextInput","SendButton","CustomGradientText","ChatWindow","messages","onSend","header","placeholder","suggestions","iceBreakers","videoStarter","disabled","isThinking","onIceBreakerClick","chatState","chatWindowHeight","inputDisabled","input","setInput","useState","thinking","setThinking","isTyping","setIsTyping","bottomRef","useRef","textareaRef","isThinkingState","isInputDisabledState","currentState","handleSend","handleKeyDown","e","handleInputChange","value","textarea","hasText","isSendDisabled","useEffect","containerHeight","jsxDEV","AiIcon","this","BodySecondary","BodyCaption","m","renderMarkdownLite","ThinkingIndicator","iceBreaker","s"],"mappings":"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"}

package/dist/cjs/components/bik-chatbot/components/ThinkingIndicator.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),a=require("react"),l=require("styled-components"),c=require("../../../assets/icons/Idea.svg.js"),d=require("../../../assets/icons/AiEdit.svg.js"),m=require("../../../assets/icons/HelpIcon.svg.js"),u=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},p=u(l),b=p.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),a=require("react"),c=require("styled-components"),l=require("../../../assets/icons/Idea.svg.js"),m=require("../../../assets/icons/AiEdit.svg.js"),d=require("../../../assets/icons/HelpIcon.svg.js"),u=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},p=u(c),h=p.default.div`
     background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);
 	padding: 24px;
 	border-radius: 16px;
@@ -144,5 +144,5 @@
 			transform: translateY(0);
 		}
 	}
-`,s=[{icon:c.default,text:"Analyzing your questions..."},{icon:d.default,text:"Gathering insights..."},{icon:m.default,text:"Crafting the perfect response..."}],f=()=>{const[n,r]=a.useState(0);a.useEffect(()=>{const t=window.setInterval(()=>{r(i=>(i+1)%s.length)},1800);return()=>window.clearInterval(t)},[]);const o=s[n];return e.jsxDEV(b,{role:"status","aria-live":"polite",children:[e.jsxDEV(o.icon,{height:24,width:24},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:190,columnNumber:4},void 0),e.jsxDEV("div",{className:"bubble-content",children:[e.jsxDEV("div",{className:"status-text",children:o.text},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:192,columnNumber:5},void 0),e.jsxDEV("div",{className:"dots",children:[0,1,2,3,4].map(t=>e.jsxDEV("span",{className:"dot",style:{animationDelay:`${t*.15}s`}},t,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:195,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:193,columnNumber:5},void 0),e.jsxDEV("div",{className:"shimmer-group",children:[70,85,50].map((t,i)=>e.jsxDEV("div",{className:"shimmer-line",style:{width:`${t}%`,animationDelay:`${.25+i*.12}s`},children:e.jsxDEV("span",{className:"shimmer-highlight"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:212,columnNumber:8},void 0)},t,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:204,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:202,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:191,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:186,columnNumber:3},void 0)};exports.default=f;
+`,r=[{icon:l.default,text:"Analyzing your questions..."},{icon:m.default,text:"Gathering insights..."},{icon:d.default,text:"Crafting the perfect response..."}],b=()=>{const[t,s]=a.useState(0);a.useEffect(()=>{const n=window.setInterval(()=>{s(i=>(i+1)%r.length)},1800);return()=>window.clearInterval(n)},[]);const o=r[t];return e.jsxDEV(h,{role:"status","aria-live":"polite",children:[e.jsxDEV(o.icon,{height:24,width:24},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:190,columnNumber:4},void 0),e.jsxDEV("div",{className:"bubble-content",children:[e.jsxDEV("div",{className:"status-text",children:o.text},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:192,columnNumber:5},void 0),e.jsxDEV("div",{className:"dots",children:[0,1,2,3,4].map(n=>e.jsxDEV("span",{className:"dot",style:{animationDelay:`${n*.15}s`}},n,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:195,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:193,columnNumber:5},void 0),e.jsxDEV("div",{className:"shimmer-group",children:[70,85,50].map((n,i)=>e.jsxDEV("div",{className:"shimmer-line",style:{width:`${n}%`,animationDelay:`${.25+i*.12}s`},children:e.jsxDEV("span",{className:"shimmer-highlight"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:212,columnNumber:8},void 0)},n,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:204,columnNumber:7},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:202,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:191,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-chatbot/components/ThinkingIndicator.tsx",lineNumber:186,columnNumber:3},void 0)};exports.default=b;
 //# sourceMappingURL=ThinkingIndicator.js.map

package/dist/cjs/components/bik-chatbot/components/ThinkingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThinkingIndicator.js","sources":["../../../../../src/components/bik-chatbot/components/ThinkingIndicator.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport Idea from '@src/assets/icons/Idea.svg';\nimport AiEdit from '@src/assets/icons/AiEdit.svg';\nimport HelpIcon from '@src/assets/icons/HelpIcon.svg';\n\n\nconst ThinkingBubble = styled.div`\n    background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);\n\tpadding: 24px;\n\tborder-radius: 16px;\n\tborder-bottom-left-radius: 6px;\n\twidth: clamp(260px, 70vw, 340px);\n\tmin-height: 108px;\n\tmargin-right: auto;\n\tfont-size: 14px;\n\tcolor: #1f2937;\n\tbox-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 14px;\n\tposition: relative;\n\toverflow: hidden;\n\tflex-shrink: 0;\n\n\t\n\n\t.icon-svg {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tflex-shrink: 0;\n\t\tanimation: iconPulse 2.4s ease-in-out infinite;\n\t}\n\n\t.bubble-content {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 12px;\n\t\twidth: 100%;\n\t}\n\n\t.status-text {\n\t\tfont-weight: 500;\n\t\tcolor: #1f2937;\n\t\tline-height: 1.45;\n\t\tanimation: textFade 0.35s ease forwards;\n\t\tmin-height: 20px;\n\t}\n\n\t.dots {\n\t\tdisplay: flex;\n\t\tgap: 6px;\n\t}\n\n\t.dot {\n\t\twidth: 6px;\n\t\theight: 6px;\n\t\tborder-radius: 50%;\n\t\tbackground: #EC4899;\n\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);\n\t\tanimation: dotBounce 1.3s ease-in-out infinite;\n\t}\n\n\t.shimmer-group {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 6px;\n\t}\n\n\t.shimmer-line {\n        height: 10px;\n\t\tborder-radius: 20px;\n\t\tbackground: linear-gradient(92.69deg, #FEBAD2 0.37%, #FDD1B9 100%);\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tanimation: shimmerAppear 0.4s ease forwards;\n\t}\n\n\t.shimmer-highlight {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\trgba(255, 255, 255, 0) 0%,\n\t\t\trgba(255, 255, 255, 0.75) 50%,\n\t\t\trgba(255, 255, 255, 0) 100%\n\t\t);\n\t\ttransform: translateX(-100%);\n\t\tanimation: shimmerMove 1.8s linear infinite;\n\t}\n\n\t@keyframes iconPulse {\n\t\t0%,\n\t\t100% {\n\t\t\ttransform: scale(0.95) rotate(-3deg);\n\t\t}\n\t\t50% {\n\t\t\ttransform: scale(1.05) rotate(3deg);\n\t\t}\n\t}\n\n\t@keyframes dotBounce {\n\t\t0%,\n\t\t100% {\n\t\t\ttransform: translateY(0) scale(1);\n\t\t\topacity: 0.35;\n\t\t}\n\t\t50% {\n\t\t\ttransform: translateY(-6px) scale(1.2);\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t@keyframes shimmerMove {\n\t\t0% {\n\t\t\ttransform: translateX(-120%);\n\t\t}\n\t\t100% {\n\t\t\ttransform: translateX(140%);\n\t\t}\n\t}\n\n\t@keyframes shimmerAppear {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@keyframes glowPulse {\n\t\t0%,\n\t\t100% {\n\t\t\topacity: 0.2;\n\t\t}\n\t\t50% {\n\t\t\topacity: 0.55;\n\t\t}\n\t}\n\n\t@keyframes textFade {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(4px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n`;\n\nconst thinkingStates = [\n\t{\n\t\ticon: Idea,\n\t\ttext: 'Analyzing your questions...',\n\t},\n\t{\n\t\ticon: AiEdit,\n\t\ttext: 'Gathering insights...',\n\t},\n\t{\n\t\ticon: HelpIcon,\n\t\ttext: 'Crafting the perfect response...',\n\t},\n\n];\n\nconst ThinkingIndicator: React.FC = () => {\n\tconst [stateIndex, setStateIndex] = useState(0);\n\n\tuseEffect(() => {\n\t\tconst interval = window.setInterval(() => {\n\t\t\tsetStateIndex((prev) => (prev + 1) % thinkingStates.length);\n\t\t}, 1800);\n\n\t\treturn () => window.clearInterval(interval);\n\t}, []);\n\n\tconst currentState = thinkingStates[stateIndex];\n\n\treturn (\n\t\t<ThinkingBubble\n\t\t\trole=\"status\"\n\t\t\taria-live=\"polite\"\n\t\t>\n\t\t\t<currentState.icon height={24} width={24} />\n\t\t\t<div className=\"bubble-content\">\n\t\t\t\t<div className=\"status-text\">{currentState.text}</div>\n\t\t\t\t<div className=\"dots\">\n\t\t\t\t\t{[0, 1, 2, 3, 4].map((dot) => (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={dot}\n\t\t\t\t\t\t\tclassName=\"dot\"\n\t\t\t\t\t\t\tstyle={{ animationDelay: `${dot * 0.15}s` }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"shimmer-group\">\n\t\t\t\t\t{[70, 85, 50].map((width, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={width}\n\t\t\t\t\t\t\tclassName=\"shimmer-line\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: `${width}%`,\n\t\t\t\t\t\t\t\tanimationDelay: `${0.25 + index * 0.12}s`,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"shimmer-highlight\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ThinkingBubble>\n\t);\n};\n\nexport default ThinkingIndicator;\n"],"names":["ThinkingBubble","styled","thinkingStates","Idea","AiEdit","HelpIcon","ThinkingIndicator","stateIndex","setStateIndex","useState","useEffect","interval","prev","currentState","jsxDEV","this","dot","width","index"],"mappings":"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"}
+{"version":3,"file":"ThinkingIndicator.js","sources":["../../../../../src/components/bik-chatbot/components/ThinkingIndicator.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport Idea from '@src/assets/icons/Idea.svg';\nimport AiEdit from '@src/assets/icons/AiEdit.svg';\nimport HelpIcon from '@src/assets/icons/HelpIcon.svg';\n\n\nconst ThinkingBubble = styled.div`\n    background: linear-gradient(92.69deg, rgba(255, 230, 238, 0.5) 0.37%, rgba(255, 240, 231, 0.5) 100%);\n\tpadding: 24px;\n\tborder-radius: 16px;\n\tborder-bottom-left-radius: 6px;\n\twidth: clamp(260px, 70vw, 340px);\n\tmin-height: 108px;\n\tmargin-right: auto;\n\tfont-size: 14px;\n\tcolor: #1f2937;\n\tbox-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);\n\tdisplay: flex;\n\talign-items: flex-start;\n\tgap: 14px;\n\tposition: relative;\n\toverflow: hidden;\n\tflex-shrink: 0;\n\n\t\n\n\t.icon-svg {\n\t\twidth: 24px;\n\t\theight: 24px;\n\t\tflex-shrink: 0;\n\t\tanimation: iconPulse 2.4s ease-in-out infinite;\n\t}\n\n\t.bubble-content {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 12px;\n\t\twidth: 100%;\n\t}\n\n\t.status-text {\n\t\tfont-weight: 500;\n\t\tcolor: #1f2937;\n\t\tline-height: 1.45;\n\t\tanimation: textFade 0.35s ease forwards;\n\t\tmin-height: 20px;\n\t}\n\n\t.dots {\n\t\tdisplay: flex;\n\t\tgap: 6px;\n\t}\n\n\t.dot {\n\t\twidth: 6px;\n\t\theight: 6px;\n\t\tborder-radius: 50%;\n\t\tbackground: #EC4899;\n\t\tbox-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25);\n\t\tanimation: dotBounce 1.3s ease-in-out infinite;\n\t}\n\n\t.shimmer-group {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 6px;\n\t}\n\n\t.shimmer-line {\n        height: 10px;\n\t\tborder-radius: 20px;\n\t\tbackground: linear-gradient(92.69deg, #FEBAD2 0.37%, #FDD1B9 100%);\n\t\tposition: relative;\n\t\toverflow: hidden;\n\t\tanimation: shimmerAppear 0.4s ease forwards;\n\t}\n\n\t.shimmer-highlight {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tbackground: linear-gradient(\n\t\t\t90deg,\n\t\t\trgba(255, 255, 255, 0) 0%,\n\t\t\trgba(255, 255, 255, 0.75) 50%,\n\t\t\trgba(255, 255, 255, 0) 100%\n\t\t);\n\t\ttransform: translateX(-100%);\n\t\tanimation: shimmerMove 1.8s linear infinite;\n\t}\n\n\t@keyframes iconPulse {\n\t\t0%,\n\t\t100% {\n\t\t\ttransform: scale(0.95) rotate(-3deg);\n\t\t}\n\t\t50% {\n\t\t\ttransform: scale(1.05) rotate(3deg);\n\t\t}\n\t}\n\n\t@keyframes dotBounce {\n\t\t0%,\n\t\t100% {\n\t\t\ttransform: translateY(0) scale(1);\n\t\t\topacity: 0.35;\n\t\t}\n\t\t50% {\n\t\t\ttransform: translateY(-6px) scale(1.2);\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t@keyframes shimmerMove {\n\t\t0% {\n\t\t\ttransform: translateX(-120%);\n\t\t}\n\t\t100% {\n\t\t\ttransform: translateX(140%);\n\t\t}\n\t}\n\n\t@keyframes shimmerAppear {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(2px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t@keyframes glowPulse {\n\t\t0%,\n\t\t100% {\n\t\t\topacity: 0.2;\n\t\t}\n\t\t50% {\n\t\t\topacity: 0.55;\n\t\t}\n\t}\n\n\t@keyframes textFade {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(4px);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n`;\n\nconst thinkingStates = [\n\t{\n\t\ticon: Idea,\n\t\ttext: 'Analyzing your questions...',\n\t},\n\t{\n\t\ticon: AiEdit,\n\t\ttext: 'Gathering insights...',\n\t},\n\t{\n\t\ticon: HelpIcon,\n\t\ttext: 'Crafting the perfect response...',\n\t},\n\n];\n\nconst ThinkingIndicator: React.FC = () => {\n\tconst [stateIndex, setStateIndex] = useState(0);\n\n\tuseEffect(() => {\n\t\tconst interval = window.setInterval(() => {\n\t\t\tsetStateIndex((prev) => (prev + 1) % thinkingStates.length);\n\t\t}, 1800);\n\n\t\treturn () => window.clearInterval(interval);\n\t}, []);\n\n\tconst currentState = thinkingStates[stateIndex];\n\n\treturn (\n\t\t<ThinkingBubble\n\t\t\trole=\"status\"\n\t\t\taria-live=\"polite\"\n\t\t>\n\t\t\t<currentState.icon height={24} width={24} />\n\t\t\t<div className=\"bubble-content\">\n\t\t\t\t<div className=\"status-text\">{currentState.text}</div>\n\t\t\t\t<div className=\"dots\">\n\t\t\t\t\t{[0, 1, 2, 3, 4].map((dot) => (\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tkey={dot}\n\t\t\t\t\t\t\tclassName=\"dot\"\n\t\t\t\t\t\t\tstyle={{ animationDelay: `${dot * 0.15}s` }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"shimmer-group\">\n\t\t\t\t\t{[70, 85, 50].map((width, index) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={width}\n\t\t\t\t\t\t\tclassName=\"shimmer-line\"\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\twidth: `${width}%`,\n\t\t\t\t\t\t\t\tanimationDelay: `${0.25 + index * 0.12}s`,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"shimmer-highlight\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</ThinkingBubble>\n\t);\n};\n\nexport default ThinkingIndicator;\n"],"names":["ThinkingBubble","styled","thinkingStates","Idea","AiEdit","HelpIcon","ThinkingIndicator","stateIndex","setStateIndex","useState","useEffect","interval","prev","currentState","jsxDEV","this","dot","width","index"],"mappings":"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"}

package/dist/cjs/components/bik-chatbot/contexts/AIContext.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react/jsx-dev-runtime"),t=require("react"),P=require("../services/callToChatbot.js"),_=require("../services/useAIChat.js"),l=require("../types/ai.js"),L=t.createContext(null),U=({children:r,systemPrompt:n,systemId:s,functions:d,tools:h,functionHandler:x,onMessageReceived:I,displayInUI:b,maxToolCalls:D,maxTokens:v,requestExecutor:i,baseUrl:a,endpointPath:S,responseFormat:p,conversationId:w="default-session",customModel:f,onSystemReady:g,useCase:y,storeId:q})=>{const[e,O]=t.useState(null),[E,u]=t.useState(!0),[R,o]=t.useState(null),A=t.useRef(null);t.useEffect(()=>{if(!n){o("systemPrompt is required for generic mode"),u(!1);return}if(!i||!a){o("Chatbot authentication not configured: RequestExecutor and baseUrl are required"),u(!1);return}o(null)},[n,i,a]);const C=t.useCallback(async()=>{try{u(!0),o(null);const c=f||l.DEFAULT_MODEL;if(!l.ALLOWED_MODELS.includes(c))throw new Error(`Unsupported model: ${f||"default"}. Allowed models are: ${l.ALLOWED_MODELS.join(", ")}`);const m={id:s||"generic",name:s?`${s} `:"Generic AI Assistant",model:c,systemPrompt:n,functions:d,tools:h};O(m)}catch(c){const m=c?.message||"Failed to create AI system";o(m)}finally{u(!1)}},[f,n,s,d]);t.useEffect(()=>{n&&C()},[C]),t.useEffect(()=>{e&&g&&e.id!==A.current&&(A.current=e.id,g(e)),e||(A.current=null)},[e]);const{messages:T,conversation:j,sendMessage:k,isApiCallInProgress:F}=_.useAIChat({system:e||{id:"loading",name:"Loading...",model:l.DEFAULT_MODEL,systemPrompt:"Loading...",functions:[]},conversationId:w,skipInitialization:!e,customFunctions:d,functionHandler:x,responseFormat:p,onMessageReceived:I,displayInUI:b,maxToolCalls:D,maxTokens:v,apiAdapter:i&&a?P.createExecutorApiAdapter(i,a,S||void 0):(()=>{throw new Error("Chatbot authentication not configured: RequestExecutor is required")}),useCase:y,storeId:q}),M={isReady:!!e&&!E,isLoading:E,isApiCallInProgress:F,system:e,messages:T,conversation:j,sendMessage:k,error:R};return N.jsxDEV(L.Provider,{value:M,children:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-chatbot/contexts/AIContext.tsx",lineNumber:169,columnNumber:3},void 0)},$=()=>{const r=t.useContext(L);if(!r)throw new Error("useAIContext must be used within an AIProvider");return r};exports.AIProvider=U;exports.useAIContext=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react/jsx-dev-runtime"),t=require("react"),N=require("../services/callToChatbot.js"),_=require("../services/useAIChat.js"),l=require("../types/ai.js"),C=t.createContext(null),U=({children:o,systemPrompt:n,systemId:s,functions:d,tools:L,functionHandler:x,onMessageReceived:I,displayInUI:b,maxToolCalls:p,maxTokens:v,requestExecutor:i,baseUrl:a,endpointPath:D,responseFormat:S,conversationId:w="default-session",customModel:f,onSystemReady:g,useCase:y,storeId:q})=>{const[e,O]=t.useState(null),[E,u]=t.useState(!0),[j,r]=t.useState(null),A=t.useRef(null);t.useEffect(()=>{if(!n){r("systemPrompt is required for generic mode"),u(!1);return}if(!i||!a){r("Chatbot authentication not configured: RequestExecutor and baseUrl are required"),u(!1);return}r(null)},[n,i,a]);const h=t.useCallback(async()=>{try{u(!0),r(null);const c=f||l.DEFAULT_MODEL;if(!l.ALLOWED_MODELS.includes(c))throw new Error(`Unsupported model: ${f||"default"}. Allowed models are: ${l.ALLOWED_MODELS.join(", ")}`);const m={id:s||"generic",name:s?`${s} `:"Generic AI Assistant",model:c,systemPrompt:n,functions:d,tools:L};O(m)}catch(c){const m=c?.message||"Failed to create AI system";r(m)}finally{u(!1)}},[f,n,s,d]);t.useEffect(()=>{n&&h()},[h]),t.useEffect(()=>{e&&g&&e.id!==A.current&&(A.current=e.id,g(e)),e||(A.current=null)},[e]);const{messages:k,conversation:P,sendMessage:R,isApiCallInProgress:T}=_.useAIChat({system:e||{id:"loading",name:"Loading...",model:l.DEFAULT_MODEL,systemPrompt:"Loading...",functions:[]},conversationId:w,skipInitialization:!e,customFunctions:d,functionHandler:x,responseFormat:S,onMessageReceived:I,displayInUI:b,maxToolCalls:p,maxTokens:v,apiAdapter:i&&a?N.createExecutorApiAdapter(i,a,D||void 0):(()=>{throw new Error("Chatbot authentication not configured: RequestExecutor is required")}),useCase:y,storeId:q}),F={isReady:!!e&&!E,isLoading:E,isApiCallInProgress:T,system:e,messages:k,conversation:P,sendMessage:R,error:j};return M.jsxDEV(C.Provider,{value:F,children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-chatbot/contexts/AIContext.tsx",lineNumber:169,columnNumber:3},void 0)},$=()=>{const o=t.useContext(C);if(!o)throw new Error("useAIContext must be used within an AIProvider");return o};exports.AIProvider=U;exports.useAIContext=$;
 //# sourceMappingURL=AIContext.js.map

package/dist/cjs/components/bik-chatbot/contexts/AIContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AIContext.js","sources":["../../../../../src/components/bik-chatbot/contexts/AIContext.tsx"],"sourcesContent":["import React, {\n\tcreateContext,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { createExecutorApiAdapter } from '../services/callToChatbot';\nimport { useAIChat } from '../services/useAIChat';\nimport {\n\tAIContextState,\n\tAIProviderProps,\n\tALLOWED_MODELS,\n\tDEFAULT_MODEL,\n\tSystemConfig,\n} from '../types';\n\nconst AIContext = createContext<AIContextState | null>(null);\n\nexport const AIProvider: React.FC<AIProviderProps> = ({\n\tchildren,\n\t// Generic mode props\n\tsystemPrompt,\n\tsystemId,\n\tfunctions,\n\ttools,\n\tfunctionHandler,\n\tonMessageReceived,\n\tdisplayInUI,\n\tmaxToolCalls,\n\tmaxTokens,\n\trequestExecutor,\n\tbaseUrl,\n\tendpointPath,\n\tresponseFormat,\n\t// Common props\n\tconversationId = 'default-session',\n\tcustomModel,\n\tonSystemReady,\n\tuseCase,\n\tstoreId,\n}) => {\n\tconst [system, setSystem] = useState<SystemConfig | null>(null);\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [error, setError] = useState<string | null>(null);\n\tconst lastNotifiedSystemId = useRef<string | null>(null);\n\n\t// Validation: systemPrompt & RequestExecutor are required\n\tuseEffect(() => {\n\t\tif (!systemPrompt) {\n\t\t\tsetError('systemPrompt is required for generic mode');\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tif (!requestExecutor || !baseUrl) {\n\t\t\tsetError(\n\t\t\t\t'Chatbot authentication not configured: RequestExecutor and baseUrl are required',\n\t\t\t);\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tsetError(null);\n\t}, [systemPrompt, requestExecutor, baseUrl]);\n\n\tconst createSystem = useCallback(async () => {\n\t\ttry {\n\t\t\tsetIsLoading(true);\n\t\t\tsetError(null);\n\n\t\t\t// Strict model validation: only allow 4.1 nano and 4.1 mini\n\t\t\tconst modelToUse = customModel || DEFAULT_MODEL;\n\n\t\t\tif (\n\t\t\t\t!ALLOWED_MODELS.includes(modelToUse as (typeof ALLOWED_MODELS)[number])\n\t\t\t) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`Unsupported model: ${\n\t\t\t\t\t\tcustomModel || 'default'\n\t\t\t\t\t}. Allowed models are: ${ALLOWED_MODELS.join(', ')}`,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// Create generic system configuration - direct pass-through\n\t\t\tconst dynamicSystem: SystemConfig = {\n\t\t\t\tid: systemId || 'generic',\n\t\t\t\tname: systemId ? `${systemId} ` : 'Generic AI Assistant',\n\t\t\t\tmodel: modelToUse,\n\t\t\t\tsystemPrompt: systemPrompt!,\n\t\t\t\tfunctions: functions,\n\t\t\t\ttools: tools,\n\t\t\t};\n\n\t\t\tsetSystem(dynamicSystem);\n\t\t} catch (err) {\n\t\t\tconst message =\n\t\t\t\t(err as { message?: string })?.message || 'Failed to create AI system';\n\t\t\tsetError(message);\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, [customModel, systemPrompt, systemId, functions]);\n\n\tuseEffect(() => {\n\t\tif (systemPrompt) {\n\t\t\tcreateSystem();\n\t\t}\n\t}, [createSystem]);\n\n\t// Call onSystemReady only once per system ID (when system changes)\n\tuseEffect(() => {\n\t\tif (system && onSystemReady && system.id !== lastNotifiedSystemId.current) {\n\t\t\tlastNotifiedSystemId.current = system.id;\n\t\t\tonSystemReady(system);\n\t\t}\n\t\t// Reset if system becomes null\n\t\tif (!system) {\n\t\t\tlastNotifiedSystemId.current = null;\n\t\t}\n\t}, [system]);\n\n\tconst { messages, conversation, sendMessage, isApiCallInProgress } =\n\t\tuseAIChat({\n\t\t\tsystem: system || {\n\t\t\t\tid: 'loading',\n\t\t\t\tname: 'Loading...',\n\t\t\t\tmodel: DEFAULT_MODEL,\n\t\t\t\tsystemPrompt: 'Loading...',\n\t\t\t\tfunctions: [],\n\t\t\t},\n\t\t\tconversationId,\n\t\t\tskipInitialization: !system,\n\t\t\t// Generic mode props passed to useAIChat\n\t\t\tcustomFunctions: functions,\n\t\t\tfunctionHandler: functionHandler,\n\t\t\tresponseFormat: responseFormat,\n\t\t\tonMessageReceived: onMessageReceived,\n\t\t\tdisplayInUI: displayInUI,\n\t\t\tmaxToolCalls: maxToolCalls,\n\t\t\tmaxTokens: maxTokens,\n\t\t\tapiAdapter:\n\t\t\t\trequestExecutor && baseUrl\n\t\t\t\t\t? createExecutorApiAdapter(\n\t\t\t\t\t\t\trequestExecutor,\n\t\t\t\t\t\t\tbaseUrl,\n\t\t\t\t\t\t\tendpointPath || undefined,\n\t\t\t\t\t  )\n\t\t\t\t\t: ((() => {\n\t\t\t\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\t\t'Chatbot authentication not configured: RequestExecutor is required',\n\t\t\t\t\t\t\t);\n\t\t\t\t\t  }) as unknown as ReturnType<typeof createExecutorApiAdapter>),\n\t\t\tuseCase,\n\t\t\tstoreId,\n\t\t});\n\n\tconst contextValue: AIContextState = {\n\t\tisReady: !!system && !isLoading,\n\t\tisLoading,\n\t\tisApiCallInProgress,\n\t\tsystem,\n\t\tmessages,\n\t\tconversation,\n\t\tsendMessage,\n\t\terror,\n\t};\n\n\treturn (\n\t\t<AIContext.Provider value={contextValue}>{children}</AIContext.Provider>\n\t);\n};\n\nexport const useAIContext = (): AIContextState => {\n\tconst context = useContext(AIContext);\n\tif (!context) {\n\t\tthrow new Error('useAIContext must be used within an AIProvider');\n\t}\n\treturn context;\n};\n"],"names":["AIContext","createContext","AIProvider","children","systemPrompt","systemId","functions","tools","functionHandler","onMessageReceived","displayInUI","maxToolCalls","maxTokens","requestExecutor","baseUrl","endpointPath","responseFormat","conversationId","customModel","onSystemReady","useCase","storeId","system","setSystem","useState","isLoading","setIsLoading","error","setError","lastNotifiedSystemId","useRef","useEffect","createSystem","useCallback","modelToUse","DEFAULT_MODEL","ALLOWED_MODELS","dynamicSystem","err","message","messages","conversation","sendMessage","isApiCallInProgress","useAIChat","createExecutorApiAdapter","contextValue","this","useAIContext","context","useContext"],"mappings":"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"}
+{"version":3,"file":"AIContext.js","sources":["../../../../../src/components/bik-chatbot/contexts/AIContext.tsx"],"sourcesContent":["import React, {\n\tcreateContext,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { createExecutorApiAdapter } from '../services/callToChatbot';\nimport { useAIChat } from '../services/useAIChat';\nimport {\n\tAIContextState,\n\tAIProviderProps,\n\tALLOWED_MODELS,\n\tDEFAULT_MODEL,\n\tSystemConfig,\n} from '../types';\n\nconst AIContext = createContext<AIContextState | null>(null);\n\nexport const AIProvider: React.FC<AIProviderProps> = ({\n\tchildren,\n\t// Generic mode props\n\tsystemPrompt,\n\tsystemId,\n\tfunctions,\n\ttools,\n\tfunctionHandler,\n\tonMessageReceived,\n\tdisplayInUI,\n\tmaxToolCalls,\n\tmaxTokens,\n\trequestExecutor,\n\tbaseUrl,\n\tendpointPath,\n\tresponseFormat,\n\t// Common props\n\tconversationId = 'default-session',\n\tcustomModel,\n\tonSystemReady,\n\tuseCase,\n\tstoreId,\n}) => {\n\tconst [system, setSystem] = useState<SystemConfig | null>(null);\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [error, setError] = useState<string | null>(null);\n\tconst lastNotifiedSystemId = useRef<string | null>(null);\n\n\t// Validation: systemPrompt & RequestExecutor are required\n\tuseEffect(() => {\n\t\tif (!systemPrompt) {\n\t\t\tsetError('systemPrompt is required for generic mode');\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tif (!requestExecutor || !baseUrl) {\n\t\t\tsetError(\n\t\t\t\t'Chatbot authentication not configured: RequestExecutor and baseUrl are required',\n\t\t\t);\n\t\t\tsetIsLoading(false);\n\t\t\treturn;\n\t\t}\n\t\tsetError(null);\n\t}, [systemPrompt, requestExecutor, baseUrl]);\n\n\tconst createSystem = useCallback(async () => {\n\t\ttry {\n\t\t\tsetIsLoading(true);\n\t\t\tsetError(null);\n\n\t\t\t// Strict model validation: only allow 4.1 nano and 4.1 mini\n\t\t\tconst modelToUse = customModel || DEFAULT_MODEL;\n\n\t\t\tif (\n\t\t\t\t!ALLOWED_MODELS.includes(modelToUse as (typeof ALLOWED_MODELS)[number])\n\t\t\t) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`Unsupported model: ${\n\t\t\t\t\t\tcustomModel || 'default'\n\t\t\t\t\t}. Allowed models are: ${ALLOWED_MODELS.join(', ')}`,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// Create generic system configuration - direct pass-through\n\t\t\tconst dynamicSystem: SystemConfig = {\n\t\t\t\tid: systemId || 'generic',\n\t\t\t\tname: systemId ? `${systemId} ` : 'Generic AI Assistant',\n\t\t\t\tmodel: modelToUse,\n\t\t\t\tsystemPrompt: systemPrompt!,\n\t\t\t\tfunctions: functions,\n\t\t\t\ttools: tools,\n\t\t\t};\n\n\t\t\tsetSystem(dynamicSystem);\n\t\t} catch (err) {\n\t\t\tconst message =\n\t\t\t\t(err as { message?: string })?.message || 'Failed to create AI system';\n\t\t\tsetError(message);\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, [customModel, systemPrompt, systemId, functions]);\n\n\tuseEffect(() => {\n\t\tif (systemPrompt) {\n\t\t\tcreateSystem();\n\t\t}\n\t}, [createSystem]);\n\n\t// Call onSystemReady only once per system ID (when system changes)\n\tuseEffect(() => {\n\t\tif (system && onSystemReady && system.id !== lastNotifiedSystemId.current) {\n\t\t\tlastNotifiedSystemId.current = system.id;\n\t\t\tonSystemReady(system);\n\t\t}\n\t\t// Reset if system becomes null\n\t\tif (!system) {\n\t\t\tlastNotifiedSystemId.current = null;\n\t\t}\n\t}, [system]);\n\n\tconst { messages, conversation, sendMessage, isApiCallInProgress } =\n\t\tuseAIChat({\n\t\t\tsystem: system || {\n\t\t\t\tid: 'loading',\n\t\t\t\tname: 'Loading...',\n\t\t\t\tmodel: DEFAULT_MODEL,\n\t\t\t\tsystemPrompt: 'Loading...',\n\t\t\t\tfunctions: [],\n\t\t\t},\n\t\t\tconversationId,\n\t\t\tskipInitialization: !system,\n\t\t\t// Generic mode props passed to useAIChat\n\t\t\tcustomFunctions: functions,\n\t\t\tfunctionHandler: functionHandler,\n\t\t\tresponseFormat: responseFormat,\n\t\t\tonMessageReceived: onMessageReceived,\n\t\t\tdisplayInUI: displayInUI,\n\t\t\tmaxToolCalls: maxToolCalls,\n\t\t\tmaxTokens: maxTokens,\n\t\t\tapiAdapter:\n\t\t\t\trequestExecutor && baseUrl\n\t\t\t\t\t? createExecutorApiAdapter(\n\t\t\t\t\t\t\trequestExecutor,\n\t\t\t\t\t\t\tbaseUrl,\n\t\t\t\t\t\t\tendpointPath || undefined,\n\t\t\t\t\t  )\n\t\t\t\t\t: ((() => {\n\t\t\t\t\t\t\tthrow new Error(\n\t\t\t\t\t\t\t\t'Chatbot authentication not configured: RequestExecutor is required',\n\t\t\t\t\t\t\t);\n\t\t\t\t\t  }) as unknown as ReturnType<typeof createExecutorApiAdapter>),\n\t\t\tuseCase,\n\t\t\tstoreId,\n\t\t});\n\n\tconst contextValue: AIContextState = {\n\t\tisReady: !!system && !isLoading,\n\t\tisLoading,\n\t\tisApiCallInProgress,\n\t\tsystem,\n\t\tmessages,\n\t\tconversation,\n\t\tsendMessage,\n\t\terror,\n\t};\n\n\treturn (\n\t\t<AIContext.Provider value={contextValue}>{children}</AIContext.Provider>\n\t);\n};\n\nexport const useAIContext = (): AIContextState => {\n\tconst context = useContext(AIContext);\n\tif (!context) {\n\t\tthrow new Error('useAIContext must be used within an AIProvider');\n\t}\n\treturn context;\n};\n"],"names":["AIContext","createContext","AIProvider","children","systemPrompt","systemId","functions","tools","functionHandler","onMessageReceived","displayInUI","maxToolCalls","maxTokens","requestExecutor","baseUrl","endpointPath","responseFormat","conversationId","customModel","onSystemReady","useCase","storeId","system","setSystem","useState","isLoading","setIsLoading","error","setError","lastNotifiedSystemId","useRef","useEffect","createSystem","useCallback","modelToUse","DEFAULT_MODEL","ALLOWED_MODELS","dynamicSystem","err","message","messages","conversation","sendMessage","isApiCallInProgress","useAIChat","createExecutorApiAdapter","contextValue","this","useAIContext","context","useContext"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),t=require("../../assets/icons/arrow_left.svg.js"),p=require("react"),o=require("../TypographyStyle.js"),d=require("./CommonStyles.js"),x=require("../curtain/Curtain.js"),D=u=>{const{header:i,subHeader:r,hideBackButton:s=!0,rightActionButton:m,onClickingBackButton:a,secondaryHeader:c,curtainProps:n,curtainZIndex:b,headerStyles:y,leftLayout:l,dataTest:k}=u,[N,f]=p.useState(!!n);return e.jsxDEV(d.BikHeaderWrapper,{style:{...y},"data-test":k,children:[e.jsxDEV(d.BikHeaderContainer,{children:[l?e.jsxDEV(e.Fragment,{children:[!s&&e.jsxDEV(t.default,{className:"cursor",height:24,width:24,onClick:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:43,columnNumber:8},void 0),l]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:41,columnNumber:6},void 0):e.jsxDEV("div",{className:"row--flex left-container",children:[!s&&e.jsxDEV(t.default,{className:"cursor",height:24,width:24,onClick:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:55,columnNumber:8},void 0),e.jsxDEV("div",{children:[r?e.jsxDEV(o.BodyCaption,{className:"brand",children:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:64,columnNumber:9},void 0):e.jsxDEV(o.TitleMedium,{children:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:66,columnNumber:9},void 0),e.jsxDEV(o.TitleRegular,{children:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:68,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:62,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:53,columnNumber:6},void 0),e.jsxDEV("div",{className:"row--flex right-container",children:m},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:73,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:39,columnNumber:4},void 0),N&&n&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{position:"sticky",top:0,width:"auto",zIndex:b||10},children:e.jsxDEV(x.Curtain,{...n,onCloseHandler:()=>{f(!1)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:85,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:77,columnNumber:6},void 0),e.jsxDEV("div",{style:{height:20}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:92,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:76,columnNumber:5},void 0),c??e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:95,columnNumber:24},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:38,columnNumber:3},void 0)};exports.BikHeader=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),c=require("../../assets/icons/arrow_left.svg.js"),f=require("react"),n=require("../TypographyStyle.js"),u=require("./CommonStyles.js"),y=require("../curtain/Curtain.js"),x=l=>{const{header:o,subHeader:i,hideBackButton:t=!0,rightActionButton:m,onClickingBackButton:s,secondaryHeader:d,curtainProps:r,curtainZIndex:b,headerStyles:k,leftLayout:a,dataTest:h}=l,[p,N]=f.useState(!!r);return e.jsxDEV(u.BikHeaderWrapper,{style:{...k},"data-test":h,children:[e.jsxDEV(u.BikHeaderContainer,{children:[a?e.jsxDEV(e.Fragment,{children:[!t&&e.jsxDEV(c.default,{className:"cursor",height:24,width:24,onClick:s},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:43,columnNumber:8},void 0),a]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:41,columnNumber:6},void 0):e.jsxDEV("div",{className:"row--flex left-container",children:[!t&&e.jsxDEV(c.default,{className:"cursor",height:24,width:24,onClick:s},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:55,columnNumber:8},void 0),e.jsxDEV("div",{children:[i?e.jsxDEV(n.BodyCaption,{className:"brand",children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:64,columnNumber:9},void 0):e.jsxDEV(n.TitleMedium,{children:o},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:66,columnNumber:9},void 0),e.jsxDEV(n.TitleRegular,{children:i},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:68,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:62,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:53,columnNumber:6},void 0),e.jsxDEV("div",{className:"row--flex right-container",children:m},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:73,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:39,columnNumber:4},void 0),p&&r&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{style:{position:"sticky",top:0,width:"auto",zIndex:b||10},children:e.jsxDEV(y.Curtain,{...r,onCloseHandler:()=>{N(!1)}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:85,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:77,columnNumber:6},void 0),e.jsxDEV("div",{style:{height:20}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:92,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:76,columnNumber:5},void 0),d??e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:95,columnNumber:24},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikHeader.tsx",lineNumber:38,columnNumber:3},void 0)};exports.BikHeader=x;
 //# sourceMappingURL=BikHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BikHeader.js","sources":["../../../../src/components/bik-layout/BikHeader.tsx"],"sourcesContent":["import ArrowIcon from '@src/assets/icons/arrow_left.svg';\nimport React, { useState } from 'react';\nimport { Curtain, CurtainProps } from '@src/components/curtain';\nimport { BodyCaption, TitleMedium, TitleRegular } from '../TypographyStyle';\nimport { BikHeaderContainer, BikHeaderWrapper } from './CommonStyles';\n\nexport interface HeaderProps {\n\theader: string;\n\tsubHeader?: string;\n\thideBackButton?: boolean;\n\trightActionButton?: JSX.Element;\n\tleftLayout?: JSX.Element;\n\tonClickingBackButton?: () => void;\n\tsecondaryHeader?: JSX.Element;\n\tcurtainProps?: CurtainProps;\n\tcurtainZIndex?: number;\n\theaderStyles?: React.CSSProperties;\n\tdataTest?: string;\n}\n\nexport const BikHeader: React.FC<HeaderProps> = (headerProps) => {\n\tconst {\n\t\theader,\n\t\tsubHeader,\n\t\thideBackButton = true,\n\t\trightActionButton,\n\t\tonClickingBackButton,\n\t\tsecondaryHeader,\n\t\tcurtainProps,\n\t\tcurtainZIndex,\n\t\theaderStyles,\n\t\tleftLayout,\n\t\tdataTest,\n\t} = headerProps;\n\tconst [shouldShowCurtain, setShouldShowCurtain] = useState(!!curtainProps);\n\n\treturn (\n\t\t<BikHeaderWrapper style={{ ...headerStyles }} data-test={dataTest}>\n\t\t\t<BikHeaderContainer>\n\t\t\t\t{leftLayout ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{!hideBackButton && (\n\t\t\t\t\t\t\t<ArrowIcon\n\t\t\t\t\t\t\t\tclassName=\"cursor\"\n\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\tonClick={onClickingBackButton}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{leftLayout}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"row--flex left-container\">\n\t\t\t\t\t\t{!hideBackButton && (\n\t\t\t\t\t\t\t<ArrowIcon\n\t\t\t\t\t\t\t\tclassName=\"cursor\"\n\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\tonClick={onClickingBackButton}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t{subHeader ? (\n\t\t\t\t\t\t\t\t<BodyCaption className=\"brand\">{header}</BodyCaption>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<TitleMedium>{header}</TitleMedium>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TitleRegular>{subHeader}</TitleRegular>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<div className=\"row--flex right-container\">{rightActionButton}</div>\n\t\t\t</BikHeaderContainer>\n\t\t\t{shouldShowCurtain && curtainProps && (\n\t\t\t\t<>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tposition: 'sticky',\n\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\twidth: 'auto',\n\t\t\t\t\t\t\tzIndex: curtainZIndex || 10,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Curtain\n\t\t\t\t\t\t\t{...curtainProps}\n\t\t\t\t\t\t\tonCloseHandler={() => {\n\t\t\t\t\t\t\t\tsetShouldShowCurtain(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ height: 20 }}></div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{secondaryHeader ?? <></>}\n\t\t</BikHeaderWrapper>\n\t);\n};\n"],"names":["BikHeader","headerProps","header","subHeader","hideBackButton","rightActionButton","onClickingBackButton","secondaryHeader","curtainProps","curtainZIndex","headerStyles","leftLayout","dataTest","shouldShowCurtain","setShouldShowCurtain","useState","jsxDEV","BikHeaderWrapper","BikHeaderContainer","Fragment","ArrowIcon","this","BodyCaption","TitleMedium","TitleRegular","Curtain"],"mappings":"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"}
+{"version":3,"file":"BikHeader.js","sources":["../../../../src/components/bik-layout/BikHeader.tsx"],"sourcesContent":["import ArrowIcon from '@src/assets/icons/arrow_left.svg';\nimport React, { useState } from 'react';\nimport { Curtain, CurtainProps } from '@src/components/curtain';\nimport { BodyCaption, TitleMedium, TitleRegular } from '../TypographyStyle';\nimport { BikHeaderContainer, BikHeaderWrapper } from './CommonStyles';\n\nexport interface HeaderProps {\n\theader: string;\n\tsubHeader?: string;\n\thideBackButton?: boolean;\n\trightActionButton?: JSX.Element;\n\tleftLayout?: JSX.Element;\n\tonClickingBackButton?: () => void;\n\tsecondaryHeader?: JSX.Element;\n\tcurtainProps?: CurtainProps;\n\tcurtainZIndex?: number;\n\theaderStyles?: React.CSSProperties;\n\tdataTest?: string;\n}\n\nexport const BikHeader: React.FC<HeaderProps> = (headerProps) => {\n\tconst {\n\t\theader,\n\t\tsubHeader,\n\t\thideBackButton = true,\n\t\trightActionButton,\n\t\tonClickingBackButton,\n\t\tsecondaryHeader,\n\t\tcurtainProps,\n\t\tcurtainZIndex,\n\t\theaderStyles,\n\t\tleftLayout,\n\t\tdataTest,\n\t} = headerProps;\n\tconst [shouldShowCurtain, setShouldShowCurtain] = useState(!!curtainProps);\n\n\treturn (\n\t\t<BikHeaderWrapper style={{ ...headerStyles }} data-test={dataTest}>\n\t\t\t<BikHeaderContainer>\n\t\t\t\t{leftLayout ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{!hideBackButton && (\n\t\t\t\t\t\t\t<ArrowIcon\n\t\t\t\t\t\t\t\tclassName=\"cursor\"\n\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\tonClick={onClickingBackButton}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{leftLayout}\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"row--flex left-container\">\n\t\t\t\t\t\t{!hideBackButton && (\n\t\t\t\t\t\t\t<ArrowIcon\n\t\t\t\t\t\t\t\tclassName=\"cursor\"\n\t\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t\t\tonClick={onClickingBackButton}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t{subHeader ? (\n\t\t\t\t\t\t\t\t<BodyCaption className=\"brand\">{header}</BodyCaption>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<TitleMedium>{header}</TitleMedium>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<TitleRegular>{subHeader}</TitleRegular>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t<div className=\"row--flex right-container\">{rightActionButton}</div>\n\t\t\t</BikHeaderContainer>\n\t\t\t{shouldShowCurtain && curtainProps && (\n\t\t\t\t<>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tposition: 'sticky',\n\t\t\t\t\t\t\ttop: 0,\n\t\t\t\t\t\t\twidth: 'auto',\n\t\t\t\t\t\t\tzIndex: curtainZIndex || 10,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Curtain\n\t\t\t\t\t\t\t{...curtainProps}\n\t\t\t\t\t\t\tonCloseHandler={() => {\n\t\t\t\t\t\t\t\tsetShouldShowCurtain(false);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div style={{ height: 20 }}></div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t\t{secondaryHeader ?? <></>}\n\t\t</BikHeaderWrapper>\n\t);\n};\n"],"names":["BikHeader","headerProps","header","subHeader","hideBackButton","rightActionButton","onClickingBackButton","secondaryHeader","curtainProps","curtainZIndex","headerStyles","leftLayout","dataTest","shouldShowCurtain","setShouldShowCurtain","useState","jsxDEV","BikHeaderWrapper","BikHeaderContainer","Fragment","ArrowIcon","this","BodyCaption","TitleMedium","TitleRegular","Curtain"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),l=require("./CommonStyles.js"),N=require("./FeatureModal.js"),D=require("./FeatureModalV2.js"),x=require("./PageLoader.js"),L=u=>{const{isLoading:d,isFeatureModalEnabled:m=!1,isDisabled:c=!1,loadingAnimation:o,hidePadding:b=!1,height:n,children:y,containerStyles:k,onClickingCrossOnFeatureModal:i,onUpgrade:a,extraContentForModal:r,featureModalProps:s,type:f,useFeautureModalV2:p,backgroundColor:t}=u;return d?e.jsxDEV(l.BikLayoutContainer,{backgroundColor:t,children:o||e.jsxDEV(x.PageLoader,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:51,columnNumber:44},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:50,columnNumber:4},void 0):e.jsxDEV(e.Fragment,{children:e.jsxDEV(l.BikLayoutContainer,{type:f,backgroundColor:t,children:[e.jsxDEV("div",{className:`${c?"disabled--wrapper":""}`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:58,columnNumber:5},void 0),e.jsxDEV("div",{className:`${b?"inner-wrapper":"inner-wrapper pd-24"}`,style:{height:`${n||""}`,...k??{}},children:y},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:59,columnNumber:5},void 0),m&&e.jsxDEV(e.Fragment,{children:p?e.jsxDEV(D.FeatureModalV2,{onUpgrade:a,...s,otherContent:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:71,columnNumber:8},void 0):e.jsxDEV(N.FeatureModal,{showBookADemo:!0,onClickingCross:()=>i?i():"",onUpgrade:a,...s,otherContent:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:77,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:69,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:57,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:56,columnNumber:3},void 0)};exports.BikLayout=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),u=require("./CommonStyles.js"),h=require("./FeatureModal.js"),N=require("./FeatureModalV2.js"),j=require("./PageLoader.js"),x=l=>{const{isLoading:c,isFeatureModalEnabled:m=!1,isDisabled:d=!1,loadingAnimation:o,hidePadding:b=!1,height:n,children:k,containerStyles:p,onClickingCrossOnFeatureModal:r,onUpgrade:i,extraContentForModal:a,featureModalProps:t,type:y,useFeautureModalV2:f,backgroundColor:s}=l;return c?e.jsxDEV(u.BikLayoutContainer,{backgroundColor:s,children:o||e.jsxDEV(j.PageLoader,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:51,columnNumber:44},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:50,columnNumber:4},void 0):e.jsxDEV(e.Fragment,{children:e.jsxDEV(u.BikLayoutContainer,{type:y,backgroundColor:s,children:[e.jsxDEV("div",{className:`${d?"disabled--wrapper":""}`},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:58,columnNumber:5},void 0),e.jsxDEV("div",{className:`${b?"inner-wrapper":"inner-wrapper pd-24"}`,style:{height:`${n||""}`,...p??{}},children:k},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:59,columnNumber:5},void 0),m&&e.jsxDEV(e.Fragment,{children:f?e.jsxDEV(N.FeatureModalV2,{onUpgrade:i,...t,otherContent:a},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:71,columnNumber:8},void 0):e.jsxDEV(h.FeatureModal,{showBookADemo:!0,onClickingCross:()=>r?r():"",onUpgrade:i,...t,otherContent:a},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:77,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:69,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:57,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikLayout.tsx",lineNumber:56,columnNumber:3},void 0)};exports.BikLayout=x;
 //# sourceMappingURL=BikLayout.js.map

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":["BikLayout","layoutProps","isLoading","isFeatureModalEnabled","isDisabled","loadingAnimation","hidePadding","height","children","containerStyles","onClickingCrossOnFeatureModal","onUpgrade","extraContentForModal","featureModalProps","type","useFeautureModalV2","backgroundColor","BikLayoutContainer","PageLoader","this","jsxDEV","Fragment","FeatureModalV2","FeatureModal"],"mappings":"qPA4BaA,EAAuCC,GAAgB,CACnE,KAAM,CACL,UAAAC,EACA,sBAAAC,EAAwB,GACxB,WAAAC,EAAa,GACb,iBAAAC,EACA,YAAAC,EAAc,GACd,OAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,8BAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,kBAAAC,EACA,KAAAC,EACA,mBAAAC,EACA,gBAAAC,CAAA,EACGf,EAEJ,OAAIC,WAEDe,EAAAA,mBAAA,CAAmB,gBAAAD,EAClB,SAAAX,YAAuCa,EAAAA,WAAA,GAAD,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,EAAA,EAAAC,MAAY,CAAA,EADpD,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAIDC,EAAAA,OAAAC,WAAA,CACC,SAAAD,EAAAA,OAACH,EAAAA,mBAAA,CAAmB,KAAAH,EAAY,gBAAAE,EAC/B,SAAA,CAAAI,EAAAA,OAAC,OAAI,UAAW,GAAGhB,EAAa,oBAAsB,EAAE,IAAxD,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAe,MAA4D,EAC5DC,EAAAA,OAAC,MAAA,CACA,UAAW,GAAGd,EAAc,gBAAkB,qBAAqB,GACnE,MAAO,CACN,OAAQ,GAAGC,GAAkB,EAAE,GAC/B,GAAIE,GAAmB,CAAA,CAAC,EAGxB,SAAAD,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,EASChB,wBAEE,SAAAY,EACAK,EAAAA,OAACE,EAAAA,eAAA,CACA,UAAAX,EACC,GAAGE,EACJ,aAAcD,CAAA,EAHf,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,EAMAC,EAAAA,OAACG,EAAAA,aAAA,CACA,cAAe,GACf,gBAAiB,IAChBb,EACGA,EAAA,EACA,GAEJ,UAAAC,EACC,GAAGE,EACJ,aAAcD,CAAA,EATf,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CAUA,EAlBF,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA,CAAA,CAAA,EAhCF,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAkCA,CAAA,EAnCD,OAAA,GAAA,CAAA,SAAA,8FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoCA,CAEF"}
+{"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":["BikLayout","layoutProps","isLoading","isFeatureModalEnabled","isDisabled","loadingAnimation","hidePadding","height","children","containerStyles","onClickingCrossOnFeatureModal","onUpgrade","extraContentForModal","featureModalProps","type","useFeautureModalV2","backgroundColor","BikLayoutContainer","PageLoader","this","jsxDEV","Fragment","FeatureModalV2","FeatureModal"],"mappings":"qPA4BaA,EAAuCC,GAAgB,CACnE,KAAM,CACL,UAAAC,EACA,sBAAAC,EAAwB,GACxB,WAAAC,EAAa,GACb,iBAAAC,EACA,YAAAC,EAAc,GACd,OAAAC,EACA,SAAAC,EACA,gBAAAC,EACA,8BAAAC,EACA,UAAAC,EACA,qBAAAC,EACA,kBAAAC,EACA,KAAAC,EACA,mBAAAC,EACA,gBAAAC,CAAA,EACGf,EAEJ,OAAIC,WAEDe,EAAAA,mBAAA,CAAmB,gBAAAD,EAClB,SAAAX,YAAuCa,EAAAA,WAAA,GAAD,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,EAAA,EAAAC,MAAY,CAAA,EADpD,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,EAIDC,EAAAA,OAAAC,WAAA,CACC,SAAAD,EAAAA,OAACH,EAAAA,mBAAA,CAAmB,KAAAH,EAAY,gBAAAE,EAC/B,SAAA,CAAAI,EAAAA,OAAC,OAAI,UAAW,GAAGhB,EAAa,oBAAsB,EAAE,IAAxD,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAe,MAA4D,EAC5DC,EAAAA,OAAC,MAAA,CACA,UAAW,GAAGd,EAAc,gBAAkB,qBAAqB,GACnE,MAAO,CACN,OAAQ,GAAGC,GAAkB,EAAE,GAC/B,GAAIE,GAAmB,CAAA,CAAC,EAGxB,SAAAD,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,EASChB,wBAEE,SAAAY,EACAK,EAAAA,OAACE,EAAAA,eAAA,CACA,UAAAX,EACC,GAAGE,EACJ,aAAcD,CAAA,EAHf,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,EAMAC,EAAAA,OAACG,EAAAA,aAAA,CACA,cAAe,GACf,gBAAiB,IAChBb,EACGA,EAAA,EACA,GAEJ,UAAAC,EACC,GAAGE,EACJ,aAAcD,CAAA,EATf,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAO,MAAA,CAUA,EAlBF,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA,CAAA,CAAA,EAhCF,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAkCA,CAAA,EAnCD,OAAA,GAAA,CAAA,SAAA,+FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoCA,CAEF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),U=require("../../assets/icons/log_out.svg.js"),B=require("react"),N=require("react-bootstrap"),m=require("../../constants/Theme.js"),t=require("../TypographyStyle.js"),o=require("./CommonStyles.js"),P=require("../floating-action-button/FloatingActionButton.styles.js"),j=s=>{const[n,i]=B.useState(!1),{userName:r,hideLogout:p=!1,photoUrl:a,isActiveAwayStatus:D=!0,isAvailable:l=!1,extraJSX:c,onProfileClicked:x,onLogout:u}=s,b=d=>{const f=(d||"").split("."),y=f[1]||f[0];return y?y.split(" ").map(w=>w.charAt(0).toUpperCase()).slice(0,2).join(""):""},v=e.jsxDEV(o.StyledTooltip,{id:"tooltip",children:e.jsxDEV(t.BodyCaption,{children:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:58,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:57,columnNumber:3},void 0);return e.jsxDEV(P.StyledDropdown,{onToggle:d=>{i(d)},children:[e.jsxDEV(E,{isDropdownOpen:n,imageUrl:a,initialsAsIcon:a?"":b(r)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:68,columnNumber:4},void 0),e.jsxDEV(N.Dropdown.Menu,{children:e.jsxDEV(o.MenuInnerContainer,{children:[e.jsxDEV(o.UserInfoContainer,{onClick:x,children:[e.jsxDEV(k,{imageUrl:a,initialsAsIcon:a?"":b(r)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:76,columnNumber:7},void 0),e.jsxDEV(o.UserStatusContainer,{children:[e.jsxDEV(N.OverlayTrigger,{delay:{show:100,hide:400},placement:"top",overlay:v,children:e.jsxDEV(o.UserNameTitleSmall,{children:e.jsxDEV(t.TitleSmall,{children:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:87,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:86,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:81,columnNumber:8},void 0),D&&e.jsxDEV(o.StatusContainer,{isAvailable:l,children:[e.jsxDEV("div",{className:"availability--container"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:92,columnNumber:10},void 0),!l&&e.jsxDEV(o.StyledBodyCaption,{isAvailable:l,children:"Away"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:94,columnNumber:11},void 0),l&&e.jsxDEV(o.StyledBodyCaption,{isAvailable:l,children:"Active"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:99,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:91,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:80,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:75,columnNumber:6},void 0),c&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{className:"divider"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:109,columnNumber:8},void 0),c]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:108,columnNumber:7},void 0),!p&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{className:"divider"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:115,columnNumber:8},void 0),e.jsxDEV("div",{className:"logout--container",onClick:u,onKeyDown:u,role:"button",tabIndex:0,children:[e.jsxDEV(U.default,{color:m.COLORS.content.negative,height:17,width:17},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:123,columnNumber:9},void 0),e.jsxDEV(t.BodySecondary,{style:{color:m.DEFAULT_THEME.colorsV2.content.negative},children:"Logout"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:128,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:116,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:114,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:74,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:73,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:63,columnNumber:3},void 0)},E=s=>{const{isDropdownOpen:n,imageUrl:i,initialsAsIcon:r}=s;return e.jsxDEV(o.ProfileDropdownToggleContainer,{id:"dropdown-basic",children:e.jsxDEV(o.ProfileDropdownInnerContainer,{isDropdownOpen:n,children:e.jsxDEV(k,{imageUrl:i,initialsAsIcon:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:151,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:150,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:149,columnNumber:3},void 0)},k=s=>{const{imageUrl:n,initialsAsIcon:i}=s;return e.jsxDEV(e.Fragment,{children:(i||n)&&e.jsxDEV(o.UserAvatarContainer,{children:n?e.jsxDEV("img",{src:n,alt:"general-icon"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:167,columnNumber:7},void 0):e.jsxDEV("div",{className:"avatar--container",children:e.jsxDEV(t.BodySecondary,{style:{color:m.COLORS.surface.standard},children:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:170,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:169,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:165,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:163,columnNumber:3},void 0)};exports.BikProfile=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),v=require("../../assets/icons/log_out.svg.js"),D=require("react"),p=require("react-bootstrap"),u=require("../../constants/Theme.js"),a=require("../TypographyStyle.js"),o=require("./CommonStyles.js"),U=require("../floating-action-button/FloatingActionButton.styles.js"),B=t=>{const[n,r]=D.useState(!1),{userName:i,hideLogout:h=!1,photoUrl:l,isActiveAwayStatus:y=!0,isAvailable:s=!1,extraJSX:m,onProfileClicked:P,onLogout:b}=t,d=c=>{const f=(c||"").split("."),k=f[1]||f[0];return k?k.split(" ").map(x=>x.charAt(0).toUpperCase()).slice(0,2).join(""):""},j=e.jsxDEV(o.StyledTooltip,{id:"tooltip",children:e.jsxDEV(a.BodyCaption,{children:i},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:58,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:57,columnNumber:3},void 0);return e.jsxDEV(U.StyledDropdown,{onToggle:c=>{r(c)},children:[e.jsxDEV(E,{isDropdownOpen:n,imageUrl:l,initialsAsIcon:l?"":d(i)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:68,columnNumber:4},void 0),e.jsxDEV(p.Dropdown.Menu,{children:e.jsxDEV(o.MenuInnerContainer,{children:[e.jsxDEV(o.UserInfoContainer,{onClick:P,children:[e.jsxDEV(N,{imageUrl:l,initialsAsIcon:l?"":d(i)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:76,columnNumber:7},void 0),e.jsxDEV(o.UserStatusContainer,{children:[e.jsxDEV(p.OverlayTrigger,{delay:{show:100,hide:400},placement:"top",overlay:j,children:e.jsxDEV(o.UserNameTitleSmall,{children:e.jsxDEV(a.TitleSmall,{children:i},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:87,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:86,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:81,columnNumber:8},void 0),y&&e.jsxDEV(o.StatusContainer,{isAvailable:s,children:[e.jsxDEV("div",{className:"availability--container"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:92,columnNumber:10},void 0),!s&&e.jsxDEV(o.StyledBodyCaption,{isAvailable:s,children:"Away"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:94,columnNumber:11},void 0),s&&e.jsxDEV(o.StyledBodyCaption,{isAvailable:s,children:"Active"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:99,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:91,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:80,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:75,columnNumber:6},void 0),m&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{className:"divider"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:109,columnNumber:8},void 0),m]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:108,columnNumber:7},void 0),!h&&e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{className:"divider"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:115,columnNumber:8},void 0),e.jsxDEV("div",{className:"logout--container",onClick:b,onKeyDown:b,role:"button",tabIndex:0,children:[e.jsxDEV(v.default,{color:u.COLORS.content.negative,height:17,width:17},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:123,columnNumber:9},void 0),e.jsxDEV(a.BodySecondary,{style:{color:u.DEFAULT_THEME.colorsV2.content.negative},children:"Logout"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:128,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:116,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:114,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:74,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:73,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:63,columnNumber:3},void 0)},E=t=>{const{isDropdownOpen:n,imageUrl:r,initialsAsIcon:i}=t;return e.jsxDEV(o.ProfileDropdownToggleContainer,{id:"dropdown-basic",children:e.jsxDEV(o.ProfileDropdownInnerContainer,{isDropdownOpen:n,children:e.jsxDEV(N,{imageUrl:r,initialsAsIcon:i},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:151,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:150,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:149,columnNumber:3},void 0)},N=t=>{const{imageUrl:n,initialsAsIcon:r}=t;return e.jsxDEV(e.Fragment,{children:(r||n)&&e.jsxDEV(o.UserAvatarContainer,{children:n?e.jsxDEV("img",{src:n,alt:"general-icon"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:167,columnNumber:7},void 0):e.jsxDEV("div",{className:"avatar--container",children:e.jsxDEV(a.BodySecondary,{style:{color:u.COLORS.surface.standard},children:r},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:170,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:169,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:165,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikProfile.tsx",lineNumber:163,columnNumber:3},void 0)};exports.BikProfile=B;
 //# sourceMappingURL=BikProfile.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BikProfile.js","sources":["../../../../src/components/bik-layout/BikProfile.tsx"],"sourcesContent":["import LogoutIcon from '@src/assets/icons/log_out.svg';\nimport { useState } from 'react';\nimport { Dropdown, OverlayTrigger } from 'react-bootstrap';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { StyledDropdown } from '../floating-action-button';\nimport { BodyCaption, BodySecondary, TitleSmall } from '../TypographyStyle';\nimport {\n\tMenuInnerContainer,\n\tProfileDropdownInnerContainer,\n\tProfileDropdownToggleContainer,\n\tStatusContainer,\n\tStyledBodyCaption,\n\tStyledTooltip,\n\tUserAvatarContainer,\n\tUserInfoContainer,\n\tUserNameTitleSmall,\n\tUserStatusContainer,\n} from './CommonStyles';\n\nexport interface BikProfileProps {\n\tuserName: string;\n\thideLogout?: boolean;\n\tphotoUrl?: string;\n\tisActiveAwayStatus?: boolean;\n\tisAvailable?: boolean;\n\tonProfileClicked?: () => void;\n\tonLogout?: () => void;\n\textraJSX?: JSX.Element;\n}\n\nexport const BikProfile: React.FC<BikProfileProps> = (bikProfileProps) => {\n\tconst [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\tconst {\n\t\tuserName,\n\t\thideLogout = false,\n\t\tphotoUrl,\n\t\tisActiveAwayStatus = true,\n\t\tisAvailable = false,\n\t\textraJSX,\n\t\tonProfileClicked,\n\t\tonLogout,\n\t} = bikProfileProps;\n\tconst getInitial = (passedName: string): string => {\n\t\tconst nameDotSplit = (passedName || '').split('.');\n\t\tconst name = nameDotSplit[1] || nameDotSplit[0];\n\t\tif (!name) {\n\t\t\treturn '';\n\t\t}\n\t\tconst nameSplit = name.split(' ');\n\t\treturn nameSplit\n\t\t\t.map((e) => e.charAt(0).toUpperCase())\n\t\t\t.slice(0, 2)\n\t\t\t.join('');\n\t};\n\n\tconst tooltip = (\n\t\t<StyledTooltip id=\"tooltip\">\n\t\t\t<BodyCaption>{userName}</BodyCaption>\n\t\t</StyledTooltip>\n\t);\n\n\treturn (\n\t\t<StyledDropdown\n\t\t\tonToggle={(nextShow: boolean) => {\n\t\t\t\tsetIsDropdownOpen(nextShow);\n\t\t\t}}\n\t\t>\n\t\t\t<ProfileDropdownToggle\n\t\t\t\tisDropdownOpen={isDropdownOpen}\n\t\t\t\timageUrl={photoUrl}\n\t\t\t\tinitialsAsIcon={photoUrl ? '' : getInitial(userName)}\n\t\t\t/>\n\t\t\t<Dropdown.Menu>\n\t\t\t\t<MenuInnerContainer>\n\t\t\t\t\t<UserInfoContainer onClick={onProfileClicked}>\n\t\t\t\t\t\t<UserAavatar\n\t\t\t\t\t\t\timageUrl={photoUrl}\n\t\t\t\t\t\t\tinitialsAsIcon={photoUrl ? '' : getInitial(userName)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<UserStatusContainer>\n\t\t\t\t\t\t\t<OverlayTrigger\n\t\t\t\t\t\t\t\tdelay={{ show: 100, hide: 400 }}\n\t\t\t\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\t\t\t\toverlay={tooltip}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<UserNameTitleSmall>\n\t\t\t\t\t\t\t\t\t<TitleSmall>{userName}</TitleSmall>\n\t\t\t\t\t\t\t\t</UserNameTitleSmall>\n\t\t\t\t\t\t\t</OverlayTrigger>\n\t\t\t\t\t\t\t{isActiveAwayStatus && (\n\t\t\t\t\t\t\t\t<StatusContainer isAvailable={isAvailable}>\n\t\t\t\t\t\t\t\t\t<div className=\"availability--container\" />\n\t\t\t\t\t\t\t\t\t{!isAvailable && (\n\t\t\t\t\t\t\t\t\t\t<StyledBodyCaption isAvailable={isAvailable}>\n\t\t\t\t\t\t\t\t\t\t\tAway\n\t\t\t\t\t\t\t\t\t\t</StyledBodyCaption>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{isAvailable && (\n\t\t\t\t\t\t\t\t\t\t<StyledBodyCaption isAvailable={isAvailable}>\n\t\t\t\t\t\t\t\t\t\t\tActive\n\t\t\t\t\t\t\t\t\t\t</StyledBodyCaption>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</StatusContainer>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</UserStatusContainer>\n\t\t\t\t\t</UserInfoContainer>\n\t\t\t\t\t{extraJSX && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"divider\" />\n\t\t\t\t\t\t\t{extraJSX}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{!hideLogout && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"divider\" />\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"logout--container\"\n\t\t\t\t\t\t\t\tonClick={onLogout}\n\t\t\t\t\t\t\t\tonKeyDown={onLogout}\n\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<LogoutIcon\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t\t\t\theight={17}\n\t\t\t\t\t\t\t\t\twidth={17}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.negative }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tLogout\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</MenuInnerContainer>\n\t\t\t</Dropdown.Menu>\n\t\t</StyledDropdown>\n\t);\n};\n\nconst ProfileDropdownToggle: React.FC<{\n\tisDropdownOpen: boolean;\n\timageUrl?: string;\n\tinitialsAsIcon?: string;\n}> = (dropdownToggleProps) => {\n\tconst { isDropdownOpen, imageUrl, initialsAsIcon } = dropdownToggleProps;\n\treturn (\n\t\t<ProfileDropdownToggleContainer id=\"dropdown-basic\">\n\t\t\t<ProfileDropdownInnerContainer isDropdownOpen={isDropdownOpen}>\n\t\t\t\t<UserAavatar imageUrl={imageUrl} initialsAsIcon={initialsAsIcon} />\n\t\t\t</ProfileDropdownInnerContainer>\n\t\t</ProfileDropdownToggleContainer>\n\t);\n};\n\nconst UserAavatar: React.FC<{\n\timageUrl?: string;\n\tinitialsAsIcon?: string;\n}> = (avatarProps) => {\n\tconst { imageUrl, initialsAsIcon } = avatarProps;\n\treturn (\n\t\t<>\n\t\t\t{(initialsAsIcon || imageUrl) && (\n\t\t\t\t<UserAvatarContainer>\n\t\t\t\t\t{imageUrl ? (\n\t\t\t\t\t\t<img src={imageUrl} alt=\"general-icon\" />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"avatar--container\">\n\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.surface.standard }}>\n\t\t\t\t\t\t\t\t{initialsAsIcon}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</UserAvatarContainer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["BikProfile","bikProfileProps","isDropdownOpen","setIsDropdownOpen","useState","userName","hideLogout","photoUrl","isActiveAwayStatus","isAvailable","extraJSX","onProfileClicked","onLogout","getInitial","passedName","nameDotSplit","name","e","tooltip","jsxDEV","StyledTooltip","BodyCaption","this","StyledDropdown","nextShow","ProfileDropdownToggle","Dropdown","MenuInnerContainer","UserInfoContainer","UserAavatar","UserStatusContainer","OverlayTrigger","UserNameTitleSmall","TitleSmall","StatusContainer","StyledBodyCaption","Fragment","LogoutIcon","COLORS","BodySecondary","DEFAULT_THEME","dropdownToggleProps","imageUrl","initialsAsIcon","ProfileDropdownToggleContainer","ProfileDropdownInnerContainer","avatarProps","UserAvatarContainer"],"mappings":"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"}
+{"version":3,"file":"BikProfile.js","sources":["../../../../src/components/bik-layout/BikProfile.tsx"],"sourcesContent":["import LogoutIcon from '@src/assets/icons/log_out.svg';\nimport { useState } from 'react';\nimport { Dropdown, OverlayTrigger } from 'react-bootstrap';\nimport { COLORS, DEFAULT_THEME } from '@src/constants/Theme';\nimport { StyledDropdown } from '../floating-action-button';\nimport { BodyCaption, BodySecondary, TitleSmall } from '../TypographyStyle';\nimport {\n\tMenuInnerContainer,\n\tProfileDropdownInnerContainer,\n\tProfileDropdownToggleContainer,\n\tStatusContainer,\n\tStyledBodyCaption,\n\tStyledTooltip,\n\tUserAvatarContainer,\n\tUserInfoContainer,\n\tUserNameTitleSmall,\n\tUserStatusContainer,\n} from './CommonStyles';\n\nexport interface BikProfileProps {\n\tuserName: string;\n\thideLogout?: boolean;\n\tphotoUrl?: string;\n\tisActiveAwayStatus?: boolean;\n\tisAvailable?: boolean;\n\tonProfileClicked?: () => void;\n\tonLogout?: () => void;\n\textraJSX?: JSX.Element;\n}\n\nexport const BikProfile: React.FC<BikProfileProps> = (bikProfileProps) => {\n\tconst [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\tconst {\n\t\tuserName,\n\t\thideLogout = false,\n\t\tphotoUrl,\n\t\tisActiveAwayStatus = true,\n\t\tisAvailable = false,\n\t\textraJSX,\n\t\tonProfileClicked,\n\t\tonLogout,\n\t} = bikProfileProps;\n\tconst getInitial = (passedName: string): string => {\n\t\tconst nameDotSplit = (passedName || '').split('.');\n\t\tconst name = nameDotSplit[1] || nameDotSplit[0];\n\t\tif (!name) {\n\t\t\treturn '';\n\t\t}\n\t\tconst nameSplit = name.split(' ');\n\t\treturn nameSplit\n\t\t\t.map((e) => e.charAt(0).toUpperCase())\n\t\t\t.slice(0, 2)\n\t\t\t.join('');\n\t};\n\n\tconst tooltip = (\n\t\t<StyledTooltip id=\"tooltip\">\n\t\t\t<BodyCaption>{userName}</BodyCaption>\n\t\t</StyledTooltip>\n\t);\n\n\treturn (\n\t\t<StyledDropdown\n\t\t\tonToggle={(nextShow: boolean) => {\n\t\t\t\tsetIsDropdownOpen(nextShow);\n\t\t\t}}\n\t\t>\n\t\t\t<ProfileDropdownToggle\n\t\t\t\tisDropdownOpen={isDropdownOpen}\n\t\t\t\timageUrl={photoUrl}\n\t\t\t\tinitialsAsIcon={photoUrl ? '' : getInitial(userName)}\n\t\t\t/>\n\t\t\t<Dropdown.Menu>\n\t\t\t\t<MenuInnerContainer>\n\t\t\t\t\t<UserInfoContainer onClick={onProfileClicked}>\n\t\t\t\t\t\t<UserAavatar\n\t\t\t\t\t\t\timageUrl={photoUrl}\n\t\t\t\t\t\t\tinitialsAsIcon={photoUrl ? '' : getInitial(userName)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<UserStatusContainer>\n\t\t\t\t\t\t\t<OverlayTrigger\n\t\t\t\t\t\t\t\tdelay={{ show: 100, hide: 400 }}\n\t\t\t\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\t\t\t\toverlay={tooltip}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<UserNameTitleSmall>\n\t\t\t\t\t\t\t\t\t<TitleSmall>{userName}</TitleSmall>\n\t\t\t\t\t\t\t\t</UserNameTitleSmall>\n\t\t\t\t\t\t\t</OverlayTrigger>\n\t\t\t\t\t\t\t{isActiveAwayStatus && (\n\t\t\t\t\t\t\t\t<StatusContainer isAvailable={isAvailable}>\n\t\t\t\t\t\t\t\t\t<div className=\"availability--container\" />\n\t\t\t\t\t\t\t\t\t{!isAvailable && (\n\t\t\t\t\t\t\t\t\t\t<StyledBodyCaption isAvailable={isAvailable}>\n\t\t\t\t\t\t\t\t\t\t\tAway\n\t\t\t\t\t\t\t\t\t\t</StyledBodyCaption>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{isAvailable && (\n\t\t\t\t\t\t\t\t\t\t<StyledBodyCaption isAvailable={isAvailable}>\n\t\t\t\t\t\t\t\t\t\t\tActive\n\t\t\t\t\t\t\t\t\t\t</StyledBodyCaption>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</StatusContainer>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</UserStatusContainer>\n\t\t\t\t\t</UserInfoContainer>\n\t\t\t\t\t{extraJSX && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"divider\" />\n\t\t\t\t\t\t\t{extraJSX}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t{!hideLogout && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div className=\"divider\" />\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"logout--container\"\n\t\t\t\t\t\t\t\tonClick={onLogout}\n\t\t\t\t\t\t\t\tonKeyDown={onLogout}\n\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<LogoutIcon\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t\t\t\theight={17}\n\t\t\t\t\t\t\t\t\twidth={17}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{ color: DEFAULT_THEME.colorsV2.content.negative }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tLogout\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t</MenuInnerContainer>\n\t\t\t</Dropdown.Menu>\n\t\t</StyledDropdown>\n\t);\n};\n\nconst ProfileDropdownToggle: React.FC<{\n\tisDropdownOpen: boolean;\n\timageUrl?: string;\n\tinitialsAsIcon?: string;\n}> = (dropdownToggleProps) => {\n\tconst { isDropdownOpen, imageUrl, initialsAsIcon } = dropdownToggleProps;\n\treturn (\n\t\t<ProfileDropdownToggleContainer id=\"dropdown-basic\">\n\t\t\t<ProfileDropdownInnerContainer isDropdownOpen={isDropdownOpen}>\n\t\t\t\t<UserAavatar imageUrl={imageUrl} initialsAsIcon={initialsAsIcon} />\n\t\t\t</ProfileDropdownInnerContainer>\n\t\t</ProfileDropdownToggleContainer>\n\t);\n};\n\nconst UserAavatar: React.FC<{\n\timageUrl?: string;\n\tinitialsAsIcon?: string;\n}> = (avatarProps) => {\n\tconst { imageUrl, initialsAsIcon } = avatarProps;\n\treturn (\n\t\t<>\n\t\t\t{(initialsAsIcon || imageUrl) && (\n\t\t\t\t<UserAvatarContainer>\n\t\t\t\t\t{imageUrl ? (\n\t\t\t\t\t\t<img src={imageUrl} alt=\"general-icon\" />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"avatar--container\">\n\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.surface.standard }}>\n\t\t\t\t\t\t\t\t{initialsAsIcon}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</UserAvatarContainer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["BikProfile","bikProfileProps","isDropdownOpen","setIsDropdownOpen","useState","userName","hideLogout","photoUrl","isActiveAwayStatus","isAvailable","extraJSX","onProfileClicked","onLogout","getInitial","passedName","nameDotSplit","name","e","tooltip","jsxDEV","StyledTooltip","BodyCaption","this","StyledDropdown","nextShow","ProfileDropdownToggle","Dropdown","MenuInnerContainer","UserInfoContainer","UserAavatar","UserStatusContainer","OverlayTrigger","UserNameTitleSmall","TitleSmall","StatusContainer","StyledBodyCaption","Fragment","LogoutIcon","COLORS","BodySecondary","DEFAULT_THEME","dropdownToggleProps","imageUrl","initialsAsIcon","ProfileDropdownToggleContainer","ProfileDropdownInnerContainer","avatarProps","UserAvatarContainer"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),J=require("../../assets/icons/Bik_logo.svg.js"),Q=require("../../assets/icons/locked.svg.js"),s=require("react"),X=require("../progress-bar/CircularProgressBar.js"),P=require("../../constants/Theme.js"),Y=require("../navigation-hyperlink/NavigationHyperlink.js"),Z=require("./SidebarPopup.js"),w=require("./SidebarStyles.js"),ee=require("./SimpleSidebar.js"),ne=e=>{const{logoSvg:c,allMenuList:u,activeMainMenu:a,activeSubMenu:l,router:k,onClickingMainMenu:f,onClickingSubMenu:m,onClickingAccessUpgradePanel:N,onClickingPopupMenuItem:S,popupMinHeight:q,isNewSidebar:D,menuStyle:A}=e,[B,x]=s.useState(a),[b,t]=s.useState(),[O,h]=s.useState(l),[M,j]=s.useState(!1),[y,d]=s.useState(),[$,U]=s.useState(),[V,C]=s.useState(),[_,z]=s.useState(null),I=s.useMemo(()=>u.filter(n=>n.is2ndLastSticky||n.isLastSticky).length,[u]);s.useEffect(()=>{x(a)},[a]),s.useEffect(()=>{h(l)},[l]);const L=s.useCallback(n=>{n?.layout!=="popup"&&(d(void 0),t(void 0),j(!0),x(n),n.path||f(n),n?.children?.length?h(n?.children[0]):h({}),t(void 0),setTimeout(()=>{j(!1)},1e3))},[f]),H=s.useCallback(n=>{if(g(),t(void 0),d(void 0),n?.layout=="popup"){const o=T();o&&U(o),d(n)}else{const o=document.getElementById(n.displayName?.split(" ")?.join("")||n.key.toString());if(o){const r=F(o);C(r)}t(n),K()}},[]),F=n=>{const o=n.getBoundingClientRect();let r=o.top;const p=n.querySelectorAll("div");let v=null;if(window.innerHeight<=768)return r;if(p.forEach(E=>{E.className.includes("sticky")&&(v=E)}),v){const G=window.innerHeight-o.bottom;r=o.top+G-200}return r};s.useEffect(()=>{const n=()=>{const o=T();o&&U(o),W()};return window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}},[]);const W=()=>{const o=document.getElementById("_sub-menu")?.getBoundingClientRect().height;o&&C(window.innerHeight-o)},T=()=>{if(y){const n=y.displayName?.split(" ")?.join("")+"_sub"||y.key.toString()+"_sub",o=document.getElementById(n);if(o){const r=o.getBoundingClientRect();let p=r.top;const v=q??320;return r.bottom+v>window.innerHeight&&(p-=r.bottom+v-window.innerHeight),p}return null}},K=()=>{g();const n=setTimeout(()=>t(void 0),1e4);z(n)},g=()=>{clearTimeout(_)};return i.jsxDEV(w.SideBarContainer,{children:[i.jsxDEV("div",{className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true",children:c||i.jsxDEV(J.default,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:226,columnNumber:26},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:220,columnNumber:4},void 0),i.jsxDEV(w.MainSideBarMenuWrapper,{style:A,children:[u?.map((n,o)=>i.jsxDEV(s.Fragment,{children:[n.path?i.jsxDEV(Y.NavigationHyperlink,{href:n.path,router:k,children:i.jsxDEV(R,{option:n,index:o,onClickMainMenuLogic:L,setHandleHoverForFullLayout:H,isDisabled:M,setHoveredComp:t,setPopupMenu:d,mainActiveMenu:B,hoveredComp:b,popupMenu:y},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:233,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:232,columnNumber:8},void 0):i.jsxDEV(R,{option:n,index:o,onClickMainMenuLogic:L,setHandleHoverForFullLayout:H,isDisabled:M,setHoveredComp:t,setPopupMenu:d,mainActiveMenu:B,hoveredComp:b,popupMenu:y},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:247,columnNumber:8},void 0),i.jsxDEV(i.Fragment,{children:[n.layout==="popup"&&y?.children?.length&&i.jsxDEV(Z.SidebarPopup,{top:$??void 0,menuList:y?.children,onClickingPopupMenu:r=>{S&&S(r),d(void 0)},onMouseLeaveOnMenu:()=>d(void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:262,columnNumber:9},void 0),b?.children?.length&&i.jsxDEV(ee.SimpleSidebar,{menuList:b?.children,activeMenu:O,onMouseEnterOnMenu:()=>g(),onMouseLeaveOnMenu:()=>{g(),t(void 0)},left:D?92:88,postion:"fixed",header:b.displayName,theme:"brand",router:k,showAccessUpgradePanel:b.showAccessUpgradePanel,onMenuClick:(r,p)=>{h(r),x(b),t(void 0),d(void 0),p&&m(r)},onUpgrade:N,top:D&&V||0,isNewSidebar:D},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:274,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:260,columnNumber:7},void 0)]},o,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:230,columnNumber:6},void 0)),typeof e.onboardingPercentage=="number"&&i.jsxDEV(w.SibeBarMenuItem,{children:i.jsxDEV("div",{className:"main--sidebar",children:i.jsxDEV("div",{id:"bik-onboarding__checklist",className:`sidebar-menu-item ${I===0?"sticky-menu":I===1?"sticky-menu-int":"sticky-menu-three"}`,children:i.jsxDEV(X.default,{percentage:e.onboardingPercentage,width:48},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:322,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:312,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:311,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:310,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:228,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:219,columnNumber:3},void 0)},ie=e=>{const{icon:c,isActive:u,activeStateIcon:a,hoverStateIcon:l,isHovered:k}=e,f=c,m=a,N=l;return i.jsxDEV(i.Fragment,{children:u?i.jsxDEV(m,{width:20,height:20},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:350,columnNumber:5},void 0):k?i.jsxDEV(N,{width:20,height:20,color:P.COLORS.surface.standard},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:352,columnNumber:5},void 0):i.jsxDEV(f,{width:20,height:20,color:P.COLORS.surface.standard},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:354,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:348,columnNumber:3},void 0)},R=({option:e,index:c,onClickMainMenuLogic:u,setHandleHoverForFullLayout:a,isDisabled:l,setHoveredComp:k,setPopupMenu:f,mainActiveMenu:m,hoveredComp:N,popupMenu:S})=>i.jsxDEV(w.SibeBarMenuItem,{children:i.jsxDEV("div",{id:e.displayName?.split(" ")?.join("")||e.key.toString(),className:"main--sidebar",onClick:()=>u(e),onMouseEnter:()=>{!l&&a(e)},onMouseOver:()=>{!l&&a(e)},onMouseLeave:()=>{e?.children?.length||(k(void 0),f(void 0))},onFocus:()=>{},"aria-hidden":"true",children:[e.isNew&&i.jsxDEV("div",{className:`new-tag ${e.isLastSticky?"tag-sticky":""}`,children:"NEW"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:395,columnNumber:6},void 0),e.isLocked&&i.jsxDEV("div",{className:`locked--channel ${e.isLastSticky?"tag-sticky":""}  ${e.is2ndLastSticky?"tag-sticky-2":""}`,children:i.jsxDEV(Q.default,{height:16,width:16},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:405,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:400,columnNumber:6},void 0),i.jsxDEV("div",{id:e.displayName?.split(" ")?.join("")+"_sub"||e.key.toString()+"_sub",className:`sidebar-menu-item 
-					${m?.key===e.key?"main-menu-active-class":""} 
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),J=require("../../assets/icons/Bik_logo.svg.js"),Q=require("../../assets/icons/locked.svg.js"),r=require("react"),X=require("../progress-bar/CircularProgressBar.js"),T=require("../../constants/Theme.js"),Y=require("../navigation-hyperlink/NavigationHyperlink.js"),Z=require("./SidebarPopup.js"),j=require("./SidebarStyles.js"),ee=require("./SimpleSidebar.js"),ne=e=>{const{logoSvg:l,allMenuList:m,activeMainMenu:a,activeSubMenu:c,router:h,onClickingMainMenu:p,onClickingSubMenu:d,onClickingAccessUpgradePanel:y,onClickingPopupMenuItem:v,popupMinHeight:q,isNewSidebar:x,menuStyle:A}=e,[M,E]=r.useState(a),[b,o]=r.useState(),[O,S]=r.useState(c),[P,w]=r.useState(!1),[k,u]=r.useState(),[$,U]=r.useState(),[D,V]=r.useState(),[_,z]=r.useState(null),C=r.useMemo(()=>m.filter(n=>n.is2ndLastSticky||n.isLastSticky).length,[m]);r.useEffect(()=>{E(a)},[a]),r.useEffect(()=>{S(c)},[c]);const I=r.useCallback(n=>{n?.layout!=="popup"&&(u(void 0),o(void 0),w(!0),E(n),n.path||p(n),n?.children?.length?S(n?.children[0]):S({}),o(void 0),setTimeout(()=>{w(!1)},1e3))},[p]),L=r.useCallback(n=>{if(g(),o(void 0),u(void 0),n?.layout=="popup"){const t=H();t&&U(t),u(n)}else{const t=document.getElementById(n.displayName?.split(" ")?.join("")||n.key.toString());if(t){const s=F(t);V(s)}o(n),K()}},[]),F=n=>{const t=n.getBoundingClientRect();let s=t.top;const f=n.querySelectorAll("div");let N=null;if(window.innerHeight<=768)return s;if(f.forEach(B=>{B.className.includes("sticky")&&(N=B)}),N){const G=window.innerHeight-t.bottom;s=t.top+G-200}return s};r.useEffect(()=>{const n=()=>{const t=H();t&&U(t),W()};return window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}},[]);const W=()=>{const t=document.getElementById("_sub-menu")?.getBoundingClientRect().height;t&&V(window.innerHeight-t)},H=()=>{if(k){const n=k.displayName?.split(" ")?.join("")+"_sub"||k.key.toString()+"_sub",t=document.getElementById(n);if(t){const s=t.getBoundingClientRect();let f=s.top;const N=q??320;return s.bottom+N>window.innerHeight&&(f-=s.bottom+N-window.innerHeight),f}return null}},K=()=>{g();const n=setTimeout(()=>o(void 0),1e4);z(n)},g=()=>{clearTimeout(_)};return i.jsxDEV(j.SideBarContainer,{children:[i.jsxDEV("div",{className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true",children:l||i.jsxDEV(J.default,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:226,columnNumber:26},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:220,columnNumber:4},void 0),i.jsxDEV(j.MainSideBarMenuWrapper,{style:A,children:[m?.map((n,t)=>i.jsxDEV(r.Fragment,{children:[n.path?i.jsxDEV(Y.NavigationHyperlink,{href:n.path,router:h,children:i.jsxDEV(R,{option:n,index:t,onClickMainMenuLogic:I,setHandleHoverForFullLayout:L,isDisabled:P,setHoveredComp:o,setPopupMenu:u,mainActiveMenu:M,hoveredComp:b,popupMenu:k},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:233,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:232,columnNumber:8},void 0):i.jsxDEV(R,{option:n,index:t,onClickMainMenuLogic:I,setHandleHoverForFullLayout:L,isDisabled:P,setHoveredComp:o,setPopupMenu:u,mainActiveMenu:M,hoveredComp:b,popupMenu:k},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:247,columnNumber:8},void 0),i.jsxDEV(i.Fragment,{children:[n.layout==="popup"&&k?.children?.length&&i.jsxDEV(Z.SidebarPopup,{top:$??void 0,menuList:k?.children,onClickingPopupMenu:s=>{v&&v(s),u(void 0)},onMouseLeaveOnMenu:()=>u(void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:262,columnNumber:9},void 0),b?.children?.length&&i.jsxDEV(ee.SimpleSidebar,{menuList:b?.children,activeMenu:O,onMouseEnterOnMenu:()=>g(),onMouseLeaveOnMenu:()=>{g(),o(void 0)},left:x?92:88,postion:"fixed",header:b.displayName,theme:"brand",router:h,showAccessUpgradePanel:b.showAccessUpgradePanel,onMenuClick:(s,f)=>{S(s),E(b),o(void 0),u(void 0),f&&d(s)},onUpgrade:y,top:x&&D||0,isNewSidebar:x},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:274,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:260,columnNumber:7},void 0)]},t,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:230,columnNumber:6},void 0)),typeof e.onboardingPercentage=="number"&&i.jsxDEV(j.SibeBarMenuItem,{children:i.jsxDEV("div",{className:"main--sidebar",children:i.jsxDEV("div",{id:"bik-onboarding__checklist",className:`sidebar-menu-item ${C===0?"sticky-menu":C===1?"sticky-menu-int":"sticky-menu-three"}`,children:i.jsxDEV(X.default,{percentage:e.onboardingPercentage,width:48},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:322,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:312,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:311,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:310,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:228,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:219,columnNumber:3},void 0)},ie=e=>{const{icon:l,isActive:m,activeStateIcon:a,hoverStateIcon:c,isHovered:h}=e,p=l,d=a,y=c;return i.jsxDEV(i.Fragment,{children:m?i.jsxDEV(d,{width:20,height:20},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:350,columnNumber:5},void 0):h?i.jsxDEV(y,{width:20,height:20,color:T.COLORS.surface.standard},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:352,columnNumber:5},void 0):i.jsxDEV(p,{width:20,height:20,color:T.COLORS.surface.standard},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:354,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:348,columnNumber:3},void 0)},R=({option:e,index:l,onClickMainMenuLogic:m,setHandleHoverForFullLayout:a,isDisabled:c,setHoveredComp:h,setPopupMenu:p,mainActiveMenu:d,hoveredComp:y,popupMenu:v})=>i.jsxDEV(j.SibeBarMenuItem,{children:i.jsxDEV("div",{id:e.displayName?.split(" ")?.join("")||e.key.toString(),className:"main--sidebar",onClick:()=>m(e),onMouseEnter:()=>{!c&&a(e)},onMouseOver:()=>{!c&&a(e)},onMouseLeave:()=>{e?.children?.length||(h(void 0),p(void 0))},onFocus:()=>{},"aria-hidden":"true",children:[e.isNew&&i.jsxDEV("div",{className:`new-tag ${e.isLastSticky?"tag-sticky":""}`,children:"NEW"},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:395,columnNumber:6},void 0),e.isLocked&&i.jsxDEV("div",{className:`locked--channel ${e.isLastSticky?"tag-sticky":""}  ${e.is2ndLastSticky?"tag-sticky-2":""}`,children:i.jsxDEV(Q.default,{height:16,width:16},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:405,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:400,columnNumber:6},void 0),i.jsxDEV("div",{id:e.displayName?.split(" ")?.join("")+"_sub"||e.key.toString()+"_sub",className:`sidebar-menu-item 
+					${d?.key===e.key?"main-menu-active-class":""} 
 					${e.isLastSticky?"sticky-menu-int":""} 
 					${e.is2ndLastSticky?"sticky-menu":""} 
-					${e.key===N?.key?"sidebar-menu-item-hover":""} 
-					${e.isNew?"new-menu-item":""}`,children:[i.jsxDEV(ie,{icon:e.icon,isActive:e.key==m?.key,activeStateIcon:e.activeIcon??{},hoverStateIcon:e.hoverIcon??{},isHovered:e.key==N?.key||e.key==S?.key},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:421,columnNumber:6},void 0),i.jsxDEV("div",{className:"menu-item-container",children:i.jsxDEV("p",{className:`menu-item-text ${e?.key===m?.key?"active-menu-item-text":""}`,children:e.displayName},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:437,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:436,columnNumber:6},void 0)]},c,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:408,columnNumber:5},void 0)]},c,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:374,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:373,columnNumber:3},void 0);exports.BikSidebar=ne;
+					${e.key===y?.key?"sidebar-menu-item-hover":""} 
+					${e.isNew?"new-menu-item":""}`,children:[i.jsxDEV(ie,{icon:e.icon,isActive:e.key==d?.key,activeStateIcon:e.activeIcon??{},hoverStateIcon:e.hoverIcon??{},isHovered:e.key==y?.key||e.key==v?.key},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:421,columnNumber:6},void 0),i.jsxDEV("div",{className:"menu-item-container",children:i.jsxDEV("p",{className:`menu-item-text ${e?.key===d?.key?"active-menu-item-text":""}`,children:e.displayName},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:437,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:436,columnNumber:6},void 0)]},l,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:408,columnNumber:5},void 0)]},l,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:374,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/bik-layout/BikSidebar.tsx",lineNumber:373,columnNumber:3},void 0);exports.BikSidebar=ne;
 //# sourceMappingURL=BikSidebar.js.map