@bikdotai/bik-component-library 0.0.736-beta.6 → 0.0.736-beta.7

package/dist/esm/components/avatar/Avatar.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as s}from"react";import{AvatarStyle as i}from"./Avatar.styled.js";import{SIZE as o,AVATAR_BACKGROUND as r,AVATAR_TYPES as a,AVATAR_SIZE_MAP as n}from"./AvatarHelper.js";import{BodyTiny as c,TitleSmall as l,TitleMedium as d}from"../TypographyStyle.js";import{COLORS as h}from"../../constants/Theme.js";import m from"../../assets/icons/bik_livechat.svg.js";import p from"../../assets/icons/email-channel.svg.js";import g from"../../assets/icons/facebook_channel.svg.js";import u from"../../assets/icons/gmail.svg.js";import A from"../../assets/icons/instagram-channel.svg.js";import b from"../../assets/icons/task.svg.js";import I from"../../assets/icons/whatsapp_color.svg.js";const y={[o.SMALL]:16,[o.MEDIUM]:20,[o.INBOX]:24,[o.LARGE]:32},S={[r.LIGHT]:h.content.secondary,[r.WHITE]:h.content.secondary,[r.DARK]:h.surface.standard};var f;!function(e){e.INSTAGRAM="instagram",e.MESSENGER="messenger",e.WHATSAPP="whatsapp",e.GMAIL="gmail",e.LIVECHAT="livechat",e.GOOGLE_BUSINESS_CHAT="gbm",e.SHOPIFY="shopify",e.FACEBOOK="facebook",e.EMAIL="email",e.SMTP="smtp",e.FACEBOOK_CATALOG="facebook-catalog",e.TASKS="tasks",e.BIK_LIVECHAT="livechat"}(f||(f={}));const E=r=>{const[E,v]=s(!1),L=()=>{const e=(r.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return r.size===o.SMALL?t(c,{style:{color:S[r.background]},children:e}):r.size===o.MEDIUM||r.size===o.INBOX?t(l,{style:{color:S[r.background]},children:e}):r.size===o.LARGE?t(d,{style:{color:S[r.background]},children:e}):void 0};return e("div",{style:{position:"relative"},children:[e(i,{type:r.type===a.IMAGE&&E&&r.useNameFallback&&r.name?a.INITIALS:r.type,size:r.size,background:r.background,children:[r.type===a.IMAGE&&(r.useNameFallback&&!E?t("img",{alt:"",width:n[r.size],height:n[r.size],style:{borderRadius:(null==r?void 0:r.borderRadius)||"50%",objectFit:"contain"},src:r.photoUrl,onError:()=>{v(!0)}}):r.useNameFallback&&E&&r.name?t("div",{children:L()}):t("img",{alt:"",width:n[r.size],height:n[r.size],style:{borderRadius:(null==r?void 0:r.borderRadius)||"50%",objectFit:"contain"},src:r.photoUrl})),r.type===a.INITIALS&&t("div",{children:L()}),r.type===a.ICON&&r.icon&&t(r.icon,{width:y[r.size],height:y[r.size],color:S[r.background]})]}),r.inboxSettings&&t("div",{style:{position:"absolute",left:y[r.size]+"px",top:y[r.size]+"px",width:14,height:14,borderRadius:(null==r?void 0:r.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:r.inboxSettings.isSelected?r.inboxSettings.isComments?h.content.primary:h.background.brandLight:r.inboxSettings.isComments?h.content.primary:h.surface.standard,alignItems:"center"},children:(()=>{switch(r.channelName){case f.EMAIL:case f.SMTP:return t(p,{width:11,height:11});case f.FACEBOOK:case f.FACEBOOK_CATALOG:case f.MESSENGER:return t(g,{width:11,height:11});case f.INSTAGRAM:return t(A,{width:11,height:11});case f.WHATSAPP:return t(I,{width:11,height:11});case f.GMAIL:return t(u,{width:11,height:11});case f.TASKS:return t(b,{width:11,height:11});case f.BIK_LIVECHAT:return t(m,{width:11,height:11})}})()}),r.status&&t("div",{style:{position:"absolute",left:y[r.size]+"px",top:y[r.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:h.surface.standard,alignItems:"center"},children:r.status?t("div",{style:{backgroundColor:"ONLINE"===r.status?h.special.whatsapp.brand:h.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null})]})};export{y as AVATAR_SIZE_VS_ICON_SIZE_MAP,E as Avatar,S as BACKGROUND_VS_TEXT_COLOR_MAP,f as MESSAGE_CHANNELS};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as s}from"react";import{AvatarStyle as i}from"./Avatar.styled.js";import{SIZE as o,AVATAR_BACKGROUND as r,AVATAR_TYPES as a,AVATAR_SIZE_MAP as n}from"./AvatarHelper.js";import{BodyTiny as c,TitleSmall as l,TitleMedium as d}from"../TypographyStyle.js";import{COLORS as h}from"../../constants/Theme.js";import m from"../../assets/icons/bik_livechat.svg.js";import p from"../../assets/icons/email-channel.svg.js";import g from"../../assets/icons/facebook_channel.svg.js";import u from"../../assets/icons/gmail.svg.js";import A from"../../assets/icons/instagram-channel.svg.js";import b from"../../assets/icons/task.svg.js";import I from"../../assets/icons/whatsapp_color.svg.js";const y={[o.SMALL]:16,[o.MEDIUM]:20,[o.INBOX]:24,[o.LARGE]:32},S={[r.LIGHT]:h.content.secondary,[r.WHITE]:h.content.secondary,[r.DARK]:h.surface.standard};var f;!function(e){e.INSTAGRAM="instagram",e.MESSENGER="messenger",e.WHATSAPP="whatsapp",e.GMAIL="gmail",e.LIVECHAT="livechat",e.GOOGLE_BUSINESS_CHAT="gbm",e.SHOPIFY="shopify",e.FACEBOOK="facebook",e.EMAIL="email",e.SMTP="smtp",e.FACEBOOK_CATALOG="facebook-catalog",e.TASKS="tasks",e.BIK_LIVECHAT="livechat"}(f||(f={}));const E=r=>{const[E,v]=s(!1),L=()=>{const e=(r.name||"").split(".").join(" ").split(" ").map(e=>e.charAt(0).toUpperCase()).slice(0,2).join("");return r.size===o.SMALL?t(c,{style:{color:S[r.background]},children:e}):r.size===o.MEDIUM||r.size===o.INBOX?t(l,{style:{color:S[r.background]},children:e}):r.size===o.LARGE?t(d,{style:{color:S[r.background]},children:e}):void 0};return e("div",{style:{position:"relative"},children:[e(i,{type:r.type===a.IMAGE&&E&&r.useNameFallback&&r.name?a.INITIALS:r.type,size:r.size,background:r.background,children:[r.type===a.IMAGE&&(r.useNameFallback&&!E?t("img",{alt:"",width:n[r.size],height:n[r.size],style:{borderRadius:(null==r?void 0:r.borderRadius)||"50%",objectFit:"contain"},src:r.photoUrl,onError:()=>{v(!0)}}):r.useNameFallback&&E&&r.name?t("div",{children:L()}):t("img",{alt:"",width:n[r.size],height:n[r.size],style:{borderRadius:(null==r?void 0:r.borderRadius)||"50%",objectFit:"contain"},src:r.photoUrl})),r.type===a.INITIALS&&t("div",{children:L()}),r.type===a.ICON&&r.icon&&t(r.icon,{width:y[r.size],height:y[r.size],color:S[r.background]})]}),r.inboxSettings&&t("div",{style:{position:"absolute",left:y[r.size]+"px",top:y[r.size]+"px",width:14,height:14,borderRadius:(null==r?void 0:r.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:r.inboxSettings.isSelected?r.inboxSettings.isComments?h.content.primary:h.background.brandLight:r.inboxSettings.isComments?h.content.primary:h.surface.standard,alignItems:"center"},children:(()=>{switch(r.channelName){case f.EMAIL:case f.SMTP:return t(p,{width:11,height:11});case f.FACEBOOK:case f.FACEBOOK_CATALOG:case f.MESSENGER:return t(g,{width:11,height:11});case f.INSTAGRAM:return t(A,{width:11,height:11});case f.WHATSAPP:return t(I,{width:11,height:11});case f.GMAIL:return t(u,{width:11,height:11});case f.TASKS:return t(b,{width:11,height:11});case f.BIK_LIVECHAT:return t(m,{width:11,height:11})}})()}),r.status&&t("div",{style:{position:"absolute",left:y[r.size]+"px",top:y[r.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:h.surface.standard,alignItems:"center"},children:r.status?t("div",{style:{backgroundColor:"ONLINE"===r.status?h.special.whatsapp.brand:h.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null})]})};export{y as AVATAR_SIZE_VS_ICON_SIZE_MAP,E as Avatar,S as BACKGROUND_VS_TEXT_COLOR_MAP,f as MESSAGE_CHANNELS};

package/dist/esm/components/banner/BannerInline.js

@@ -1 +1 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Button as n}from"../button/Button.js";import{Tag as e}from"../tag/Tag.js";import{TitleRegular as r,BodyCaption as i}from"../TypographyStyle.js";import{BannerContainer as l,CompanyImageWrapper as a,MainContentWrapper as d,TextWrapper as c,TagWrapper as u,BottomButtonWrapper as p}from"./Banner.styled.js";function y(y){var s,m;return t(l,{style:null==y?void 0:y.containerStyle,children:[o(a,{children:o("img",{src:y.companyImageUrl,alt:"Company Img",style:{aspectRatio:"auto"}})}),t(d,{children:[t(c,{children:[o(r,{children:y.title}),o(i,{children:y.subTitle})]}),(null==y?void 0:y.tags)&&(null===(s=null==y?void 0:y.tags)||void 0===s?void 0:s.length)>0&&o(u,{children:null===(m=null==y?void 0:y.tags)||void 0===m?void 0:m.map(((t,n)=>o(e,{tagText:t,variant:"circle",type:"purple",tagColor:"#212121"},n)))})]}),t(p,{children:[o(n,{buttonText:y.buttonText,buttonType:y.buttonType||"secondary",style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"},onClick:y.onClick}),(null==y?void 0:y.buttonSecondaryText)&&(null==y?void 0:y.onClickSecondary)&&o(n,{buttonText:y.buttonSecondaryText,buttonType:y.buttonTypeSecondary||"primary",style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"},onClick:y.onClickSecondary})]})]})}export{y as default};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Button as n}from"../button/Button.js";import{Tag as e}from"../tag/Tag.js";import{TitleRegular as r,BodyCaption as i}from"../TypographyStyle.js";import{BannerContainer as l,CompanyImageWrapper as a,MainContentWrapper as d,TextWrapper as c,TagWrapper as u,BottomButtonWrapper as p}from"./Banner.styled.js";function y(y){var s,m;return t(l,{style:null==y?void 0:y.containerStyle,children:[o(a,{children:o("img",{src:y.companyImageUrl,alt:"Company Img",style:{aspectRatio:"auto"}})}),t(d,{children:[t(c,{children:[o(r,{children:y.title}),o(i,{children:y.subTitle})]}),(null==y?void 0:y.tags)&&(null===(s=null==y?void 0:y.tags)||void 0===s?void 0:s.length)>0&&o(u,{children:null===(m=null==y?void 0:y.tags)||void 0===m?void 0:m.map((t,n)=>o(e,{tagText:t,variant:"circle",type:"purple",tagColor:"#212121"},n))})]}),t(p,{children:[o(n,{buttonText:y.buttonText,buttonType:y.buttonType||"secondary",style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"},onClick:y.onClick}),(null==y?void 0:y.buttonSecondaryText)&&(null==y?void 0:y.onClickSecondary)&&o(n,{buttonText:y.buttonSecondaryText,buttonType:y.buttonTypeSecondary||"primary",style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"},onClick:y.onClickSecondary})]})]})}export{y as default};

package/dist/esm/components/banner/CardBanner.js

@@ -1 +1 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useCallback as e}from"react";import{Button as n}from"../button/Button.js";import{TitleSmall as r,BodyCaption as i}from"../TypographyStyle.js";import{CardBannerWrapper as l,CardBannerContent as c,CardBannerIconsWrapper as d,CardBannerButtonWrapper as a}from"./Banner.styled.js";import{getUrlForBannerThirdPartyIcon as p}from"./model.js";function u(u){var y;const s=e((t=>p(t)),[]);return t(l,{style:null==u?void 0:u.containerStyle,children:[t(c,{children:[o(r,{children:u.title}),o(i,{children:u.subTitle}),o(d,{children:null===(y=u.icons)||void 0===y?void 0:y.map(((t,e)=>o("img",{src:s(t),alt:`icon-${e}`,style:{width:32,height:32,aspectRatio:1}},e)))})]}),t(a,{children:[o(n,{buttonText:u.buttonText,buttonType:u.buttonType||"secondary",onClick:u.onClick,style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"}}),(null==u?void 0:u.buttonSecondaryText)&&(null==u?void 0:u.onClickSecondary)&&o(n,{buttonText:u.buttonSecondaryText,buttonType:u.buttonTypeSecondary||"primary",onClick:u.onClickSecondary,style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"}})]})]})}export{u as default};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useCallback as e}from"react";import{Button as n}from"../button/Button.js";import{TitleSmall as r,BodyCaption as i}from"../TypographyStyle.js";import{CardBannerWrapper as l,CardBannerContent as c,CardBannerIconsWrapper as d,CardBannerButtonWrapper as a}from"./Banner.styled.js";import{getUrlForBannerThirdPartyIcon as p}from"./model.js";function u(u){var y;const s=e(t=>p(t),[]);return t(l,{style:null==u?void 0:u.containerStyle,children:[t(c,{children:[o(r,{children:u.title}),o(i,{children:u.subTitle}),o(d,{children:null===(y=u.icons)||void 0===y?void 0:y.map((t,e)=>o("img",{src:s(t),alt:`icon-${e}`,style:{width:32,height:32,aspectRatio:1}},e))})]}),t(a,{children:[o(n,{buttonText:u.buttonText,buttonType:u.buttonType||"secondary",onClick:u.onClick,style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"}}),(null==u?void 0:u.buttonSecondaryText)&&(null==u?void 0:u.onClickSecondary)&&o(n,{buttonText:u.buttonSecondaryText,buttonType:u.buttonTypeSecondary||"primary",onClick:u.onClickSecondary,style:{borderRadius:"32px",width:"fit-content",whiteSpace:"nowrap"}})]})]})}export{u as default};

package/dist/esm/components/bik-chatbot/components/AIChat.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../../_virtual/_tslib.js";import{jsx as s,jsxs as t}from"react/jsx-runtime";import{useAIContext as i}from"../contexts/AIContext.js";import a from"./ChatLoadingState.js";import r from"./ChatWindow.js";const n=n=>{let{className:o,style:l,header:d,showHeader:c=!0,placeholder:m="Ask me anything...",suggestions:h=["Top festivals for marketing","Top events this week?","Top August festivals near you"],disabled:g=!1,isThinking:p=!1,height:v,iceBreakers:u,videoStarter:f,onMessageSent:k,onIceBreakerClick:x,chatState:y,chatWindowHeight:b,inputDisabled:j=!1}=n;const{isReady:N,isLoading:S,messages:w,sendMessage:A,error:C,system:I,isApiCallInProgress:T}=i(),B=d||(null==I?void 0:I.name)||"AI Assistant";return C?s("div",{className:`flex items-center justify-center p-6 ${o}`,style:l,children:t("div",{className:"text-red-500 text-center",children:[s("div",{className:"text-lg font-semibold mb-2",children:"Error"}),s("div",{className:"text-sm",children:C})]})}):N?s("div",{className:o,style:Object.assign(Object.assign({},l),{height:v||"100%",width:"100%",display:"flex",flexDirection:"column",minHeight:0}),children:s(r,{messages:w,onSend:s=>e(void 0,void 0,void 0,(function*(){null==k||k(s),yield A(s)})),header:c?B:void 0,placeholder:m,suggestions:h,iceBreakers:u,videoStarter:f,disabled:g||S,isThinking:p||T,onIceBreakerClick:x,chatState:y,chatWindowHeight:b||"100%",inputDisabled:j})}):s(a,{className:o,style:l})};export{n as AIChat};
+import{__awaiter as e}from"../../../_virtual/_tslib.js";import{jsx as s,jsxs as t}from"react/jsx-runtime";import{useAIContext as i}from"../contexts/AIContext.js";import a from"./ChatLoadingState.js";import r from"./ChatWindow.js";const n=({className:n,style:o,header:l,showHeader:d=!0,placeholder:c="Ask me anything...",suggestions:m=["Top festivals for marketing","Top events this week?","Top August festivals near you"],disabled:h=!1,isThinking:g=!1,height:p,iceBreakers:v,videoStarter:u,onMessageSent:f,onIceBreakerClick:k,chatState:x,chatWindowHeight:y,inputDisabled:b=!1})=>{const{isReady:j,isLoading:N,messages:S,sendMessage:w,error:A,system:C,isApiCallInProgress:I}=i(),T=l||(null==C?void 0:C.name)||"AI Assistant";return A?s("div",{className:`flex items-center justify-center p-6 ${n}`,style:o,children:t("div",{className:"text-red-500 text-center",children:[s("div",{className:"text-lg font-semibold mb-2",children:"Error"}),s("div",{className:"text-sm",children:A})]})}):j?s("div",{className:n,style:Object.assign(Object.assign({},o),{height:p||"100%",width:"100%",display:"flex",flexDirection:"column",minHeight:0}),children:s(r,{messages:S,onSend:s=>e(void 0,void 0,void 0,function*(){null==f||f(s),yield w(s)}),header:d?T:void 0,placeholder:c,suggestions:m,iceBreakers:v,videoStarter:u,disabled:h||N,isThinking:g||I,onIceBreakerClick:k,chatState:x,chatWindowHeight:y||"100%",inputDisabled:b})}):s(a,{className:n,style:o})};export{n as AIChat};

package/dist/esm/components/bik-chatbot/components/BIKChatbot.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{AIProvider as t}from"../contexts/AIContext.js";import{AIChat as o}from"./AIChat.js";const s=s=>{let{systemPrompt:r,systemId:a,functions:i,functionHandler:n,onMessageReceived:d,displayInUI:l,maxToolCalls:c,maxTokens:m,model:h,conversationId:p,className:u,height:f,showHeader:x=!0,placeholder:g,iceBreakers:y,videoStarter:I,onMessageSent:v,onIceBreakerClick:S,chatState:k,inputDisabled:w,requestExecutor:b,baseUrl:H,endpointPath:C,responseFormat:E,responseSchema:M,width:P,maxWidth:j,fullHeight:B,style:R,chatWindowHeight:T,tools:U,onSystemReady:W}=s;if(!r)throw new Error("systemPrompt is required for generic mode.");const q=Object.assign({width:P||void 0,maxWidth:P?void 0:j||480,height:B?"100%":f||(null==R?void 0:R.height)||void 0,display:"flex",flexDirection:"column",border:"1px solid #E0E0E0",background:"#fff"},R);return e("div",{className:u,style:q,children:e(t,{systemPrompt:r,systemId:a,functions:i,functionHandler:n,responseFormat:E,responseSchema:M,onMessageReceived:d,displayInUI:l,maxToolCalls:c,maxTokens:m,customModel:h,conversationId:p,requestExecutor:b,baseUrl:H,endpointPath:C,tools:U,onSystemReady:W,children:e(o,{height:B?"100%":f,chatWindowHeight:T,showHeader:x,placeholder:g,iceBreakers:y,videoStarter:I,onMessageSent:v,onIceBreakerClick:S,chatState:k,inputDisabled:w})})})};export{s as BIKChatbot,s as default};
+import{jsx as e}from"react/jsx-runtime";import{AIProvider as t}from"../contexts/AIContext.js";import{AIChat as o}from"./AIChat.js";const s=({systemPrompt:s,systemId:r,functions:a,functionHandler:i,onMessageReceived:n,displayInUI:d,maxToolCalls:l,maxTokens:c,model:m,conversationId:h,className:p,height:u,showHeader:f=!0,placeholder:x,iceBreakers:g,videoStarter:y,onMessageSent:I,onIceBreakerClick:v,chatState:S,inputDisabled:k,requestExecutor:w,baseUrl:b,endpointPath:H,responseFormat:C,responseSchema:E,width:M,maxWidth:P,fullHeight:j,style:B,chatWindowHeight:R,tools:T,onSystemReady:U})=>{if(!s)throw new Error("systemPrompt is required for generic mode.");const W=Object.assign({width:M||void 0,maxWidth:M?void 0:P||480,height:j?"100%":u||(null==B?void 0:B.height)||void 0,display:"flex",flexDirection:"column",border:"1px solid #E0E0E0",background:"#fff"},B);return e("div",{className:p,style:W,children:e(t,{systemPrompt:s,systemId:r,functions:a,functionHandler:i,responseFormat:C,responseSchema:E,onMessageReceived:n,displayInUI:d,maxToolCalls:l,maxTokens:c,customModel:m,conversationId:h,requestExecutor:w,baseUrl:b,endpointPath:H,tools:T,onSystemReady:U,children:e(o,{height:j?"100%":u,chatWindowHeight:R,showHeader:f,placeholder:x,iceBreakers:g,videoStarter:y,onMessageSent:I,onIceBreakerClick:v,chatState:S,inputDisabled:k})})})};export{s as BIKChatbot,s as default};

package/dist/esm/components/bik-chatbot/components/ChatLoadingState.js

@@ -174,4 +174,4 @@ import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as t,useEffect
 	animation: ${m} 2.6s ease-in-out infinite;
 	pointer-events: none;
 	z-index: 0;
-`,z=r=>{let{className:n,style:d}=r;const[p,l]=t(0);return i((()=>{const e=window.setInterval((()=>{l((e=>(e+1)%o.length))}),2e3);return()=>window.clearInterval(e)}),[]),e(c,{className:n,style:d,children:a(f,{children:[a(x,{children:[e(j,{}),e($,{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fcdf9c32d-6cf6-427f-b5c1-53cd424bfd5d?alt=media&token=740083c2-08ad-4295-a169-77c7d8ddaea9",alt:"AI thinking"})]}),e(b,{children:o[p]},p),e(h,{children:[0,1,2].map((a=>e(y,{delay:.22*a},a)))}),e(u,{children:s.map(((t,i)=>a(w,{delay:.4+.2*i,children:[e(v,{children:t.symbol}),e(k,{children:t.text})]},t.text)))})]})})};export{z as default};
+`,z=({className:r,style:n})=>{const[d,p]=t(0);return i(()=>{const e=window.setInterval(()=>{p(e=>(e+1)%o.length)},2e3);return()=>window.clearInterval(e)},[]),e(c,{className:r,style:n,children:a(f,{children:[a(x,{children:[e(j,{}),e($,{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fcdf9c32d-6cf6-427f-b5c1-53cd424bfd5d?alt=media&token=740083c2-08ad-4295-a169-77c7d8ddaea9",alt:"AI thinking"})]}),e(b,{children:o[d]},d),e(h,{children:[0,1,2].map(a=>e(y,{delay:.22*a},a))}),e(u,{children:s.map((t,i)=>a(w,{delay:.4+.2*i,children:[e(v,{children:t.symbol}),e(k,{children:t.text})]},t.text))})]})})};export{z as default};

package/dist/esm/components/bik-chatbot/components/ChatWindow.js

@@ -251,4 +251,4 @@ import{jsxs as e,jsx as i}from"react/jsx-runtime";import t from"../../../assets/
 	-webkit-text-fill-color: transparent;
 	background-clip: text;
 	display: inline-block;
-`,B=o=>{let{messages:B,onSend:I,header:M="Create with AI",placeholder:D="Discover the right event & launch campaigns for better conversions...",suggestions:_=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:H,videoStarter:L,disabled:W=!1,isThinking:K=!1,onIceBreakerClick:E,chatState:N,chatWindowHeight:P,inputDisabled:V=!1}=o;const[q,G]=r(""),[J,O]=r(!1),[Q,R]=r(!1),U=n(null),X=n(null),Y=J||K,Z=W||V,ee=N||(J||K?"thinking":Q&&q.trim().length>0?"typing":0===B.length?"conversation-starter":B.length>0?"conversation":"default"),ie=()=>{!q.trim()||Z||Y||(I(q),G(""),O(!0),setTimeout((()=>O(!1)),1500))},te=q.trim().length>0,re=Z||Y||!te;a((()=>{var e;null===(e=U.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})}),[B,J,K]);return e(h,{chatState:ee,style:{height:P||"100%"},children:[e(p,{children:[i(t,{height:24,width:24}),i("div",{className:"header-text",children:M})]}),e(g,{children:[e(b,{children:["conversation-starter"===ee&&L&&e(x,{children:[i(f,{children:i(u,{onClick:L.onPlay,children:i("svg",{viewBox:"0 0 24 24",fill:"currentColor",children:i("path",{d:"M8 5v14l11-7z"})})})}),e(m,{children:[i(d,{style:{fontWeight:500,marginBottom:"4px"},children:L.title}),i(l,{children:L.description})]})]}),B.map((e=>i(k,{role:e.role,children:"assistant"===e.role?i("div",{dangerouslySetInnerHTML:{__html:s(e.content)}}):i("div",{style:{whiteSpace:"pre-wrap"},children:e.content})},e.id))),(J||K)&&i(c,{}),i("div",{ref:U})]}),H&&"conversation-starter"===ee&&i(v,{children:i(w,{children:H.map((e=>i(y,{disabled:Z,onClick:()=>{Z||(null==E||E(e),I(e.text))},children:i(A,{children:e.text})},e.id)))})}),!H&&_.length>0&&"default"===ee&&i(F,{children:i(T,{children:_.map((e=>i($,{disabled:Z,onClick:()=>!Z&&I(e),children:e},e)))})}),i(S,{children:e(z,{children:[i(j,{ref:X,value:q,onChange:e=>{if(Z)return;const i=e.target.value;G(i),R(i.trim().length>0);const t=X.current;t&&(t.style.height="auto",t.style.height=`${Math.min(t.scrollHeight,117)}px`)},placeholder:D,onKeyDown:e=>{Z||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!Y&&q.trim()&&ie())},disabled:Z,hasText:te,chatState:ee}),i(C,{onClick:ie,disabled:re,hasText:te,"aria-label":"Send",children:e("svg",{viewBox:"0 0 24 24",width:"20",height:"20",stroke:"white",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[i("path",{d:"M6 12h12"}),i("path",{d:"M12 6l6 6-6 6"})]})})]})})]})]})};export{A as CustomGradientText,B as default};
+`,B=({messages:o,onSend:B,header:I="Create with AI",placeholder:M="Discover the right event & launch campaigns for better conversions...",suggestions:D=["Top festivals for marketing","Top events this week?","Top August festivals near you"],iceBreakers:_,videoStarter:H,disabled:L=!1,isThinking:W=!1,onIceBreakerClick:K,chatState:E,chatWindowHeight:N,inputDisabled:P=!1})=>{const[V,q]=r(""),[G,J]=r(!1),[O,Q]=r(!1),R=n(null),U=n(null),X=G||W,Y=L||P,Z=E||(G||W?"thinking":O&&V.trim().length>0?"typing":0===o.length?"conversation-starter":o.length>0?"conversation":"default"),ee=()=>{!V.trim()||Y||X||(B(V),q(""),J(!0),setTimeout(()=>J(!1),1500))},ie=V.trim().length>0,te=Y||X||!ie;a(()=>{var e;null===(e=R.current)||void 0===e||e.scrollIntoView({behavior:"smooth"})},[o,G,W]);return e(h,{chatState:Z,style:{height:N||"100%"},children:[e(p,{children:[i(t,{height:24,width:24}),i("div",{className:"header-text",children:I})]}),e(g,{children:[e(b,{children:["conversation-starter"===Z&&H&&e(x,{children:[i(f,{children:i(u,{onClick:H.onPlay,children:i("svg",{viewBox:"0 0 24 24",fill:"currentColor",children:i("path",{d:"M8 5v14l11-7z"})})})}),e(m,{children:[i(d,{style:{fontWeight:500,marginBottom:"4px"},children:H.title}),i(l,{children:H.description})]})]}),o.map(e=>i(k,{role:e.role,children:"assistant"===e.role?i("div",{dangerouslySetInnerHTML:{__html:s(e.content)}}):i("div",{style:{whiteSpace:"pre-wrap"},children:e.content})},e.id)),(G||W)&&i(c,{}),i("div",{ref:R})]}),_&&"conversation-starter"===Z&&i(v,{children:i(w,{children:_.map(e=>i(y,{disabled:Y,onClick:()=>{Y||(null==K||K(e),B(e.text))},children:i(A,{children:e.text})},e.id))})}),!_&&D.length>0&&"default"===Z&&i(F,{children:i(T,{children:D.map(e=>i($,{disabled:Y,onClick:()=>!Y&&B(e),children:e},e))})}),i(S,{children:e(z,{children:[i(j,{ref:U,value:V,onChange:e=>{if(Y)return;const i=e.target.value;q(i),Q(i.trim().length>0);const t=U.current;t&&(t.style.height="auto",t.style.height=`${Math.min(t.scrollHeight,117)}px`)},placeholder:M,onKeyDown:e=>{Y||"Enter"!==e.key||e.shiftKey||(e.preventDefault(),!X&&V.trim()&&ee())},disabled:Y,hasText:ie,chatState:Z}),i(C,{onClick:ee,disabled:te,hasText:ie,"aria-label":"Send",children:e("svg",{viewBox:"0 0 24 24",width:"20",height:"20",stroke:"white",strokeWidth:"2",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",children:[i("path",{d:"M6 12h12"}),i("path",{d:"M12 6l6 6-6 6"})]})})]})})]})]})};export{A as CustomGradientText,B as default};

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

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

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

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

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

@@ -1 +1 @@
-import{__rest as e,__awaiter as t}from"../../../_virtual/_tslib.js";import{injectSafetyPrompt as s,sanitizeUserInput as i}from"../utils/guardrails.js";import{callToChatbot as a}from"./callToChatbot.js";class n{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(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:s(this.system.systemPrompt)}}generate(e,s){return t(this,arguments,void 0,(function(e,t){var s=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:i(e.content)}))),r=[{role:"system",text:s.makeSystemMessage().content},...o];return s.generateWithRecursiveToolCalls(r,t,a,n)}()}))}generateWithRecursiveToolCalls(e,s,i,n){return t(this,void 0,void 0,(function*(){var t,o,r,l,c,d,h,u,p,m;const y=e.map((e=>({role:e.role,text:e.text})));let f,g=n,v=0;for(;v<this.maxToolCalls;){let e;v++;try{if(f)e=f,f=void 0;else{let t;if(1===v&&g){const e=[...y].reverse().find((e=>"user"===e.role));e&&(t=[{role:"user",content:e.text}])}e=yield a(y,i,s,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,t,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=e.responseId,!e.toolCall){if(e.assistantText)if("json"===this.responseFormat){const s=null!==(t=e.parsed)&&void 0!==t?t:this.tryParseAssistantJson(e.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 t=e.assistantText.trim();this.displayInUI&&t&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:t,timestamp:Date.now()}),null===(r=this.onMessageReceived)||void 0===r||r.call(this,e.assistantText)}}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:e.assistantText,timestamp:Date.now()}),null===(l=this.onMessageReceived)||void 0===l||l.call(this,e.assistantText);return{responseId:g}}const{name:n,args:b,toolCallId:I,callId:x}=e.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 a(y,i,s,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}}))}}export{n as AIService};
+import{__rest as e,__awaiter as t}from"../../../_virtual/_tslib.js";import{injectSafetyPrompt as s,sanitizeUserInput as i}from"../utils/guardrails.js";import{callToChatbot as a}from"./callToChatbot.js";class n{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(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:s(this.system.systemPrompt)}}generate(e,s){return t(this,arguments,void 0,function*(e,t,s="default",a){const n=e.map(e=>({role:e.role,text:i(e.content)})),o=[{role:"system",text:this.makeSystemMessage().content},...n];return this.generateWithRecursiveToolCalls(o,t,s,a)})}generateWithRecursiveToolCalls(e,s,i,n){return t(this,void 0,void 0,function*(){var t,o,r,l,c,d,h,p,u,m;const y=e.map(e=>({role:e.role,text:e.text}));let f,g=n,v=0;for(;v<this.maxToolCalls;){let e;v++;try{if(f)e=f,f=void 0;else{let t;if(1===v&&g){const e=[...y].reverse().find(e=>"user"===e.role);e&&(t=[{role:"user",content:e.text}])}e=yield a(y,i,s,this.system.id,this.apiAdapter,g,this.system.functions,this.system.model,t,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=e.responseId,!e.toolCall){if(e.assistantText)if("json"===this.responseFormat){const s=null!==(t=e.parsed)&&void 0!==t?t:this.tryParseAssistantJson(e.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 t=e.assistantText.trim();this.displayInUI&&t&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:t,timestamp:Date.now()}),null===(r=this.onMessageReceived)||void 0===r||r.call(this,e.assistantText)}}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:e.assistantText,timestamp:Date.now()}),null===(l=this.onMessageReceived)||void 0===l||l.call(this,e.assistantText);return{responseId:g}}const{name:n,args:b,toolCallId:I,callId:x}=e.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 a(y,i,s,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===(p=this.onMessageReceived)||void 0===p||p.call(this,e)}else this.displayInUI&&this.dispatchMessage({id:`m-${Date.now()}`,role:"assistant",content:l.assistantText,timestamp:Date.now()}),null===(u=this.onMessageReceived)||void 0===u||u.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}})}}export{n as AIService};

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

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

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

@@ -1 +1 @@
-import{__awaiter as i}from"../../../_virtual/_tslib.js";import{set as o,get as t}from"idb-keyval";const n="ai-session:";function r(t,r){return i(this,void 0,void 0,(function*(){yield o(`${n}${t}`,r)}))}function u(o){return i(this,void 0,void 0,(function*(){return(yield t(`${n}${o}`))||null}))}export{u as loadSession,r as saveSession};
+import{__awaiter as i}from"../../../_virtual/_tslib.js";import{set as o,get as t}from"idb-keyval";const n="ai-session:";function r(t,r){return i(this,void 0,void 0,function*(){yield o(`${n}${t}`,r)})}function u(o){return i(this,void 0,void 0,function*(){return(yield t(`${n}${o}`))||null})}export{u as loadSession,r as saveSession};

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{BikShimmer as r}from"../shimmer/ShimmerComponent/BikShimmer.js";import{SimpleSidebarContainer as i}from"./SidebarStyles.js";const t=t=>{const{width:m,zIndex:h,left:d,theme:n}=t;return e(i,{width:m,zIndex:h,left:d,theme:n,children:e("div",{className:"sidebar-right-menu",children:[...new Array(2)].map((()=>0)).map((i=>e("div",{className:"sidebar-skeleton",children:e(r,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===n})},i+"_"+Math.random())))})})};export{t as SidebarSkeleton};
+import{jsx as e}from"react/jsx-runtime";import{BikShimmer as r}from"../shimmer/ShimmerComponent/BikShimmer.js";import{SimpleSidebarContainer as i}from"./SidebarStyles.js";const t=t=>{const{width:m,zIndex:h,left:d,theme:n}=t;return e(i,{width:m,zIndex:h,left:d,theme:n,children:e("div",{className:"sidebar-right-menu",children:[...new Array(2)].map(()=>0).map(i=>e("div",{className:"sidebar-skeleton",children:e(r,{boxes:[{height:"24px",width:"100%"},{height:"24px",width:"100%"}],isBrand:"brand"===n})},i+"_"+Math.random()))})})};export{t as SidebarSkeleton};

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

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

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

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

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

@@ -51,7 +51,7 @@ import{jsxs as t,Fragment as n,jsx as e}from"react/jsx-runtime";import o from"st
 
 	${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: ${i.background.inverseLight} !important;\n\t\t\t\t\t}\n\t\t\t\t\t.icon {\n\t\t\t\t\t\tcolor: ${i.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${l(t.buttonType,t.size,t.inverse)}\n\t\t\t${d(t.buttonType,t.size,i.content.brand)}\n\t\t}`}
 
-	${t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${v(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: ${g(t.buttonColor,15)};`:""}\n\t\t\tpadding: ${a(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${x(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: ${a(t.buttonType,t.size)};\n\t\t\t\t{${t.buttonColor?`background-color: ${u(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${h(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size&&"text"!==t.buttonType?t.darkMode?`background-color: ${i.stroke.primary};`:`background-color: ${i.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse||t.buttonColor?"":`background-color: ${i.background.inverse};`}\n\t\t\t}\n\t\t\t${"text"===t.buttonType?y(t.buttonType,t.disabled):""}\n\t\t\t${t.inverse?$(t.buttonType,t.disabled):""}\n\t\t}`}
+	${t=>t.isLoading?`\n\t\t\tcursor: not-allowed;\n\t\t\tpadding: 0;\n\t\t${v(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: ${g(t.buttonColor,15)};`:""}\n\t\t\tpadding: ${a(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${x(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\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: ${a(t.buttonType,t.size)};\n\t\t\t\t{${t.buttonColor?`background-color: ${u(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${h(t.buttonType,t.inverse)}\n\t\t\t\t}\n\t\t\t\t${"chip"===t.size&&"text"!==t.buttonType?t.darkMode?`background-color: ${i.stroke.primary};`:`background-color: ${i.surface.hovered};`:""}\n\t\t\t\t${"primary"!==t.buttonType||"chip"===t.size||t.inverse||t.buttonColor?"":`background-color: ${i.background.inverse};`}\n\t\t\t}\n\t\t\t${"text"===t.buttonType?y(t.buttonType,t.disabled):""}\n\t\t\t${t.inverse?$(t.buttonType,t.disabled):""}\n\t\t}`}
 
 		.button-container {
 		display: flex;

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{CardSelector as e}from"./CardSelector.js";const i=i=>t("div",{style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16},children:i.cards.map((l=>t("div",{style:{display:"flex",flex:1},children:t(e,{"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)))});export{i as CardSelectorGroup};
+import{jsx as t}from"react/jsx-runtime";import{CardSelector as e}from"./CardSelector.js";const i=i=>t("div",{style:{display:"flex",flexDirection:"vertical"===i.align?"column":"row",gap:i.gap||16},children:i.cards.map(l=>t("div",{style:{display:"flex",flex:1},children:t(e,{"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))});export{i as CardSelectorGroup};

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

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

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

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

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

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

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

@@ -1 +1 @@
-import{jsxs as e,jsx as l,Fragment as i}from"react/jsx-runtime";import{useState as s,useEffect as t,useMemo as a}from"react";import{CheckboxContainer as o,CheckboxIcon as r}from"./CheckBox.styled.js";import{TitleRegular as d,TitleSmall as n,BodySecondary as c,BodyPrimary as h}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const m=i=>{const s=a((()=>i.activeColor||b.background.positive.vibrant),[i.activeColor]);return e("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:[l("rect",{x:"0",y:"0",width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",rx:"4",fill:i.isDisabled?b.content.inactive:s}),!i.isPartial&&l("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:l("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&&l("rect",{x:"5",y:i.isSmall?"7":"8",width:i.isSmall?"6":"8",height:"2",rx:"1",fill:b.surface.standard})]})},v=a=>{var v;const[C,p]=s(a.isChecked||!1),[x,S]=s(a.isPartiallyChecked||!1),[u,w]=s(a.isDisabled||!1),[y,k]=s(!1),[g,D]=s(!1);t((()=>{p(a.isChecked)}),[a.isChecked]),t((()=>{w(a.isDisabled||!1)}),[a.isDisabled]),t((()=>{S(a.isPartiallyChecked||!1)}),[a.isPartiallyChecked]);return e(o,{onClick:e=>{var l;if(!a.isDisabled){const i=!C;x?S(!x):p(i),null===(l=a.onValueChange)||void 0===l||l.call(a,i,a.value,e)}},onMouseEnter:()=>k(!a.skipHoverState),onMouseLeave:()=>k(!1),onMouseDown:()=>D(!a.skipHoverState),onMouseUp:()=>D(!1),isDisabled:u,enableHover:a.enableHover,style:null!==(v=a.style)&&void 0!==v?v:{},children:[l(r,{checked:C,hovered:y,clicked:g,isDisabled:u,size:a.size,borderColor:a.checkboxBorderColor,children:C&&l(m,{isPartial:x||!1,isDisabled:u,isSmall:"SMALL"===a.size,activeColor:null==a?void 0:a.activeColor})}),a.label?a.boldOnChecked&&C||a.bold?"DEFAULT"===a.labelSize?l(d,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(n,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):"SMALL"===a.size||"SMALL"===a.labelSize?l(c,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(h,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(i,{}),a.rightComponent]})};export{v as CheckBox};
+import{jsxs as e,jsx as l,Fragment as i}from"react/jsx-runtime";import{useState as s,useEffect as t,useMemo as a}from"react";import{CheckboxContainer as o,CheckboxIcon as r}from"./CheckBox.styled.js";import{TitleRegular as d,TitleSmall as n,BodySecondary as c,BodyPrimary as h}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const m=i=>{const s=a(()=>i.activeColor||b.background.positive.vibrant,[i.activeColor]);return e("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:[l("rect",{x:"0",y:"0",width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",rx:"4",fill:i.isDisabled?b.content.inactive:s}),!i.isPartial&&l("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:l("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&&l("rect",{x:"5",y:i.isSmall?"7":"8",width:i.isSmall?"6":"8",height:"2",rx:"1",fill:b.surface.standard})]})},v=a=>{var v;const[C,p]=s(a.isChecked||!1),[x,S]=s(a.isPartiallyChecked||!1),[u,w]=s(a.isDisabled||!1),[y,k]=s(!1),[g,D]=s(!1);t(()=>{p(a.isChecked)},[a.isChecked]),t(()=>{w(a.isDisabled||!1)},[a.isDisabled]),t(()=>{S(a.isPartiallyChecked||!1)},[a.isPartiallyChecked]);return e(o,{onClick:e=>{var l;if(!a.isDisabled){const i=!C;x?S(!x):p(i),null===(l=a.onValueChange)||void 0===l||l.call(a,i,a.value,e)}},onMouseEnter:()=>k(!a.skipHoverState),onMouseLeave:()=>k(!1),onMouseDown:()=>D(!a.skipHoverState),onMouseUp:()=>D(!1),isDisabled:u,enableHover:a.enableHover,style:null!==(v=a.style)&&void 0!==v?v:{},children:[l(r,{checked:C,hovered:y,clicked:g,isDisabled:u,size:a.size,borderColor:a.checkboxBorderColor,children:C&&l(m,{isPartial:x||!1,isDisabled:u,isSmall:"SMALL"===a.size,activeColor:null==a?void 0:a.activeColor})}),a.label?a.boldOnChecked&&C||a.bold?"DEFAULT"===a.labelSize?l(d,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(n,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):"SMALL"===a.size||"SMALL"===a.labelSize?l(c,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(h,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(i,{}),a.rightComponent]})};export{v as CheckBox};

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

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

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

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