npm - @bikdotai/bik-component-library - Versions diffs - 0.0.788-beta.8 → 0.0.788 - Mend

@bikdotai/bik-component-library 0.0.788-beta.8 → 0.0.788

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1583) hide show

package/dist/esm/components/accordion/Accordion.d.ts CHANGED Viewed

@@ -1,36 +1,3 @@
-import React, { ReactNode } from 'react';
-export type HeaderButton = {
-    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    title: string;
-    onClick: () => void;
-    style?: React.CSSProperties;
-};
-export interface AccordionProps {
-    header: JSX.Element | string;
-    subHeader?: JSX.Element | string;
-    caption?: string;
-    children: ReactNode;
-    width?: string;
-    rightActionComponent?: JSX.Element;
-    contentMargin?: string;
-    skipHoverHeader?: boolean;
-    headerPadding?: string;
-    showBorders?: boolean;
-    backgroundColor?: string;
-    refresh?: number | boolean;
-    autoOpen?: boolean;
-    childrenMaxHeight?: number;
-    openDirection?: 'DOWN' | 'UP';
-    containerStyle?: React.CSSProperties;
-    headerStyles?: React.CSSProperties;
-    onToggleAccordion?: (state: boolean) => void;
-    arrowColor?: string;
-    isOpen?: boolean;
-    buttonLinkText?: string;
-    onButtonLinkClick?: () => void;
-    captionStyle?: React.CSSProperties;
-    borderColor?: string;
-    borderRadius?: string;
-    headerButtons?: HeaderButton[];
-}
+import React from 'react';
+import { AccordionProps } from './Accordion.model';
 export declare const BikAccordion: React.FC<AccordionProps>;

package/dist/esm/components/accordion/Accordion.model.d.ts ADDED Viewed

@@ -0,0 +1,35 @@
+import type { ReactNode } from 'react';
+export type HeaderButton = {
+    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    title: string;
+    onClick: () => void;
+    style?: React.CSSProperties;
+};
+export interface AccordionProps {
+    header: JSX.Element | string;
+    subHeader?: JSX.Element | string;
+    caption?: string;
+    children: ReactNode;
+    width?: string;
+    rightActionComponent?: JSX.Element;
+    contentMargin?: string;
+    skipHoverHeader?: boolean;
+    headerPadding?: string;
+    showBorders?: boolean;
+    backgroundColor?: string;
+    refresh?: number | boolean;
+    autoOpen?: boolean;
+    childrenMaxHeight?: number;
+    openDirection?: 'DOWN' | 'UP';
+    containerStyle?: React.CSSProperties;
+    headerStyles?: React.CSSProperties;
+    onToggleAccordion?: (state: boolean) => void;
+    arrowColor?: string;
+    isOpen?: boolean;
+    buttonLinkText?: string;
+    onButtonLinkClick?: () => void;
+    captionStyle?: React.CSSProperties;
+    borderColor?: string;
+    borderRadius?: string;
+    headerButtons?: HeaderButton[];
+}

