@bikdotai/bik-component-library 0.0.687-beta.9 → 0.0.688

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

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

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    separator?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Row: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Column: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledChip: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    type: 'positive' | 'neutral' | 'negative';
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBarContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,31 +1 @@
-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};
+import c from"@emotion/styled/base";import{COLORS as G}from"../../../../constants/Theme.js";function X(){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 b=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 ",G.stroke.primary,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQyIsImZpbGUiOiJMaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRwYWRkaW5nOiAxNnB4IDI0cHg7XG5cdGJvcmRlci1yaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zZXBhcmF0b3IgPyAxIDogMCl9cHggc29saWRcblx0XHQke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5gO1xyXG5leHBvcnQgY29uc3QgUm93ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xyXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nLXRvcDogOHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXg6IDE7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50eXBlID09PSAncG9zaXRpdmUnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0XHJcbiAgICA6IHByb3BzLnR5cGUgPT09ICduZWdhdGl2ZSdcclxuICAgICAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgOiBDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */")),l=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU4QiIsImZpbGUiOiJMaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRwYWRkaW5nOiAxNnB4IDI0cHg7XG5cdGJvcmRlci1yaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zZXBhcmF0b3IgPyAxIDogMCl9cHggc29saWRcblx0XHQke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5gO1xyXG5leHBvcnQgY29uc3QgUm93ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xyXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nLXRvcDogOHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXg6IDE7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50eXBlID09PSAncG9zaXRpdmUnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0XHJcbiAgICA6IHByb3BzLnR5cGUgPT09ICduZWdhdGl2ZSdcclxuICAgICAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgOiBDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:X}),d=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNpQyIsImZpbGUiOiJMaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRwYWRkaW5nOiAxNnB4IDI0cHg7XG5cdGJvcmRlci1yaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5zZXBhcmF0b3IgPyAxIDogMCl9cHggc29saWRcblx0XHQke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5gO1xyXG5leHBvcnQgY29uc3QgUm93ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5gO1xyXG5leHBvcnQgY29uc3QgQ29sdW1uID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nLXRvcDogOHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXg6IDE7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50eXBlID09PSAncG9zaXRpdmUnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLnBvc2l0aXZlLmxpZ2h0XHJcbiAgICA6IHByb3BzLnR5cGUgPT09ICduZWdhdGl2ZSdcclxuICAgICAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgOiBDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLmxpZ2h0fTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MaW5lYXJDaGlwR3JvdXBlZENoYXJ0LnN0eWxlZC5qcy5tYXAiXX0= */",toString:X}),Z=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?G.background.positive.light:"negative"===c.type?G.background.negative.light:G.background.warning.light),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCcUMiLCJmaWxlIjoiTGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRib3JkZXItcmlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2VwYXJhdG9yID8gMSA6IDApfXB4IHNvbGlkXG5cdFx0JHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJvdyA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcclxuZXhwb3J0IGNvbnN0IENvbHVtbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZy10b3A6IDhweDtcblx0cGFkZGluZy1ib3R0b206IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRmbGV4OiAxO1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudHlwZSA9PT0gJ3Bvc2l0aXZlJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodFxyXG4gICAgOiBwcm9wcy50eXBlID09PSAnbmVnYXRpdmUnXHJcbiAgICAgICAgPyBDT0xPUlMuYmFja2dyb3VuZC5uZWdhdGl2ZS5saWdodFxyXG4gICAgICAgIDogQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQuanMubWFwIl19 */")),g=c("div","production"===process.env.NODE_ENV?{target:"e1226y2z0"}:{target:"e1226y2z0",label:"StyledBarContainer"})("border-radius:4px;width:100%;height:8px;background-color:",G.surface.hovered,";display:flex;flex-direction:row;overflow:hidden;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmVhckNoaXBHcm91cGVkQ2hhcnQuc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDNkMiLCJmaWxlIjoiTGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogMTAwJTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRib3JkZXItcmlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuc2VwYXJhdG9yID8gMSA6IDApfXB4IHNvbGlkXG5cdFx0JHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJvdyA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuYDtcclxuZXhwb3J0IGNvbnN0IENvbHVtbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENoaXAgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZy10b3A6IDhweDtcblx0cGFkZGluZy1ib3R0b206IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRmbGV4OiAxO1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudHlwZSA9PT0gJ3Bvc2l0aXZlJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodFxyXG4gICAgOiBwcm9wcy50eXBlID09PSAnbmVnYXRpdmUnXHJcbiAgICAgICAgPyBDT0xPUlMuYmFja2dyb3VuZC5uZWdhdGl2ZS5saWdodFxyXG4gICAgICAgIDogQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDRweDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogOHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRvdmVyZmxvdzogaGlkZGVuO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9TGluZWFyQ2hpcEdyb3VwZWRDaGFydC5zdHlsZWQuanMubWFwIl19 */"));export{d as Column,b as Container,l as Row,g as StyledBarContainer,Z as StyledChip};

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

