@bikdotai/bik-component-library 0.0.111-beta.analytics.12 → 0.0.111-beta.analytics.13

package/dist/cjs/assets/icons/Bik_logo.svg.js

@@ -0,0 +1 @@
+"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var c in r)Object.prototype.hasOwnProperty.call(r,c)&&(e[c]=r[c])}return e},c.apply(this,arguments)}var a=e=>r.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 58 20"},e),t||(t=r.createElement("path",{fill:"#FEC02D",d:"M1.13 20a.76.76 0 0 1-.514-.2.742.742 0 0 1-.229-.543V.743c0-.21.076-.381.229-.514A.71.71 0 0 1 1.13 0h9.114c1.733 0 3.152.229 4.257.686 1.105.457 1.924 1.114 2.457 1.971.534.857.8 1.914.8 3.172 0 .647-.133 1.228-.4 1.742a4.455 4.455 0 0 1-.914 1.258c-.362.323-.705.561-1.028.714.742.324 1.39.876 1.942 1.657.553.762.829 1.638.829 2.629 0 1.333-.305 2.457-.914 3.371-.59.914-1.457 1.61-2.6 2.086-1.124.476-2.505.714-4.143.714h-9.4Zm5.4-4.314h3.343c.647 0 1.123-.19 1.428-.572.305-.4.457-.838.457-1.314 0-.495-.161-.924-.485-1.286-.324-.38-.79-.571-1.4-.571H6.53v3.743Zm0-7.943h3.057c.61 0 1.057-.172 1.343-.514.286-.343.428-.743.428-1.2 0-.458-.143-.858-.428-1.2-.286-.343-.733-.515-1.343-.515H6.53v3.429ZM22.237 20a.761.761 0 0 1-.514-.2.742.742 0 0 1-.229-.543V.743c0-.21.076-.381.229-.514A.71.71 0 0 1 22.237 0h4.857c.21 0 .381.076.514.229a.652.652 0 0 1 .229.514v18.514c0 .21-.076.39-.229.543a.696.696 0 0 1-.514.2h-4.857ZM32.686 20a.761.761 0 0 1-.515-.2.742.742 0 0 1-.228-.543V.743c0-.21.076-.381.228-.514A.71.71 0 0 1 32.686 0h4.542c.21 0 .381.076.515.229a.652.652 0 0 1 .228.514v6L42.23.6a1.98 1.98 0 0 1 .4-.4c.17-.133.409-.2.714-.2h5.228c.172 0 .315.067.429.2.133.114.2.257.2.429a.492.492 0 0 1-.114.314l-6 8.628 6.514 9.486a.425.425 0 0 1 .114.314.63.63 0 0 1-.2.458.582.582 0 0 1-.428.171h-5.4c-.362 0-.639-.086-.829-.257-.171-.172-.276-.295-.314-.372l-4.572-6.628v6.514c0 .21-.076.39-.228.543a.696.696 0 0 1-.515.2h-4.542ZM52.556 20a.797.797 0 0 1-.543-.2.797.797 0 0 1-.2-.543v-4.286c0-.21.066-.39.2-.542a.741.741 0 0 1 .543-.229h4.285c.21 0 .39.076.543.229a.742.742 0 0 1 .229.542v4.286c0 .21-.076.39-.229.543a.798.798 0 0 1-.543.2h-4.285Z"})));exports.default=a;

package/dist/cjs/assets/icons/log_out.svg.js

@@ -0,0 +1 @@
+"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,a=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},n.apply(this,arguments)}var l=e=>a.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},e),t||(t=a.createElement("path",{fill:"currentColor",d:"M3.577 3.577a.833.833 0 0 1 .59-.244H7.5a.833.833 0 1 0 0-1.666H4.167a2.5 2.5 0 0 0-2.5 2.5v11.666a2.5 2.5 0 0 0 2.5 2.5H7.5a.833.833 0 1 0 0-1.666H4.167a.833.833 0 0 1-.834-.834V4.167c0-.221.088-.433.244-.59Z"})),r||(r=a.createElement("path",{fill:"currentColor",d:"M13.923 5.244a.833.833 0 1 0-1.179 1.179l2.744 2.744H7.5a.833.833 0 1 0 0 1.666h7.988l-2.744 2.744a.833.833 0 1 0 1.179 1.179l4.166-4.167a.833.833 0 0 0 0-1.178l-4.166-4.167Z"})));exports.default=l;

