@bikdotai/bik-component-library 0.0.736-beta.10 → 0.0.736-beta.2

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

@@ -144,4 +144,4 @@
 			transform: translateY(0);
 		}
 	}
-`,l=[{icon:s.default,text:"Analyzing your questions..."},{icon:i.default,text:"Gathering insights..."},{icon:r.default,text:"Crafting the perfect response..."}];exports.default=()=>{const[a,s]=t.useState(0);t.useEffect(()=>{const e=window.setInterval(()=>{s(e=>(e+1)%l.length)},1800);return()=>window.clearInterval(e)},[]);const i=l[a];return e.jsxs(o,{role:"status","aria-live":"polite",children:[e.jsx(i.icon,{height:24,width:24}),e.jsxs("div",{className:"bubble-content",children:[e.jsx("div",{className:"status-text",children:i.text}),e.jsx("div",{className:"dots",children:[0,1,2,3,4].map(t=>e.jsx("span",{className:"dot",style:{animationDelay:.15*t+"s"}},t))}),e.jsx("div",{className:"shimmer-group",children:[70,85,50].map((t,a)=>e.jsx("div",{className:"shimmer-line",style:{width:`${t}%`,animationDelay:.25+.12*a+"s"},children:e.jsx("span",{className:"shimmer-highlight"})},t))})]})]})};
+`,l=[{icon:s.default,text:"Analyzing your questions..."},{icon:i.default,text:"Gathering insights..."},{icon:r.default,text:"Crafting the perfect response..."}];exports.default=()=>{const[a,s]=t.useState(0);t.useEffect((()=>{const e=window.setInterval((()=>{s((e=>(e+1)%l.length))}),1800);return()=>window.clearInterval(e)}),[]);const i=l[a];return e.jsxs(o,{role:"status","aria-live":"polite",children:[e.jsx(i.icon,{height:24,width:24}),e.jsxs("div",{className:"bubble-content",children:[e.jsx("div",{className:"status-text",children:i.text}),e.jsx("div",{className:"dots",children:[0,1,2,3,4].map((t=>e.jsx("span",{className:"dot",style:{animationDelay:.15*t+"s"}},t)))}),e.jsx("div",{className:"shimmer-group",children:[70,85,50].map(((t,a)=>e.jsx("div",{className:"shimmer-line",style:{width:`${t}%`,animationDelay:.25+.12*a+"s"},children:e.jsx("span",{className:"shimmer-highlight"})},t)))})]})]})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),o=require("../services/callToChatbot.js"),r=require("../services/useAIChat.js"),n=require("../types/ai.js");const i=t.createContext(null);exports.AIProvider=({children:a,systemPrompt:u,systemId:l,functions:d,tools:c,functionHandler:m,onMessageReceived:p,displayInUI:v,maxToolCalls:f,maxTokens:A,requestExecutor:E,baseUrl:I,endpointPath:g,responseFormat:x,conversationId:y="default-session",customModel:h,onSystemReady:C})=>{const[L,q]=t.useState(null),[P,M]=t.useState(!0),[_,b]=t.useState(null),w=t.useRef(null);t.useEffect(()=>u?E&&I?void b(null):(b("Chatbot authentication not configured: RequestExecutor and baseUrl are required"),void M(!1)):(b("systemPrompt is required for generic mode"),void M(!1)),[u,E,I]);const j=t.useCallback(()=>e.__awaiter(void 0,void 0,void 0,function*(){try{M(!0),b(null);const e=h||n.DEFAULT_MODEL;if(!n.ALLOWED_MODELS.includes(e))throw new Error(`Unsupported model: ${h||"default"}. Allowed models are: ${n.ALLOWED_MODELS.join(", ")}`);q({id:l||"generic",name:l?`${l} `:"Generic AI Assistant",model:e,systemPrompt:u,functions:d,tools:c})}catch(e){const s=(null==e?void 0:e.message)||"Failed to create AI system";b(s)}finally{M(!1)}}),[h,u,l,d]);t.useEffect(()=>{u&&j()},[j]),t.useEffect(()=>{L&&C&&L.id!==w.current&&(w.current=L.id,C(L)),L||(w.current=null)},[L]);const{messages:D,conversation:O,sendMessage:R,isApiCallInProgress:T}=r.useAIChat({system:L||{id:"loading",name:"Loading...",model:n.DEFAULT_MODEL,systemPrompt:"Loading...",functions:[]},conversationId:y,skipInitialization:!L,customFunctions:d,functionHandler:m,responseFormat:x,onMessageReceived:p,displayInUI:v,maxToolCalls:f,maxTokens:A,apiAdapter:E&&I?o.createExecutorApiAdapter(E,I,g||void 0):()=>{throw new Error("Chatbot authentication not configured: RequestExecutor is required")}}),U={isReady:!!L&&!P,isLoading:P,isApiCallInProgress:T,system:L,messages:D,conversation:O,sendMessage:R,error:_};return s.jsx(i.Provider,{value:U,children:a})},exports.useAIContext=()=>{const e=t.useContext(i);if(!e)throw new Error("useAIContext must be used within an AIProvider");return e};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),o=require("../services/callToChatbot.js"),r=require("../services/useAIChat.js"),n=require("../types/ai.js");const i=t.createContext(null);exports.AIProvider=a=>{let{children:u,systemPrompt:l,systemId:d,functions:c,tools:m,functionHandler:p,onMessageReceived:v,displayInUI:f,maxToolCalls:A,maxTokens:E,requestExecutor:I,baseUrl:g,endpointPath:x,responseFormat:y,conversationId:h="default-session",customModel:C,onSystemReady:L}=a;const[q,P]=t.useState(null),[M,_]=t.useState(!0),[b,w]=t.useState(null),j=t.useRef(null);t.useEffect((()=>l?I&&g?void w(null):(w("Chatbot authentication not configured: RequestExecutor and baseUrl are required"),void _(!1)):(w("systemPrompt is required for generic mode"),void _(!1))),[l,I,g]);const D=t.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{_(!0),w(null);const e=C||n.DEFAULT_MODEL;if(!n.ALLOWED_MODELS.includes(e))throw new Error(`Unsupported model: ${C||"default"}. Allowed models are: ${n.ALLOWED_MODELS.join(", ")}`);P({id:d||"generic",name:d?`${d} `:"Generic AI Assistant",model:e,systemPrompt:l,functions:c,tools:m})}catch(e){const s=(null==e?void 0:e.message)||"Failed to create AI system";w(s)}finally{_(!1)}}))),[C,l,d,c]);t.useEffect((()=>{l&&D()}),[D]),t.useEffect((()=>{q&&L&&q.id!==j.current&&(j.current=q.id,L(q)),q||(j.current=null)}),[q]);const{messages:O,conversation:R,sendMessage:T,isApiCallInProgress:U}=r.useAIChat({system:q||{id:"loading",name:"Loading...",model:n.DEFAULT_MODEL,systemPrompt:"Loading...",functions:[]},conversationId:h,skipInitialization:!q,customFunctions:c,functionHandler:p,responseFormat:y,onMessageReceived:v,displayInUI:f,maxToolCalls:A,maxTokens:E,apiAdapter:I&&g?o.createExecutorApiAdapter(I,g,x||void 0):()=>{throw new Error("Chatbot authentication not configured: RequestExecutor is required")}}),F={isReady:!!q&&!M,isLoading:M,isApiCallInProgress:U,system:q,messages:O,conversation:R,sendMessage:T,error:b};return s.jsx(i.Provider,{value:F,children:u})},exports.useAIContext=()=>{const e=t.useContext(i);if(!e)throw new Error("useAIContext must be used within an AIProvider");return e};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../utils/guardrails.js"),s=require("./callToChatbot.js");exports.AIService=class{constructor(e){if(Object.defineProperty(this,"system",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"dispatchMessage",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"customFunctions",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"functionHandler",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"onMessageReceived",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"displayInUI",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"maxToolCalls",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"maxTokens",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"apiAdapter",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"responseFormat",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.system=e.system,this.dispatchMessage=e.dispatchMessage,this.customFunctions=e.customFunctions,this.functionHandler=e.functionHandler,this.onMessageReceived=e.onMessageReceived,this.displayInUI=!1!==e.displayInUI,this.maxToolCalls=e.maxToolCalls||10,this.maxTokens=e.maxTokens,this.apiAdapter=e.apiAdapter,this.responseFormat=e.responseFormat,!this.apiAdapter)throw new Error("Chatbot authentication not configured: RequestExecutor is required")}sanitizeToolOutput(t,s){try{if(null!==s&&"object"==typeof s){const t=s,{success:i}=t,a=e.__rest(t,["success"]);return JSON.stringify(a)}return"string"==typeof s?s:String(s)}catch(e){return"string"==typeof s?s:String(s)}}tryParseAssistantJson(e){if(!e)return null;let t=e.trim();t=t.replace(/^```json\s*/i,"").replace(/^```\s*/i,"").replace(/\s*```$/g,"").trim();try{return JSON.parse(t)}catch(s){try{const e=`[${t.replace(/}\s*{/g,"},{")}]`;return JSON.parse(e)}catch(t){return e}}}dispatchParsedResponses(e){if(!this.displayInUI)return;const t=Date.now();e.forEach((e,s)=>{let i="",a="assistant";if(e&&"object"==typeof e){const t=e;"string"==typeof t.response?i=t.response:"string"==typeof t.content&&(i=t.content),"system"===t.role&&(a="system")}else"string"==typeof e&&(i=e);i&&this.dispatchMessage({id:`m-${t}-${s}`,role:a,content:i,timestamp:t+s})})}makeSystemMessage(){return{role:"system",content:t.injectSafetyPrompt(this.system.systemPrompt)}}generate(s,i){return e.__awaiter(this,arguments,void 0,function*(e,s,i="default",a){const n=e.map(e=>({role:e.role,text:t.sanitizeUserInput(e.content)})),o=[{role:"system",text:this.makeSystemMessage().content},...n];return this.generateWithRecursiveToolCalls(o,s,i,a)})}generateWithRecursiveToolCalls(t,i,a,n){return e.__awaiter(this,void 0,void 0,function*(){var e,o,r,l,c,d,h,u,p,m;const y=t.map(e=>({role:e.role,text:e.text}));let f,g=n,v=0;for(;v<this.maxToolCalls;){let t;v++;try{if(f)t=f,f=void 0;else{let e;if(1===v&&g){const t=[...y].reverse().find(e=>"user"===e.role);t&&(e=[{role:"user",content:t.text}])}t=yield s.callToChatbot(y,a,i,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,e,this.system.tools,this.maxTokens)}}catch(e){return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`AI error: ${String((null==e?void 0:e.message)||e)}`,timestamp:Date.now()}),{}}if(g=t.responseId,!t.toolCall){if(t.assistantText)if("json"===this.responseFormat){const s=null!==(e=t.parsed)&&void 0!==e?e:this.tryParseAssistantJson(t.assistantText);if(null!=s){const e=Array.isArray(s)?s:[s];this.displayInUI&&this.dispatchParsedResponses(e),null===(o=this.onMessageReceived)||void 0===o||o.call(this,s)}else{const e=t.assistantText.trim();this.displayInUI&&e&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:e,timestamp:Date.now()}),null===(r=this.onMessageReceived)||void 0===r||r.call(this,t.assistantText)}}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:t.assistantText,timestamp:Date.now()}),null===(l=this.onMessageReceived)||void 0===l||l.call(this,t.assistantText);return{responseId:g}}const{name:n,args:b,toolCallId:I,callId:x}=t.toolCall;I&&y.push({role:"assistant",text:"",toolCallId:I,toolName:n,toolArgs:JSON.stringify(b)});try{const e="string"==typeof b?(()=>{try{return JSON.parse(b)}catch(e){return b}})():b;null===(c=this.onMessageReceived)||void 0===c||c.call(this,{type:"TOOL_CALL",data:{name:n,args:e}});const t=yield this.functionHandler(n,e);if(I?y.push({role:"tool",text:JSON.stringify(t),toolCallId:I}):y.push({role:"tool",text:JSON.stringify(t)}),x){const e="object"==typeof t&&null!==t?t:String(t),o=this.sanitizeToolOutput(n,e);try{const t="string"==typeof e?e:JSON.stringify(e);null===(d=this.onMessageReceived)||void 0===d||d.call(this,{type:"TOOL_RESULT",data:{name:n,preview:t.slice(0,1e3)}})}catch(e){}const r=[{type:"function_call_output",call_id:x,output:o}],l=yield s.callToChatbot(y,a,i,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,r,this.system.tools,this.maxTokens);if(g=l.responseId,!l.toolCall){if(l.assistantText)if("json"===this.responseFormat){const e=null!==(h=l.parsed)&&void 0!==h?h:this.tryParseAssistantJson(l.assistantText);if(null!=e){const t=Array.isArray(e)?e:[e];this.displayInUI&&this.dispatchParsedResponses(t),null===(u=this.onMessageReceived)||void 0===u||u.call(this,e)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:l.assistantText,timestamp:Date.now()}),null===(p=this.onMessageReceived)||void 0===p||p.call(this,l.assistantText)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:l.assistantText,timestamp:Date.now()}),null===(m=this.onMessageReceived)||void 0===m||m.call(this,l.assistantText);return{responseId:g}}f=l}else;}catch(e){return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`Tool error: ${String((null==e?void 0:e.message)||e)}`,timestamp:Date.now()}),{responseId:g}}}return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`Maximum tool call iterations (${this.maxToolCalls}) reached.`,timestamp:Date.now()}),{responseId:g}})}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../utils/guardrails.js"),s=require("./callToChatbot.js");exports.AIService=class{constructor(e){if(Object.defineProperty(this,"system",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"dispatchMessage",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"customFunctions",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"functionHandler",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"onMessageReceived",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"displayInUI",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"maxToolCalls",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"maxTokens",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"apiAdapter",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"responseFormat",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),this.system=e.system,this.dispatchMessage=e.dispatchMessage,this.customFunctions=e.customFunctions,this.functionHandler=e.functionHandler,this.onMessageReceived=e.onMessageReceived,this.displayInUI=!1!==e.displayInUI,this.maxToolCalls=e.maxToolCalls||10,this.maxTokens=e.maxTokens,this.apiAdapter=e.apiAdapter,this.responseFormat=e.responseFormat,!this.apiAdapter)throw new Error("Chatbot authentication not configured: RequestExecutor is required")}sanitizeToolOutput(t,s){try{if(null!==s&&"object"==typeof s){const t=s,{success:i}=t,a=e.__rest(t,["success"]);return JSON.stringify(a)}return"string"==typeof s?s:String(s)}catch(e){return"string"==typeof s?s:String(s)}}tryParseAssistantJson(e){if(!e)return null;let t=e.trim();t=t.replace(/^```json\s*/i,"").replace(/^```\s*/i,"").replace(/\s*```$/g,"").trim();try{return JSON.parse(t)}catch(s){try{const e=`[${t.replace(/}\s*{/g,"},{")}]`;return JSON.parse(e)}catch(t){return e}}}dispatchParsedResponses(e){if(!this.displayInUI)return;const t=Date.now();e.forEach(((e,s)=>{let i="",a="assistant";if(e&&"object"==typeof e){const t=e;"string"==typeof t.response?i=t.response:"string"==typeof t.content&&(i=t.content),"system"===t.role&&(a="system")}else"string"==typeof e&&(i=e);i&&this.dispatchMessage({id:`m-${t}-${s}`,role:a,content:i,timestamp:t+s})}))}makeSystemMessage(){return{role:"system",content:t.injectSafetyPrompt(this.system.systemPrompt)}}generate(s,i){return e.__awaiter(this,arguments,void 0,(function(e,s){var i=this;let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"default",n=arguments.length>3?arguments[3]:void 0;return function*(){const o=e.map((e=>({role:e.role,text:t.sanitizeUserInput(e.content)}))),r=[{role:"system",text:i.makeSystemMessage().content},...o];return i.generateWithRecursiveToolCalls(r,s,a,n)}()}))}generateWithRecursiveToolCalls(t,i,a,n){return e.__awaiter(this,void 0,void 0,(function*(){var e,o,r,l,c,d,u,h,p,m;const y=t.map((e=>({role:e.role,text:e.text})));let f,g=n,v=0;for(;v<this.maxToolCalls;){let t;v++;try{if(f)t=f,f=void 0;else{let e;if(1===v&&g){const t=[...y].reverse().find((e=>"user"===e.role));t&&(e=[{role:"user",content:t.text}])}t=yield s.callToChatbot(y,a,i,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,e,this.system.tools,this.maxTokens)}}catch(e){return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`AI error: ${String((null==e?void 0:e.message)||e)}`,timestamp:Date.now()}),{}}if(g=t.responseId,!t.toolCall){if(t.assistantText)if("json"===this.responseFormat){const s=null!==(e=t.parsed)&&void 0!==e?e:this.tryParseAssistantJson(t.assistantText);if(null!=s){const e=Array.isArray(s)?s:[s];this.displayInUI&&this.dispatchParsedResponses(e),null===(o=this.onMessageReceived)||void 0===o||o.call(this,s)}else{const e=t.assistantText.trim();this.displayInUI&&e&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:e,timestamp:Date.now()}),null===(r=this.onMessageReceived)||void 0===r||r.call(this,t.assistantText)}}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:t.assistantText,timestamp:Date.now()}),null===(l=this.onMessageReceived)||void 0===l||l.call(this,t.assistantText);return{responseId:g}}const{name:n,args:b,toolCallId:I,callId:x}=t.toolCall;I&&y.push({role:"assistant",text:"",toolCallId:I,toolName:n,toolArgs:JSON.stringify(b)});try{const e="string"==typeof b?(()=>{try{return JSON.parse(b)}catch(e){return b}})():b;null===(c=this.onMessageReceived)||void 0===c||c.call(this,{type:"TOOL_CALL",data:{name:n,args:e}});const t=yield this.functionHandler(n,e);if(I?y.push({role:"tool",text:JSON.stringify(t),toolCallId:I}):y.push({role:"tool",text:JSON.stringify(t)}),x){const e="object"==typeof t&&null!==t?t:String(t),o=this.sanitizeToolOutput(n,e);try{const t="string"==typeof e?e:JSON.stringify(e);null===(d=this.onMessageReceived)||void 0===d||d.call(this,{type:"TOOL_RESULT",data:{name:n,preview:t.slice(0,1e3)}})}catch(e){}const r=[{type:"function_call_output",call_id:x,output:o}],l=yield s.callToChatbot(y,a,i,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,r,this.system.tools,this.maxTokens);if(g=l.responseId,!l.toolCall){if(l.assistantText)if("json"===this.responseFormat){const e=null!==(u=l.parsed)&&void 0!==u?u:this.tryParseAssistantJson(l.assistantText);if(null!=e){const t=Array.isArray(e)?e:[e];this.displayInUI&&this.dispatchParsedResponses(t),null===(h=this.onMessageReceived)||void 0===h||h.call(this,e)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:l.assistantText,timestamp:Date.now()}),null===(p=this.onMessageReceived)||void 0===p||p.call(this,l.assistantText)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:l.assistantText,timestamp:Date.now()}),null===(m=this.onMessageReceived)||void 0===m||m.call(this,l.assistantText);return{responseId:g}}f=l}else;}catch(e){return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`Tool error: ${String((null==e?void 0:e.message)||e)}`,timestamp:Date.now()}),{responseId:g}}}return this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"system",content:`Maximum tool call iterations (${this.maxToolCalls}) reached.`,timestamp:Date.now()}),{responseId:g}}))}};

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),i=require("idb-keyval");const t="ai-session:";exports.loadSession=function(r){return e.__awaiter(this,void 0,void 0,function*(){return(yield i.get(`${t}${r}`))||null})},exports.saveSession=function(r,s){return e.__awaiter(this,void 0,void 0,function*(){yield i.set(`${t}${r}`,s)})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),i=require("idb-keyval");const t="ai-session:";exports.loadSession=function(r){return e.__awaiter(this,void 0,void 0,(function*(){return(yield i.get(`${t}${r}`))||null}))},exports.saveSession=function(r,s){return e.__awaiter(this,void 0,void 0,(function*(){yield i.set(`${t}${r}`,s)}))};

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.renderMarkdownLite=function(e){if(!e)return"";let r=e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");return r=r.replace(/```([\s\S]*?)```/g,(e,r)=>`<pre><code>${r.replace(/\n/g,"\n")}</code></pre>`),r=r.replace(/^####\s+(.+)$/gm,"<h4>$1</h4>"),r=r.replace(/^###\s+(.+)$/gm,"<h3>$1</h3>"),r=r.replace(/^##\s+(.+)$/gm,"<h2>$1</h2>"),r=r.replace(/^#\s+(.+)$/gm,"<h1>$1</h1>"),r=r.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>"),r=r.replace(/(^|\s)\*(.+?)\*(?=\s|$)/g,"$1<em>$2</em>"),r=r.replace(/(^|\s)_(.+?)_(?=\s|$)/g,"$1<em>$2</em>"),r=r.replace(/\n\n/g,"<br/><br/>"),r=r.replace(/\n/g,"<br/>"),r};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.renderMarkdownLite=function(e){if(!e)return"";let r=e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");return r=r.replace(/```([\s\S]*?)```/g,((e,r)=>`<pre><code>${r.replace(/\n/g,"\n")}</code></pre>`)),r=r.replace(/^####\s+(.+)$/gm,"<h4>$1</h4>"),r=r.replace(/^###\s+(.+)$/gm,"<h3>$1</h3>"),r=r.replace(/^##\s+(.+)$/gm,"<h2>$1</h2>"),r=r.replace(/^#\s+(.+)$/gm,"<h1>$1</h1>"),r=r.replace(/\*\*(.+?)\*\*/g,"<strong>$1</strong>"),r=r.replace(/(^|\s)\*(.+?)\*(?=\s|$)/g,"$1<em>$2</em>"),r=r.replace(/(^|\s)_(.+?)_(?=\s|$)/g,"$1<em>$2</em>"),r=r.replace(/\n\n/g,"<br/><br/>"),r=r.replace(/\n/g,"<br/>"),r};

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

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

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

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

package/dist/cjs/{src/components → components}/bik-layout/CommonStyles.d.ts

@@ -8,9 +8,9 @@ export declare const BikLayoutContainer: import("styled-components/dist/types").
 export declare const BikHeaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const BikHeaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const MenuInnerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ProfileDropdownToggleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownToggleProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownToggleProps & {
+export declare const ProfileDropdownToggleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps & {
     children?: import("react").ReactNode | undefined;
-}, never>> & string & Omit<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap").DropdownToggleProps>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react-bootstrap/esm/helpers").BsPrefixRefForwardingComponent<"button", import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps>, keyof import("react").Component<any, {}, any>>;
 export declare const ProfileDropdownInnerContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isDropdownOpen: boolean;
 }>> & string;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("../TypographyStyle.js"),i=require("./SidebarStyles.js");exports.SidebarPopup=r=>{const{top:s,menuList:t,zIndex:o,left:l,onMouseLeaveOnMenu:u,onClickingPopupMenu:d}=r;return e.jsx(i.SidebarPopupContainer,{top:s,theme:"white",zIndex:o,left:null!=l?l:95,postion:"fixed",children:e.jsx("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:u,children:null==t?void 0:t.map((i,r)=>e.jsxs("div",{className:"each-menu",style:{borderBottom:r==t.length-1?"none":void 0},onClick:()=>d(i),children:[e.jsx(n.TitleRegular,{style:{fontSize:14},children:i.displayName}),e.jsx(n.BodySecondary,{style:{fontSize:12},children:i.description})]},r))},"_sub-menu")})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("../TypographyStyle.js"),i=require("./SidebarStyles.js");exports.SidebarPopup=r=>{const{top:s,menuList:t,zIndex:o,left:l,onMouseLeaveOnMenu:u,onClickingPopupMenu:d}=r;return e.jsx(i.SidebarPopupContainer,{top:s,theme:"white",zIndex:o,left:null!=l?l:95,postion:"fixed",children:e.jsx("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:u,children:null==t?void 0:t.map(((i,r)=>e.jsxs("div",{className:"each-menu",style:{borderBottom:r==t.length-1?"none":void 0},onClick:()=>d(i),children:[e.jsx(n.TitleRegular,{style:{fontSize:14},children:i.displayName}),e.jsx(n.BodySecondary,{style:{fontSize:12},children:i.description})]},r)))},"_sub-menu")})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../shimmer/ShimmerComponent/BikShimmer.js"),i=require("./SidebarStyles.js");exports.SidebarSkeleton=t=>{const{width:s,zIndex:d,left:a,theme:n}=t;return e.jsx(i.SimpleSidebarContainer,{width:s,zIndex:d,left:a,theme:n,children:e.jsx("div",{className:"sidebar-right-menu",children:[...new Array(2)].map(()=>0).map(i=>e.jsx("div",{className:"sidebar-skeleton",children:e.jsx(r.BikShimmer,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===n})},i+"_"+Math.random()))})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../shimmer/ShimmerComponent/BikShimmer.js"),i=require("./SidebarStyles.js");exports.SidebarSkeleton=t=>{const{width:s,zIndex:d,left:a,theme:n}=t;return e.jsx(i.SimpleSidebarContainer,{width:s,zIndex:d,left:a,theme:n,children:e.jsx("div",{className:"sidebar-right-menu",children:[...new Array(2)].map((()=>0)).map((i=>e.jsx("div",{className:"sidebar-skeleton",children:e.jsx(r.BikShimmer,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===n})},i+"_"+Math.random())))})})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("../../constants/Theme.js"),a=require("../button/Button.js"),n=require("../navigation-hyperlink/NavigationHyperlink.js"),r=require("../TypographyStyle.js"),t=require("./SidebarStyles.js");exports.SimpleSidebar=l=>{const{menuList:d,activeMenu:o,theme:u,showAccessUpgradePanel:c=!1,header:h,width:p,zIndex:m,left:v,postion:y,top:b,router:x,onMouseLeaveOnMenu:j,onMouseEnterOnMenu:N,onMenuClick:g,onUpgrade:S,isNewSidebar:k}=l,[w,M]=s.useState(o),f=(s,i)=>e.jsxs("div",{className:"sub-child-menu  "+((null==w?void 0:w.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{M(s),g(s,!s.page)},"aria-hidden":"true",children:[e.jsx("span",{className:(null==w?void 0:w.key)==(null==s?void 0:s.key)&&"brand"==u?"sub-child-active-text":""}),e.jsx(r.BodySecondary,{className:"sub-child-text "+((null==w?void 0:w.key)==(null==s?void 0:s.key)&&"white"==u?"active-bold-weight":""),children:null==s?void 0:s.displayName}),s.isNew&&e.jsx("div",{className:"sub-child-new-tag",children:"NEW"})]},i);return e.jsx(t.SimpleSidebarContainer,{width:p,zIndex:m,left:v,theme:u,postion:y,top:b,isNewSidebar:k,children:e.jsxs("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:j,onMouseEnter:N,children:[e.jsxs("div",{children:[!k&&e.jsx(r.BodySecondary,{className:"sub-child-display-name",children:h}),null==d?void 0:d.map((s,i)=>s.page?e.jsx(n.NavigationHyperlink,{href:s.page,router:x,children:f(s,i)}):f(s,i))]}),c&&e.jsxs("div",{className:"lower-sticky-panel",children:[e.jsx(r.TitleSmall,{className:"title-text",style:{color:i.COLORS.surface.standard},children:"Upgrade plan to access this feature."}),e.jsx(a.Button,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>S?S():""})]})]},"_sub-menu")})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("../../constants/Theme.js"),a=require("../button/Button.js"),n=require("../navigation-hyperlink/NavigationHyperlink.js"),r=require("../TypographyStyle.js"),t=require("./SidebarStyles.js");exports.SimpleSidebar=l=>{const{menuList:d,activeMenu:o,theme:u,showAccessUpgradePanel:c=!1,header:h,width:p,zIndex:m,left:v,postion:y,top:b,router:x,onMouseLeaveOnMenu:j,onMouseEnterOnMenu:N,onMenuClick:g,onUpgrade:S,isNewSidebar:k}=l,[w,M]=s.useState(o),f=(s,i)=>e.jsxs("div",{className:"sub-child-menu  "+((null==w?void 0:w.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{M(s),g(s,!s.page)},"aria-hidden":"true",children:[e.jsx("span",{className:(null==w?void 0:w.key)==(null==s?void 0:s.key)&&"brand"==u?"sub-child-active-text":""}),e.jsx(r.BodySecondary,{className:"sub-child-text "+((null==w?void 0:w.key)==(null==s?void 0:s.key)&&"white"==u?"active-bold-weight":""),children:null==s?void 0:s.displayName}),s.isNew&&e.jsx("div",{className:"sub-child-new-tag",children:"NEW"})]},i);return e.jsx(t.SimpleSidebarContainer,{width:p,zIndex:m,left:v,theme:u,postion:y,top:b,isNewSidebar:k,children:e.jsxs("div",{id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:j,onMouseEnter:N,children:[e.jsxs("div",{children:[!k&&e.jsx(r.BodySecondary,{className:"sub-child-display-name",children:h}),null==d?void 0:d.map(((s,i)=>s.page?e.jsx(n.NavigationHyperlink,{href:s.page,router:x,children:f(s,i)}):f(s,i)))]}),c&&e.jsxs("div",{className:"lower-sticky-panel",children:[e.jsx(r.TitleSmall,{className:"title-text",style:{color:i.COLORS.surface.standard},children:"Upgrade plan to access this feature."}),e.jsx(a.Button,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>S?S():""})]})]},"_sub-menu")})};

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),o=require("../spinner/Spinner.js"),i=require("./Button.styled.js"),r=require("./themes.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(n);const l=n.forwardRef((s,l)=>{var{version:c,id:d,buttonType:u="primary",size:m="small",buttonText:b,disabled:x,IconComponent:h,LeadingIcon:p,TrailingIcon:v,isLoading:j,inverse:C,onClick:g,matchParentWidth:y,subtitle:I,darkMode:f,activated:N,error:T,buttonTextColor:z,buttonFontSize:k,customIconColor:B,buttonColor:S,LeadingIconStyles:L}=s,q=e.__rest(s,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const _=r.GetButtonTextComponent(m,u,x),M=r.getButtonIconColor(m,u,C,x,j,f),P=n.useCallback(()=>{const e="chip"===m?16:20;return{height:e,width:e,color:B||M,style:{display:"block"},className:"icon"}},[m,B,M]);return t.jsx(i.Button,Object.assign({"data-test":q["data-test"],version:c,onClick:j?()=>{}:g,ref:l,id:d,disabled:x,size:m,buttonType:u,isLoading:j,inverse:C,matchParentWidth:y,darkMode:f,activated:N,error:T,buttonColor:S},q,{children:t.jsxs("div",{className:"button-container",children:[u.startsWith("dash")&&t.jsx(i.ButtonCustomDashedBorder,{}),t.jsx("div",{className:"overlay-container",children:j&&t.jsx(o.Spinner,{className:"spinner",size:"small",color:r.SpinnerColorMap(u,C)})}),h&&t.jsx("div",{className:"icon-component",children:a.default.createElement(h,P())}),p&&t.jsx("div",{className:"icon-leading",style:Object.assign({zIndex:1},L),children:a.default.createElement(p,P())}),b?t.jsxs(_,{className:"text",style:{color:z,fontSize:k},children:[b,t.jsx("div",{className:"text-subtitle",children:I})]}):t.jsx(t.Fragment,{}),v&&t.jsx("div",{className:"icon-trailing",style:{zIndex:1},children:a.default.createElement(v,P())})]})}))});l.displayName="Button",exports.Button=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),o=require("../spinner/Spinner.js"),i=require("./Button.styled.js"),r=require("./themes.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=s(n);const l=n.forwardRef(((s,l)=>{var{version:c,id:d,buttonType:u="primary",size:m="small",buttonText:b,disabled:x,IconComponent:h,LeadingIcon:p,TrailingIcon:v,isLoading:j,inverse:C,onClick:g,matchParentWidth:y,subtitle:I,darkMode:f,activated:N,error:T,buttonTextColor:z,buttonFontSize:k,customIconColor:B,buttonColor:S,LeadingIconStyles:L}=s,q=e.__rest(s,["version","id","buttonType","size","buttonText","disabled","IconComponent","LeadingIcon","TrailingIcon","isLoading","inverse","onClick","matchParentWidth","subtitle","darkMode","activated","error","buttonTextColor","buttonFontSize","customIconColor","buttonColor","LeadingIconStyles"]);const _=r.GetButtonTextComponent(m,u,x),M=r.getButtonIconColor(m,u,C,x,j,f),P=n.useCallback((()=>{const e="chip"===m?16:20;return{height:e,width:e,color:B||M,style:{display:"block"},className:"icon"}}),[m,B,M]);return t.jsx(i.Button,Object.assign({"data-test":q["data-test"],version:c,onClick:j?()=>{}:g,ref:l,id:d,disabled:x,size:m,buttonType:u,isLoading:j,inverse:C,matchParentWidth:y,darkMode:f,activated:N,error:T,buttonColor:S},q,{children:t.jsxs("div",{className:"button-container",children:[u.startsWith("dash")&&t.jsx(i.ButtonCustomDashedBorder,{}),t.jsx("div",{className:"overlay-container",children:j&&t.jsx(o.Spinner,{className:"spinner",size:"small",color:r.SpinnerColorMap(u,C)})}),h&&t.jsx("div",{className:"icon-component",children:a.default.createElement(h,P())}),p&&t.jsx("div",{className:"icon-leading",style:Object.assign({zIndex:1},L),children:a.default.createElement(p,P())}),b?t.jsxs(_,{className:"text",style:{color:z,fontSize:k},children:[b,t.jsx("div",{className:"text-subtitle",children:I})]}):t.jsx(t.Fragment,{}),v&&t.jsx("div",{className:"icon-trailing",style:{zIndex:1},children:a.default.createElement(v,P())})]})}))}));l.displayName="Button",exports.Button=l;

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

@@ -51,7 +51,7 @@
 
 	${t=>!t.disabled&&!t.isLoading&&`:active {\n\t\t\t\t.button-container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t${t.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${"chip"===t.size&&`.text {\n\t\t\t\t\t\tcolor: ${e.COLORS.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${e.COLORS.background.inverseLight};\n\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t}\n\n\n\t\t\t${o.getClickEffect(t.buttonType,t.size,t.inverse)}\n\t\t\t${o.getDashedBorderStyling(t.buttonType,t.size,e.COLORS.content.brand)}\n\t\t}`}
 
-	${t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${o.getLoadingBorder(t.buttonType,t.size,t.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${t.buttonColor?`background-color: ${o.getLoadingButtonBackgroundCustom(t.buttonColor,15)};`:""}\n\t\t\tpadding: ${o.getPadding(t.buttonType,t.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${o.getLoadingBackground(t.buttonType,t.size,t.inverse,t.buttonColor)}\n\t\t\t\t.spinner {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: calc(50% - 12px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`:`:not(:active):not(:disabled):hover {\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${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\tpadding: ${o.getPadding(t.buttonType,t.size)};\n\t\t\t\t{${t.buttonColor?`background-color: ${o.getHoverButtonBackgroundCustom(t.buttonColor,15)}`:""}}\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${o.getHoverButtonBackground(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size&&"text"!==t.buttonType?t.darkMode?`background-color: ${e.COLORS.stroke.primary};`:`background-color: ${e.COLORS.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse||t.buttonColor?"":`background-color: ${e.COLORS.background.inverse};`}\n\t\t\t}\n\t\t\t${"text"===t.buttonType?o.getHoverButtonTextDecorationStyle(t.buttonType,t.disabled):""}\n\t\t\t${t.inverse?o.generateInverseHoverBackground(t.buttonType,t.disabled):""}\n\t\t}`}
+	${t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${o.getLoadingBorder(t.buttonType,t.size,t.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${t.buttonColor?`background-color: ${o.getLoadingButtonBackgroundCustom(t.buttonColor,15)};`:""}\n\t\t\tpadding: ${o.getPadding(t.buttonType,t.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${o.getLoadingBackground(t.buttonType,t.size,t.inverse,t.buttonColor)}\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}`:`: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${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\tpadding: ${o.getPadding(t.buttonType,t.size)};\n\t\t\t\t{${t.buttonColor?`background-color: ${o.getHoverButtonBackgroundCustom(t.buttonColor,15)}`:""}}\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${o.getHoverButtonBackground(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size&&"text"!==t.buttonType?t.darkMode?`background-color: ${e.COLORS.stroke.primary};`:`background-color: ${e.COLORS.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse||t.buttonColor?"":`background-color: ${e.COLORS.background.inverse};`}\n\t\t\t}\n\t\t\t${"text"===t.buttonType?o.getHoverButtonTextDecorationStyle(t.buttonType,t.disabled):""}\n\t\t\t${t.inverse?o.generateInverseHoverBackground(t.buttonType,t.disabled):""}\n\t\t}`}
 
 		.button-container {
 		display: flex;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../constants/Theme.js"),r=require("../TypographyStyle.js");const n=(r,n,e)=>e?t.COLORS.stroke.negative.vibrant:n?t.COLORS.surface.standard:"secondary"==r?t.COLORS.stroke.brand:t.COLORS.content.placeholder,e=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",o=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),o=(n>>16)+e,a=(n>>8&255)+e,i=(255&n)+e;return`#${(16777216+(Math.min(o,255)<<16)+(Math.min(a,255)<<8)+Math.min(i,255)).toString(16).slice(1)}`};exports.GetButtonTextComponent=(t,n,e)=>e||"ai"!==n?"dashRegular"===n?r.BodySecondary:"chip"===t?r.BodyCaption:"small"===t?r.ButtonRegular:r.ButtonLarge:"small"===t?r.ButtonRegularAI:r.ButtonLargeAI,exports.SpinnerColorMap=(r,n)=>n?"primary"===r?t.COLORS.content.primary:t.COLORS.content.primaryInverse:"destructive"===r?t.COLORS.content.negative:t.COLORS.content.brand,exports.generateDisabledStyling=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.COLORS.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.COLORS.stroke.primary};`:"",exports.generateInverseHoverBackground=(r,n)=>n?"":"primary"===r?`background-color: ${t.COLORS.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",exports.getBackgroundColor=(r,n,e,o,a)=>{if("chip"===n)return"text"===r?"transparent":o?t.COLORS.surface.hovered:t.COLORS.surface.subdued;switch(r){case"primary":return a||(e?t.COLORS.background.warning.vibrant:t.COLORS.background.inverseLight);case"destructive":return t.COLORS.background.negative.vibrant;default:return"transparent"}},exports.getBorder=(r,e,o,a,i)=>"text"==e?"border: none;":"chip"===o?`border: ${"2.0"===r?.5:1}px solid ${t.COLORS.stroke.primary};`:a?"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,a,i)};`:"border: none;":"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,!1,i)};`:"border: none;",exports.getBorderColor=n,exports.getButtonIconColor=(r,n,e,o,a,i)=>"chip"===r?o?t.COLORS.content.inactive:i?t.COLORS.content.primary:t.COLORS.content.secondary:a?"transparent":"primary"===n||"destructive"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primary:o?t.COLORS.content.inactive:t.COLORS.content.primaryInverse:"secondary"===n||"tertiary"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primaryInverse:o?t.COLORS.content.inactive:t.COLORS.content.brand:"tertiaryGray"===n||n.startsWith("dash")?o?t.COLORS.content.inactive:t.COLORS.content.secondary:void 0,exports.getClickEffect=(r,n,e)=>"text"===r?`background-color: ${t.COLORS.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.COLORS.content.brand};`:"chip"===n?`border: 1px solid ${t.COLORS.stroke.brandLightAlt};\n\t\tbackground-color: ${t.COLORS.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.COLORS.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.COLORS.background.inverseLight}  !important;`:`background-color: ${t.COLORS.background.brandLight};`:void 0,exports.getColor=(r,n,e,o)=>{if("chip"===n)return"text"===r?e?t.COLORS.content.inactive:t.COLORS.content.brand:o?t.COLORS.content.primary:t.COLORS.content.secondary;switch(r){case"primary":return e?t.COLORS.content.primary:t.COLORS.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.COLORS.content.secondary;case"destructive":return t.COLORS.content.primaryInverse;case"ai":return t.COLORS.content.ai;default:return e?t.COLORS.content.primaryInverse:t.COLORS.stroke.brand}},exports.getDashedBorderStyling=(t,r,o=n(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${o},\n\t\t\t${o}\n\t\t\t\t${e(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${o},\n\t\t\t${o}\n\t\t\t\t${e(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${o},\n\t\t\t${o}\n\t\t\t\t${e(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${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t`,exports.getDisabledTextColor=r=>r?"rgba(255, 255, 255, 0.5)":t.COLORS.content.inactive,exports.getHoverButtonBackground=(r,n)=>"ai"===r?`background: ${t.COLORS.surface.aiLight};`:"text"===r?"background-color:transparent;":n||"primary"===r?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",exports.getHoverButtonBackgroundCustom=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),o=(n>>16)-e,a=(n>>8&255)-e,i=(255&n)-e;return`#${(16777216+(Math.max(o,0)<<16)+(Math.max(a,0)<<8)+Math.max(i,0)).toString(16).slice(1)}`},exports.getHoverButtonTextDecorationStyle=(r,n)=>n?"":`text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.COLORS.content.brand};`,exports.getLinearGradientValue=e,exports.getLoadingBackground=(r,n,e,a)=>"chip"===n?`background-color: ${t.COLORS.background.base};`:"primary"===r?a?`background-color: ${o(a,50)};`:`background-color: ${e?t.COLORS.background.warning.vibrant:t.COLORS.background.brandLight};`:"destructive"===r?`background-color: ${t.COLORS.background.negative.light};`:"background-color: transparent;",exports.getLoadingBorder=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.COLORS.content.secondary};`:`border: 1px solid ${t.COLORS.stroke.brandLightAlt};`:"",exports.getLoadingButtonBackgroundCustom=o,exports.getPadding=(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"}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../constants/Theme.js"),r=require("../TypographyStyle.js");const n=(r,n,e)=>e?t.COLORS.stroke.negative.vibrant:n?t.COLORS.surface.standard:"secondary"==r?t.COLORS.stroke.brand:t.COLORS.content.placeholder,e=t=>"medium"===t?"5px,\n\t\ttransparent 5px,\n\t\ttransparent 10px":"6px,\n\t\ttransparent 6px,\n\t\ttransparent 12px",o=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),o=(n>>16)+e,a=(n>>8&255)+e,i=(255&n)+e;return`#${(16777216+(Math.min(o,255)<<16)+(Math.min(a,255)<<8)+Math.min(i,255)).toString(16).slice(1)}`};exports.GetButtonTextComponent=(t,n,e)=>e||"ai"!==n?"dashRegular"===n?r.BodySecondary:"chip"===t?r.BodyCaption:"small"===t?r.ButtonRegular:r.ButtonLarge:"small"===t?r.ButtonRegularAI:r.ButtonLargeAI,exports.SpinnerColorMap=(r,n)=>n?"primary"===r?t.COLORS.content.primary:t.COLORS.content.primaryInverse:"destructive"===r?t.COLORS.content.negative:t.COLORS.content.brand,exports.generateDisabledStyling=(r,n,e)=>"chip"===n?"background-color: transparent;":"primary"===r||"destructive"===r?e?"background-color: rgba(255,255,255,0.3);":`background-color: ${t.COLORS.background.inactive};`:"secondary"===r?e?"border: 1px solid rgba(255, 255, 255, 0.5);":`border: 1px solid ${t.COLORS.stroke.primary};`:"",exports.generateInverseHoverBackground=(r,n)=>n?"":"primary"===r?`background-color: ${t.COLORS.stroke.warning.lightAlt};`:"background-color: rgba(255, 255, 255, 0.1)",exports.getBackgroundColor=(r,n,e,o,a)=>{if("chip"===n)return"text"===r?"transparent":o?t.COLORS.surface.hovered:t.COLORS.surface.subdued;switch(r){case"primary":return a||(e?t.COLORS.background.warning.vibrant:t.COLORS.background.inverseLight);case"destructive":return t.COLORS.background.negative.vibrant;default:return"transparent"}},exports.getBorder=(r,e,o,a,i)=>"text"==e?"border: none;":"chip"===o?`border: ${"2.0"===r?.5:1}px solid ${t.COLORS.stroke.primary};`:a?"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,a,i)};`:"border: none;":"secondary"===e?`border: ${"2.0"===r?.5:1}px solid ${n(e,!1,i)};`:"border: none;",exports.getBorderColor=n,exports.getButtonIconColor=(r,n,e,o,a,i)=>"chip"===r?o?t.COLORS.content.inactive:i?t.COLORS.content.primary:t.COLORS.content.secondary:a?"transparent":"primary"===n||"destructive"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primary:o?t.COLORS.content.inactive:t.COLORS.content.primaryInverse:"secondary"===n||"tertiary"===n?e?o?"rgba(255, 255, 255, 0.5)":t.COLORS.content.primaryInverse:o?t.COLORS.content.inactive:t.COLORS.content.brand:"tertiaryGray"===n||n.startsWith("dash")?o?t.COLORS.content.inactive:t.COLORS.content.secondary:void 0,exports.getClickEffect=(r,n,e)=>"text"===r?`background-color: ${t.COLORS.background.brandLight};\n\t\t\ttext-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.COLORS.content.brand};`:"chip"===n?`border: 1px solid ${t.COLORS.stroke.brandLightAlt};\n\t\tbackground-color: ${t.COLORS.background.brandLight};`:"primary"===r||"destructive"===r?e?`background-color: ${t.COLORS.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.COLORS.background.inverseLight}  !important;`:`background-color: ${t.COLORS.background.brandLight};`:void 0,exports.getColor=(r,n,e,o)=>{if("chip"===n)return"text"===r?e?t.COLORS.content.inactive:t.COLORS.content.brand:o?t.COLORS.content.primary:t.COLORS.content.secondary;switch(r){case"primary":return e?t.COLORS.content.primary:t.COLORS.content.primaryInverse;case"tertiaryGray":case"dashBold":case"dashRegular":return t.COLORS.content.secondary;case"destructive":return t.COLORS.content.primaryInverse;case"ai":return t.COLORS.content.ai;default:return e?t.COLORS.content.primaryInverse:t.COLORS.stroke.brand}},exports.getDashedBorderStyling=function(t,r){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:n(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${o},\n\t\t\t${o}\n\t\t\t\t${e(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${o},\n\t\t\t${o}\n\t\t\t\t${e(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${o},\n\t\t\t${o}\n\t\t\t\t${e(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${o},\n\t\t\t${o}\n\t\t\t\t${e(r)}\n\t\t);\n\t}\n\t`},exports.getDisabledTextColor=r=>r?"rgba(255, 255, 255, 0.5)":t.COLORS.content.inactive,exports.getHoverButtonBackground=(r,n)=>"ai"===r?`background: ${t.COLORS.surface.aiLight};`:"text"===r?"background-color:transparent;":n||"primary"===r?"":"background-color: #000000;\n\t\t\t\topacity: 0.03;",exports.getHoverButtonBackgroundCustom=(t,r)=>{const n=parseInt(t.replace("#",""),16),e=Math.round(2.55*r),o=(n>>16)-e,a=(n>>8&255)-e,i=(255&n)-e;return`#${(16777216+(Math.max(o,0)<<16)+(Math.max(a,0)<<8)+Math.max(i,0)).toString(16).slice(1)}`},exports.getHoverButtonTextDecorationStyle=(r,n)=>n?"":`text-decoration-line: underline;\n\t\t\ttext-decoration-color: ${t.COLORS.content.brand};`,exports.getLinearGradientValue=e,exports.getLoadingBackground=(r,n,e,a)=>"chip"===n?`background-color: ${t.COLORS.background.base};`:"primary"===r?a?`background-color: ${o(a,50)};`:`background-color: ${e?t.COLORS.background.warning.vibrant:t.COLORS.background.brandLight};`:"destructive"===r?`background-color: ${t.COLORS.background.negative.light};`:"background-color: transparent;",exports.getLoadingBorder=(r,n,e)=>"chip"===n?"border: none;":"secondary"===r?e?`border: 1px solid ${t.COLORS.content.secondary};`:`border: 1px solid ${t.COLORS.stroke.brandLightAlt};`:"",exports.getLoadingButtonBackgroundCustom=o,exports.getPadding=(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"}};

package/dist/cjs/components/buttonGroup/ButtonGroup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime"),o=require("react"),t=require("../TypographyStyle.js"),e=require("../../constants/Theme.js"),n=require("./ButtonGroupStyle.js");exports.ButtonGroup=r=>{const[s,d]=o.useState(void 0);o.useEffect(()=>{d(r.activeButtonId||void 0)},[null==r?void 0:r.activeButtonId]);return i.jsx(n.ButtonGroupStyle,{className:"button-group",width:r.width||"100%",gap:r.gap,size:r.size,iconPosition:r.iconPosition,children:r.buttonGroup.map(o=>{var u,c;const a=null==o?void 0:o.icon;return i.jsxs(n.Button,{borderRadius:null!==(u=r.borderRadius)&&void 0!==u?u:"4px",matchParentWidth:null===(c=r.matchParentWidth)||void 0===c||c,className:"button",isActive:s===o.id,onClick:()=>(i=>{d(i.id),r.onButtonClick(i.id)})(o),iconPosition:r.iconPosition,size:r.size,backgroundColor:r.backgroundColor||e.COLORS.surface.subdued,children:[(null==r?void 0:r.iconPosition)&&a&&i.jsx("div",{className:"button__image",children:i.jsx(a,{color:s===o.id?e.COLORS.background.inverseLight:e.COLORS.content.secondary,width:(null==r?void 0:r.iconWidth)||"18px",height:(null==r?void 0:r.iconHeight)||"18px"})}),i.jsx("div",{className:"button__name",children:i.jsx(t.BodySecondary,{style:{color:s===o.id?e.COLORS.background.inverseLight:e.COLORS.content.secondary},children:o.title})})]},o.id)})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime"),o=require("react"),t=require("../TypographyStyle.js"),e=require("../../constants/Theme.js"),n=require("./ButtonGroupStyle.js");exports.ButtonGroup=r=>{const[s,d]=o.useState(void 0);o.useEffect((()=>{d(r.activeButtonId||void 0)}),[null==r?void 0:r.activeButtonId]);return i.jsx(n.ButtonGroupStyle,{className:"button-group",width:r.width||"100%",gap:r.gap,size:r.size,iconPosition:r.iconPosition,children:r.buttonGroup.map((o=>{var u,c;const a=null==o?void 0:o.icon;return i.jsxs(n.Button,{borderRadius:null!==(u=r.borderRadius)&&void 0!==u?u:"4px",matchParentWidth:null===(c=r.matchParentWidth)||void 0===c||c,className:"button",isActive:s===o.id,onClick:()=>(i=>{d(i.id),r.onButtonClick(i.id)})(o),iconPosition:r.iconPosition,size:r.size,backgroundColor:r.backgroundColor||e.COLORS.surface.subdued,children:[(null==r?void 0:r.iconPosition)&&a&&i.jsx("div",{className:"button__image",children:i.jsx(a,{color:s===o.id?e.COLORS.background.inverseLight:e.COLORS.content.secondary,width:(null==r?void 0:r.iconWidth)||"18px",height:(null==r?void 0:r.iconHeight)||"18px"})}),i.jsx("div",{className:"button__name",children:i.jsx(t.BodySecondary,{style:{color:s===o.id?e.COLORS.background.inverseLight:e.COLORS.content.secondary},children:o.title})})]},o.id)}))})};

package/dist/cjs/components/card-selection-modal/CardSelectionModal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/info.svg.js"),s=require("./CardSelectionModal.styled.js"),i=require("../modals/styledModal.js"),l=require("../../constants/Theme.js"),o=require("../TypographyStyle.js");exports.CardSelectionModal=n=>e.jsx(i.StyledModal,{open:n.isOpen,onClose:n.onClose,headingTitle:n.title,headingSubtitle:n.subTitle,centralContainerStyles:{width:716},children:e.jsxs(s.StyledCardContainer,{children:[e.jsx("div",{className:"cards__wrapper",children:n.cards.map(r=>e.jsxs(s.StyledCard,{onClick:()=>{n.onCardSelected(r.value)},children:[r.icon&&e.jsx("div",{className:"icon__container",children:e.jsx(r.icon,{width:22,color:l.DEFAULT_THEME.colorsV2.content.brand})}),e.jsx(o.TitleRegular,{children:r.title}),e.jsx(o.BodyCaption,{children:r.description})]},r.value))}),n.infoText&&e.jsxs("div",{className:"info__wrapper",children:[e.jsx(r.default,{width:15,color:l.DEFAULT_THEME.colorsV2.content.placeholder}),e.jsx(o.BodySecondary,{children:n.infoText})]})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/info.svg.js"),s=require("./CardSelectionModal.styled.js"),i=require("../modals/styledModal.js"),l=require("../../constants/Theme.js"),o=require("../TypographyStyle.js");exports.CardSelectionModal=n=>e.jsx(i.StyledModal,{open:n.isOpen,onClose:n.onClose,headingTitle:n.title,headingSubtitle:n.subTitle,centralContainerStyles:{width:716},children:e.jsxs(s.StyledCardContainer,{children:[e.jsx("div",{className:"cards__wrapper",children:n.cards.map((r=>e.jsxs(s.StyledCard,{onClick:()=>{n.onCardSelected(r.value)},children:[r.icon&&e.jsx("div",{className:"icon__container",children:e.jsx(r.icon,{width:22,color:l.DEFAULT_THEME.colorsV2.content.brand})}),e.jsx(o.TitleRegular,{children:r.title}),e.jsx(o.BodyCaption,{children:r.description})]},r.value)))}),n.infoText&&e.jsxs("div",{className:"info__wrapper",children:[e.jsx(r.default,{width:15,color:l.DEFAULT_THEME.colorsV2.content.placeholder}),e.jsx(o.BodySecondary,{children:n.infoText})]})]})});

package/dist/cjs/components/card-selector/CardSelectorGroup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./CardSelector.js");exports.CardSelectorGroup=i=>e.jsx("div",{style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16},children:i.cards.map(l=>e.jsx("div",{style:{display:"flex",flex:1},children:e.jsx(t.CardSelector,{"data-test":i["data-test"],id:l.id,icon:l.icon,title:l.title,subtitle:l.subtitle,selected:l.selected,onCardClick:i.onClick,loading:l.loading,disabled:l.disabled,dataTestId:l.dataTestId,tooltip:l.tooltip})},l.id))});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./CardSelector.js");exports.CardSelectorGroup=i=>e.jsx("div",{style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16},children:i.cards.map((l=>e.jsx("div",{style:{display:"flex",flex:1},children:e.jsx(t.CardSelector,{"data-test":i["data-test"],id:l.id,icon:l.icon,title:l.title,subtitle:l.subtitle,selected:l.selected,onCardClick:i.onClick,loading:l.loading,disabled:l.disabled,dataTestId:l.dataTestId,tooltip:l.tooltip})},l.id)))});

package/dist/cjs/components/carousel-preview/CarouselPreview.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("react-slick"),o=require("./CarouselPreview.style.js"),s=require("./CarouselPreviewCard.js"),t=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/helpers/templateMiscHelper.js"),n=require("../template-preview/RCS/RCSPreview.styled.js"),i=require("./CustomCarouselArrows.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r),c=d(l);const v=u.default.forwardRef(({channel:r,template:l,isPreview:i,removeBottomBorder:d,borderRadius:u,showArrows:c,hideBorder:v,showSampleValues:C})=>{var w,m;const{sliderRef:h,selectedCarouselIndex:x,cardCount:f,setIsCarouselHovered:j,cardIndex:P}=t.useTemplateModalContext(),R=-1==P?a.determineCardIndex(r):P,I=null===(m=null===(w=null==l?void 0:l.components)||void 0===w?void 0:w[R])||void 0===m?void 0:m.cards,S=(null==I?void 0:I.length)?e.jsx(p,{cards:I,cardCount:null!=f?f:0,selectedCarouselIndex:null!=x?x:-1,sliderRef:h,isPreview:i,showArrows:c,channel:r,template:l,setIsCarouselHovered:j,showSampleValues:!!C}):null;return a.isRCSChannel(r)?e.jsx(n.RCSCarousalContainer,{borderRadius:u,children:S}):e.jsxs(o.Container,{removeBottomBorder:d,borderRadius:u,hideBorder:v,children:[e.jsx(s.default,{channel:r,currentTemplate:l,carouselCardIndex:-1,isPreview:i,width:"77%"}),S]})}),p=({cards:r,cardCount:l,selectedCarouselIndex:t,sliderRef:a,isPreview:n,showArrows:d,channel:u,template:v,setIsCarouselHovered:p,showSampleValues:C})=>e.jsx(o.CarouselSlickContainer,{cardCount:l,selectedCarouselIndex:t,onMouseEnter:()=>null==p?void 0:p(!0),onMouseLeave:()=>null==p?void 0:p(!1),children:e.jsx(c.default,{ref:a,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!n,centerMode:!0,arrows:d,adaptiveHeight:!0,nextArrow:e.jsx(i.CustomCarouselRightArrow,{isPreview:null!=n&&n}),prevArrow:e.jsx(i.CustomCarouselLeftArrow,{isPreview:null!=n&&n}),children:null==r?void 0:r.map((r,l)=>{var o,t;const a={components:r.components,mapping:null===(t=null===(o=null==v?void 0:v.mapping)||void 0===o?void 0:o.cards)||void 0===t?void 0:t[l],content:null==v?void 0:v.content,templateType:null==v?void 0:v.templateType};return e.jsx(s.default,{channel:u,currentTemplate:a,carouselCardIndex:l,isPreview:n,width:"100%",showSampleValues:C},l)})})});exports.CarouselPreview=v;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("react-slick"),o=require("./CarouselPreview.style.js"),t=require("./CarouselPreviewCard.js"),s=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/helpers/templateMiscHelper.js"),n=require("../template-preview/RCS/RCSPreview.styled.js"),i=require("./CustomCarouselArrows.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(r),c=d(l);const v=u.default.forwardRef((r=>{let{channel:l,template:i,isPreview:d,removeBottomBorder:u,borderRadius:c,showArrows:v,hideBorder:C,showSampleValues:w}=r;var m,h;const{sliderRef:x,selectedCarouselIndex:f,cardCount:j,setIsCarouselHovered:P,cardIndex:R}=s.useTemplateModalContext(),I=-1==R?a.determineCardIndex(l):R,S=null===(h=null===(m=null==i?void 0:i.components)||void 0===m?void 0:m[I])||void 0===h?void 0:h.cards,q=(null==S?void 0:S.length)?e.jsx(p,{cards:S,cardCount:null!=j?j:0,selectedCarouselIndex:null!=f?f:-1,sliderRef:x,isPreview:d,showArrows:v,channel:l,template:i,setIsCarouselHovered:P,showSampleValues:!!w}):null;return a.isRCSChannel(l)?e.jsx(n.RCSCarousalContainer,{borderRadius:c,children:q}):e.jsxs(o.Container,{removeBottomBorder:u,borderRadius:c,hideBorder:C,children:[e.jsx(t.default,{channel:l,currentTemplate:i,carouselCardIndex:-1,isPreview:d,width:"77%"}),q]})})),p=r=>{let{cards:l,cardCount:s,selectedCarouselIndex:a,sliderRef:n,isPreview:d,showArrows:u,channel:v,template:p,setIsCarouselHovered:C,showSampleValues:w}=r;return e.jsx(o.CarouselSlickContainer,{cardCount:s,selectedCarouselIndex:a,onMouseEnter:()=>null==C?void 0:C(!0),onMouseLeave:()=>null==C?void 0:C(!1),children:e.jsx(c.default,{ref:n,swipeToSlide:!0,draggable:!0,swipe:!0,infinite:!1,focusOnSelect:!d,centerMode:!0,arrows:u,adaptiveHeight:!0,nextArrow:e.jsx(i.CustomCarouselRightArrow,{isPreview:null!=d&&d}),prevArrow:e.jsx(i.CustomCarouselLeftArrow,{isPreview:null!=d&&d}),children:null==l?void 0:l.map(((r,l)=>{var o,s;const a={components:r.components,mapping:null===(s=null===(o=null==p?void 0:p.mapping)||void 0===o?void 0:o.cards)||void 0===s?void 0:s[l],content:null==p?void 0:p.content,templateType:null==p?void 0:p.templateType};return e.jsx(t.default,{channel:v,currentTemplate:a,carouselCardIndex:l,isPreview:d,width:"100%",showSampleValues:w},l)}))})})};exports.CarouselPreview=v;

package/dist/cjs/components/carousel-preview/CarouselPreviewCard.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/TemplatePreview.js");require("../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../constants/Theme.js"),require("../curtain/CurtainHelper.js"),require("../variable-picker-v3/model.js"),require("../template-preview/models/TemplateMeta.js"),require("../template-preview/models/WhatsAppTemplate.js"),require("../template-preview/models/Channels.js");var i=require("../template-preview/helpers/templateMiscHelper.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=l(t).default.forwardRef(({channel:t,currentTemplate:l,showSampleValues:p,carouselCardIndex:s,isPreview:n,width:u})=>{var d,o,m;const{cardWidth:c,template:v,cardIndex:h}=r.useTemplateModalContext(),w=-1==h?i.determineCardIndex(t):h,j=(null!==(m=null===(o=null===(d=null==v?void 0:v.components)||void 0===d?void 0:d[w].cards)||void 0===o?void 0:o.length)&&void 0!==m?m:0)-1===s?12:0;return e.jsx("div",{style:{width:u||c,height:(null!=s?s:-1)>-1?"100%":"auto"},children:e.jsx(a.TemplatePreview,{showSampleValues:p,template:l,channel:t,size:"small",hideHeader:!0,carouselCardIndex:s,isWhatsappCarousel:!0,isPreview:n,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:j,height:"100%"}}})})});exports.default=p;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../template-context-mapper/context/templateModalContext.js"),a=require("../template-preview/TemplatePreview.js");require("../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../constants/Theme.js"),require("../curtain/CurtainHelper.js"),require("../variable-picker-v3/model.js"),require("../template-preview/models/TemplateMeta.js"),require("../template-preview/models/WhatsAppTemplate.js"),require("../template-preview/models/Channels.js");var i=require("../template-preview/helpers/templateMiscHelper.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=l(t).default.forwardRef((t=>{let{channel:l,currentTemplate:p,showSampleValues:s,carouselCardIndex:n,isPreview:u,width:d}=t;var o,m,c;const{cardWidth:v,template:h,cardIndex:w}=r.useTemplateModalContext(),j=-1==w?i.determineCardIndex(l):w,q=(null!==(c=null===(m=null===(o=null==h?void 0:h.components)||void 0===o?void 0:o[j].cards)||void 0===m?void 0:m.length)&&void 0!==c?c:0)-1===n?12:0;return e.jsx("div",{style:{width:d||v,height:(null!=n?n:-1)>-1?"100%":"auto"},children:e.jsx(a.TemplatePreview,{showSampleValues:s,template:p,channel:l,size:"small",hideHeader:!0,carouselCardIndex:n,isWhatsappCarousel:!0,isPreview:u,whatsAppSpecificMeta:{templateContainerStyles:{marginRight:q,height:"100%"}}})})}));exports.default=p;

package/dist/cjs/components/carousel-secondary/CarouselSecondary.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/chevronLeft2.svg.js"),s=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight2.svg.js"),o=require("../../assets/icons/chevronRight.svg.js"),n=require("react"),i=require("../button/Button.js"),l=require("./CarouselSecondary.style.js"),a=require("./model.js");Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return a.CarouselVersion}}),exports.CarouselSecondary=({pages:u,onComplete:c,textAlign:d,version:C,onCompleteText:V})=>{const[h,v]=n.useState(0),g=n.useRef(null);return n.useEffect(()=>{g.current&&g.current.scrollTo({left:g.current.offsetWidth*h,behavior:"smooth"})},[h]),e.jsxs(l.CarouselContainer,{version:C||a.CarouselVersion.V1,children:[e.jsx(l.CarouselBody,{ref:g,textAlign:d,children:u.map((r,s)=>e.jsx(l.CarouselPage,{isActive:s===h,children:r},s))}),e.jsxs(l.CarouselFooter,{version:C||a.CarouselVersion.V1,children:[e.jsx("div",{style:{visibility:C===a.CarouselVersion.V2&&0===h?"hidden":"visible"},children:e.jsx(i.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{v(e=>0===e?e:e-1)},size:C===a.CarouselVersion.V2?"small":"medium",LeadingIcon:C===a.CarouselVersion.V2?r.default:s.default,disabled:!h})}),e.jsx(l.PageIndicator,{children:u.map((r,s)=>e.jsx(l.Indicator,{isActive:s===h,version:C||a.CarouselVersion.V1,onClick:()=>{v(s)}},s))}),e.jsx(i.Button,{buttonText:h===u.length-1?V||"Get started":"Next",buttonType:h===u.length-1||C===a.CarouselVersion.V2?"tertiary":"tertiaryGray",onClick:()=>{v(e=>e===u.length-1?e:e+1),h===u.length-1&&c()},size:C===a.CarouselVersion.V2?"small":"medium",TrailingIcon:h<u.length-1?C===a.CarouselVersion.V2?t.default:o.default:void 0,style:C===a.CarouselVersion.V2?{}:{background:"transparent"}})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/chevronLeft2.svg.js"),s=require("../../assets/icons/chevronLeft.svg.js"),t=require("../../assets/icons/chevronRight2.svg.js"),o=require("../../assets/icons/chevronRight.svg.js"),n=require("react"),i=require("../button/Button.js"),l=require("./CarouselSecondary.style.js"),a=require("./model.js");Object.defineProperty(exports,"CarouselVersion",{enumerable:!0,get:function(){return a.CarouselVersion}}),exports.CarouselSecondary=u=>{let{pages:c,onComplete:d,textAlign:C,version:V,onCompleteText:h}=u;const[v,g]=n.useState(0),j=n.useRef(null);return n.useEffect((()=>{j.current&&j.current.scrollTo({left:j.current.offsetWidth*v,behavior:"smooth"})}),[v]),e.jsxs(l.CarouselContainer,{version:V||a.CarouselVersion.V1,children:[e.jsx(l.CarouselBody,{ref:j,textAlign:C,children:c.map(((r,s)=>e.jsx(l.CarouselPage,{isActive:s===v,children:r},s)))}),e.jsxs(l.CarouselFooter,{version:V||a.CarouselVersion.V1,children:[e.jsx("div",{style:{visibility:V===a.CarouselVersion.V2&&0===v?"hidden":"visible"},children:e.jsx(i.Button,{buttonText:"Back",buttonType:"tertiaryGray",onClick:()=>{g((e=>0===e?e:e-1))},size:V===a.CarouselVersion.V2?"small":"medium",LeadingIcon:V===a.CarouselVersion.V2?r.default:s.default,disabled:!v})}),e.jsx(l.PageIndicator,{children:c.map(((r,s)=>e.jsx(l.Indicator,{isActive:s===v,version:V||a.CarouselVersion.V1,onClick:()=>{g(s)}},s)))}),e.jsx(i.Button,{buttonText:v===c.length-1?h||"Get started":"Next",buttonType:v===c.length-1||V===a.CarouselVersion.V2?"tertiary":"tertiaryGray",onClick:()=>{g((e=>e===c.length-1?e:e+1)),v===c.length-1&&d()},size:V===a.CarouselVersion.V2?"small":"medium",TrailingIcon:v<c.length-1?V===a.CarouselVersion.V2?t.default:o.default:void 0,style:V===a.CarouselVersion.V2?{}:{background:"transparent"}})]})]})};

package/dist/cjs/components/checkBox/CheckBox.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=require("./CheckBox.styled.js"),s=require("../TypographyStyle.js"),t=require("../../constants/Theme.js");const a=i=>{const s=l.useMemo(()=>i.activeColor||t.COLORS.background.positive.vibrant,[i.activeColor]);return e.jsxs("svg",{width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",viewBox:i.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"0",y:"0",width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",rx:"4",fill:i.isDisabled?t.COLORS.content.inactive:s}),!i.isPartial&&e.jsx("svg",{width:i.isSmall?"8":"10",height:i.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})}),i.isPartial&&e.jsx("rect",{x:"5",y:i.isSmall?"7":"8",width:i.isSmall?"6":"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]})};exports.CheckBox=r=>{var o;const[d,c]=l.useState(r.isChecked||!1),[n,h]=l.useState(r.isPartiallyChecked||!1),[x,C]=l.useState(r.isDisabled||!1),[S,b]=l.useState(!1),[u,v]=l.useState(!1);l.useEffect(()=>{c(r.isChecked)},[r.isChecked]),l.useEffect(()=>{C(r.isDisabled||!1)},[r.isDisabled]),l.useEffect(()=>{h(r.isPartiallyChecked||!1)},[r.isPartiallyChecked]);return e.jsxs(i.CheckboxContainer,{onClick:e=>{var l;if(!r.isDisabled){const i=!d;n?h(!n):c(i),null===(l=r.onValueChange)||void 0===l||l.call(r,i,r.value,e)}},onMouseEnter:()=>b(!r.skipHoverState),onMouseLeave:()=>b(!1),onMouseDown:()=>v(!r.skipHoverState),onMouseUp:()=>v(!1),isDisabled:x,enableHover:r.enableHover,style:null!==(o=r.style)&&void 0!==o?o:{},children:[e.jsx(i.CheckboxIcon,{checked:d,hovered:S,clicked:u,isDisabled:x,size:r.size,borderColor:r.checkboxBorderColor,children:d&&e.jsx(a,{isPartial:n||!1,isDisabled:x,isSmall:"SMALL"===r.size,activeColor:null==r?void 0:r.activeColor})}),r.label?r.boldOnChecked&&d||r.bold?"DEFAULT"===r.labelSize?e.jsx(s.TitleRegular,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):e.jsx(s.TitleSmall,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):"SMALL"===r.size||"SMALL"===r.labelSize?e.jsx(s.BodySecondary,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):e.jsx(s.BodyPrimary,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):e.jsx(e.Fragment,{}),r.rightComponent]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),i=require("./CheckBox.styled.js"),s=require("../TypographyStyle.js"),t=require("../../constants/Theme.js");const a=i=>{const s=l.useMemo((()=>i.activeColor||t.COLORS.background.positive.vibrant),[i.activeColor]);return e.jsxs("svg",{width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",viewBox:i.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("rect",{x:"0",y:"0",width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",rx:"4",fill:i.isDisabled?t.COLORS.content.inactive:s}),!i.isPartial&&e.jsx("svg",{width:i.isSmall?"8":"10",height:i.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})}),i.isPartial&&e.jsx("rect",{x:"5",y:i.isSmall?"7":"8",width:i.isSmall?"6":"8",height:"2",rx:"1",fill:t.COLORS.surface.standard})]})};exports.CheckBox=r=>{var o;const[d,c]=l.useState(r.isChecked||!1),[n,h]=l.useState(r.isPartiallyChecked||!1),[x,C]=l.useState(r.isDisabled||!1),[S,b]=l.useState(!1),[u,v]=l.useState(!1);l.useEffect((()=>{c(r.isChecked)}),[r.isChecked]),l.useEffect((()=>{C(r.isDisabled||!1)}),[r.isDisabled]),l.useEffect((()=>{h(r.isPartiallyChecked||!1)}),[r.isPartiallyChecked]);return e.jsxs(i.CheckboxContainer,{onClick:e=>{var l;if(!r.isDisabled){const i=!d;n?h(!n):c(i),null===(l=r.onValueChange)||void 0===l||l.call(r,i,r.value,e)}},onMouseEnter:()=>b(!r.skipHoverState),onMouseLeave:()=>b(!1),onMouseDown:()=>v(!r.skipHoverState),onMouseUp:()=>v(!1),isDisabled:x,enableHover:r.enableHover,style:null!==(o=r.style)&&void 0!==o?o:{},children:[e.jsx(i.CheckboxIcon,{checked:d,hovered:S,clicked:u,isDisabled:x,size:r.size,borderColor:r.checkboxBorderColor,children:d&&e.jsx(a,{isPartial:n||!1,isDisabled:x,isSmall:"SMALL"===r.size,activeColor:null==r?void 0:r.activeColor})}),r.label?r.boldOnChecked&&d||r.bold?"DEFAULT"===r.labelSize?e.jsx(s.TitleRegular,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):e.jsx(s.TitleSmall,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):"SMALL"===r.size||"SMALL"===r.labelSize?e.jsx(s.BodySecondary,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):e.jsx(s.BodyPrimary,{color:r.isDisabled?t.COLORS.text.disabled:t.COLORS.text.primary,children:r.label}):e.jsx(e.Fragment,{}),r.rightComponent]})};

package/dist/cjs/components/checkList/CheckList.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../checkBox/CheckBox.js"),i=require("./CheckList.styled.js"),r=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");exports.CheckList=c=>{var n;const[a,o]=t.useState(c.listItems);t.useEffect(()=>{o(c.listItems)},[c.listItems]);const u=(e,t)=>{const s=[...a],i=a.find(e=>e.value===t);i&&(i.isChecked=e),o(s);const r=s.filter(e=>e.isChecked);c.onChange(r)};return e.jsxs(i.CheckListStyled,{children:[(c.title||c.subTitle)&&e.jsxs("div",{className:"title__container",children:[c.title&&e.jsx(r.TitleRegular,{children:c.title}),c.subTitle&&e.jsx(r.BodySecondary,{color:l.COLORS.text.secondary,children:c.subTitle})]}),e.jsx("div",{style:null!==(n=c.listContainerStyles)&&void 0!==n?n:{},className:"list__container",children:a.map(t=>e.jsx(s.CheckBox,Object.assign({},t,{onValueChange:u}),t.value))})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("../checkBox/CheckBox.js"),i=require("./CheckList.styled.js"),r=require("../TypographyStyle.js"),l=require("../../constants/Theme.js");exports.CheckList=c=>{var n;const[a,o]=t.useState(c.listItems);t.useEffect((()=>{o(c.listItems)}),[c.listItems]);const u=(e,t)=>{const s=[...a],i=a.find((e=>e.value===t));i&&(i.isChecked=e),o(s);const r=s.filter((e=>e.isChecked));c.onChange(r)};return e.jsxs(i.CheckListStyled,{children:[(c.title||c.subTitle)&&e.jsxs("div",{className:"title__container",children:[c.title&&e.jsx(r.TitleRegular,{children:c.title}),c.subTitle&&e.jsx(r.BodySecondary,{color:l.COLORS.text.secondary,children:c.subTitle})]}),e.jsx("div",{style:null!==(n=c.listContainerStyles)&&void 0!==n?n:{},className:"list__container",children:a.map((t=>e.jsx(s.CheckBox,Object.assign({},t,{onValueChange:u}),t.value)))})]})};

package/dist/cjs/components/code-block/CodeBlock.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("react-toastify"),o=require("./CodeBlock.styled.js"),n=require("./CodeBlockHelper.js"),a=require("./types.js");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}exports.CodeBlock=({code:d="",language:c=a.CodeLanguage.JAVASCRIPT,title:l="",hideLineNumbers:u=!1,maxHeight:h="400px",maxWidth:p,theme:j="dark",hideHeader:m=!1,hideCopy:f=!1})=>{const[g,x]=r.useState(!1),[v,C]=r.useState(d);r.useEffect(()=>{let t=!0;return e.__awaiter(void 0,void 0,void 0,function*(){try{const r=yield(e=`./languageSpecificFormatting/${c}_file.ts`,Promise.resolve().then(function(){return s(require(e))}));if((null==r?void 0:r.format)&&t)return void C(r.format(d))}catch(e){}var e;t&&C(d)}),()=>{t=!1}},[d,c]);const y=v.split("\n");return t.jsxs(o.Container,{themeMode:j,maxWidth:p,children:[!m&&t.jsxs(o.Header,{themeMode:j,children:[t.jsxs(o.TitleSection,{children:[!!l&&l&&t.jsx(o.Title,{themeMode:j,children:l}),t.jsx(o.LanguageBadge,{bg:(b=c,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[b.toLowerCase()]||("dark"===j?"#6e7681":"#656d76")),color:(e=>{const t={javascript:"#000"};return(null==t?void 0:t[e.toLowerCase()])||"#fff"})(c),children:c})]}),!f&&t.jsx(o.CopyButton,{themeMode:j,onClick:()=>e.__awaiter(void 0,void 0,void 0,function*(){try{yield navigator.clipboard.writeText(d),x(!0),i.toast.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout(()=>x(!1),2e3)}catch(e){i.toast.error("Failed to copy code",{position:"top-right",autoClose:2e3})}}),children:g?t.jsx(t.Fragment,{children:"✓ Copied"}):t.jsx(t.Fragment,{children:"Copy"})})]}),t.jsxs(o.CodeContainer,{maxHeight:h,children:[!u&&t.jsx(o.LineNumbers,{themeMode:j,children:y.map((e,r)=>t.jsx("div",{children:r+1},r))}),t.jsx(o.Code,{themeMode:j,children:y.map((e,r)=>t.jsx("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:n.highlightCode(e,c,j)||" "}},r))})]})]});var b};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("react-toastify"),o=require("./CodeBlock.styled.js"),n=require("./CodeBlockHelper.js"),a=require("./types.js");function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}exports.CodeBlock=d=>{let{code:c="",language:l=a.CodeLanguage.JAVASCRIPT,title:u="",hideLineNumbers:h=!1,maxHeight:p="400px",maxWidth:j,theme:m="dark",hideHeader:f=!1,hideCopy:g=!1}=d;const[x,v]=r.useState(!1),[C,y]=r.useState(c);r.useEffect((()=>{let t=!0;return e.__awaiter(void 0,void 0,void 0,(function*(){try{const r=yield(e=`./languageSpecificFormatting/${l}_file.ts`,Promise.resolve().then((function(){return s(require(e))})));if((null==r?void 0:r.format)&&t)return void y(r.format(c))}catch(e){}var e;t&&y(c)})),()=>{t=!1}}),[c,l]);const b=C.split("\n");return t.jsxs(o.Container,{themeMode:m,maxWidth:j,children:[!f&&t.jsxs(o.Header,{themeMode:m,children:[t.jsxs(o.TitleSection,{children:[!!u&&u&&t.jsx(o.Title,{themeMode:m,children:u}),t.jsx(o.LanguageBadge,{bg:(_=l,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[_.toLowerCase()]||("dark"===m?"#6e7681":"#656d76")),color:(e=>{const t={javascript:"#000"};return(null==t?void 0:t[e.toLowerCase()])||"#fff"})(l),children:l})]}),!g&&t.jsx(o.CopyButton,{themeMode:m,onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(c),v(!0),i.toast.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout((()=>v(!1)),2e3)}catch(e){i.toast.error("Failed to copy code",{position:"top-right",autoClose:2e3})}})),children:x?t.jsx(t.Fragment,{children:"✓ Copied"}):t.jsx(t.Fragment,{children:"Copy"})})]}),t.jsxs(o.CodeContainer,{maxHeight:p,children:[!h&&t.jsx(o.LineNumbers,{themeMode:m,children:b.map(((e,r)=>t.jsx("div",{children:r+1},r)))}),t.jsx(o.Code,{themeMode:m,children:b.map(((e,r)=>t.jsx("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:n.highlightCode(e,l,m)||" "}},r)))})]})]});var _};

package/dist/cjs/components/code-block/CodeBlock.styled.js

@@ -1,55 +1,55 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var o=e(require("styled-components"));const d=o.default.div`
-	background-color: ${({themeMode:e})=>"dark"===e?"#0d1117":"#ffffff"};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var r=e(require("styled-components"));const t=r.default.div`
+	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#0d1117":"#ffffff"}};
 	border: 1px solid
-		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
+		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
 	border-radius: 6px;
 	overflow: hidden;
 	font-family: ui-monospace, SFMono-Regular, 'SF Mono', Consolas,
 		'Liberation Mono', Menlo, monospace;
 	margin-bottom: 1rem;
-	${({maxWidth:e})=>e&&`max-width: ${e};`}
-`,r=o.default.div`
-	background-color: ${({themeMode:e})=>"dark"===e?"#161b22":"#f6f8fa"};
+	${e=>{let{maxWidth:r}=e;return r&&`max-width: ${r};`}}
+`,o=r.default.div`
+	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#161b22":"#f6f8fa"}};
 	border-bottom: 1px solid
-		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
+		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
 	padding: 8px 16px;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-`;o.default.div`
+`;r.default.div`
 	display: flex;
 	gap: 6px;
 	align-items: center;
-`,o.default.div`
+`,r.default.div`
 	width: 12px;
 	height: 12px;
 	border-radius: 50%;
-	background-color: ${({color:e})=>e};
-`;const t=o.default.div`
+	background-color: ${e=>{let{color:r}=e;return r}};
+`;const d=r.default.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	flex: 1;
 	margin-left: 12px;
-`,a=o.default.span`
-	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
+`,n=r.default.span`
+	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
 	font-size: 14px;
 	font-weight: 500;
-`,i=o.default.div`
-	background-color: ${({bg:e})=>e};
-	color: ${({color:e})=>e||"#ffffff"};
+`,a=r.default.div`
+	background-color: ${e=>{let{bg:r}=e;return r}};
+	color: ${e=>{let{color:r}=e;return r||"#ffffff"}};
 	padding: 2px 6px;
 	border-radius: 4px;
 	font-size: 11px;
 	font-weight: 600;
 	text-transform: uppercase;
-`,n=o.default.button`
+`,l=r.default.button`
 	background-color: transparent;
 	border: 1px solid
-		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
+		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
 	border-radius: 4px;
 	padding: 4px 8px;
-	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
+	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
 	font-size: 12px;
 	cursor: pointer;
 	display: flex;
@@ -58,31 +58,31 @@
 	transition: background-color 0.2s ease;
 
 	&:hover {
-		background-color: ${({themeMode:e})=>"dark"===e?"#21262d":"#f3f4f6"};
+		background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#21262d":"#f3f4f6"}};
 	}
-`,l=o.default.div`
-	max-height: ${({maxHeight:e})=>e};
+`,i=r.default.div`
+	max-height: ${e=>{let{maxHeight:r}=e;return r}};
 	overflow: auto;
 	display: flex;
 	/* Ensure this is the only scroll container */
 	min-width: 0;
-`,f=o.default.div`
-	background-color: ${({themeMode:e})=>"dark"===e?"#0d1117":"#f6f8fa"};
-	color: ${({themeMode:e})=>"dark"===e?"#6e7681":"#656d76"};
+`,f=r.default.div`
+	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#0d1117":"#f6f8fa"}};
+	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#6e7681":"#656d76"}};
 	padding: 16px 12px;
 	font-size: 12px;
 	line-height: 20px;
 	text-align: right;
 	user-select: none;
 	border-right: 1px solid
-		${({themeMode:e})=>"dark"===e?"#21262d":"#d0d7de"};
+		${e=>{let{themeMode:r}=e;return"dark"===r?"#21262d":"#d0d7de"}};
 	min-width: 40px;
-`,p=o.default.pre`
+`,p=r.default.pre`
 	flex: 1;
 	padding: 16px;
 	font-size: 12px;
 	line-height: 20px;
-	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
+	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
 	background-color: transparent;
 	margin: 0;
 	white-space: pre;
@@ -91,20 +91,20 @@
 	min-width: 0; /* Ensures proper shrinking in flex container */
 
 	.keyword {
-		color: ${({themeMode:e})=>"dark"===e?"#79c0ff":"#0969da"};
+		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#79c0ff":"#0969da"}};
 		font-weight: 600;
 	}
 
 	.string {
-		color: ${({themeMode:e})=>"dark"===e?"#a5d6ff":"#0a3069"};
+		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#a5d6ff":"#0a3069"}};
 	}
 
 	.comment {
-		color: ${({themeMode:e})=>"dark"===e?"#8b949e":"#656d76"};
+		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#8b949e":"#656d76"}};
 		font-style: italic;
 	}
 
 	.number {
-		color: ${({themeMode:e})=>"dark"===e?"#79c0ff":"#0969da"};
+		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#79c0ff":"#0969da"}};
 	}
-`;exports.Code=p,exports.CodeContainer=l,exports.Container=d,exports.CopyButton=n,exports.Header=r,exports.LanguageBadge=i,exports.LineNumbers=f,exports.Title=a,exports.TitleSection=t;
+`;exports.Code=p,exports.CodeContainer=i,exports.Container=t,exports.CopyButton=l,exports.Header=o,exports.LanguageBadge=a,exports.LineNumbers=f,exports.Title=n,exports.TitleSection=d;