@@ -0,0 +1 @@
+export * from './LinearChipGroupedChart';

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

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

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",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};
+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/analytics-chips-and-dropdowns/index.d.ts

@@ -0,0 +1,19 @@
+export * from './AnalyticsChip';
+export * from './AnalyticsDropdown';
+export * from './AnalyticsMultiChip';
+export * from './AnalyticsMetric';
+export * from './AnalyticsTrend';
+export * from './chart/LineChart/LineChart';
+export * from './chart/linearChipGroupedChart';
+export * from './chart/Pie/PieChartAnalytics';
+export * from './chart/Pie/PieChart';
+export * from './chart/HorizontalBarGraph/HorizontalGraph';
+export * from './chart/StackedBarChart/StackedBarChart';
+export * from './chart/StackedBarChart/StackedBarDistributionChart';
+export * from './chart/StackedBarChart/StackedBarDistributionChart.model';
+export * from './chart/VerticalBarGraph/VerticalGraph';
+export * from './chart/VerticalBarGraph/FunnelVerticalBarGraph';
+export * from './chart/heatmap/HeatMap';
+export * from './chart/heatmap/HeatMapVertical';
+export * from './chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph';
+export * from './chart/utils/calcPercentage';

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

@@ -1,53 +1,49 @@
-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 };
+import React from 'react';
+import { AVATAR_BACKGROUND, AVATAR_TYPES, SIZE } from "./AvatarHelper";
+export declare const AVATAR_SIZE_VS_ICON_SIZE_MAP: {
+    SMALL: number;
+    MEDIUM: number;
+    INBOX: number;
+    LARGE: number;
+};
+export declare const BACKGROUND_VS_TEXT_COLOR_MAP: {
+    LIGHT: string;
+    WHITE: string;
+    DARK: string;
+};
+export type AvatarProps = {
+    type: AVATAR_TYPES;
+    size: SIZE;
+    background: AVATAR_BACKGROUND;
+    name?: string;
+    photoUrl?: string;
+    icon?: React.FC<{
+        width: number;
+        height: number;
+        color: string;
+    }>;
+    useNameFallback?: boolean;
+    channelName?: MESSAGE_CHANNELS;
+    borderRadius?: string;
+    inboxSettings?: {
+        isSelected: boolean;
+        isComments: boolean;
+    };
+    status?: 'ONLINE' | 'OFFLINE' | 'AWAY';
+};
+export 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"
+}
+export declare const Avatar: React.FC<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 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};
+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 g from"../../assets/icons/email-channel.svg.js";import p 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 A 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,j]=s(!1),v=()=>{const e=(r.name||"").split(".").join(" ").split(" ").map((e=>e.charAt(0).toUpperCase())).slice(0,2).join("");return r.size===o.SMALL?t(c,Object.assign({style:{color:S[r.background]}},{children:e})):r.size===o.MEDIUM||r.size===o.INBOX?t(l,Object.assign({style:{color:S[r.background]}},{children:e})):r.size===o.LARGE?t(d,Object.assign({style:{color:S[r.background]}},{children:e})):void 0};return e("div",Object.assign({style:{position:"relative"}},{children:[e(i,Object.assign({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:()=>{j(!0)}}):r.useNameFallback&&E&&r.name?t("div",{children:v()}):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:v()}),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",Object.assign({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(g,{width:11,height:11});case f.FACEBOOK:case f.FACEBOOK_CATALOG:case f.MESSENGER:return t(p,{width:11,height:11});case f.INSTAGRAM:return t(b,{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(A,{width:11,height:11});case f.BIK_LIVECHAT:return t(m,{width:11,height:11})}})()})),r.status&&t("div",Object.assign({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/avatar/Avatar.styled.d.ts

@@ -0,0 +1,6 @@
+import { AVATAR_BACKGROUND, AVATAR_TYPES, SIZE } from "./AvatarHelper";
+export declare const AvatarStyle: import("styled-components").StyledComponent<"div", any, {
+    size: SIZE;
+    background: AVATAR_BACKGROUND;
+    type: AVATAR_TYPES;
+}, never>;

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

@@ -1,24 +1,22 @@
-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 };
+export declare enum AVATAR_TYPES {
+    IMAGE = "IMAGE",
+    INITIALS = "INITIALS",
+    ICON = "ICON"
+}
+export declare enum SIZE {
+    SMALL = "SMALL",
+    MEDIUM = "MEDIUM",
+    LARGE = "LARGE",
+    INBOX = "INBOX"
+}
+export declare enum AVATAR_BACKGROUND {
+    LIGHT = "LIGHT",
+    DARK = "DARK",
+    WHITE = "WHITE"
+}
+export declare const AVATAR_SIZE_MAP: {
+    SMALL: number;
+    MEDIUM: number;
+    LARGE: number;
+    INBOX: number;
+};

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

@@ -1 +1 @@
-var I=(I=>(I.IMAGE="IMAGE",I.INITIALS="INITIALS",I.ICON="ICON",I))(I||{}),L=(I=>(I.SMALL="SMALL",I.MEDIUM="MEDIUM",I.LARGE="LARGE",I.INBOX="INBOX",I))(L||{}),A=(I=>(I.LIGHT="LIGHT",I.DARK="DARK",I.WHITE="WHITE",I))(A||{});const M={SMALL:24,MEDIUM:40,LARGE:64,INBOX:30};export{A as AVATAR_BACKGROUND,M as AVATAR_SIZE_MAP,I as AVATAR_TYPES,L as SIZE};
+var I,L,A;!function(I){I.IMAGE="IMAGE",I.INITIALS="INITIALS",I.ICON="ICON"}(I||(I={})),function(I){I.SMALL="SMALL",I.MEDIUM="MEDIUM",I.LARGE="LARGE",I.INBOX="INBOX"}(L||(L={})),function(I){I.LIGHT="LIGHT",I.DARK="DARK",I.WHITE="WHITE"}(A||(A={}));const M={[L.SMALL]:24,[L.MEDIUM]:40,[L.LARGE]:64,[L.INBOX]:30};export{A as AVATAR_BACKGROUND,M as AVATAR_SIZE_MAP,I as AVATAR_TYPES,L as SIZE};

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

@@ -0,0 +1,2 @@
+export * from './Avatar';
+export * from './AvatarHelper';

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

@@ -1,19 +1,15 @@
-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 };
+import React from 'react';
+import { CurtainProps } from "../curtain";
+export 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.CSSProperties;
+}
+export declare const BikHeader: React.FC<HeaderProps>;

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