package/dist/cjs/assets/icons/searchIcon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.SearchIcon=()=>e.jsx("svg",Object.assign({width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.848 15.0267C12.565 16.053 10.9375 16.6667 9.16669 16.6667C5.02455 16.6667 1.66669 13.3088 1.66669 9.16669C1.66669 5.02455 5.02455 1.66669 9.16669 1.66669C13.3088 1.66669 16.6667 5.02455 16.6667 9.16669C16.6667 10.9376 16.0529 12.5651 15.0266 13.8482L18.0892 16.9108C18.4146 17.2362 18.4146 17.7639 18.0892 18.0893C17.7638 18.4147 17.2361 18.4147 16.9107 18.0893L13.848 15.0267ZM3.33335 9.16669C3.33335 5.94503 5.94503 3.33335 9.16669 3.33335C12.3883 3.33335 15 5.94503 15 9.16669C15 10.7382 14.3786 12.1646 13.368 13.2135C13.3394 13.2355 13.3119 13.2596 13.2857 13.2858C13.2595 13.312 13.2354 13.3395 13.2134 13.3681C12.1645 14.3786 10.7382 15 9.16669 15C5.94503 15 3.33335 12.3883 3.33335 9.16669Z",fill:"#9E9E9E"})}));

package/dist/cjs/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("../../DropdownWrapper.js");const i=i=>{let{onChange:n,extra:r,val:o,isLoading:t,errors:s,disabled:d}=i;var u;const[c,v]=l.useState([]),p=o;return l.useEffect((()=>{var e;const l=(null==r?void 0:r.options)&&Array.isArray(r.options)?r.options.filter((e=>!!Object.keys(e).length)).map((e=>({selected:!!(null==p?void 0:p.find((l=>l.name===e.name||l.id===e.id))),label:e.name,value:e.id}))):[],a=null!==(e=null==p?void 0:p.map((e=>e.id)))&&void 0!==e?e:[],i=[...l.filter((e=>!a.includes(e.value)))].concat((null!=p?p:[]).map((e=>({value:e.id,label:e.name}))));null==p||p.forEach((e=>{let{name:l,id:a}=e;const n=i.findIndex((e=>e.value===a&&e.label===l));-1!==n&&(i[n].selected=!0)})),v([...i])}),[r,p]),e.jsx("div",{children:e.jsx(a.default,{disabled:d,allowFreeForm:null===(u=null==r?void 0:r.freeForm)||void 0===u||u,isSearchable:!0,isLoading:t,error:null==s?void 0:s.val,isMultiSelect:!0,options:c,onSelect:function(e){if(Array.isArray(e)){const l=[];e.forEach((e=>{var a,i;e.options?null===(a=e.options)||void 0===a||a.forEach((e=>{l.push({name:e.label,id:e.value})})):l.push({name:null!==(i=e.label)&&void 0!==i?i:"",id:e.value})})),null==n||n(l)}}})})};exports.default=l=>e.jsx(i,Object.assign({},l));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("react"),a=require("../../DropdownWrapper.js");const i=i=>{let{onChange:r,extra:n,val:o,isLoading:t,errors:s,disabled:d}=i;var u;const[c,v]=l.useState([]),p=o;return l.useEffect((()=>{var e;const l=(null==n?void 0:n.options)&&Array.isArray(n.options)?n.options.filter((e=>!!Object.keys(e).length)).map((e=>({selected:!!(null==p?void 0:p.find((l=>l.id===e.id))),label:e.name,value:e.id}))):[],a=null!==(e=null==p?void 0:p.map((e=>e.id)))&&void 0!==e?e:[],i=[...l.filter((e=>!a.includes(e.value)))].concat((null!=p?p:[]).map((e=>({value:e.id,label:e.name}))));null==p||p.forEach((e=>{let{name:l,id:a}=e;const r=i.findIndex((e=>e.value===a&&e.label===l));-1!==r&&(i[r].selected=!0)})),v([...i])}),[n,p]),e.jsx("div",{children:e.jsx(a.default,{disabled:d,allowFreeForm:null===(u=null==n?void 0:n.freeForm)||void 0===u||u,isSearchable:!0,isLoading:t,error:null==s?void 0:s.val,isMultiSelect:!0,options:c,onSelect:function(e){if(Array.isArray(e)){const l=[];e.forEach((e=>{var a,i;e.options?null===(a=e.options)||void 0===a||a.forEach((e=>{l.push({name:e.label,id:e.value})})):l.push({name:null!==(i=e.label)&&void 0!==i?i:"",id:e.value})})),null==r||r(l)}}})})};exports.default=l=>e.jsx(i,Object.assign({},l));

package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),o=require("react-bootstrap"),t=require("../../constants/Theme.js"),s=require("../datePicker/DatePicker.js"),i=require("../TypographyStyle.js"),l=require("./CommonStyles.js");const a=n=>{let{eachOption:o,selectedOption:s,selectedDate:a,onClickingEachItem:c}=n;return e.jsxs(l.ItemMenuContainer,Object.assign({onClick:()=>c(o),isSelected:o.isCustom?o.key==(null==s?void 0:s.key)&&!!a:o.key==(null==s?void 0:s.key)},{children:[e.jsx(i.BodySecondary,Object.assign({color:o.key==(null==s?void 0:s.key)?t.BASE_COLORS.positive[900]:t.BASE_COLORS.grayscale[900]},{children:o.label})),a&&(null==s?void 0:s.isCustom)&&o.key==(null==s?void 0:s.key)&&e.jsx(i.BodyCaption,{children:`${d(a[0])} to ${d(a[1])}`})]}),o.key)},d=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});exports.AnalyticsDropdown=t=>{let{options:c,placeholder:r="Select an option",selected:u,onOptionSelected:p,resetDropdown:g}=t;var j,O,v;const[m,h]=n.useState(!1),[y,D]=n.useState(u),[x,S]=n.useState(),[b,w]=n.useState(!1),k=()=>{!m&&w(!b)};return n.useEffect((()=>{g&&D(void 0)}),[g]),e.jsx(e.Fragment,{children:e.jsxs(l.MainDropdown,Object.assign({drop:"down",show:b,onToggle:k},{children:[e.jsx(o.Dropdown.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown"},{children:e.jsx(i.BodySecondary,{children:(null==y?void 0:y.isCustom)?x?`${d(x[0])} to ${d(x[1])}`:r:y?null==y?void 0:y.label:r})})),e.jsx(o.Dropdown.Menu,Object.assign({className:"main--dropdown"},{children:e.jsxs(l.MainDropdown,Object.assign({drop:"end",id:"sub--dropdown",show:m,onToggle:e=>{!e&&w(!1),h(!m)}},{children:[c.map((n=>e.jsx("div",{children:(null==n?void 0:n.isCustom)?e.jsx(o.Dropdown.Toggle,Object.assign({className:"sub--dropdown"},{children:e.jsx(a,{eachOption:n,selectedOption:y,selectedDate:x,onClickingEachItem:e=>{D(e),h(!0)}})})):e.jsx(a,{eachOption:n,selectedOption:y,selectedDate:x,onClickingEachItem:e=>{if(D(e),k(),!e.noOfDays)return void p(e);const n=new Date,o=new Date;o.setDate(n.getDate()-e.noOfDays),p(Object.assign(Object.assign({},e),{selectedRange:[o,n]}))}})},null==n?void 0:n.key))),e.jsx(o.Dropdown.Menu,Object.assign({className:"sub--dropdown"},{children:e.jsx(s.DatePicker,{selectRange:(null===(j=null==y?void 0:y.dateRangeSelectionOptions)||void 0===j?void 0:j.selectRange)||!1,maxDate:null===(O=null==y?void 0:y.dateRangeSelectionOptions)||void 0===O?void 0:O.maxDate,minDate:null===(v=null==y?void 0:y.dateRangeSelectionOptions)||void 0===v?void 0:v.minDate,selectedDates:x,onSelectRange:(e,n)=>{var o;(null===(o=null==y?void 0:y.dateRangeSelectionOptions)||void 0===o?void 0:o.selectRange)&&p(Object.assign(Object.assign({},y),{selectedRange:[e,n]})),h(!1);S([e,n]),w(!b)}})}))]}))}))]}))})},exports.EachItem=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("react-bootstrap"),o=require("../../constants/Theme.js"),s=require("../datePicker/DatePicker.js"),i=require("../TypographyStyle.js"),a=require("./CommonStyles.js");const l=t=>{let{eachOption:n,selectedOption:s,selectedDate:l,onClickingEachItem:c}=t;return e.jsxs(a.ItemMenuContainer,Object.assign({onClick:()=>c(n),isSelected:n.isCustom?n.key==(null==s?void 0:s.key)&&!!l:n.key==(null==s?void 0:s.key)},{children:[e.jsx(i.BodySecondary,Object.assign({color:n.key==(null==s?void 0:s.key)?o.BASE_COLORS.positive[900]:o.BASE_COLORS.grayscale[900]},{children:n.label})),l&&(null==s?void 0:s.isCustom)&&n.key==(null==s?void 0:s.key)&&e.jsx(i.BodyCaption,{children:`${d(l[0])} to ${d(l[1])}`})]}),n.key)},d=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});exports.AnalyticsDropdown=o=>{let{options:c,placeholder:r="Select an option",selected:u,onOptionSelected:p,resetDropdown:g}=o;var j,O,v;const[m,D]=t.useState(!1),[h,y]=t.useState(u),[S,x]=t.useState(),[b,w]=t.useState(!1),k=()=>{!m&&w(!b)};return t.useEffect((()=>{g&&y(void 0)}),[g]),t.useEffect((()=>{var e;(null==u?void 0:u.isCustom)&&(null===(e=u.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)&&x(u.dateRangeSelectionOptions.selectedDates)}),[u]),e.jsx(e.Fragment,{children:e.jsxs(a.MainDropdown,Object.assign({drop:"down",show:b,onToggle:k},{children:[e.jsx(n.Dropdown.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown"},{children:e.jsx(i.BodySecondary,{children:(null==h?void 0:h.isCustom)?S?`${d(S[0])} to ${d(S[1])}`:r:h?null==h?void 0:h.label:r})})),e.jsx(n.Dropdown.Menu,Object.assign({className:"main--dropdown"},{children:e.jsxs(a.MainDropdown,Object.assign({drop:"end",id:"sub--dropdown",show:m,onToggle:e=>{!e&&w(!1),D(!m)}},{children:[c.map((t=>e.jsx("div",{children:(null==t?void 0:t.isCustom)?e.jsx(n.Dropdown.Toggle,Object.assign({className:"sub--dropdown"},{children:e.jsx(l,{eachOption:t,selectedOption:h,selectedDate:S,onClickingEachItem:e=>{y(e),D(!0)}})})):e.jsx(l,{eachOption:t,selectedOption:h,selectedDate:S,onClickingEachItem:e=>{if(y(e),k(),!e.noOfDays)return void p(e);const t=new Date,n=new Date;n.setDate(t.getDate()-e.noOfDays),p(Object.assign(Object.assign({},e),{selectedRange:[n,t]}))}})},null==t?void 0:t.key))),e.jsx(n.Dropdown.Menu,Object.assign({className:"sub--dropdown"},{children:e.jsx(s.DatePicker,{selectRange:(null===(j=null==h?void 0:h.dateRangeSelectionOptions)||void 0===j?void 0:j.selectRange)||!1,maxDate:null===(O=null==h?void 0:h.dateRangeSelectionOptions)||void 0===O?void 0:O.maxDate,minDate:null===(v=null==h?void 0:h.dateRangeSelectionOptions)||void 0===v?void 0:v.minDate,selectedDates:S,onSelectRange:(e,t)=>{const n=[e,t];(null==h?void 0:h.dateRangeSelectionOptions)&&(h.dateRangeSelectionOptions.selectedDates=n,p(Object.assign(Object.assign({},h),{selectedRange:[e,t]}))),D(!1),x(n),w(!b)}})}))]}))}))]}))})},exports.EachItem=l;

