@bikdotai/bik-component-library 0.0.687-beta.5 → 0.0.687-beta.7

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

@@ -1 +1,32 @@
-import I from"@emotion/styled/base";import{jsx as g,Fragment as C,jsxs as A}from"react/jsx-runtime";import{useState as c,useEffect as b}from"react";import{Tooltip as X}from"../../../tooltips/Tooltip.js";import{BodyCaption as i,BodyTiny as l}from"../../../TypographyStyle.js";import{COLORS as V}from"../../../../constants/Theme.js";const G={0:"#EBDBFF",1:"#D2AEFF",2:"#9E77ED",3:"#5E07BB"},B=I=>{let{xLabels:B,yLabels:x,values:Z,absolutHeatValues:W}=I;const[H,R]=c();return b((()=>{R(Z.map((I=>I.map((I=>((I,g)=>I<=g[0]?0:I<=g[1]?1:I<=g[2]?2:3)(I,W||[]))))))}),[Z,W]),H?A(o,{children:[g("div",{className:"top-container",children:A("div",{children:[A("div",{className:"top-container__legend",children:[g(F,{color:G[0]}),g(F,{color:G[1]}),g(F,{color:G[2]}),g(F,{color:G[3]})]}),A("div",{className:"top-container__legend",children:[g(i,{color:V.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:W[0]}),g(i,{color:V.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:W[1]}),g(i,{color:V.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:W[2]}),g(i,{color:V.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:`${W[2]}+`})]})]})}),A("div",{style:{width:"100%"},children:[x.map(((I,C)=>A("div",{className:"heat-row",children:[g("div",{style:{flex:.5},children:g(l,{style:{color:V.content.secondary,textAlign:"right",marginRight:8},children:I})}),B.map(((I,A)=>g("div",{style:{flex:1},children:g(X,{body:Z[C][A].toString(),placement:"bottom",children:g(d,{color:G[H[C][A]]})})},I)))]},I))),A("div",{className:"heat-row",style:{marginTop:12},children:[g("div",{style:{flex:.5}}),B.map((I=>g("div",{style:{flex:1},children:g(l,{style:{color:V.content.secondary,textAlign:"center"},children:I})},I)))]})]})]}):g(C,{})},d=I("div","production"===process.env.NODE_ENV?{target:"e1i23nxv2"}:{target:"e1i23nxv2",label:"HeatBox"})("height:7px;border-radius:1px;background-color:",(I=>I.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBWZXJ0aWNhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUkwQiIsImZpbGUiOiJIZWF0TWFwVmVydGljYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5pbXBvcnQgeyBGcmFnbWVudCwganN4LCBqc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHNyYy9jb21wb25lbnRzL3Rvb2x0aXBzXCI7XG5pbXBvcnQgeyBCb2R5Q2FwdGlvbiwgQm9keVRpbnkgfSBmcm9tIFwiQHNyYy9jb21wb25lbnRzL1R5cG9ncmFwaHlTdHlsZVwiO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG52YXIgSEVBVCA9IC8qIEBfX1BVUkVfXyAqLyAoKEhFQVQyKSA9PiB7XG4gIEhFQVQyW0hFQVQyW1wiTE9XXCJdID0gMF0gPSBcIkxPV1wiO1xuICBIRUFUMltIRUFUMltcIk1FRElVTVwiXSA9IDFdID0gXCJNRURJVU1cIjtcbiAgSEVBVDJbSEVBVDJbXCJISUdIXCJdID0gMl0gPSBcIkhJR0hcIjtcbiAgSEVBVDJbSEVBVDJbXCJISUdIRVNUXCJdID0gM10gPSBcIkhJR0hFU1RcIjtcbiAgcmV0dXJuIEhFQVQyO1xufSkoSEVBVCB8fCB7fSk7XG5jb25zdCBIRUFUX0NPTE9SUyA9IHtcbiAgWzAgLyogTE9XICovXTogXCIjRUJEQkZGXCIsXG4gIFsxIC8qIE1FRElVTSAqL106IFwiI0QyQUVGRlwiLFxuICBbMiAvKiBISUdIICovXTogXCIjOUU3N0VEXCIsXG4gIFszIC8qIEhJR0hFU1QgKi9dOiBcIiM1RTA3QkJcIlxufTtcbmNvbnN0IGdldEhlYXQgPSAodmFsdWUsIGFic29sdXRIZWF0VmFsdWVzKSA9PiB7XG4gIGlmICh2YWx1ZSA8PSBhYnNvbHV0SGVhdFZhbHVlc1swXSkgcmV0dXJuIDAgLyogTE9XICovO1xuICBpZiAodmFsdWUgPD0gYWJzb2x1dEhlYXRWYWx1ZXNbMV0pIHJldHVybiAxIC8qIE1FRElVTSAqLztcbiAgaWYgKHZhbHVlIDw9IGFic29sdXRIZWF0VmFsdWVzWzJdKSByZXR1cm4gMiAvKiBISUdIICovO1xuICByZXR1cm4gMyAvKiBISUdIRVNUICovO1xufTtcbmV4cG9ydCBjb25zdCBIZWF0TWFwVmVydGljYWwgPSAoe1xuICB4TGFiZWxzLFxuICB5TGFiZWxzLFxuICB2YWx1ZXMsXG4gIGFic29sdXRIZWF0VmFsdWVzXG59KSA9PiB7XG4gIGNvbnN0IFtoZWF0VmFsdWVzLCBzZXRIZWF0VmFsdWVzXSA9IHVzZVN0YXRlKCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0SGVhdFZhbHVlcyhcbiAgICAgIHZhbHVlcy5tYXAoXG4gICAgICAgIChyb3cpID0+IHJvdy5tYXAoKHZhbHVlKSA9PiBnZXRIZWF0KHZhbHVlLCBhYnNvbHV0SGVhdFZhbHVlcyB8fCBbXSkpXG4gICAgICApXG4gICAgKTtcbiAgfSwgW3ZhbHVlcywgYWJzb2x1dEhlYXRWYWx1ZXNdKTtcbiAgaWYgKCFoZWF0VmFsdWVzKSB7XG4gICAgcmV0dXJuIC8qIEBfX1BVUkVfXyAqLyBqc3goRnJhZ21lbnQsIHt9KTtcbiAgfVxuICByZXR1cm4gLyogQF9fUFVSRV9fICovIGpzeHMoSGVhdEJveFN0eWxlZCwgeyBjaGlsZHJlbjogW1xuICAgIC8qIEBfX1BVUkVfXyAqLyBqc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lclwiLCBjaGlsZHJlbjogLyogQF9fUFVSRV9fICovIGpzeHMoXCJkaXZcIiwgeyBjaGlsZHJlbjogW1xuICAgICAgLyogQF9fUFVSRV9fICovIGpzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lcl9fbGVnZW5kXCIsIGNoaWxkcmVuOiBbXG4gICAgICAgIC8qIEBfX1BVUkVfXyAqLyBqc3goSGVhdEJveExlZ2VuZCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbMCAvKiBMT1cgKi9dIH0pLFxuICAgICAgICAvKiBAX19QVVJFX18gKi8ganN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTWzEgLyogTUVESVVNICovXSB9KSxcbiAgICAgICAgLyogQF9fUFVSRV9fICovIGpzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1syIC8qIEhJR0ggKi9dIH0pLFxuICAgICAgICAvKiBAX19QVVJFX18gKi8ganN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTWzMgLyogSElHSEVTVCAqL10gfSlcbiAgICAgIF0gfSksXG4gICAgICAvKiBAX19QVVJFX18gKi8ganN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJ0b3AtY29udGFpbmVyX19sZWdlbmRcIiwgY2hpbGRyZW46IFtcbiAgICAgICAgLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgICAgICBCb2R5Q2FwdGlvbixcbiAgICAgICAgICB7XG4gICAgICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxuICAgICAgICAgICAgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogXCJyaWdodFwiIH0sXG4gICAgICAgICAgICBjaGlsZHJlbjogYWJzb2x1dEhlYXRWYWx1ZXNbMF1cbiAgICAgICAgICB9XG4gICAgICAgICksXG4gICAgICAgIC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICAgICAgQm9keUNhcHRpb24sXG4gICAgICAgICAge1xuICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcbiAgICAgICAgICAgIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246IFwicmlnaHRcIiB9LFxuICAgICAgICAgICAgY2hpbGRyZW46IGFic29sdXRIZWF0VmFsdWVzWzFdXG4gICAgICAgICAgfVxuICAgICAgICApLFxuICAgICAgICAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgICAgIEJvZHlDYXB0aW9uLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksXG4gICAgICAgICAgICBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiBcInJpZ2h0XCIgfSxcbiAgICAgICAgICAgIGNoaWxkcmVuOiBhYnNvbHV0SGVhdFZhbHVlc1syXVxuICAgICAgICAgIH1cbiAgICAgICAgKSxcbiAgICAgICAgLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgICAgICBCb2R5Q2FwdGlvbixcbiAgICAgICAgICB7XG4gICAgICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxuICAgICAgICAgICAgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogXCJyaWdodFwiIH0sXG4gICAgICAgICAgICBjaGlsZHJlbjogYCR7YWJzb2x1dEhlYXRWYWx1ZXNbMl19K2BcbiAgICAgICAgICB9XG4gICAgICAgIClcbiAgICAgIF0gfSlcbiAgICBdIH0pIH0pLFxuICAgIC8qIEBfX1BVUkVfXyAqLyBqc3hzKFwiZGl2XCIsIHsgc3R5bGU6IHsgd2lkdGg6IFwiMTAwJVwiIH0sIGNoaWxkcmVuOiBbXG4gICAgICB5TGFiZWxzLm1hcCgoeUxhYmVsLCByb3dJbmRleCkgPT4gLyogQF9fUFVSRV9fICovIGpzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwiaGVhdC1yb3dcIiwgY2hpbGRyZW46IFtcbiAgICAgICAgLyogQF9fUFVSRV9fICovIGpzeChcImRpdlwiLCB7IHN0eWxlOiB7IGZsZXg6IDAuNSB9LCBjaGlsZHJlbjogLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgICAgICBCb2R5VGlueSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBzdHlsZToge1xuICAgICAgICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxuICAgICAgICAgICAgICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbiAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IDhcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBjaGlsZHJlbjogeUxhYmVsXG4gICAgICAgICAgfVxuICAgICAgICApIH0pLFxuICAgICAgICB4TGFiZWxzLm1hcCgoeExhYmVsLCBjb2xJbmRleCkgPT4gLyogQF9fUFVSRV9fICovIGpzeChcImRpdlwiLCB7IHN0eWxlOiB7IGZsZXg6IDEgfSwgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICAgICAgVG9vbHRpcCxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBib2R5OiB2YWx1ZXNbcm93SW5kZXhdW2NvbEluZGV4XS50b1N0cmluZygpLFxuICAgICAgICAgICAgcGxhY2VtZW50OiBcImJvdHRvbVwiLFxuICAgICAgICAgICAgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICAgICAgICAgIEhlYXRCb3gsXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogSEVBVF9DT0xPUlNbaGVhdFZhbHVlc1tyb3dJbmRleF1bY29sSW5kZXhdXVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICApXG4gICAgICAgICAgfVxuICAgICAgICApIH0sIHhMYWJlbCkpXG4gICAgICBdIH0sIHlMYWJlbCkpLFxuICAgICAgLyogQF9fUFVSRV9fICovIGpzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwiaGVhdC1yb3dcIiwgc3R5bGU6IHsgbWFyZ2luVG9wOiAxMiB9LCBjaGlsZHJlbjogW1xuICAgICAgICAvKiBAX19QVVJFX18gKi8ganN4KFwiZGl2XCIsIHsgc3R5bGU6IHsgZmxleDogMC41IH0gfSksXG4gICAgICAgIHhMYWJlbHMubWFwKCh4TGFiZWwpID0+IC8qIEBfX1BVUkVfXyAqLyBqc3goXCJkaXZcIiwgeyBzdHlsZTogeyBmbGV4OiAxIH0sIGNoaWxkcmVuOiAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgICAgIEJvZHlUaW55LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHN0eWxlOiB7XG4gICAgICAgICAgICAgIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksXG4gICAgICAgICAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIlxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGNoaWxkcmVuOiB4TGFiZWxcbiAgICAgICAgICB9XG4gICAgICAgICkgfSwgeExhYmVsKSlcbiAgICAgIF0gfSlcbiAgICBdIH0pXG4gIF0gfSk7XG59O1xuY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXZgXG5cdGhlaWdodDogN3B4O1xuXHRib3JkZXItcmFkaXVzOiAxcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xuY29uc3QgSGVhdEJveExlZ2VuZCA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiA1OHB4O1xuXHRoZWlnaHQ6IDEycHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XG5leHBvcnQgY29uc3QgSGVhdEJveFN0eWxlZCA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAxMDAlO1xuXHQudG9wLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogZW5kO1xuXHRcdG1hcmdpbi1ib3R0b206IDE2cHg7XG5cblx0XHQmX19sZWdlbmQge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDRweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5cblx0LmhlYXQtcm93IHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGhlaWdodDogOXB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdH1cbmA7XG4iXX0= */")),F=I("div","production"===process.env.NODE_ENV?{target:"e1i23nxv1"}:{target:"e1i23nxv1",label:"HeatBoxLegend"})("width:58px;height:12px;border-radius:2px;background-color:",(I=>I.color),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBWZXJ0aWNhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0lnQyIsImZpbGUiOiJIZWF0TWFwVmVydGljYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5pbXBvcnQgeyBGcmFnbWVudCwganN4LCBqc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHNyYy9jb21wb25lbnRzL3Rvb2x0aXBzXCI7XG5pbXBvcnQgeyBCb2R5Q2FwdGlvbiwgQm9keVRpbnkgfSBmcm9tIFwiQHNyYy9jb21wb25lbnRzL1R5cG9ncmFwaHlTdHlsZVwiO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG52YXIgSEVBVCA9IC8qIEBfX1BVUkVfXyAqLyAoKEhFQVQyKSA9PiB7XG4gIEhFQVQyW0hFQVQyW1wiTE9XXCJdID0gMF0gPSBcIkxPV1wiO1xuICBIRUFUMltIRUFUMltcIk1FRElVTVwiXSA9IDFdID0gXCJNRURJVU1cIjtcbiAgSEVBVDJbSEVBVDJbXCJISUdIXCJdID0gMl0gPSBcIkhJR0hcIjtcbiAgSEVBVDJbSEVBVDJbXCJISUdIRVNUXCJdID0gM10gPSBcIkhJR0hFU1RcIjtcbiAgcmV0dXJuIEhFQVQyO1xufSkoSEVBVCB8fCB7fSk7XG5jb25zdCBIRUFUX0NPTE9SUyA9IHtcbiAgWzAgLyogTE9XICovXTogXCIjRUJEQkZGXCIsXG4gIFsxIC8qIE1FRElVTSAqL106IFwiI0QyQUVGRlwiLFxuICBbMiAvKiBISUdIICovXTogXCIjOUU3N0VEXCIsXG4gIFszIC8qIEhJR0hFU1QgKi9dOiBcIiM1RTA3QkJcIlxufTtcbmNvbnN0IGdldEhlYXQgPSAodmFsdWUsIGFic29sdXRIZWF0VmFsdWVzKSA9PiB7XG4gIGlmICh2YWx1ZSA8PSBhYnNvbHV0SGVhdFZhbHVlc1swXSkgcmV0dXJuIDAgLyogTE9XICovO1xuICBpZiAodmFsdWUgPD0gYWJzb2x1dEhlYXRWYWx1ZXNbMV0pIHJldHVybiAxIC8qIE1FRElVTSAqLztcbiAgaWYgKHZhbHVlIDw9IGFic29sdXRIZWF0VmFsdWVzWzJdKSByZXR1cm4gMiAvKiBISUdIICovO1xuICByZXR1cm4gMyAvKiBISUdIRVNUICovO1xufTtcbmV4cG9ydCBjb25zdCBIZWF0TWFwVmVydGljYWwgPSAoe1xuICB4TGFiZWxzLFxuICB5TGFiZWxzLFxuICB2YWx1ZXMsXG4gIGFic29sdXRIZWF0VmFsdWVzXG59KSA9PiB7XG4gIGNvbnN0IFtoZWF0VmFsdWVzLCBzZXRIZWF0VmFsdWVzXSA9IHVzZVN0YXRlKCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0SGVhdFZhbHVlcyhcbiAgICAgIHZhbHVlcy5tYXAoXG4gICAgICAgIChyb3cpID0+IHJvdy5tYXAoKHZhbHVlKSA9PiBnZXRIZWF0KHZhbHVlLCBhYnNvbHV0SGVhdFZhbHVlcyB8fCBbXSkpXG4gICAgICApXG4gICAgKTtcbiAgfSwgW3ZhbHVlcywgYWJzb2x1dEhlYXRWYWx1ZXNdKTtcbiAgaWYgKCFoZWF0VmFsdWVzKSB7XG4gICAgcmV0dXJuIC8qIEBfX1BVUkVfXyAqLyBqc3goRnJhZ21lbnQsIHt9KTtcbiAgfVxuICByZXR1cm4gLyogQF9fUFVSRV9fICovIGpzeHMoSGVhdEJveFN0eWxlZCwgeyBjaGlsZHJlbjogW1xuICAgIC8qIEBfX1BVUkVfXyAqLyBqc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lclwiLCBjaGlsZHJlbjogLyogQF9fUFVSRV9fICovIGpzeHMoXCJkaXZcIiwgeyBjaGlsZHJlbjogW1xuICAgICAgLyogQF9fUFVSRV9fICovIGpzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lcl9fbGVnZW5kXCIsIGNoaWxkcmVuOiBbXG4gICAgICAgIC8qIEBfX1BVUkVfXyAqLyBqc3goSGVhdEJveExlZ2VuZCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbMCAvKiBMT1cgKi9dIH0pLFxuICAgICAgICAvKiBAX19QVVJFX18gKi8ganN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTWzEgLyogTUVESVVNICovXSB9KSxcbiAgICAgICAgLyogQF9fUFVSRV9fICovIGpzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1syIC8qIEhJR0ggKi9dIH0pLFxuICAgICAgICAvKiBAX19QVVJFX18gKi8ganN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTWzMgLyogSElHSEVTVCAqL10gfSlcbiAgICAgIF0gfSksXG4gICAgICAvKiBAX19QVVJFX18gKi8ganN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJ0b3AtY29udGFpbmVyX19sZWdlbmRcIiwgY2hpbGRyZW46IFtcbiAgICAgICAgLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgICAgICBCb2R5Q2FwdGlvbixcbiAgICAgICAgICB7XG4gICAgICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxuICAgICAgICAgICAgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogXCJyaWdodFwiIH0sXG4gICAgICAgICAgICBjaGlsZHJlbjogYWJzb2x1dEhlYXRWYWx1ZXNbMF1cbiAgICAgICAgICB9XG4gICAgICAgICksXG4gICAgICAgIC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICAgICAgQm9keUNhcHRpb24sXG4gICAgICAgICAge1xuICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcbiAgICAgICAgICAgIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246IFwicmlnaHRcIiB9LFxuICAgICAgICAgICAgY2hpbGRyZW46IGFic29sdXRIZWF0VmFsdWVzWzFdXG4gICAgICAgICAgfVxuICAgICAgICApLFxuICAgICAgICAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgICAgIEJvZHlDYXB0aW9uLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksXG4gICAgICAgICAgICBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiBcInJpZ2h0XCIgfSxcbiAgICAgICAgICAgIGNoaWxkcmVuOiBhYnNvbHV0SGVhdFZhbHVlc1syXVxuICAgICAgICAgIH1cbiAgICAgICAgKSxcbiAgICAgICAgLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgICAgICBCb2R5Q2FwdGlvbixcbiAgICAgICAgICB7XG4gICAgICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxuICAgICAgICAgICAgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogXCJyaWdodFwiIH0sXG4gICAgICAgICAgICBjaGlsZHJlbjogYCR7YWJzb2x1dEhlYXRWYWx1ZXNbMl19K2BcbiAgICAgICAgICB9XG4gICAgICAgIClcbiAgICAgIF0gfSlcbiAgICBdIH0pIH0pLFxuICAgIC8qIEBfX1BVUkVfXyAqLyBqc3hzKFwiZGl2XCIsIHsgc3R5bGU6IHsgd2lkdGg6IFwiMTAwJVwiIH0sIGNoaWxkcmVuOiBbXG4gICAgICB5TGFiZWxzLm1hcCgoeUxhYmVsLCByb3dJbmRleCkgPT4gLyogQF9fUFVSRV9fICovIGpzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwiaGVhdC1yb3dcIiwgY2hpbGRyZW46IFtcbiAgICAgICAgLyogQF9fUFVSRV9fICovIGpzeChcImRpdlwiLCB7IHN0eWxlOiB7IGZsZXg6IDAuNSB9LCBjaGlsZHJlbjogLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgICAgICBCb2R5VGlueSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBzdHlsZToge1xuICAgICAgICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxuICAgICAgICAgICAgICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbiAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IDhcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBjaGlsZHJlbjogeUxhYmVsXG4gICAgICAgICAgfVxuICAgICAgICApIH0pLFxuICAgICAgICB4TGFiZWxzLm1hcCgoeExhYmVsLCBjb2xJbmRleCkgPT4gLyogQF9fUFVSRV9fICovIGpzeChcImRpdlwiLCB7IHN0eWxlOiB7IGZsZXg6IDEgfSwgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICAgICAgVG9vbHRpcCxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBib2R5OiB2YWx1ZXNbcm93SW5kZXhdW2NvbEluZGV4XS50b1N0cmluZygpLFxuICAgICAgICAgICAgcGxhY2VtZW50OiBcImJvdHRvbVwiLFxuICAgICAgICAgICAgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICAgICAgICAgIEhlYXRCb3gsXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogSEVBVF9DT0xPUlNbaGVhdFZhbHVlc1tyb3dJbmRleF1bY29sSW5kZXhdXVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICApXG4gICAgICAgICAgfVxuICAgICAgICApIH0sIHhMYWJlbCkpXG4gICAgICBdIH0sIHlMYWJlbCkpLFxuICAgICAgLyogQF9fUFVSRV9fICovIGpzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwiaGVhdC1yb3dcIiwgc3R5bGU6IHsgbWFyZ2luVG9wOiAxMiB9LCBjaGlsZHJlbjogW1xuICAgICAgICAvKiBAX19QVVJFX18gKi8ganN4KFwiZGl2XCIsIHsgc3R5bGU6IHsgZmxleDogMC41IH0gfSksXG4gICAgICAgIHhMYWJlbHMubWFwKCh4TGFiZWwpID0+IC8qIEBfX1BVUkVfXyAqLyBqc3goXCJkaXZcIiwgeyBzdHlsZTogeyBmbGV4OiAxIH0sIGNoaWxkcmVuOiAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgICAgIEJvZHlUaW55LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHN0eWxlOiB7XG4gICAgICAgICAgICAgIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksXG4gICAgICAgICAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIlxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGNoaWxkcmVuOiB4TGFiZWxcbiAgICAgICAgICB9XG4gICAgICAgICkgfSwgeExhYmVsKSlcbiAgICAgIF0gfSlcbiAgICBdIH0pXG4gIF0gfSk7XG59O1xuY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXZgXG5cdGhlaWdodDogN3B4O1xuXHRib3JkZXItcmFkaXVzOiAxcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xuY29uc3QgSGVhdEJveExlZ2VuZCA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiA1OHB4O1xuXHRoZWlnaHQ6IDEycHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XG5leHBvcnQgY29uc3QgSGVhdEJveFN0eWxlZCA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAxMDAlO1xuXHQudG9wLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogZW5kO1xuXHRcdG1hcmdpbi1ib3R0b206IDE2cHg7XG5cblx0XHQmX19sZWdlbmQge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDRweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5cblx0LmhlYXQtcm93IHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGhlaWdodDogOXB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdH1cbmA7XG4iXX0= */")),o=I("div","production"===process.env.NODE_ENV?{target:"e1i23nxv0"}:{target:"e1i23nxv0",label:"HeatBoxStyled"})("production"===process.env.NODE_ENV?{name:"116aaa2",styles:"width:100%;.top-container{display:flex;flex-direction:row;justify-content:end;margin-bottom:16px;&__legend{display:flex;flex-direction:row;gap:4px;align-items:center;}}.heat-row{display:flex;height:9px;gap:4px;align-items:center;}"}:{name:"116aaa2",styles:"width:100%;.top-container{display:flex;flex-direction:row;justify-content:end;margin-bottom:16px;&__legend{display:flex;flex-direction:row;gap:4px;align-items:center;}}.heat-row{display:flex;height:9px;gap:4px;align-items:center;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkhlYXRNYXBWZXJ0aWNhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEl1QyIsImZpbGUiOiJIZWF0TWFwVmVydGljYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5pbXBvcnQgeyBGcmFnbWVudCwganN4LCBqc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHNyYy9jb21wb25lbnRzL3Rvb2x0aXBzXCI7XG5pbXBvcnQgeyBCb2R5Q2FwdGlvbiwgQm9keVRpbnkgfSBmcm9tIFwiQHNyYy9jb21wb25lbnRzL1R5cG9ncmFwaHlTdHlsZVwiO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG52YXIgSEVBVCA9IC8qIEBfX1BVUkVfXyAqLyAoKEhFQVQyKSA9PiB7XG4gIEhFQVQyW0hFQVQyW1wiTE9XXCJdID0gMF0gPSBcIkxPV1wiO1xuICBIRUFUMltIRUFUMltcIk1FRElVTVwiXSA9IDFdID0gXCJNRURJVU1cIjtcbiAgSEVBVDJbSEVBVDJbXCJISUdIXCJdID0gMl0gPSBcIkhJR0hcIjtcbiAgSEVBVDJbSEVBVDJbXCJISUdIRVNUXCJdID0gM10gPSBcIkhJR0hFU1RcIjtcbiAgcmV0dXJuIEhFQVQyO1xufSkoSEVBVCB8fCB7fSk7XG5jb25zdCBIRUFUX0NPTE9SUyA9IHtcbiAgWzAgLyogTE9XICovXTogXCIjRUJEQkZGXCIsXG4gIFsxIC8qIE1FRElVTSAqL106IFwiI0QyQUVGRlwiLFxuICBbMiAvKiBISUdIICovXTogXCIjOUU3N0VEXCIsXG4gIFszIC8qIEhJR0hFU1QgKi9dOiBcIiM1RTA3QkJcIlxufTtcbmNvbnN0IGdldEhlYXQgPSAodmFsdWUsIGFic29sdXRIZWF0VmFsdWVzKSA9PiB7XG4gIGlmICh2YWx1ZSA8PSBhYnNvbHV0SGVhdFZhbHVlc1swXSkgcmV0dXJuIDAgLyogTE9XICovO1xuICBpZiAodmFsdWUgPD0gYWJzb2x1dEhlYXRWYWx1ZXNbMV0pIHJldHVybiAxIC8qIE1FRElVTSAqLztcbiAgaWYgKHZhbHVlIDw9IGFic29sdXRIZWF0VmFsdWVzWzJdKSByZXR1cm4gMiAvKiBISUdIICovO1xuICByZXR1cm4gMyAvKiBISUdIRVNUICovO1xufTtcbmV4cG9ydCBjb25zdCBIZWF0TWFwVmVydGljYWwgPSAoe1xuICB4TGFiZWxzLFxuICB5TGFiZWxzLFxuICB2YWx1ZXMsXG4gIGFic29sdXRIZWF0VmFsdWVzXG59KSA9PiB7XG4gIGNvbnN0IFtoZWF0VmFsdWVzLCBzZXRIZWF0VmFsdWVzXSA9IHVzZVN0YXRlKCk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0SGVhdFZhbHVlcyhcbiAgICAgIHZhbHVlcy5tYXAoXG4gICAgICAgIChyb3cpID0+IHJvdy5tYXAoKHZhbHVlKSA9PiBnZXRIZWF0KHZhbHVlLCBhYnNvbHV0SGVhdFZhbHVlcyB8fCBbXSkpXG4gICAgICApXG4gICAgKTtcbiAgfSwgW3ZhbHVlcywgYWJzb2x1dEhlYXRWYWx1ZXNdKTtcbiAgaWYgKCFoZWF0VmFsdWVzKSB7XG4gICAgcmV0dXJuIC8qIEBfX1BVUkVfXyAqLyBqc3goRnJhZ21lbnQsIHt9KTtcbiAgfVxuICByZXR1cm4gLyogQF9fUFVSRV9fICovIGpzeHMoSGVhdEJveFN0eWxlZCwgeyBjaGlsZHJlbjogW1xuICAgIC8qIEBfX1BVUkVfXyAqLyBqc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lclwiLCBjaGlsZHJlbjogLyogQF9fUFVSRV9fICovIGpzeHMoXCJkaXZcIiwgeyBjaGlsZHJlbjogW1xuICAgICAgLyogQF9fUFVSRV9fICovIGpzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwidG9wLWNvbnRhaW5lcl9fbGVnZW5kXCIsIGNoaWxkcmVuOiBbXG4gICAgICAgIC8qIEBfX1BVUkVfXyAqLyBqc3goSGVhdEJveExlZ2VuZCwgeyBjb2xvcjogSEVBVF9DT0xPUlNbMCAvKiBMT1cgKi9dIH0pLFxuICAgICAgICAvKiBAX19QVVJFX18gKi8ganN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTWzEgLyogTUVESVVNICovXSB9KSxcbiAgICAgICAgLyogQF9fUFVSRV9fICovIGpzeChIZWF0Qm94TGVnZW5kLCB7IGNvbG9yOiBIRUFUX0NPTE9SU1syIC8qIEhJR0ggKi9dIH0pLFxuICAgICAgICAvKiBAX19QVVJFX18gKi8ganN4KEhlYXRCb3hMZWdlbmQsIHsgY29sb3I6IEhFQVRfQ09MT1JTWzMgLyogSElHSEVTVCAqL10gfSlcbiAgICAgIF0gfSksXG4gICAgICAvKiBAX19QVVJFX18gKi8ganN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogXCJ0b3AtY29udGFpbmVyX19sZWdlbmRcIiwgY2hpbGRyZW46IFtcbiAgICAgICAgLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgICAgICBCb2R5Q2FwdGlvbixcbiAgICAgICAgICB7XG4gICAgICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxuICAgICAgICAgICAgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogXCJyaWdodFwiIH0sXG4gICAgICAgICAgICBjaGlsZHJlbjogYWJzb2x1dEhlYXRWYWx1ZXNbMF1cbiAgICAgICAgICB9XG4gICAgICAgICksXG4gICAgICAgIC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICAgICAgQm9keUNhcHRpb24sXG4gICAgICAgICAge1xuICAgICAgICAgICAgY29sb3I6IENPTE9SUy5jb250ZW50LnNlY29uZGFyeSxcbiAgICAgICAgICAgIHN0eWxlOiB7IHdpZHRoOiA1NiwgbWFyZ2luOiAzLCB0ZXh0QWxpZ246IFwicmlnaHRcIiB9LFxuICAgICAgICAgICAgY2hpbGRyZW46IGFic29sdXRIZWF0VmFsdWVzWzFdXG4gICAgICAgICAgfVxuICAgICAgICApLFxuICAgICAgICAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgICAgIEJvZHlDYXB0aW9uLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksXG4gICAgICAgICAgICBzdHlsZTogeyB3aWR0aDogNTYsIG1hcmdpbjogMywgdGV4dEFsaWduOiBcInJpZ2h0XCIgfSxcbiAgICAgICAgICAgIGNoaWxkcmVuOiBhYnNvbHV0SGVhdFZhbHVlc1syXVxuICAgICAgICAgIH1cbiAgICAgICAgKSxcbiAgICAgICAgLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgICAgICBCb2R5Q2FwdGlvbixcbiAgICAgICAgICB7XG4gICAgICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxuICAgICAgICAgICAgc3R5bGU6IHsgd2lkdGg6IDU2LCBtYXJnaW46IDMsIHRleHRBbGlnbjogXCJyaWdodFwiIH0sXG4gICAgICAgICAgICBjaGlsZHJlbjogYCR7YWJzb2x1dEhlYXRWYWx1ZXNbMl19K2BcbiAgICAgICAgICB9XG4gICAgICAgIClcbiAgICAgIF0gfSlcbiAgICBdIH0pIH0pLFxuICAgIC8qIEBfX1BVUkVfXyAqLyBqc3hzKFwiZGl2XCIsIHsgc3R5bGU6IHsgd2lkdGg6IFwiMTAwJVwiIH0sIGNoaWxkcmVuOiBbXG4gICAgICB5TGFiZWxzLm1hcCgoeUxhYmVsLCByb3dJbmRleCkgPT4gLyogQF9fUFVSRV9fICovIGpzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwiaGVhdC1yb3dcIiwgY2hpbGRyZW46IFtcbiAgICAgICAgLyogQF9fUFVSRV9fICovIGpzeChcImRpdlwiLCB7IHN0eWxlOiB7IGZsZXg6IDAuNSB9LCBjaGlsZHJlbjogLyogQF9fUFVSRV9fICovIGpzeChcbiAgICAgICAgICBCb2R5VGlueSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBzdHlsZToge1xuICAgICAgICAgICAgICBjb2xvcjogQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5LFxuICAgICAgICAgICAgICB0ZXh0QWxpZ246IFwicmlnaHRcIixcbiAgICAgICAgICAgICAgbWFyZ2luUmlnaHQ6IDhcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBjaGlsZHJlbjogeUxhYmVsXG4gICAgICAgICAgfVxuICAgICAgICApIH0pLFxuICAgICAgICB4TGFiZWxzLm1hcCgoeExhYmVsLCBjb2xJbmRleCkgPT4gLyogQF9fUFVSRV9fICovIGpzeChcImRpdlwiLCB7IHN0eWxlOiB7IGZsZXg6IDEgfSwgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICAgICAgVG9vbHRpcCxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBib2R5OiB2YWx1ZXNbcm93SW5kZXhdW2NvbEluZGV4XS50b1N0cmluZygpLFxuICAgICAgICAgICAgcGxhY2VtZW50OiBcImJvdHRvbVwiLFxuICAgICAgICAgICAgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICAgICAgICAgIEhlYXRCb3gsXG4gICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICBjb2xvcjogSEVBVF9DT0xPUlNbaGVhdFZhbHVlc1tyb3dJbmRleF1bY29sSW5kZXhdXVxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICApXG4gICAgICAgICAgfVxuICAgICAgICApIH0sIHhMYWJlbCkpXG4gICAgICBdIH0sIHlMYWJlbCkpLFxuICAgICAgLyogQF9fUFVSRV9fICovIGpzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IFwiaGVhdC1yb3dcIiwgc3R5bGU6IHsgbWFyZ2luVG9wOiAxMiB9LCBjaGlsZHJlbjogW1xuICAgICAgICAvKiBAX19QVVJFX18gKi8ganN4KFwiZGl2XCIsIHsgc3R5bGU6IHsgZmxleDogMC41IH0gfSksXG4gICAgICAgIHhMYWJlbHMubWFwKCh4TGFiZWwpID0+IC8qIEBfX1BVUkVfXyAqLyBqc3goXCJkaXZcIiwgeyBzdHlsZTogeyBmbGV4OiAxIH0sIGNoaWxkcmVuOiAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgICAgIEJvZHlUaW55LFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHN0eWxlOiB7XG4gICAgICAgICAgICAgIGNvbG9yOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksXG4gICAgICAgICAgICAgIHRleHRBbGlnbjogXCJjZW50ZXJcIlxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGNoaWxkcmVuOiB4TGFiZWxcbiAgICAgICAgICB9XG4gICAgICAgICkgfSwgeExhYmVsKSlcbiAgICAgIF0gfSlcbiAgICBdIH0pXG4gIF0gfSk7XG59O1xuY29uc3QgSGVhdEJveCA9IHN0eWxlZC5kaXZgXG5cdGhlaWdodDogN3B4O1xuXHRib3JkZXItcmFkaXVzOiAxcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5jb2xvcn07XG5gO1xuY29uc3QgSGVhdEJveExlZ2VuZCA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiA1OHB4O1xuXHRoZWlnaHQ6IDEycHg7XG5cdGJvcmRlci1yYWRpdXM6IDJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcbmA7XG5leHBvcnQgY29uc3QgSGVhdEJveFN0eWxlZCA9IHN0eWxlZC5kaXZgXG5cdHdpZHRoOiAxMDAlO1xuXHQudG9wLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGp1c3RpZnktY29udGVudDogZW5kO1xuXHRcdG1hcmdpbi1ib3R0b206IDE2cHg7XG5cblx0XHQmX19sZWdlbmQge1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0XHRnYXA6IDRweDtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5cblx0LmhlYXQtcm93IHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGhlaWdodDogOXB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdH1cbmA7XG4iXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{o as HeatBoxStyled,B as HeatMapVertical};
+import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import r from"@emotion/styled";import{useState as i,useEffect as l}from"react";import{Tooltip as n}from"../../../tooltips/Tooltip.js";import{BodyCaption as c,BodyTiny as d}from"../../../TypographyStyle.js";import{COLORS as a}from"../../../../constants/Theme.js";const s={0:"#EBDBFF",1:"#D2AEFF",2:"#9E77ED",3:"#5E07BB"},h=({xLabels:r,yLabels:h,values:y,absolutHeatValues:x})=>{const[f,v]=i();return l((()=>{v(y.map((e=>e.map((e=>((e,t)=>e<=t[0]?0:e<=t[1]?1:e<=t[2]?2:3)(e,x||[]))))))}),[y,x]),f?o(g,{children:[e("div",{className:"top-container",children:o("div",{children:[o("div",{className:"top-container__legend",children:[e(p,{color:s[0]}),e(p,{color:s[1]}),e(p,{color:s[2]}),e(p,{color:s[3]})]}),o("div",{className:"top-container__legend",children:[e(c,{color:a.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:x[0]}),e(c,{color:a.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:x[1]}),e(c,{color:a.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:x[2]}),e(c,{color:a.content.secondary,style:{width:56,margin:3,textAlign:"right"},children:`${x[2]}+`})]})]})}),o("div",{style:{width:"100%"},children:[h.map(((t,i)=>o("div",{className:"heat-row",children:[e("div",{style:{flex:.5},children:e(d,{style:{color:a.content.secondary,textAlign:"right",marginRight:8},children:t})}),r.map(((t,o)=>e("div",{style:{flex:1},children:e(n,{body:y[i][o].toString(),placement:"bottom",children:e(m,{color:s[f[i][o]]})})},t)))]},t))),o("div",{className:"heat-row",style:{marginTop:12},children:[e("div",{style:{flex:.5}}),r.map((t=>e("div",{style:{flex:1},children:e(d,{style:{color:a.content.secondary,textAlign:"center"},children:t})},t)))]})]})]}):e(t,{})},m=r.div`
+	height: 7px;
+	border-radius: 1px;
+	background-color: ${e=>e.color};
+`,p=r.div`
+	width: 58px;
+	height: 12px;
+	border-radius: 2px;
+	background-color: ${e=>e.color};
+`,g=r.div`
+	width: 100%;
+	.top-container {
+		display: flex;
+		flex-direction: row;
+		justify-content: end;
+		margin-bottom: 16px;
+
+		&__legend {
+			display: flex;
+			flex-direction: row;
+			gap: 4px;
+			align-items: center;
+		}
+	}
+
+	.heat-row {
+		display: flex;
+		height: 9px;
+		gap: 4px;
+		align-items: center;
+	}
+`;export{g as HeatBoxStyled,h as HeatMapVertical};

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

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{BodyPrimary as r,TitleMedium as o}from"../../../TypographyStyle.js";import{COLORS as n}from"../../../../constants/Theme.js";import{StyledChip as i}from"./LinearChipGroupedChart.styled.js";const m=m=>{let{type:a,text:p,value:c,formatVal:l}=m;const s="positive"===a?n.content.positive:"negative"===a?n.content.negative:n.content.warning;return t(i,{type:a,children:[e(r,{color:s,children:p}),e(o,{color:s,children:l?new Intl.NumberFormat("en-IN",{}).format(c):c})]})};export{m as Chip};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{BodyPrimary as r,TitleMedium as o}from"../../../TypographyStyle.js";import{COLORS as n}from"../../../../constants/Theme.js";import{StyledChip as i}from"./LinearChipGroupedChart.styled.js";const m=({type:m,text:a,value:p,formatVal:c})=>{const s="positive"===m?n.content.positive:"negative"===m?n.content.negative:n.content.warning;return t(i,{type:m,children:[e(r,{color:s,children:a}),e(o,{color:s,children:c?new Intl.NumberFormat("en-IN",{}).format(p):p})]})};export{m as Chip};

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

@@ -1 +1 @@
-import{jsxs as t,jsx as r}from"react/jsx-runtime";import{COLORS as i}from"../../../../constants/Theme.js";import{calculatePercentage as e}from"../utils/calcPercentage.js";import{StyledBarContainer as o}from"./LinearChipGroupedChart.styled.js";const n=n=>{let{positive:a,negative:d,neutral:s}=n;const[c,g,h]=e(a,s,d);return t(o,{children:[r("div",{style:{height:"100%",width:`${c}%`,backgroundColor:i.background.positive.vibrant}}),r("div",{style:{height:"100%",width:`${g}%`,backgroundColor:i.background.warning.vibrant}}),r("div",{style:{height:"100%",width:`${h}%`,backgroundColor:i.background.negative.vibrant}})]})};export{n as HorinzontalBar};
+import{jsxs as t,jsx as r}from"react/jsx-runtime";import{COLORS as i}from"../../../../constants/Theme.js";import{calculatePercentage as o}from"../utils/calcPercentage.js";import{StyledBarContainer as e}from"./LinearChipGroupedChart.styled.js";const n=({positive:n,negative:a,neutral:d})=>{const[s,c,g]=o(n,d,a);return t(e,{children:[r("div",{style:{height:"100%",width:`${s}%`,backgroundColor:i.background.positive.vibrant}}),r("div",{style:{height:"100%",width:`${c}%`,backgroundColor:i.background.warning.vibrant}}),r("div",{style:{height:"100%",width:`${g}%`,backgroundColor:i.background.negative.vibrant}})]})};export{n as HorinzontalBar};

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

@@ -0,0 +1,30 @@
+import React__default from 'react';
+import { LineChartProps } from '../LineChart/LineChart.js';
+
+type LinearChipGroupedChartProps = {
+    lineChartOption: LineChartProps;
+    overallValue: number;
+    requestSent: number;
+    responses: number;
+    chipValues: {
+        positive: {
+            text: string;
+            val: number;
+        };
+        neutral: {
+            text: string;
+            val: number;
+        };
+        negative: {
+            text: string;
+            val: number;
+        };
+    };
+    name: string;
+    separator?: boolean;
+    formatVal?: boolean;
+};
+declare const LinearChipGroupedChart: React__default.FC<LinearChipGroupedChartProps>;
+
+export { LinearChipGroupedChart };
+export type { LinearChipGroupedChartProps };

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 r,TitleLarge as o,BodySecondary as n}from"../../../TypographyStyle.js";import{COLORS as a}from"../../../../constants/Theme.js";import{LineChart as i}from"../LineChart/LineChart.js";import{Chip as l}from"./Chip.js";import{HorinzontalBar as s}from"./HorinzontalBar.js";import{Container as p,Row as c,Column as m}from"./LinearChipGroupedChart.styled.js";var v=Object.defineProperty,d=Object.defineProperties,y=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,u=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,g=(e,t,r)=>t in e?v(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,b=(e,t)=>{for(var r in t||(t={}))u.call(t,r)&&g(e,r,t[r]);if(h)for(var r of h(t))f.call(t,r)&&g(e,r,t[r]);return e};const j=v=>{let{separator:h,name:u,overallValue:f,requestSent:g,responses:j,chipValues:O,lineChartOption:x,formatVal:w}=v;return e(p,{separator:h,children:[e(c,{style:{alignItems:"center",justifyContent:"space-between"},children:[e("div",{children:[t(r,{color:a.content.secondary,children:u}),t(o,{color:void 0===f||0===f?a.content.secondary:f<0?a.content.negative:a.content.positive,children:w?new Intl.NumberFormat("en-IN",{}).format(f):f})]}),e(m,{style:{alignItems:"flex-end"},children:[e(n,{color:a.content.secondary,style:{marginBottom:2},children:["Requests sent: ",g]}),e(n,{color:a.content.secondary,children:["Responses: ",j]})]})]}),e(c,{style:{marginTop:8,gap:16},children:[t(l,{formatVal:w,type:"positive",text:O.positive.text,value:O.positive.val}),t(l,{formatVal:w,type:"neutral",text:O.neutral.text,value:O.neutral.val}),t(l,{formatVal:w,type:"negative",text:O.negative.text,value:O.negative.val})]}),t("div",{style:{marginTop:16,width:"100%"},children:t(s,{positive:O.positive.val,neutral:O.neutral.val,negative:O.negative.val})}),t("div",{style:{marginTop:28,width:"100%"},children:t(i,(C=b({},x),V={maintainAspectRatio:!0},d(C,y(V))))})]});var C,V};export{j as LinearChipGroupedChart};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import"react-bootstrap";import{TitleRegular as r,TitleLarge as n,BodySecondary as o}from"../../../TypographyStyle.js";import{COLORS as a}from"../../../../constants/Theme.js";import{LineChart as i}from"../LineChart/LineChart.js";import{Chip as l}from"./Chip.js";import{HorinzontalBar as s}from"./HorinzontalBar.js";import{Container as p,Row as c,Column as m}from"./LinearChipGroupedChart.styled.js";const v=({separator:v,name:d,overallValue:h,requestSent:y,responses:u,chipValues:f,lineChartOption:g,formatVal:x})=>e(p,{separator:v,children:[e(c,{style:{alignItems:"center",justifyContent:"space-between"},children:[e("div",{children:[t(r,{color:a.content.secondary,children:d}),t(n,{color:void 0===h||0===h?a.content.secondary:h<0?a.content.negative:a.content.positive,children:x?new Intl.NumberFormat("en-IN",{}).format(h):h})]}),e(m,{style:{alignItems:"flex-end"},children:[e(o,{color:a.content.secondary,style:{marginBottom:2},children:["Requests sent: ",y]}),e(o,{color:a.content.secondary,children:["Responses: ",u]})]})]}),e(c,{style:{marginTop:8,gap:16},children:[t(l,{formatVal:x,type:"positive",text:f.positive.text,value:f.positive.val}),t(l,{formatVal:x,type:"neutral",text:f.neutral.text,value:f.neutral.val}),t(l,{formatVal:x,type:"negative",text:f.negative.text,value:f.negative.val})]}),t("div",{style:{marginTop:16,width:"100%"},children:t(s,{positive:f.positive.val,neutral:f.neutral.val,negative:f.negative.val})}),t("div",{style:{marginTop:28,width:"100%"},children:t(i,{...g,maintainAspectRatio:!0})})]});export{v as LinearChipGroupedChart};

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

@@ -1 +1,31 @@
-import c from"@emotion/styled/base";import{COLORS as b}from"../../../../constants/Theme.js";function l(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const G=c("div","production"===process.env.NODE_ENV?{target:"e1226y2z4"}:{target:"e1226y2z4",label:"Container"})("width:100%;display:flex;flex-direction:column;padding:16px 24px;border-right:",(c=>c.separator?1:0),"px solid ",b.stroke.primary,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdtQyIsImZpbGUiOiJMaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHR3aWR0aDogMTAwJTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRib3JkZXItcmlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZXBhcmF0b3IgPyAxIDogMH1weCBzb2xpZFxuXHRcdCR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcbmA7XG5leHBvcnQgY29uc3QgUm93ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcbmA7XG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZC5kaXZgXG5cdHBhZGRpbmctdG9wOiA4cHg7XG5cdHBhZGRpbmctYm90dG9tOiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleDogMTtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnR5cGUgPT09IFwicG9zaXRpdmVcIiA/IENPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0IDogcHJvcHMudHlwZSA9PT0gXCJuZWdhdGl2ZVwiID8gQ09MT1JTLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHQgOiBDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcbmA7XG5leHBvcnQgY29uc3QgU3R5bGVkQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xuIl19 */")),Z=c("div","production"===process.env.NODE_ENV?{target:"e1226y2z3"}:{target:"e1226y2z3",label:"Row"})("production"===process.env.NODE_ENV?{name:"ho1qnd",styles:"display:flex;flex-direction:row"}:{name:"ho1qnd",styles:"display:flex;flex-direction:row",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVc2QiIsImZpbGUiOiJMaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHR3aWR0aDogMTAwJTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRib3JkZXItcmlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZXBhcmF0b3IgPyAxIDogMH1weCBzb2xpZFxuXHRcdCR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcbmA7XG5leHBvcnQgY29uc3QgUm93ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcbmA7XG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZC5kaXZgXG5cdHBhZGRpbmctdG9wOiA4cHg7XG5cdHBhZGRpbmctYm90dG9tOiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleDogMTtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnR5cGUgPT09IFwicG9zaXRpdmVcIiA/IENPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0IDogcHJvcHMudHlwZSA9PT0gXCJuZWdhdGl2ZVwiID8gQ09MT1JTLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHQgOiBDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcbmA7XG5leHBvcnQgY29uc3QgU3R5bGVkQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xuIl19 */",toString:l}),X=c("div","production"===process.env.NODE_ENV?{target:"e1226y2z2"}:{target:"e1226y2z2",label:"Column"})("production"===process.env.NODE_ENV?{name:"1fttcpj",styles:"display:flex;flex-direction:column"}:{name:"1fttcpj",styles:"display:flex;flex-direction:column",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVnQyIsImZpbGUiOiJMaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHR3aWR0aDogMTAwJTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRib3JkZXItcmlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZXBhcmF0b3IgPyAxIDogMH1weCBzb2xpZFxuXHRcdCR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcbmA7XG5leHBvcnQgY29uc3QgUm93ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcbmA7XG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZC5kaXZgXG5cdHBhZGRpbmctdG9wOiA4cHg7XG5cdHBhZGRpbmctYm90dG9tOiA4cHg7XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleDogMTtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnR5cGUgPT09IFwicG9zaXRpdmVcIiA/IENPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0IDogcHJvcHMudHlwZSA9PT0gXCJuZWdhdGl2ZVwiID8gQ09MT1JTLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHQgOiBDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcbmA7XG5leHBvcnQgY29uc3QgU3R5bGVkQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xuIl19 */",toString:l}),d=c("div","production"===process.env.NODE_ENV?{target:"e1226y2z1"}:{target:"e1226y2z1",label:"StyledChip"})("padding-top:8px;padding-bottom:8px;border-radius:4px;display:flex;flex-direction:column;align-items:center;flex:1;background:",(c=>"positive"===c.type?b.background.positive.light:"negative"===c.type?b.background.negative.light:b.background.warning.light),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cb0MiLCJmaWxlIjoiTGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0d2lkdGg6IDEwMCU7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdHBhZGRpbmc6IDE2cHggMjRweDtcblx0Ym9yZGVyLXJpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuc2VwYXJhdG9yID8gMSA6IDB9cHggc29saWRcblx0XHQke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5gO1xuZXhwb3J0IGNvbnN0IFJvdyA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xuZXhwb3J0IGNvbnN0IENvbHVtbiA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQuZGl2YFxuXHRwYWRkaW5nLXRvcDogOHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXg6IDE7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50eXBlID09PSBcInBvc2l0aXZlXCIgPyBDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodCA6IHByb3BzLnR5cGUgPT09IFwibmVnYXRpdmVcIiA/IENPTE9SUy5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0IDogQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5gO1xuZXhwb3J0IGNvbnN0IFN0eWxlZEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcbiJdfQ== */")),m=c("div","production"===process.env.NODE_ENV?{target:"e1226y2z0"}:{target:"e1226y2z0",label:"StyledBarContainer"})("border-radius:4px;width:100%;height:8px;background-color:",b.surface.hovered,";display:flex;flex-direction:row;overflow:hidden;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCNEMiLCJmaWxlIjoiTGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJcInVzZSBzdHJpY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0d2lkdGg6IDEwMCU7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdHBhZGRpbmc6IDE2cHggMjRweDtcblx0Ym9yZGVyLXJpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuc2VwYXJhdG9yID8gMSA6IDB9cHggc29saWRcblx0XHQke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5gO1xuZXhwb3J0IGNvbnN0IFJvdyA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xuZXhwb3J0IGNvbnN0IENvbHVtbiA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQuZGl2YFxuXHRwYWRkaW5nLXRvcDogOHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXg6IDE7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50eXBlID09PSBcInBvc2l0aXZlXCIgPyBDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodCA6IHByb3BzLnR5cGUgPT09IFwibmVnYXRpdmVcIiA/IENPTE9SUy5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0IDogQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5gO1xuZXhwb3J0IGNvbnN0IFN0eWxlZEJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcbiJdfQ== */"));export{X as Column,G as Container,Z as Row,m as StyledBarContainer,d as StyledChip};
+import i from"@emotion/styled";import{COLORS as e}from"../../../../constants/Theme.js";const o=i.div`
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	padding: 16px 24px;
+	border-right: ${i=>i.separator?1:0}px solid
+		${e.stroke.primary};
+`,d=i.div`
+	display: flex;
+	flex-direction: row;
+`,r=i.div`
+	display: flex;
+	flex-direction: column;
+`,t=i.div`
+	padding-top: 8px;
+	padding-bottom: 8px;
+	border-radius: 4px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	flex: 1;
+	background: ${i=>"positive"===i.type?e.background.positive.light:"negative"===i.type?e.background.negative.light:e.background.warning.light};
+`,l=i.div`
+	border-radius: 4px;
+	width: 100%;
+	height: 8px;
+	background-color: ${e.surface.hovered};
+	display: flex;
+	flex-direction: row;
+	overflow: hidden;
+`;export{r as Column,o as Container,d as Row,l as StyledBarContainer,t as StyledChip};

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

@@ -0,0 +1,22 @@
+declare function calculatePercentage(a: number, b: number, c: number): number[];
+declare const truncateValueToK: (value: number) => string;
+declare const truncateValueTo10K: (value: number) => string;
+declare const truncateValueToL: (value: number) => string;
+declare const truncateValueToC: (value: number) => string;
+declare const truncateValueToA: (value: number) => string;
+declare const truncateValueToM: (value: number) => string;
+declare const truncateValueToB: (value: number) => string;
+declare const truncateValueToT: (value: number) => string;
+declare const roundNumber: (value: number, noOfDigits?: number) => number;
+declare const truncateValueForInternationalStore: (value: number) => string | number;
+declare const truncateValueForIndianStore: (value: number) => string | number;
+declare enum TruncateValue {
+    ONE_LAKH = 100000,
+    ONE_CRORE = 10000000,
+    ONE_ARAB = 1000000000,
+    ONE_MILLION = 1000000,
+    ONE_BILLION = 1000000000,
+    ONE_TRILLION = 1000000000000
+}
+
+export { TruncateValue, calculatePercentage, roundNumber, truncateValueForIndianStore, truncateValueForInternationalStore, truncateValueTo10K, truncateValueToA, truncateValueToB, truncateValueToC, truncateValueToK, truncateValueToL, truncateValueToM, truncateValueToT };

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

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

package/dist/esm/components/avatar/Avatar.d.ts

@@ -0,0 +1,53 @@
+import React__default from 'react';
+import { AVATAR_TYPES, SIZE, AVATAR_BACKGROUND } from './AvatarHelper.js';
+
+declare const AVATAR_SIZE_VS_ICON_SIZE_MAP: {
+    SMALL: number;
+    MEDIUM: number;
+    INBOX: number;
+    LARGE: number;
+};
+declare const BACKGROUND_VS_TEXT_COLOR_MAP: {
+    LIGHT: string;
+    WHITE: string;
+    DARK: string;
+};
+type AvatarProps = {
+    type: AVATAR_TYPES;
+    size: SIZE;
+    background: AVATAR_BACKGROUND;
+    name?: string;
+    photoUrl?: string;
+    icon?: React__default.FC<{
+        width: number;
+        height: number;
+        color: string;
+    }>;
+    useNameFallback?: boolean;
+    channelName?: MESSAGE_CHANNELS;
+    borderRadius?: string;
+    inboxSettings?: {
+        isSelected: boolean;
+        isComments: boolean;
+    };
+    status?: 'ONLINE' | 'OFFLINE' | 'AWAY';
+};
+declare const enum MESSAGE_CHANNELS {
+    INSTAGRAM = "instagram",
+    MESSENGER = "messenger",
+    WHATSAPP = "whatsapp",
+    GMAIL = "gmail",
+    LIVECHAT = "livechat",
+    GOOGLE_BUSINESS_CHAT = "gbm",
+    SHOPIFY = "shopify",
+    FACEBOOK = "facebook",
+    EMAIL = "email",
+    SMTP = "smtp",
+    FACEBOOK_CATALOG = "facebook-catalog",
+    TASKS = "tasks",
+    BIK_LIVECHAT = "livechat"
+}
+declare const Avatar: React__default.FC<AvatarProps>;
+
+export { AVATAR_SIZE_VS_ICON_SIZE_MAP, Avatar, BACKGROUND_VS_TEXT_COLOR_MAP, MESSAGE_CHANNELS };
+export type { AvatarProps };

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 a,AVATAR_BACKGROUND as o,AVATAR_TYPES as r,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 b from"../../assets/icons/instagram-channel.svg.js";import f from"../../assets/icons/task.svg.js";import y from"../../assets/icons/whatsapp_color.svg.js";const v={[a.SMALL]:16,[a.MEDIUM]:20,[a.INBOX]:24,[a.LARGE]:32},A={[o.LIGHT]:h.content.secondary,[o.WHITE]:h.content.secondary,[o.DARK]:h.surface.standard};var I=(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",e))(I||{});const k=o=>{const[I,k]=s(!1),S=()=>{const e=(o.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return o.size===a.SMALL?t(c,{style:{color:A[o.background]},children:e}):o.size===a.MEDIUM||o.size===a.INBOX?t(l,{style:{color:A[o.background]},children:e}):o.size===a.LARGE?t(d,{style:{color:A[o.background]},children:e}):void 0};return e("div",{style:{position:"relative"},children:[e(i,{type:o.type===r.IMAGE&&I&&o.useNameFallback&&o.name?r.INITIALS:o.type,size:o.size,background:o.background,children:[o.type===r.IMAGE&&(o.useNameFallback&&!I?t("img",{alt:"",width:n[o.size],height:n[o.size],style:{borderRadius:(null==o?void 0:o.borderRadius)||"50%",objectFit:"contain"},src:o.photoUrl,onError:()=>{k(!0)}}):o.useNameFallback&&I&&o.name?t("div",{children:S()}):t("img",{alt:"",width:n[o.size],height:n[o.size],style:{borderRadius:(null==o?void 0:o.borderRadius)||"50%",objectFit:"contain"},src:o.photoUrl})),o.type===r.INITIALS&&t("div",{children:S()}),o.type===r.ICON&&o.icon&&t(o.icon,{width:v[o.size],height:v[o.size],color:A[o.background]})]}),o.inboxSettings&&t("div",{style:{position:"absolute",left:v[o.size]+"px",top:v[o.size]+"px",width:14,height:14,borderRadius:(null==o?void 0:o.borderRadius)||"50%",display:"flex",justifyContent:"center",backgroundColor:o.inboxSettings.isSelected?o.inboxSettings.isComments?h.content.primary:h.background.brandLight:o.inboxSettings.isComments?h.content.primary:h.surface.standard,alignItems:"center"},children:(()=>{switch(o.channelName){case"email":case"smtp":return t(p,{width:11,height:11});case"facebook":case"facebook-catalog":case"messenger":return t(g,{width:11,height:11});case"instagram":return t(b,{width:11,height:11});case"whatsapp":return t(y,{width:11,height:11});case"gmail":return t(u,{width:11,height:11});case"tasks":return t(f,{width:11,height:11});case"livechat":return t(m,{width:11,height:11})}})()}),o.status&&t("div",{style:{position:"absolute",left:v[o.size]+"px",top:v[o.size]+"px",width:11,height:11,borderRadius:"50%",display:"flex",justifyContent:"center",backgroundColor:h.surface.standard,alignItems:"center"},children:o.status?t("div",{style:{backgroundColor:"ONLINE"===o.status?h.special.whatsapp.brand:h.content.inactive,width:"8px",height:"8px",borderRadius:"50%"}}):null})]})};export{v as AVATAR_SIZE_VS_ICON_SIZE_MAP,k as Avatar,A as BACKGROUND_VS_TEXT_COLOR_MAP,I 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 a,AVATAR_BACKGROUND as r,AVATAR_TYPES as o,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 b from"../../assets/icons/instagram-channel.svg.js";import f from"../../assets/icons/task.svg.js";import y from"../../assets/icons/whatsapp_color.svg.js";const A={[a.SMALL]:16,[a.MEDIUM]:20,[a.INBOX]:24,[a.LARGE]:32},I={[r.LIGHT]:h.content.secondary,[r.WHITE]:h.content.secondary,[r.DARK]:h.surface.standard};var v=(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",e))(v||{});const k=r=>{const[v,k]=s(!1),S=()=>{const e=(r.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return r.size===a.SMALL?t(c,{style:{color:I[r.background]},children:e}):r.size===a.MEDIUM||r.size===a.INBOX?t(l,{style:{color:I[r.background]},children:e}):r.size===a.LARGE?t(d,{style:{color:I[r.background]},children:e}):void 0};return e("div",{style:{position:"relative"},children:[e(i,{type:r.type===o.IMAGE&&v&&r.useNameFallback&&r.name?o.INITIALS:r.type,size:r.size,background:r.background,children:[r.type===o.IMAGE&&(r.useNameFallback&&!v?t("img",{alt:"",width:n[r.size],height:n[r.size],style:{borderRadius:r?.borderRadius||"50%",objectFit:"contain"},src:r.photoUrl,onError:()=>{k(!0)}}):r.useNameFallback&&v&&r.name?t("div",{children:S()}):t("img",{alt:"",width:n[r.size],height:n[r.size],style:{borderRadius:r?.borderRadius||"50%",objectFit:"contain"},src:r.photoUrl})),r.type===o.INITIALS&&t("div",{children:S()}),r.type===o.ICON&&r.icon&&t(r.icon,{width:A[r.size],height:A[r.size],color:I[r.background]})]}),r.inboxSettings&&t("div",{style:{position:"absolute",left:A[r.size]+"px",top:A[r.size]+"px",width:14,height:14,borderRadius: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"email":case"smtp":return t(p,{width:11,height:11});case"facebook":case"facebook-catalog":case"messenger":return t(g,{width:11,height:11});case"instagram":return t(b,{width:11,height:11});case"whatsapp":return t(y,{width:11,height:11});case"gmail":return t(u,{width:11,height:11});case"tasks":return t(f,{width:11,height:11});case"livechat":return t(m,{width:11,height:11})}})()}),r.status&&t("div",{style:{position:"absolute",left:A[r.size]+"px",top:A[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{A as AVATAR_SIZE_VS_ICON_SIZE_MAP,k as Avatar,I as BACKGROUND_VS_TEXT_COLOR_MAP,v as MESSAGE_CHANNELS};

package/dist/esm/components/avatar/AvatarHelper.d.ts

@@ -0,0 +1,24 @@
+declare enum AVATAR_TYPES {
+    IMAGE = "IMAGE",
+    INITIALS = "INITIALS",
+    ICON = "ICON"
+}
+declare enum SIZE {
+    SMALL = "SMALL",
+    MEDIUM = "MEDIUM",
+    LARGE = "LARGE",
+    INBOX = "INBOX"
+}
+declare enum AVATAR_BACKGROUND {
+    LIGHT = "LIGHT",
+    DARK = "DARK",
+    WHITE = "WHITE"
+}
+declare const AVATAR_SIZE_MAP: {
+    SMALL: number;
+    MEDIUM: number;
+    LARGE: number;
+    INBOX: number;
+};
+
+export { AVATAR_BACKGROUND, AVATAR_SIZE_MAP, AVATAR_TYPES, SIZE };

package/dist/esm/components/bik-layout/BikHeader.d.ts

@@ -0,0 +1,19 @@
+import React__default from 'react';
+import { CurtainProps } from '../curtain/Curtain.js';
+
+interface HeaderProps {
+    header: string;
+    subHeader?: string;
+    hideBackButton?: boolean;
+    rightActionButton?: JSX.Element;
+    leftLayout?: JSX.Element;
+    onClickingBackButton?: () => void;
+    secondaryHeader?: JSX.Element;
+    curtainProps?: CurtainProps;
+    curtainZIndex?: number;
+    headerStyles?: React__default.CSSProperties;
+}
+declare const BikHeader: React__default.FC<HeaderProps>;
+
+export { BikHeader };
+export type { HeaderProps };

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

@@ -1 +1 @@
-import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import o from"../../assets/icons/arrow_left.svg.js";import{useState as i}from"react";import{Curtain as n}from"../curtain/Curtain.js";import{BodyCaption as c,TitleMedium as a,TitleRegular as l}from"../TypographyStyle.js";import{BikHeaderWrapper as s,BikHeaderContainer as d}from"./CommonStyles.js";var h=Object.defineProperty,p=Object.defineProperties,m=Object.getOwnPropertyDescriptors,u=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,f=Object.prototype.propertyIsEnumerable,b=(e,r,t)=>r in e?h(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,g=(e,r)=>{for(var t in r||(r={}))y.call(r,t)&&b(e,t,r[t]);if(u)for(var t of u(r))f.call(r,t)&&b(e,t,r[t]);return e};const j=h=>{const{header:u,subHeader:y,hideBackButton:f=!0,rightActionButton:b,onClickingBackButton:j,secondaryHeader:v,curtainProps:w,curtainZIndex:O,headerStyles:k,leftLayout:x}=h,[C,P]=i(!!w);return e(s,{style:g({},k),children:[e(d,{children:[x?e(r,{children:[!f&&t(o,{className:"cursor",height:24,width:24,onClick:j}),x]}):e("div",{className:"row--flex left-container",children:[!f&&t(o,{className:"cursor",height:24,width:24,onClick:j}),e("div",{children:[y?t(c,{className:"brand",children:u}):t(a,{children:u}),t(l,{children:y})]})]}),t("div",{className:"row--flex right-container",children:b})]}),C&&w&&e(r,{children:[t("div",{style:{position:"sticky",top:0,width:"auto",zIndex:O||6},children:t(n,(B=g({},w),N={onCloseHandler:()=>{P(!1)}},p(B,m(N))))}),t("div",{style:{height:20}})]}),null!=v?v:t(r,{})]});var B,N};export{j as BikHeader};
+import{jsxs as r,Fragment as e,jsx as t}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import{useState as o}from"react";import{Curtain as n}from"../curtain/Curtain.js";import{BodyCaption as c,TitleMedium as s,TitleRegular as a}from"../TypographyStyle.js";import{BikHeaderWrapper as l,BikHeaderContainer as d}from"./CommonStyles.js";const h=h=>{const{header:m,subHeader:u,hideBackButton:p=!0,rightActionButton:f,onClickingBackButton:y,secondaryHeader:g,curtainProps:k,curtainZIndex:v,headerStyles:w,leftLayout:x}=h,[C,j]=o(!!k);return r(l,{style:{...w},children:[r(d,{children:[x?r(e,{children:[!p&&t(i,{className:"cursor",height:24,width:24,onClick:y}),x]}):r("div",{className:"row--flex left-container",children:[!p&&t(i,{className:"cursor",height:24,width:24,onClick:y}),r("div",{children:[u?t(c,{className:"brand",children:m}):t(s,{children:m}),t(a,{children:u})]})]}),t("div",{className:"row--flex right-container",children:f})]}),C&&k&&r(e,{children:[t("div",{style:{position:"sticky",top:0,width:"auto",zIndex:v||6},children:t(n,{...k,onCloseHandler:()=>{j(!1)}})}),t("div",{style:{height:20}})]}),g??t(e,{})]})};export{h as BikHeader};

package/dist/esm/components/bik-layout/BikLayout.d.ts

@@ -0,0 +1,27 @@
+interface BikLayoutProps {
+    isLoading: boolean;
+    isFeatureModalEnabled?: boolean;
+    isDisabled?: boolean;
+    hidePadding?: boolean;
+    loadingAnimation?: JSX.Element;
+    height?: string;
+    children?: React.ReactNode;
+    containerStyles?: React.CSSProperties;
+    onClickingCrossOnFeatureModal?: () => void;
+    onUpgrade?: () => void;
+    extraContentForModal?: JSX.Element;
+    type?: 'overflow-within' | 'overflow-body';
+    featureModalProps?: {
+        title?: string;
+        subTitle?: string;
+        showBookADemo?: boolean;
+        demoLink?: string;
+        featureImage?: string;
+    };
+    useFeautureModalV2?: boolean;
+    backgroundColor?: string;
+}
+declare const BikLayout: React.FC<BikLayoutProps>;
+
+export { BikLayout };
+export type { BikLayoutProps };

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

@@ -1 +1 @@
-import{jsx as e,Fragment as r,jsxs as o}from"react/jsx-runtime";import{BikLayoutContainer as t}from"./CommonStyles.js";import{FeatureModal as n}from"./FeatureModal.js";import{FeatureModalV2 as a}from"./FeatureModalV2.js";import{PageLoader as i}from"./PageLoader.js";var l=Object.defineProperty,d=Object.defineProperties,s=Object.getOwnPropertyDescriptors,p=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,u=(e,r,o)=>r in e?l(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,b=(e,r)=>{for(var o in r||(r={}))c.call(r,o)&&u(e,o,r[o]);if(p)for(var o of p(r))m.call(r,o)&&u(e,o,r[o]);return e},g=(e,r)=>d(e,s(r));const h=l=>{const{isLoading:d,isFeatureModalEnabled:s=!1,isDisabled:p=!1,loadingAnimation:c,hidePadding:m=!1,height:u,children:h,containerStyles:f,onClickingCrossOnFeatureModal:y,onUpgrade:j,extraContentForModal:C,featureModalProps:O,type:w,useFeautureModalV2:P,backgroundColor:M}=l;return d?e(t,{backgroundColor:M,children:c||e(i,{})}):e(r,{children:o(t,{type:w,backgroundColor:M,children:[e("div",{className:""+(p?"disabled--wrapper":"")}),e("div",{className:""+(m?"inner-wrapper":"inner-wrapper pd-24"),style:b({height:`${u||""}`},null!=f?f:{}),children:h}),s&&e(r,{children:P?e(a,g(b({onUpgrade:j},O),{otherContent:C})):e(n,g(b({showBookADemo:!0,onClickingCross:()=>y?y():"",onUpgrade:j},O),{otherContent:C}))})]})})};export{h as BikLayout};
+import{jsx as e,Fragment as o,jsxs as r}from"react/jsx-runtime";import{BikLayoutContainer as n}from"./CommonStyles.js";import{FeatureModal as a}from"./FeatureModal.js";import{FeatureModalV2 as t}from"./FeatureModalV2.js";import{PageLoader as i}from"./PageLoader.js";const d=d=>{const{isLoading:l,isFeatureModalEnabled:s=!1,isDisabled:p=!1,loadingAnimation:c,hidePadding:m=!1,height:g,children:h,containerStyles:u,onClickingCrossOnFeatureModal:C,onUpgrade:M,extraContentForModal:b,featureModalProps:f,type:k,useFeautureModalV2:F,backgroundColor:j}=d;return l?e(n,{backgroundColor:j,children:c||e(i,{})}):e(o,{children:r(n,{type:k,backgroundColor:j,children:[e("div",{className:""+(p?"disabled--wrapper":"")}),e("div",{className:""+(m?"inner-wrapper":"inner-wrapper pd-24"),style:{height:`${g||""}`,...u??{}},children:h}),s&&e(o,{children:F?e(t,{onUpgrade:M,...f,otherContent:b}):e(a,{showBookADemo:!0,onClickingCross:()=>C?C():"",onUpgrade:M,...f,otherContent:b})})]})})};export{d as BikLayout};

package/dist/esm/components/bik-layout/BikProfile.d.ts

@@ -0,0 +1,14 @@
+interface BikProfileProps {
+    userName: string;
+    hideLogout?: boolean;
+    photoUrl?: string;
+    isActiveAwayStatus?: boolean;
+    isAvailable?: boolean;
+    onProfileClicked?: () => void;
+    onLogout?: () => void;
+    extraJSX?: JSX.Element;
+}
+declare const BikProfile: React.FC<BikProfileProps>;
+
+export { BikProfile };
+export type { BikProfileProps };

package/dist/esm/components/bik-layout/BikSidebar.d.ts

@@ -0,0 +1,37 @@
+import React__default from 'react';
+import { Menu } from './SimpleSidebar.js';
+
+interface MenuItem {
+    key: string | number;
+    displayName: string;
+    icon: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
+    activeIcon: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
+    hoverIcon: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
+    isLastSticky?: boolean;
+    is2ndLastSticky?: boolean;
+    children?: Menu[];
+    showAccessUpgradePanel?: boolean;
+    path?: string;
+    layout?: 'fullScreen' | 'popup' | string | undefined;
+    isNew?: boolean;
+    isLocked?: boolean;
+}
+interface BikSidebarProps {
+    logoSvg?: JSX.Element;
+    allMenuList: MenuItem[];
+    activeMainMenu: MenuItem;
+    activeSubMenu: Menu;
+    router: any;
+    onClickingMainMenu: (menu: MenuItem) => void;
+    onClickingSubMenu: (subMenu: Menu) => void;
+    onClickingAccessUpgradePanel?: () => void;
+    onClickingPopupMenuItem?: (menu: Menu) => void;
+    popupMinHeight?: number;
+    isNewSidebar?: boolean;
+    onboardingPercentage?: number;
+    menuStyle?: React__default.CSSProperties;
+}
+declare const BikSidebar: React__default.FC<BikSidebarProps>;
+
+export { BikSidebar };
+export type { BikSidebarProps, MenuItem };

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