package/dist/esm/components/accordion/Accordion.style.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { AccordionProps } from './Accordion';
+import { AccordionProps } from './Accordion.model';
 declare const AccordionStyle: import("styled-components").StyledComponent<"div", any, {
     isActive: boolean;
     width?: string | undefined;

package/dist/esm/components/alerts/Alert.styled.js CHANGED Viewed

@@ -1,17 +1,18 @@
-import o from"styled-components";import{CONTENT_POSITION as e,COLOR_CONFIG_MAP as t}from"./AlertHelper.js";const i=o.div`
+import e from"styled-components";import{CONTENT_POSITION as o,COLOR_CONFIG_MAP as t}from"./AlertHelper.js";const i=e.div`
 	display: flex;
 	align-items: center;
-	justify-content: ${o=>o.contentPosition||e.CENTER};
+	justify-content: ${e=>e.contentPosition||o.CENTER};
 	padding: 8px 16px;
-	background-color: ${o=>t[o.type].backgroundColor};
+	background-color: ${e=>t[e.type].backgroundColor};
 	border-radius: 4px;
-	border: 1px solid ${o=>t[o.type].borderColor};
-`,r=o.div`
+	border: 1px solid ${e=>t[e.type].borderColor};
+`,n=e.div`
 	flex: 1;
 	display: flex;
-	justify-content: ${o=>o.contentPosition||e.CENTER};
-`,n=o.div`
+	justify-content: ${e=>e.contentPosition||o.CENTER};
+	align-items: center;
+`,r=e.div`
 	margin-left: 16px;
 	display: flex;
 	align-items: center;
-`;export{r as AlertContentWrapper,i as AlertStyle,n as CloseIconWrapper};
+`;export{n as AlertContentWrapper,i as AlertStyle,r as CloseIconWrapper};

package/dist/esm/components/analytics-card/AnalyticsCard.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-export type ModeType = 'light' | 'dark';
+import { ModeType } from './AnalyticsCard.model';
 export declare const AnalyticsCard: React.FC<{
     cardInfo: {
         [category: string]: string;

package/dist/esm/components/analytics-card/AnalyticsCard.model.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export type ModeType = 'light' \| 'dark';

package/dist/esm/components/analytics-card/AnalyticsCard.styled.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ModeType } from './AnalyticsCard';
+import { ModeType } from './AnalyticsCard.model';
 export declare const AnalyticsContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.d.ts CHANGED Viewed

@@ -1,19 +1,3 @@
 import React from 'react';
-export interface AnalyticsChipInterface {
-    title: string;
-    primaryValue: string;
-    backgroundColor?: string;
-    captionColor?: string;
-    titleColor?: string;
-    width?: number | string;
-    extraJSX?: JSX.Element;
-    tooltipContent?: string;
-    style?: React.CSSProperties;
-    channelConfig?: {
-        whatsapp?: string;
-        instagram?: string;
-        email?: string;
-        sms?: string;
-    };
-}
+import { AnalyticsChipInterface } from './AnalyticsChip.model';
 export declare const AnalyticsChip: React.FC<AnalyticsChipInterface>;

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChip.model.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+export interface AnalyticsChipInterface {
+    title: string;
+    primaryValue: string;
+    backgroundColor?: string;
+    captionColor?: string;
+    titleColor?: string;
+    width?: number | string;
+    extraJSX?: JSX.Element;
+    tooltipContent?: string;
+    style?: React.CSSProperties;
+    channelConfig?: {
+        whatsapp?: string;
+        instagram?: string;
+        email?: string;
+        sms?: string;
+    };
+}

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsChipChannelFooter.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { AnalyticsChipInterface } from './AnalyticsChip';
+import { AnalyticsChipInterface } from './AnalyticsChip.model';
 export declare const AnalyticsChipChannelFooter: (props: {
     channelConfig: AnalyticsChipInterface['channelConfig'];
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useState as n,useRef as i,useEffect as s}from"react";import{Dropdown as l}from"react-bootstrap";import r from"react-dom";import{DEFAULT_THEME as d,BASE_COLORS as a}from"../../constants/Theme.js";import{DatePicker as c}from"../datePicker/DatePicker.js";import"react-calendar";import"../../utils/DateUtils.js";import{BodySecondary as p,BodyCaption as m,Caption as u}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import"../datePicker/model.js";import"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"lodash/debounce";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import"../datePicker/DatePicker.styled.js";import{MainDropdown as g,ItemMenuContainer as v}from"./CommonStyles.js";const w=a=>{let{options:m,placeholder:v="Select an option",selected:w,onOptionSelected:j,resetDropdown:b,maxHeight:y,backgroundcolor:D,calendarPopperConfig:k,variant:f="default",datePickerPlacement:S,closeDropdown:I,labelColor:P,styleProps:R,showTimePicker:C=!1}=a;var x,L,T;const[F,$]=n(!1),[M,B]=n(w),[E,A]=n(),[N,H]=n(!1),[V,z]=n(w),U=i(null),W="small"===f?u:p;s((()=>{b&&B(void 0)}),[b]),s((()=>{var e;(null==w?void 0:w.isCustom)&&(null===(e=w.dateRangeSelectionOptions)\|\|void 0===e?void 0:e.selectedDates)?A(w.dateRangeSelectionOptions.selectedDates):A(void 0),B(w)}),[w]),s((()=>{H(!1),$(!1)}),[I]);const Y=e=>{void 0!==e?(H(e),F&&$(!1)):H((e=>!e))},Z=e=>{U.current&&!U.current.contains(e.target)&&(F&&$(!1),Y(!1))};return s((()=>(N&&document.addEventListener("mousedown",Z),()=>{document.removeEventListener("mousedown",Z)})),[N]),e(o,{children:t(g,Object.assign({drop:"down",show:N,onToggle:Y,bgColor:D,id:"analytic-dropdown"},{children:[e(l.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===f?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${d.colorsV2.stroke.primary}`}:R\|\|void 0},{children:e(W,Object.assign({style:"small"===f\|\|P?{color:P\|\|d.colorsV2.content.secondary}:void 0},{children:(null==M?void 0:M.isCustom)?E?h(E[0],C)===h(E[1],C)?`${h(E[0],C)}`:`${h(E[0],C)} to ${h(E[1],C)}`:(null==V?void 0:V.label)?null==V?void 0:V.label:v:M?null==M?void 0:M.label:v}))})),r.createPortal(e(l.Menu,Object.assign({className:"main--dropdown",style:{padding:0},ref:U},{children:t(g,Object.assign({drop:null!=S?S:"end",id:"sub--dropdown",show:F,onToggle:e=>{!e&&H(!1),$(!F)}},{children:[e("div",Object.assign({style:{maxHeight:y\|\|"auto",overflowY:"scroll"}},{children:m.map(((o,t)=>{var n;return e("div",{children:(null==o?void 0:o.isCustom)?e(l.Toggle,Object.assign({className:"sub--dropdown"},{children:e(O,{isFirstItem:0===t,isLastItem:t===m.length-1,eachOption:o,selectedOption:M,selectedDate:E,onClickingEachItem:e=>{B(e),$(!0)},rangeSelection:!!(null===(n=null==o?void 0:o.dateRangeSelectionOptions)\|\|void 0===n?void 0:n.selectRange),showTimePicker:C})})):e(O,{isFirstItem:0===t,isLastItem:t===m.length-1,eachOption:o,selectedOption:M,selectedDate:E,onClickingEachItem:e=>{if(A(void 0),B(e),z(e),Y(),!e.noOfDays)return void j(e);const o=new Date,t=new Date;t.setDate(o.getDate()-e.noOfDays),j(Object.assign(Object.assign({},e),{selectedRange:[t,o]}))},showTimePicker:C})},null==o?void 0:o.key)}))})),e(l.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==k?void 0:k.offsetSkid)\|\|0,(null==k?void 0:k.offsetDistance)\|\|0]}}]}},{children:e(c,{selectRange:(null===(x=null==M?void 0:M.dateRangeSelectionOptions)\|\|void 0===x?void 0:x.selectRange)\|\|!1,showTimePicker:C,maxDate:null===(L=null==M?void 0:M.dateRangeSelectionOptions)\|\|void 0===L?void 0:L.maxDate,minDate:null===(T=null==M?void 0:M.dateRangeSelectionOptions)\|\|void 0===T?void 0:T.minDate,selectedDates:E,onSelectRange:(e,o)=>{const t=[e,o];(null==M?void 0:M.dateRangeSelectionOptions)&&(M.dateRangeSelectionOptions.selectedDates=t,j(Object.assign(Object.assign({},M),{selectedRange:[e,o]}))),z(M),$(!1),A(t),H(!N)},onSelectDate:e=>{(null==M?void 0:M.dateRangeSelectionOptions)&&(M.dateRangeSelectionOptions.selectedDates=[e,e],j(Object.assign(Object.assign({},M),{selectedRange:[e,e]}))),z(M),$(!1),A([e,e]),H(!N)}})}))]}))})),document.body)]}))})},O=n=>{let{eachOption:i,selectedOption:s,selectedDate:l,onClickingEachItem:r,rangeSelection:d,isLastItem:c,isFirstItem:u,showTimePicker:g}=n;return t(v,Object.assign({isFirstItem:u,isLastItem:c,onClick:()=>r(i),isSelected:i.isCustom?i.key==(null==s?void 0:s.key)&&!!l:i.key==(null==s?void 0:s.key)},{children:[e(p,Object.assign({color:i.key==(null==s?void 0:s.key)?a.positive[900]:a.grayscale[900]},{children:i.label})),i.subLabel?e(m,Object.assign({style:{color:a.grayscale[700]}},{children:i.subLabel})):e(o,{}),l&&(null==s?void 0:s.isCustom)&&i.key==(null==s?void 0:s.key)&&e(m,Object.assign({style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"}},{children:d?`${h(l[0],g)} to ${h(l[1],g)}`:`${h(l[0],g)}`}))]}),i.key)},h=(e,o)=>{const t=e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});if(o){return`${t} (${e.toLocaleString("default",{hour:"numeric",minute:"2-digit",hour12:!0})})`}return t};export{w as AnalyticsDropdown,O as EachItem,h as formatDate};
1	+ import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{useState as n,useRef as i,useEffect as s}from"react";import{Dropdown as l}from"react-bootstrap";import r from"react-dom";import{DEFAULT_THEME as d,BASE_COLORS as a}from"../../constants/Theme.js";import{DatePicker as c}from"../datePicker/DatePicker.js";import"react-calendar";import"../../utils/DateUtils.js";import{BodySecondary as p,BodyCaption as m,Caption as u}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import"../datePicker/model.js";import"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../../_virtual/_tslib.js";import"lodash/debounce";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import"../datePicker/DatePicker.styled.js";import{MainDropdown as g,ItemMenuContainer as v}from"./CommonStyles.js";const w=a=>{let{options:m,placeholder:v="Select an option",selected:w,onOptionSelected:h,resetDropdown:b,maxHeight:y,backgroundcolor:D,calendarPopperConfig:k,variant:f="default",datePickerPlacement:S,closeDropdown:I,labelColor:P,styleProps:R,showTimePicker:C=!1}=a;var x,L,T;const[F,$]=n(!1),[M,B]=n(w),[E,A]=n(),[N,H]=n(!1),[V,_]=n(w),z=i(null),U="small"===f?u:p;s((()=>{b&&B(void 0)}),[b]),s((()=>{var e;(null==w?void 0:w.isCustom)&&(null===(e=w.dateRangeSelectionOptions)\|\|void 0===e?void 0:e.selectedDates)?A(w.dateRangeSelectionOptions.selectedDates):A(void 0),B(w)}),[w]),s((()=>{H(!1),$(!1)}),[I]);const W=e=>{void 0!==e?(H(e),F&&$(!1)):H((e=>!e))},Y=e=>{z.current&&!z.current.contains(e.target)&&(F&&$(!1),W(!1))};return s((()=>(N&&document.addEventListener("mousedown",Y),()=>{document.removeEventListener("mousedown",Y)})),[N]),e(o,{children:t(g,Object.assign({drop:"down",show:N,onToggle:W,bgColor:D,id:"analytic-dropdown"},{children:[e(l.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===f?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${d.colorsV2.stroke.primary}`}:R\|\|void 0},{children:e(U,Object.assign({style:"small"===f\|\|P?{color:P\|\|d.colorsV2.content.secondary}:void 0},{children:(null==M?void 0:M.isCustom)?E?O(E[0],C)===O(E[1],C)?`${O(E[0],C)}`:`${O(E[0],C)} to ${O(E[1],C)}`:(null==V?void 0:V.label)?null==V?void 0:V.label:v:M?null==M?void 0:M.label:v}))})),r.createPortal(e(l.Menu,Object.assign({className:"main--dropdown",style:{padding:0},ref:z},{children:t(g,Object.assign({drop:null!=S?S:"end",id:"sub--dropdown",show:F,onToggle:e=>{!e&&H(!1),$(!F)}},{children:[e("div",Object.assign({style:{maxHeight:y\|\|"auto",overflowY:"scroll"}},{children:m.map(((o,t)=>{var n;return e("div",{children:(null==o?void 0:o.isCustom)?e(l.Toggle,Object.assign({className:"sub--dropdown"},{children:e(j,{isFirstItem:0===t,isLastItem:t===m.length-1,eachOption:o,selectedOption:M,selectedDate:E,onClickingEachItem:e=>{B(e),$(!0)},rangeSelection:!!(null===(n=null==o?void 0:o.dateRangeSelectionOptions)\|\|void 0===n?void 0:n.selectRange),showTimePicker:C})})):e(j,{isFirstItem:0===t,isLastItem:t===m.length-1,eachOption:o,selectedOption:M,selectedDate:E,onClickingEachItem:e=>{if(A(void 0),B(e),_(e),W(),!e.noOfDays)return void h(e);const o=new Date,t=new Date;t.setDate(o.getDate()-e.noOfDays),h(Object.assign(Object.assign({},e),{selectedRange:[t,o]}))},showTimePicker:C})},null==o?void 0:o.key)}))})),e(l.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==k?void 0:k.offsetSkid)\|\|0,(null==k?void 0:k.offsetDistance)\|\|0]}}]}},{children:e(c,{selectRange:(null===(x=null==M?void 0:M.dateRangeSelectionOptions)\|\|void 0===x?void 0:x.selectRange)\|\|!1,showTimePicker:C,maxDate:null===(L=null==M?void 0:M.dateRangeSelectionOptions)\|\|void 0===L?void 0:L.maxDate,minDate:null===(T=null==M?void 0:M.dateRangeSelectionOptions)\|\|void 0===T?void 0:T.minDate,selectedDates:E,onSelectRange:(e,o)=>{const t=[e,o];(null==M?void 0:M.dateRangeSelectionOptions)&&(M.dateRangeSelectionOptions.selectedDates=t,h(Object.assign(Object.assign({},M),{selectedRange:[e,o]}))),_(M),$(!1),A(t),H(!N)},onSelectDate:e=>{(null==M?void 0:M.dateRangeSelectionOptions)&&(M.dateRangeSelectionOptions.selectedDates=[e,e],h(Object.assign(Object.assign({},M),{selectedRange:[e,e]}))),_(M),$(!1),A([e,e]),H(!N)}})}))]}))})),document.body)]}))})},j=n=>{let{eachOption:i,selectedOption:s,selectedDate:l,onClickingEachItem:r,rangeSelection:d,isLastItem:c,isFirstItem:u,showTimePicker:g}=n;return t(v,Object.assign({isFirstItem:u,isLastItem:c,onClick:()=>r(i),isSelected:i.isCustom?i.key==(null==s?void 0:s.key)&&!!l:i.key==(null==s?void 0:s.key)},{children:[e(p,Object.assign({color:i.key==(null==s?void 0:s.key)?a.positive[900]:a.grayscale[900]},{children:i.label})),i.subLabel?e(m,Object.assign({style:{color:a.grayscale[700]}},{children:i.subLabel})):e(o,{}),l&&(null==s?void 0:s.isCustom)&&i.key==(null==s?void 0:s.key)&&e(m,Object.assign({style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"}},{children:d?`${O(l[0],g)} to ${O(l[1],g)}`:`${O(l[0],g)}`}))]}),i.key)},O=(e,o)=>{const t=e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});if(o){return`${t} (${e.toLocaleString("default",{hour:"numeric",minute:"2-digit",hour12:!0})})`}return t};export{w as AnalyticsDropdown,j as EachItem,O as formatDate};

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsMultiChip.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AnalyticsChipInterface } from './AnalyticsChip';
+import { AnalyticsChipInterface } from './AnalyticsChip.model';
 export declare const AnalyticsMultiChip: React.FC<{
     chipDetails: AnalyticsChipInterface[];
     wrapperStyle?: React.CSSProperties;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as t,jsx as o}from"react/jsx-runtime";import{Chart as a,CategoryScale as i,LinearScale as e,BarElement as r,Tooltip as l}from"chart.js";import n from"chartjs-plugin-datalabels";import{Bar as s}from"react-chartjs-2";import{TitleRegular as d}from"../../../TypographyStyle.js";import{COLORS as c,FONTS as p}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as g,truncateValueForIndianStore as x}from"../utils/calcPercentage.js";import{GraphContainerWrapper as b}from"./HorizontalGraph.styles.js";a.register(i,e,r,l,n);const m=a=>{var i,e,r,l,n,m,f,u,y;const h=-1~~===a~~.xAxis.data.findIndex((t=>0!==t)),A={min:0,max:2e3,stepSize:null!==(i=a.xAxis.stepSize)&&void 0!==i?i:200},v={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:a.maintainAspectRatio,layout:{padding:{right:a.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!h,callbacks:{label:a.xAxis.toolTipCallback,footer:null===(e=a.tooltipConfig)\|\|void 0===e?void 0:e.footerCallback},footerFont:null===(l=null===(r=a.tooltipConfig)\|\|void 0===r?void 0:r.footerStyles)\|\|void 0===l?void 0:l.footerFont},datalabels:{display:null!==(n=!h&&a.showTotal)&&void 0!==n&&n,anchor:"end",align:"end",clamp:!0,formatter:(t,o)=>{var i;const e=o.datasetIndex,r=o.chart.data.datasets;if(e!==r.length-1)return"";const l=o.dataIndex;let n=0;for(let t=0;t<r.length;t++)n+=null!==(i=r[t].data[l])&&void 0!==i?i:0;return n?a.isInternationalStore?g(n):x(n):""},color:c.content.secondary}},scales:{y:{title:{display:!!a.yAxis.title,text:a.yAxis.title,color:a.yAxis.titleColor,font:{size:p.caption.fontSize,color:a.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:c.background.base},ticks:{fontSize:p.caption.fontSize,color:null!==(m=a.yAxis.labelColor)&&void 0!==m?m:c.content.secondary}},x:{title:{display:!!a.xAxis.title,text:a.xAxis.title,color:a.xAxis.titleColor,font:{size:p.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:c.background.base},ticks:Object.assign({callback:a.xAxis.ticksCallback,fontSize:p.caption.fontSize,color:null!==(f=a.xAxis.labelColor)&&void 0!==f?f:c.content.secondary},h?A:{max:a.xAxis.max,stepSize:a.xAxis.stepSize})}}},~~C={labels~~:a.~~yAxis~~.~~data~~.~~map~~((t~~=>t.toString~~()~~)),datasets:[{data:h~~?~~[250~~,~~1e3~~,~~800~~,~~1500,300,600]~~:a.~~xAxis~~.~~data,backgroundColor~~:t=>(t=>{var o;const i=t.chart.ctx.createLinearGradient(0,0,0,200);let e="";if(h)e="rgba(0,0,0,0)";else if(a.barColorRGBA){const t=a.barColorRGBA;e=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(o=t.a)&&void 0!==o?o:"0.3"})`}return i.addColorStop(0,e\|\|"rgba(146, 96, 237, 0.3)"),i.addColorStop(1,e\|\|"rgba(146, 96, 237, 0.3)"),i})(t),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(b,Object.assign({padding:a.outerPadding,skipOuterLayout:a.skipOuterLayout},{children:[a.chartHeading&&o(d,Object.assign({color:null!==(u=a.chartHeading.color)&&void 0!==u?u:c.content.secondary},{children:a.chartHeading.heading})),o("div",Object.assign({style:{height:a.maintainAspectRatio?void 0:null!==(y=a.graphCanvasHeight)&&void 0!==y?y:500}},{children:o(s,{options:v,data:C})}))]}))};export{m as HorizontalGraph};
1	+ import{jsxs as t,jsx as a}from"react/jsx-runtime";import{Chart as o,CategoryScale as e,LinearScale as i,BarElement as r,Tooltip as l}from"chart.js";import s from"chartjs-plugin-datalabels";import{Bar as n}from"react-chartjs-2";import{TitleRegular as d}from"../../../TypographyStyle.js";import{COLORS as c,FONTS as g}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as p,truncateValueForIndianStore as b}from"../utils/calcPercentage.js";import{GraphContainerWrapper as x}from"./HorizontalGraph.styles.js";o.register(e,i,r,l,s);const u=o=>{var e,i,r,l,s,u,m,f,h,k,y;const C=[250,1e3,800,1500,300,600],v=o.stacked&&o.stackedDatasets&&o.stackedDatasets.length>0&&o.stackedDatasets.some((t=>t.data.some((t=>0!==t)))),A=-1!==o.xAxis.data.findIndex((t=>0!==t)),S=!v&&!A,z={min:0,max:2e3,stepSize:null!==(e=o.xAxis.stepSize)&&void 0!==e?e:200},j={indexAxis:"y",elements:{},responsive:!0,maintainAspectRatio:o.maintainAspectRatio,layout:{padding:{right:o.showTotal?50:0}},plugins:{legend:{display:!1},tooltip:{enabled:!S,callbacks:{label:o.xAxis.toolTipCallback,footer:null===(i=o.tooltipConfig)\|\|void 0===i?void 0:i.footerCallback},footerFont:null===(l=null===(r=o.tooltipConfig)\|\|void 0===r?void 0:r.footerStyles)\|\|void 0===l?void 0:l.footerFont},datalabels:{display:null!==(s=!S&&o.showTotal)&&void 0!==s&&s,anchor:"end",align:"end",clamp:!0,formatter:(t,a)=>{var e;const i=a.datasetIndex,r=a.chart.data.datasets;if(i!==r.length-1)return"";const l=a.dataIndex;let s=0;for(let t=0;t<r.length;t++)s+=null!==(e=r[t].data[l])&&void 0!==e?e:0;return s?o.isInternationalStore?p(s):b(s):""},color:c.content.secondary}},scales:{y:{stacked:null!==(u=o.stacked)&&void 0!==u&&u,title:{display:!!o.yAxis.title,text:o.yAxis.title,color:o.yAxis.titleColor,font:{size:g.caption.fontSize,color:o.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:c.background.base},ticks:{fontSize:g.caption.fontSize,color:null!==(m=o.yAxis.labelColor)&&void 0!==m?m:c.content.secondary}},x:{stacked:null!==(f=o.stacked)&&void 0!==f&&f,title:{display:!!o.xAxis.title,text:o.xAxis.title,color:o.xAxis.titleColor,font:{size:g.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:c.background.base},ticks:Object.assign({callback:o.xAxis.ticksCallback,fontSize:g.caption.fontSize,color:null!==(h=o.xAxis.labelColor)&&void 0!==h?h:c.content.secondary},S?z:{max:o.xAxis.max,stepSize:o.xAxis.stepSize})}},onClick:(t,a)=>{if(a.length>0&&o.onBarClick){const t=a[0].index;o.onBarClick(t)}}},R=()=>S?"rgba(0,0,0,0)":o.barColors&&o.barColors.length>0?o.barColors:t=>(t=>{var a;const e=t.chart.ctx.createLinearGradient(0,0,0,200);let i="";if(S)i="rgba(0,0,0,0)";else if(o.barColorRGBA){const t=o.barColorRGBA;i=`rgba(${t.r}, ${t.g}, ${t.b}, ${null!==(a=t.a)&&void 0!==a?a:"0.3"})`}return e.addColorStop(0,i\|\|"rgba(146, 96, 237, 0.3)"),e.addColorStop(1,i\|\|"rgba(146, 96, 237, 0.3)"),e})(t),D={labels:o.yAxis.data.map((t=>t.toString())),datasets:o.stacked&&o.stackedDatasets&&o.stackedDatasets.length>0?o.stackedDatasets.map((t=>({label:t.label\|\|"",data:S?C:t.data,backgroundColor:t.backgroundColor,barPercentage:.4,categoryPercentage:1,borderRadius:4}))):[{data:S?C:o.xAxis.data,backgroundColor:R(),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return t(x,Object.assign({padding:o.outerPadding,skipOuterLayout:o.skipOuterLayout},{children:[o.chartHeading&&a(d,Object.assign({color:null!==(k=o.chartHeading.color)&&void 0!==k?k:c.content.secondary},{children:o.chartHeading.heading})),a("div",Object.assign({style:{height:o.maintainAspectRatio?void 0:null!==(y=o.graphCanvasHeight)&&void 0!==y?y:500}},{children:a(n,{options:j,data:D})}))]}))};export{u as HorizontalGraph};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/LazyCharts.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import React from 'react';
2	+ export declare const LazyVerticalGraph: React.LazyExoticComponent<React.FC<import("./VerticalBarGraph/VerticalGraph").VerticalGraphI>>;

package/dist/esm/components/analytics-chips-and-dropdowns/chart/LazyCharts.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import r from"react";const a=r.lazy((()=>import("./VerticalBarGraph/VerticalGraph.js").then((r=>({default:r.VerticalGraph})))));export{a as LazyVerticalGraph};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js CHANGED Viewed

	@@ -1 +1 @@
1	- import g from"@emotion/styled/base";import{jsx as I,Fragment as C,jsxs as A}from"react/jsx-runtime";import c from"../../../../assets/icons/ChartBar.svg.js";import l from"../../../../assets/icons/maximize.svg.js";import{Chart as b,ArcElement as G,Legend as d}from"chart.js";import X,{useState as i,useEffect as s,Suspense as a}from"react";import{Doughnut as n}from"react-chartjs-2";import{IconButton as h}from"../../../icon-button/IconButton.js";import{StyledModal as e}from"../../../modals/styledModal.js";import{TitleMedium as H}from"../../../TypographyStyle.js";import t from"../../../../utils/StringUtils.js";import{COLORS as o}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as Z,truncateValueForIndianStore as J}from"../utils/calcPercentage.js";import{PieChart as B}from"./PieChart.js";const y=X.lazy((()=>import("../VerticalBarGraph/VerticalGraph.js").then((g=>({default:g.VerticalGraph})))));b.register(G,d);const Y=g=>({plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:I=>{var C;if(!I.label)return" 0%";const A=I.dataset.data.reduce(((g,I)=>g+I),0),c=parseFloat((I.raw/A100).toFixed(1)),{label:l,raw:b}=I,G=null!==(C=null==g?void 0:g.symbol)&&void 0!==C?C:"",d=null==g?void 0:g.isInternationalStore;return[` ${l}`,` ${G}${void 0!==d?d?Z(b):J(b):b} (${c}% of ${G}${void 0!==d?d?Z(A):J(A):A})`]}}}}}),R=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],p=g("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(g=>o.surface.standard),";border:1px solid ",(g=>o.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRjhCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgQmFyQ2hhcnRJY29uIGZyb20gJ0BzcmMvYXNzZXRzL2ljb25zL0NoYXJ0QmFyLnN2Zyc7XHJcbmltcG9ydCBNYXhpbWl6ZUljb24gZnJvbSAnQHNyYy9hc3NldHMvaWNvbnMvbWF4aW1pemUuc3ZnJztcclxuaW1wb3J0IHsgQXJjRWxlbWVudCwgQ2hhcnQgYXMgQ2hhcnRKUywgTGVnZW5kIH0gZnJvbSAnY2hhcnQuanMnO1xyXG5pbXBvcnQgUmVhY3QsIHsgU3VzcGVuc2UsIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERvdWdobnV0IH0gZnJvbSAncmVhY3QtY2hhcnRqcy0yJztcclxuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCIuLi8uLi8uLi9pY29uLWJ1dHRvblwiO1xyXG5pbXBvcnQgeyBTdHlsZWRNb2RhbCB9IGZyb20gXCIuLi8uLi8uLi9tb2RhbHNcIjtcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCBTdHJpbmdVdGlscyBmcm9tIFwiLi4vLi4vLi4vLi4vdXRpbHMvU3RyaW5nVXRpbHNcIjtcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyB0cnVuY2F0ZVZhbHVlRm9ySW5kaWFuU3RvcmUsIHRydW5jYXRlVmFsdWVGb3JJbnRlcm5hdGlvbmFsU3RvcmUsIH0gZnJvbSAnLi4vdXRpbHMvY2FsY1BlcmNlbnRhZ2UnO1xyXG5pbXBvcnQgeyBQaWVDaGFydCB9IGZyb20gJy4vUGllQ2hhcnQnO1xyXG4vLyBMYXp5IGxvYWQgdGhlIFZlcnRpY2FsR3JhcGggY29tcG9uZW50XHJcbmNvbnN0IFZlcnRpY2FsR3JhcGggPSBSZWFjdC5sYXp5KCgpID0+IGltcG9ydCgnLi4vVmVydGljYWxCYXJHcmFwaC9WZXJ0aWNhbEdyYXBoJykudGhlbigobW9kdWxlKSA9PiAoe1xyXG4gICAgZGVmYXVsdDogbW9kdWxlLlZlcnRpY2FsR3JhcGgsXHJcbn0pKSk7XHJcbkNoYXJ0SlMucmVnaXN0ZXIoQXJjRWxlbWVudCwgTGVnZW5kKTtcclxuY29uc3QgY29udmVydFRvQmFyQ2hhcnREYXRhID0gKGRhdGEsIHhBeGlzVGl0bGUsIHlBeGlzVGl0bGUpID0+IHtcclxuICAgIGNvbnN0IHhBeGlzRGF0YSA9IGRhdGEubWFwKChpdGVtKSA9PiBpdGVtLm5hbWUpO1xyXG4gICAgY29uc3QgeUF4aXNEYXRhID0gZGF0YS5tYXAoKGl0ZW0pID0+IGl0ZW0uY291bnQpO1xyXG4gICAgY29uc3QgeEF4aXMgPSB7XHJcbiAgICAgICAgZGF0YTogeEF4aXNEYXRhLFxyXG4gICAgICAgIHRpdGxlOiB4QXhpc1RpdGxlICE9PSBudWxsICYmIHhBeGlzVGl0bGUgIT09IHZvaWQgMCA/IHhBeGlzVGl0bGUgOiAnJyxcclxuICAgIH07XHJcbiAgICBjb25zdCB5QXhpcyA9IHtcclxuICAgICAgICBkYXRhOiB5QXhpc0RhdGEsXHJcbiAgICAgICAgdGl0bGU6IHlBeGlzVGl0bGUgIT09IG51bGwgJiYgeUF4aXNUaXRsZSAhPT0gdm9pZCAwID8geUF4aXNUaXRsZSA6ICcnLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IGJhckNoYXJ0RGF0YSA9IHtcclxuICAgICAgICB4QXhpcyxcclxuICAgICAgICB5QXhpcyxcclxuICAgICAgICBiYXJDb2xvclJHQkE6IHsgcjogMjEwLCBnOiAxNzQsIGI6IDI1NSwgYTogMSB9LFxyXG4gICAgfTtcclxuICAgIHJldHVybiBiYXJDaGFydERhdGE7XHJcbn07XHJcbmNvbnN0IG9wdGlvbnMgPSAoY3VycmVuY3lQcm9wcykgPT4gKHtcclxuICAgIHBsdWdpbnM6IHtcclxuICAgICAgICBsZWdlbmQ6IHtcclxuICAgICAgICAgICAgZGlzcGxheTogZmFsc2UsXHJcbiAgICAgICAgfSxcclxuICAgICAgICB0b29sdGlwOiB7XHJcbiAgICAgICAgICAgIGVuYWJsZWQ6IHRydWUsXHJcbiAgICAgICAgICAgIGNhbGxiYWNrczoge1xyXG4gICAgICAgICAgICAgICAgbGFiZWw6ICh0b29sdGlwSXRlbSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgIHZhciBfYTtcclxuICAgICAgICAgICAgICAgICAgICBpZiAoIXRvb2x0aXBJdGVtLmxhYmVsKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBgIDAlYDtcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgdG90YWwgPSB0b29sdGlwSXRlbS5kYXRhc2V0LmRhdGEucmVkdWNlKChhY2MsIGN1cikgPT4gYWNjICsgY3VyLCAwKTtcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCBwZXJjZW50YWdlID0gcGFyc2VGbG9hdCgoKHRvb2x0aXBJdGVtLnJhdyAvIHRvdGFsKSAqIDEwMCkudG9GaXhlZCgxKSk7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgeyBsYWJlbCwgcmF3IH0gPSB0b29sdGlwSXRlbTtcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCBzeW1ib2wgPSAoX2EgPSBjdXJyZW5jeVByb3BzID09PSBudWxsIHx8IGN1cnJlbmN5UHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGN1cnJlbmN5UHJvcHMuc3ltYm9sKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnJztcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCBpc0ludGwgPSBjdXJyZW5jeVByb3BzID09PSBudWxsIHx8IGN1cnJlbmN5UHJvcHMgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGN1cnJlbmN5UHJvcHMuaXNJbnRlcm5hdGlvbmFsU3RvcmU7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgdmFsdWUgPSBpc0ludGwgIT09IHVuZGVmaW5lZFxyXG4gICAgICAgICAgICAgICAgICAgICAgICA/IGlzSW50bFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyB0cnVuY2F0ZVZhbHVlRm9ySW50ZXJuYXRpb25hbFN0b3JlKHJhdylcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogdHJ1bmNhdGVWYWx1ZUZvckluZGlhblN0b3JlKHJhdylcclxuICAgICAgICAgICAgICAgICAgICAgICAgOiByYXc7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgdG90YWxWYWx1ZSA9IGlzSW50bCAhPT0gdW5kZWZpbmVkXHJcbiAgICAgICAgICAgICAgICAgICAgICAgID8gaXNJbnRsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IHRydW5jYXRlVmFsdWVGb3JJbnRlcm5hdGlvbmFsU3RvcmUodG90YWwpXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6IHRydW5jYXRlVmFsdWVGb3JJbmRpYW5TdG9yZSh0b3RhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgOiB0b3RhbDtcclxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gW1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBgICR7bGFiZWx9YCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYCAke3N5bWJvbH0ke3ZhbHVlfSAoJHtwZXJjZW50YWdlfSUgb2YgJHtzeW1ib2x9JHt0b3RhbFZhbHVlfSlgLFxyXG4gICAgICAgICAgICAgICAgICAgIF07XHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICB9LFxyXG59KTtcclxuY29uc3QgR1JBUEhfQ09MT1JTID0gW1xyXG4gICAgJyM1RTA3QkInLFxyXG4gICAgJyM5RTc3RUQnLFxyXG4gICAgJyNEMkFFRkYnLFxyXG4gICAgJyNDREUxRkYnLFxyXG4gICAgJyM5MkFGRkEnLFxyXG4gICAgJyMzOTM1RTEnLFxyXG5dO1xyXG5jb25zdCBDYXJ0U3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7KHByb3BzKSA9PiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2FyZCA9IChwcm9wcykgPT4ge1xyXG4gICAgcmV0dXJuIF9qc3goQ2FydFN0eWxlZCwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7IHBhZGRpbmc6IDI0IH0gfSwgeyBjaGlsZHJlbjogcHJvcHMuY2hpbGRyZW4gfSkpO1xyXG59O1xyXG5leHBvcnQgY29uc3QgUGllQ2hhcnRBbmFseXRpY3MgPSAoeyB0aXRsZSwgc2xpY2VzLCBzaXplLCBhbGxvd0NoYXJ0UG9wdXAsIHNob3dDb252ZXJ0VG9CYXJDaGFydCwgdHJ1bmNhdGVTbGljZXMsIGJhckNoYXJ0WEF4aXNUaXRsZSwgYmFyQ2hhcnRZQXhpc1RpdGxlLCBoaWRlVGl0bGUgPSBmYWxzZSwgY3VycmVuY3lQcm9wcywgfSkgPT4ge1xyXG4gICAgY29uc3QgW3Nob3dQb3B1cCwgc2V0U2hvd1BvcHVwXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IFtzaG93QmFyQ2hhcnQsIHNldFNob3dCYXJDaGFydF0gPSB1c2VTdGF0ZShmYWxzZSk7XHJcbiAgICBjb25zdCBbc2xpY2VzV2l0aENvbG9yLCBzZXRTbGljZXNXaXRoQ29sb3JdID0gdXNlU3RhdGUoW10pO1xyXG4gICAgY29uc3QgW2RhdGEsIHNldERhdGFdID0gdXNlU3RhdGUoKTtcclxuICAgIGNvbnN0IFt0cnVuY2F0ZWREYXRhLCBzZXRUcnVuY2F0ZWREYXRhXSA9IHVzZVN0YXRlKCk7XHJcbiAgICBjb25zdCBbdHJ1bmNhdGVkU2xpY2VzV2l0aENvbG9yLCBzZXRUcnVuY2F0ZWRTbGljZXNXaXRoQ29sb3JdID0gdXNlU3RhdGUoW10pO1xyXG4gICAgY29uc3QgW2JhckNoYXJ0RGF0YSwgc2V0QmFyQ2hhcnREYXRhXSA9IHVzZVN0YXRlKG51bGwpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBjb25zdCB0b3RhbFN1bSA9IHNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICBsZXQgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IFtdO1xyXG4gICAgICAgIHVwZGF0ZWRTbGljZXNXaXRoQ29sb3IgPSBPYmplY3Qua2V5cyhzbGljZXMpLm1hcCgoa2V5LCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2VzW2tleV0pKSk7XHJcbiAgICAgICAgc2V0U2xpY2VzV2l0aENvbG9yKFsuLi51cGRhdGVkU2xpY2VzV2l0aENvbG9yXSk7XHJcbiAgICAgICAgaWYgKHRvdGFsU3VtID09PSAwKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogWzEwMF0sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogWycjRjBGMEYwJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICAgICAgbGFiZWxzOiBbXSxcclxuICAgICAgICAgICAgfTtcclxuICAgICAgICAgICAgc2V0RGF0YShkYXRhU2V0KTtcclxuICAgICAgICB9XHJcbiAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbHM6IHNsaWNlcy5tYXAoKHNsaWNlKSA9PiBTdHJpbmdVdGlscy5jYXBpdGFsaXplRWFjaFdvcmQoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogc2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldERhdGEoZGF0YVNldCk7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGlmICh0cnVuY2F0ZVNsaWNlcyAmJiBzbGljZXMubGVuZ3RoID4gdHJ1bmNhdGVTbGljZXMpIHtcclxuICAgICAgICAgICAgY29uc3QgdHJ1bmNhdGVkU2xpY2VzID0gc2xpY2VzLnNsaWNlKDAsIHRydW5jYXRlU2xpY2VzKTtcclxuICAgICAgICAgICAgY29uc3Qgb3RoZXJTbGljZXMgPSBzbGljZXMuc2xpY2UodHJ1bmNhdGVTbGljZXMpO1xyXG4gICAgICAgICAgICBjb25zdCBvdGhlckNvdW50ID0gb3RoZXJTbGljZXMucmVkdWNlKChzdW0sIHNsaWNlKSA9PiBzdW0gKyBzbGljZS5jb3VudCwgMCk7XHJcbiAgICAgICAgICAgIHRydW5jYXRlZFNsaWNlcy5wdXNoKHsgbmFtZTogJ090aGVyJywgY291bnQ6IG90aGVyQ291bnQgfSk7XHJcbiAgICAgICAgICAgIGNvbnN0IHRydW5jYXRlZERhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbHM6IHRydW5jYXRlZFNsaWNlcy5tYXAoKHNsaWNlKSA9PiBTdHJpbmdVdGlscy5jYXBpdGFsaXplKHNsaWNlLm5hbWUpKSxcclxuICAgICAgICAgICAgICAgIGRhdGFzZXRzOiBbXHJcbiAgICAgICAgICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBkYXRhOiB0cnVuY2F0ZWRTbGljZXMubWFwKChzbGljZSkgPT4gc2xpY2UuY291bnQpLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRydW5jYXRlZFNsaWNlcy5tYXAoKHNsaWNlLCBpbmRleCkgPT4geyB2YXIgX2E7IHJldHVybiAoX2EgPSBzbGljZS5jb2xvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF07IH0pLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJDb2xvcjogWyd3aGl0ZScsICd3aGl0ZScsICd3aGl0ZScsICd3aGl0ZScsICd3aGl0ZScsICd3aGl0ZSddLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJXaWR0aDogNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiA4LFxyXG4gICAgICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXRUcnVuY2F0ZWREYXRhKHRydW5jYXRlZERhdGFTZXQpO1xyXG4gICAgICAgICAgICBjb25zdCB0cnVuY2F0ZWRTbGljZXNXaXRoQ29sb3IgPSB0cnVuY2F0ZWRTbGljZXMubWFwKChzbGljZSwgaW5kZXgpID0+IChPYmplY3QuYXNzaWduKHsgY29sb3I6IEdSQVBIX0NPTE9SU1tpbmRleCAlIEdSQVBIX0NPTE9SUy5sZW5ndGhdIH0sIHNsaWNlKSkpO1xyXG4gICAgICAgICAgICBzZXRUcnVuY2F0ZWRTbGljZXNXaXRoQ29sb3IodHJ1bmNhdGVkU2xpY2VzV2l0aENvbG9yKTtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKHNob3dDb252ZXJ0VG9CYXJDaGFydCkge1xyXG4gICAgICAgICAgICBzZXRCYXJDaGFydERhdGEoY29udmVydFRvQmFyQ2hhcnREYXRhKHNsaWNlcywgYmFyQ2hhcnRYQXhpc1RpdGxlLCBiYXJDaGFydFlBeGlzVGl0bGUpKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbc2xpY2VzLCB0cnVuY2F0ZVNsaWNlc10pO1xyXG4gICAgaWYgKCFkYXRhKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcclxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogaGlkZVRpdGxlIHx8ICh0aXRsZSA9PT0gbnVsbCB8fCB0aXRsZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogdGl0bGUubGVuZ3RoKSA9PT0gMCA/ICdmbGV4LWVuZCcgOiAnc3BhY2UtYmV0d2VlbicsXHJcbiAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFshaGlkZVRpdGxlICYmIHRpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpbkJvdHRvbTogMTYsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdGl0bGUgfSkpKSwgX2pzeHMoXCJkaXZcIiwgeyBjaGlsZHJlbjogW3Nob3dDb252ZXJ0VG9CYXJDaGFydCAmJiAoX2pzeChJY29uQnV0dG9uLCB7IEljb246IEJhckNoYXJ0SWNvbiwgb25DbGljazogKCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzZXRTaG93QmFyQ2hhcnQodHJ1ZSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSksIGFsbG93Q2hhcnRQb3B1cCAmJiAoX2pzeChJY29uQnV0dG9uLCB7IEljb246IE1heGltaXplSWNvbiwgb25DbGljazogKCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzZXRTaG93UG9wdXAodHJ1ZSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9KSldIH0pXSB9KSksIF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdyb3cnIH0sIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNiAnLCBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogc2l6ZSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goRG91Z2hudXQsIHsgZGF0YTogKHRydW5jYXRlU2xpY2VzID8gdHJ1bmNhdGVkRGF0YSA6IGRhdGEpLCBvcHRpb25zOiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIG9wdGlvbnMoY3VycmVuY3lQcm9wcykpLCB7IG1haW50YWluQXNwZWN0UmF0aW86IHNpemUgPyBmYWxzZSA6IHRydWUgfSkgfSkgfSkpIH0pKSwgX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAnY29sLTYnLCBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0xlZnQ6IDQ4LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtc3RhcnQnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goUGllQ2hhcnQsIHsgc2xpY2VzOiB0cnVuY2F0ZVNsaWNlcyA/IHRydW5jYXRlZFNsaWNlc1dpdGhDb2xvciA6IHNsaWNlc1dpdGhDb2xvciwgc2l6ZTogc2l6ZSB9KSB9KSldIH0pKSwgc2hvd1BvcHVwICYmIChfanN4KFN0eWxlZE1vZGFsLCBPYmplY3QuYXNzaWduKHsgb3Blbjogc2hvd1BvcHVwLCBvbkNsb3NlOiAoKSA9PiBzZXRTaG93UG9wdXAoZmFsc2UpLCBjbG9zZU9uT3V0c2lkZUNsaWNrOiB0cnVlLCBoZWFkaW5nVGl0bGU6IHRpdGxlLCB3aWR0aDogXCI3NSVcIiB9LCB7IGNoaWxkcmVuOiBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcclxuICAgICAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAnODB2aCcsXHJcbiAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgd2lkdGg6ICc1NSUnLCBtYXJnaW5MZWZ0OiAnNCUnIH0gfSwgeyBjaGlsZHJlbjogX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAnMTAwJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goRG91Z2hudXQsIHsgZGF0YTogZGF0YSwgb3B0aW9uczogT2JqZWN0LmFzc2lnbihPYmplY3QuYXNzaWduKHt9LCBvcHRpb25zKGN1cnJlbmN5UHJvcHMpKSwgeyBtYWludGFpbkFzcGVjdFJhdGlvOiBzaXplID8gZmFsc2UgOiB0cnVlIH0pIH0pIH0pKSB9KSksIF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICczMCUnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogJzEwMCUnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG92ZXJmbG93WTogJ2F1dG8nLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFBpZUNoYXJ0LCB7IHNsaWNlczogc2xpY2VzV2l0aENvbG9yIH0pIH0pKV0gfSkpIH0pKSksIHNob3dCYXJDaGFydCAmJiBiYXJDaGFydERhdGEgJiYgKF9qc3goU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBvcGVuOiBzaG93QmFyQ2hhcnQsIG9uQ2xvc2U6ICgpID0+IHNldFNob3dCYXJDaGFydChmYWxzZSksIGNsb3NlT25PdXRzaWRlQ2xpY2s6IHRydWUsIGhlYWRpbmdUaXRsZTogdGl0bGUsIHdpZHRoOiBcIjg1JVwiIH0sIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6ICcyNHB4IDAnLFxyXG4gICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2pzeChTdXNwZW5zZSwgT2JqZWN0LmFzc2lnbih7IGZhbGxiYWNrOiBfanN4KFwiZGl2XCIsIHsgY2hpbGRyZW46IFwiTG9hZGluZy4uLlwiIH0pIH0sIHsgY2hpbGRyZW46IF9qc3goVmVydGljYWxHcmFwaCwgeyB4QXhpczogYmFyQ2hhcnREYXRhLnhBeGlzLCB5QXhpczogYmFyQ2hhcnREYXRhLnlBeGlzLCBiYXJDb2xvclJHQkE6IGJhckNoYXJ0RGF0YSA9PT0gbnVsbCB8fCBiYXJDaGFydERhdGEgPT09IHZvaWQgMCA/IHZvaWQgMCA6IGJhckNoYXJ0RGF0YS5iYXJDb2xvclJHQkEgfSkgfSkpIH0pKSB9KSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBpZUNoYXJ0QW5hbHl0aWNzLmpzLm1hcCJdfQ== */")),W=g=>I(p,Object.assign({style:{padding:24}},{children:g.children})),m=g=>{let{title:b,slices:G,size:d,allowChartPopup:X,showConvertToBarChart:o,truncateSlices:Z,barChartXAxisTitle:J,barChartYAxisTitle:p,hideTitle:W=!1,currencyProps:m}=g;const[x,N]=i(!1),[u,F]=i(!1),[V,S]=i([]),[r,z]=i(),[v,j]=i(),[Q,w]=i([]),[k,U]=i(null);return s((()=>{const g=G.reduce(((g,I)=>g+I.count),0);let I=[];if(I=Object.keys(G).map(((g,I)=>Object.assign({color:R[I%R.length]},G[g]))),S([...I]),0===g){z({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}],labels:[]})}else{const g={labels:G.map((g=>t.capitalizeEachWord(g.name))),datasets:[{data:G.map((g=>g.count)),backgroundColor:G.map(((g,I)=>{var C;return null!==(C=g.color)&&void 0!==C?C:R[I%R.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};z(g)}if(Z&&G.length>Z){const g=G.slice(0,Z),I=G.slice(Z).reduce(((g,I)=>g+I.count),0);g.push({name:"Other",count:I});const C={labels:g.map((g=>t.capitalize(g.name))),datasets:[{data:g.map((g=>g.count)),backgroundColor:g.map(((g,I)=>{var C;return null!==(C=g.color)&&void 0!==C?C:R[I%R.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};j(C);const A=g.map(((g,I)=>Object.assign({color:R[I%R.length]},g)));w(A)}o&&U(((g,I,C)=>({xAxis:{data:g.map((g=>g.name)),title:null!=I?I:""},yAxis:{data:g.map((g=>g.count)),title:null!=C?C:""},barColorRGBA:{r:210,g:174,b:255,a:1}}))(G,J,p))}),[G,Z]),r?A(C,{children:[A("div",Object.assign({style:{display:"flex",justifyContent:W\|\|0===(null==b?void 0:b.length)?"flex-end":"space-between"}},{children:[!W&&b&&I(H,Object.assign({style:{marginBottom:16}},{children:b})),A("div",{children:[o&&I(h,{Icon:c,onClick:()=>{F(!0)}}),X&&I(h,{Icon:l,onClick:()=>{N(!0)}})]})]})),A("div",Object.assign({className:"row"},{children:[I("div",Object.assign({className:"col-6 ",style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:I("div",Object.assign({style:{width:d,height:d}},{children:I(n,{data:Z?v:r,options:Object.assign(Object.assign({},Y(m)),{maintainAspectRatio:!d})})}))})),I("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"flex-start"}},{children:I(B,{slices:Z?Q:V,size:d})}))]})),x&&I(e,Object.assign({open:x,onClose:()=>N(!1),closeOnOutsideClick:!0,headingTitle:b,width:"75%"},{children:A("div",Object.assign({style:{padding:24,display:"flex",justifyContent:"space-between",height:"80vh"}},{children:[I("div",Object.assign({style:{width:"55%",marginLeft:"4%"}},{children:I("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},{children:I(n,{data:r,options:Object.assign(Object.assign({},Y(m)),{maintainAspectRatio:!d})})}))})),I("div",Object.assign({style:{width:"30%",height:"100%",overflowY:"auto"}},{children:I(B,{slices:V})}))]}))})),u&&k&&I(e,Object.assign({open:u,onClose:()=>F(!1),closeOnOutsideClick:!0,headingTitle:b,width:"85%"},{children:I("div",Object.assign({style:{padding:"24px 0"}},{children:I(a,Object.assign({fallback:I("div",{children:"Loading..."})},{children:I(y,{xAxis:k.xAxis,yAxis:k.yAxis,barColorRGBA:null==k?void 0:k.barColorRGBA})}))}))}))]}):I(C,{})};export{W as Card,m as PieChartAnalytics};
1	+ import g from"@emotion/styled/base";import{jsx as I,Fragment as C,jsxs as A}from"react/jsx-runtime";import c from"../../../../assets/icons/ChartBar.svg.js";import l from"../../../../assets/icons/maximize.svg.js";import{Chart as b,ArcElement as d,Legend as G}from"chart.js";import{useState as i,useEffect as X,Suspense as s}from"react";import{Doughnut as a}from"react-chartjs-2";import{IconButton as e}from"../../../icon-button/IconButton.js";import{StyledModal as o}from"../../../modals/styledModal.js";import{TitleMedium as Z}from"../../../TypographyStyle.js";import h from"../../../../utils/StringUtils.js";import{COLORS as n}from"../../../../constants/Theme.js";import{LazyVerticalGraph as y}from"../LazyCharts.js";import{truncateValueForInternationalStore as t,truncateValueForIndianStore as B}from"../utils/calcPercentage.js";import{PieChart as x}from"./PieChart.js";b.register(d,G);const J=g=>({plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:I=>{var C;if(!I.label)return" 0%";const A=I.dataset.data.reduce(((g,I)=>g+I),0),c=parseFloat((I.raw/A100).toFixed(1)),{label:l,raw:b}=I,d=null!==(C=null==g?void 0:g.symbol)&&void 0!==C?C:"",G=null==g?void 0:g.isInternationalStore;return[` ${l}`,` ${d}${void 0!==G?G?t(b):B(b):b} (${c}% of ${d}${void 0!==G?G?t(A):B(A):A})`]}}}}}),N=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],H=g("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(g=>n.surface.standard),";border:1px solid ",(g=>n.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRThCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgQmFyQ2hhcnRJY29uIGZyb20gJ0BzcmMvYXNzZXRzL2ljb25zL0NoYXJ0QmFyLnN2Zyc7XHJcbmltcG9ydCBNYXhpbWl6ZUljb24gZnJvbSAnQHNyYy9hc3NldHMvaWNvbnMvbWF4aW1pemUuc3ZnJztcclxuaW1wb3J0IHsgQXJjRWxlbWVudCwgQ2hhcnQgYXMgQ2hhcnRKUywgTGVnZW5kIH0gZnJvbSAnY2hhcnQuanMnO1xyXG5pbXBvcnQgeyBTdXNwZW5zZSwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgRG91Z2hudXQgfSBmcm9tICdyZWFjdC1jaGFydGpzLTInO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSBcIi4uLy4uLy4uL2ljb24tYnV0dG9uXCI7XHJcbmltcG9ydCB7IFN0eWxlZE1vZGFsIH0gZnJvbSBcIi4uLy4uLy4uL21vZGFsc1wiO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSB9IGZyb20gXCIuLi8uLi8uLi9UeXBvZ3JhcGh5U3R5bGVcIjtcclxuaW1wb3J0IFN0cmluZ1V0aWxzIGZyb20gXCIuLi8uLi8uLi8uLi91dGlscy9TdHJpbmdVdGlsc1wiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IExhenlWZXJ0aWNhbEdyYXBoIGFzIFZlcnRpY2FsR3JhcGggfSBmcm9tICcuLi9MYXp5Q2hhcnRzJztcclxuaW1wb3J0IHsgdHJ1bmNhdGVWYWx1ZUZvckluZGlhblN0b3JlLCB0cnVuY2F0ZVZhbHVlRm9ySW50ZXJuYXRpb25hbFN0b3JlLCB9IGZyb20gJy4uL3V0aWxzL2NhbGNQZXJjZW50YWdlJztcclxuaW1wb3J0IHsgUGllQ2hhcnQgfSBmcm9tICcuL1BpZUNoYXJ0JztcclxuQ2hhcnRKUy5yZWdpc3RlcihBcmNFbGVtZW50LCBMZWdlbmQpO1xyXG5jb25zdCBjb252ZXJ0VG9CYXJDaGFydERhdGEgPSAoZGF0YSwgeEF4aXNUaXRsZSwgeUF4aXNUaXRsZSkgPT4ge1xyXG4gICAgY29uc3QgeEF4aXNEYXRhID0gZGF0YS5tYXAoKGl0ZW0pID0+IGl0ZW0ubmFtZSk7XHJcbiAgICBjb25zdCB5QXhpc0RhdGEgPSBkYXRhLm1hcCgoaXRlbSkgPT4gaXRlbS5jb3VudCk7XHJcbiAgICBjb25zdCB4QXhpcyA9IHtcclxuICAgICAgICBkYXRhOiB4QXhpc0RhdGEsXHJcbiAgICAgICAgdGl0bGU6IHhBeGlzVGl0bGUgIT09IG51bGwgJiYgeEF4aXNUaXRsZSAhPT0gdm9pZCAwID8geEF4aXNUaXRsZSA6ICcnLFxyXG4gICAgfTtcclxuICAgIGNvbnN0IHlBeGlzID0ge1xyXG4gICAgICAgIGRhdGE6IHlBeGlzRGF0YSxcclxuICAgICAgICB0aXRsZTogeUF4aXNUaXRsZSAhPT0gbnVsbCAmJiB5QXhpc1RpdGxlICE9PSB2b2lkIDAgPyB5QXhpc1RpdGxlIDogJycsXHJcbiAgICB9O1xyXG4gICAgY29uc3QgYmFyQ2hhcnREYXRhID0ge1xyXG4gICAgICAgIHhBeGlzLFxyXG4gICAgICAgIHlBeGlzLFxyXG4gICAgICAgIGJhckNvbG9yUkdCQTogeyByOiAyMTAsIGc6IDE3NCwgYjogMjU1LCBhOiAxIH0sXHJcbiAgICB9O1xyXG4gICAgcmV0dXJuIGJhckNoYXJ0RGF0YTtcclxufTtcclxuY29uc3Qgb3B0aW9ucyA9IChjdXJyZW5jeVByb3BzKSA9PiAoe1xyXG4gICAgcGx1Z2luczoge1xyXG4gICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmYWxzZSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHRvb2x0aXA6IHtcclxuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcclxuICAgICAgICAgICAgY2FsbGJhY2tzOiB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogKHRvb2x0aXBJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgdmFyIF9hO1xyXG4gICAgICAgICAgICAgICAgICAgIGlmICghdG9vbHRpcEl0ZW0ubGFiZWwpIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIGAgMCVgO1xyXG4gICAgICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgICAgICBjb25zdCB0b3RhbCA9IHRvb2x0aXBJdGVtLmRhdGFzZXQuZGF0YS5yZWR1Y2UoKGFjYywgY3VyKSA9PiBhY2MgKyBjdXIsIDApO1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHBlcmNlbnRhZ2UgPSBwYXJzZUZsb2F0KCgodG9vbHRpcEl0ZW0ucmF3IC8gdG90YWwpICogMTAwKS50b0ZpeGVkKDEpKTtcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCB7IGxhYmVsLCByYXcgfSA9IHRvb2x0aXBJdGVtO1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHN5bWJvbCA9IChfYSA9IGN1cnJlbmN5UHJvcHMgPT09IG51bGwgfHwgY3VycmVuY3lQcm9wcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VycmVuY3lQcm9wcy5zeW1ib2wpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICcnO1xyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGlzSW50bCA9IGN1cnJlbmN5UHJvcHMgPT09IG51bGwgfHwgY3VycmVuY3lQcm9wcyA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VycmVuY3lQcm9wcy5pc0ludGVybmF0aW9uYWxTdG9yZTtcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCB2YWx1ZSA9IGlzSW50bCAhPT0gdW5kZWZpbmVkXHJcbiAgICAgICAgICAgICAgICAgICAgICAgID8gaXNJbnRsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/IHRydW5jYXRlVmFsdWVGb3JJbnRlcm5hdGlvbmFsU3RvcmUocmF3KVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiB0cnVuY2F0ZVZhbHVlRm9ySW5kaWFuU3RvcmUocmF3KVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA6IHJhdztcclxuICAgICAgICAgICAgICAgICAgICBjb25zdCB0b3RhbFZhbHVlID0gaXNJbnRsICE9PSB1bmRlZmluZWRcclxuICAgICAgICAgICAgICAgICAgICAgICAgPyBpc0ludGxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID8gdHJ1bmNhdGVWYWx1ZUZvckludGVybmF0aW9uYWxTdG9yZSh0b3RhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDogdHJ1bmNhdGVWYWx1ZUZvckluZGlhblN0b3JlKHRvdGFsKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICA6IHRvdGFsO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBbXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGAgJHtsYWJlbH1gLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBgICR7c3ltYm9sfSR7dmFsdWV9ICgke3BlcmNlbnRhZ2V9JSBvZiAke3N5bWJvbH0ke3RvdGFsVmFsdWV9KWAsXHJcbiAgICAgICAgICAgICAgICAgICAgXTtcclxuICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgfSxcclxuICAgIH0sXHJcbn0pO1xyXG5jb25zdCBHUkFQSF9DT0xPUlMgPSBbXHJcbiAgICAnIzVFMDdCQicsXHJcbiAgICAnIzlFNzdFRCcsXHJcbiAgICAnI0QyQUVGRicsXHJcbiAgICAnI0NERTFGRicsXHJcbiAgICAnIzkyQUZGQScsXHJcbiAgICAnIzM5MzVFMScsXHJcbl07XHJcbmNvbnN0IENhcnRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gX2pzeChDYXJ0U3R5bGVkLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgcGFkZGluZzogMjQgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSk7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWVDaGFydEFuYWx5dGljcyA9ICh7IHRpdGxlLCBzbGljZXMsIHNpemUsIGFsbG93Q2hhcnRQb3B1cCwgc2hvd0NvbnZlcnRUb0JhckNoYXJ0LCB0cnVuY2F0ZVNsaWNlcywgYmFyQ2hhcnRYQXhpc1RpdGxlLCBiYXJDaGFydFlBeGlzVGl0bGUsIGhpZGVUaXRsZSA9IGZhbHNlLCBjdXJyZW5jeVByb3BzLCB9KSA9PiB7XHJcbiAgICBjb25zdCBbc2hvd1BvcHVwLCBzZXRTaG93UG9wdXBdID0gdXNlU3RhdGUoZmFsc2UpO1xyXG4gICAgY29uc3QgW3Nob3dCYXJDaGFydCwgc2V0U2hvd0JhckNoYXJ0XSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IFtzbGljZXNXaXRoQ29sb3IsIHNldFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZSgpO1xyXG4gICAgY29uc3QgW3RydW5jYXRlZERhdGEsIHNldFRydW5jYXRlZERhdGFdID0gdXNlU3RhdGUoKTtcclxuICAgIGNvbnN0IFt0cnVuY2F0ZWRTbGljZXNXaXRoQ29sb3IsIHNldFRydW5jYXRlZFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbYmFyQ2hhcnREYXRhLCBzZXRCYXJDaGFydERhdGFdID0gdXNlU3RhdGUobnVsbCk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIGNvbnN0IHRvdGFsU3VtID0gc2xpY2VzLnJlZHVjZSgoc3VtLCBzbGljZSkgPT4gc3VtICsgc2xpY2UuY291bnQsIDApO1xyXG4gICAgICAgIGxldCB1cGRhdGVkU2xpY2VzV2l0aENvbG9yID0gW107XHJcbiAgICAgICAgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IE9iamVjdC5rZXlzKHNsaWNlcykubWFwKChrZXksIGluZGV4KSA9PiAoT2JqZWN0LmFzc2lnbih7IGNvbG9yOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXSB9LCBzbGljZXNba2V5XSkpKTtcclxuICAgICAgICBzZXRTbGljZXNXaXRoQ29sb3IoWy4uLnVwZGF0ZWRTbGljZXNXaXRoQ29sb3JdKTtcclxuICAgICAgICBpZiAodG90YWxTdW0gPT09IDApIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGRhdGFzZXRzOiBbXHJcbiAgICAgICAgICAgICAgICAgICAge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBkYXRhOiBbMTAwXSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBbJyNGMEYwRjAnXSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyV2lkdGg6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgICAgICBsYWJlbHM6IFtdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXREYXRhKGRhdGFTZXQpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogc2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemVFYWNoV29yZChzbGljZS5uYW1lKSksXHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogc2xpY2VzLm1hcCgoc2xpY2UpID0+IHNsaWNlLmNvdW50KSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBzbGljZXMubWFwKChzbGljZSwgaW5kZXgpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gc2xpY2UuY29sb3IpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IEdSQVBIX0NPTE9SU1tpbmRleCAlIEdSQVBIX0NPTE9SUy5sZW5ndGhdOyB9KSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyQ29sb3I6IFsnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnLCAnd2hpdGUnXSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyV2lkdGg6IDQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlclJhZGl1czogOCxcclxuICAgICAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgXSxcclxuICAgICAgICAgICAgfTtcclxuICAgICAgICAgICAgc2V0RGF0YShkYXRhU2V0KTtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKHRydW5jYXRlU2xpY2VzICYmIHNsaWNlcy5sZW5ndGggPiB0cnVuY2F0ZVNsaWNlcykge1xyXG4gICAgICAgICAgICBjb25zdCB0cnVuY2F0ZWRTbGljZXMgPSBzbGljZXMuc2xpY2UoMCwgdHJ1bmNhdGVTbGljZXMpO1xyXG4gICAgICAgICAgICBjb25zdCBvdGhlclNsaWNlcyA9IHNsaWNlcy5zbGljZSh0cnVuY2F0ZVNsaWNlcyk7XHJcbiAgICAgICAgICAgIGNvbnN0IG90aGVyQ291bnQgPSBvdGhlclNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICAgICAgdHJ1bmNhdGVkU2xpY2VzLnB1c2goeyBuYW1lOiAnT3RoZXInLCBjb3VudDogb3RoZXJDb3VudCB9KTtcclxuICAgICAgICAgICAgY29uc3QgdHJ1bmNhdGVkRGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogdHJ1bmNhdGVkU2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemUoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHRydW5jYXRlZFNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdHJ1bmNhdGVkU2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldFRydW5jYXRlZERhdGEodHJ1bmNhdGVkRGF0YVNldCk7XHJcbiAgICAgICAgICAgIGNvbnN0IHRydW5jYXRlZFNsaWNlc1dpdGhDb2xvciA9IHRydW5jYXRlZFNsaWNlcy5tYXAoKHNsaWNlLCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2UpKSk7XHJcbiAgICAgICAgICAgIHNldFRydW5jYXRlZFNsaWNlc1dpdGhDb2xvcih0cnVuY2F0ZWRTbGljZXNXaXRoQ29sb3IpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAoc2hvd0NvbnZlcnRUb0JhckNoYXJ0KSB7XHJcbiAgICAgICAgICAgIHNldEJhckNoYXJ0RGF0YShjb252ZXJ0VG9CYXJDaGFydERhdGEoc2xpY2VzLCBiYXJDaGFydFhBeGlzVGl0bGUsIGJhckNoYXJ0WUF4aXNUaXRsZSkpO1xyXG4gICAgICAgIH1cclxuICAgIH0sIFtzbGljZXMsIHRydW5jYXRlU2xpY2VzXSk7XHJcbiAgICBpZiAoIWRhdGEpIHtcclxuICAgICAgICByZXR1cm4gX2pzeChfRnJhZ21lbnQsIHt9KTtcclxuICAgIH1cclxuICAgIHJldHVybiAoX2pzeHMoX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiBoaWRlVGl0bGUgfHwgKHRpdGxlID09PSBudWxsIHx8IHRpdGxlID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0aXRsZS5sZW5ndGgpID09PSAwID8gJ2ZsZXgtZW5kJyA6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogWyFoaWRlVGl0bGUgJiYgdGl0bGUgJiYgKF9qc3goVGl0bGVNZWRpdW0sIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbWFyZ2luQm90dG9tOiAxNixcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBfanN4cyhcImRpdlwiLCB7IGNoaWxkcmVuOiBbc2hvd0NvbnZlcnRUb0JhckNoYXJ0ICYmIChfanN4KEljb25CdXR0b24sIHsgSWNvbjogQmFyQ2hhcnRJY29uLCBvbkNsaWNrOiAoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNldFNob3dCYXJDaGFydCh0cnVlKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0pKSwgYWxsb3dDaGFydFBvcHVwICYmIChfanN4KEljb25CdXR0b24sIHsgSWNvbjogTWF4aW1pemVJY29uLCBvbkNsaWNrOiAoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNldFNob3dQb3B1cCh0cnVlKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0pKV0gfSldIH0pKSwgX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogJ3JvdycgfSwgeyBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IGNsYXNzTmFtZTogJ2NvbC02ICcsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhlaWdodDogc2l6ZSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2pzeChEb3VnaG51dCwgeyBkYXRhOiAodHJ1bmNhdGVTbGljZXMgPyB0cnVuY2F0ZWREYXRhIDogZGF0YSksIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3B0aW9ucyhjdXJyZW5jeVByb3BzKSksIHsgbWFpbnRhaW5Bc3BlY3RSYXRpbzogc2l6ZSA/IGZhbHNlIDogdHJ1ZSB9KSB9KSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogNDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1zdGFydCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2pzeChQaWVDaGFydCwgeyBzbGljZXM6IHRydW5jYXRlU2xpY2VzID8gdHJ1bmNhdGVkU2xpY2VzV2l0aENvbG9yIDogc2xpY2VzV2l0aENvbG9yLCBzaXplOiBzaXplIH0pIH0pKV0gfSkpLCBzaG93UG9wdXAgJiYgKF9qc3goU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBvcGVuOiBzaG93UG9wdXAsIG9uQ2xvc2U6ICgpID0+IHNldFNob3dQb3B1cChmYWxzZSksIGNsb3NlT25PdXRzaWRlQ2xpY2s6IHRydWUsIGhlYWRpbmdUaXRsZTogdGl0bGUsIHdpZHRoOiBcIjc1JVwiIH0sIHsgY2hpbGRyZW46IF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiAyNCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICc4MHZoJyxcclxuICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyB3aWR0aDogJzU1JScsIG1hcmdpbkxlZnQ6ICc0JScgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJzEwMCUnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogX2pzeChEb3VnaG51dCwgeyBkYXRhOiBkYXRhLCBvcHRpb25zOiBPYmplY3QuYXNzaWduKE9iamVjdC5hc3NpZ24oe30sIG9wdGlvbnMoY3VycmVuY3lQcm9wcykpLCB7IG1haW50YWluQXNwZWN0UmF0aW86IHNpemUgPyBmYWxzZSA6IHRydWUgfSkgfSkgfSkpIH0pKSwgX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJzMwJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiAnMTAwJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb3ZlcmZsb3dZOiAnYXV0bycsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goUGllQ2hhcnQsIHsgc2xpY2VzOiBzbGljZXNXaXRoQ29sb3IgfSkgfSkpXSB9KSkgfSkpKSwgc2hvd0JhckNoYXJ0ICYmIGJhckNoYXJ0RGF0YSAmJiAoX2pzeChTdHlsZWRNb2RhbCwgT2JqZWN0LmFzc2lnbih7IG9wZW46IHNob3dCYXJDaGFydCwgb25DbG9zZTogKCkgPT4gc2V0U2hvd0JhckNoYXJ0KGZhbHNlKSwgY2xvc2VPbk91dHNpZGVDbGljazogdHJ1ZSwgaGVhZGluZ1RpdGxlOiB0aXRsZSwgd2lkdGg6IFwiODUlXCIgfSwgeyBjaGlsZHJlbjogX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzI0cHggMCcsXHJcbiAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFN1c3BlbnNlLCBPYmplY3QuYXNzaWduKHsgZmFsbGJhY2s6IF9qc3goXCJkaXZcIiwgeyBjaGlsZHJlbjogXCJMb2FkaW5nLi4uXCIgfSkgfSwgeyBjaGlsZHJlbjogX2pzeChWZXJ0aWNhbEdyYXBoLCB7IHhBeGlzOiBiYXJDaGFydERhdGEueEF4aXMsIHlBeGlzOiBiYXJDaGFydERhdGEueUF4aXMsIGJhckNvbG9yUkdCQTogYmFyQ2hhcnREYXRhID09PSBudWxsIHx8IGJhckNoYXJ0RGF0YSA9PT0gdm9pZCAwID8gdm9pZCAwIDogYmFyQ2hhcnREYXRhLmJhckNvbG9yUkdCQSwgUGllQ2hhcnRDb21wb25lbnQ6IFBpZUNoYXJ0QW5hbHl0aWNzIH0pIH0pKSB9KSkgfSkpKV0gfSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1QaWVDaGFydEFuYWx5dGljcy5qcy5tYXAiXX0= */")),m=g=>I(H,Object.assign({style:{padding:24}},{children:g.children})),p=g=>{let{title:b,slices:d,size:G,allowChartPopup:n,showConvertToBarChart:t,truncateSlices:B,barChartXAxisTitle:H,barChartYAxisTitle:m,hideTitle:Y=!1,currencyProps:u}=g;const[W,R]=i(!1),[F,V]=i(!1),[S,z]=i([]),[r,j]=i(),[k,w]=i(),[v,U]=i([]),[L,T]=i(null);return X((()=>{const g=d.reduce(((g,I)=>g+I.count),0);let I=[];if(I=Object.keys(d).map(((g,I)=>Object.assign({color:N[I%N.length]},d[g]))),z([...I]),0===g){j({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}],labels:[]})}else{const g={labels:d.map((g=>h.capitalizeEachWord(g.name))),datasets:[{data:d.map((g=>g.count)),backgroundColor:d.map(((g,I)=>{var C;return null!==(C=g.color)&&void 0!==C?C:N[I%N.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};j(g)}if(B&&d.length>B){const g=d.slice(0,B),I=d.slice(B).reduce(((g,I)=>g+I.count),0);g.push({name:"Other",count:I});const C={labels:g.map((g=>h.capitalize(g.name))),datasets:[{data:g.map((g=>g.count)),backgroundColor:g.map(((g,I)=>{var C;return null!==(C=g.color)&&void 0!==C?C:N[I%N.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};w(C);const A=g.map(((g,I)=>Object.assign({color:N[I%N.length]},g)));U(A)}t&&T(((g,I,C)=>({xAxis:{data:g.map((g=>g.name)),title:null!=I?I:""},yAxis:{data:g.map((g=>g.count)),title:null!=C?C:""},barColorRGBA:{r:210,g:174,b:255,a:1}}))(d,H,m))}),[d,B]),r?A(C,{children:[A("div",Object.assign({style:{display:"flex",justifyContent:Y\|\|0===(null==b?void 0:b.length)?"flex-end":"space-between"}},{children:[!Y&&b&&I(Z,Object.assign({style:{marginBottom:16}},{children:b})),A("div",{children:[t&&I(e,{Icon:c,onClick:()=>{V(!0)}}),n&&I(e,{Icon:l,onClick:()=>{R(!0)}})]})]})),A("div",Object.assign({className:"row"},{children:[I("div",Object.assign({className:"col-6 ",style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:I("div",Object.assign({style:{width:G,height:G}},{children:I(a,{data:B?k:r,options:Object.assign(Object.assign({},J(u)),{maintainAspectRatio:!G})})}))})),I("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"flex-start"}},{children:I(x,{slices:B?v:S,size:G})}))]})),W&&I(o,Object.assign({open:W,onClose:()=>R(!1),closeOnOutsideClick:!0,headingTitle:b,width:"75%"},{children:A("div",Object.assign({style:{padding:24,display:"flex",justifyContent:"space-between",height:"80vh"}},{children:[I("div",Object.assign({style:{width:"55%",marginLeft:"4%"}},{children:I("div",Object.assign({style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"}},{children:I(a,{data:r,options:Object.assign(Object.assign({},J(u)),{maintainAspectRatio:!G})})}))})),I("div",Object.assign({style:{width:"30%",height:"100%",overflowY:"auto"}},{children:I(x,{slices:S})}))]}))})),F&&L&&I(o,Object.assign({open:F,onClose:()=>V(!1),closeOnOutsideClick:!0,headingTitle:b,width:"85%"},{children:I("div",Object.assign({style:{padding:"24px 0"}},{children:I(s,Object.assign({fallback:I("div",{children:"Loading..."})},{children:I(y,{xAxis:L.xAxis,yAxis:L.yAxis,barColorRGBA:null==L?void 0:L.barColorRGBA,PieChartComponent:p})}))}))}))]}):I(C,{})};export{m as Card,p as PieChartAnalytics};

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

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

package/dist/esm/components/analytics-chips-and-dropdowns/chart/heatmap/HeatMap.d.ts CHANGED Viewed

@@ -16,6 +16,10 @@ export interface HeatMapInputInterface {
     heatBoxWidth?: number;
     heatBoxHeight?: number;
     isLooseFit?: boolean;
+    /**
+     * If true, xLabels are center-aligned. Defaults to false (left-aligned).
+     */
+    centerAlignXLabels?: boolean;
 }
 export declare enum HEAT {
     LOW = 0,

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Menu } from './SimpleSidebar';
+import { Menu } from './Sidebar.model';
 export interface MenuItem {
     key: string | number;
     displayName: string;