package/dist/cjs/components/analytics-chips-and-dropdowns/AnalyticsTrend.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),i=require("../../assets/icons/arrow_down.svg.js"),s=require("../../assets/icons/arrow_up.svg.js"),r=require("../../assets/icons/info.svg.js"),n=require("../tag/Tag.js"),a=require("../template-context-mapper/utils/getFormattedMonthDate.js"),o=require("../tooltips/Tooltip.js"),l=require("../TypographyStyle.js"),c=require("./CommonStyles.js");const d=r=>{let{percent:n,direction:o,timeline:c,customRange:d}=r;const g="negative"===o?i.default:s.default,y="negative"===o?t.COLORS.background.negative.vibrant:"positive"===o?t.COLORS.background.positive.vibrant:t.COLORS.content.placeholder,p="today"===c?"vs yesterday":"yesterday"===c?"vs 1 day before":"7 days"===c?"vs last 7 days":"30 days"===c?"vs last 30 days":"custom"===c&&d?`vs ${a.getFormattedMonthDate(d[0])} - ${a.getFormattedMonthDate(d[1])}`:"";return e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row"}},{children:[e.jsx(g,{color:y,height:20,width:20,style:{marginRight:2}}),"number"==typeof n&&o&&e.jsxs(l.TitleSmall,Object.assign({style:{color:y}},{children:["neutral"===o?0:n,"%"]})),c&&e.jsx(l.Caption,Object.assign({style:{marginLeft:4,color:t.COLORS.content.placeholder}},{children:p}))]}))};exports.AnalyticsTrend=i=>{let{title:s,value:a,trendPercent:g,type:y="horizontal",timeline:p,customRange:h,tooltip:j,card:u=!0,rightSeparator:m=!1,size:v="big",share:x=!1,formatVal:b,prefixSymbol:O}=i;const f="big"===v?l.TitleLarge:l.TitleMedium,R=void 0!==g?g<0?"negative":0===g?"neutral":"positive":void 0,S=g?Math.abs(Math.round(g)):void 0;return e.jsx(c.AnalyticsTrendContainer,Object.assign({card:u},{children:e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4,borderRightWidth:m?1:0,borderRightColor:t.COLORS.stroke.primary,borderRightStyle:"solid",paddingLeft:u?0:24,paddingRight:u?0:24}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e.jsx(l.BodySecondary,Object.assign({style:{color:t.COLORS.content.secondary}},{children:s})),j&&e.jsx(o.Tooltip,Object.assign({body:j,placement:"right",width:300},{children:e.jsx("div",{children:e.jsx(r.default,{color:t.COLORS.content.inactive,height:16,width:16})})}))]})),e.jsxs("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},x?{justifyContent:"space-between"}:{})},{children:[e.jsx(f,Object.assign({style:{color:t.COLORS.content.primary}},{children:void 0===a?"--":"number"==typeof a&&b?`${null!=O?O:""}${new Intl.NumberFormat("en-IN",{}).format(a)}`:`${null!=O?O:""}${a}`})),"horizontal"===y&&!x&&e.jsx(d,{timeline:p,customRange:h,percent:S,direction:R}),x&&e.jsx(n.Tag,{tagText:`${S} %`,theme:"light",type:"neutral"})]})),"vertical"===y&&!x&&e.jsx("div",Object.assign({style:{marginTop:12}},{children:e.jsx(d,{timeline:p,customRange:h,percent:S,direction:R})}))]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),i=require("../../assets/icons/arrow_down.svg.js"),s=require("../../assets/icons/arrow_up.svg.js"),r=require("../../assets/icons/info.svg.js"),n=require("../tag/Tag.js"),a=require("../template-context-mapper/utils/getFormattedMonthDate.js"),o=require("../tooltips/Tooltip.js"),l=require("../TypographyStyle.js"),c=require("./CommonStyles.js");const d=r=>{let{percent:n,direction:o,timeline:c,customRange:d}=r;const g="negative"===o?i.default:s.default,y="negative"===o?t.COLORS.background.negative.vibrant:"positive"===o?t.COLORS.background.positive.vibrant:t.COLORS.content.placeholder,p="today"===c?"vs yesterday":"yesterday"===c?"vs 1 day before":"7 days"===c?"vs last 7 days":"30 days"===c?"vs last 30 days":"custom"===c&&d?`vs ${a.getFormattedMonthDate(d[0])} - ${a.getFormattedMonthDate(d[1])}`:"";return e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row"}},{children:["number"==typeof n&&e.jsx(g,{color:y,height:20,width:20,style:{marginRight:2}}),"number"==typeof n&&o&&e.jsxs(l.TitleSmall,Object.assign({style:{color:y}},{children:["neutral"===o?0:n,"%"]})),c&&e.jsx(l.Caption,Object.assign({style:{marginLeft:4,color:t.COLORS.content.placeholder}},{children:p}))]}))};exports.AnalyticsTrend=i=>{let{title:s,value:a,trendPercent:g,type:y="horizontal",timeline:p,customRange:u,tooltip:h,card:j=!0,rightSeparator:m=!1,size:v="big",share:b=!1,formatVal:x,prefixSymbol:O}=i;const f="big"===v?l.TitleLarge:l.TitleMedium,R=void 0!==g?g<0?"negative":0===g?"neutral":"positive":void 0,S=g?Math.abs(Math.round(g)):void 0;return e.jsx(c.AnalyticsTrendContainer,Object.assign({card:j},{children:e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4,borderRightWidth:m?1:0,borderRightColor:t.COLORS.stroke.primary,borderRightStyle:"solid",paddingLeft:j?0:24,paddingRight:j?0:24}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e.jsx(l.BodySecondary,Object.assign({style:{color:t.COLORS.content.secondary}},{children:s})),h&&e.jsx(o.Tooltip,Object.assign({body:h,placement:"right",width:300},{children:e.jsx("div",{children:e.jsx(r.default,{color:t.COLORS.content.inactive,height:16,width:16})})}))]})),e.jsxs("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},b?{justifyContent:"space-between"}:{})},{children:[e.jsx(f,Object.assign({style:{color:t.COLORS.content.primary}},{children:void 0===a?"--":"number"==typeof a&&x?`${null!=O?O:""}${new Intl.NumberFormat("en-IN",{}).format(a)}`:`${null!=O?O:""}${a}`})),"horizontal"===y&&!b&&e.jsx(d,{timeline:p,customRange:u,percent:S,direction:R}),b&&void 0!==S&&e.jsx(n.Tag,{tagText:`${S} %`,theme:"light",type:"neutral"})]})),"vertical"===y&&!b&&e.jsx("div",Object.assign({style:{marginTop:12}},{children:e.jsx(d,{timeline:p,customRange:u,percent:S,direction:R})}))]}))}))};

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.d.ts

