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

package/dist/esm/components/analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js

@@ -1 +1 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import i from"../../../../assets/icons/ChartBar.svg.js";import a from"../../../../assets/icons/ChartPie.svg.js";import l from"../../../../assets/icons/maximize.svg.js";import{Chart as e,CategoryScale as n,LinearScale as r,BarElement as s,Tooltip as d}from"chart.js";import c from"chartjs-plugin-datalabels";import p,{useState as u,useEffect as v,Suspense as g}from"react";import{Bar as h}from"react-chartjs-2";import{IconButton as x}from"../../../icon-button/IconButton.js";import{StyledModal as y}from"../../../modals/styledModal.js";import{TitleMedium as b}from"../../../TypographyStyle.js";import{COLORS as m,FONTS as f}from"../../../../constants/Theme.js";import{GraphContainerWrapper as C}from"./VerticalGraph.styles.js";e.register(n,r,s,d,c);const A=p.lazy(()=>import("../Pie/PieChartAnalytics.js").then(o=>({default:o.PieChartAnalytics}))),k=e=>{var n,r,s,d,c,p,k,z,$,D,S,j,P,T,w,H,I,R,B,E,F,O,G,L,M,N;const[V,q]=u(!1),[J,K]=u(!1),[Q,U]=u();v(()=>{var o;const t=[];J&&(null===(o=e.popupData)||void 0===o||o.xAxis.data.forEach((o,i)=>{var a;t.push({name:o.toString(),count:Number(null===(a=e.popupData)||void 0===a?void 0:a.yAxis.data[i])||0})}),U(t))},[J,null===(n=e.popupData)||void 0===n?void 0:n.xAxis.data,null===(r=e.popupData)||void 0===r?void 0:r.yAxis.data]);const W=[250,1e3,800,1500,300,600],X=-1===e.yAxis.data.findIndex(o=>0!==o),Y=-1===(null===(s=e.popupData)||void 0===s?void 0:s.yAxis.data.findIndex(o=>0!==o)),Z={min:0,max:2e3,stepSize:200},_={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!X,callbacks:{label:e.yAxis.toolTipCallback}},datalabels:{display:null!==(d=e.showTotal)&&void 0!==d&&d,anchor:"end",align:"end",clamp:!0,color:m.content.secondary}},scales:{x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:f.caption.fontSize}},grid:{display:!1,borderColor:m.background.base},ticks:{fontSize:f.caption.fontSize,color:null!==(c=e.yAxis.labelColor)&&void 0!==c?c:m.content.secondary}},y:{title:{display:!!e.yAxis.title,text:e.yAxis.title,color:e.yAxis.titleColor,font:{size:f.caption.fontSize}},grid:{borderColor:"white",color:m.background.base},ticks:Object.assign({callback:e.yAxis.ticksCallback,fontSize:f.caption.fontSize,color:null!==(p=e.xAxis.labelColor)&&void 0!==p?p:m.content.secondary},X?Z:{})}},maintainAspectRatio:!1},oo={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!Y,callbacks:{label:e.yAxis.toolTipCallback}},datalabels:{display:null!==(k=e.showTotal)&&void 0!==k&&k,anchor:"end",align:"end",clamp:!0,color:m.content.secondary}},scales:{x:{title:{display:!!(null===(z=e.popupData)||void 0===z?void 0:z.xAxis.title),text:null===($=e.popupData)||void 0===$?void 0:$.xAxis.title,color:null===(D=e.popupData)||void 0===D?void 0:D.xAxis.titleColor,font:{size:f.caption.fontSize}},grid:{display:!1,borderColor:m.background.base},ticks:{fontSize:f.caption.fontSize,color:null!==(j=null===(S=e.popupData)||void 0===S?void 0:S.yAxis.labelColor)&&void 0!==j?j:m.content.secondary}},y:{title:{display:!!(null===(P=e.popupData)||void 0===P?void 0:P.yAxis.title),text:null===(T=e.popupData)||void 0===T?void 0:T.yAxis.title,color:null===(w=e.popupData)||void 0===w?void 0:w.yAxis.titleColor,font:{size:f.caption.fontSize}},grid:{borderColor:"white",color:m.background.base},ticks:Object.assign({callback:null===(H=e.popupData)||void 0===H?void 0:H.yAxis.ticksCallback,fontSize:f.caption.fontSize,color:null!==(R=null===(I=e.popupData)||void 0===I?void 0:I.xAxis.labelColor)&&void 0!==R?R:m.content.secondary},Y?Z:{})}},maintainAspectRatio:!1},to={labels:e.xAxis.data.map(o=>o.toString()),datasets:[{data:X?W:e.yAxis.data,backgroundColor:o=>{var t;const i=e.barColorRGBA;let a=[];const l=e.xAxis.data.length;if(X)return"rgba(0,0,0,0)";if(e.isFunnel){let o=+(l>10?.1:(1/l).toFixed(2));const t=`rgba(${i.r}, ${i.g}, ${i.b}`;for(let i=1;i<l+1;i++){let l="";i>10?l=`${t},1)`:(l=`${t},${o})`,o+=.1),a.push(l)}}else{const o=`rgba(${i.r}, ${i.g}, ${i.b}, ${null!==(t=i.a)&&void 0!==t?t:"1"})`;a=Array(l).fill(o)}return a},barPercentage:.4,categoryPercentage:1,borderRadius:4}]},io={labels:null===(B=e.popupData)||void 0===B?void 0:B.xAxis.data.map(o=>o.toString()),datasets:[{data:Y?W:null===(E=e.popupData)||void 0===E?void 0:E.yAxis.data,backgroundColor:o=>{var t,i;const a=e.barColorRGBA;let l=[];const n=(null===(t=e.popupData)||void 0===t?void 0:t.xAxis.data.length)||0;if(X)return"rgba(0,0,0,0)";if(e.isFunnel){let o=+(n>10?.1:(1/n).toFixed(2));const t=`rgba(${a.r}, ${a.g}, ${a.b}`;for(let i=1;i<n+1;i++){let a="";i>10?a=`${t},1)`:(a=`${t},${o})`,o+=.1),l.push(a)}}else{const o=`rgba(${a.r}, ${a.g}, ${a.b}, ${null!==(i=a.a)&&void 0!==i?i:"1"})`;l=Array(n).fill(o)}return l},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return o(C,{padding:e.outerPadding,children:[e.chartHeading&&t("div",{style:{marginBottom:24},children:t(b,{color:null!==(F=e.chartHeading.color)&&void 0!==F?F:m.content.secondary,children:e.chartHeading.heading})}),o("div",{style:{display:"flex",justifyContent:"flex-end"},children:[e.showConvertToPieChart&&t(x,{Icon:a,onClick:()=>{K(!0),q(!0)}}),e.allowChartPopup&&t(x,{Icon:l,onClick:()=>{q(!0)}})]}),t("div",{style:{height:null!==(O=e.graphCanvasHeight)&&void 0!==O?O:500},children:t(h,{options:_,data:to})}),V&&o(y,{open:V,onClose:()=>{q(!1),K(!1)},closeOnOutsideClick:!0,headingTitle:null===(G=e.popupData)||void 0===G?void 0:G.chartHeading,width:"75%",headerRightCustomElement:e.showConvertToPieChart?t(x,J?{Icon:i,onClick:()=>{K(!1)}}:{Icon:a,onClick:()=>{K(!0)}}):null,headerLeftCustomElement:null===(L=e.popupData)||void 0===L?void 0:L.headerLeftCustomElement,children:[J&&Q&&t("div",{style:{height:null!==(M=e.graphCanvasHeight)&&void 0!==M?M:500,padding:"24px"},children:t(g,{fallback:t("div",{children:"Loading..."}),children:t(A,{slices:Q,size:e.pieChartSize,hideTitle:!0,currencyProps:e.currencyProps})})}),!J&&t("div",{style:{height:null!==(N=e.graphCanvasHeight)&&void 0!==N?N:500},children:t(h,{options:oo,data:io})})]})]})};export{k as VerticalGraph};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import i from"../../../../assets/icons/ChartBar.svg.js";import a from"../../../../assets/icons/ChartPie.svg.js";import l from"../../../../assets/icons/maximize.svg.js";import{Chart as e,CategoryScale as n,LinearScale as r,BarElement as s,Tooltip as d}from"chart.js";import c from"chartjs-plugin-datalabels";import p,{useState as u,useEffect as v,Suspense as g}from"react";import{Bar as h}from"react-chartjs-2";import{IconButton as x}from"../../../icon-button/IconButton.js";import{StyledModal as y}from"../../../modals/styledModal.js";import{TitleMedium as b}from"../../../TypographyStyle.js";import{COLORS as m,FONTS as f}from"../../../../constants/Theme.js";import{GraphContainerWrapper as C}from"./VerticalGraph.styles.js";e.register(n,r,s,d,c);const A=p.lazy((()=>import("../Pie/PieChartAnalytics.js").then((o=>({default:o.PieChartAnalytics}))))),k=e=>{var n,r,s,d,c,p,k,z,$,D,S,j,P,T,w,H,I,R,B,E,F,O,G,L,M,N;const[V,q]=u(!1),[J,K]=u(!1),[Q,U]=u();v((()=>{var o;const t=[];J&&(null===(o=e.popupData)||void 0===o||o.xAxis.data.forEach(((o,i)=>{var a;t.push({name:o.toString(),count:Number(null===(a=e.popupData)||void 0===a?void 0:a.yAxis.data[i])||0})})),U(t))}),[J,null===(n=e.popupData)||void 0===n?void 0:n.xAxis.data,null===(r=e.popupData)||void 0===r?void 0:r.yAxis.data]);const W=[250,1e3,800,1500,300,600],X=-1===e.yAxis.data.findIndex((o=>0!==o)),Y=-1===(null===(s=e.popupData)||void 0===s?void 0:s.yAxis.data.findIndex((o=>0!==o))),Z={min:0,max:2e3,stepSize:200},_={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!X,callbacks:{label:e.yAxis.toolTipCallback}},datalabels:{display:null!==(d=e.showTotal)&&void 0!==d&&d,anchor:"end",align:"end",clamp:!0,color:m.content.secondary}},scales:{x:{title:{display:!!e.xAxis.title,text:e.xAxis.title,color:e.xAxis.titleColor,font:{size:f.caption.fontSize}},grid:{display:!1,borderColor:m.background.base},ticks:{fontSize:f.caption.fontSize,color:null!==(c=e.yAxis.labelColor)&&void 0!==c?c:m.content.secondary}},y:{title:{display:!!e.yAxis.title,text:e.yAxis.title,color:e.yAxis.titleColor,font:{size:f.caption.fontSize}},grid:{borderColor:"white",color:m.background.base},ticks:Object.assign({callback:e.yAxis.ticksCallback,fontSize:f.caption.fontSize,color:null!==(p=e.xAxis.labelColor)&&void 0!==p?p:m.content.secondary},X?Z:{})}},maintainAspectRatio:!1},oo={responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!Y,callbacks:{label:e.yAxis.toolTipCallback}},datalabels:{display:null!==(k=e.showTotal)&&void 0!==k&&k,anchor:"end",align:"end",clamp:!0,color:m.content.secondary}},scales:{x:{title:{display:!!(null===(z=e.popupData)||void 0===z?void 0:z.xAxis.title),text:null===($=e.popupData)||void 0===$?void 0:$.xAxis.title,color:null===(D=e.popupData)||void 0===D?void 0:D.xAxis.titleColor,font:{size:f.caption.fontSize}},grid:{display:!1,borderColor:m.background.base},ticks:{fontSize:f.caption.fontSize,color:null!==(j=null===(S=e.popupData)||void 0===S?void 0:S.yAxis.labelColor)&&void 0!==j?j:m.content.secondary}},y:{title:{display:!!(null===(P=e.popupData)||void 0===P?void 0:P.yAxis.title),text:null===(T=e.popupData)||void 0===T?void 0:T.yAxis.title,color:null===(w=e.popupData)||void 0===w?void 0:w.yAxis.titleColor,font:{size:f.caption.fontSize}},grid:{borderColor:"white",color:m.background.base},ticks:Object.assign({callback:null===(H=e.popupData)||void 0===H?void 0:H.yAxis.ticksCallback,fontSize:f.caption.fontSize,color:null!==(R=null===(I=e.popupData)||void 0===I?void 0:I.xAxis.labelColor)&&void 0!==R?R:m.content.secondary},Y?Z:{})}},maintainAspectRatio:!1},to={labels:e.xAxis.data.map((o=>o.toString())),datasets:[{data:X?W:e.yAxis.data,backgroundColor:o=>{var t;const i=e.barColorRGBA;let a=[];const l=e.xAxis.data.length;if(X)return"rgba(0,0,0,0)";if(e.isFunnel){let o=+(l>10?.1:(1/l).toFixed(2));const t=`rgba(${i.r}, ${i.g}, ${i.b}`;for(let i=1;i<l+1;i++){let l="";i>10?l=`${t},1)`:(l=`${t},${o})`,o+=.1),a.push(l)}}else{const o=`rgba(${i.r}, ${i.g}, ${i.b}, ${null!==(t=i.a)&&void 0!==t?t:"1"})`;a=Array(l).fill(o)}return a},barPercentage:.4,categoryPercentage:1,borderRadius:4}]},io={labels:null===(B=e.popupData)||void 0===B?void 0:B.xAxis.data.map((o=>o.toString())),datasets:[{data:Y?W:null===(E=e.popupData)||void 0===E?void 0:E.yAxis.data,backgroundColor:o=>{var t,i;const a=e.barColorRGBA;let l=[];const n=(null===(t=e.popupData)||void 0===t?void 0:t.xAxis.data.length)||0;if(X)return"rgba(0,0,0,0)";if(e.isFunnel){let o=+(n>10?.1:(1/n).toFixed(2));const t=`rgba(${a.r}, ${a.g}, ${a.b}`;for(let i=1;i<n+1;i++){let a="";i>10?a=`${t},1)`:(a=`${t},${o})`,o+=.1),l.push(a)}}else{const o=`rgba(${a.r}, ${a.g}, ${a.b}, ${null!==(i=a.a)&&void 0!==i?i:"1"})`;l=Array(n).fill(o)}return l},barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return o(C,{padding:e.outerPadding,children:[e.chartHeading&&t("div",{style:{marginBottom:24},children:t(b,{color:null!==(F=e.chartHeading.color)&&void 0!==F?F:m.content.secondary,children:e.chartHeading.heading})}),o("div",{style:{display:"flex",justifyContent:"flex-end"},children:[e.showConvertToPieChart&&t(x,{Icon:a,onClick:()=>{K(!0),q(!0)}}),e.allowChartPopup&&t(x,{Icon:l,onClick:()=>{q(!0)}})]}),t("div",{style:{height:null!==(O=e.graphCanvasHeight)&&void 0!==O?O:500},children:t(h,{options:_,data:to})}),V&&o(y,{open:V,onClose:()=>{q(!1),K(!1)},closeOnOutsideClick:!0,headingTitle:null===(G=e.popupData)||void 0===G?void 0:G.chartHeading,width:"75%",headerRightCustomElement:e.showConvertToPieChart?t(x,J?{Icon:i,onClick:()=>{K(!1)}}:{Icon:a,onClick:()=>{K(!0)}}):null,headerLeftCustomElement:null===(L=e.popupData)||void 0===L?void 0:L.headerLeftCustomElement,children:[J&&Q&&t("div",{style:{height:null!==(M=e.graphCanvasHeight)&&void 0!==M?M:500,padding:"24px"},children:t(g,{fallback:t("div",{children:"Loading..."}),children:t(A,{slices:Q,size:e.pieChartSize,hideTitle:!0,currencyProps:e.currencyProps})})}),!J&&t("div",{style:{height:null!==(N=e.graphCanvasHeight)&&void 0!==N?N:500},children:t(h,{options:oo,data:io})})]})]})};export{k as VerticalGraph};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js

@@ -1 +1 @@
-import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useState as r,useEffect as n}from"react";import{Tooltip as c}from"../../../tooltips/Tooltip.js";import{TitleMedium as l,BodyCaption as i,Caption as d,BodyTiny as h}from"../../../TypographyStyle.js";import{COLORS as a}from"../../../../constants/Theme.js";import{HeatBoxStyled as s,LegendContainer as H,LegendItem as m,HeatBoxLegend as p,LegendValue as E,LegendLabels as I,LegendCaption as L,HeatBox as y}from"./HeatMapStyled.js";var M,T;!function(e){e[e.ABSOLUTE=0]="ABSOLUTE",e[e.RELATIVE=1]="RELATIVE"}(M||(M={})),function(e){e[e.LOW=0]="LOW",e[e.MEDIUM=1]="MEDIUM",e[e.HIGH=2]="HIGH",e[e.HIGHEST=3]="HIGHEST"}(T||(T={}));const u={[T.LOW]:"#EBDBFF",[T.MEDIUM]:"#D2AEFF",[T.HIGH]:"#9E77ED",[T.HIGHEST]:"#5E07BB"},f=e=>{if(e>=1e3){const o=e/1e3;return`${Math.round(10*o)/10}K`}return e.toString()},G=({title:G,xLabels:S,yLabels:B,values:O,heatType:U,absolutHeatValues:D,showAbsoluteValuesOnLegend:b,hideXLabels:g,customComponent:x,heatBoxWidth:W,heatBoxHeight:A,isLooseFit:j})=>{const[F,v]=r(),V=j?{display:"flex",justifyContent:"center",alignItems:"center"}:{};return n(()=>{const e=Math.max(...O.flat()),o=Math.min(...O.flat());v(O.map(t=>t.map(t=>((e,o,t,r,n)=>{if(o===M.ABSOLUTE)return e<=t[0]?T.LOW:e<=t[1]?T.MEDIUM:e<=t[2]?T.HIGH:T.HIGHEST;{const o=(n-r)/4;return e<=r+o?T.LOW:e<=r+2*o?T.MEDIUM:e<=r+3*o?T.HIGH:T.HIGHEST}})(t,U,D||[],o,e))))},[O,D,U]),F?t(s,{isLooseFit:j,children:[t("div",{className:"top-container",children:[t("div",{className:"top-container__heading",children:[e(l,{style:{color:a.content.primary},children:G}),x]}),e("div",{className:"top-container__legend",children:e(H,{children:U===M.ABSOLUTE&&b&&D&&D.length>=3?t(o,{children:[t(m,{children:[e(p,{color:u[T.LOW]}),e(E,{children:e(i,{color:a.content.secondary,children:f(D[0])})})]}),t(m,{children:[e(p,{color:u[T.MEDIUM]}),e(E,{children:e(i,{color:a.content.secondary,children:f(D[1])})})]}),t(m,{children:[e(p,{color:u[T.HIGH]}),e(E,{children:e(i,{color:a.content.secondary,children:f(D[2])})})]}),t(m,{children:[e(p,{color:u[T.HIGHEST]}),e(E,{children:e(i,{color:a.content.secondary,children:D[3]?f(D[3]):f(D[2])+"+"})})]})]}):t(I,{children:[e(L,{children:e(d,{children:"Less"})}),e(p,{color:u[T.LOW]}),e(p,{color:u[T.MEDIUM]}),e(p,{color:u[T.HIGH]}),e(p,{color:u[T.HIGHEST]}),e(L,{children:e(d,{children:"More"})})]})})})]}),e("table",{style:V,children:t("tbody",{children:[B.map((o,r)=>t("tr",{children:[e("td",{children:e(h,{style:{color:a.content.placeholder},children:o})}),S.map((o,t)=>e("td",{children:e(c,{body:f(O[r][t]),placement:"bottom",children:e(y,{color:u[F[r][t]],heatBoxWidth:W,heatBoxHeight:A})})},o))]},o)),!g&&t("tr",{children:[e("th",{}),S.map(o=>e("th",{children:e(h,{style:{color:a.content.placeholder},children:o})},o))]})]})})]}):e(o,{})};export{T as HEAT,u as HEAT_COLORS,M as HEAT_GRADING_TYPE,G as HeatMap};
+import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useState as r,useEffect as n}from"react";import{Tooltip as l}from"../../../tooltips/Tooltip.js";import{TitleMedium as c,BodyCaption as i,Caption as d,BodyTiny as h}from"../../../TypographyStyle.js";import{COLORS as a}from"../../../../constants/Theme.js";import{HeatBoxStyled as s,LegendContainer as H,LegendItem as m,HeatBoxLegend as p,LegendValue as E,LegendLabels as I,LegendCaption as L,HeatBox as y}from"./HeatMapStyled.js";var M,T;!function(e){e[e.ABSOLUTE=0]="ABSOLUTE",e[e.RELATIVE=1]="RELATIVE"}(M||(M={})),function(e){e[e.LOW=0]="LOW",e[e.MEDIUM=1]="MEDIUM",e[e.HIGH=2]="HIGH",e[e.HIGHEST=3]="HIGHEST"}(T||(T={}));const u={[T.LOW]:"#EBDBFF",[T.MEDIUM]:"#D2AEFF",[T.HIGH]:"#9E77ED",[T.HIGHEST]:"#5E07BB"},f=e=>{if(e>=1e3){const o=e/1e3;return`${Math.round(10*o)/10}K`}return e.toString()},G=G=>{let{title:S,xLabels:B,yLabels:O,values:U,heatType:D,absolutHeatValues:b,showAbsoluteValuesOnLegend:g,hideXLabels:x,customComponent:W,heatBoxWidth:A,heatBoxHeight:j,isLooseFit:F}=G;const[v,V]=r(),_=F?{display:"flex",justifyContent:"center",alignItems:"center"}:{};return n((()=>{const e=Math.max(...U.flat()),o=Math.min(...U.flat());V(U.map((t=>t.map((t=>((e,o,t,r,n)=>{if(o===M.ABSOLUTE)return e<=t[0]?T.LOW:e<=t[1]?T.MEDIUM:e<=t[2]?T.HIGH:T.HIGHEST;{const o=(n-r)/4;return e<=r+o?T.LOW:e<=r+2*o?T.MEDIUM:e<=r+3*o?T.HIGH:T.HIGHEST}})(t,D,b||[],o,e))))))}),[U,b,D]),v?t(s,{isLooseFit:F,children:[t("div",{className:"top-container",children:[t("div",{className:"top-container__heading",children:[e(c,{style:{color:a.content.primary},children:S}),W]}),e("div",{className:"top-container__legend",children:e(H,{children:D===M.ABSOLUTE&&g&&b&&b.length>=3?t(o,{children:[t(m,{children:[e(p,{color:u[T.LOW]}),e(E,{children:e(i,{color:a.content.secondary,children:f(b[0])})})]}),t(m,{children:[e(p,{color:u[T.MEDIUM]}),e(E,{children:e(i,{color:a.content.secondary,children:f(b[1])})})]}),t(m,{children:[e(p,{color:u[T.HIGH]}),e(E,{children:e(i,{color:a.content.secondary,children:f(b[2])})})]}),t(m,{children:[e(p,{color:u[T.HIGHEST]}),e(E,{children:e(i,{color:a.content.secondary,children:b[3]?f(b[3]):f(b[2])+"+"})})]})]}):t(I,{children:[e(L,{children:e(d,{children:"Less"})}),e(p,{color:u[T.LOW]}),e(p,{color:u[T.MEDIUM]}),e(p,{color:u[T.HIGH]}),e(p,{color:u[T.HIGHEST]}),e(L,{children:e(d,{children:"More"})})]})})})]}),e("table",{style:_,children:t("tbody",{children:[O.map(((o,r)=>t("tr",{children:[e("td",{children:e(h,{style:{color:a.content.placeholder},children:o})}),B.map(((o,t)=>e("td",{children:e(l,{body:f(U[r][t]),placement:"bottom",children:e(y,{color:u[v[r][t]],heatBoxWidth:A,heatBoxHeight:j})})},o)))]},o))),!x&&t("tr",{children:[e("th",{}),B.map((o=>e("th",{children:e(h,{style:{color:a.content.placeholder},children:o})},o)))]})]})})]}):e(o,{})};export{T as HEAT,u as HEAT_COLORS,M as HEAT_GRADING_TYPE,G as HeatMap};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js