@@ -1 +1 @@
-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};
+import{jsxs as e,Fragment as t,jsx as i}from"react/jsx-runtime";import r from"../../assets/icons/arrow_left.svg.js";import{useState as s}from"react";import{Curtain as n}from"../curtain/Curtain.js";import{BodyCaption as c,TitleMedium as o,TitleRegular as a}from"../TypographyStyle.js";import{BikHeaderWrapper as l,BikHeaderContainer as d}from"./CommonStyles.js";const h=h=>{const{header:m,subHeader:g,hideBackButton:u=!0,rightActionButton:j,onClickingBackButton:p,secondaryHeader:f,curtainProps:y,curtainZIndex:b,headerStyles:O,leftLayout:k}=h,[v,w]=s(!!y);return e(l,Object.assign({style:Object.assign({},O)},{children:[e(d,{children:[k?e(t,{children:[!u&&i(r,{className:"cursor",height:24,width:24,onClick:p}),k]}):e("div",Object.assign({className:"row--flex left-container"},{children:[!u&&i(r,{className:"cursor",height:24,width:24,onClick:p}),e("div",{children:[g?i(c,Object.assign({className:"brand"},{children:m})):i(o,{children:m}),i(a,{children:g})]})]})),i("div",Object.assign({className:"row--flex right-container"},{children:j}))]}),v&&y&&e(t,{children:[i("div",Object.assign({style:{position:"sticky",top:0,width:"auto",zIndex:b||6}},{children:i(n,Object.assign({},y,{onCloseHandler:()=>{w(!1)}}))})),i("div",{style:{height:20}})]}),null!=f?f:i(t,{})]}))};export{h as BikHeader};

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