@@ -17,5 +17,9 @@ export type LineChartProps = {
         yPrefix?: string;
     };
     legends: Array<string>;
+    stepSize?: number;
+    min?: number;
+    max?: number;
+    isZeroState?: boolean;
 };
 export declare const LineChart: React.FC<LineChartProps>;

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/LineChart/LineChart.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("chart.js"),r=require("react"),l=require("react-chartjs-2"),o=require("../../../TypographyStyle.js"),n=require("../../../../constants/Theme.js"),i=require("./LineChart.styled.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.PointElement,t.BarElement,t.LineElement,t.ArcElement,t.Filler,t.Title,t.Tooltip,t.Legend);exports.LineChart=t=>{let{scaleText:a,labels:s,canvasHeight:d,datas:c,maintainAspectRatio:u=!1}=t;var g;const[p,y]=r.useState(null),C=r.useRef();r.useEffect((()=>{var e,t,r,l;if(null===(l=null===(r=null===(t=null===(e=C.current)||void 0===e?void 0:e.scales)||void 0===t?void 0:t.y)||void 0===r?void 0:r.ticks)||void 0===l?void 0:l.length){const e=38*C.current.scales.y.ticks.length;y(e)}}),[C]);const v=c.map((e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?n.COLORS.content.placeholder:n.COLORS.background.brand})));return e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},u?{}:{height:null!==(g=null!=d?d:p)&&void 0!==g?g:204}),{display:"flex",flexDirection:"column",gap:2})},{children:[e.jsx(i.LegendWrapper,{children:v.map(((t,r)=>{let{text:l,color:n}=t;return l?e.jsxs(i.LegendContainer,{children:[e.jsx(i.LegendColor,{color:n}),e.jsx(o.SmallRegular,Object.assign({color:"#667085"},{children:l}))]},r):e.jsx(e.Fragment,{})}))}),e.jsx(l.Line,{ref:C,options:{maintainAspectRatio:u,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:!1,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>n.COLORS.content.primaryInverse,backgroundColor:n.COLORS.content.primary,callbacks:{labelTextColor:()=>n.COLORS.content.primaryInverse},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,ticks:{color:n.COLORS.content.secondary,callback:e=>{var t;return`${null!==(t=null==a?void 0:a.yPrefix)&&void 0!==t?t:""}${e}`},font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==a?void 0:a.y),text:null==a?void 0:a.y},grid:{color:n.COLORS.background.base}},x:{ticks:{color:n.COLORS.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==a?void 0:a.x),text:null==a?void 0:a.x},grid:{display:!1,drawBorder:!1}}}},data:{labels:s,datasets:c.map(((e,t)=>{var r;return{tension:.4,fill:e.gradient?"start":0,pointRadius:1,borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:2,borderColor:e.lineColor?e.lineColor:e.dotted?n.COLORS.content.placeholder:n.COLORS.background.brand,backgroundColor:e.gradient?e=>{const t=e.chart.ctx.createLinearGradient(0,0,0,p?p-75:150);return t.addColorStop(0,"#F1EEFB"),t.addColorStop(1,"rgba(127, 86, 217, 0)"),t}:null!==(r=e.backgroundColor)&&void 0!==r?r:"transparent"}}))}})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("chart.js"),r=require("react"),l=require("react-chartjs-2"),i=require("../../../TypographyStyle.js"),n=require("../../../../constants/Theme.js"),o=require("./LineChart.styled.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.PointElement,t.BarElement,t.LineElement,t.ArcElement,t.Filler,t.Title,t.Tooltip,t.Legend);exports.LineChart=t=>{let{scaleText:a,labels:s,canvasHeight:d,datas:c,maintainAspectRatio:u=!1,stepSize:g,min:p,max:y,isZeroState:C}=t;var v;const[b,h]=r.useState(null),m=r.useRef();r.useEffect((()=>{var e,t,r,l;if(null===(l=null===(r=null===(t=null===(e=m.current)||void 0===e?void 0:e.scales)||void 0===t?void 0:t.y)||void 0===r?void 0:r.ticks)||void 0===l?void 0:l.length){const e=38*m.current.scales.y.ticks.length;h(e)}}),[m]);const x=c.map((e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?n.COLORS.content.placeholder:n.COLORS.background.brand})));return e.jsxs("div",Object.assign({style:Object.assign(Object.assign({},u?{}:{height:null!==(v=null!=d?d:b)&&void 0!==v?v:204}),{display:"flex",flexDirection:"column",gap:2})},{children:[e.jsx(o.LegendWrapper,{children:x.map(((t,r)=>{let{text:l,color:n}=t;return l?e.jsxs(o.LegendContainer,{children:[e.jsx(o.LegendColor,{color:n}),e.jsx(i.SmallRegular,Object.assign({color:"#667085"},{children:l}))]},r):e.jsx(e.Fragment,{})}))}),e.jsx(l.Line,{ref:m,options:{maintainAspectRatio:u,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:!1,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>n.COLORS.content.primaryInverse,backgroundColor:n.COLORS.content.primary,callbacks:{labelTextColor:()=>n.COLORS.content.primaryInverse},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:C?0:p,max:C?10:y,ticks:{color:n.COLORS.content.secondary,callback:e=>{var t;return`${null!==(t=null==a?void 0:a.yPrefix)&&void 0!==t?t:""}${e}`},font:{family:"inter",size:12,weight:"400"},stepSize:C?1:g},title:{display:!!(null==a?void 0:a.y),text:null==a?void 0:a.y},grid:{color:n.COLORS.background.base}},x:{ticks:{color:n.COLORS.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==a?void 0:a.x),text:null==a?void 0:a.x},grid:{display:!1,drawBorder:!1}}}},data:{labels:s,datasets:c.map(((e,t)=>{var r;return{tension:.4,fill:e.gradient?"start":0,pointRadius:1,borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:2,borderColor:e.lineColor?e.lineColor:e.dotted?n.COLORS.content.placeholder:n.COLORS.background.brand,backgroundColor:e.gradient?e=>{const t=e.chart.ctx.createLinearGradient(0,0,0,b?b-75:150);return t.addColorStop(0,"#F1EEFB"),t.addColorStop(1,"rgba(127, 86, 217, 0)"),t}:null!==(r=e.backgroundColor)&&void 0!==r?r:"transparent"}}))}})]}))};

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/linearChipGroupedChart/Chip.d.ts

@@ -3,4 +3,5 @@ export declare const Chip: React.FC<{
     type: 'positive' | 'neutral' | 'negative';
     text: string;
     value: number;
+    formatVal?: boolean;
 }>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../TypographyStyle.js"),r=require("../../../../constants/Theme.js"),i=require("./LinearChipGroupedChart.styled.js");exports.Chip=s=>{let{type:n,text:o,value:c}=s;const a="positive"===n?r.COLORS.content.positive:"negative"===n?r.COLORS.content.negative:r.COLORS.content.warning;return e.jsxs(i.StyledChip,Object.assign({type:n},{children:[e.jsx(t.BodyPrimary,Object.assign({color:a},{children:o})),e.jsx(t.TitleMedium,Object.assign({color:a},{children:c}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../TypographyStyle.js"),r=require("../../../../constants/Theme.js"),i=require("./LinearChipGroupedChart.styled.js");exports.Chip=n=>{let{type:s,text:o,value:a,formatVal:c}=n;const l="positive"===s?r.COLORS.content.positive:"negative"===s?r.COLORS.content.negative:r.COLORS.content.warning;return e.jsxs(i.StyledChip,Object.assign({type:s},{children:[e.jsx(t.BodyPrimary,Object.assign({color:l},{children:o})),e.jsx(t.TitleMedium,Object.assign({color:l},{children:c?new Intl.NumberFormat("en-IN",{}).format(a):a}))]}))};

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

