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

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

@@ -1 +1 @@
-import{jsxs as o,jsx as i}from"react/jsx-runtime";import t from"../../../../assets/icons/maximize.svg.js";import{Chart as e,CategoryScale as l,LinearScale as a,BarElement as n,Tooltip as d,Legend as r}from"chart.js";import s from"chartjs-plugin-datalabels";import{useState as c,useMemo as u}from"react";import{Bar as v}from"react-chartjs-2";import{IconButton as p}from"../../../icon-button/IconButton.js";import{StyledModal as x}from"../../../modals/styledModal.js";import{TitleRegular as g,BodyTiny as h}from"../../../TypographyStyle.js";import{COLORS as m,FONTS as b}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as f,truncateValueForIndianStore as y}from"../utils/calcPercentage.js";import{GRAPH_ORIENTATION as A,COLOR_SCHEMA as C}from"./StackedBarChart.model.js";import{GraphContainerWrapper as O,HeaderIconWrapper as k}from"./StackedBarChart.styles.js";e.register(l,a,n,d,r,s);const S=e=>{var l,a,n,d,r,s,S,L,F,j,H,I,T,R,w,B,E,D,N,Z,z,P,G,$,W,_,M,q,V,Y,J,K,Q,U,X,oo,io,to,eo,lo,ao,no,ro,so,co;const{headerIcons:uo=[],legendsAndIconDirection:vo="row"}=e,[po,xo]=c(!1),go=[250,1e3,800,1500,300,600],ho=0===e.yAxis.data.length,mo=["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],bo=["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"],fo=e.customBarColors?e.customBarColors:e.customColourScaleBrand||e.customColourScalePastel?e.colorSchema===C.PASTEL?e.customColourScalePastel:e.customColourScaleBrand:e.colorSchema===C.PASTEL?bo:mo,yo=e.customHoverColour,Ao=u((()=>{var o,i,t;return Object.assign(Object.assign({barPercentage:(null==e?void 0:e.barPercentage)||.4,categoryPercentage:1,pointStyle:"circle",barWidth:e.barWidth,borderRadius:(null==e?void 0:e.borderRadius)||void 0},"object"==typeof(null==e?void 0:e.borderRadius)?{borderSkipped:!1}:{}),(null===(o=null==e?void 0:e.addBarGap)||void 0===o?void 0:o.flag)?{borderWidth:{top:(null===(i=null==e?void 0:e.addBarGap)||void 0===i?void 0:i.value)||2,bottom:(null===(t=null==e?void 0:e.addBarGap)||void 0===t?void 0:t.value)||2,right:0,left:0},borderColor:"transparent"}:{})}),[e.barWidth,null==e?void 0:e.borderRadius,null==e?void 0:e.barPercentage,null==e?void 0:e.addBarGap]),Co={};e.yAxis.data.map((o=>{o.map((o=>{Co[o.name]?Co[o.name].push(o.value):Co[o.name]=[o.value]}))}));const Oo=Object.keys(Co).map(((o,i)=>Object.assign({label:o,data:Co[o],backgroundColor:null==fo?void 0:fo[i],hoverBackgroundColor:void 0===yo?void 0:yo[i]},Ao)));let ko;ko=e.renderInHeightWiseManner?Oo.map(((o,i)=>Object.assign(Object.assign({},o),{order:o.data.reduce(((o,i)=>o+(i||0)),0)}))).sort(((o,i)=>i.order-o.order)):Oo;let So=e.xAxis.data.map((o=>"string"==typeof o?o:o.name)),Lo=ko;if(e.truncateBars){const o=((o,i,t)=>{if(i.length<=t)return{truncatedData:o,truncatedLabels:i,originalData:o,originalLabels:i};const e=o.map((o=>o.slice(0,t))),l=o.map((o=>o.slice(t).reduce(((o,i)=>o+i),0)));e.forEach(((o,i)=>o.push(l[i])));const a=i.slice(0,t);return a.push("Others"),{truncatedData:e,truncatedLabels:a,originalData:o,originalLabels:i}})(ko.map((o=>o.data)),So,e.truncateBars);ko.forEach(((i,t)=>i.data=o.truncatedData[t])),So=o.truncatedLabels,Lo=o.originalData.map(((o,i)=>Object.assign(Object.assign({},ko[i]),{data:o})))}const Fo={plugins:{legend:{display:!ho&&!e.customLegend,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!ho,callbacks:{label:null===(l=e.tooltipConfig)||void 0===l?void 0:l.labelCallback,title:null===(a=e.tooltipConfig)||void 0===a?void 0:a.titleCallback,footer:null===(n=e.tooltipConfig)||void 0===n?void 0:n.footerCallback},footerFont:null===(r=null===(d=e.tooltipConfig)||void 0===d?void 0:d.footerStyles)||void 0===r?void 0:r.footerFont},datalabels:{display:null!==(s=e.showTotal)&&void 0!==s&&s,anchor:"end",align:"end",clamp:!0,formatter:(o,i)=>{var t;const e=i.datasetIndex,l=i.chart.data.datasets;if(e!==l.length-1)return"";const a=i.dataIndex;let n=0;for(let o=0;o<l.length;o++)n+=null!==(t=l[o].data[a])&&void 0!==t?t:0;return n?n<1e3?n:(n/1e3).toString().substring(0,4)+"k":""},color:m.content.secondary}},layout:{padding:{right:e.showTotal&&e.orientation===A.HORIZONTAL?50:0,top:e.showTotal&&e.orientation!=A.HORIZONTAL?50:0}},responsive:!0,maintainAspectRatio:!1,legend:{display:!e.customLegend,labels:{usePointStyle:!0}},indexAxis:e.orientation===A.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(e.orientation===A.HORIZONTAL?null===(S=e.yAxis)||void 0===S?void 0:S.title:null===(L=e.xAxis)||void 0===L?void 0:L.title),text:e.orientation===A.HORIZONTAL?null===(F=e.yAxis)||void 0===F?void 0:F.title:null===(j=e.xAxis)||void 0===j?void 0:j.title,color:null!==(T=e.orientation===A.HORIZONTAL?null===(H=e.yAxis)||void 0===H?void 0:H.titleColor:null===(I=e.xAxis)||void 0===I?void 0:I.titleColor)&&void 0!==T?T:m.content.secondary,font:{size:b.caption.fontSize}},grid:{display:e.orientation===A.HORIZONTAL&&(void 0===(null===(R=null==e?void 0:e.showGridLines)||void 0===R?void 0:R.x)||(null===(w=null==e?void 0:e.showGridLines)||void 0===w?void 0:w.x)),color:m.background.base},ticks:{fontSize:b.caption.fontSize,color:null!==(B=e.yAxis.labelColor)&&void 0!==B?B:m.content.secondary,callback:e.orientation===A.HORIZONTAL?o=>{var i;let t;t=e.isInternationalStore?f(o):y(o);return`${t}${(null===(i=e.yAxis)||void 0===i?void 0:i.axisSuffix)||""}`}:(null===(E=e.xAxis)||void 0===E?void 0:E.axisSuffix)?o=>`${o}${e.xAxis.axisSuffix}`:void 0},stacked:e.orientation===A.HORIZONTAL?"boolean"!=typeof(null===(D=e.yAxis)||void 0===D?void 0:D.stacked)||(null===(N=e.yAxis)||void 0===N?void 0:N.stacked):"boolean"!=typeof(null===(Z=e.xAxis)||void 0===Z?void 0:Z.stacked)||(null===(z=e.xAxis)||void 0===z?void 0:z.stacked)},y:Object.assign(Object.assign({},(null===(P=null==e?void 0:e.equalHeight)||void 0===P?void 0:P.flag)?{suggestedMin:-(null==e?void 0:e.equalHeight.max),suggestedMax:null==e?void 0:e.equalHeight.max}:{}),{max:null===(G=null==e?void 0:e.yAxis)||void 0===G?void 0:G.max,title:{display:!!(e.orientation===A.HORIZONTAL?null===($=e.xAxis)||void 0===$?void 0:$.title:null===(W=e.yAxis)||void 0===W?void 0:W.title),text:e.orientation===A.HORIZONTAL?null===(_=e.xAxis)||void 0===_?void 0:_.title:null===(M=e.yAxis)||void 0===M?void 0:M.title,color:null!==(Y=e.orientation===A.HORIZONTAL?null===(q=e.xAxis)||void 0===q?void 0:q.titleColor:null===(V=e.yAxis)||void 0===V?void 0:V.titleColor)&&void 0!==Y?Y:m.content.secondary,font:{size:b.caption.fontSize}},grid:{display:e.orientation!==A.HORIZONTAL&&(void 0===(null===(J=null==e?void 0:e.showGridLines)||void 0===J?void 0:J.y)||(null===(K=null==e?void 0:e.showGridLines)||void 0===K?void 0:K.y)),color:m.background.base},ticks:Object.assign(Object.assign({stepSize:e.orientation===A.HORIZONTAL?null===(Q=e.xAxis)||void 0===Q?void 0:Q.stepSize:null===(U=e.yAxis)||void 0===U?void 0:U.stepSize,fontSize:b.caption.fontSize,color:null!==(X=e.xAxis.labelColor)&&void 0!==X?X:m.content.secondary},ho?{min:0,max:2e3,stepSize:200}:{}),{callback:(null==e?void 0:e.ticksCallback)?null==e?void 0:e.ticksCallback:e.orientation===A.HORIZONTAL?o=>{var i;let t;t=e.isInternationalStore?f(o):y(o);return`${t}${(null===(i=e.xAxis)||void 0===i?void 0:i.axisSuffix)||""}`}:(null===(oo=e.yAxis)||void 0===oo?void 0:oo.axisSuffix)?o=>`${o}${e.yAxis.axisSuffix}`:void 0}),stacked:e.orientation===A.HORIZONTAL?"boolean"!=typeof(null===(io=e.xAxis)||void 0===io?void 0:io.stacked)||(null===(to=e.xAxis)||void 0===to?void 0:to.stacked):"boolean"!=typeof(null===(eo=e.yAxis)||void 0===eo?void 0:eo.stacked)||(null===(lo=e.yAxis)||void 0===lo?void 0:lo.stacked)})},onClick:(o,i)=>{if(!e.onBarClick)return;const t=i[0].datasetIndex,l=i[0].index,a=o.chart.data.datasets[t].label,n=o.chart.data.labels[l];e.onBarClick(n,a)},onHover:(o,i)=>{e.onBarClick&&i.length&&(o.native.target.style.cursor="pointer")}};let jo;e.orientation&&e.orientation!==A.VERTICAL?delete Fo.scales.y.ticks.callback:delete Fo.scales.x.ticks.callback,jo=ho?[{data:go,backgroundColor:"rgba(0,0,0,0)"}]:ko;const Ho={labels:So,datasets:jo};let Io;Io=ho?[{data:go,backgroundColor:"rgba(0,0,0,0)"}]:Lo;const To={labels:e.xAxis.data.map((o=>"string"==typeof o?o:o.name)),datasets:Io},Ro=function(){let t,l=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return t=e.allowChartPopup&&!l?"flex-start":"flex-end",i("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:t,flexWrap:"wrap"},children:Oo.map((t=>o("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginTop:"4px"},children:[i("div",{style:{backgroundColor:t.backgroundColor,width:"16px",height:"16px",borderRadius:"2px"}}),i(h,{color:m.content.secondary,children:t.label})]},t.label.replace(" ","_"))))})};return o(O,{style:null!==(ao=e.wrapperStyle)&&void 0!==ao?ao:{},padding:e.outerPadding,customLegend:e.customLegend,children:[e.chartHeading&&o("div",{style:{marginBottom:24,display:"flex",justifyContent:e.hideHeading?"flex-end":"space-between"},children:[!0!==e.hideHeading&&i(g,{color:null!==(no=e.chartHeading.color)&&void 0!==no?no:m.content.secondary,children:e.chartHeading.heading}),e.allowChartPopup&&i("div",{style:{display:"flex",justifyContent:"flex-end"},children:i("div",{children:i(p,{Icon:t,onClick:()=>{xo(!0)}})})})]}),e.customLegend&&o("div",{style:{display:"flex",flexDirection:vo,justifyContent:"space-between"},children:[i(k,{children:uo.map(((o,t)=>i("div",{children:i("div",{children:o})},t)))}),Ro()]}),i("div",{className:"graph__wrapper",children:i("div",{style:{height:null!==(ro=e.graphCanvasHeight)&&void 0!==ro?ro:500,width:null!==(so=e.graphCanvasWidth)&&void 0!==so?so:"auto"},children:i(v,{options:Fo,data:Ho})})}),po&&i(x,{open:po,onClose:()=>xo(!1),closeOnOutsideClick:!0,headingTitle:null===(co=e.chartHeading)||void 0===co?void 0:co.heading,width:"85%",children:o("div",{className:"graph__wrapper",style:{padding:"8px"},children:[e.customLegend&&Ro(!0),i("div",{style:{height:"70vh",width:"100%",padding:"16px",borderRadius:"8px"},children:i(v,{options:Fo,data:To})})]})})]})};export{S as StackedBarChart};
+import{jsxs as o,jsx as i}from"react/jsx-runtime";import t from"../../../../assets/icons/maximize.svg.js";import{Chart as e,CategoryScale as l,LinearScale as a,BarElement as n,Tooltip as d,Legend as r}from"chart.js";import s from"chartjs-plugin-datalabels";import{useState as c,useMemo as u}from"react";import{Bar as v}from"react-chartjs-2";import{IconButton as p}from"../../../icon-button/IconButton.js";import{StyledModal as x}from"../../../modals/styledModal.js";import{TitleRegular as g,BodyTiny as h}from"../../../TypographyStyle.js";import{COLORS as m,FONTS as b}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as f,truncateValueForIndianStore as y}from"../utils/calcPercentage.js";import{GRAPH_ORIENTATION as A,COLOR_SCHEMA as C}from"./StackedBarChart.model.js";import{GraphContainerWrapper as O,HeaderIconWrapper as k}from"./StackedBarChart.styles.js";e.register(l,a,n,d,r,s);const S=e=>{var l,a,n,d,r,s,S,L,F,j,H,I,T,R,w,B,E,D,N,Z,z,P,G,$,W,_,M,q,V,Y,J,K,Q,U,X,oo,io,to,eo,lo,ao,no,ro,so,co;const{headerIcons:uo=[],legendsAndIconDirection:vo="row"}=e,[po,xo]=c(!1),go=[250,1e3,800,1500,300,600],ho=0===e.yAxis.data.length,mo=["#5E07BB","#9E77ED","#D2AEFF","#F7D7FF","#CDE1FF","#92AFFA","#3935E1"],bo=["#E6C7FF","#FEC6C6","#FEDEF3","#DEEFFF","#FFD8B1","#C7E5FF","#FFD3E6","#C9FFE5","#FFE3C7","#D9D9FF"],fo=e.customBarColors?e.customBarColors:e.customColourScaleBrand||e.customColourScalePastel?e.colorSchema===C.PASTEL?e.customColourScalePastel:e.customColourScaleBrand:e.colorSchema===C.PASTEL?bo:mo,yo=e.customHoverColour,Ao=u(()=>{var o,i,t;return Object.assign(Object.assign({barPercentage:(null==e?void 0:e.barPercentage)||.4,categoryPercentage:1,pointStyle:"circle",barWidth:e.barWidth,borderRadius:(null==e?void 0:e.borderRadius)||void 0},"object"==typeof(null==e?void 0:e.borderRadius)?{borderSkipped:!1}:{}),(null===(o=null==e?void 0:e.addBarGap)||void 0===o?void 0:o.flag)?{borderWidth:{top:(null===(i=null==e?void 0:e.addBarGap)||void 0===i?void 0:i.value)||2,bottom:(null===(t=null==e?void 0:e.addBarGap)||void 0===t?void 0:t.value)||2,right:0,left:0},borderColor:"transparent"}:{})},[e.barWidth,null==e?void 0:e.borderRadius,null==e?void 0:e.barPercentage,null==e?void 0:e.addBarGap]),Co={};e.yAxis.data.map(o=>{o.map(o=>{Co[o.name]?Co[o.name].push(o.value):Co[o.name]=[o.value]})});const Oo=Object.keys(Co).map((o,i)=>Object.assign({label:o,data:Co[o],backgroundColor:null==fo?void 0:fo[i],hoverBackgroundColor:void 0===yo?void 0:yo[i]},Ao));let ko;ko=e.renderInHeightWiseManner?Oo.map((o,i)=>Object.assign(Object.assign({},o),{order:o.data.reduce((o,i)=>o+(i||0),0)})).sort((o,i)=>i.order-o.order):Oo;let So=e.xAxis.data.map(o=>"string"==typeof o?o:o.name),Lo=ko;if(e.truncateBars){const o=((o,i,t)=>{if(i.length<=t)return{truncatedData:o,truncatedLabels:i,originalData:o,originalLabels:i};const e=o.map(o=>o.slice(0,t)),l=o.map(o=>o.slice(t).reduce((o,i)=>o+i,0));e.forEach((o,i)=>o.push(l[i]));const a=i.slice(0,t);return a.push("Others"),{truncatedData:e,truncatedLabels:a,originalData:o,originalLabels:i}})(ko.map(o=>o.data),So,e.truncateBars);ko.forEach((i,t)=>i.data=o.truncatedData[t]),So=o.truncatedLabels,Lo=o.originalData.map((o,i)=>Object.assign(Object.assign({},ko[i]),{data:o}))}const Fo={plugins:{legend:{display:!ho&&!e.customLegend,labels:{usePointStyle:!0,fontSize:2}},tooltip:{enabled:!ho,callbacks:{label:null===(l=e.tooltipConfig)||void 0===l?void 0:l.labelCallback,title:null===(a=e.tooltipConfig)||void 0===a?void 0:a.titleCallback,footer:null===(n=e.tooltipConfig)||void 0===n?void 0:n.footerCallback},footerFont:null===(r=null===(d=e.tooltipConfig)||void 0===d?void 0:d.footerStyles)||void 0===r?void 0:r.footerFont},datalabels:{display:null!==(s=e.showTotal)&&void 0!==s&&s,anchor:"end",align:"end",clamp:!0,formatter:(o,i)=>{var t;const e=i.datasetIndex,l=i.chart.data.datasets;if(e!==l.length-1)return"";const a=i.dataIndex;let n=0;for(let o=0;o<l.length;o++)n+=null!==(t=l[o].data[a])&&void 0!==t?t:0;return n?n<1e3?n:(n/1e3).toString().substring(0,4)+"k":""},color:m.content.secondary}},layout:{padding:{right:e.showTotal&&e.orientation===A.HORIZONTAL?50:0,top:e.showTotal&&e.orientation!=A.HORIZONTAL?50:0}},responsive:!0,maintainAspectRatio:!1,legend:{display:!e.customLegend,labels:{usePointStyle:!0}},indexAxis:e.orientation===A.HORIZONTAL?"y":"x",scales:{x:{title:{display:!!(e.orientation===A.HORIZONTAL?null===(S=e.yAxis)||void 0===S?void 0:S.title:null===(L=e.xAxis)||void 0===L?void 0:L.title),text:e.orientation===A.HORIZONTAL?null===(F=e.yAxis)||void 0===F?void 0:F.title:null===(j=e.xAxis)||void 0===j?void 0:j.title,color:null!==(T=e.orientation===A.HORIZONTAL?null===(H=e.yAxis)||void 0===H?void 0:H.titleColor:null===(I=e.xAxis)||void 0===I?void 0:I.titleColor)&&void 0!==T?T:m.content.secondary,font:{size:b.caption.fontSize}},grid:{display:e.orientation===A.HORIZONTAL&&(void 0===(null===(R=null==e?void 0:e.showGridLines)||void 0===R?void 0:R.x)||(null===(w=null==e?void 0:e.showGridLines)||void 0===w?void 0:w.x)),color:m.background.base},ticks:{fontSize:b.caption.fontSize,color:null!==(B=e.yAxis.labelColor)&&void 0!==B?B:m.content.secondary,callback:e.orientation===A.HORIZONTAL?o=>{var i;let t;t=e.isInternationalStore?f(o):y(o);return`${t}${(null===(i=e.yAxis)||void 0===i?void 0:i.axisSuffix)||""}`}:(null===(E=e.xAxis)||void 0===E?void 0:E.axisSuffix)?o=>`${o}${e.xAxis.axisSuffix}`:void 0},stacked:e.orientation===A.HORIZONTAL?"boolean"!=typeof(null===(D=e.yAxis)||void 0===D?void 0:D.stacked)||(null===(N=e.yAxis)||void 0===N?void 0:N.stacked):"boolean"!=typeof(null===(Z=e.xAxis)||void 0===Z?void 0:Z.stacked)||(null===(z=e.xAxis)||void 0===z?void 0:z.stacked)},y:Object.assign(Object.assign({},(null===(P=null==e?void 0:e.equalHeight)||void 0===P?void 0:P.flag)?{suggestedMin:-(null==e?void 0:e.equalHeight.max),suggestedMax:null==e?void 0:e.equalHeight.max}:{}),{max:null===(G=null==e?void 0:e.yAxis)||void 0===G?void 0:G.max,title:{display:!!(e.orientation===A.HORIZONTAL?null===($=e.xAxis)||void 0===$?void 0:$.title:null===(W=e.yAxis)||void 0===W?void 0:W.title),text:e.orientation===A.HORIZONTAL?null===(_=e.xAxis)||void 0===_?void 0:_.title:null===(M=e.yAxis)||void 0===M?void 0:M.title,color:null!==(Y=e.orientation===A.HORIZONTAL?null===(q=e.xAxis)||void 0===q?void 0:q.titleColor:null===(V=e.yAxis)||void 0===V?void 0:V.titleColor)&&void 0!==Y?Y:m.content.secondary,font:{size:b.caption.fontSize}},grid:{display:e.orientation!==A.HORIZONTAL&&(void 0===(null===(J=null==e?void 0:e.showGridLines)||void 0===J?void 0:J.y)||(null===(K=null==e?void 0:e.showGridLines)||void 0===K?void 0:K.y)),color:m.background.base},ticks:Object.assign(Object.assign({stepSize:e.orientation===A.HORIZONTAL?null===(Q=e.xAxis)||void 0===Q?void 0:Q.stepSize:null===(U=e.yAxis)||void 0===U?void 0:U.stepSize,fontSize:b.caption.fontSize,color:null!==(X=e.xAxis.labelColor)&&void 0!==X?X:m.content.secondary},ho?{min:0,max:2e3,stepSize:200}:{}),{callback:(null==e?void 0:e.ticksCallback)?null==e?void 0:e.ticksCallback:e.orientation===A.HORIZONTAL?o=>{var i;let t;t=e.isInternationalStore?f(o):y(o);return`${t}${(null===(i=e.xAxis)||void 0===i?void 0:i.axisSuffix)||""}`}:(null===(oo=e.yAxis)||void 0===oo?void 0:oo.axisSuffix)?o=>`${o}${e.yAxis.axisSuffix}`:void 0}),stacked:e.orientation===A.HORIZONTAL?"boolean"!=typeof(null===(io=e.xAxis)||void 0===io?void 0:io.stacked)||(null===(to=e.xAxis)||void 0===to?void 0:to.stacked):"boolean"!=typeof(null===(eo=e.yAxis)||void 0===eo?void 0:eo.stacked)||(null===(lo=e.yAxis)||void 0===lo?void 0:lo.stacked)})},onClick:(o,i)=>{if(!e.onBarClick)return;const t=i[0].datasetIndex,l=i[0].index,a=o.chart.data.datasets[t].label,n=o.chart.data.labels[l];e.onBarClick(n,a)},onHover:(o,i)=>{e.onBarClick&&i.length&&(o.native.target.style.cursor="pointer")}};let jo;e.orientation&&e.orientation!==A.VERTICAL?delete Fo.scales.y.ticks.callback:delete Fo.scales.x.ticks.callback,jo=ho?[{data:go,backgroundColor:"rgba(0,0,0,0)"}]:ko;const Ho={labels:So,datasets:jo};let Io;Io=ho?[{data:go,backgroundColor:"rgba(0,0,0,0)"}]:Lo;const To={labels:e.xAxis.data.map(o=>"string"==typeof o?o:o.name),datasets:Io},Ro=(t=!1)=>{let l;return l=e.allowChartPopup&&!t?"flex-start":"flex-end",i("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",padding:"0px 24px 12px 24px",justifyContent:l,flexWrap:"wrap"},children:Oo.map(t=>o("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginTop:"4px"},children:[i("div",{style:{backgroundColor:t.backgroundColor,width:"16px",height:"16px",borderRadius:"2px"}}),i(h,{color:m.content.secondary,children:t.label})]},t.label.replace(" ","_")))})};return o(O,{style:null!==(ao=e.wrapperStyle)&&void 0!==ao?ao:{},padding:e.outerPadding,customLegend:e.customLegend,children:[e.chartHeading&&o("div",{style:{marginBottom:24,display:"flex",justifyContent:e.hideHeading?"flex-end":"space-between"},children:[!0!==e.hideHeading&&i(g,{color:null!==(no=e.chartHeading.color)&&void 0!==no?no:m.content.secondary,children:e.chartHeading.heading}),e.allowChartPopup&&i("div",{style:{display:"flex",justifyContent:"flex-end"},children:i("div",{children:i(p,{Icon:t,onClick:()=>{xo(!0)}})})})]}),e.customLegend&&o("div",{style:{display:"flex",flexDirection:vo,justifyContent:"space-between"},children:[i(k,{children:uo.map((o,t)=>i("div",{children:i("div",{children:o})},t))}),Ro()]}),i("div",{className:"graph__wrapper",children:i("div",{style:{height:null!==(ro=e.graphCanvasHeight)&&void 0!==ro?ro:500,width:null!==(so=e.graphCanvasWidth)&&void 0!==so?so:"auto"},children:i(v,{options:Fo,data:Ho})})}),po&&i(x,{open:po,onClose:()=>xo(!1),closeOnOutsideClick:!0,headingTitle:null===(co=e.chartHeading)||void 0===co?void 0:co.heading,width:"85%",children:o("div",{className:"graph__wrapper",style:{padding:"8px"},children:[e.customLegend&&Ro(!0),i("div",{style:{height:"70vh",width:"100%",padding:"16px",borderRadius:"8px"},children:i(v,{options:Fo,data:To})})]})})]})};export{S as StackedBarChart};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.styles.js

@@ -1,6 +1,6 @@
 import e from"styled-components";import{COLORS as r}from"../../../../constants/Theme.js";const n=e.div`
 	background-color: ${r.surface.standard};
-	padding: ${e=>{var r;return null!==(r=e.padding)&&void 0!==r?r:"24px"}};
+	padding: ${e=>{var r;return null!==(r=e.padding)&&void 0!==r?r:"0px"}};
 	border: none;
 	width: 100%;
 

package/dist/esm/components/analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js

@@ -1 +1 @@
-import{jsx as l,jsxs as e,Fragment as o}from"react/jsx-runtime";import{Chart as t,CategoryScale as a,LinearScale as i,BarElement as n,Tooltip as r,Legend as d}from"chart.js";import s from"chartjs-plugin-datalabels";import{useState as c,useEffect as v,useCallback as u}from"react";import{Bar as p}from"react-chartjs-2";import{BodyTiny as g,TitleRegular as h}from"../../../TypographyStyle.js";import{COLORS as b,FONTS as f}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as m,truncateValueForIndianStore as y}from"../utils/calcPercentage.js";import{GraphContainerWrapper as F}from"./StackedBarChart.styles.js";import{GRAPH_ORIENTATION as T}from"./StackedBarDistributionChart.model.js";t.register(a,i,n,r,d,s),t.defaults.plugins.datalabels.display=!1;const O=t=>{var a,i,n,r,d,s,O,A,C,k,x,E,H,I,N,S,L,D,R,Z,B,_,j,w,z,P,M,W,V,Y,U,$;const[q,G]=c([]),[J,K]=c(),Q=!t.data.filter((l=>!!l.value)).length,X=t.colorMatrix&&t.colorMatrix.length?t.colorMatrix:[["#09A35B","#33D2A1","#A8E5C0","#075E54","#128C7E","#25D366","#DCF8C6"],["#FC4183","#FCA0C2","#FEE3EF","#F5016C","#F972AD","#FCAACE","#FEE3EF"],["#1B95D6","#74B2E5","#A0D1F1","#0078D5","#55A5E3","#8EC3EC","#C6E1F6"],["#FF4F52","#FFA3A4","#FFD9DA","#FF0012","#FF797D","#FFC4C5","#F9DFDF"],["#4B2E91","#7B1FA2","#A77BCA","#5E07BB","#9E77ED","#D2AEFF","#EBDBFF"]],ll={min:0,max:200,stepSize:20},el={min:t.minValue,max:t.maxValue,stepSize:t.valuesStepSize},ol={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barThickness:Q?0:null!==(a=t.barThickness)&&void 0!==a?a:100},tl={plugins:{legend:{display:!1},tooltip:{enabled:!Q,callbacks:{label:null===(i=t.tooltipConfig)||void 0===i?void 0:i.labelCallback,footer:null===(n=t.tooltipConfig)||void 0===n?void 0:n.footerCallback},footerFont:null===(d=null===(r=t.tooltipConfig)||void 0===r?void 0:r.footerStyles)||void 0===d?void 0:d.footerFont},datalabels:{display:null!==(s=!Q&&t.showTotal)&&void 0!==s&&s,anchor:"end",align:"end",clamp:!0,formatter:(l,e)=>{var o;const a=e.datasetIndex,i=e.chart.data.datasets;if(a!==i.length-1)return"";const n=e.dataIndex;let r=0;for(let l=0;l<i.length;l++)r+=null!==(o=i[l].data[n])&&void 0!==o?o:0;return r?t.isInternationalStore?m(r):y(r):""},color:b.content.secondary}},responsive:!0,maintainAspectRatio:!1,legend:{display:!1},indexAxis:t.orientation===T.HORIZONTAL?"y":"x",layout:{padding:{right:t.showTotal&&t.orientation===T.HORIZONTAL?50:0,top:t.showTotal&&t.orientation!=T.HORIZONTAL?25:0}},scales:{x:{title:{display:!!(t.orientation===T.HORIZONTAL?null===(O=t.valueTitle)||void 0===O?void 0:O.heading:null===(A=t.labelTitle)||void 0===A?void 0:A.heading),text:t.orientation===T.HORIZONTAL?null===(C=t.valueTitle)||void 0===C?void 0:C.heading:null===(k=t.labelTitle)||void 0===k?void 0:k.heading,color:null!==(H=t.orientation===T.HORIZONTAL?null===(x=t.valueTitle)||void 0===x?void 0:x.color:null===(E=t.labelTitle)||void 0===E?void 0:E.color)&&void 0!==H?H:b.content.secondary,font:{size:f.bodySecondary.fontSize}},grid:{display:t.orientation===T.HORIZONTAL,color:b.background.base},ticks:Object.assign(Object.assign({stepSize:30,fontSize:f.caption.fontSize,color:null!==(S=t.orientation===T.HORIZONTAL?null===(I=t.labelTitle)||void 0===I?void 0:I.color:null===(N=t.valueTitle)||void 0===N?void 0:N.color)&&void 0!==S?S:b.content.secondary},t.orientation===T.HORIZONTAL?Q?ll:el:{}),{callback:(l,e)=>{var o,a;return t.orientation!==T.HORIZONTAL?null!==(a=null===(o=null==J?void 0:J.labels)||void 0===o?void 0:o[e])&&void 0!==a?a:"":"number"!=typeof l?l:t.isInternationalStore?m(l):y(l)}}),stacked:!0},y:{title:{display:!!(t.orientation===T.HORIZONTAL?null===(L=t.labelTitle)||void 0===L?void 0:L.heading:null===(D=t.valueTitle)||void 0===D?void 0:D.heading),text:t.orientation===T.HORIZONTAL?null===(R=t.labelTitle)||void 0===R?void 0:R.heading:null===(Z=t.valueTitle)||void 0===Z?void 0:Z.heading,color:null!==(j=t.orientation===T.HORIZONTAL?null===(B=t.labelTitle)||void 0===B?void 0:B.color:null===(_=t.valueTitle)||void 0===_?void 0:_.color)&&void 0!==j?j:b.content.secondary,font:{size:f.bodySecondary.fontSize}},grid:{display:t.orientation!==T.HORIZONTAL,color:b.background.base},ticks:Object.assign(Object.assign({fontSize:f.caption.fontSize,color:null!==(P=t.orientation===T.HORIZONTAL?null===(w=t.valueTitle)||void 0===w?void 0:w.color:null===(z=t.labelTitle)||void 0===z?void 0:z.color)&&void 0!==P?P:b.content.secondary},t.orientation===T.HORIZONTAL?{}:Q?ll:el),{callback:(l,e)=>{var o,a;return t.orientation===T.HORIZONTAL?null!==(a=null===(o=null==J?void 0:J.labels)||void 0===o?void 0:o[e])&&void 0!==a?a:"":"number"!=typeof l?l:t.isInternationalStore?m(l):y(l)}}),stacked:!0}},onClick:(l,e)=>{if(!t.onBarClick)return;const o=e[0].datasetIndex,a=e[0].index,i=l.chart.data.datasets[o].label,n=l.chart.data.labels[a];t.onBarClick(n,i)},onHover:(l,e)=>{t.onBarClick&&e.length&&(l.native.target.style.cursor="pointer")}},al=Array.from(new Set(t.data.map((l=>l.label)))),il={labels:(nl=al,nl.map((l=>l.length>0?l.charAt(0).toUpperCase()+l.slice(1):l))),datasets:Q?[{data:[10,20,30,40,50,60,80,100,120],backgroundColor:"rgba(0,0,0,0)"}]:[]};var nl;v((()=>{const l=[];al.forEach(((e,o)=>{const a=[],i=t.data.filter((l=>l.label===e));t.isFunnel||i.sort(((l,e)=>e.value-l.value)),i.forEach(((l,e)=>{const t=((l,e,o)=>X[l].slice(-o)[e])(o,e,i.length);a.push({color:t,label:l.stackLabel});const n=Object.assign({label:l.stackLabel,backgroundColor:t,data:Array(al.length).fill(0)},ol);n.data[o]=l.value,il.datasets.push(n)})),l.push(a)})),G(l),K(il)}),[t.data]);const rl=u((()=>l("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"flex-end"},children:dl().map((o=>e("div",{className:"legend__row",children:[l("div",{className:"legend__palette",style:{backgroundColor:o.color}}),l(g,{color:b.content.secondary,children:o.label})]},o.label.replace(" ","_"))))})),[q]),dl=()=>{const l=[];return q.forEach(((e,o)=>{l.push({color:e[0].color,label:al[o]})})),l};if(!J)return l(o,{});return e(F,{style:null!==(M=t.wrapperStyle)&&void 0!==M?M:{},padding:t.outerPadding,chartWrapperHeight:t.chartWrapperHeight,isFunnel:t.isFunnel,children:[t.chartHeading&&l("div",{style:{marginBottom:24},children:l(h,{color:null!==(W=t.chartHeading.color)&&void 0!==W?W:b.content.secondary,children:t.chartHeading.heading})}),e("div",{className:"graph__wrapper",children:[(null===(V=t.showLegend)||void 0===V||V)&&t.isFunnel&&rl(),l("div",{style:{height:null!==(Y=t.graphCanvasHeight)&&void 0!==Y?Y:500,width:null!==(U=t.graphCanvasWidth)&&void 0!==U?U:"100%",flex:1},children:l(p,{options:tl,data:J})}),(null===($=t.showLegend)||void 0===$||$)&&!t.isFunnel&&l("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"column"},children:q.map(((o,t)=>l("div",{className:"legend__set",children:o.map((o=>e("div",{className:"legend__row",children:[l("div",{className:"legend__palette",style:{backgroundColor:o.color}}),l(g,{color:b.content.secondary,children:o.label})]},o.label.replace(" ","_"))))},`Legend_set_${t}`)))})]})]})};export{O as StackedBarDistributionChart};
+import{jsx as l,jsxs as e,Fragment as o}from"react/jsx-runtime";import{Chart as t,CategoryScale as a,LinearScale as i,BarElement as n,Tooltip as r,Legend as d}from"chart.js";import s from"chartjs-plugin-datalabels";import{useState as c,useEffect as v,useCallback as u}from"react";import{Bar as p}from"react-chartjs-2";import{BodyTiny as g,TitleRegular as h}from"../../../TypographyStyle.js";import{COLORS as b,FONTS as f}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as m,truncateValueForIndianStore as y}from"../utils/calcPercentage.js";import{GraphContainerWrapper as F}from"./StackedBarChart.styles.js";import{GRAPH_ORIENTATION as T}from"./StackedBarDistributionChart.model.js";t.register(a,i,n,r,d,s),t.defaults.plugins.datalabels.display=!1;const O=t=>{var a,i,n,r,d,s,O,A,C,k,x,E,H,I,N,S,L,D,R,Z,B,_,j,w,z,P,M,W,V,Y,U,$;const[q,G]=c([]),[J,K]=c(),Q=!t.data.filter(l=>!!l.value).length,X=t.colorMatrix&&t.colorMatrix.length?t.colorMatrix:[["#09A35B","#33D2A1","#A8E5C0","#075E54","#128C7E","#25D366","#DCF8C6"],["#FC4183","#FCA0C2","#FEE3EF","#F5016C","#F972AD","#FCAACE","#FEE3EF"],["#1B95D6","#74B2E5","#A0D1F1","#0078D5","#55A5E3","#8EC3EC","#C6E1F6"],["#FF4F52","#FFA3A4","#FFD9DA","#FF0012","#FF797D","#FFC4C5","#F9DFDF"],["#4B2E91","#7B1FA2","#A77BCA","#5E07BB","#9E77ED","#D2AEFF","#EBDBFF"]],ll={min:0,max:200,stepSize:20},el={min:t.minValue,max:t.maxValue,stepSize:t.valuesStepSize},ol={barPercentage:.4,categoryPercentage:1,pointStyle:"circle",barThickness:Q?0:null!==(a=t.barThickness)&&void 0!==a?a:100},tl={plugins:{legend:{display:!1},tooltip:{enabled:!Q,callbacks:{label:null===(i=t.tooltipConfig)||void 0===i?void 0:i.labelCallback,footer:null===(n=t.tooltipConfig)||void 0===n?void 0:n.footerCallback},footerFont:null===(d=null===(r=t.tooltipConfig)||void 0===r?void 0:r.footerStyles)||void 0===d?void 0:d.footerFont},datalabels:{display:null!==(s=!Q&&t.showTotal)&&void 0!==s&&s,anchor:"end",align:"end",clamp:!0,formatter:(l,e)=>{var o;const a=e.datasetIndex,i=e.chart.data.datasets;if(a!==i.length-1)return"";const n=e.dataIndex;let r=0;for(let l=0;l<i.length;l++)r+=null!==(o=i[l].data[n])&&void 0!==o?o:0;return r?t.isInternationalStore?m(r):y(r):""},color:b.content.secondary}},responsive:!0,maintainAspectRatio:!1,legend:{display:!1},indexAxis:t.orientation===T.HORIZONTAL?"y":"x",layout:{padding:{right:t.showTotal&&t.orientation===T.HORIZONTAL?50:0,top:t.showTotal&&t.orientation!=T.HORIZONTAL?25:0}},scales:{x:{title:{display:!!(t.orientation===T.HORIZONTAL?null===(O=t.valueTitle)||void 0===O?void 0:O.heading:null===(A=t.labelTitle)||void 0===A?void 0:A.heading),text:t.orientation===T.HORIZONTAL?null===(C=t.valueTitle)||void 0===C?void 0:C.heading:null===(k=t.labelTitle)||void 0===k?void 0:k.heading,color:null!==(H=t.orientation===T.HORIZONTAL?null===(x=t.valueTitle)||void 0===x?void 0:x.color:null===(E=t.labelTitle)||void 0===E?void 0:E.color)&&void 0!==H?H:b.content.secondary,font:{size:f.bodySecondary.fontSize}},grid:{display:t.orientation===T.HORIZONTAL,color:b.background.base},ticks:Object.assign(Object.assign({stepSize:30,fontSize:f.caption.fontSize,color:null!==(S=t.orientation===T.HORIZONTAL?null===(I=t.labelTitle)||void 0===I?void 0:I.color:null===(N=t.valueTitle)||void 0===N?void 0:N.color)&&void 0!==S?S:b.content.secondary},t.orientation===T.HORIZONTAL?Q?ll:el:{}),{callback:(l,e)=>{var o,a;return t.orientation!==T.HORIZONTAL?null!==(a=null===(o=null==J?void 0:J.labels)||void 0===o?void 0:o[e])&&void 0!==a?a:"":"number"!=typeof l?l:t.isInternationalStore?m(l):y(l)}}),stacked:!0},y:{title:{display:!!(t.orientation===T.HORIZONTAL?null===(L=t.labelTitle)||void 0===L?void 0:L.heading:null===(D=t.valueTitle)||void 0===D?void 0:D.heading),text:t.orientation===T.HORIZONTAL?null===(R=t.labelTitle)||void 0===R?void 0:R.heading:null===(Z=t.valueTitle)||void 0===Z?void 0:Z.heading,color:null!==(j=t.orientation===T.HORIZONTAL?null===(B=t.labelTitle)||void 0===B?void 0:B.color:null===(_=t.valueTitle)||void 0===_?void 0:_.color)&&void 0!==j?j:b.content.secondary,font:{size:f.bodySecondary.fontSize}},grid:{display:t.orientation!==T.HORIZONTAL,color:b.background.base},ticks:Object.assign(Object.assign({fontSize:f.caption.fontSize,color:null!==(P=t.orientation===T.HORIZONTAL?null===(w=t.valueTitle)||void 0===w?void 0:w.color:null===(z=t.labelTitle)||void 0===z?void 0:z.color)&&void 0!==P?P:b.content.secondary},t.orientation===T.HORIZONTAL?{}:Q?ll:el),{callback:(l,e)=>{var o,a;return t.orientation===T.HORIZONTAL?null!==(a=null===(o=null==J?void 0:J.labels)||void 0===o?void 0:o[e])&&void 0!==a?a:"":"number"!=typeof l?l:t.isInternationalStore?m(l):y(l)}}),stacked:!0}},onClick:(l,e)=>{if(!t.onBarClick)return;const o=e[0].datasetIndex,a=e[0].index,i=l.chart.data.datasets[o].label,n=l.chart.data.labels[a];t.onBarClick(n,i)},onHover:(l,e)=>{t.onBarClick&&e.length&&(l.native.target.style.cursor="pointer")}},al=Array.from(new Set(t.data.map(l=>l.label))),il={labels:(nl=al,nl.map(l=>l.length>0?l.charAt(0).toUpperCase()+l.slice(1):l)),datasets:Q?[{data:[10,20,30,40,50,60,80,100,120],backgroundColor:"rgba(0,0,0,0)"}]:[]};var nl;v(()=>{const l=[];al.forEach((e,o)=>{const a=[],i=t.data.filter(l=>l.label===e);t.isFunnel||i.sort((l,e)=>e.value-l.value),i.forEach((l,e)=>{const t=((l,e,o)=>X[l].slice(-o)[e])(o,e,i.length);a.push({color:t,label:l.stackLabel});const n=Object.assign({label:l.stackLabel,backgroundColor:t,data:Array(al.length).fill(0)},ol);n.data[o]=l.value,il.datasets.push(n)}),l.push(a)}),G(l),K(il)},[t.data]);const rl=u(()=>l("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"row",gap:"10px",justifyContent:"flex-end"},children:dl().map(o=>e("div",{className:"legend__row",children:[l("div",{className:"legend__palette",style:{backgroundColor:o.color}}),l(g,{color:b.content.secondary,children:o.label})]},o.label.replace(" ","_")))}),[q]),dl=()=>{const l=[];return q.forEach((e,o)=>{l.push({color:e[0].color,label:al[o]})}),l};if(!J)return l(o,{});return e(F,{style:null!==(M=t.wrapperStyle)&&void 0!==M?M:{},padding:t.outerPadding,chartWrapperHeight:t.chartWrapperHeight,isFunnel:t.isFunnel,children:[t.chartHeading&&l("div",{style:{marginBottom:24},children:l(h,{color:null!==(W=t.chartHeading.color)&&void 0!==W?W:b.content.secondary,children:t.chartHeading.heading})}),e("div",{className:"graph__wrapper",children:[(null===(V=t.showLegend)||void 0===V||V)&&t.isFunnel&&rl(),l("div",{style:{height:null!==(Y=t.graphCanvasHeight)&&void 0!==Y?Y:500,width:null!==(U=t.graphCanvasWidth)&&void 0!==U?U:"100%",flex:1},children:l(p,{options:tl,data:J})}),(null===($=t.showLegend)||void 0===$||$)&&!t.isFunnel&&l("div",{style:{overflowY:"scroll",display:"flex",flexDirection:"column"},children:q.map((o,t)=>l("div",{className:"legend__set",children:o.map(o=>e("div",{className:"legend__row",children:[l("div",{className:"legend__palette",style:{backgroundColor:o.color}}),l(g,{color:b.content.secondary,children:o.label})]},o.label.replace(" ","_")))},`Legend_set_${t}`))})]})]})};export{O as StackedBarDistributionChart};

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

@@ -1 +1 @@
-import{jsxs as i,jsx as o,Fragment as e}from"react/jsx-runtime";import{Chart as l,CategoryScale as a,LinearScale as t,BarElement as r,Tooltip as n}from"chart.js";import{Chart as s}from"react-chartjs-2";import{SmallRegular as d,TitleRegular as x,BodyTiny as c}from"../../../TypographyStyle.js";import{FONTS as A,COLORS as b}from"../../../../constants/Theme.js";import{LegendWrapper as p,LegendContainer as u,LegendColor as f}from"../LineChart/LineChart.styled.js";import{truncateValueForInternationalStore as g,truncateValueForIndianStore as h}from"../utils/calcPercentage.js";import{GraphWrapper as m,GraphContainerWrapper as v,LegendsWrapper as y,LegendMiddleWrapper as S,LegendColorBox as C}from"./VerticalBarAndLinearGraph.styles.js";import{GRAPH_ORIENTATION as k}from"./VerticalBarAndLinearGraphModel.js";l.register(a,t,r,n);const I=l=>{var a,t,r,n,I,j,z,$,O,R;const D=[0,0,0,0,0,0],L=["-","-","-","-","-","-"],H=-1===l.barAxis.data.findIndex((i=>0!==i)),T=-1===l.lineAxis.data.findIndex((i=>0!==i)),V=!l.lineAxis2||-1===l.lineAxis2.data.findIndex((i=>0!==i)),w={min:0,max:2e3,stepSize:200},B=[{legend:l.barAxis.title,color:l.barAxis.graphColor},{legend:l.lineAxis.title,color:l.lineAxis.graphColor},...l.lineAxis2?[{legend:l.lineAxis2.title,color:l.lineAxis2.graphColor}]:[]],N={responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:i=>{var o;const e=i.raw,a=i.dataset;let t="";"bar"===a.yAxisID?t=l.barAxis.axisSuffix||"":"line"===a.yAxisID?t=l.lineAxis.axisSuffix||"":"line2"===a.yAxisID&&(t=(null===(o=l.lineAxis2)||void 0===o?void 0:o.axisSuffix)||"");let r=e;return l.orientation===k.HORIZONTAL&&(r=l.isInternationalStore?g(e):h(e)),`${r}${t}`}}}},scales:{x:{title:{display:!!l.xAxis.title,text:l.xAxis.title,color:l.xAxis.titleColor,font:{size:A.caption.fontSize}},grid:{display:!1,borderColor:b.background.base},ticks:{fontSize:A.caption.fontSize,color:null!==(a=l.xAxis.labelColor)&&void 0!==a?a:b.content.secondary,callback:(null===(t=l.xAxis)||void 0===t?void 0:t.axisSuffix)?i=>`${i}${l.xAxis.axisSuffix}`:void 0}},bar:{position:"left",title:{display:!!l.barAxis.title,text:l.barAxis.title,color:l.barAxis.titleColor,font:{size:A.caption.fontSize}},grid:{borderColor:"white",color:b.background.base},max:null===(r=null==l?void 0:l.barAxis)||void 0===r?void 0:r.max,ticks:Object.assign(Object.assign({fontSize:A.caption.fontSize,color:null!==(n=l.barAxis.labelColor)&&void 0!==n?n:b.content.secondary},H?w:{}),{callback:l.orientation===k.HORIZONTAL?i=>{var o;let e;e=l.isInternationalStore?g(i):h(i);return`${e}${(null===(o=l.barAxis)||void 0===o?void 0:o.axisSuffix)||""}`}:(null===(I=l.barAxis)||void 0===I?void 0:I.axisSuffix)?i=>`${i}${l.barAxis.axisSuffix}`:void 0})},line:{position:"right",title:{display:!!l.lineAxis.title,text:l.lineAxis.title,color:l.lineAxis.titleColor,font:{size:A.caption.fontSize}},max:null===(j=null==l?void 0:l.lineAxis)||void 0===j?void 0:j.max,grid:{display:!1,borderColor:"white",color:b.background.base},ticks:Object.assign(Object.assign({fontSize:A.caption.fontSize,color:null!==(z=l.lineAxis.labelColor)&&void 0!==z?z:b.content.secondary},T?w:{}),{callback:l.orientation===k.HORIZONTAL?i=>{var o;let e;e=l.isInternationalStore?g(i):h(i);return`${e}${(null===(o=l.lineAxis)||void 0===o?void 0:o.axisSuffix)||""}`}:(null===($=l.lineAxis)||void 0===$?void 0:$.axisSuffix)?i=>`${i}${l.lineAxis.axisSuffix}`:void 0}),display:!0}},maintainAspectRatio:!1};let P,Z,G,W;l.orientation&&l.orientation!==k.VERTICAL?(delete N.scales.bar.ticks.callback,delete N.scales.line.ticks.callback):delete N.scales.x.ticks.callback,P=l.xAxis.forceShowXAxis?l.xAxis.data.map((i=>i.toString())):H&&T&&V?L:l.xAxis.data.map((i=>i.toString())),Z=l.noDummyValues?l.lineAxis.data:T?D:l.lineAxis.data,l.lineAxis2&&(G=l.noDummyValues?l.lineAxis2.data:V?D:l.lineAxis2.data),W=l.noDummyValues?l.barAxis.data:H?D:l.barAxis.data;const E={labels:P,datasets:[{yAxisID:"line",type:"line",data:Z,borderColor:l.lineAxis.graphColor||"rgba(0,0,0,0)",backgroundColor:l.lineAxis.graphColor,borderWidth:2,fill:!1,pointRadius:l.pointRadius||1},...l.lineAxis2?[{yAxisID:"line",type:"line",data:G,borderColor:l.lineAxis2.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:l.pointRadius||1,backgroundColor:l.lineAxis2.graphColor}]:[],{yAxisID:"bar",type:"bar",data:W,backgroundColor:l.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return i(m,{children:[l.customLegend?o(y,{children:B.map(((e,l)=>{let{legend:a,color:t}=e;return a?i(S,{children:[o(C,{color:t}),o(c,{color:b.content.secondary,children:a})]},l):null}))}):o(p,{position:"center",children:B.map(((l,a)=>{let{legend:t,color:r}=l;return t?i(u,{children:[o(f,{color:r}),o(d,{color:"#667085",children:t})]},a):o(e,{})}))}),i(v,{children:[l.chartHeading&&o("div",{style:{marginBottom:24},children:o(x,{color:null!==(O=l.chartHeading.color)&&void 0!==O?O:b.content.secondary,children:l.chartHeading.heading})}),o("div",{style:{height:null!==(R=l.graphCanvasHeight)&&void 0!==R?R:500},children:o(s,{type:"bar",data:E,options:N})})]})]})};export{I as VerticalBarAndLinearGraph};
+import{jsxs as i,jsx as o,Fragment as e}from"react/jsx-runtime";import{Chart as l,CategoryScale as a,LinearScale as t,BarElement as r,Tooltip as n}from"chart.js";import{Chart as s}from"react-chartjs-2";import{SmallRegular as d,TitleRegular as x,BodyTiny as c}from"../../../TypographyStyle.js";import{FONTS as A,COLORS as b}from"../../../../constants/Theme.js";import{LegendWrapper as p,LegendContainer as u,LegendColor as f}from"../LineChart/LineChart.styled.js";import{truncateValueForInternationalStore as g,truncateValueForIndianStore as h}from"../utils/calcPercentage.js";import{GraphWrapper as m,GraphContainerWrapper as v,LegendsWrapper as y,LegendMiddleWrapper as S,LegendColorBox as C}from"./VerticalBarAndLinearGraph.styles.js";import{GRAPH_ORIENTATION as k}from"./VerticalBarAndLinearGraphModel.js";l.register(a,t,r,n);const I=l=>{var a,t,r,n,I,j,z,$,O,R;const D=[0,0,0,0,0,0],L=["-","-","-","-","-","-"],H=-1===l.barAxis.data.findIndex(i=>0!==i),T=-1===l.lineAxis.data.findIndex(i=>0!==i),V=!l.lineAxis2||-1===l.lineAxis2.data.findIndex(i=>0!==i),w={min:0,max:2e3,stepSize:200},B=[{legend:l.barAxis.title,color:l.barAxis.graphColor},{legend:l.lineAxis.title,color:l.lineAxis.graphColor},...l.lineAxis2?[{legend:l.lineAxis2.title,color:l.lineAxis2.graphColor}]:[]],N={responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:i=>{var o;const e=i.raw,a=i.dataset;let t="";"bar"===a.yAxisID?t=l.barAxis.axisSuffix||"":"line"===a.yAxisID?t=l.lineAxis.axisSuffix||"":"line2"===a.yAxisID&&(t=(null===(o=l.lineAxis2)||void 0===o?void 0:o.axisSuffix)||"");let r=e;return l.orientation===k.HORIZONTAL&&(r=l.isInternationalStore?g(e):h(e)),`${r}${t}`}}}},scales:{x:{title:{display:!!l.xAxis.title,text:l.xAxis.title,color:l.xAxis.titleColor,font:{size:A.caption.fontSize}},grid:{display:!1,borderColor:b.background.base},ticks:{fontSize:A.caption.fontSize,color:null!==(a=l.xAxis.labelColor)&&void 0!==a?a:b.content.secondary,callback:(null===(t=l.xAxis)||void 0===t?void 0:t.axisSuffix)?i=>`${i}${l.xAxis.axisSuffix}`:void 0}},bar:{position:"left",title:{display:!!l.barAxis.title,text:l.barAxis.title,color:l.barAxis.titleColor,font:{size:A.caption.fontSize}},grid:{borderColor:"white",color:b.background.base},max:null===(r=null==l?void 0:l.barAxis)||void 0===r?void 0:r.max,ticks:Object.assign(Object.assign({fontSize:A.caption.fontSize,color:null!==(n=l.barAxis.labelColor)&&void 0!==n?n:b.content.secondary},H?w:{}),{callback:l.orientation===k.HORIZONTAL?i=>{var o;let e;e=l.isInternationalStore?g(i):h(i);return`${e}${(null===(o=l.barAxis)||void 0===o?void 0:o.axisSuffix)||""}`}:(null===(I=l.barAxis)||void 0===I?void 0:I.axisSuffix)?i=>`${i}${l.barAxis.axisSuffix}`:void 0})},line:{position:"right",title:{display:!!l.lineAxis.title,text:l.lineAxis.title,color:l.lineAxis.titleColor,font:{size:A.caption.fontSize}},max:null===(j=null==l?void 0:l.lineAxis)||void 0===j?void 0:j.max,grid:{display:!1,borderColor:"white",color:b.background.base},ticks:Object.assign(Object.assign({fontSize:A.caption.fontSize,color:null!==(z=l.lineAxis.labelColor)&&void 0!==z?z:b.content.secondary},T?w:{}),{callback:l.orientation===k.HORIZONTAL?i=>{var o;let e;e=l.isInternationalStore?g(i):h(i);return`${e}${(null===(o=l.lineAxis)||void 0===o?void 0:o.axisSuffix)||""}`}:(null===($=l.lineAxis)||void 0===$?void 0:$.axisSuffix)?i=>`${i}${l.lineAxis.axisSuffix}`:void 0}),display:!0}},maintainAspectRatio:!1};let P,Z,G,W;l.orientation&&l.orientation!==k.VERTICAL?(delete N.scales.bar.ticks.callback,delete N.scales.line.ticks.callback):delete N.scales.x.ticks.callback,P=l.xAxis.forceShowXAxis?l.xAxis.data.map(i=>i.toString()):H&&T&&V?L:l.xAxis.data.map(i=>i.toString()),Z=l.noDummyValues?l.lineAxis.data:T?D:l.lineAxis.data,l.lineAxis2&&(G=l.noDummyValues?l.lineAxis2.data:V?D:l.lineAxis2.data),W=l.noDummyValues?l.barAxis.data:H?D:l.barAxis.data;const E={labels:P,datasets:[{yAxisID:"line",type:"line",data:Z,borderColor:l.lineAxis.graphColor||"rgba(0,0,0,0)",backgroundColor:l.lineAxis.graphColor,borderWidth:2,fill:!1,pointRadius:l.pointRadius||1},...l.lineAxis2?[{yAxisID:"line",type:"line",data:G,borderColor:l.lineAxis2.graphColor||"rgba(0,0,0,0)",borderWidth:2,fill:!1,pointRadius:l.pointRadius||1,backgroundColor:l.lineAxis2.graphColor}]:[],{yAxisID:"bar",type:"bar",data:W,backgroundColor:l.barAxis.graphColor||"rgba(0,0,0,0)",barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return i(m,{children:[l.customLegend?o(y,{children:B.map(({legend:e,color:l},a)=>e?i(S,{children:[o(C,{color:l}),o(c,{color:b.content.secondary,children:e})]},a):null)}):o(p,{position:"center",children:B.map(({legend:l,color:a},t)=>l?i(u,{children:[o(f,{color:a}),o(d,{color:"#667085",children:l})]},t):o(e,{}))}),i(v,{children:[l.chartHeading&&o("div",{style:{marginBottom:24},children:o(x,{color:null!==(O=l.chartHeading.color)&&void 0!==O?O:b.content.secondary,children:l.chartHeading.heading})}),o("div",{style:{height:null!==(R=l.graphCanvasHeight)&&void 0!==R?R:500},children:o(s,{type:"bar",data:E,options:N})})]})]})};export{I as VerticalBarAndLinearGraph};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{Chart as a,CategoryScale as l,LinearScale as o,BarElement as i,Tooltip as n}from"chart.js";import{Bar as s}from"react-chartjs-2";import{SmallRegular as c}from"../../../TypographyStyle.js";import{LegendWrapper as d,LegendContainer as p,LegendColor as h}from"../LineChart/LineChart.styled.js";a.register(l,o,i,n);const m=["#DEEFFF","#FEDEF3","#FEC6C6","#DBAFFF","#FEDEBC"],b=a=>{let{data:l=[],maintainAspectRatio:o=!1,canvasHeight:i=300,barColors:n=m,titleToolTipCallback:b}=a;0===l.length&&(l=[{label:"",current:0,previousLabel:""}]);const g=l.map((e=>e.label)),u=l.map((e=>e.current||0)),y=l.map((e=>e.previous?Math.max((e.previous||0)-e.current,0):0)),x=l.map((e=>e.previousLabel||"")),C=n,f=l.map((e=>({text:e.label,color:C[l.indexOf(e)]}))),k=[{label:"Current Value",data:u,backgroundColor:C.slice(0,l.length),borderColor:"white",borderWidth:1,stack:"combined"},{label:"Previous Value",data:y.map((e=>e||0)),backgroundColor:C.slice(0,l.length).map((e=>((e,t)=>{let r=0,a=0,l=0;return 4===e.length?(r=parseInt(e[1]+e[1],16),a=parseInt(e[2]+e[2],16),l=parseInt(e[3]+e[3],16)):7===e.length&&(r=parseInt(e[1]+e[2],16),a=parseInt(e[3]+e[4],16),l=parseInt(e[5]+e[6],16)),`rgba(${r}, ${a}, ${l}, ${t})`})(e,.3))),borderColor:"white",borderWidth:1,stack:"combined"}],v={labels:g,datasets:k},F={maintainAspectRatio:o,responsive:!0,scales:{x:{stacked:!0,grid:{display:!1},ticks:{display:l.length>0}},y:{stacked:!0,barPercentage:.6,categoryPercentage:.7,ticks:{display:l.length>0},grid:{drawBorder:l.length>0}}},plugins:{legend:{display:!1},tooltip:{callbacks:{title:b||(e=>{const t=e[0].datasetIndex,r=e[0].dataIndex;if(1===t){return`${x[r]} but not ${g[r]}`}return e[0].label}),label:e=>` ${e.raw}`}}}};return e("div",{style:{height:o?void 0:i,display:"flex",flexDirection:"column",gap:5,width:"100%"},children:[t(d,{children:f.map(((a,l)=>{let{text:o,color:i}=a;return o?e(p,{children:[t(h,{color:i,newStyle:!0}),t(c,{color:"#667085",children:o})]},l):t(r,{})}))}),t("div",{style:{flex:1},children:t(s,{data:v,options:F})})]})};export{b as FunnelVerticalBarGraph};
+import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{Chart as a,CategoryScale as l,LinearScale as o,BarElement as i,Tooltip as n}from"chart.js";import{Bar as s}from"react-chartjs-2";import{SmallRegular as c}from"../../../TypographyStyle.js";import{LegendWrapper as d,LegendContainer as p,LegendColor as h}from"../LineChart/LineChart.styled.js";a.register(l,o,i,n);const m=["#DEEFFF","#FEDEF3","#FEC6C6","#DBAFFF","#FEDEBC"],b=({data:a=[],maintainAspectRatio:l=!1,canvasHeight:o=300,barColors:i=m,titleToolTipCallback:n})=>{0===a.length&&(a=[{label:"",current:0,previousLabel:""}]);const b=a.map(e=>e.label),g=a.map(e=>e.current||0),u=a.map(e=>e.previous?Math.max((e.previous||0)-e.current,0):0),y=a.map(e=>e.previousLabel||""),x=i,C=a.map(e=>({text:e.label,color:x[a.indexOf(e)]})),f=[{label:"Current Value",data:g,backgroundColor:x.slice(0,a.length),borderColor:"white",borderWidth:1,stack:"combined"},{label:"Previous Value",data:u.map(e=>e||0),backgroundColor:x.slice(0,a.length).map(e=>((e,t)=>{let r=0,a=0,l=0;return 4===e.length?(r=parseInt(e[1]+e[1],16),a=parseInt(e[2]+e[2],16),l=parseInt(e[3]+e[3],16)):7===e.length&&(r=parseInt(e[1]+e[2],16),a=parseInt(e[3]+e[4],16),l=parseInt(e[5]+e[6],16)),`rgba(${r}, ${a}, ${l}, ${t})`})(e,.3)),borderColor:"white",borderWidth:1,stack:"combined"}],k={labels:b,datasets:f},v={maintainAspectRatio:l,responsive:!0,scales:{x:{stacked:!0,grid:{display:!1},ticks:{display:a.length>0}},y:{stacked:!0,barPercentage:.6,categoryPercentage:.7,ticks:{display:a.length>0},grid:{drawBorder:a.length>0}}},plugins:{legend:{display:!1},tooltip:{callbacks:{title:n||(e=>{const t=e[0].datasetIndex,r=e[0].dataIndex;if(1===t){return`${y[r]} but not ${b[r]}`}return e[0].label}),label:e=>` ${e.raw}`}}}};return e("div",{style:{height:l?void 0:o,display:"flex",flexDirection:"column",gap:5,width:"100%"},children:[t(d,{children:C.map(({text:a,color:l},o)=>a?e(p,{children:[t(h,{color:l,newStyle:!0}),t(c,{color:"#667085",children:a})]},o):t(r,{}))}),t("div",{style:{flex:1},children:t(s,{data:k,options:v})})]})};export{b as FunnelVerticalBarGraph};

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

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

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

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

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

@@ -1,4 +1,4 @@
-import e from"@emotion/styled";const i=e.div`
+import e from"styled-components";const i=e.div`
 	width: ${e=>e.isLooseFit?"100%":"fit-content"};
 	.top-container {
 		display: flex;

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

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

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

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

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

@@ -1,4 +1,4 @@
-import i from"@emotion/styled";import{COLORS as e}from"../../../../constants/Theme.js";const o=i.div`
+import i from"styled-components";import{COLORS as e}from"../../../../constants/Theme.js";const o=i.div`
 	width: 100%;
 	display: flex;
 	flex-direction: column;

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/components/banner/Banner.styled.js

@@ -1,4 +1,4 @@
-import c from"@emotion/styled/base";import{COLORS as X}from"../../constants/Theme.js";const G=styled.div`
+import i from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const d=i.div`
 	border: 1px solid #e0e0e0;
 	border-radius: 8px;
 	background: rgba(239, 230, 249, 0.2);
@@ -6,18 +6,18 @@ import c from"@emotion/styled/base";import{COLORS as X}from"../../constants/Them
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
-`,b=styled.div`
+`,t=i.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
-`,d=styled.div`
+`,p=i.div`
 	display: flex;
 	gap: 8px;
-`,l=styled.div`
+`,o=i.div`
 	display: flex;
 	gap: 8px;
 	margin-top: 16px;
-`,Z=styled.div`
+`,a=i.div`
 	width: 40px;
 	aspect-ratio: 1;
 	overflow: hidden;
@@ -27,16 +27,16 @@ import c from"@emotion/styled/base";import{COLORS as X}from"../../constants/Them
 		height: auto;
 		border-radius: 8px;
 	}
-`,x=styled.div`
+`,r=i.div`
 	width: fit-content;
-`,g=styled.div`
+`,l=i.div`
 	width: 100%;
 	height: auto;
 	img {
 		width: 100%;
 		height: auto;
 	}
-`,u=styled.div`
+`,x=i.div`
 	width: 100%;
 	height: auto;
 	max-height: 303px;
@@ -45,10 +45,10 @@ import c from"@emotion/styled/base";import{COLORS as X}from"../../constants/Them
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	border: 1px solid ${X.stroke.primary};
+	border: 1px solid ${e.stroke.primary};
 	background-color: #fff;
 	overflow: hidden;
-`,t=styled.div`
+`,n=i.div`
 	width: 100%;
 	height: 72px;
 	display: flex;
@@ -56,33 +56,33 @@ import c from"@emotion/styled/base";import{COLORS as X}from"../../constants/Them
 	justify-content: space-between;
 	padding: 16px;
 	gap: 16px;
-`,i=c(g,"production"===process.env.NODE_ENV?{target:"e1vg61c42"}:{target:"e1vg61c42",label:"CardImageWrapper"})("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhbm5lci5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVFcUQiLCJmaWxlIjoiQmFubmVyLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi9jb25zdGFudHMvVGhlbWUnO1xuZXhwb3J0IGNvbnN0IENhcmRCYW5uZXJXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGJvcmRlcjogMXB4IHNvbGlkICNlMGUwZTA7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0YmFja2dyb3VuZDogcmdiYSgyMzksIDIzMCwgMjQ5LCAwLjIpO1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDEycHg7XG5gO1xuZXhwb3J0IGNvbnN0IENhcmRCYW5uZXJDb250ZW50ID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogOHB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkQmFubmVySWNvbnNXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogOHB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkQmFubmVyQnV0dG9uV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRnYXA6IDhweDtcblx0bWFyZ2luLXRvcDogMTZweDtcbmA7XG4vLyA9PT09PT09PT09PT09PT09PT09PSBDb21tb24gU2hhcmVkIFN0eWxlcyA9PT09PT09PT09PT09PT09PT09PVxuZXhwb3J0IGNvbnN0IENvbXBhbnlJbWFnZVdyYXBwZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0d2lkdGg6IDQwcHg7XG5cdGFzcGVjdC1yYXRpbzogMTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0ZmxleC1zaHJpbms6IDA7XG5cdGltZyB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBCdXR0b25XcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IGF1dG87XG5cdGltZyB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHR9XG5gO1xuLy8gPT09PT09PT09PT09PT09PT09PT0gQ2FyZEJhbm5lciBTdHlsZXMgPT09PT09PT09PT09PT09PT09PT1cbmV4cG9ydCBjb25zdCBDYXJkV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBhdXRvO1xuXHRtYXgtaGVpZ2h0OiAzMDNweDtcblx0bWF4LXdpZHRoOiA0NDBweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xuZXhwb3J0IGNvbnN0IENhcmRGb290ZXJXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDcycHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogMTZweDtcblx0Z2FwOiAxNnB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkSW1hZ2VXcmFwcGVyID0gc3R5bGVkKEltYWdlV3JhcHBlcikgYGA7XG5leHBvcnQgY29uc3QgQ2FyZEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uV3JhcHBlcikgYGA7XG4vLyA9PT09PT09PT09PT09PT09PT09PSBCYW5uZXJJbmxpbmUgU3R5bGVzID09PT09PT09PT09PT09PT09PT09XG5leHBvcnQgY29uc3QgQmFubmVyQ29udGFpbmVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRwYWRkaW5nOiAxNnB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdH07XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IHN0cmV0Y2g7XG5cdGdhcDogMTZweDtcblx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDE4MGRlZywgI2Y4ZjZmZiAwJSwgI2ZmZmZmZiAxMDAlKTtcbmA7XG5leHBvcnQgY29uc3QgTWFpbkNvbnRlbnRXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcblx0ZmxleC1ncm93OiAxO1xuYDtcbmV4cG9ydCBjb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDRweDtcbmA7XG5leHBvcnQgY29uc3QgVGFnV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRnYXA6IDhweDtcbmA7XG5leHBvcnQgY29uc3QgQm90dG9tQnV0dG9uV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogZml0LWNvbnRlbnQ7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcblx0Z2FwOiA4cHg7XG5gO1xuLy8gPT09PT09PT09PT09PT09PT09PT0gQmFubmVyV2l0aEltYWdlIFN0eWxlcyA9PT09PT09PT09PT09PT09PT09PVxuZXhwb3J0IGNvbnN0IEJhbm5lcldpdGhJbWFnZUNvbnRhaW5lciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxNzBweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRib3JkZXI6IDFweCBzb2xpZCAjZTBlMGUwO1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5gO1xuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblx0ZmxleC1ncm93OiAxO1xuXHRwYWRkaW5nOiAyNHB4O1xuXHR6LWluZGV4OiAxO1xuYDtcbmV4cG9ydCBjb25zdCBCYW5uZXJJbWFnZVdyYXBwZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0aGVpZ2h0OiAxNzBweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRpbWcge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRoZWlnaHQ6IDE3MHB4O1xuXHRcdGJvdHRvbTogMDtcblx0XHRyaWdodDogMDtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBCYW5uZXJXaXRoSW1hZ2VCdXR0b25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbldyYXBwZXIpIGBcblx0ZGlzcGxheTogZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRnYXA6IDhweDtcblx0YnV0dG9uIHtcblx0XHRib3JkZXItcmFkaXVzOiAzMnB4O1xuXHR9XG5gO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QmFubmVyLnN0eWxlZC5qcy5tYXAiXX0= */"),R=c(x,"production"===process.env.NODE_ENV?{target:"e1vg61c41"}:{target:"e1vg61c41",label:"CardButtonWrapper"})("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhbm5lci5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFdUQiLCJmaWxlIjoiQmFubmVyLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi9jb25zdGFudHMvVGhlbWUnO1xuZXhwb3J0IGNvbnN0IENhcmRCYW5uZXJXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGJvcmRlcjogMXB4IHNvbGlkICNlMGUwZTA7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0YmFja2dyb3VuZDogcmdiYSgyMzksIDIzMCwgMjQ5LCAwLjIpO1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDEycHg7XG5gO1xuZXhwb3J0IGNvbnN0IENhcmRCYW5uZXJDb250ZW50ID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogOHB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkQmFubmVySWNvbnNXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogOHB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkQmFubmVyQnV0dG9uV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRnYXA6IDhweDtcblx0bWFyZ2luLXRvcDogMTZweDtcbmA7XG4vLyA9PT09PT09PT09PT09PT09PT09PSBDb21tb24gU2hhcmVkIFN0eWxlcyA9PT09PT09PT09PT09PT09PT09PVxuZXhwb3J0IGNvbnN0IENvbXBhbnlJbWFnZVdyYXBwZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0d2lkdGg6IDQwcHg7XG5cdGFzcGVjdC1yYXRpbzogMTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0ZmxleC1zaHJpbms6IDA7XG5cdGltZyB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBCdXR0b25XcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IGF1dG87XG5cdGltZyB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHR9XG5gO1xuLy8gPT09PT09PT09PT09PT09PT09PT0gQ2FyZEJhbm5lciBTdHlsZXMgPT09PT09PT09PT09PT09PT09PT1cbmV4cG9ydCBjb25zdCBDYXJkV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBhdXRvO1xuXHRtYXgtaGVpZ2h0OiAzMDNweDtcblx0bWF4LXdpZHRoOiA0NDBweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xuZXhwb3J0IGNvbnN0IENhcmRGb290ZXJXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDcycHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogMTZweDtcblx0Z2FwOiAxNnB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkSW1hZ2VXcmFwcGVyID0gc3R5bGVkKEltYWdlV3JhcHBlcikgYGA7XG5leHBvcnQgY29uc3QgQ2FyZEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uV3JhcHBlcikgYGA7XG4vLyA9PT09PT09PT09PT09PT09PT09PSBCYW5uZXJJbmxpbmUgU3R5bGVzID09PT09PT09PT09PT09PT09PT09XG5leHBvcnQgY29uc3QgQmFubmVyQ29udGFpbmVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRwYWRkaW5nOiAxNnB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdH07XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IHN0cmV0Y2g7XG5cdGdhcDogMTZweDtcblx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDE4MGRlZywgI2Y4ZjZmZiAwJSwgI2ZmZmZmZiAxMDAlKTtcbmA7XG5leHBvcnQgY29uc3QgTWFpbkNvbnRlbnRXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcblx0ZmxleC1ncm93OiAxO1xuYDtcbmV4cG9ydCBjb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDRweDtcbmA7XG5leHBvcnQgY29uc3QgVGFnV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRnYXA6IDhweDtcbmA7XG5leHBvcnQgY29uc3QgQm90dG9tQnV0dG9uV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogZml0LWNvbnRlbnQ7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcblx0Z2FwOiA4cHg7XG5gO1xuLy8gPT09PT09PT09PT09PT09PT09PT0gQmFubmVyV2l0aEltYWdlIFN0eWxlcyA9PT09PT09PT09PT09PT09PT09PVxuZXhwb3J0IGNvbnN0IEJhbm5lcldpdGhJbWFnZUNvbnRhaW5lciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxNzBweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRib3JkZXI6IDFweCBzb2xpZCAjZTBlMGUwO1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5gO1xuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblx0ZmxleC1ncm93OiAxO1xuXHRwYWRkaW5nOiAyNHB4O1xuXHR6LWluZGV4OiAxO1xuYDtcbmV4cG9ydCBjb25zdCBCYW5uZXJJbWFnZVdyYXBwZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0aGVpZ2h0OiAxNzBweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRpbWcge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRoZWlnaHQ6IDE3MHB4O1xuXHRcdGJvdHRvbTogMDtcblx0XHRyaWdodDogMDtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBCYW5uZXJXaXRoSW1hZ2VCdXR0b25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbldyYXBwZXIpIGBcblx0ZGlzcGxheTogZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRnYXA6IDhweDtcblx0YnV0dG9uIHtcblx0XHRib3JkZXItcmFkaXVzOiAzMnB4O1xuXHR9XG5gO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QmFubmVyLnN0eWxlZC5qcy5tYXAiXX0= */"),e=styled.div`
+`,s=i(l)``,f=i(r)``,g=i.div`
 	width: 100%;
 	padding: 16px;
-	border: 1px solid ${X.stroke.brandLightAlt};
+	border: 1px solid ${e.stroke.brandLightAlt};
 	border-radius: 8px;
 	display: flex;
 	align-items: stretch;
 	gap: 16px;
 	background: linear-gradient(180deg, #f8f6ff 0%, #ffffff 100%);
-`,m=styled.div`
+`,h=i.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	flex-grow: 1;
-`,n=styled.div`
+`,c=i.div`
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
-`,V=styled.div`
+`,u=i.div`
 	display: flex;
 	gap: 8px;
-`,W=styled.div`
+`,m=i.div`
 	width: fit-content;
 	display: flex;
 	align-items: flex-end;
 	gap: 8px;
-`,B=styled.div`
+`,b=i.div`
 	width: 100%;
 	height: 170px;
 	display: flex;
@@ -90,15 +90,15 @@ import c from"@emotion/styled/base";import{COLORS as X}from"../../constants/Them
 	justify-content: space-between;
 	border: 1px solid #e0e0e0;
 	border-radius: 8px;
-	background-color: ${X.background.brandLight};
-`,a=styled.div`
+	background-color: ${e.background.brandLight};
+`,v=i.div`
 	display: flex;
 	flex-direction: column;
 	gap: 24px;
 	flex-grow: 1;
 	padding: 24px;
 	z-index: 1;
-`,H=styled.div`
+`,y=i.div`
 	height: 170px;
 	position: relative;
 	img {
@@ -107,4 +107,11 @@ import c from"@emotion/styled/base";import{COLORS as X}from"../../constants/Them
 		bottom: 0;
 		right: 0;
 	}
-`,I=c(x,"production"===process.env.NODE_ENV?{target:"e1vg61c40"}:{target:"e1vg61c40",label:"BannerWithImageButtonWrapper"})("production"===process.env.NODE_ENV?{name:"1dvq14a",styles:"display:flex;justify-content:flex-start;gap:8px;button{border-radius:32px;}"}:{name:"1dvq14a",styles:"display:flex;justify-content:flex-start;gap:8px;button{border-radius:32px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJhbm5lci5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNJa0UiLCJmaWxlIjoiQmFubmVyLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tICcuLi8uLi9jb25zdGFudHMvVGhlbWUnO1xuZXhwb3J0IGNvbnN0IENhcmRCYW5uZXJXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGJvcmRlcjogMXB4IHNvbGlkICNlMGUwZTA7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0YmFja2dyb3VuZDogcmdiYSgyMzksIDIzMCwgMjQ5LCAwLjIpO1xuXHRwYWRkaW5nOiAyNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDEycHg7XG5gO1xuZXhwb3J0IGNvbnN0IENhcmRCYW5uZXJDb250ZW50ID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogOHB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkQmFubmVySWNvbnNXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGdhcDogOHB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkQmFubmVyQnV0dG9uV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRnYXA6IDhweDtcblx0bWFyZ2luLXRvcDogMTZweDtcbmA7XG4vLyA9PT09PT09PT09PT09PT09PT09PSBDb21tb24gU2hhcmVkIFN0eWxlcyA9PT09PT09PT09PT09PT09PT09PVxuZXhwb3J0IGNvbnN0IENvbXBhbnlJbWFnZVdyYXBwZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0d2lkdGg6IDQwcHg7XG5cdGFzcGVjdC1yYXRpbzogMTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0ZmxleC1zaHJpbms6IDA7XG5cdGltZyB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBCdXR0b25XcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiBmaXQtY29udGVudDtcbmA7XG5leHBvcnQgY29uc3QgSW1hZ2VXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IGF1dG87XG5cdGltZyB7XG5cdFx0d2lkdGg6IDEwMCU7XG5cdFx0aGVpZ2h0OiBhdXRvO1xuXHR9XG5gO1xuLy8gPT09PT09PT09PT09PT09PT09PT0gQ2FyZEJhbm5lciBTdHlsZXMgPT09PT09PT09PT09PT09PT09PT1cbmV4cG9ydCBjb25zdCBDYXJkV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiBhdXRvO1xuXHRtYXgtaGVpZ2h0OiAzMDNweDtcblx0bWF4LXdpZHRoOiA0NDBweDtcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJhY2tncm91bmQtY29sb3I6ICNmZmY7XG5cdG92ZXJmbG93OiBoaWRkZW47XG5gO1xuZXhwb3J0IGNvbnN0IENhcmRGb290ZXJXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRoZWlnaHQ6IDcycHg7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cGFkZGluZzogMTZweDtcblx0Z2FwOiAxNnB4O1xuYDtcbmV4cG9ydCBjb25zdCBDYXJkSW1hZ2VXcmFwcGVyID0gc3R5bGVkKEltYWdlV3JhcHBlcikgYGA7XG5leHBvcnQgY29uc3QgQ2FyZEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uV3JhcHBlcikgYGA7XG4vLyA9PT09PT09PT09PT09PT09PT09PSBCYW5uZXJJbmxpbmUgU3R5bGVzID09PT09PT09PT09PT09PT09PT09XG5leHBvcnQgY29uc3QgQmFubmVyQ29udGFpbmVyID0gc3R5bGVkWydkaXYnXSBgXG5cdHdpZHRoOiAxMDAlO1xuXHRwYWRkaW5nOiAxNnB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdH07XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IHN0cmV0Y2g7XG5cdGdhcDogMTZweDtcblx0YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDE4MGRlZywgI2Y4ZjZmZiAwJSwgI2ZmZmZmZiAxMDAlKTtcbmA7XG5leHBvcnQgY29uc3QgTWFpbkNvbnRlbnRXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcblx0ZmxleC1ncm93OiAxO1xuYDtcbmV4cG9ydCBjb25zdCBUZXh0V3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDRweDtcbmA7XG5leHBvcnQgY29uc3QgVGFnV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRnYXA6IDhweDtcbmA7XG5leHBvcnQgY29uc3QgQm90dG9tQnV0dG9uV3JhcHBlciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogZml0LWNvbnRlbnQ7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcblx0Z2FwOiA4cHg7XG5gO1xuLy8gPT09PT09PT09PT09PT09PT09PT0gQmFubmVyV2l0aEltYWdlIFN0eWxlcyA9PT09PT09PT09PT09PT09PT09PVxuZXhwb3J0IGNvbnN0IEJhbm5lcldpdGhJbWFnZUNvbnRhaW5lciA9IHN0eWxlZFsnZGl2J10gYFxuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiAxNzBweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRib3JkZXI6IDFweCBzb2xpZCAjZTBlMGUwO1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5gO1xuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblx0ZmxleC1ncm93OiAxO1xuXHRwYWRkaW5nOiAyNHB4O1xuXHR6LWluZGV4OiAxO1xuYDtcbmV4cG9ydCBjb25zdCBCYW5uZXJJbWFnZVdyYXBwZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0aGVpZ2h0OiAxNzBweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRpbWcge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRoZWlnaHQ6IDE3MHB4O1xuXHRcdGJvdHRvbTogMDtcblx0XHRyaWdodDogMDtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBCYW5uZXJXaXRoSW1hZ2VCdXR0b25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbldyYXBwZXIpIGBcblx0ZGlzcGxheTogZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRnYXA6IDhweDtcblx0YnV0dG9uIHtcblx0XHRib3JkZXItcmFkaXVzOiAzMnB4O1xuXHR9XG5gO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QmFubmVyLnN0eWxlZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});export{e as BannerContainer,H as BannerImageWrapper,I as BannerWithImageButtonWrapper,B as BannerWithImageContainer,W as BottomButtonWrapper,x as ButtonWrapper,l as CardBannerButtonWrapper,b as CardBannerContent,d as CardBannerIconsWrapper,G as CardBannerWrapper,R as CardButtonWrapper,t as CardFooterWrapper,i as CardImageWrapper,u as CardWrapper,Z as CompanyImageWrapper,a as ContentWrapper,g as ImageWrapper,m as MainContentWrapper,V as TagWrapper,n as TextWrapper};
+`,w=i(r)`
+	display: flex;
+	justify-content: flex-start;
+	gap: 8px;
+	button {
+		border-radius: 32px;
+	}
+`;export{g as BannerContainer,y as BannerImageWrapper,w as BannerWithImageButtonWrapper,b as BannerWithImageContainer,m as BottomButtonWrapper,r as ButtonWrapper,o as CardBannerButtonWrapper,t as CardBannerContent,p as CardBannerIconsWrapper,d as CardBannerWrapper,f as CardButtonWrapper,n as CardFooterWrapper,s as CardImageWrapper,x as CardWrapper,a as CompanyImageWrapper,v as ContentWrapper,l as ImageWrapper,h as MainContentWrapper,u as TagWrapper,c as TextWrapper};

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

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

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

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

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

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

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

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