@@ -1,27 +1,25 @@
-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 };
+/// <reference types="react" />
+export 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;
+}
+export declare const BikLayout: React.FC<BikLayoutProps>;

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

@@ -1 +1 @@
-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};
+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 s=s=>{const{isLoading:d,isFeatureModalEnabled:l=!1,isDisabled:c=!1,loadingAnimation:g,hidePadding:p=!1,height:m,children:h,containerStyles:u,onClickingCrossOnFeatureModal:b,onUpgrade:j,extraContentForModal:C,featureModalProps:M,type:O,useFeautureModalV2:f,backgroundColor:k}=s;return d?e(n,Object.assign({backgroundColor:k},{children:g||e(i,{})})):e(o,{children:r(n,Object.assign({type:O,backgroundColor:k},{children:[e("div",{className:""+(c?"disabled--wrapper":"")}),e("div",Object.assign({className:""+(p?"inner-wrapper":"inner-wrapper pd-24"),style:Object.assign({height:`${m||""}`},null!=u?u:{})},{children:h})),l&&e(o,{children:f?e(t,Object.assign({onUpgrade:j},M,{otherContent:C})):e(a,Object.assign({showBookADemo:!0,onClickingCross:()=>b?b():"",onUpgrade:j},M,{otherContent:C}))})]}))})};export{s as BikLayout};

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

@@ -1,14 +1,12 @@
-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 };
+/// <reference types="react" />
+export interface BikProfileProps {
+    userName: string;
+    hideLogout?: boolean;
+    photoUrl?: string;
+    isActiveAwayStatus?: boolean;
+    isAvailable?: boolean;
+    onProfileClicked?: () => void;
+    onLogout?: () => void;
+    extraJSX?: JSX.Element;
+}
+export declare const BikProfile: React.FC<BikProfileProps>;

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

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

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

@@ -1,37 +1,33 @@
-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 };
+import React from 'react';
+import { Menu } from './SimpleSidebar';
+export interface MenuItem {
+    key: string | number;
+    displayName: string;
+    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    activeIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    hoverIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    isLastSticky?: boolean;
+    is2ndLastSticky?: boolean;
+    children?: Menu[];
+    showAccessUpgradePanel?: boolean;
+    path?: string;
+    layout?: 'fullScreen' | 'popup' | string | undefined;
+    isNew?: boolean;
+    isLocked?: boolean;
+}
+export 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.CSSProperties;
+}
+export declare const BikSidebar: React.FC<BikSidebarProps>;