@@ -22,5 +22,6 @@ export type LinearChipGroupedChartProps = {
     };
     name: string;
     separator?: boolean;
+    formatVal?: boolean;
 };
 export declare const LinearChipGroupedChart: React.FC<LinearChipGroupedChartProps>;

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

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

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface HeaderProps {
+    header: string;
+    subHeader?: string;
+    hideBackButton?: boolean;
+    rightActionButton?: JSX.Element;
+    onClickingBackButton?: () => void;
+}
+export declare const BikHeader: React.FC<HeaderProps>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../assets/icons/arrow_left.svg.js"),s=require("../TypographyStyle.js"),i=require("./CommonStyles.js");exports.BikHeader=t=>{const{header:n,subHeader:a,hideBackButton:c=!0,rightActionButton:l,onClickingBackButton:o}=t;return e.jsxs(i.BikHeaderContainer,{children:[e.jsxs("div",Object.assign({className:"row--flex left-container"},{children:[!c&&e.jsx(r.default,{className:"cursor",height:24,width:24,onClick:o}),e.jsxs("div",{children:[a?e.jsx(s.BodyCaption,Object.assign({className:"brand"},{children:n})):e.jsx(s.TitleMedium,{children:n}),e.jsx(s.TitleRegular,{children:a})]})]})),e.jsx("div",Object.assign({className:"row--flex right-container"},{children:l}))]})};

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

