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

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

@@ -1 +1 @@
-{"version":3,"file":"callToChatbot.js","sources":["../../../../../src/components/bik-chatbot/services/callToChatbot.ts"],"sourcesContent":["import {\n\tAPIAdapter,\n\tApiRequestExecutor,\n\tBackendApiRequest,\n\tBackendApiResponse,\n\tBackendTool,\n\tCallToChatbotRequest,\n\tChatMessageItem,\n\tDEFAULT_MODEL,\n\tFunctionCallOutputItem,\n\tFunctionDefinition,\n\tGenericAIResponse,\n} from '../types';\n\n// Helper function to format history array to input string\nfunction mapHistoryToMessages(\n\thistory: { role: string; text: string }[],\n): ChatMessageItem[] {\n\treturn history.map(({ role, text }) => ({\n\t\trole: role as ChatMessageItem['role'],\n\t\tcontent: text,\n\t}));\n}\n\n// Convert custom FunctionDefinitions to OpenAI function tool objects\nfunction convertFunctionsToTools(\n\tfunctions?: FunctionDefinition[],\n): BackendTool[] {\n\tif (!functions || functions.length === 0) return [];\n\treturn functions.map((func) => ({\n\t\ttype: 'function',\n\t\tname: func.name,\n\t\tdescription: func.description,\n\t\tparameters: func.parameters,\n\t}));\n}\n\n// Helper function to transform backend response to GenericAIResponse\nfunction transformToGenericAIResponse(\n\tbackendData: BackendApiResponse['data'],\n): GenericAIResponse {\n\tconst result: GenericAIResponse = {\n\t\tassistantText: backendData.assistantText,\n\t\tparsed: backendData.parsed,\n\t\tlastResponseId: backendData.lastResponseId,\n\t\tresponseId: backendData.responseId,\n\t};\n\n\t// Transform toolCall if present\n\tif (backendData.toolCall) {\n\t\tresult.toolCall = {\n\t\t\tname: backendData.toolCall.name,\n\t\t\targs: backendData.toolCall.args,\n\t\t\ttoolCallId: backendData.toolCall.id,\n\t\t\tcallId: backendData.toolCall.call_id,\n\t\t};\n\t}\n\n\treturn result;\n}\n\n// Create adapter that uses the host-provided RequestExecutor\nexport function createExecutorApiAdapter(\n\texecutor: ApiRequestExecutor,\n\tbaseUrl: string,\n\tendpointPath = '/bik-ai/call-chatbot',\n): APIAdapter {\n\treturn async (request) => {\n\t\tconst {\n\t\t\tinput,\n\t\t\tmodel,\n\t\t\tmaxTokens = 4000,\n\t\t\tpreviousResponseId,\n\t\t\tcustomFunctions,\n\t\t\tbuiltinTools,\n\t\t\tstoreId,\n\t\t} = request;\n\t\tconst builtinProviderTools: BackendTool[] = (builtinTools || []).map(\n\t\t\t(type) => ({ type }),\n\t\t);\n\t\tconst backendRequest: BackendApiRequest = {\n\t\t\tinput,\n\t\t\ttools: [\n\t\t\t\t...builtinProviderTools,\n\t\t\t\t...convertFunctionsToTools(customFunctions),\n\t\t\t],\n\t\t\tmodel,\n\t\t\tmax_output_tokens: maxTokens,\n\t\t\tprevious_response_id: previousResponseId,\n\t\t\toutput_parser: 'bik_chatbot_parser',\n\t\t\tuse_case: request.useCase,\n\t\t\tstore_id: storeId,\n\t\t};\n\t\t// Compose backendUrl from base and path\n\t\tconst backendUrl = `${baseUrl.replace(/\\/$/, '')}${endpointPath}`;\n\t\tconst { status, data, error } = await executor.sendData<BackendApiResponse>(\n\t\t\t{\n\t\t\t\tapiPath: backendUrl,\n\t\t\t\tapiMethod: 'POST',\n\t\t\t\trequestBody: backendRequest,\n\t\t\t},\n\t\t);\n\t\tif (status !== 200 || !data?.success) {\n\t\t\tconst errorMessage = data?.['errors']?.[0]?.message || error;\n\t\t\tthrow new Error(\n\t\t\t\t`Backend error: ${errorMessage ? ` - ${String(errorMessage)}` : ''}`,\n\t\t\t);\n\t\t}\n\t\treturn transformToGenericAIResponse(data.data);\n\t};\n}\n\nexport async function callToChatbot(\n\thistory: { role: string; text: string }[],\n\tintent = 'default',\n\tconversationId = 'default-session',\n\tsystemId = 'generic',\n\tapiAdapter: APIAdapter,\n\tpreviousResponseId?: string,\n\tcustomFunctions?: FunctionDefinition[],\n\tmodel: string = DEFAULT_MODEL,\n\tnextInput?: Array<ChatMessageItem | FunctionCallOutputItem>,\n\tbuiltinTools?: string[],\n\tmaxTokens?: number,\n\tuseCase?: string,\n\tstoreId?: string,\n): Promise<GenericAIResponse> {\n\tif (!apiAdapter) {\n\t\tthrow new Error(\n\t\t\t'Chatbot authentication not configured: RequestExecutor is required',\n\t\t);\n\t}\n\t// Build input payload: use provided nextInput if present, else map full history to messages\n\tconst inputArray =\n\t\tnextInput && nextInput.length > 0\n\t\t\t? nextInput\n\t\t\t: mapHistoryToMessages(history);\n\n\tconst request: CallToChatbotRequest = {\n\t\tinput: inputArray,\n\t\tintent,\n\t\tconversationId,\n\t\tsystemId,\n\t\tpreviousResponseId,\n\t\tcustomFunctions,\n\t\tbuiltinTools,\n\t\tmodel,\n\t\tmaxTokens: maxTokens ?? 4000,\n\t\tuseCase,\n\t\tstoreId,\n\t};\n\treturn await apiAdapter(request);\n}\n"],"names":["createExecutorApiAdapter","executor","baseUrl","endpointPath","request","__awaiter","this","input","model","maxTokens","previousResponseId","customFunctions","builtinTools","storeId","backendRequest","tools","map","type","functions","length","func","name","description","parameters","max_output_tokens","previous_response_id","output_parser","use_case","useCase","store_id","backendUrl","replace","status","data","error","sendData","apiPath","apiMethod","requestBody","success","errorMessage","_b","message","Error","String","backendData","result","assistantText","parsed","lastResponseId","responseId","toolCall","args","toolCallId","id","callId","call_id","transformToGenericAIResponse","callToChatbot","history","intent","conversationId","systemId","apiAdapter","DEFAULT_MODEL","nextInput","inputArray","role","text","content","mapHistoryToMessages"],"mappings":"uGA8DM,SAAUA,EACfC,EACAC,EACAC,EAAe,wBAEf,OAAcC,GAAWC,EAAAC,UAAA,OAAA,GAAA,oBACxB,MAAMC,MACLA,EAAKC,MACLA,EAAKC,UACLA,EAAY,IAAIC,mBAChBA,EAAkBC,gBAClBA,EAAeC,aACfA,EAAYC,QACZA,GACGT,EAIEU,EAAoC,CACzCP,QACAQ,MAAO,KALqCH,GAAgB,IAAII,KAC/DC,IAAU,CAAEA,eApDfC,EA0D8BP,EAxDzBO,GAAkC,IAArBA,EAAUC,OACrBD,EAAUF,KAAKI,IAAU,CAC/BH,KAAM,WACNI,KAAMD,EAAKC,KACXC,YAAaF,EAAKE,YAClBC,WAAYH,EAAKG,eAL+B,KA0D/Cf,QACAgB,kBAAmBf,EACnBgB,qBAAsBf,EACtBgB,cAAe,qBACfC,SAAUvB,EAAQwB,QAClBC,SAAUhB,GAlEb,IACCK,EAoEC,MAAMY,EAAa,GAAG5B,EAAQ6B,QAAQ,MAAO,MAAM5B,KAC7C6B,OAAEA,EAAMC,KAAEA,EAAIC,MAAEA,SAAgBjC,EAASkC,SAC9C,CACCC,QAASN,EACTO,UAAW,OACXC,YAAaxB,IAGf,GAAe,MAAXkB,KAAmBC,aAAA,EAAAA,EAAMM,SAAS,CACrC,MAAMC,WAAeC,YAAAR,aAAA,EAAAA,EAAe,6BAAI,yBAAIS,UAAWR,EACvD,MAAM,IAAIS,MACT,mBAAkBH,EAAe,MAAMI,OAAOJ,KAAkB,IAEjE,CACD,OAtEF,SACCK,GAEA,MAAMC,EAA4B,CACjCC,cAAeF,EAAYE,cAC3BC,OAAQH,EAAYG,OACpBC,eAAgBJ,EAAYI,eAC5BC,WAAYL,EAAYK,YAazB,OATIL,EAAYM,WACfL,EAAOK,SAAW,CACjB9B,KAAMwB,EAAYM,SAAS9B,KAC3B+B,KAAMP,EAAYM,SAASC,KAC3BC,WAAYR,EAAYM,SAASG,GACjCC,OAAQV,EAAYM,SAASK,UAIxBV,CACR,CAiDSW,CAA6BxB,EAAKA,KAC1C,GACD,CAEsB,SAAAyB,EACrBC,EACAC,EAAS,UACTC,EAAiB,kBACjBC,EAAW,UACXC,EACArD,EACAC,EACAH,EAAgBwD,EAChBC,EACArD,EACAH,EACAmB,EACAf,4CAEA,IAAKkD,EACJ,MAAM,IAAIpB,MACT,sEAIF,MAAMuB,EACLD,GAAaA,EAAU9C,OAAS,EAC7B8C,EAxHL,SACCN,GAEA,OAAOA,EAAQ3C,KAAI,EAAGmD,OAAMC,WAAY,CACvCD,KAAMA,EACNE,QAASD,KAEX,CAkHKE,CAAqBX,GAEnBvD,EAAgC,CACrCG,MAAO2D,EACPN,SACAC,iBACAC,WACApD,qBACAC,kBACAC,eACAJ,QACAC,UAAWA,QAAAA,EAAa,IACxBmB,UACAf,WAED,aAAakD,EAAW3D,EACzB,GAAC"}
+{"version":3,"file":"callToChatbot.js","sources":["../../../../../src/components/bik-chatbot/services/callToChatbot.ts"],"sourcesContent":["import {\n\tAPIAdapter,\n\tApiRequestExecutor,\n\tBackendApiRequest,\n\tBackendApiResponse,\n\tBackendTool,\n\tCallToChatbotRequest,\n\tChatMessageItem,\n\tDEFAULT_MODEL,\n\tFunctionCallOutputItem,\n\tFunctionDefinition,\n\tGenericAIResponse,\n} from '../types';\n\n// Helper function to format history array to input string\nfunction mapHistoryToMessages(\n\thistory: { role: string; text: string }[],\n): ChatMessageItem[] {\n\treturn history.map(({ role, text }) => ({\n\t\trole: role as ChatMessageItem['role'],\n\t\tcontent: text,\n\t}));\n}\n\n// Convert custom FunctionDefinitions to OpenAI function tool objects\nfunction convertFunctionsToTools(\n\tfunctions?: FunctionDefinition[],\n): BackendTool[] {\n\tif (!functions || functions.length === 0) return [];\n\treturn functions.map((func) => ({\n\t\ttype: 'function',\n\t\tname: func.name,\n\t\tdescription: func.description,\n\t\tparameters: func.parameters,\n\t}));\n}\n\n// Helper function to transform backend response to GenericAIResponse\nfunction transformToGenericAIResponse(\n\tbackendData: BackendApiResponse['data'],\n): GenericAIResponse {\n\tconst result: GenericAIResponse = {\n\t\tassistantText: backendData.assistantText,\n\t\tparsed: backendData.parsed,\n\t\tlastResponseId: backendData.lastResponseId,\n\t\tresponseId: backendData.responseId,\n\t};\n\n\t// Transform toolCall if present\n\tif (backendData.toolCall) {\n\t\tresult.toolCall = {\n\t\t\tname: backendData.toolCall.name,\n\t\t\targs: backendData.toolCall.args,\n\t\t\ttoolCallId: backendData.toolCall.id,\n\t\t\tcallId: backendData.toolCall.call_id,\n\t\t};\n\t}\n\n\treturn result;\n}\n\n// Create adapter that uses the host-provided RequestExecutor\nexport function createExecutorApiAdapter(\n\texecutor: ApiRequestExecutor,\n\tbaseUrl: string,\n\tendpointPath = '/bik-ai/call-chatbot',\n): APIAdapter {\n\treturn async (request) => {\n\t\tconst {\n\t\t\tinput,\n\t\t\tmodel,\n\t\t\tmaxTokens = 4000,\n\t\t\tpreviousResponseId,\n\t\t\tcustomFunctions,\n\t\t\tbuiltinTools,\n\t\t\tstoreId,\n\t\t} = request;\n\t\tconst builtinProviderTools: BackendTool[] = (builtinTools || []).map(\n\t\t\t(type) => ({ type }),\n\t\t);\n\t\tconst backendRequest: BackendApiRequest = {\n\t\t\tinput,\n\t\t\ttools: [\n\t\t\t\t...builtinProviderTools,\n\t\t\t\t...convertFunctionsToTools(customFunctions),\n\t\t\t],\n\t\t\tmodel,\n\t\t\tmax_output_tokens: maxTokens,\n\t\t\tprevious_response_id: previousResponseId,\n\t\t\toutput_parser: 'bik_chatbot_parser',\n\t\t\tuse_case: request.useCase,\n\t\t\tstore_id: storeId,\n\t\t};\n\t\t// Compose backendUrl from base and path\n\t\tconst backendUrl = `${baseUrl.replace(/\\/$/, '')}${endpointPath}`;\n\t\tconst { status, data, error } = await executor.sendData<BackendApiResponse>(\n\t\t\t{\n\t\t\t\tapiPath: backendUrl,\n\t\t\t\tapiMethod: 'POST',\n\t\t\t\trequestBody: backendRequest,\n\t\t\t},\n\t\t);\n\t\tif (status !== 200 || !data?.success) {\n\t\t\tconst errorMessage = data?.['errors']?.[0]?.message || error;\n\t\t\tthrow new Error(\n\t\t\t\t`Backend error: ${errorMessage ? ` - ${String(errorMessage)}` : ''}`,\n\t\t\t);\n\t\t}\n\t\treturn transformToGenericAIResponse(data.data);\n\t};\n}\n\nexport async function callToChatbot(\n\thistory: { role: string; text: string }[],\n\tintent = 'default',\n\tconversationId = 'default-session',\n\tsystemId = 'generic',\n\tapiAdapter: APIAdapter,\n\tpreviousResponseId?: string,\n\tcustomFunctions?: FunctionDefinition[],\n\tmodel: string = DEFAULT_MODEL,\n\tnextInput?: Array<ChatMessageItem | FunctionCallOutputItem>,\n\tbuiltinTools?: string[],\n\tmaxTokens?: number,\n\tuseCase?: string,\n\tstoreId?: string,\n): Promise<GenericAIResponse> {\n\tif (!apiAdapter) {\n\t\tthrow new Error(\n\t\t\t'Chatbot authentication not configured: RequestExecutor is required',\n\t\t);\n\t}\n\t// Build input payload: use provided nextInput if present, else map full history to messages\n\tconst inputArray =\n\t\tnextInput && nextInput.length > 0\n\t\t\t? nextInput\n\t\t\t: mapHistoryToMessages(history);\n\n\tconst request: CallToChatbotRequest = {\n\t\tinput: inputArray,\n\t\tintent,\n\t\tconversationId,\n\t\tsystemId,\n\t\tpreviousResponseId,\n\t\tcustomFunctions,\n\t\tbuiltinTools,\n\t\tmodel,\n\t\tmaxTokens: maxTokens ?? 4000,\n\t\tuseCase,\n\t\tstoreId,\n\t};\n\treturn await apiAdapter(request);\n}\n"],"names":["createExecutorApiAdapter","executor","baseUrl","endpointPath","arguments","length","undefined","request","__awaiter","this","input","model","maxTokens","previousResponseId","customFunctions","builtinTools","storeId","backendRequest","tools","map","type","functions","func","name","description","parameters","max_output_tokens","previous_response_id","output_parser","use_case","useCase","store_id","backendUrl","replace","status","data","error","sendData","apiPath","apiMethod","requestBody","success","errorMessage","_b","message","Error","String","backendData","result","assistantText","parsed","lastResponseId","responseId","toolCall","args","toolCallId","id","callId","call_id","transformToGenericAIResponse","callToChatbot","history","intent","conversationId","systemId","apiAdapter","DEFAULT_MODEL","nextInput","inputArray","_ref","role","text","content","mapHistoryToMessages"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"db.js","sources":["../../../../../src/components/bik-chatbot/services/db.ts"],"sourcesContent":["import { del, get, keys, set } from 'idb-keyval';\nimport { SessionRecord } from '../types';\n\nconst SESSION_PREFIX = 'ai-session:';\n\n/** Save session record to IndexedDB */\nexport async function saveSession(\n\tsessionId: string,\n\trecord: SessionRecord,\n): Promise<void> {\n\tawait set(`${SESSION_PREFIX}${sessionId}`, record);\n}\n\nexport async function loadSession(\n\tsessionId: string,\n): Promise<SessionRecord | null> {\n\tconst record = await get<SessionRecord>(`${SESSION_PREFIX}${sessionId}`);\n\treturn record || null;\n}\n\nexport async function deleteSession(sessionId: string): Promise<void> {\n\tawait del(`${SESSION_PREFIX}${sessionId}`);\n}\n\nexport async function listSessions(): Promise<string[]> {\n\tconst allKeys = await keys();\n\treturn allKeys\n\t\t.filter((k) => typeof k === 'string' && k.startsWith(SESSION_PREFIX))\n\t\t.map((k) => (k as string).replace(SESSION_PREFIX, ''));\n}\n"],"names":["SESSION_PREFIX","saveSession","sessionId","record","set","loadSession","get"],"mappings":"kGAGA,MAAMA,EAAiB,cAGD,SAAAC,EACrBC,EACAC,kDAEMC,EAAI,GAAGJ,IAAiBE,IAAaC,EAC5C,GAAC,CAEK,SAAgBE,EACrBH,4CAGA,aADqBI,EAAmB,GAAGN,IAAiBE,OAC3C,IAClB,GAAC"}
+{"version":3,"file":"db.js","sources":["../../../../../src/components/bik-chatbot/services/db.ts"],"sourcesContent":["import { del, get, keys, set } from 'idb-keyval';\nimport { SessionRecord } from '../types';\n\nconst SESSION_PREFIX = 'ai-session:';\n\n/** Save session record to IndexedDB */\nexport async function saveSession(\n\tsessionId: string,\n\trecord: SessionRecord,\n): Promise<void> {\n\tawait set(`${SESSION_PREFIX}${sessionId}`, record);\n}\n\nexport async function loadSession(\n\tsessionId: string,\n): Promise<SessionRecord | null> {\n\tconst record = await get<SessionRecord>(`${SESSION_PREFIX}${sessionId}`);\n\treturn record || null;\n}\n\nexport async function deleteSession(sessionId: string): Promise<void> {\n\tawait del(`${SESSION_PREFIX}${sessionId}`);\n}\n\nexport async function listSessions(): Promise<string[]> {\n\tconst allKeys = await keys();\n\treturn allKeys\n\t\t.filter((k) => typeof k === 'string' && k.startsWith(SESSION_PREFIX))\n\t\t.map((k) => (k as string).replace(SESSION_PREFIX, ''));\n}\n"],"names":["SESSION_PREFIX","saveSession","sessionId","record","set","loadSession","get"],"mappings":"kGAGA,MAAMA,EAAiB,cAGD,SAAAC,EACrBC,EACAC,kDAEMC,EAAI,GAAGJ,IAAiBE,IAAaC,EAC5C,GAAC,CAEK,SAAgBE,EACrBH,4CAGA,aADqBI,EAAsB,GAAAN,IAAiBE,OAC3C,IAClB,GAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useAIChat.js","sources":["../../../../../src/components/bik-chatbot/services/useAIChat.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport {\n\tChatMessage,\n\tcreateSessionRecord,\n\tSessionRecord,\n\tUseAIChatProps,\n} from '../types';\nimport { AIService } from './aiService';\nimport { loadSession, saveSession } from './db';\n\nexport function useAIChat({\n\tsystem,\n\tconversationId,\n\tskipInitialization = false,\n\t// Generic mode props\n\tcustomFunctions,\n\tfunctionHandler,\n\tresponseFormat,\n\tonMessageReceived,\n\tdisplayInUI,\n\tmaxToolCalls,\n\tmaxTokens,\n\tapiAdapter,\n\tuseCase,\n\tstoreId,\n}: Omit<UseAIChatProps, 'updateUI'>) {\n\tconst [conversation, setConversation] = useState<SessionRecord>(() =>\n\t\tcreateSessionRecord(conversationId),\n\t);\n\tconst [messages, setMessages] = useState<ChatMessage[]>([]);\n\tconst [lastResponseId, setLastResponseId] = useState<string | undefined>();\n\tconst [isApiCallInProgress, setIsApiCallInProgress] = useState(false);\n\n\tuseEffect(() => {\n\t\tloadSession(conversationId).then((saved) => {\n\t\t\tif (saved) {\n\t\t\t\tsetConversation(saved);\n\t\t\t\tsetMessages(saved.messages);\n\t\t\t\tsetLastResponseId(saved.metadata?.lastResponseId);\n\t\t\t}\n\t\t});\n\t}, [conversationId]);\n\n\t// Create service with useMemo to recreate when system changes\n\tconst service = useMemo(() => {\n\t\t// Skip initialization if system is not ready (prevents creating AIService with placeholder \"loading\" system)\n\t\tif (skipInitialization) {\n\t\t\treturn null;\n\t\t}\n\t\treturn new AIService({\n\t\t\tsystem: {\n\t\t\t\t...system,\n\t\t\t\thandleCallback: (payload, ctx) => {\n\t\t\t\t\tsystem.handleCallback?.(payload, ctx);\n\t\t\t\t},\n\t\t\t},\n\t\t\tdispatchMessage: (m) => {\n\t\t\t\tsetMessages((prev) => [...prev, m]);\n\t\t\t\tsetConversation((conv) => {\n\t\t\t\t\tconst updated = {\n\t\t\t\t\t\t...conv,\n\t\t\t\t\t\tupdatedAt: Date.now(),\n\t\t\t\t\t\tmessages: [...conv.messages, m],\n\t\t\t\t\t};\n\t\t\t\t\tsaveSession(updated.sessionId, {\n\t\t\t\t\t\t...updated,\n\t\t\t\t\t\tmetadata: { ...(updated.metadata || {}), lastResponseId },\n\t\t\t\t\t});\n\t\t\t\t\treturn updated;\n\t\t\t\t});\n\t\t\t},\n\t\t\tcustomFunctions,\n\t\t\tfunctionHandler,\n\t\t\tresponseFormat,\n\t\t\tonMessageReceived,\n\t\t\tdisplayInUI,\n\t\t\tmaxToolCalls,\n\t\t\tmaxTokens,\n\t\t\tapiAdapter,\n\t\t\tuseCase,\n\t\t\tstoreId,\n\t\t});\n\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [system.id, skipInitialization, maxTokens]);\n\n\tconst sendMessage = async (content: string, intent = 'default') => {\n\t\tif (!service) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst userMsg: ChatMessage = {\n\t\t\tid: `u-${Date.now()}`,\n\t\t\trole: 'user',\n\t\t\tcontent,\n\t\t\ttimestamp: Date.now(),\n\t\t};\n\n\t\tsetMessages((prev) => [...prev, userMsg]);\n\t\tsetConversation((conv) => {\n\t\t\tconst updated = {\n\t\t\t\t...conv,\n\t\t\t\tupdatedAt: Date.now(),\n\t\t\t\tmessages: [...conv.messages, userMsg],\n\t\t\t};\n\t\t\tsaveSession(updated.sessionId, {\n\t\t\t\t...updated,\n\t\t\t\tmetadata: { ...(updated.metadata || {}), lastResponseId },\n\t\t\t});\n\t\t\treturn updated;\n\t\t});\n\n\t\t// Set API call in progress\n\t\tsetIsApiCallInProgress(true);\n\n\t\ttry {\n\t\t\tconst result = await service.generate(\n\t\t\t\t[...messages, userMsg].map((m) => ({\n\t\t\t\t\trole: m.role,\n\t\t\t\t\tcontent: m.content,\n\t\t\t\t})),\n\t\t\t\tconversationId,\n\t\t\t\tintent,\n\t\t\t\tlastResponseId,\n\t\t\t);\n\n\t\t\t// Pass the full AI response to the parent component via updateUI callback\n\t\t\tif (result?.responseId) {\n\t\t\t\tsetLastResponseId(result.responseId);\n\t\t\t\tsetConversation((conv) => {\n\t\t\t\t\tconst updated = {\n\t\t\t\t\t\t...conv,\n\t\t\t\t\t\tmetadata: {\n\t\t\t\t\t\t\t...(conv.metadata || {}),\n\t\t\t\t\t\t\tlastResponseId: result.responseId,\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\t\t\t\t\tsaveSession(updated.sessionId, updated);\n\t\t\t\t\treturn updated;\n\t\t\t\t});\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconst errorMessage =\n\t\t\t\t(error as { message?: string })?.message ||\n\t\t\t\t'Something went wrong. Please try again.';\n\t\t\tconst systemMsg: ChatMessage = {\n\t\t\t\tid: `err-${Date.now()}`,\n\t\t\t\trole: 'system',\n\t\t\t\tcontent: errorMessage,\n\t\t\t\ttimestamp: Date.now(),\n\t\t\t};\n\t\t\tsetMessages((prev) => [...prev, systemMsg]);\n\t\t\tsetConversation((conv) => {\n\t\t\t\tconst updated = {\n\t\t\t\t\t...conv,\n\t\t\t\t\tupdatedAt: Date.now(),\n\t\t\t\t\tmessages: [...conv.messages, systemMsg],\n\t\t\t\t};\n\t\t\t\tsaveSession(updated.sessionId, {\n\t\t\t\t\t...updated,\n\t\t\t\t\tmetadata: { ...(updated.metadata || {}), lastResponseId },\n\t\t\t\t});\n\t\t\t\treturn updated;\n\t\t\t});\n\t\t} finally {\n\t\t\t// Clear API call in progress\n\t\t\tsetIsApiCallInProgress(false);\n\t\t}\n\t};\n\n\treturn {\n\t\tmessages,\n\t\tconversation,\n\t\tsendMessage,\n\t\tisApiCallInProgress,\n\t};\n}\n"],"names":["useAIChat","system","conversationId","skipInitialization","customFunctions","functionHandler","responseFormat","onMessageReceived","displayInUI","maxToolCalls","maxTokens","apiAdapter","useCase","storeId","conversation","setConversation","useState","createSessionRecord","messages","setMessages","lastResponseId","setLastResponseId","isApiCallInProgress","setIsApiCallInProgress","useEffect","loadSession","then","saved","metadata","_a","service","useMemo","AIService","Object","assign","handleCallback","payload","ctx","call","dispatchMessage","m","prev","conv","updated","updatedAt","Date","now","saveSession","sessionId","id","sendMessage","content","intent","__awaiter","this","userMsg","role","timestamp","result","generate","map","responseId","error","errorMessage","message","systemMsg"],"mappings":"8QAUM,SAAUA,GAAUC,OACzBA,EAAMC,eACNA,EAAcC,mBACdA,GAAqB,EAAKC,gBAE1BA,EAAeC,gBACfA,EAAeC,eACfA,EAAcC,kBACdA,EAAiBC,YACjBA,EAAWC,aACXA,EAAYC,UACZA,EAASC,WACTA,EAAUC,QACVA,EAAOC,QACPA,IAEA,MAAOC,EAAcC,GAAmBC,GAAwB,IAC/DC,EAAoBf,MAEdgB,EAAUC,GAAeH,EAAwB,KACjDI,EAAgBC,GAAqBL,KACrCM,EAAqBC,GAA0BP,GAAS,GAE/DQ,GAAU,KACTC,EAAYvB,GAAgBwB,MAAMC,UAC7BA,IACHZ,EAAgBY,GAChBR,EAAYQ,EAAMT,UAClBG,EAAkC,UAAhBM,EAAMC,gBAAU,IAAAC,OAAA,EAAAA,EAAAT,gBAClC,GACA,GACA,CAAClB,IAGJ,MAAM4B,EAAUC,GAAQ,IAEnB5B,EACI,KAED,IAAI6B,EAAU,CACpB/B,OAAMgC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACFjC,GAAM,CACTkC,eAAgBA,CAACC,EAASC,WACJ,QAArBR,EAAA5B,EAAOkC,sBAAc,IAAAN,GAAAA,EAAAS,KAAArC,EAAGmC,EAASC,EAAI,IAGvCE,gBAAkBC,IACjBrB,GAAasB,GAAS,IAAIA,EAAMD,KAChCzB,GAAiB2B,IAChB,MAAMC,iCACFD,GAAI,CACPE,UAAWC,KAAKC,MAChB5B,SAAU,IAAIwB,EAAKxB,SAAUsB,KAM9B,OAJAO,EAAYJ,EAAQK,UAChBf,OAAAC,OAAAD,OAAAC,OAAA,GAAAS,IACHf,SAAQK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQS,EAAQf,UAAY,CAAA,GAAK,CAAAR,sBAEnCuB,CAAO,GACb,EAEHvC,kBACAC,kBACAC,iBACAC,oBACAC,cACAC,eACAC,YACAC,aACAC,UACAC,aAIC,CAACZ,EAAOgD,GAAI9C,EAAoBO,IAsFnC,MAAO,CACNQ,WACAJ,eACAoC,YAvFmBA,CAAOC,EAAiBC,EAAS,YAAaC,EAAAC,UAAA,OAAA,GAAA,YACjE,IAAKxB,EACJ,OAGD,MAAMyB,EAAuB,CAC5BN,GAAI,KAAKJ,KAAKC,QACdU,KAAM,OACNL,UACAM,UAAWZ,KAAKC,OAGjB3B,GAAasB,GAAS,IAAIA,EAAMc,KAChCxC,GAAiB2B,IAChB,MAAMC,iCACFD,GAAI,CACPE,UAAWC,KAAKC,MAChB5B,SAAU,IAAIwB,EAAKxB,SAAUqC,KAM9B,OAJAR,EAAYJ,EAAQK,UAChBf,OAAAC,OAAAD,OAAAC,OAAA,GAAAS,IACHf,SAAQK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQS,EAAQf,UAAY,CAAA,GAAK,CAAAR,sBAEnCuB,CAAO,IAIfpB,GAAuB,GAEvB,IACC,MAAMmC,QAAe5B,EAAQ6B,SAC5B,IAAIzC,EAAUqC,GAASK,KAAKpB,IAAO,CAClCgB,KAAMhB,EAAEgB,KACRL,QAASX,EAAEW,YAEZjD,EACAkD,EACAhC,IAIGsC,eAAAA,EAAQG,cACXxC,EAAkBqC,EAAOG,YACzB9C,GAAiB2B,IAChB,MAAMC,iCACFD,GAAI,CACPd,SACIK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAACQ,EAAKd,UAAY,CAAA,IACrBR,eAAgBsC,EAAOG,eAIzB,OADAd,EAAYJ,EAAQK,UAAWL,GACxBA,CAAO,IAGhB,CAAC,MAAOmB,GACR,MAAMC,GACJD,aAAK,EAALA,EAAgCE,UACjC,0CACKC,EAAyB,CAC9BhB,GAAI,OAAOJ,KAAKC,QAChBU,KAAM,SACNL,QAASY,EACTN,UAAWZ,KAAKC,OAEjB3B,GAAasB,GAAS,IAAIA,EAAMwB,KAChClD,GAAiB2B,IAChB,MAAMC,iCACFD,GAAI,CACPE,UAAWC,KAAKC,MAChB5B,SAAU,IAAIwB,EAAKxB,SAAU+C,KAM9B,OAJAlB,EAAYJ,EAAQK,UAChBf,OAAAC,OAAAD,OAAAC,OAAA,GAAAS,IACHf,SAAQK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAQS,EAAQf,UAAY,CAAA,GAAK,CAAAR,sBAEnCuB,CAAO,GAEf,CAAS,QAETpB,GAAuB,EACvB,CACF,IAMCD,sBAEF"}
+{"version":3,"file":"useAIChat.js","sources":["../../../../../src/components/bik-chatbot/services/useAIChat.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport {\n\tChatMessage,\n\tcreateSessionRecord,\n\tSessionRecord,\n\tUseAIChatProps,\n} from '../types';\nimport { AIService } from './aiService';\nimport { loadSession, saveSession } from './db';\n\nexport function useAIChat({\n\tsystem,\n\tconversationId,\n\tskipInitialization = false,\n\t// Generic mode props\n\tcustomFunctions,\n\tfunctionHandler,\n\tresponseFormat,\n\tonMessageReceived,\n\tdisplayInUI,\n\tmaxToolCalls,\n\tmaxTokens,\n\tapiAdapter,\n\tuseCase,\n\tstoreId,\n}: Omit<UseAIChatProps, 'updateUI'>) {\n\tconst [conversation, setConversation] = useState<SessionRecord>(() =>\n\t\tcreateSessionRecord(conversationId),\n\t);\n\tconst [messages, setMessages] = useState<ChatMessage[]>([]);\n\tconst [lastResponseId, setLastResponseId] = useState<string | undefined>();\n\tconst [isApiCallInProgress, setIsApiCallInProgress] = useState(false);\n\n\tuseEffect(() => {\n\t\tloadSession(conversationId).then((saved) => {\n\t\t\tif (saved) {\n\t\t\t\tsetConversation(saved);\n\t\t\t\tsetMessages(saved.messages);\n\t\t\t\tsetLastResponseId(saved.metadata?.lastResponseId);\n\t\t\t}\n\t\t});\n\t}, [conversationId]);\n\n\t// Create service with useMemo to recreate when system changes\n\tconst service = useMemo(() => {\n\t\t// Skip initialization if system is not ready (prevents creating AIService with placeholder \"loading\" system)\n\t\tif (skipInitialization) {\n\t\t\treturn null;\n\t\t}\n\t\treturn new AIService({\n\t\t\tsystem: {\n\t\t\t\t...system,\n\t\t\t\thandleCallback: (payload, ctx) => {\n\t\t\t\t\tsystem.handleCallback?.(payload, ctx);\n\t\t\t\t},\n\t\t\t},\n\t\t\tdispatchMessage: (m) => {\n\t\t\t\tsetMessages((prev) => [...prev, m]);\n\t\t\t\tsetConversation((conv) => {\n\t\t\t\t\tconst updated = {\n\t\t\t\t\t\t...conv,\n\t\t\t\t\t\tupdatedAt: Date.now(),\n\t\t\t\t\t\tmessages: [...conv.messages, m],\n\t\t\t\t\t};\n\t\t\t\t\tsaveSession(updated.sessionId, {\n\t\t\t\t\t\t...updated,\n\t\t\t\t\t\tmetadata: { ...(updated.metadata || {}), lastResponseId },\n\t\t\t\t\t});\n\t\t\t\t\treturn updated;\n\t\t\t\t});\n\t\t\t},\n\t\t\tcustomFunctions,\n\t\t\tfunctionHandler,\n\t\t\tresponseFormat,\n\t\t\tonMessageReceived,\n\t\t\tdisplayInUI,\n\t\t\tmaxToolCalls,\n\t\t\tmaxTokens,\n\t\t\tapiAdapter,\n\t\t\tuseCase,\n\t\t\tstoreId,\n\t\t});\n\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [system.id, skipInitialization, maxTokens]);\n\n\tconst sendMessage = async (content: string, intent = 'default') => {\n\t\tif (!service) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst userMsg: ChatMessage = {\n\t\t\tid: `u-${Date.now()}`,\n\t\t\trole: 'user',\n\t\t\tcontent,\n\t\t\ttimestamp: Date.now(),\n\t\t};\n\n\t\tsetMessages((prev) => [...prev, userMsg]);\n\t\tsetConversation((conv) => {\n\t\t\tconst updated = {\n\t\t\t\t...conv,\n\t\t\t\tupdatedAt: Date.now(),\n\t\t\t\tmessages: [...conv.messages, userMsg],\n\t\t\t};\n\t\t\tsaveSession(updated.sessionId, {\n\t\t\t\t...updated,\n\t\t\t\tmetadata: { ...(updated.metadata || {}), lastResponseId },\n\t\t\t});\n\t\t\treturn updated;\n\t\t});\n\n\t\t// Set API call in progress\n\t\tsetIsApiCallInProgress(true);\n\n\t\ttry {\n\t\t\tconst result = await service.generate(\n\t\t\t\t[...messages, userMsg].map((m) => ({\n\t\t\t\t\trole: m.role,\n\t\t\t\t\tcontent: m.content,\n\t\t\t\t})),\n\t\t\t\tconversationId,\n\t\t\t\tintent,\n\t\t\t\tlastResponseId,\n\t\t\t);\n\n\t\t\t// Pass the full AI response to the parent component via updateUI callback\n\t\t\tif (result?.responseId) {\n\t\t\t\tsetLastResponseId(result.responseId);\n\t\t\t\tsetConversation((conv) => {\n\t\t\t\t\tconst updated = {\n\t\t\t\t\t\t...conv,\n\t\t\t\t\t\tmetadata: {\n\t\t\t\t\t\t\t...(conv.metadata || {}),\n\t\t\t\t\t\t\tlastResponseId: result.responseId,\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\t\t\t\t\tsaveSession(updated.sessionId, updated);\n\t\t\t\t\treturn updated;\n\t\t\t\t});\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconst errorMessage =\n\t\t\t\t(error as { message?: string })?.message ||\n\t\t\t\t'Something went wrong. Please try again.';\n\t\t\tconst systemMsg: ChatMessage = {\n\t\t\t\tid: `err-${Date.now()}`,\n\t\t\t\trole: 'system',\n\t\t\t\tcontent: errorMessage,\n\t\t\t\ttimestamp: Date.now(),\n\t\t\t};\n\t\t\tsetMessages((prev) => [...prev, systemMsg]);\n\t\t\tsetConversation((conv) => {\n\t\t\t\tconst updated = {\n\t\t\t\t\t...conv,\n\t\t\t\t\tupdatedAt: Date.now(),\n\t\t\t\t\tmessages: [...conv.messages, systemMsg],\n\t\t\t\t};\n\t\t\t\tsaveSession(updated.sessionId, {\n\t\t\t\t\t...updated,\n\t\t\t\t\tmetadata: { ...(updated.metadata || {}), lastResponseId },\n\t\t\t\t});\n\t\t\t\treturn updated;\n\t\t\t});\n\t\t} finally {\n\t\t\t// Clear API call in progress\n\t\t\tsetIsApiCallInProgress(false);\n\t\t}\n\t};\n\n\treturn {\n\t\tmessages,\n\t\tconversation,\n\t\tsendMessage,\n\t\tisApiCallInProgress,\n\t};\n}\n"],"names":["useAIChat","_ref","_this","this","system","conversationId","skipInitialization","customFunctions","functionHandler","responseFormat","onMessageReceived","displayInUI","maxToolCalls","maxTokens","apiAdapter","useCase","storeId","conversation","setConversation","useState","createSessionRecord","messages","setMessages","lastResponseId","setLastResponseId","isApiCallInProgress","setIsApiCallInProgress","useEffect","loadSession","then","saved","metadata","_a","service","useMemo","AIService","Object","assign","handleCallback","payload","ctx","call","dispatchMessage","m","prev","conv","updated","updatedAt","Date","now","saveSession","sessionId","id","sendMessage","content","intent","arguments","length","undefined","__awaiter","userMsg","role","timestamp","result","generate","map","responseId","error","errorMessage","message","systemMsg"],"mappings":"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"}

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

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

package/dist/esm/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","_jsx","BikLayoutContainer","Object","assign","PageLoader","_Fragment","_jsxs","className","style","FeatureModalV2","otherContent","FeatureModal","showBookADemo","onClickingCross"],"mappings":"0QA4BaA,MAAAA,EAAuCC,IACnD,MAAMC,UACLA,EAASC,sBACTA,GAAwB,EAAKC,WAC7BA,GAAa,EAAKC,iBAClBA,EAAgBC,YAChBA,GAAc,EAAKC,OACnBA,EAAMC,SACNA,EAAQC,gBACRA,EAAeC,8BACfA,EAA6BC,UAC7BA,EAASC,qBACTA,EAAoBC,kBACpBA,EAAiBC,KACjBA,EAAIC,mBACJA,EAAkBC,gBAClBA,GACGf,EAEJ,OAAIC,EAEFe,EAACC,EAAkBC,OAAAC,OAAA,CAACJ,gBAAiBA,aACnCX,GAAsCY,EAACI,EAAU,CAAA,MAKpDJ,EACCK,EAAA,CAAAd,SAAAe,EAACL,EAAkBC,OAAAC,OAAA,CAACN,KAAMA,EAAME,gBAAiBA,cAChDC,EAAK,MAAA,CAAAO,UAAW,IAAGpB,EAAa,oBAAsB,MACtDa,EAAA,MAAAE,OAAAC,OAAA,CACCI,UAAW,IAAGlB,EAAc,gBAAkB,uBAC9CmB,MAAKN,OAAAC,OAAA,CACJb,OAAQ,GAAGA,GAAkB,MACzBE,QAAAA,EAAmB,KAAG,CAAAD,SAG1BA,KAEDL,GACAc,EAAAK,EAAA,CAAAd,SACEO,EACAE,EAACS,EAAcP,OAAAC,OAAA,CACdT,UAAWA,GACPE,EACJ,CAAAc,aAAcf,KAGfK,EAACW,EACAT,OAAAC,OAAA,CAAAS,eAAe,EACfC,gBAAiBA,IAChBpB,EACGA,IACA,GAEJC,UAAWA,GACPE,EAAiB,CACrBc,aAAcf,YAMjB"}
+{"version":3,"file":"BikLayout.js","sources":["../../../../src/components/bik-layout/BikLayout.tsx"],"sourcesContent":["import { BikLayoutContainer } from './CommonStyles';\nimport { FeatureModal } from './FeatureModal';\nimport { FeatureModalV2 } from './FeatureModalV2';\nimport { PageLoader } from './PageLoader';\n\nexport interface BikLayoutProps {\n\tisLoading: boolean;\n\tisFeatureModalEnabled?: boolean;\n\tisDisabled?: boolean;\n\thidePadding?: boolean;\n\tloadingAnimation?: JSX.Element;\n\theight?: string;\n\tchildren?: React.ReactNode;\n\tcontainerStyles?: React.CSSProperties;\n\tonClickingCrossOnFeatureModal?: () => void;\n\tonUpgrade?: () => void;\n\textraContentForModal?: JSX.Element;\n\ttype?: 'overflow-within' | 'overflow-body';\n\tfeatureModalProps?: {\n\t\ttitle?: string;\n\t\tsubTitle?: string;\n\t\tshowBookADemo?: boolean;\n\t\tdemoLink?: string;\n\t\tfeatureImage?: string;\n\t};\n\tuseFeautureModalV2?: boolean;\n\tbackgroundColor?: string;\n}\nexport const BikLayout: React.FC<BikLayoutProps> = (layoutProps) => {\n\tconst {\n\t\tisLoading,\n\t\tisFeatureModalEnabled = false,\n\t\tisDisabled = false,\n\t\tloadingAnimation,\n\t\thidePadding = false,\n\t\theight,\n\t\tchildren,\n\t\tcontainerStyles,\n\t\tonClickingCrossOnFeatureModal,\n\t\tonUpgrade,\n\t\textraContentForModal,\n\t\tfeatureModalProps,\n\t\ttype,\n\t\tuseFeautureModalV2,\n\t\tbackgroundColor,\n\t} = layoutProps;\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<BikLayoutContainer backgroundColor={backgroundColor}>\n\t\t\t\t{loadingAnimation ? loadingAnimation : <PageLoader />}\n\t\t\t</BikLayoutContainer>\n\t\t);\n\t}\n\treturn (\n\t\t<>\n\t\t\t<BikLayoutContainer type={type} backgroundColor={backgroundColor}>\n\t\t\t\t<div className={`${isDisabled ? 'disabled--wrapper' : ''}`} />\n\t\t\t\t<div\n\t\t\t\t\tclassName={`${hidePadding ? 'inner-wrapper' : 'inner-wrapper pd-24'}`}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: `${height ? height : ''}`,\n\t\t\t\t\t\t...(containerStyles ?? {}),\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</div>\n\t\t\t\t{isFeatureModalEnabled && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{useFeautureModalV2 ? (\n\t\t\t\t\t\t\t<FeatureModalV2\n\t\t\t\t\t\t\t\tonUpgrade={onUpgrade}\n\t\t\t\t\t\t\t\t{...featureModalProps}\n\t\t\t\t\t\t\t\totherContent={extraContentForModal}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<FeatureModal\n\t\t\t\t\t\t\t\tshowBookADemo={true}\n\t\t\t\t\t\t\t\tonClickingCross={() =>\n\t\t\t\t\t\t\t\t\tonClickingCrossOnFeatureModal\n\t\t\t\t\t\t\t\t\t\t? onClickingCrossOnFeatureModal()\n\t\t\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonUpgrade={onUpgrade}\n\t\t\t\t\t\t\t\t{...featureModalProps}\n\t\t\t\t\t\t\t\totherContent={extraContentForModal}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</BikLayoutContainer>\n\t\t</>\n\t);\n};\n"],"names":["BikLayout","layoutProps","isLoading","isFeatureModalEnabled","isDisabled","loadingAnimation","hidePadding","height","children","containerStyles","onClickingCrossOnFeatureModal","onUpgrade","extraContentForModal","featureModalProps","type","useFeautureModalV2","backgroundColor","_jsx","BikLayoutContainer","Object","assign","PageLoader","_Fragment","_jsxs","className","style","FeatureModalV2","otherContent","FeatureModal","showBookADemo","onClickingCross"],"mappings":"0QA4BaA,MAAAA,EAAuCC,IACnD,MAAMC,UACLA,EAASC,sBACTA,GAAwB,EAAKC,WAC7BA,GAAa,EAAKC,iBAClBA,EAAgBC,YAChBA,GAAc,EAAKC,OACnBA,EAAMC,SACNA,EAAQC,gBACRA,EAAeC,8BACfA,EAA6BC,UAC7BA,EAASC,qBACTA,EAAoBC,kBACpBA,EAAiBC,KACjBA,EAAIC,mBACJA,EAAkBC,gBAClBA,GACGf,EAEJ,OAAIC,EAEFe,EAACC,EAAkBC,OAAAC,OAAA,CAACJ,gBAAiBA,aACnCX,GAAsCY,EAACI,EAAU,CAAA,MAKpDJ,EACCK,EAAA,CAAAd,SAAAe,EAACL,EAAkBC,OAAAC,OAAA,CAACN,KAAMA,EAAME,gBAAiBA,cAChDC,EAAK,MAAA,CAAAO,UAAW,IAAGpB,EAAa,oBAAsB,MACtDa,EAAA,MAAAE,OAAAC,OAAA,CACCI,UAAc,IAAAlB,EAAc,gBAAkB,uBAC9CmB,MAAKN,OAAAC,OAAA,CACJb,OAAW,GAAAA,GAAkB,MACzBE,QAAAA,EAAmB,KAAG,CAAAD,SAG1BA,KAEDL,GACAc,EAAAK,EAAA,CAAAd,SACEO,EACAE,EAACS,EAAcP,OAAAC,OAAA,CACdT,UAAWA,GACPE,EACJ,CAAAc,aAAcf,KAGfK,EAACW,EACAT,OAAAC,OAAA,CAAAS,eAAe,EACfC,gBAAiBA,IAChBpB,EACGA,IACA,GAEJC,UAAWA,GACPE,EAAiB,CACrBc,aAAcf,YAMjB"}

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

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

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

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

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

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

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

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

package/dist/esm/components/button/themes.js

@@ -1,2 +1,2 @@
-import{COLORS as t}from"../../constants/Theme.js";import{ButtonRegularAI as r,ButtonLargeAI as n,BodySecondary as e,BodyCaption as a,ButtonRegular as o,ButtonLarge as i}from"../TypographyStyle.js";const c=(r,n,e,a,o)=>{if("chip"===n)return"text"===r?"transparent":a?t.surface.hovered:t.surface.subdued;switch(r){case"primary":return o||(e?t.background.warning.vibrant:t.background.inverseLight);case"destructive":return t.background.negative.vibrant;default:return"transparent"}},d=(r,n,e,a)=>{if("chip"===n)return"text"===r?e?t.content.inactive:t.content.brand:a?t.content.primary:t.content.secondary;switch(r){case"primary":return e?t.content.primary:t.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.content.secondary;case"destructive":return t.content.primaryInverse;case"ai":return t.content.ai;default:return e?t.content.primaryInverse:t.stroke.brand}},s=r=>r?"rgba(255, 255, 255, 0.5)":t.content.inactive,p=(t,r)=>{if("text"===t)return"0px";if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}},b=(t,c,d)=>d||"ai"!==c?"dashRegular"===c?e:"chip"===t?a:"small"===t?o:i:"small"===t?r:n,u=(r,n,e)=>e?t.stroke.negative.vibrant:n?t.surface.standard:"secondary"==r?t.stroke.brand:t.content.placeholder,g=(r,n,e,a,o)=>"text"==n?"border: none;":"chip"===e?`border: ${"2.0"===r?.5:1}px solid ${t.stroke.primary};`:a?"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${u(n,a,o)};`:"border: none;":"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${u(n,!1,o)};`:"border: none;",l=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",h=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),a=(n>>16)-e,o=(n>>8&255)-e,i=(255&n)-e;return`#${(16777216+(Math.max(a,0)<<16)+(Math.max(o,0)<<8)+Math.max(i,0)).toString(16).slice(1)}`},x=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),a=(n>>16)+e,o=(n>>8&255)+e,i=(255&n)+e;return`#${(16777216+(Math.min(a,255)<<16)+(Math.min(o,255)<<8)+Math.min(i,255)).toString(16).slice(1)}`},y=(r,n)=>"ai"===r?`background: ${t.surface.aiLight};`:"text"===r?"background-color:transparent;":n||"primary"===r?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",m=(r,n)=>n?"":`text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`,k=(r,n)=>n?"":"primary"===r?`background-color: ${t.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",$=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.stroke.primary};`:"",v=(t,r,n=u(t,!1))=>`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t`,f=(r,n,e)=>"text"===r?`background-color: ${t.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`:"chip"===n?`border: 1px solid ${t.stroke.brandLightAlt};\n\t\tbackground-color: ${t.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.background.inverseLight}  !important;`:`background-color: ${t.background.brandLight};`:void 0,w=(r,n,e,a)=>"chip"===n?`background-color: ${t.background.base};`:"primary"===r?a?`background-color: ${x(a,50)};`:`background-color: ${e?t.background.warning.vibrant:t.background.brandLight};`:"destructive"===r?`background-color: ${t.background.negative.light};`:"background-color: transparent;",L=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.content.secondary};`:`border: 1px solid ${t.stroke.brandLightAlt};`:"",I=(r,n)=>n?"primary"===r?t.content.primary:t.content.primaryInverse:"destructive"===r?t.content.negative:t.content.brand,M=(r,n,e,a,o,i)=>"chip"===r?a?t.content.inactive:i?t.content.primary:t.content.secondary:o?"transparent":"primary"===n||"destructive"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primary:a?t.content.inactive:t.content.primaryInverse:"secondary"===n||"tertiary"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primaryInverse:a?t.content.inactive:t.content.brand:"tertiaryGray"===n||n.startsWith("dash")?a?t.content.inactive:t.content.secondary:void 0;export{b as GetButtonTextComponent,I as SpinnerColorMap,$ as generateDisabledStyling,k as generateInverseHoverBackground,c as getBackgroundColor,g as getBorder,u as getBorderColor,M as getButtonIconColor,f as getClickEffect,d as getColor,v as getDashedBorderStyling,s as getDisabledTextColor,y as getHoverButtonBackground,h as getHoverButtonBackgroundCustom,m as getHoverButtonTextDecorationStyle,l as getLinearGradientValue,w as getLoadingBackground,L as getLoadingBorder,x as getLoadingButtonBackgroundCustom,p as getPadding};
+import{COLORS as t}from"../../constants/Theme.js";import{ButtonRegularAI as r,ButtonLargeAI as n,BodySecondary as e,BodyCaption as a,ButtonRegular as o,ButtonLarge as i}from"../TypographyStyle.js";const c=(r,n,e,a,o)=>{if("chip"===n)return"text"===r?"transparent":a?t.surface.hovered:t.surface.subdued;switch(r){case"primary":return o||(e?t.background.warning.vibrant:t.background.inverseLight);case"destructive":return t.background.negative.vibrant;default:return"transparent"}},d=(r,n,e,a)=>{if("chip"===n)return"text"===r?e?t.content.inactive:t.content.brand:a?t.content.primary:t.content.secondary;switch(r){case"primary":return e?t.content.primary:t.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.content.secondary;case"destructive":return t.content.primaryInverse;case"ai":return t.content.ai;default:return e?t.content.primaryInverse:t.stroke.brand}},s=r=>r?"rgba(255, 255, 255, 0.5)":t.content.inactive,p=(t,r)=>{if("text"===t)return"0px";if("chip"===r)return"4px 8px";if("small"===r)switch(t){case"tertiary":case"tertiaryGray":return"6px 4px";default:return"6px 12px"}else if("medium"===r)switch(t){case"tertiary":case"tertiaryGray":return"10px 4px";default:return"10px 12px"}else if("large"===r)switch(t){case"tertiary":case"tertiaryGray":return"14px 4px";default:return"14px 12px"}},u=(t,c,d)=>d||"ai"!==c?"dashRegular"===c?e:"chip"===t?a:"small"===t?o:i:"small"===t?r:n,b=(r,n,e)=>e?t.stroke.negative.vibrant:n?t.surface.standard:"secondary"==r?t.stroke.brand:t.content.placeholder,g=(r,n,e,a,o)=>"text"==n?"border: none;":"chip"===e?`border: ${"2.0"===r?.5:1}px solid ${t.stroke.primary};`:a?"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${b(n,a,o)};`:"border: none;":"secondary"===n?`border: ${"2.0"===r?.5:1}px solid ${b(n,!1,o)};`:"border: none;",l=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",h=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),a=(n>>16)-e,o=(n>>8&255)-e,i=(255&n)-e;return`#${(16777216+(Math.max(a,0)<<16)+(Math.max(o,0)<<8)+Math.max(i,0)).toString(16).slice(1)}`},x=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),a=(n>>16)+e,o=(n>>8&255)+e,i=(255&n)+e;return`#${(16777216+(Math.min(a,255)<<16)+(Math.min(o,255)<<8)+Math.min(i,255)).toString(16).slice(1)}`},y=(r,n)=>"ai"===r?`background: ${t.surface.aiLight};`:"text"===r?"background-color:transparent;":n||"primary"===r?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",m=(r,n)=>n?"":`text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`,k=(r,n)=>n?"":"primary"===r?`background-color: ${t.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",$=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.stroke.primary};`:"",v=function(t,r){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:b(t,!1);return`\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${n},\n\t\t\t${n}\n\t\t\t\t${l(r)}\n\t\t);\n\t}\n\t`},f=(r,n,e)=>"text"===r?`background-color: ${t.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.content.brand};`:"chip"===n?`border: 1px solid ${t.stroke.brandLightAlt};\n\t\tbackground-color: ${t.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`:"box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);":"secondary"===r||"tertiary"===r||"tertiaryGray"===r||r.startsWith("dash")?e?`background-color: ${t.background.inverseLight}  !important;`:`background-color: ${t.background.brandLight};`:void 0,w=(r,n,e,a)=>"chip"===n?`background-color: ${t.background.base};`:"primary"===r?a?`background-color: ${x(a,50)};`:`background-color: ${e?t.background.warning.vibrant:t.background.brandLight};`:"destructive"===r?`background-color: ${t.background.negative.light};`:"background-color: transparent;",L=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.content.secondary};`:`border: 1px solid ${t.stroke.brandLightAlt};`:"",I=(r,n)=>n?"primary"===r?t.content.primary:t.content.primaryInverse:"destructive"===r?t.content.negative:t.content.brand,M=(r,n,e,a,o,i)=>"chip"===r?a?t.content.inactive:i?t.content.primary:t.content.secondary:o?"transparent":"primary"===n||"destructive"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primary:a?t.content.inactive:t.content.primaryInverse:"secondary"===n||"tertiary"===n?e?a?"rgba(255, 255, 255, 0.5)":t.content.primaryInverse:a?t.content.inactive:t.content.brand:"tertiaryGray"===n||n.startsWith("dash")?a?t.content.inactive:t.content.secondary:void 0;export{u as GetButtonTextComponent,I as SpinnerColorMap,$ as generateDisabledStyling,k as generateInverseHoverBackground,c as getBackgroundColor,g as getBorder,b as getBorderColor,M as getButtonIconColor,f as getClickEffect,d as getColor,v as getDashedBorderStyling,s as getDisabledTextColor,y as getHoverButtonBackground,h as getHoverButtonBackgroundCustom,m as getHoverButtonTextDecorationStyle,l as getLinearGradientValue,w as getLoadingBackground,L as getLoadingBorder,x as getLoadingButtonBackgroundCustom,p as getPadding};
 //# sourceMappingURL=themes.js.map

package/dist/esm/components/button/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sources":["../../../../src/components/button/themes.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tButtonLarge,\n\tButtonLargeAI,\n\tButtonRegular,\n\tButtonRegularAI,\n} from '../TypographyStyle';\nimport { Size, Type } from './model';\n\nexport const getBackgroundColor = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\tdarkMode?: boolean,\n\tbuttonColor?: string,\n): string => {\n\tif (size === 'chip') {\n\t\tif (type === 'text') {\n\t\t\treturn 'transparent';\n\t\t}\n\t\treturn darkMode ? COLORS.surface.hovered : COLORS.surface.subdued;\n\t}\n\tswitch (type) {\n\t\tcase 'primary':\n\t\t\treturn buttonColor\n\t\t\t\t? buttonColor\n\t\t\t\t: inverse\n\t\t\t\t? COLORS.background.warning.vibrant\n\t\t\t\t: COLORS.background.inverseLight;\n\t\tcase 'destructive':\n\t\t\treturn COLORS.background.negative.vibrant;\n\t\tcase 'tertiary':\n\t\t\treturn 'transparent';\n\t\tdefault:\n\t\t\treturn 'transparent';\n\t}\n};\n\nexport const getColor = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\tdarkMode?: boolean,\n): string => {\n\tif (size === 'chip') {\n\t\tif (type === 'text') {\n\t\t\treturn inverse ? COLORS.content.inactive : COLORS.content.brand;\n\t\t}\n\t\treturn darkMode ? COLORS.content.primary : COLORS.content.secondary;\n\t}\n\tswitch (type) {\n\t\tcase 'primary':\n\t\t\treturn inverse ? COLORS.content.primary : COLORS.content.primaryInverse;\n\t\tcase 'tertiaryGray':\n\t\t\treturn COLORS.content.secondary;\n\t\tcase 'destructive':\n\t\t\treturn COLORS.content.primaryInverse;\n\t\tcase 'dashBold':\n\t\t\treturn COLORS.content.secondary;\n\t\tcase 'dashRegular':\n\t\t\treturn COLORS.content.secondary;\n\t\tcase 'ai':\n\t\t\treturn COLORS.content.ai;\n\t\tdefault:\n\t\t\treturn inverse ? COLORS.content.primaryInverse : COLORS.stroke.brand;\n\t}\n};\n\nexport const getDisabledTextColor = (inverse?: boolean) => {\n\tif (inverse) {\n\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t}\n\treturn COLORS.content.inactive;\n};\n\nexport const getPadding = (type: Type, size: Size) => {\n\tif (type === 'text') {\n\t\treturn '0px';\n\t} else if (size === 'chip') {\n\t\treturn '4px 8px';\n\t} else if (size === 'small') {\n\t\tswitch (type) {\n\t\t\tcase 'tertiary':\n\t\t\t\treturn '6px 4px';\n\t\t\tcase 'tertiaryGray':\n\t\t\t\treturn '6px 4px';\n\t\t\tdefault:\n\t\t\t\treturn '6px 12px';\n\t\t}\n\t} else if (size === 'medium') {\n\t\tswitch (type) {\n\t\t\tcase 'tertiary':\n\t\t\t\treturn '10px 4px';\n\t\t\tcase 'tertiaryGray':\n\t\t\t\treturn '10px 4px';\n\t\t\tdefault:\n\t\t\t\treturn '10px 12px';\n\t\t}\n\t} else if (size === 'large') {\n\t\tswitch (type) {\n\t\t\tcase 'tertiary':\n\t\t\t\treturn '14px 4px';\n\t\t\tcase 'tertiaryGray':\n\t\t\t\treturn '14px 4px';\n\t\t\tdefault:\n\t\t\t\treturn '14px 12px';\n\t\t}\n\t}\n};\nexport const GetButtonTextComponent = (\n\tsize: Size,\n\ttype: Type,\n\tdisabled?: boolean,\n) => {\n\tif (!disabled && type === 'ai') {\n\t\tif (size === 'small') {\n\t\t\treturn ButtonRegularAI;\n\t\t} else {\n\t\t\treturn ButtonLargeAI;\n\t\t}\n\t}\n\n\tif (type === 'dashRegular') {\n\t\treturn BodySecondary;\n\t}\n\tif (size === 'chip') {\n\t\treturn BodyCaption;\n\t} else if (size === 'small') {\n\t\treturn ButtonRegular;\n\t}\n\treturn ButtonLarge;\n};\n\nexport const getBorderColor = (\n\ttype: Type,\n\tinverse?: boolean,\n\terror?: boolean,\n): string => {\n\tif (error) {\n\t\treturn COLORS.stroke.negative.vibrant;\n\t}\n\n\tif (inverse) {\n\t\treturn COLORS.surface.standard;\n\t}\n\tif (type == 'secondary') {\n\t\treturn COLORS.stroke.brand;\n\t}\n\treturn COLORS.content.placeholder;\n};\n\nexport const getBorder = (\n\tversion: '1.0' | '2.0',\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\terror?: boolean,\n): string => {\n\tif (type == 'text') {\n\t\treturn 'border: none;';\n\t}\n\tif (size === 'chip') {\n\t\treturn `border: ${version === '2.0' ? 0.5 : 1}px solid ${\n\t\t\tCOLORS.stroke.primary\n\t\t};`;\n\t}\n\tif (inverse) {\n\t\tif (type === 'secondary') {\n\t\t\treturn `border: ${version === '2.0' ? 0.5 : 1}px solid ${getBorderColor(\n\t\t\t\ttype,\n\t\t\t\tinverse,\n\t\t\t\terror,\n\t\t\t)};`;\n\t\t}\n\t\treturn 'border: none;';\n\t}\n\n\tif (type === 'secondary') {\n\t\treturn `border: ${version === '2.0' ? 0.5 : 1}px solid ${getBorderColor(\n\t\t\ttype,\n\t\t\tfalse,\n\t\t\terror,\n\t\t)};`;\n\t}\n\treturn 'border: none;';\n};\n\nexport const getLinearGradientValue = (size: Size): string => {\n\tif (size === 'medium') {\n\t\treturn `5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px`;\n\t}\n\treturn `6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px`;\n};\n\n/**\n * Adjusts the brightness of a given hex color by a specified percentage.\n * Below function is used to generate a hover effect for button backgrounds.\n *\n * @param {string} color - The hex color code to be adjusted (e.g., \"#ff0000\").\n * @param {number} percent - The percentage by which to darken the color. Positive values darken the color.\n * @returns {string} - The adjusted hex color code.\n *\n * @example\n * // Darken the color #ff0000 (red) by 10%\n * const darkerRed = getHoverButtonBackgroundCustom(\"#ff0000\", 10);\n * console.log(darkerRed); // Output might be \"#e60000\"\n */\n\nexport const getHoverButtonBackgroundCustom = (\n\tcolor: string,\n\tpercent: number,\n) => {\n\tconst num = parseInt(color.replace('#', ''), 16),\n\t\tamt = Math.round(2.55 * percent),\n\t\tR = (num >> 16) - amt,\n\t\tG = ((num >> 8) & 0x00ff) - amt,\n\t\tB = (num & 0x0000ff) - amt;\n\n\treturn `#${(\n\t\t0x1000000 +\n\t\t(Math.max(R, 0) << 16) +\n\t\t(Math.max(G, 0) << 8) +\n\t\tMath.max(B, 0)\n\t)\n\t\t.toString(16)\n\t\t.slice(1)}`;\n};\n\n/**\n * Generates a new color by adjusting the brightness of the given color by a specified percentage.\n *\n * @param color - The original color in hexadecimal format (e.g., \"#RRGGBB\").\n * @param percent - The percentage to adjust the brightness. Positive values will lighten the color, while negative values will darken it.\n * @returns The new color in hexadecimal format after adjusting the brightness.\n *\n * @example\n * // Lighten the color by 20%\n * const newColor = getLoadingButtonBackgroundCustom(\"#ff0000\", 20); // \"#ff3333\"\n *\n * @example\n * // Darken the color by 10%\n * const newColor = getLoadingButtonBackgroundCustom(\"#00ff00\", -10); // \"#00e600\"\n */\nexport const getLoadingButtonBackgroundCustom = (\n\tcolor: string,\n\tpercent: number,\n) => {\n\tconst num = parseInt(color.replace('#', ''), 16),\n\t\tamt = Math.round(2.55 * percent),\n\t\tR = (num >> 16) + amt,\n\t\tG = ((num >> 8) & 0x00ff) + amt,\n\t\tB = (num & 0x0000ff) + amt;\n\n\treturn `#${(\n\t\t0x1000000 +\n\t\t(Math.min(R, 255) << 16) +\n\t\t(Math.min(G, 255) << 8) +\n\t\tMath.min(B, 255)\n\t)\n\t\t.toString(16)\n\t\t.slice(1)}`;\n};\n\nexport const getHoverButtonBackground = (type: Type, inverse?: boolean) => {\n\tif (type === 'ai') {\n\t\treturn `background: ${COLORS.surface.aiLight};`;\n\t}\n\n\tif (type === 'text') {\n\t\treturn `background-color:transparent;`;\n\t}\n\tif (!inverse && type !== 'primary') {\n\t\treturn `background-color: #000000;\n\t\t\t\topacity: 0.03;`;\n\t}\n\n\treturn ``;\n};\n\nexport const getHoverButtonTextDecorationStyle = (\n\ttype: Type,\n\tdisabled?: boolean,\n) => {\n\tif (disabled) {\n\t\treturn '';\n\t}\n\treturn `text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${COLORS.content.brand};`;\n};\n\nexport const generateInverseHoverBackground = (\n\ttype: Type,\n\tdisabled?: boolean,\n) => {\n\tif (disabled) {\n\t\treturn '';\n\t}\n\tif (type === 'primary') {\n\t\treturn `background-color: ${COLORS.stroke.warning.lightAlt};`;\n\t}\n\treturn `background-color: rgba(255, 255, 255, 0.1)`;\n};\n\nexport const generateDisabledStyling = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n) => {\n\tif (size === 'chip') {\n\t\treturn `background-color: transparent;`;\n\t}\n\tif (type === 'primary' || type === 'destructive') {\n\t\treturn inverse\n\t\t\t? 'background-color: rgba(255,255,255,0.3);'\n\t\t\t: `background-color: ${COLORS.background.inactive};`;\n\t} else if (type === 'secondary') {\n\t\treturn inverse\n\t\t\t? `border: 1px solid rgba(255, 255, 255, 0.5);`\n\t\t\t: `border: 1px solid ${COLORS.stroke.primary};`;\n\t}\n\treturn '';\n};\n\nexport const getDashedBorderStyling = (\n\ttype: Type,\n\tsize: Size,\n\tborderColor: string = getBorderColor(type, false),\n) => {\n\treturn `\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t`;\n};\n\nexport const getClickEffect = (type: Type, size: Size, inverse?: boolean) => {\n\tif (type === 'text') {\n\t\treturn `background-color: ${COLORS.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${COLORS.content.brand};`;\n\t}\n\tif (size === 'chip') {\n\t\treturn `border: 1px solid ${COLORS.stroke.brandLightAlt};\n\t\tbackground-color: ${COLORS.background.brandLight};`;\n\t}\n\tif (type === 'primary' || type === 'destructive') {\n\t\tif (inverse) {\n\t\t\treturn `background-color: ${COLORS.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`;\n\t\t}\n\t\treturn 'box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);';\n\t} else if (\n\t\ttype === 'secondary' ||\n\t\ttype === 'tertiary' ||\n\t\ttype === 'tertiaryGray' ||\n\t\ttype.startsWith('dash')\n\t) {\n\t\treturn inverse\n\t\t\t? `background-color: ${COLORS.background.inverseLight}  !important;`\n\t\t\t: `background-color: ${COLORS.background.brandLight};`;\n\t}\n};\nexport const getLoadingBackground = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\tbuttonColor?: string,\n) => {\n\tif (size === 'chip') {\n\t\treturn `background-color: ${COLORS.background.base};`;\n\t}\n\tif (type === 'primary') {\n\t\tif (buttonColor) {\n\t\t\treturn `background-color: ${getLoadingButtonBackgroundCustom(\n\t\t\t\tbuttonColor,\n\t\t\t\t50,\n\t\t\t)};`;\n\t\t}\n\t\treturn `background-color: ${\n\t\t\tinverse ? COLORS.background.warning.vibrant : COLORS.background.brandLight\n\t\t};`;\n\t}\n\tif (type === 'destructive') {\n\t\treturn `background-color: ${COLORS.background.negative.light};`;\n\t}\n\treturn 'background-color: transparent;';\n};\n\nexport const getLoadingBorder = (type: Type, size: Size, inverse?: boolean) => {\n\tif (size === 'chip') {\n\t\treturn `border: none;`;\n\t}\n\tif (type === 'secondary') {\n\t\treturn inverse\n\t\t\t? `border: 1px solid ${COLORS.content.secondary};`\n\t\t\t: `border: 1px solid ${COLORS.stroke.brandLightAlt};`;\n\t}\n\treturn '';\n};\n\nexport const SpinnerColorMap = (type: Type, inverse?: boolean) => {\n\tif (inverse) {\n\t\tif (type === 'primary') {\n\t\t\treturn COLORS.content.primary;\n\t\t}\n\t\treturn COLORS.content.primaryInverse;\n\t}\n\tif (type === 'destructive') {\n\t\treturn COLORS.content.negative;\n\t}\n\treturn COLORS.content.brand;\n};\n\nexport const getButtonIconColor = (\n\tsize: Size,\n\ttype: Type,\n\tinverse?: boolean,\n\tdisabled?: boolean,\n\tisLoading?: boolean,\n\tdarkMode?: boolean,\n) => {\n\tif (size === 'chip') {\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t} else if (darkMode) {\n\t\t\treturn COLORS.content.primary;\n\t\t}\n\t\treturn COLORS.content.secondary;\n\t}\n\tif (isLoading) {\n\t\treturn 'transparent';\n\t}\n\tif (type === 'primary' || type === 'destructive') {\n\t\tif (inverse) {\n\t\t\tif (disabled) {\n\t\t\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t\t\t}\n\t\t\treturn COLORS.content.primary;\n\t\t}\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.primaryInverse;\n\t} else if (type === 'secondary') {\n\t\tif (inverse) {\n\t\t\tif (disabled) {\n\t\t\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t\t\t}\n\t\t\treturn COLORS.content.primaryInverse;\n\t\t}\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.brand;\n\t} else if (type === 'tertiary') {\n\t\tif (inverse) {\n\t\t\tif (disabled) {\n\t\t\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t\t\t}\n\t\t\treturn COLORS.content.primaryInverse;\n\t\t}\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.brand;\n\t} else if (type === 'tertiaryGray' || type.startsWith('dash')) {\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.secondary;\n\t}\n};\n"],"names":["getBackgroundColor","type","size","inverse","darkMode","buttonColor","COLORS","surface","hovered","subdued","background","warning","vibrant","inverseLight","negative","getColor","content","inactive","brand","primary","secondary","primaryInverse","ai","stroke","getDisabledTextColor","getPadding","GetButtonTextComponent","disabled","BodySecondary","BodyCaption","ButtonRegular","ButtonLarge","ButtonRegularAI","ButtonLargeAI","getBorderColor","error","standard","placeholder","getBorder","version","getLinearGradientValue","getHoverButtonBackgroundCustom","color","percent","num","parseInt","replace","amt","Math","round","R","G","B","max","toString","slice","getLoadingButtonBackgroundCustom","min","getHoverButtonBackground","aiLight","getHoverButtonTextDecorationStyle","generateInverseHoverBackground","lightAlt","generateDisabledStyling","getDashedBorderStyling","borderColor","getClickEffect","brandLight","brandLightAlt","startsWith","getLoadingBackground","base","light","getLoadingBorder","SpinnerColorMap","getButtonIconColor","isLoading"],"mappings":"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"}
+{"version":3,"file":"themes.js","sources":["../../../../src/components/button/themes.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tButtonLarge,\n\tButtonLargeAI,\n\tButtonRegular,\n\tButtonRegularAI,\n} from '../TypographyStyle';\nimport { Size, Type } from './model';\n\nexport const getBackgroundColor = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\tdarkMode?: boolean,\n\tbuttonColor?: string,\n): string => {\n\tif (size === 'chip') {\n\t\tif (type === 'text') {\n\t\t\treturn 'transparent';\n\t\t}\n\t\treturn darkMode ? COLORS.surface.hovered : COLORS.surface.subdued;\n\t}\n\tswitch (type) {\n\t\tcase 'primary':\n\t\t\treturn buttonColor\n\t\t\t\t? buttonColor\n\t\t\t\t: inverse\n\t\t\t\t? COLORS.background.warning.vibrant\n\t\t\t\t: COLORS.background.inverseLight;\n\t\tcase 'destructive':\n\t\t\treturn COLORS.background.negative.vibrant;\n\t\tcase 'tertiary':\n\t\t\treturn 'transparent';\n\t\tdefault:\n\t\t\treturn 'transparent';\n\t}\n};\n\nexport const getColor = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\tdarkMode?: boolean,\n): string => {\n\tif (size === 'chip') {\n\t\tif (type === 'text') {\n\t\t\treturn inverse ? COLORS.content.inactive : COLORS.content.brand;\n\t\t}\n\t\treturn darkMode ? COLORS.content.primary : COLORS.content.secondary;\n\t}\n\tswitch (type) {\n\t\tcase 'primary':\n\t\t\treturn inverse ? COLORS.content.primary : COLORS.content.primaryInverse;\n\t\tcase 'tertiaryGray':\n\t\t\treturn COLORS.content.secondary;\n\t\tcase 'destructive':\n\t\t\treturn COLORS.content.primaryInverse;\n\t\tcase 'dashBold':\n\t\t\treturn COLORS.content.secondary;\n\t\tcase 'dashRegular':\n\t\t\treturn COLORS.content.secondary;\n\t\tcase 'ai':\n\t\t\treturn COLORS.content.ai;\n\t\tdefault:\n\t\t\treturn inverse ? COLORS.content.primaryInverse : COLORS.stroke.brand;\n\t}\n};\n\nexport const getDisabledTextColor = (inverse?: boolean) => {\n\tif (inverse) {\n\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t}\n\treturn COLORS.content.inactive;\n};\n\nexport const getPadding = (type: Type, size: Size) => {\n\tif (type === 'text') {\n\t\treturn '0px';\n\t} else if (size === 'chip') {\n\t\treturn '4px 8px';\n\t} else if (size === 'small') {\n\t\tswitch (type) {\n\t\t\tcase 'tertiary':\n\t\t\t\treturn '6px 4px';\n\t\t\tcase 'tertiaryGray':\n\t\t\t\treturn '6px 4px';\n\t\t\tdefault:\n\t\t\t\treturn '6px 12px';\n\t\t}\n\t} else if (size === 'medium') {\n\t\tswitch (type) {\n\t\t\tcase 'tertiary':\n\t\t\t\treturn '10px 4px';\n\t\t\tcase 'tertiaryGray':\n\t\t\t\treturn '10px 4px';\n\t\t\tdefault:\n\t\t\t\treturn '10px 12px';\n\t\t}\n\t} else if (size === 'large') {\n\t\tswitch (type) {\n\t\t\tcase 'tertiary':\n\t\t\t\treturn '14px 4px';\n\t\t\tcase 'tertiaryGray':\n\t\t\t\treturn '14px 4px';\n\t\t\tdefault:\n\t\t\t\treturn '14px 12px';\n\t\t}\n\t}\n};\nexport const GetButtonTextComponent = (\n\tsize: Size,\n\ttype: Type,\n\tdisabled?: boolean,\n) => {\n\tif (!disabled && type === 'ai') {\n\t\tif (size === 'small') {\n\t\t\treturn ButtonRegularAI;\n\t\t} else {\n\t\t\treturn ButtonLargeAI;\n\t\t}\n\t}\n\n\tif (type === 'dashRegular') {\n\t\treturn BodySecondary;\n\t}\n\tif (size === 'chip') {\n\t\treturn BodyCaption;\n\t} else if (size === 'small') {\n\t\treturn ButtonRegular;\n\t}\n\treturn ButtonLarge;\n};\n\nexport const getBorderColor = (\n\ttype: Type,\n\tinverse?: boolean,\n\terror?: boolean,\n): string => {\n\tif (error) {\n\t\treturn COLORS.stroke.negative.vibrant;\n\t}\n\n\tif (inverse) {\n\t\treturn COLORS.surface.standard;\n\t}\n\tif (type == 'secondary') {\n\t\treturn COLORS.stroke.brand;\n\t}\n\treturn COLORS.content.placeholder;\n};\n\nexport const getBorder = (\n\tversion: '1.0' | '2.0',\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\terror?: boolean,\n): string => {\n\tif (type == 'text') {\n\t\treturn 'border: none;';\n\t}\n\tif (size === 'chip') {\n\t\treturn `border: ${version === '2.0' ? 0.5 : 1}px solid ${\n\t\t\tCOLORS.stroke.primary\n\t\t};`;\n\t}\n\tif (inverse) {\n\t\tif (type === 'secondary') {\n\t\t\treturn `border: ${version === '2.0' ? 0.5 : 1}px solid ${getBorderColor(\n\t\t\t\ttype,\n\t\t\t\tinverse,\n\t\t\t\terror,\n\t\t\t)};`;\n\t\t}\n\t\treturn 'border: none;';\n\t}\n\n\tif (type === 'secondary') {\n\t\treturn `border: ${version === '2.0' ? 0.5 : 1}px solid ${getBorderColor(\n\t\t\ttype,\n\t\t\tfalse,\n\t\t\terror,\n\t\t)};`;\n\t}\n\treturn 'border: none;';\n};\n\nexport const getLinearGradientValue = (size: Size): string => {\n\tif (size === 'medium') {\n\t\treturn `5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px`;\n\t}\n\treturn `6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px`;\n};\n\n/**\n * Adjusts the brightness of a given hex color by a specified percentage.\n * Below function is used to generate a hover effect for button backgrounds.\n *\n * @param {string} color - The hex color code to be adjusted (e.g., \"#ff0000\").\n * @param {number} percent - The percentage by which to darken the color. Positive values darken the color.\n * @returns {string} - The adjusted hex color code.\n *\n * @example\n * // Darken the color #ff0000 (red) by 10%\n * const darkerRed = getHoverButtonBackgroundCustom(\"#ff0000\", 10);\n * console.log(darkerRed); // Output might be \"#e60000\"\n */\n\nexport const getHoverButtonBackgroundCustom = (\n\tcolor: string,\n\tpercent: number,\n) => {\n\tconst num = parseInt(color.replace('#', ''), 16),\n\t\tamt = Math.round(2.55 * percent),\n\t\tR = (num >> 16) - amt,\n\t\tG = ((num >> 8) & 0x00ff) - amt,\n\t\tB = (num & 0x0000ff) - amt;\n\n\treturn `#${(\n\t\t0x1000000 +\n\t\t(Math.max(R, 0) << 16) +\n\t\t(Math.max(G, 0) << 8) +\n\t\tMath.max(B, 0)\n\t)\n\t\t.toString(16)\n\t\t.slice(1)}`;\n};\n\n/**\n * Generates a new color by adjusting the brightness of the given color by a specified percentage.\n *\n * @param color - The original color in hexadecimal format (e.g., \"#RRGGBB\").\n * @param percent - The percentage to adjust the brightness. Positive values will lighten the color, while negative values will darken it.\n * @returns The new color in hexadecimal format after adjusting the brightness.\n *\n * @example\n * // Lighten the color by 20%\n * const newColor = getLoadingButtonBackgroundCustom(\"#ff0000\", 20); // \"#ff3333\"\n *\n * @example\n * // Darken the color by 10%\n * const newColor = getLoadingButtonBackgroundCustom(\"#00ff00\", -10); // \"#00e600\"\n */\nexport const getLoadingButtonBackgroundCustom = (\n\tcolor: string,\n\tpercent: number,\n) => {\n\tconst num = parseInt(color.replace('#', ''), 16),\n\t\tamt = Math.round(2.55 * percent),\n\t\tR = (num >> 16) + amt,\n\t\tG = ((num >> 8) & 0x00ff) + amt,\n\t\tB = (num & 0x0000ff) + amt;\n\n\treturn `#${(\n\t\t0x1000000 +\n\t\t(Math.min(R, 255) << 16) +\n\t\t(Math.min(G, 255) << 8) +\n\t\tMath.min(B, 255)\n\t)\n\t\t.toString(16)\n\t\t.slice(1)}`;\n};\n\nexport const getHoverButtonBackground = (type: Type, inverse?: boolean) => {\n\tif (type === 'ai') {\n\t\treturn `background: ${COLORS.surface.aiLight};`;\n\t}\n\n\tif (type === 'text') {\n\t\treturn `background-color:transparent;`;\n\t}\n\tif (!inverse && type !== 'primary') {\n\t\treturn `background-color: #000000;\n\t\t\t\topacity: 0.03;`;\n\t}\n\n\treturn ``;\n};\n\nexport const getHoverButtonTextDecorationStyle = (\n\ttype: Type,\n\tdisabled?: boolean,\n) => {\n\tif (disabled) {\n\t\treturn '';\n\t}\n\treturn `text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${COLORS.content.brand};`;\n};\n\nexport const generateInverseHoverBackground = (\n\ttype: Type,\n\tdisabled?: boolean,\n) => {\n\tif (disabled) {\n\t\treturn '';\n\t}\n\tif (type === 'primary') {\n\t\treturn `background-color: ${COLORS.stroke.warning.lightAlt};`;\n\t}\n\treturn `background-color: rgba(255, 255, 255, 0.1)`;\n};\n\nexport const generateDisabledStyling = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n) => {\n\tif (size === 'chip') {\n\t\treturn `background-color: transparent;`;\n\t}\n\tif (type === 'primary' || type === 'destructive') {\n\t\treturn inverse\n\t\t\t? 'background-color: rgba(255,255,255,0.3);'\n\t\t\t: `background-color: ${COLORS.background.inactive};`;\n\t} else if (type === 'secondary') {\n\t\treturn inverse\n\t\t\t? `border: 1px solid rgba(255, 255, 255, 0.5);`\n\t\t\t: `border: 1px solid ${COLORS.stroke.primary};`;\n\t}\n\treturn '';\n};\n\nexport const getDashedBorderStyling = (\n\ttype: Type,\n\tsize: Size,\n\tborderColor: string = getBorderColor(type, false),\n) => {\n\treturn `\n\t.line-top {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t.line-right {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t.line-bottom {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom: 0;\n\t\theight: 1px;\n\t\twidth: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto right,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t.line-left {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 0;\n\t\twidth: 1px;\n\t\theight: 100%;\n\t\tbackground: repeating-linear-gradient(\n\t\t\tto bottom,\n\t\t\t${borderColor},\n\t\t\t${borderColor}\n\t\t\t\t${getLinearGradientValue(size)}\n\t\t);\n\t}\n\t`;\n};\n\nexport const getClickEffect = (type: Type, size: Size, inverse?: boolean) => {\n\tif (type === 'text') {\n\t\treturn `background-color: ${COLORS.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${COLORS.content.brand};`;\n\t}\n\tif (size === 'chip') {\n\t\treturn `border: 1px solid ${COLORS.stroke.brandLightAlt};\n\t\tbackground-color: ${COLORS.background.brandLight};`;\n\t}\n\tif (type === 'primary' || type === 'destructive') {\n\t\tif (inverse) {\n\t\t\treturn `background-color: ${COLORS.background.warning.vibrant} !important;\n\t\t\tbox-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);\n\t\t\t`;\n\t\t}\n\t\treturn 'box-shadow: inset 0px 4px 12px rgba(0, 0, 0, 0.35);';\n\t} else if (\n\t\ttype === 'secondary' ||\n\t\ttype === 'tertiary' ||\n\t\ttype === 'tertiaryGray' ||\n\t\ttype.startsWith('dash')\n\t) {\n\t\treturn inverse\n\t\t\t? `background-color: ${COLORS.background.inverseLight}  !important;`\n\t\t\t: `background-color: ${COLORS.background.brandLight};`;\n\t}\n};\nexport const getLoadingBackground = (\n\ttype: Type,\n\tsize: Size,\n\tinverse?: boolean,\n\tbuttonColor?: string,\n) => {\n\tif (size === 'chip') {\n\t\treturn `background-color: ${COLORS.background.base};`;\n\t}\n\tif (type === 'primary') {\n\t\tif (buttonColor) {\n\t\t\treturn `background-color: ${getLoadingButtonBackgroundCustom(\n\t\t\t\tbuttonColor,\n\t\t\t\t50,\n\t\t\t)};`;\n\t\t}\n\t\treturn `background-color: ${\n\t\t\tinverse ? COLORS.background.warning.vibrant : COLORS.background.brandLight\n\t\t};`;\n\t}\n\tif (type === 'destructive') {\n\t\treturn `background-color: ${COLORS.background.negative.light};`;\n\t}\n\treturn 'background-color: transparent;';\n};\n\nexport const getLoadingBorder = (type: Type, size: Size, inverse?: boolean) => {\n\tif (size === 'chip') {\n\t\treturn `border: none;`;\n\t}\n\tif (type === 'secondary') {\n\t\treturn inverse\n\t\t\t? `border: 1px solid ${COLORS.content.secondary};`\n\t\t\t: `border: 1px solid ${COLORS.stroke.brandLightAlt};`;\n\t}\n\treturn '';\n};\n\nexport const SpinnerColorMap = (type: Type, inverse?: boolean) => {\n\tif (inverse) {\n\t\tif (type === 'primary') {\n\t\t\treturn COLORS.content.primary;\n\t\t}\n\t\treturn COLORS.content.primaryInverse;\n\t}\n\tif (type === 'destructive') {\n\t\treturn COLORS.content.negative;\n\t}\n\treturn COLORS.content.brand;\n};\n\nexport const getButtonIconColor = (\n\tsize: Size,\n\ttype: Type,\n\tinverse?: boolean,\n\tdisabled?: boolean,\n\tisLoading?: boolean,\n\tdarkMode?: boolean,\n) => {\n\tif (size === 'chip') {\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t} else if (darkMode) {\n\t\t\treturn COLORS.content.primary;\n\t\t}\n\t\treturn COLORS.content.secondary;\n\t}\n\tif (isLoading) {\n\t\treturn 'transparent';\n\t}\n\tif (type === 'primary' || type === 'destructive') {\n\t\tif (inverse) {\n\t\t\tif (disabled) {\n\t\t\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t\t\t}\n\t\t\treturn COLORS.content.primary;\n\t\t}\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.primaryInverse;\n\t} else if (type === 'secondary') {\n\t\tif (inverse) {\n\t\t\tif (disabled) {\n\t\t\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t\t\t}\n\t\t\treturn COLORS.content.primaryInverse;\n\t\t}\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.brand;\n\t} else if (type === 'tertiary') {\n\t\tif (inverse) {\n\t\t\tif (disabled) {\n\t\t\t\treturn 'rgba(255, 255, 255, 0.5)';\n\t\t\t}\n\t\t\treturn COLORS.content.primaryInverse;\n\t\t}\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.brand;\n\t} else if (type === 'tertiaryGray' || type.startsWith('dash')) {\n\t\tif (disabled) {\n\t\t\treturn COLORS.content.inactive;\n\t\t}\n\t\treturn COLORS.content.secondary;\n\t}\n};\n"],"names":["getBackgroundColor","type","size","inverse","darkMode","buttonColor","COLORS","surface","hovered","subdued","background","warning","vibrant","inverseLight","negative","getColor","content","inactive","brand","primary","secondary","primaryInverse","ai","stroke","getDisabledTextColor","getPadding","GetButtonTextComponent","disabled","BodySecondary","BodyCaption","ButtonRegular","ButtonLarge","ButtonRegularAI","ButtonLargeAI","getBorderColor","error","standard","placeholder","getBorder","version","getLinearGradientValue","getHoverButtonBackgroundCustom","color","percent","num","parseInt","replace","amt","Math","round","R","G","B","max","toString","slice","getLoadingButtonBackgroundCustom","min","getHoverButtonBackground","aiLight","getHoverButtonTextDecorationStyle","generateInverseHoverBackground","lightAlt","generateDisabledStyling","getDashedBorderStyling","borderColor","arguments","length","undefined","getClickEffect","brandLight","brandLightAlt","startsWith","getLoadingBackground","base","light","getLoadingBorder","SpinnerColorMap","getButtonIconColor","isLoading"],"mappings":"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"}