@@ -1,4 +1,4 @@
-import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as i}from"react";import l from"styled-components";import{Tooltip as n}from"../../../tooltips/Tooltip.js";import{BodyCaption as c,BodyTiny as a}from"../../../TypographyStyle.js";import{COLORS as d}from"../../../../constants/Theme.js";import{HeatBoxLegend as s}from"./HeatMapStyled.js";var h;!function(e){e[e.LOW=0]="LOW",e[e.MEDIUM=1]="MEDIUM",e[e.HIGH=2]="HIGH",e[e.HIGHEST=3]="HIGHEST"}(h||(h={}));const m={[h.LOW]:"#EBDBFF",[h.MEDIUM]:"#D2AEFF",[h.HIGH]:"#9E77ED",[h.HIGHEST]:"#5E07BB"},p=({xLabels:l,yLabels:p,values:x,absolutHeatValues:H})=>{const[f,v]=r();return i(()=>{v(x.map(e=>e.map(e=>((e,t)=>e<=t[0]?h.LOW:e<=t[1]?h.MEDIUM:e<=t[2]?h.HIGH:h.HIGHEST)(e,H||[]))))},[x,H]),f?o(y,{children:[e("div",{className:"top-container",children:o("div",{children:[o("div",{className:"top-container__legend",children:[e(s,{color:m[h.LOW]}),e(s,{color:m[h.MEDIUM]}),e(s,{color:m[h.HIGH]}),e(s,{color:m[h.HIGHEST]})]}),o("div",{className:"top-container__legend",children:[e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:H[0]}),e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:H[1]}),e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:H[2]}),e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:`${H[2]}+`})]})]})}),o("div",{style:{width:"100%"},children:[p.map((t,r)=>o("div",{className:"heat-row",children:[e("div",{style:{flex:.5},children:e(a,{style:{color:d.content.secondary,textAlign:"right",marginRight:8},children:t})}),l.map((t,o)=>e("div",{style:{flex:1},children:e(n,{body:x[r][o].toString(),placement:"bottom",children:e(g,{color:m[f[r][o]]})})},t))]},t)),o("div",{className:"heat-row",style:{marginTop:12},children:[e("div",{style:{flex:.5}}),l.map(t=>e("div",{style:{flex:1},children:e(a,{style:{color:d.content.secondary,textAlign:"center"},children:t})},t))]})]})]}):e(t,{})},g=l.div`
+import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useState as r,useEffect as i}from"react";import l from"styled-components";import{Tooltip as n}from"../../../tooltips/Tooltip.js";import{BodyCaption as c,BodyTiny as a}from"../../../TypographyStyle.js";import{COLORS as d}from"../../../../constants/Theme.js";import{HeatBoxLegend as s}from"./HeatMapStyled.js";var h;!function(e){e[e.LOW=0]="LOW",e[e.MEDIUM=1]="MEDIUM",e[e.HIGH=2]="HIGH",e[e.HIGHEST=3]="HIGHEST"}(h||(h={}));const m={[h.LOW]:"#EBDBFF",[h.MEDIUM]:"#D2AEFF",[h.HIGH]:"#9E77ED",[h.HIGHEST]:"#5E07BB"},p=l=>{let{xLabels:p,yLabels:x,values:H,absolutHeatValues:f}=l;const[v,E]=r();return i((()=>{E(H.map((e=>e.map((e=>((e,t)=>e<=t[0]?h.LOW:e<=t[1]?h.MEDIUM:e<=t[2]?h.HIGH:h.HIGHEST)(e,f||[]))))))}),[H,f]),v?o(y,{children:[e("div",{className:"top-container",children:o("div",{children:[o("div",{className:"top-container__legend",children:[e(s,{color:m[h.LOW]}),e(s,{color:m[h.MEDIUM]}),e(s,{color:m[h.HIGH]}),e(s,{color:m[h.HIGHEST]})]}),o("div",{className:"top-container__legend",children:[e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:f[0]}),e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:f[1]}),e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:f[2]}),e(c,{color:d.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:`${f[2]}+`})]})]})}),o("div",{style:{width:"100%"},children:[x.map(((t,r)=>o("div",{className:"heat-row",children:[e("div",{style:{flex:.5},children:e(a,{style:{color:d.content.secondary,textAlign:"right",marginRight:8},children:t})}),p.map(((t,o)=>e("div",{style:{flex:1},children:e(n,{body:H[r][o].toString(),placement:"bottom",children:e(g,{color:m[v[r][o]]})})},t)))]},t))),o("div",{className:"heat-row",style:{marginTop:12},children:[e("div",{style:{flex:.5}}),p.map((t=>e("div",{style:{flex:1},children:e(a,{style:{color:d.content.secondary,textAlign:"center"},children:t})},t)))]})]})]}):e(t,{})},g=l.div`
 	height: 7px;
 	border-radius: 1px;
 	background-color: ${e=>e.color};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react-bootstrap";import{TitleRegular as o,TitleLarge as r,BodySecondary as n}from"../../../TypographyStyle.js";import{COLORS as s}from"../../../../constants/Theme.js";import{LineChart as i}from"../LineChart/LineChart.js";import{ScoreBlock as a}from"../scoreBlock/ScoreBlock.js";import{Container as c,Row as l,Column as m,StyledChip as p}from"./LinearChipGroupedChart.styled.js";const d=({separator:d,name:h,overallValue:y,requestSent:f,responses:u,chipValues:j,lineChartOption:C,formatVal:g})=>e(c,{separator:d,children:[e(l,{style:{alignItems:"center",justifyContent:"space-between"},children:[e("div",{children:[t(o,{color:s.content.secondary,children:h}),t(r,{color:void 0===y||0===y?s.content.secondary:y<0?s.content.negative:s.content.positive,children:g?new Intl.NumberFormat("en-IN",{}).format(y):y})]}),e(m,{style:{alignItems:"flex-end"},children:[e(n,{color:s.content.secondary,style:{marginBottom:2},children:["Requests sent: ",f]}),e(n,{color:s.content.secondary,children:["Responses: ",u]})]})]}),t(a,{chipValues:j,formatVal:g,CustomStyledChip:p}),t("div",{style:{marginTop:28,width:"100%"},children:t(i,Object.assign({},C,{maintainAspectRatio:!0}))})]});export{d as LinearChipGroupedChart};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react-bootstrap";import{TitleRegular as r,TitleLarge as o,BodySecondary as n}from"../../../TypographyStyle.js";import{COLORS as s}from"../../../../constants/Theme.js";import{LineChart as i}from"../LineChart/LineChart.js";import{ScoreBlock as a}from"../scoreBlock/ScoreBlock.js";import{Container as c,Row as l,Column as m,StyledChip as p}from"./LinearChipGroupedChart.styled.js";const d=d=>{let{separator:h,name:y,overallValue:f,requestSent:u,responses:j,chipValues:C,lineChartOption:g,formatVal:v}=d;return e(c,{separator:h,children:[e(l,{style:{alignItems:"center",justifyContent:"space-between"},children:[e("div",{children:[t(r,{color:s.content.secondary,children:y}),t(o,{color:void 0===f||0===f?s.content.secondary:f<0?s.content.negative:s.content.positive,children:v?new Intl.NumberFormat("en-IN",{}).format(f):f})]}),e(m,{style:{alignItems:"flex-end"},children:[e(n,{color:s.content.secondary,style:{marginBottom:2},children:["Requests sent: ",u]}),e(n,{color:s.content.secondary,children:["Responses: ",j]})]})]}),t(a,{chipValues:C,formatVal:v,CustomStyledChip:p}),t("div",{style:{marginTop:28,width:"100%"},children:t(i,Object.assign({},g,{maintainAspectRatio:!0}))})]})};export{d as LinearChipGroupedChart};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/scoreBlock/Chip.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import{BodyCaption as s,TitleMedium as i}from"../../../TypographyStyle.js";import{COLORS as r}from"../../../../constants/Theme.js";import n from"../../../../assets/icons/arrow_down.svg.js";import l from"../../../../assets/icons/arrow_up.svg.js";import a from"../../../../assets/icons/expressionless_emoji.svg.js";import c from"../../../../assets/icons/sad_emoji.svg.js";import m from"../../../../assets/icons/smiley_emoji.svg.js";import{StyledChip as p}from"./ScoreBlock.styled.js";const d=({type:d,text:g,value:v,formatVal:u,progress:y,durationValue:f,durationUnit:j,plainText:w,showEmojiIcon:x,customTrailingIcon:I,CustomStyledChip:_=p})=>{const T="positive"===d?r.content.positive:"negative"===d?r.content.negative:r.content.warning,S=y&&y<0?n:l,$="positive"===d?m:"neutral"===d?a:c,b=y&&y<0?r.content.negative:y&&y>0?r.content.positive:r.content.placeholder;return t(_,{type:d,children:[e(s,{color:T,children:g}),t("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e(i,{color:w?r.content.primary:T,children:u?new Intl.NumberFormat("en-IN",{}).format(v):v}),I||(x?e($,{width:22,height:22}):null)]}),t("div",{style:{display:"flex",gap:4},children:[f&&j?e(S,{color:b,height:16,width:16,style:{marginRight:2}}):null,f&&j?t(o,{children:[t(s,{color:b,children:[Math.abs(y||0),"%"]}),t(s,{color:r.content.placeholder,children:["vs last ",h(f,j)]})]}):null]})]})},h=(t,e)=>`${t} ${e}${t>1?"s":""}`;export{d as Chip};
+import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import{BodyCaption as s,TitleMedium as i}from"../../../TypographyStyle.js";import{COLORS as r}from"../../../../constants/Theme.js";import n from"../../../../assets/icons/arrow_down.svg.js";import l from"../../../../assets/icons/arrow_up.svg.js";import a from"../../../../assets/icons/expressionless_emoji.svg.js";import c from"../../../../assets/icons/sad_emoji.svg.js";import m from"../../../../assets/icons/smiley_emoji.svg.js";import{StyledChip as p}from"./ScoreBlock.styled.js";const d=d=>{let{type:g,text:v,value:u,formatVal:y,progress:f,durationValue:j,durationUnit:w,plainText:x,showEmojiIcon:I,customTrailingIcon:_,CustomStyledChip:T=p}=d;const S="positive"===g?r.content.positive:"negative"===g?r.content.negative:r.content.warning,$=f&&f<0?n:l,b="positive"===g?m:"neutral"===g?a:c,C=f&&f<0?r.content.negative:f&&f>0?r.content.positive:r.content.placeholder;return t(T,{type:g,children:[e(s,{color:S,children:v}),t("div",{style:{display:"flex",alignItems:"center",gap:8},children:[e(i,{color:x?r.content.primary:S,children:y?new Intl.NumberFormat("en-IN",{}).format(u):u}),_||(I?e(b,{width:22,height:22}):null)]}),t("div",{style:{display:"flex",gap:4},children:[j&&w?e($,{color:C,height:16,width:16,style:{marginRight:2}}):null,j&&w?t(o,{children:[t(s,{color:C,children:[Math.abs(f||0),"%"]}),t(s,{color:r.content.placeholder,children:["vs last ",h(j,w)]})]}):null]})]})},h=(t,e)=>`${t} ${e}${t>1?"s":""}`;export{d as Chip};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/scoreBlock/HorizontalBar.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{BodyTiny as n}from"../../../TypographyStyle.js";import{COLORS as r}from"../../../../constants/Theme.js";import{calculatePercentage as l}from"../utils/calcPercentage.js";import{StyledBarContainer as o}from"./ScoreBlock.styled.js";const c=({showPercentage:c,positive:d,negative:s,neutral:a})=>{const[h,g,p]=l(d,a,s),v={height:"100%",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"};return e("div",{children:[e(o,{children:[t("div",{style:Object.assign(Object.assign({},v),{width:`${h}%`,backgroundColor:r.background.positive.vibrant})}),t("div",{style:Object.assign(Object.assign({},v),{width:`${g}%`,backgroundColor:r.background.warning.vibrant})}),t("div",{style:Object.assign(Object.assign({},v),{width:`${p}%`,backgroundColor:r.background.negative.vibrant})})]}),c&&t("div",{style:{display:"flex",width:"100%"},children:t("div",{style:{display:"flex",width:"100%",marginTop:8},children:0===h&&0===g&&0===p?t("div",{style:{width:"100%",textAlign:"left"},children:t(n,{color:r.content.placeholder,children:"0%"})}):e(i,{children:[t("div",{style:{width:`${h}%`,textAlign:"center"},children:t(n,{color:r.content.placeholder,children:h>0&&`${Math.round(h)}%`})}),t("div",{style:{width:`${g}%`,textAlign:"center"},children:t(n,{color:r.content.placeholder,children:g>0&&`${Math.round(g)}%`})}),t("div",{style:{width:`${p}%`,textAlign:"center"},children:t(n,{color:r.content.placeholder,children:p>0&&`${Math.round(p)}%`})})]})})})]})};export{c as HorinzontalBar};
+import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import{BodyTiny as n}from"../../../TypographyStyle.js";import{COLORS as r}from"../../../../constants/Theme.js";import{calculatePercentage as l}from"../utils/calcPercentage.js";import{StyledBarContainer as o}from"./ScoreBlock.styled.js";const c=c=>{let{showPercentage:d,positive:s,negative:a,neutral:h}=c;const[g,p,v]=l(s,h,a),y={height:"100%",position:"relative",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"};return e("div",{children:[e(o,{children:[t("div",{style:Object.assign(Object.assign({},y),{width:`${g}%`,backgroundColor:r.background.positive.vibrant})}),t("div",{style:Object.assign(Object.assign({},y),{width:`${p}%`,backgroundColor:r.background.warning.vibrant})}),t("div",{style:Object.assign(Object.assign({},y),{width:`${v}%`,backgroundColor:r.background.negative.vibrant})})]}),d&&t("div",{style:{display:"flex",width:"100%"},children:t("div",{style:{display:"flex",width:"100%",marginTop:8},children:0===g&&0===p&&0===v?t("div",{style:{width:"100%",textAlign:"left"},children:t(n,{color:r.content.placeholder,children:"0%"})}):e(i,{children:[t("div",{style:{width:`${g}%`,textAlign:"center"},children:t(n,{color:r.content.placeholder,children:g>0&&`${Math.round(g)}%`})}),t("div",{style:{width:`${p}%`,textAlign:"center"},children:t(n,{color:r.content.placeholder,children:p>0&&`${Math.round(p)}%`})}),t("div",{style:{width:`${v}%`,textAlign:"center"},children:t(n,{color:r.content.placeholder,children:v>0&&`${Math.round(v)}%`})})]})})})]})};export{c as HorinzontalBar};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.js

@@ -1 +1 @@
-import{jsxs as t,Fragment as e,jsx as i}from"react/jsx-runtime";import"react-bootstrap";import{Chip as o}from"./Chip.js";import{HorinzontalBar as a}from"./HorizontalBar.js";import{Row as r}from"./ScoreBlock.styled.js";const n=({customTrailingIcon:n,showEmojiIcon:l,plainText:s,showPercentage:u,separator:p,CustomStyledChip:m,chipValues:v,formatVal:c})=>t(e,{children:[t(r,{style:{marginTop:8,gap:16},children:[i(o,{formatVal:c,type:"positive",text:v.positive.text,value:v.positive.val,durationValue:v.positive.durationValue,durationUnit:v.positive.durationUnit,progress:v.positive.progress,plainText:s,showEmojiIcon:l,CustomStyledChip:m,customTrailingIcon:n}),i(o,{formatVal:c,type:"neutral",text:v.neutral.text,value:v.neutral.val,durationValue:v.neutral.durationValue,durationUnit:v.neutral.durationUnit,progress:v.neutral.progress,plainText:s,showEmojiIcon:l,CustomStyledChip:m,customTrailingIcon:n}),i(o,{formatVal:c,type:"negative",text:v.negative.text,value:v.negative.val,durationValue:v.negative.durationValue,durationUnit:v.negative.durationUnit,progress:v.negative.progress,plainText:s,showEmojiIcon:l,CustomStyledChip:m,customTrailingIcon:n})]}),i("div",{style:{marginTop:24,width:"100%"},children:i(a,{showPercentage:u,positive:v.positive.val,neutral:v.neutral.val,negative:v.negative.val})})]});export{n as ScoreBlock};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import"react-bootstrap";import{Chip as i}from"./Chip.js";import{HorinzontalBar as o}from"./HorizontalBar.js";import{Container as a,Row as r}from"./ScoreBlock.styled.js";const n=n=>{let{customTrailingIcon:l,showEmojiIcon:s,plainText:u,showPercentage:p,separator:m,CustomStyledChip:v,chipValues:c,formatVal:g}=n;return t(a,{separator:m,children:[t(r,{style:{marginTop:8,gap:16},children:[e(i,{formatVal:g,type:"positive",text:c.positive.text,value:c.positive.val,durationValue:c.positive.durationValue,durationUnit:c.positive.durationUnit,progress:c.positive.progress,plainText:u,showEmojiIcon:s,CustomStyledChip:v,customTrailingIcon:l}),e(i,{formatVal:g,type:"neutral",text:c.neutral.text,value:c.neutral.val,durationValue:c.neutral.durationValue,durationUnit:c.neutral.durationUnit,progress:c.neutral.progress,plainText:u,showEmojiIcon:s,CustomStyledChip:v,customTrailingIcon:l}),e(i,{formatVal:g,type:"negative",text:c.negative.text,value:c.negative.val,durationValue:c.negative.durationValue,durationUnit:c.negative.durationUnit,progress:c.negative.progress,plainText:u,showEmojiIcon:s,CustomStyledChip:v,customTrailingIcon:l})]}),e("div",{style:{marginTop:24,width:"100%"},children:e(o,{showPercentage:p,positive:c.positive.val,neutral:c.neutral.val,negative:c.negative.val})})]})};export{n as ScoreBlock};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js

@@ -1,17 +1,17 @@
-import i from"styled-components";import{COLORS as e}from"../../../../constants/Theme.js";i.div`
+import i from"styled-components";import{COLORS as e}from"../../../../constants/Theme.js";const d=i.div`
 	width: 100%;
 	display: flex;
 	flex-direction: column;
 	padding: 16px 24px;
 	border-right: ${i=>i.separator?1:0}px solid
 		${e.stroke.primary};
-`;const d=i.div`
+`,o=i.div`
 	display: flex;
 	flex-direction: row;
 `;i.div`
 	display: flex;
 	flex-direction: column;
-`;const o=i.div`
+`;const r=i.div`
 	padding-top: 12px;
 	padding-right: 8px;
 	padding-bottom: 12px;
@@ -23,7 +23,7 @@ import i from"styled-components";import{COLORS as e}from"../../../../constants/T
 	flex: 1;
 	gap: 8px;
 	background: ${i=>"positive"===i.type?e.background.positive.light:"negative"===i.type?e.background.negative.light:e.background.warning.light};
-`,r=i.div`
+`,t=i.div`
 	border-radius: 4px;
 	width: 100%;
 	height: 8px;
@@ -31,4 +31,4 @@ import i from"styled-components";import{COLORS as e}from"../../../../constants/T
 	display: flex;
 	flex-direction: row;
 	overflow: hidden;
-`;export{d as Row,r as StyledBarContainer,o as StyledChip};
+`;export{d as Container,o as Row,t as StyledBarContainer,r as StyledChip};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/utils/calcPercentage.js

@@ -1 +1 @@
-function N(N,O,L){const E=N+O+L;return[N/E*100||0,O/E*100||0,L/E*100||0]}const O=N=>{if(Math.abs(N)<1e3)return u(N).toString();return u(N/1e3)+"K"},L=N=>{if(Math.abs(N)<1e4)return u(N).toString();return u(Number(N)/1e3)+"K"},E=N=>u(Number(N)/A.ONE_LAKH)+"L",e=N=>u(Number(N)/A.ONE_CRORE)+"C",r=N=>u(Number(N)/A.ONE_ARAB)+"A",I=N=>u(Number(N)/A.ONE_MILLION)+"M",_=N=>u(Number(N)/A.ONE_BILLION)+"B",t=N=>u(Number(N)/A.ONE_TRILLION)+"T",u=(N,O=2)=>{const L=10*O;return Math.round((N+Number.EPSILON)*L)/L},n=N=>N<1e3?u(N):N>999&&N<A.ONE_MILLION?O(N):N>999999&&N<A.ONE_BILLION?I(N):N>999999999&&N<A.ONE_TRILLION?_(N):t(N),R=N=>N<1e3?u(N):N>999&&N<A.ONE_LAKH?O(N):N>99999&&N<A.ONE_CRORE?E(N):N>9999999&&N<A.ONE_ARAB?e(N):r(N);var A;!function(N){N[N.ONE_LAKH=1e5]="ONE_LAKH",N[N.ONE_CRORE=1e7]="ONE_CRORE",N[N.ONE_ARAB=1e9]="ONE_ARAB",N[N.ONE_MILLION=1e6]="ONE_MILLION",N[N.ONE_BILLION=1e9]="ONE_BILLION",N[N.ONE_TRILLION=1e12]="ONE_TRILLION"}(A||(A={}));export{A as TruncateValue,N as calculatePercentage,u as roundNumber,R as truncateValueForIndianStore,n as truncateValueForInternationalStore,L as truncateValueTo10K,r as truncateValueToA,_ as truncateValueToB,e as truncateValueToC,O as truncateValueToK,E as truncateValueToL,I as truncateValueToM,t as truncateValueToT};
+function N(N,O,L){const E=N+O+L;return[N/E*100||0,O/E*100||0,L/E*100||0]}const O=N=>{if(Math.abs(N)<1e3)return n(N).toString();return n(N/1e3)+"K"},L=N=>{if(Math.abs(N)<1e4)return n(N).toString();return n(Number(N)/1e3)+"K"},E=N=>n(Number(N)/A.ONE_LAKH)+"L",e=N=>n(Number(N)/A.ONE_CRORE)+"C",r=N=>n(Number(N)/A.ONE_ARAB)+"A",I=N=>n(Number(N)/A.ONE_MILLION)+"M",_=N=>n(Number(N)/A.ONE_BILLION)+"B",t=N=>n(Number(N)/A.ONE_TRILLION)+"T",n=function(N){const O=10*(arguments.length>1&&void 0!==arguments[1]?arguments[1]:2);return Math.round((N+Number.EPSILON)*O)/O},u=N=>N<1e3?n(N):N>999&&N<A.ONE_MILLION?O(N):N>999999&&N<A.ONE_BILLION?I(N):N>999999999&&N<A.ONE_TRILLION?_(N):t(N),R=N=>N<1e3?n(N):N>999&&N<A.ONE_LAKH?O(N):N>99999&&N<A.ONE_CRORE?E(N):N>9999999&&N<A.ONE_ARAB?e(N):r(N);var A;!function(N){N[N.ONE_LAKH=1e5]="ONE_LAKH",N[N.ONE_CRORE=1e7]="ONE_CRORE",N[N.ONE_ARAB=1e9]="ONE_ARAB",N[N.ONE_MILLION=1e6]="ONE_MILLION",N[N.ONE_BILLION=1e9]="ONE_BILLION",N[N.ONE_TRILLION=1e12]="ONE_TRILLION"}(A||(A={}));export{A as TruncateValue,N as calculatePercentage,n as roundNumber,R as truncateValueForIndianStore,u as truncateValueForInternationalStore,L as truncateValueTo10K,r as truncateValueToA,_ as truncateValueToB,e as truncateValueToC,O as truncateValueToK,E as truncateValueToL,I as truncateValueToM,t as truncateValueToT};

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/Banner.stories.d.ts

@@ -0,0 +1,8 @@
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+import AdBanner from './AdBanner';
+declare const _default: ComponentMeta<typeof AdBanner>;
+export default _default;
+export declare const AllBanners: ComponentStory<typeof AdBanner>;
+export declare const Card: ComponentStory<import("react").FC<import("./model").AdBannerProps>>;
+export declare const Inline: ComponentStory<import("react").FC<import("./model").AdBannerProps>>;
+export declare const WithImage: ComponentStory<import("react").FC<import("./model").AdBannerProps>>;

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=({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};
+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};

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=({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};
+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};

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=({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};
+`,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};

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=({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};
+`,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};

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=({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};
+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};

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,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};
+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};

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

@@ -1 +1 @@
-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};
+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};

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 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};
+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};

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=({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};
+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};

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

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

package/dist/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% - 12px);\n\t\t\t\t\tleft: calc(50% - 7px);\n\t\t\t\t}\n\n\t\t\t}\n\t\t}`:`:not(:active):not(:disabled):hover {\n\t\t\t.button-container {\n\t\t\t\tdisplay: flex;\n\t\t\t\tposition: relative;\n\t\t\t\twidth: 100%;\n\t\t\t\t${t.matchParentWidth?"justify-content: center;":""}\n\t\t\t\tpadding: ${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\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}`}
 
 		.button-container {
 		display: flex;