@@ -0,0 +1,14 @@
+/// <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;
+    extraContentForModal?: JSX.Element;
+}
+export declare const BikLayout: React.FC<BikLayoutProps>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./CommonStyles.js"),i=require("./FeatureModal.js"),a=require("./PageLoader.js");exports.BikLayout=n=>{const{isLoading:s,isFeatureModalEnabled:t=!1,isDisabled:o=!1,loadingAnimation:d,hidePadding:l=!1,height:u,children:c,containerStyles:j,onClickingCrossOnFeatureModal:g,extraContentForModal:h}=n;return s?e.jsx(r.BikLayoutContainer,{children:d||e.jsx(a.PageLoader,{})}):e.jsx(e.Fragment,{children:e.jsxs(r.BikLayoutContainer,{children:[e.jsx("div",{className:""+(o?"disabled--wrapper":"")}),e.jsx("div",Object.assign({className:""+(l?"inner-wrapper":"inner-wrapper pd-24"),style:Object.assign({height:`${u||""}`},null!=j?j:{})},{children:c})),t&&e.jsx(i.FeatureModal,{onClickingCross:()=>g?g():"",otherContent:h})]})})};

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

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

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

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

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

@@ -0,0 +1,21 @@
+/// <reference types="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;
+}
+export interface BikSidebarProps {
+    allMenuList: MenuItem[];
+    activeMainMenu: MenuItem;
+    activeSubMenu: Menu;
+    onClickingMainMenu: (menu: MenuItem) => void;
+    onClickingSubMenu: (subMenu: Menu) => void;
+}
+export declare const BikSidebar: React.FC<BikSidebarProps>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../assets/icons/Bik_logo.svg.js"),n=require("react"),s=require("../../constants/Theme.js"),t=require("./SidebarStyles.js"),a=require("./SimpleSidebar.js");const l=i=>{const{icon:n,isActive:t,activeStateIcon:a,hoverStateIcon:l,isHovered:o}=i,r=n,c=a,d=l;return e.jsx(e.Fragment,{children:t?e.jsx(c,{width:20,height:20}):o?e.jsx(d,{width:20,height:20,color:s.COLORS.surface.standard}):e.jsx(r,{width:20,height:20,color:s.COLORS.surface.standard})})};exports.BikSidebar=s=>{const{allMenuList:o,activeMainMenu:r,activeSubMenu:c,onClickingMainMenu:d,onClickingSubMenu:u}=s,[v,h]=n.useState(r),[m,j]=n.useState(),[g,k]=n.useState(c);return n.useEffect((()=>{h(r)}),[r]),n.useEffect((()=>{k(c)}),[c]),e.jsxs(t.SideBarContainer,{children:[e.jsx("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:e.jsx(i.default,{})})),e.jsx(t.SibeBarMenuItem,{children:null==o?void 0:o.map(((i,s)=>{var t,o,r;return e.jsxs(n.Fragment,{children:[e.jsx("div",Object.assign({className:"main--sidebar",onClick:()=>{var e;j(void 0),h(i),d(i),(null===(e=null==i?void 0:i.children)||void 0===e?void 0:e.length)?k(null==i?void 0:i.children[0]):k({})},onMouseOver:()=>{j(i)},onMouseEnter:()=>{j(i)},onMouseLeave:()=>{var e;!(null===(e=null==i?void 0:i.children)||void 0===e?void 0:e.length)&&j(void 0)},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:e.jsxs("div",Object.assign({className:`sidebar-menu-item ${(null==v?void 0:v.key)==i.key?" main-menu-active-class":""}  ${i.isLastSticky?"sticky-menu-int":""} ${i.is2ndLastSticky?"sticky-menu":""}\n                ${i.key==(null==m?void 0:m.key)?"sidebar-menu-item-hover":""}`},{children:[e.jsx(l,{icon:i.icon,isActive:i.key==(null==v?void 0:v.key),activeStateIcon:null!==(t=i.activeIcon)&&void 0!==t?t:{},hoverStateIcon:null!==(o=i.hoverIcon)&&void 0!==o?o:{},isHovered:i.key==(null==m?void 0:m.key)}),e.jsx("div",Object.assign({className:"menu-item-container"},{children:e.jsx("p",Object.assign({className:"menu-item-text "+((null==i?void 0:i.key)===(null==v?void 0:v.key)?"active-menu-item-text":"")},{children:i.displayName}))}))]}),s)}),s),e.jsx(e.Fragment,{children:(null===(r=null==m?void 0:m.children)||void 0===r?void 0:r.length)&&e.jsx(a.SimpleSidebar,{menuList:null==m?void 0:m.children,activeMenu:g,onMouseLeaveOnMenu:()=>j(void 0),left:88,postion:"fixed",header:m.displayName,theme:"brand",showAccessUpgradePanel:m.showAccessUpgradePanel,onMenuClick:e=>{k(e),h(m),j(void 0),u(e)}})})]},s)}))})]})};

package/dist/cjs/components/bik-layout/CommonStyles.d.ts

@@ -0,0 +1,93 @@
+/// <reference types="react" />
+export declare const GlobalContainer: 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 LoaderWrapper: 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 LoadingMessageWrapper: 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 BikLayoutContainer: 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 BikHeaderContainer: 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 MenuInnerContainer: 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 ProfileDropdownToggleContainer: import("@emotion/styled").StyledComponent<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const ProfileDropdownInnerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isDropdownOpen: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UserNameTitleSmall: import("@emotion/styled").StyledComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const UserAvatarContainer: 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 StyledTooltip: import("@emotion/styled").StyledComponent<import("react-bootstrap").TooltipProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const UserInfoContainer: 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 StatusContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isAvailable: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UserStatusContainer: 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 StyledBodyCaption: import("@emotion/styled").StyledComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    isAvailable: boolean;
+}, {}, {}>;
+export declare const FeatureModalContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    zIndex?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InnerModalContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;