@bikdotai/bik-component-library 0.0.270 → 0.0.271-1

package/dist/esm/components/QueryBuilder/components/Connectors/Components/IntegerPositiveSingle.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/IntegerSingleValue.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/MultiselectDropdownFreeText.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/NoInput.d.ts

@@ -1,2 +1,3 @@
-declare const NoInput: () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const NoInput: () => JSX.Element;
 export default NoInput;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/NumberTime.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleDate.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/SingleselectDropdownFreeText.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/StringSingleValue.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/TwoDate.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/components/Connectors/Components/TwoNumberInputsSeperatedByAnd.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ConnectorComponentProps } from "../../../types/QueryBuilderConnector.type";
-declare const _default: (props: ConnectorComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: ConnectorComponentProps) => JSX.Element;
 export default _default;

package/dist/esm/components/QueryBuilder/helpers/MetaCustomProcessor.d.ts

@@ -36,7 +36,7 @@ export declare class MetaCustomProcessor {
         value: {
             operator: string;
             dataType: import("../types").QueryBuilderConnectorType;
-            value?: string | number | string[] | number[] | Date | Date[] | undefined;
+            value?: string | number | Date | Date[] | string[] | number[] | undefined;
         };
         key: string;
         refresh?: boolean | undefined;

package/dist/esm/components/SearchFilter/SearchFilterItem.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { InputVariant } from '../input';
+import { FilterSchema, FilterValueType } from './types/SearchFilter.type';
+export declare const SearchFilterItem: React.FC<FilterSchema & {
+    variant: InputVariant;
+    onChange: (val: FilterValueType) => void;
+}>;

package/dist/esm/components/SearchFilter/SearchFilterItem.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import"@tippyjs/react";import"react";import"../tooltips/TooltipInternal.js";import"../../constants/Theme.js";import"../TypographyStyle.js";import"../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as o}from"../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../tag/Tag.js";import"../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as e}from"../dropdown/Dropdown.js";import"../zeroState/ZeroState.js";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"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{ChipDropdown as n}from"./components/ChipDropdown.js";import{DatePickerButton as r}from"./components/DatePickerButton.js";import{FilterType as a}from"./types/SearchFilter.type.js";const p=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}],i=i=>{var s,d,l;return i.type===a.Date?t(r,Object.assign({},i,{variant:i.variant,onSelect:t=>i.onChange(t)})):i.type===a.DateRange?t(o,{variant:i.variant,placeholder:i.text,options:i.preset?p:null!==(s=i.options)&&void 0!==s?s:[],onOptionSelected:function(t){var o,e;t.selectedRange&&i.onChange([null===(o=t.selectedRange)||void 0===o?void 0:o[0],null===(e=t.selectedRange)||void 0===e?void 0:e[1]])}},i.id):"small"===i.variant?t(n,{isMultiSelect:i.type===a.Multiple,options:null!==(d=i.options)&&void 0!==d?d:[],defaultOptions:i.defaultValue,onSelect:i.onChange,placeHolder:i.text}):t(e,{isMultiSelect:i.type===a.Multiple,size:"small",options:null!==(l=i.options)&&void 0!==l?l:[],defaultOptions:i.defaultValue,onSelect:i.onChange,placeHolder:i.text,width:10*i.text.length+"px"})};export{i as SearchFilterItem};

package/dist/esm/components/SearchFilter/components/ChipDropdown.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { DropdownProps } from "../../dropdown";
+export declare const ChipDropdown: React.FC<DropdownProps>;

package/dist/esm/components/SearchFilter/components/ChipDropdown.js

@@ -0,0 +1 @@
+import{__rest as o}from"../../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{useState as t,useRef as n}from"react";import{DropdownPopover as r}from"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../zeroState/ZeroState.js";import"../../TypographyStyle.js";import"../../../constants/Theme.js";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"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{Tag as p}from"../../tag/Tag.js";import s from"../../../assets/icons/chevronDownOutline.svg.js";import i from"../../../assets/icons/chevronUpOutline.svg.js";const m=m=>{var{placeHolder:d,onSelect:l}=m,c=o(m,["placeHolder","onSelect"]);const[a,u]=t(!1),j=n();return e(r,Object.assign({ref:j,onDropdownVisbilityChange:o=>u(o),onSelect:function(o){null==l||l(o)}},c,{children:e(p,{tagText:null!=d?d:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:a?s:i})}))};m.displayName="ChipDropdown";export{m as ChipDropdown};

package/dist/esm/components/SearchFilter/components/DatePickerButton.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { InputVariant } from "../../input";
+import { FilterSchema } from '../types/SearchFilter.type';
+export declare const DatePickerButton: React.FC<FilterSchema & {
+    onSelect: (value: Date) => void;
+    variant: InputVariant;
+}>;

package/dist/esm/components/SearchFilter/components/DatePickerButton.js

@@ -0,0 +1 @@
+import{__rest as t}from"../../../_virtual/_tslib.js";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as o}from"react";import{DatePicker as r}from"../../datePicker/DatePicker.js";import{Input as n}from"../../input/Input.js";import{InputStyleContext as a}from"../../input/context/InputStyleProvider.js";import{Tag as l}from"../../tag/Tag.js";import{DEFAULT_THEME as s}from"../../../constants/Theme.js";import c from"../../../assets/icons/chevronDown.svg.js";import p from"../../../assets/icons/chevronDownOutline.svg.js";const d=d=>{var g,m,{text:h,onSelect:u,variant:v}=d,f=t(d,["text","onSelect","variant"]);const[j,x]=o(!1),[S,y]=o(null),b=(null===(g=f.width)||void 0===g?void 0:g.toString())?null===(m=f.width)||void 0===m?void 0:m.toString():S?12*(null==S?void 0:S.toDateString().length)+"px":12*h.length+"px";return e("div",Object.assign({style:{position:"relative"}},{children:[i("div",Object.assign({onClick:()=>x((t=>!t)),style:{cursor:"pointer",width:"100%",height:"100%"}},{children:"small"===v?i(l,{tagText:S?S.toDateString():null!=h?h:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:p}):i(a.Provider,Object.assign({value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}}},{children:i(n,{state:"disabled",value:S?S.toDateString():void 0,variant:"small",placeholder:null!=h?h:"Select a date",width:b,onChangeText:()=>{},rightIcon:{icon:()=>i(c,{style:{transform:j?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:s.colorsV2.content.primary})}})}))})),j&&i("div",Object.assign({style:{position:"absolute",top:"calc(100% + 8px)"}},{children:i(r,{selectRange:!1,onSelectDate:t=>{y(t),x(!1),u(t)}})}))]}))};d.displayName="DatePickerButton";export{d as DatePickerButton};

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SearchFilterProps } from './types/SearchFilter.type';
+export declare const SearchFilter: React.FC<SearchFilterProps>;

package/dist/esm/components/SearchFilter/index.js

@@ -0,0 +1 @@
+import{useRef as e,createElement as r}from"react";import{jsxs as t,jsx as a}from"react/jsx-runtime";import{SearchBar as i}from"../searchBar/searchBar.js";import{SearchFilterItem as n}from"./SearchFilterItem.js";import{FilterType as l}from"./types/SearchFilter.type.js";const o=o=>{let{direction:s="row",schema:c,variant:d}=o;var p,m,u;const v=e(null!==(p=null==c?void 0:c.map((e=>({id:e.id,value:e.defaultValue,type:e.type}))))&&void 0!==p?p:[]),h=c.find((e=>e.type===l.Search)),f=e=>{var r;h&&v.current&&(v.current=null===(r=v.current)||void 0===r?void 0:r.map((r=>r.type===l.Search?Object.assign(Object.assign({},r),{value:e}):r)),h.onChange(e,v.current))};return t("div",Object.assign({style:{display:"flex",flexDirection:s,gap:8,flexWrap:"wrap",alignItems:"row"===s?"center":"self-start"}},{children:[h&&a(i,{width:null!==(u=null===(m=h.width)||void 0===m?void 0:m.toString())&&void 0!==u?u:"100%",isEnabled:!0,onChange:f,onEnter:f,placeholder:h.text,variant:"small"}),a("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8,flexWrap:"wrap",alignItems:"row"===s?"center":"self-start"}},{children:c.filter((e=>e.type!==l.Search)).map(((e,t)=>r(n,Object.assign({},e,{key:t,variant:d,onChange:r=>{var t;v.current=null===(t=v.current)||void 0===t?void 0:t.map((t=>t.id===e.id?Object.assign(Object.assign({},t),{value:r}):t)),e.onChange(r,v.current)}}))))}))]}))};export{o as SearchFilter};

package/dist/esm/components/SearchFilter/types/SearchFilter.type.d.ts

@@ -0,0 +1,31 @@
+import { DropdownOptions } from "../../analytics-chips-and-dropdowns";
+import { DropdownOption } from "../../dropdown/type";
+import { InputVariant } from "../../input";
+export declare enum FilterType {
+    Date = "Date",
+    DateRange = "DateRange",
+    Multiple = "Multiple",
+    Single = "Single",
+    Search = "Search"
+}
+export type FilterValueType = DropdownOption | DropdownOption[] | Date | Date[] | string;
+export type SearchFilterOutputState = {
+    id: string;
+    type: FilterType;
+    value: FilterValueType;
+};
+export type FilterSchema = {
+    id: string;
+    type: FilterType;
+    text: string;
+    onChange: (value: FilterValueType, completeState: SearchFilterOutputState[]) => void;
+    options?: DropdownOption[] | DropdownOptions[];
+    preset?: boolean;
+    defaultValue?: FilterValueType;
+    width?: number | string;
+};
+export type SearchFilterProps = {
+    variant: InputVariant;
+    direction: 'row' | 'column';
+    schema: FilterSchema[];
+};

package/dist/esm/components/SearchFilter/types/SearchFilter.type.js

@@ -0,0 +1 @@
+var e;!function(e){e.Date="Date",e.DateRange="DateRange",e.Multiple="Multiple",e.Single="Single",e.Search="Search"}(e||(e={}));export{e as FilterType};

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.d.ts

@@ -28,6 +28,7 @@ export interface AnalyticsDropdownInterface {
         offsetSkid?: number;
         offsetDistance?: number;
     };
+    variant?: 'small' | 'default';
 }
 export declare const AnalyticsDropdown: React.FC<AnalyticsDropdownInterface>;
 export declare const EachItem: React.FC<{

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

@@ -1 +1 @@
-import{jsx as e,Fragment as o,jsxs as n}from"react/jsx-runtime";import{useState as t,useEffect as i}from"react";import{Dropdown as l}from"react-bootstrap";import{BASE_COLORS as s}from"../../constants/Theme.js";import{DatePicker as a}from"../datePicker/DatePicker.js";import{BodySecondary as d,BodyCaption as c}from"../TypographyStyle.js";import{MainDropdown as r,ItemMenuContainer as g}from"./CommonStyles.js";const p=s=>{let{options:c,placeholder:g="Select an option",selected:p,onOptionSelected:v,resetDropdown:O,maxHeight:h,backgroundColor:b,calendarPopperConfig:f}=s;var D,S,j;const[y,k]=t(!1),[R,C]=t(p),[w,x]=t(),[T,$]=t(!1),N=()=>{!y&&$(!T)},[E,I]=t(p);return i((()=>{O&&C(void 0)}),[O]),i((()=>{var e;(null==p?void 0:p.isCustom)&&(null===(e=p.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?x(p.dateRangeSelectionOptions.selectedDates):p&&C(p)}),[p]),e(o,{children:n(r,Object.assign({drop:"down",show:T,onToggle:N,backgroundColor:b},{children:[e(l.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown"},{children:e(d,{children:(null==R?void 0:R.isCustom)?w?m(w[0])===m(w[1])?`${m(w[0])}`:`${m(w[0])} to ${m(w[1])}`:null==E?void 0:E.label:R?null==R?void 0:R.label:g})})),e(l.Menu,Object.assign({className:"main--dropdown"},{children:n(r,Object.assign({drop:"end",id:"sub--dropdown",show:y,onToggle:e=>{!e&&$(!1),k(!y)}},{children:[e("div",Object.assign({style:{maxHeight:h||"auto",overflowY:"scroll"}},{children:c.map((o=>{var n;return e("div",{children:(null==o?void 0:o.isCustom)?e(l.Toggle,Object.assign({className:"sub--dropdown"},{children:e(u,{eachOption:o,selectedOption:R,selectedDate:w,onClickingEachItem:e=>{C(e),k(!0)},rangeSelection:!!(null===(n=null==o?void 0:o.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange)})})):e(u,{eachOption:o,selectedOption:R,selectedDate:w,onClickingEachItem:e=>{if(C(e),I(e),N(),!e.noOfDays)return void v(e);const o=new Date,n=new Date;n.setDate(o.getDate()-e.noOfDays),v(Object.assign(Object.assign({},e),{selectedRange:[n,o]}))}})},null==o?void 0:o.key)}))})),e(l.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==f?void 0:f.offsetSkid)||0,(null==f?void 0:f.offsetDistance)||0]}}]}},{children:e(a,{selectRange:(null===(D=null==R?void 0:R.dateRangeSelectionOptions)||void 0===D?void 0:D.selectRange)||!1,maxDate:null===(S=null==R?void 0:R.dateRangeSelectionOptions)||void 0===S?void 0:S.maxDate,minDate:null===(j=null==R?void 0:R.dateRangeSelectionOptions)||void 0===j?void 0:j.minDate,selectedDates:w,onSelectRange:(e,o)=>{const n=[e,o];(null==R?void 0:R.dateRangeSelectionOptions)&&(R.dateRangeSelectionOptions.selectedDates=n,v(Object.assign(Object.assign({},R),{selectedRange:[e,o]}))),I(R),k(!1),x(n),$(!T)},onSelectDate:e=>{(null==R?void 0:R.dateRangeSelectionOptions)&&(R.dateRangeSelectionOptions.selectedDates=[e,e],v(Object.assign(Object.assign({},R),{selectedRange:[e,e]}))),I(R),k(!1),x([e,e]),$(!T)}})}))]}))}))]}))})},u=o=>{let{eachOption:t,selectedOption:i,selectedDate:l,onClickingEachItem:a,rangeSelection:r}=o;return n(g,Object.assign({onClick:()=>a(t),isSelected:t.isCustom?t.key==(null==i?void 0:i.key)&&!!l:t.key==(null==i?void 0:i.key)},{children:[e(d,Object.assign({color:t.key==(null==i?void 0:i.key)?s.positive[900]:s.grayscale[900]},{children:t.label})),l&&(null==i?void 0:i.isCustom)&&t.key==(null==i?void 0:i.key)&&e(c,{children:r?`${m(l[0])} to ${m(l[1])}`:`${m(l[0])}`})]}),t.key)},m=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});export{p as AnalyticsDropdown,u as EachItem,m as formatDate};
+import{jsx as e,Fragment as o,jsxs as n}from"react/jsx-runtime";import{useState as t,useEffect as l}from"react";import{Dropdown as i}from"react-bootstrap";import{DEFAULT_THEME as s,BASE_COLORS as a}from"../../constants/Theme.js";import{DatePicker as d}from"../datePicker/DatePicker.js";import{BodySecondary as c,BodyCaption as r,Caption as g}from"../TypographyStyle.js";import{MainDropdown as p,ItemMenuContainer as u}from"./CommonStyles.js";const m=a=>{let{options:r,placeholder:u="Select an option",selected:m,onOptionSelected:b,resetDropdown:h,maxHeight:f,backgroundColor:y,calendarPopperConfig:D,variant:j="default"}=a;var k,S,R;const[C,w]=t(!1),[x,$]=t(m),[T,I]=t(),[N,A]=t(!1),E=()=>{!C&&A(!N)},[F,P]=t(m),H="small"===j?g:c;return l((()=>{h&&$(void 0)}),[h]),l((()=>{var e;(null==m?void 0:m.isCustom)&&(null===(e=m.dateRangeSelectionOptions)||void 0===e?void 0:e.selectedDates)?I(m.dateRangeSelectionOptions.selectedDates):m&&$(m)}),[m]),e(o,{children:n(p,Object.assign({drop:"down",show:N,onToggle:E,backgroundColor:y},{children:[e(i.Toggle,Object.assign({id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===j?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${s.colorsV2.stroke.primary}`}:void 0},{children:e(H,Object.assign({style:"small"===j?{color:s.colorsV2.content.secondary}:void 0},{children:(null==x?void 0:x.isCustom)?T?O(T[0])===O(T[1])?`${O(T[0])}`:`${O(T[0])} to ${O(T[1])}`:null==F?void 0:F.label:x?null==x?void 0:x.label:u}))})),e(i.Menu,Object.assign({className:"main--dropdown"},{children:n(p,Object.assign({drop:"end",id:"sub--dropdown",show:C,onToggle:e=>{!e&&A(!1),w(!C)}},{children:[e("div",Object.assign({style:{maxHeight:f||"auto",overflowY:"scroll"}},{children:r.map((o=>{var n;return e("div",{children:(null==o?void 0:o.isCustom)?e(i.Toggle,Object.assign({className:"sub--dropdown"},{children:e(v,{eachOption:o,selectedOption:x,selectedDate:T,onClickingEachItem:e=>{$(e),w(!0)},rangeSelection:!!(null===(n=null==o?void 0:o.dateRangeSelectionOptions)||void 0===n?void 0:n.selectRange)})})):e(v,{eachOption:o,selectedOption:x,selectedDate:T,onClickingEachItem:e=>{if($(e),P(e),E(),!e.noOfDays)return void b(e);const o=new Date,n=new Date;n.setDate(o.getDate()-e.noOfDays),b(Object.assign(Object.assign({},e),{selectedRange:[n,o]}))}})},null==o?void 0:o.key)}))})),e(i.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==D?void 0:D.offsetSkid)||0,(null==D?void 0:D.offsetDistance)||0]}}]}},{children:e(d,{selectRange:(null===(k=null==x?void 0:x.dateRangeSelectionOptions)||void 0===k?void 0:k.selectRange)||!1,maxDate:null===(S=null==x?void 0:x.dateRangeSelectionOptions)||void 0===S?void 0:S.maxDate,minDate:null===(R=null==x?void 0:x.dateRangeSelectionOptions)||void 0===R?void 0:R.minDate,selectedDates:T,onSelectRange:(e,o)=>{const n=[e,o];(null==x?void 0:x.dateRangeSelectionOptions)&&(x.dateRangeSelectionOptions.selectedDates=n,b(Object.assign(Object.assign({},x),{selectedRange:[e,o]}))),P(x),w(!1),I(n),A(!N)},onSelectDate:e=>{(null==x?void 0:x.dateRangeSelectionOptions)&&(x.dateRangeSelectionOptions.selectedDates=[e,e],b(Object.assign(Object.assign({},x),{selectedRange:[e,e]}))),P(x),w(!1),I([e,e]),A(!N)}})}))]}))}))]}))})},v=o=>{let{eachOption:t,selectedOption:l,selectedDate:i,onClickingEachItem:s,rangeSelection:d}=o;return n(u,Object.assign({onClick:()=>s(t),isSelected:t.isCustom?t.key==(null==l?void 0:l.key)&&!!i:t.key==(null==l?void 0:l.key)},{children:[e(c,Object.assign({color:t.key==(null==l?void 0:l.key)?a.positive[900]:a.grayscale[900]},{children:t.label})),i&&(null==l?void 0:l.isCustom)&&t.key==(null==l?void 0:l.key)&&e(r,{children:d?`${O(i[0])} to ${O(i[1])}`:`${O(i[0])}`})]}),t.key)},O=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});export{m as AnalyticsDropdown,v as EachItem,O as formatDate};

package/dist/esm/components/analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { PieChartInputData } from "./PieChartInputData";
-export declare const Card: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const Card: (props: any) => JSX.Element;
 export declare const PieChartAnalytics: React.FC<PieChartInputData>;

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

@@ -1 +1 @@
-import t from"@emotion/styled/base";import{jsx as o,Fragment as e,jsxs as g}from"react/jsx-runtime";import I from"../../../../utils/StringUtils.js";import{COLORS as i}from"../../../../constants/Theme.js";import{useState as r,useEffect as C}from"react";import"../../../checkBox/CheckBox.styled.js";import{TitleMedium as s}from"../../../TypographyStyle.js";import"../../../list-item/ListItem.js";import"../../../pagination/Pagination.js";import"../../../radioButton/RadioButton.styled.js";import"react-toastify";import"../../../toaster/Toaster.styled.js";import"@tippyjs/react";import"../../../tooltips/TooltipInternal.js";import"../../../spinner/Spinner.js";import"../../../stepper/Stepper.styled.js";import"../../../tag/Tag.js";import"../../../icon-button/IconButton.js";import"../../../template-preview/TemplatePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../../template-preview/models/TemplateMeta.js";import"../../../modals/styledModal.js";import"../../../template-preview/models/Channels.js";import"../../../template-context-mapper/context/templateModalContext.js";import"../../../template-context-mapper/modalElements/Footer.js";import"../../../template-context-mapper/modalElements/Body.js";import"../../../template-context-mapper/modalElements/Header.js";import"../../../zeroState/ZeroState.js";import"../../../dropdown/OpenedDropdown/components/description/Description.styled.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"../../../input/Input.js";import"react-bootstrap";import"../../../floating-action-button/FloatingActionButton.styles.js";import"../../../image-compress/ImageCompress.js";import"../../../progress-bar/ProgressBarComponent.js";import"../../../QueryBuilder/QueryBuilder.js";import"../../../QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import"../../../QueryBuilder/constants/connectorPosition.js";import"../../../QueryBuilder/constants/connector.js";import"../../../QueryBuilder/types/QueryBuilder.type.js";import"../../../dropdown/Dropdown.js";import"../../../QueryBuilder/components/InputLoader.js";import"../../../QueryBuilder/components/Connectors/Components/EmojiPicker.js";import"react-chips";import"../../../input/ChipInput.styled.js";import"../../../QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js";import"../../../QueryBuilder/components/Connectors/Components/IgPicker.js";import"../../../QueryBuilder/components/Connectors/Components/InTheLast.js";import"../../../QueryBuilder/components/Connectors/Components/InTwoLast.js";import"react-calendar";import"../../../../utils/DateUtils.js";import"../../../datePicker/DatePickerWrapper.styled.js";import"../../../QueryBuilder/components/Connectors/Connector.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.js";import"../../../QueryBuilder/redux/queryBuilder.reducer.js";import"../../../QueryBuilder/redux/queryBuilderCache.reducer.js";import"../../../QueryBuilder/types/QueryBuilderOperator.type.js";import"../../../dropdown/DropdownPopover/index.js";import"../../../dropdown/MenuItem/MenuItem.js";import"../../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../analytics-card/AnalyticsCard.styled.js";import"../../CommonStyles.js";import"../../../datePicker/DatePicker.styled.js";import"../../AnalyticsMetric.js";import"../LineChart/LineChart.js";import"../linearChipGroupedChart/LinearChipGroupedChart.styled.js";import{PieChart as c}from"./PieChart.js";import"../HorizontalBarGraph/HorizontalGraph.js";import"../StackedBarChart/StackedBarChart.js";import"../VerticalBarGraph/VerticalGraph.js";import"../heatmap/HeatMap.js";import"../VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../../avatar/Avatar.js";import"../../../avatar/AvatarHelper.js";import"../../../alerts/Alert.styled.js";import"../../../alerts/AlertHelper.js";import"../../../thumbnail/Thumbnail.js";import"../../../curtain/Curtain.styled.js";import"../../../curtain/CurtainHelper.js";import"../../../switch/Switch.js";import"../../../plans/SubscriptionPlanStyled.js";import"../../../plans/SubscriptionPlanSelector.js";import"../../../tabs/Tabs.js";import"../../../TablePagination/TablePagination.styled.js";import"../../../TablePagination/TablePaginationCard.js";import"../../../states/StateComponent.js";import"../../../../_virtual/_tslib.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditor.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditorHeader.js";import"../../../card-selection-modal/CardSelectionModal.styled.js";import"react-image-crop";import"../../../buttonGroup/ButtonGroupStyle.js";import"../../../accordion/Accordion.style.js";import"../../../accordion/AccordionArrow.js";import"../../../file-uploader/FileUploaderStyle.js";import"../../../colourInput/ColourInput.styled.js";import"../../../bik-layout/CommonStyles.js";import"../../../bik-layout/SidebarStyles.js";import"date-fns";import"react-popper";import"../../../dropdown/Common.styled.js";import"../../../custom-date-time/CustomDateTime.styled.js";import"../../../../node_modules/lodash.debounce/index.js";import"../../../product-picker/ProductPicker.styled.js";import"../../../discount-modal/type.js";import"../../../discount-modal/DiscountModal.styled.js";import"../../../discount-modal/DynamicCoupon/DynamicCoupon.js";import"../../../discount-modal/CouponExpiration/CouponExpiration.js";import"../../../country-code-picker/CountryCodePicker.styled.js";import"../../../product-picker-v2/emptyState.js";import"../../../product-picker-v2/style.js";import"lodash";import"../../../carousel/carousel.js";import"../../../carousel-secondary/CarouselSecondary.style.js";import"../../../access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.js";import"../../../radioList/RadioList.styled.js";import"../../../checkList/CheckList.styled.js";import"../../../postPicker/postPicker.js";import"../../../dropdown-button/DropdownButton.style.js";import"react-dom";import"../../../side-modal/SideModal.style.js";import"../../../add-variableV2/AddVariableV2.styled.js";import{Chart as p,ArcElement as A,Legend as l}from"chart.js";import{Doughnut as a}from"react-chartjs-2";p.register(A,l);const d={plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{if(!t.label)return" 0%";const o=t.dataset.data.reduce(((t,o)=>t+o),0),e=parseFloat((t.raw/o*100).toFixed(1));return` ${t.label}: ${e}%`}}}}},n=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],m=t("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(t=>i.surface.standard),";border:1px solid ",(t=>i.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzhCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBTdHJpbmdVdGlscyB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiO1xyXG5pbXBvcnQgeyBBcmNFbGVtZW50LCBDaGFydCBhcyBDaGFydEpTLCBMZWdlbmQgfSBmcm9tICdjaGFydC5qcyc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERvdWdobnV0IH0gZnJvbSAncmVhY3QtY2hhcnRqcy0yJztcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgUGllQ2hhcnQgfSBmcm9tICcuL1BpZUNoYXJ0JztcclxuQ2hhcnRKUy5yZWdpc3RlcihBcmNFbGVtZW50LCBMZWdlbmQpO1xyXG5jb25zdCBvcHRpb25zID0ge1xyXG4gICAgcGx1Z2luczoge1xyXG4gICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmYWxzZSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHRvb2x0aXA6IHtcclxuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcclxuICAgICAgICAgICAgY2FsbGJhY2tzOiB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogKHRvb2x0aXBJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwSXRlbS5sYWJlbCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCAwJWA7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHRvdGFsID0gdG9vbHRpcEl0ZW0uZGF0YXNldC5kYXRhLnJlZHVjZSgoYWNjLCBjdXIpID0+IGFjYyArIGN1ciwgMCk7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcGVyY2VudGFnZSA9IHBhcnNlRmxvYXQoKCh0b29sdGlwSXRlbS5yYXcgLyB0b3RhbCkgKiAxMDApLnRvRml4ZWQoMSkpO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgICR7dG9vbHRpcEl0ZW0ubGFiZWx9OiAke3BlcmNlbnRhZ2V9JWA7XHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICB9LFxyXG59O1xyXG5jb25zdCBHUkFQSF9DT0xPUlMgPSBbXHJcbiAgICAnIzVFMDdCQicsXHJcbiAgICAnIzlFNzdFRCcsXHJcbiAgICAnI0QyQUVGRicsXHJcbiAgICAnI0NERTFGRicsXHJcbiAgICAnIzkyQUZGQScsXHJcbiAgICAnIzM5MzVFMScsXHJcbl07XHJcbmNvbnN0IENhcnRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gX2pzeChDYXJ0U3R5bGVkLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgcGFkZGluZzogMjQgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSk7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWVDaGFydEFuYWx5dGljcyA9ICh7IHRpdGxlLCBzbGljZXMsIHNpemUsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzbGljZXNXaXRoQ29sb3IsIHNldFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBjb25zdCB0b3RhbFN1bSA9IHNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICBsZXQgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IFtdO1xyXG4gICAgICAgIHVwZGF0ZWRTbGljZXNXaXRoQ29sb3IgPSBPYmplY3Qua2V5cyhzbGljZXMpLm1hcCgoa2V5LCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2VzW2tleV0pKSk7XHJcbiAgICAgICAgc2V0U2xpY2VzV2l0aENvbG9yKFsuLi51cGRhdGVkU2xpY2VzV2l0aENvbG9yXSk7XHJcbiAgICAgICAgaWYgKHRvdGFsU3VtID09PSAwKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogWzEwMF0sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogWycjRjBGMEYwJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXREYXRhKGRhdGFTZXQpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogc2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemUoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogc2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldERhdGEoZGF0YVNldCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW3NsaWNlc10pO1xyXG4gICAgaWYgKCFkYXRhKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Cb3R0b206IDE2LFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAncm93JyB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAnY29sLTYnIH0sIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KERvdWdobnV0LCB7IGRhdGE6IGRhdGEsIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3B0aW9ucyksIHsgbWFpbnRhaW5Bc3BlY3RSYXRpbzogc2l6ZSA/IGZhbHNlIDogdHJ1ZSB9KSB9KSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogNDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFBpZUNoYXJ0LCB7IHNsaWNlczogc2xpY2VzV2l0aENvbG9yIH0pIH0pKV0gfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBpZUNoYXJ0QW5hbHl0aWNzLmpzLm1hcCJdfQ== */")),b=t=>o(m,Object.assign({style:{padding:24}},{children:t.children})),u=t=>{let{title:i,slices:p,size:A}=t;const[l,m]=r([]),[b,u]=r();return C((()=>{const t=p.reduce(((t,o)=>t+o.count),0);let o=[];if(o=Object.keys(p).map(((t,o)=>Object.assign({color:n[o%n.length]},p[t]))),m([...o]),0===t){u({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}]})}else{const t={labels:p.map((t=>I.capitalize(t.name))),datasets:[{data:p.map((t=>t.count)),backgroundColor:p.map(((t,o)=>{var e;return null!==(e=t.color)&&void 0!==e?e:n[o%n.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};u(t)}}),[p]),b?g(e,{children:[i&&o(s,Object.assign({style:{marginBottom:16}},{children:i})),g("div",Object.assign({className:"row"},{children:[o("div",Object.assign({className:"col-6"},{children:o("div",Object.assign({style:{width:A,height:A}},{children:o(a,{data:b,options:Object.assign(Object.assign({},d),{maintainAspectRatio:!A})})}))})),o("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:o(c,{slices:l})}))]}))]}):o(e,{})};export{b as Card,u as PieChartAnalytics};
+import t from"@emotion/styled/base";import{jsx as o,Fragment as e,jsxs as g}from"react/jsx-runtime";import i from"../../../../utils/StringUtils.js";import{COLORS as r}from"../../../../constants/Theme.js";import{useState as I,useEffect as C}from"react";import"../../../checkBox/CheckBox.styled.js";import{TitleMedium as s}from"../../../TypographyStyle.js";import"../../../list-item/ListItem.js";import"../../../pagination/Pagination.js";import"../../../radioButton/RadioButton.styled.js";import"react-toastify";import"../../../toaster/Toaster.styled.js";import"@tippyjs/react";import"../../../tooltips/TooltipInternal.js";import"../../../spinner/Spinner.js";import"../../../stepper/Stepper.styled.js";import"../../../tag/Tag.js";import"../../../icon-button/IconButton.js";import"../../../template-preview/TemplatePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../../template-preview/models/TemplateMeta.js";import"../../../modals/styledModal.js";import"../../../template-preview/models/Channels.js";import"../../../template-context-mapper/context/templateModalContext.js";import"../../../template-context-mapper/modalElements/Footer.js";import"../../../template-context-mapper/modalElements/Body.js";import"../../../template-context-mapper/modalElements/Header.js";import"../../../zeroState/ZeroState.js";import"../../../dropdown/OpenedDropdown/components/description/Description.styled.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"../../../input/Input.js";import"react-bootstrap";import"../../../floating-action-button/FloatingActionButton.styles.js";import"../../../image-compress/ImageCompress.js";import"../../../progress-bar/ProgressBarComponent.js";import"../../../QueryBuilder/QueryBuilder.js";import"../../../QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import"../../../QueryBuilder/constants/connectorPosition.js";import"../../../QueryBuilder/constants/connector.js";import"../../../QueryBuilder/types/QueryBuilder.type.js";import"../../../dropdown/Dropdown.js";import"../../../QueryBuilder/components/InputLoader.js";import"../../../QueryBuilder/components/Connectors/Components/EmojiPicker.js";import"react-chips";import"../../../input/ChipInput.styled.js";import"../../../QueryBuilder/components/Connectors/Components/FrequencyIntegerPositiveSingle.js";import"../../../QueryBuilder/components/Connectors/Components/IgPicker.js";import"../../../QueryBuilder/components/Connectors/Components/InTheLast.js";import"../../../QueryBuilder/components/Connectors/Components/InTwoLast.js";import"react-calendar";import"../../../../utils/DateUtils.js";import"../../../datePicker/DatePickerWrapper.styled.js";import"../../../QueryBuilder/components/Connectors/Connector.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.styled.js";import"../../../QueryBuilder/components/QueryBuilderNode/Property/PropertyNodeUIWrapper.styled.js";import"../../../QueryBuilder/redux/queryBuilder.reducer.js";import"../../../QueryBuilder/redux/queryBuilderCache.reducer.js";import"../../../QueryBuilder/types/QueryBuilderOperator.type.js";import"../../../dropdown/DropdownPopover/index.js";import"../../../dropdown/MenuItem/MenuItem.js";import"../../../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../../analytics-card/AnalyticsCard.styled.js";import"../../CommonStyles.js";import"../../../datePicker/DatePicker.styled.js";import"../../AnalyticsMetric.js";import"../LineChart/LineChart.js";import"../linearChipGroupedChart/LinearChipGroupedChart.styled.js";import{PieChart as c}from"./PieChart.js";import"../HorizontalBarGraph/HorizontalGraph.js";import"../StackedBarChart/StackedBarChart.js";import"../VerticalBarGraph/VerticalGraph.js";import"../heatmap/HeatMap.js";import"../VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../../avatar/Avatar.js";import"../../../avatar/AvatarHelper.js";import"../../../alerts/Alert.styled.js";import"../../../alerts/AlertHelper.js";import"../../../thumbnail/Thumbnail.js";import"../../../curtain/Curtain.styled.js";import"../../../curtain/CurtainHelper.js";import"../../../switch/Switch.js";import"../../../plans/SubscriptionPlanStyled.js";import"../../../plans/SubscriptionPlanSelector.js";import"../../../tabs/Tabs.js";import"../../../TablePagination/TablePagination.styled.js";import"../../../TablePagination/TablePaginationCard.js";import"../../../states/StateComponent.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditor.js";import"../../../WhatsAppTextEditor/WhatsAppTextEditorHeader.js";import"../../../card-selection-modal/CardSelectionModal.styled.js";import"react-image-crop";import"../../../buttonGroup/ButtonGroupStyle.js";import"../../../accordion/Accordion.style.js";import"../../../accordion/AccordionArrow.js";import"../../../file-uploader/FileUploaderStyle.js";import"../../../colourInput/ColourInput.styled.js";import"../../../bik-layout/CommonStyles.js";import"../../../bik-layout/SidebarStyles.js";import"date-fns";import"react-popper";import"../../../dropdown/Common.styled.js";import"../../../custom-date-time/CustomDateTime.styled.js";import"../../../../node_modules/lodash.debounce/index.js";import"../../../product-picker/ProductPicker.styled.js";import"../../../discount-modal/type.js";import"../../../discount-modal/DiscountModal.styled.js";import"../../../discount-modal/DynamicCoupon/DynamicCoupon.js";import"../../../discount-modal/CouponExpiration/CouponExpiration.js";import"../../../country-code-picker/CountryCodePicker.styled.js";import"../../../product-picker-v2/emptyState.js";import"../../../product-picker-v2/style.js";import"lodash";import"../../../carousel/carousel.js";import"../../../carousel-secondary/CarouselSecondary.style.js";import"../../../access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.js";import"../../../radioList/RadioList.styled.js";import"../../../checkList/CheckList.styled.js";import"../../../postPicker/postPicker.js";import"../../../dropdown-button/DropdownButton.style.js";import"react-dom";import"../../../side-modal/SideModal.style.js";import"../../../add-variableV2/AddVariableV2.styled.js";import"../../../SearchFilter/components/ChipDropdown.js";import"../../../SearchFilter/components/DatePickerButton.js";import"../../../SearchFilter/types/SearchFilter.type.js";import{Chart as p,ArcElement as A,Legend as l}from"chart.js";import{Doughnut as a}from"react-chartjs-2";p.register(A,l);const d={plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{if(!t.label)return" 0%";const o=t.dataset.data.reduce(((t,o)=>t+o),0),e=parseFloat((t.raw/o*100).toFixed(1));return` ${t.label}: ${e}%`}}}}},n=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],m=t("div","production"===process.env.NODE_ENV?{target:"elaov7f0"}:{target:"elaov7f0",label:"CartStyled"})("background:",(t=>r.surface.standard),";border:1px solid ",(t=>r.stroke.primary),";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzhCIiwiZmlsZSI6IlBpZUNoYXJ0QW5hbHl0aWNzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBTdHJpbmdVdGlscyB9IGZyb20gXCIuLi8uLi8uLi8uLi9pbmRleFwiO1xyXG5pbXBvcnQgeyBBcmNFbGVtZW50LCBDaGFydCBhcyBDaGFydEpTLCBMZWdlbmQgfSBmcm9tICdjaGFydC5qcyc7XHJcbmltcG9ydCB7IHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IERvdWdobnV0IH0gZnJvbSAncmVhY3QtY2hhcnRqcy0yJztcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgUGllQ2hhcnQgfSBmcm9tICcuL1BpZUNoYXJ0JztcclxuQ2hhcnRKUy5yZWdpc3RlcihBcmNFbGVtZW50LCBMZWdlbmQpO1xyXG5jb25zdCBvcHRpb25zID0ge1xyXG4gICAgcGx1Z2luczoge1xyXG4gICAgICAgIGxlZ2VuZDoge1xyXG4gICAgICAgICAgICBkaXNwbGF5OiBmYWxzZSxcclxuICAgICAgICB9LFxyXG4gICAgICAgIHRvb2x0aXA6IHtcclxuICAgICAgICAgICAgZW5hYmxlZDogdHJ1ZSxcclxuICAgICAgICAgICAgY2FsbGJhY2tzOiB7XHJcbiAgICAgICAgICAgICAgICBsYWJlbDogKHRvb2x0aXBJdGVtKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgaWYgKCF0b29sdGlwSXRlbS5sYWJlbCkge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gYCAwJWA7XHJcbiAgICAgICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHRvdGFsID0gdG9vbHRpcEl0ZW0uZGF0YXNldC5kYXRhLnJlZHVjZSgoYWNjLCBjdXIpID0+IGFjYyArIGN1ciwgMCk7XHJcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgcGVyY2VudGFnZSA9IHBhcnNlRmxvYXQoKCh0b29sdGlwSXRlbS5yYXcgLyB0b3RhbCkgKiAxMDApLnRvRml4ZWQoMSkpO1xyXG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBgICR7dG9vbHRpcEl0ZW0ubGFiZWx9OiAke3BlcmNlbnRhZ2V9JWA7XHJcbiAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICB9LFxyXG59O1xyXG5jb25zdCBHUkFQSF9DT0xPUlMgPSBbXHJcbiAgICAnIzVFMDdCQicsXHJcbiAgICAnIzlFNzdFRCcsXHJcbiAgICAnI0QyQUVGRicsXHJcbiAgICAnI0NERTFGRicsXHJcbiAgICAnIzkyQUZGQScsXHJcbiAgICAnIzM5MzVFMScsXHJcbl07XHJcbmNvbnN0IENhcnRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHsocHJvcHMpID0+IENPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gX2pzeChDYXJ0U3R5bGVkLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHsgcGFkZGluZzogMjQgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSk7XHJcbn07XHJcbmV4cG9ydCBjb25zdCBQaWVDaGFydEFuYWx5dGljcyA9ICh7IHRpdGxlLCBzbGljZXMsIHNpemUsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzbGljZXNXaXRoQ29sb3IsIHNldFNsaWNlc1dpdGhDb2xvcl0gPSB1c2VTdGF0ZShbXSk7XHJcbiAgICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZSgpO1xyXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgICAgICBjb25zdCB0b3RhbFN1bSA9IHNsaWNlcy5yZWR1Y2UoKHN1bSwgc2xpY2UpID0+IHN1bSArIHNsaWNlLmNvdW50LCAwKTtcclxuICAgICAgICBsZXQgdXBkYXRlZFNsaWNlc1dpdGhDb2xvciA9IFtdO1xyXG4gICAgICAgIHVwZGF0ZWRTbGljZXNXaXRoQ29sb3IgPSBPYmplY3Qua2V5cyhzbGljZXMpLm1hcCgoa2V5LCBpbmRleCkgPT4gKE9iamVjdC5hc3NpZ24oeyBjb2xvcjogR1JBUEhfQ09MT1JTW2luZGV4ICUgR1JBUEhfQ09MT1JTLmxlbmd0aF0gfSwgc2xpY2VzW2tleV0pKSk7XHJcbiAgICAgICAgc2V0U2xpY2VzV2l0aENvbG9yKFsuLi51cGRhdGVkU2xpY2VzV2l0aENvbG9yXSk7XHJcbiAgICAgICAgaWYgKHRvdGFsU3VtID09PSAwKSB7XHJcbiAgICAgICAgICAgIGNvbnN0IGRhdGFTZXQgPSB7XHJcbiAgICAgICAgICAgICAgICBkYXRhc2V0czogW1xyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgZGF0YTogWzEwMF0sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogWycjRjBGMEYwJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiAwLFxyXG4gICAgICAgICAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICBzZXREYXRhKGRhdGFTZXQpO1xyXG4gICAgICAgIH1cclxuICAgICAgICBlbHNlIHtcclxuICAgICAgICAgICAgY29uc3QgZGF0YVNldCA9IHtcclxuICAgICAgICAgICAgICAgIGxhYmVsczogc2xpY2VzLm1hcCgoc2xpY2UpID0+IFN0cmluZ1V0aWxzLmNhcGl0YWxpemUoc2xpY2UubmFtZSkpLFxyXG4gICAgICAgICAgICAgICAgZGF0YXNldHM6IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGRhdGE6IHNsaWNlcy5tYXAoKHNsaWNlKSA9PiBzbGljZS5jb3VudCksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogc2xpY2VzLm1hcCgoc2xpY2UsIGluZGV4KSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHNsaWNlLmNvbG9yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBHUkFQSF9DT0xPUlNbaW5kZXggJSBHUkFQSF9DT0xPUlMubGVuZ3RoXTsgfSksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlckNvbG9yOiBbJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJywgJ3doaXRlJ10sXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcldpZHRoOiA0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBib3JkZXJSYWRpdXM6IDgsXHJcbiAgICAgICAgICAgICAgICAgICAgfSxcclxuICAgICAgICAgICAgICAgIF0sXHJcbiAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgIHNldERhdGEoZGF0YVNldCk7XHJcbiAgICAgICAgfVxyXG4gICAgfSwgW3NsaWNlc10pO1xyXG4gICAgaWYgKCFkYXRhKSB7XHJcbiAgICAgICAgcmV0dXJuIF9qc3goX0ZyYWdtZW50LCB7fSk7XHJcbiAgICB9XHJcbiAgICByZXR1cm4gKF9qc3hzKF9GcmFnbWVudCwgeyBjaGlsZHJlbjogW3RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBtYXJnaW5Cb3R0b206IDE2LFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAncm93JyB9LCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAnY29sLTYnIH0sIHsgY2hpbGRyZW46IF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHNpemUsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzaXplLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KERvdWdobnV0LCB7IGRhdGE6IGRhdGEsIG9wdGlvbnM6IE9iamVjdC5hc3NpZ24oT2JqZWN0LmFzc2lnbih7fSwgb3B0aW9ucyksIHsgbWFpbnRhaW5Bc3BlY3RSYXRpbzogc2l6ZSA/IGZhbHNlIDogdHJ1ZSB9KSB9KSB9KSkgfSkpLCBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICdjb2wtNicsIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogNDgsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGp1c3RpZnlDb250ZW50OiAnY2VudGVyJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFBpZUNoYXJ0LCB7IHNsaWNlczogc2xpY2VzV2l0aENvbG9yIH0pIH0pKV0gfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVBpZUNoYXJ0QW5hbHl0aWNzLmpzLm1hcCJdfQ== */")),b=t=>o(m,Object.assign({style:{padding:24}},{children:t.children})),u=t=>{let{title:r,slices:p,size:A}=t;const[l,m]=I([]),[b,u]=I();return C((()=>{const t=p.reduce(((t,o)=>t+o.count),0);let o=[];if(o=Object.keys(p).map(((t,o)=>Object.assign({color:n[o%n.length]},p[t]))),m([...o]),0===t){u({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}]})}else{const t={labels:p.map((t=>i.capitalize(t.name))),datasets:[{data:p.map((t=>t.count)),backgroundColor:p.map(((t,o)=>{var e;return null!==(e=t.color)&&void 0!==e?e:n[o%n.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};u(t)}}),[p]),b?g(e,{children:[r&&o(s,Object.assign({style:{marginBottom:16}},{children:r})),g("div",Object.assign({className:"row"},{children:[o("div",Object.assign({className:"col-6"},{children:o("div",Object.assign({style:{width:A,height:A}},{children:o(a,{data:b,options:Object.assign(Object.assign({},d),{maintainAspectRatio:!A})})}))})),o("div",Object.assign({className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"center"}},{children:o(c,{slices:l})}))]}))]}):o(e,{})};export{b as Card,u as PieChartAnalytics};

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { StackedBarGraphI } from './StackedBarChart.d';
-export declare const StackedBarChart: (props: StackedBarGraphI) => import("react/jsx-runtime").JSX.Element;
+export declare const StackedBarChart: (props: StackedBarGraphI) => JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/esm/components/button/Button.styled.d.ts

@@ -12,4 +12,4 @@ export declare const Button: import("@emotion/styled").StyledComponent<{
     matchParentWidth?: boolean | undefined;
     version?: "1.0" | "2.0" | undefined;
 }, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const ButtonCustomDashedBorder: () => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonCustomDashedBorder: () => JSX.Element;

package/dist/esm/components/carousel/carousel.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { CarouselProps } from '@trendyol-js/react-carousel/dist/types/components/carousel';
-export declare const Carousel: (props: CarouselProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Carousel: (props: CarouselProps) => JSX.Element;

package/dist/esm/components/country-code-picker/CountryCodePicker.modal.d.ts

@@ -2,6 +2,5 @@ export interface CountryCode {
     name: string;
     dial: string;
     code: string;
-    code3: string;
 }
 export declare const CountriesData: CountryCode[];

package/dist/esm/components/country-code-picker/CountryCodePicker.modal.js

@@ -1 +1 @@
-const e=[{name:"Afghanistan",dial:"+93",code:"AF",code3:"AFG"},{name:"Albania",dial:"+355",code:"AL",code3:"ALB"},{name:"Algeria",dial:"+213",code:"DZ",code3:"DZA"},{name:"Andorra",dial:"+376",code:"AD",code3:"AND"},{name:"Angola",dial:"+244",code:"AO",code3:"AGO"},{name:"Anguilla",dial:"+1264",code:"AI",code3:"AIA"},{name:"Antarctica",dial:"+672",code:"AQ",code3:"ATA"},{name:"Antigua and Barbuda",dial:"+1268",code:"AG",code3:"ATG"},{name:"Argentina",dial:"+54",code:"AR",code3:"ARG"},{name:"Armenia",dial:"+374",code:"AM",code3:"ARM"},{name:"Aruba",dial:"+297",code:"AW",code3:"ABW"},{name:"Australia",dial:"+61",code:"AU",code3:"AUS"},{name:"Austria",dial:"+43",code:"AT",code3:"AUT"},{name:"Azerbaijan",dial:"+994",code:"AZ",code3:"AZE"},{name:"Bahamas",dial:"+1242",code:"BS",code3:"BHS"},{name:"Bahrain",dial:"+973",code:"BH",code3:"BHR"},{name:"Bangladesh",dial:"+880",code:"BD",code3:"BGD"},{name:"Barbados",dial:"+1246",code:"BB",code3:"BRB"},{name:"Belarus",dial:"+375",code:"BY",code3:"BLR"},{name:"Belgium",dial:"+32",code:"BE",code3:"BEL"},{name:"Belize",dial:"+501",code:"BZ",code3:"BLZ"},{name:"Benin",dial:"+229",code:"BJ",code3:"BEN"},{name:"Bermuda",dial:"+1441",code:"BM",code3:"BMU"},{name:"Bhutan",dial:"+975",code:"BT",code3:"BTN"},{name:"Bosnia and Herzegovina",dial:"+387",code:"BA",code3:"BIH"},{name:"Botswana",dial:"+267",code:"BW",code3:"BWA"},{name:"Brazil",dial:"+55",code:"BR",code3:"BRA"},{name:"British Indian Ocean Territory",dial:"+246",code:"IO",code3:"IOT"},{name:"Bulgaria",dial:"+359",code:"BG",code3:"BGR"},{name:"Burkina Faso",dial:"+226",code:"BF",code3:"BFA"},{name:"Burundi",dial:"+257",code:"BI",code3:"BDI"},{name:"Cambodia",dial:"+855",code:"KH",code3:"KHM"},{name:"Cameroon",dial:"+237",code:"CM",code3:"CMR"},{name:"Canada",dial:"+1",code:"CA",code3:"CAN"},{name:"Cape Verde",dial:"+238",code:"CV",code3:"CPV"},{name:"Central African Republic",dial:"+236",code:"CF",code3:"CAF"},{name:"Chad",dial:"+235",code:"TD",code3:"TCD"},{name:"Chile",dial:"+56",code:"CL",code3:"CHL"},{name:"China",dial:"+86",code:"CN",code3:"CHN"},{name:"Christmas Island",dial:"+61",code:"CX",code3:"CXR"},{name:"Colombia",dial:"+57",code:"CO",code3:"COL"},{name:"Comoros",dial:"+269",code:"KM",code3:"COM"},{name:"Cook Islands",dial:"+682",code:"CK",code3:"COK"},{name:"Costa Rica",dial:"+506",code:"CR",code3:"CRI"},{name:"Croatia",dial:"+385",code:"HR",code3:"HRV"},{name:"Cuba",dial:"+53",code:"CU",code3:"CUB"},{name:"Cyprus",dial:"+357",code:"CY",code3:"CYP"},{name:"Czech Republic",dial:"+420",code:"CZ",code3:"CZE"},{name:"Denmark",dial:"+45",code:"DK",code3:"DNK"},{name:"Djibouti",dial:"+253",code:"DJ",code3:"DJI"},{name:"Dominica",dial:"+1767",code:"DM",code3:"DMA"},{name:"Ecuador",dial:"+593",code:"EC",code3:"ECU"},{name:"Egypt",dial:"+20",code:"EG",code3:"EGY"},{name:"El Salvador",dial:"+503",code:"SV",code3:"SLV"},{name:"Equatorial Guinea",dial:"+240",code:"GQ",code3:"GNQ"},{name:"Eritrea",dial:"+291",code:"ER",code3:"ERI"},{name:"Estonia",dial:"+372",code:"EE",code3:"EST"},{name:"Ethiopia",dial:"+251",code:"ET",code3:"ETH"},{name:"Faroe Islands",dial:"+298",code:"FO",code3:"FRO"},{name:"Fiji",dial:"+679",code:"FJ",code3:"FJI"},{name:"Finland",dial:"+358",code:"FI",code3:"FIN"},{name:"France",dial:"+33",code:"FR",code3:"FRA"},{name:"French Polynesia",dial:"+689",code:"PF",code3:"PYF"},{name:"Gabon",dial:"+241",code:"GA",code3:"GAB"},{name:"Gambia",dial:"+220",code:"GM",code3:"GMB"},{name:"Georgia",dial:"+995",code:"GE",code3:"GEO"},{name:"Germany",dial:"+49",code:"DE",code3:"DEU"},{name:"Ghana",dial:"+233",code:"GH",code3:"GHA"},{name:"Gibraltar",dial:"+350",code:"GI",code3:"GIB"},{name:"Greece",dial:"+30",code:"GR",code3:"GRC"},{name:"Greenland",dial:"+299",code:"GL",code3:"GRL"},{name:"Grenada",dial:"+1473",code:"GD",code3:"GRD"},{name:"Guam",dial:"+1671",code:"GU",code3:"GUM"},{name:"Guatemala",dial:"+502",code:"GT",code3:"GTM"},{name:"Guinea",dial:"+224",code:"GN",code3:"GIN"},{name:"Guinea-Bissau",dial:"+245",code:"GW",code3:"GNB"},{name:"Haiti",dial:"+509",code:"HT",code3:"HTI"},{name:"Honduras",dial:"+504",code:"HN",code3:"HND"},{name:"Hong Kong",dial:"+852",code:"HK",code3:"HKG"},{name:"Hungary",dial:"+36",code:"HU",code3:"HUN"},{name:"Iceland",dial:"+354",code:"IS",code3:"ISL"},{name:"India",dial:"+91",code:"IN",code3:"IND"},{name:"Indonesia",dial:"+62",code:"ID",code3:"IDN"},{name:"Iraq",dial:"+964",code:"IQ",code3:"IRQ"},{name:"Ireland",dial:"+353",code:"IE",code3:"IRL"},{name:"Israel",dial:"+972",code:"IL",code3:"ISR"},{name:"Italy",dial:"+39",code:"IT",code3:"ITA"},{name:"Jamaica",dial:"+1876",code:"JM",code3:"JAM"},{name:"Japan",dial:"+81",code:"JP",code3:"JPN"},{name:"Jordan",dial:"+962",code:"JO",code3:"JOR"},{name:"Kenya",dial:"+254",code:"KE",code3:"KEN"},{name:"Kiribati",dial:"+686",code:"KI",code3:"KIR"},{name:"Kuwait",dial:"+965",code:"KW",code3:"KWT"},{name:"Kyrgyzstan",dial:"+996",code:"KG",code3:"KGZ"},{name:"Laos",dial:"+856",code:"LA",code3:"LAO"},{name:"Latvia",dial:"+371",code:"LV",code3:"LVA"},{name:"Lebanon",dial:"+961",code:"LB",code3:"LBN"},{name:"Lesotho",dial:"+266",code:"LS",code3:"LSO"},{name:"Liberia",dial:"+231",code:"LR",code3:"LBR"},{name:"Liechtenstein",dial:"+423",code:"LI",code3:"LIE"},{name:"Lithuania",dial:"+370",code:"LT",code3:"LTU"},{name:"Luxembourg",dial:"+352",code:"LU",code3:"LUX"},{name:"Macao",dial:"+853",code:"MO",code3:"MAC"},{name:"Macedonia",dial:"+389",code:"MK",code3:"MKD"},{name:"Madagascar",dial:"+261",code:"MG",code3:"MDG"},{name:"Malawi",dial:"+265",code:"MW",code3:"MWI"},{name:"Malaysia",dial:"+60",code:"MY",code3:"MYS"},{name:"Maldives",dial:"+960",code:"MV",code3:"MDV"},{name:"Mali",dial:"+223",code:"ML",code3:"MLI"},{name:"Malta",dial:"+356",code:"MT",code3:"MLT"},{name:"Marshall Islands",dial:"+692",code:"MH",code3:"MHL"},{name:"Mauritania",dial:"+222",code:"MR",code3:"MRT"},{name:"Mauritius",dial:"+230",code:"MU",code3:"MUS"},{name:"Mayotte",dial:"+262",code:"YT",code3:"MYT"},{name:"Mexico",dial:"+52",code:"MX",code3:"MEX"},{name:"Moldova",dial:"+373",code:"MD",code3:"MDA"},{name:"Monaco",dial:"+377",code:"MC",code3:"MCO"},{name:"Mongolia",dial:"+976",code:"MN",code3:"MNG"},{name:"Montenegro",dial:"+382",code:"ME",code3:"MNE"},{name:"Montserrat",dial:"+1664",code:"MS",code3:"MSR"},{name:"Morocco",dial:"+212",code:"MA",code3:"MAR"},{name:"Mozambique",dial:"+258",code:"MZ",code3:"MOZ"},{name:"Myanmar",dial:"+95",code:"MM",code3:"MMR"},{name:"Namibia",dial:"+264",code:"NA",code3:"NAM"},{name:"Nauru",dial:"+674",code:"NR",code3:"NRU"},{name:"Nepal",dial:"+977",code:"NP",code3:"NPL"},{name:"Netherlands",dial:"+31",code:"NL",code3:"NLD"},{name:"Netherlands Antilles",dial:"+599",code:"AN",code3:"ANT"},{name:"New Caledonia",dial:"+687",code:"NC",code3:"NCL"},{name:"New Zealand",dial:"+64",code:"NZ",code3:"NZL"},{name:"Nicaragua",dial:"+505",code:"NI",code3:"NIC"},{name:"Niger",dial:"+227",code:"NE",code3:"NER"},{name:"Nigeria",dial:"+234",code:"NG",code3:"NGA"},{name:"Niue",dial:"+683",code:"NU",code3:"NIU"},{name:"Norfolk Island",dial:"+672",code:"NF",code3:"NFK"},{name:"Northern Mariana Islands",dial:"+1670",code:"MP",code3:"MNP"},{name:"Norway",dial:"+47",code:"NO",code3:"NOR"},{name:"Oman",dial:"+968",code:"OM",code3:"OMN"},{name:"Pakistan",dial:"+92",code:"PK",code3:"PAK"},{name:"Palau",dial:"+680",code:"PW",code3:"PLW"},{name:"Panama",dial:"+507",code:"PA",code3:"PAN"},{name:"Papua New Guinea",dial:"+675",code:"PG",code3:"PNG"},{name:"Paraguay",dial:"+595",code:"PY",code3:"PRY"},{name:"Peru",dial:"+51",code:"PE",code3:"PER"},{name:"Philippines",dial:"+63",code:"PH",code3:"PHL"},{name:"Poland",dial:"+48",code:"PL",code3:"POL"},{name:"Portugal",dial:"+351",code:"PT",code3:"PRT"},{name:"Romania",dial:"+40",code:"RO",code3:"ROU"},{name:"Russia",dial:"+7",code:"RU",code3:"RUS"},{name:"Rwanda",dial:"+250",code:"RW",code3:"RWA"},{name:"Saint Kitts and Nevis",dial:"+1869",code:"KN",code3:"KNA"},{name:"Saint Lucia",dial:"+1758",code:"LC",code3:"LCA"},{name:"Saint Pierre and Miquelon",dial:"+508",code:"PM",code3:"SPM"},{name:"Saint Vincent and the Grenadines",dial:"+1784",code:"VC",code3:"VCT"},{name:"Samoa",dial:"+685",code:"WS",code3:"WSM"},{name:"San Marino",dial:"+378",code:"SM",code3:"SMR"},{name:"Sao Tome and Principe",dial:"+239",code:"ST",code3:"STP"},{name:"Saudi Arabia",dial:"+966",code:"SA",code3:"SAU"},{name:"Senegal",dial:"+221",code:"SN",code3:"SEN"},{name:"Serbia",dial:"+381",code:"RS",code3:"SRB"},{name:"Seychelles",dial:"+248",code:"SC",code3:"SYC"},{name:"Sierra Leone",dial:"+232",code:"SL",code3:"SLE"},{name:"Singapore",dial:"+65",code:"SG",code3:"SGP"},{name:"Slovakia",dial:"+421",code:"SK",code3:"SVK"},{name:"Slovenia",dial:"+386",code:"SI",code3:"SVN"},{name:"Solomon Islands",dial:"+677",code:"SB",code3:"SLB"},{name:"Somalia",dial:"+252",code:"SO",code3:"SOM"},{name:"South Africa",dial:"+27",code:"ZA",code3:"ZAF"},{name:"South Sudan",dial:"+211",code:"SS",code3:"SSD"},{name:"South Georgia and the South Sandwich Islands",dial:"+500",code:"GS",code3:"SGS"},{name:"Spain",dial:"+34",code:"ES",code3:"ESP"},{name:"Sri Lanka",dial:"+94",code:"LK",code3:"LKA"},{name:"Sudan",dial:"+249",code:"SD",code3:"SDN"},{name:"Suriname",dial:"+597",code:"SR",code3:"SUR"},{name:"Svalbard and Jan Mayen",dial:"+47",code:"SJ",code3:"SJM"},{name:"Sweden",dial:"+46",code:"SE",code3:"SWE"},{name:"Switzerland",dial:"+41",code:"CH",code3:"CHE"},{name:"Syrian Arab Republic",dial:"+963",code:"SY",code3:"SYR"},{name:"Taiwan",dial:"+886",code:"TW",code3:"TWN"},{name:"Tajikistan",dial:"+992",code:"TJ",code3:"TJK"},{name:"Thailand",dial:"+66",code:"TH",code3:"THA"},{name:"Timor-Leste",dial:"+670",code:"TL",code3:"TLS"},{name:"Togo",dial:"+228",code:"TG",code3:"TGO"},{name:"Tokelau",dial:"+690",code:"TK",code3:"TKL"},{name:"Tonga",dial:"+676",code:"TO",code3:"TON"},{name:"Trinidad and Tobago",dial:"+1868",code:"TT",code3:"TTO"},{name:"Tunisia",dial:"+216",code:"TN",code3:"TUN"},{name:"Turkey",dial:"+90",code:"TR",code3:"TUR"},{name:"Turkmenistan",dial:"+993",code:"TM",code3:"TKM"},{name:"Turks and Caicos Islands",dial:"+1649",code:"TC",code3:"TCA"},{name:"Tuvalu",dial:"+688",code:"TV",code3:"TUV"},{name:"Uganda",dial:"+256",code:"UG",code3:"UGA"},{name:"Ukraine",dial:"+380",code:"UA",code3:"UKR"},{name:"United Arab Emirates",dial:"+971",code:"AE",code3:"ARE"},{name:"United Kingdom",dial:"+44",code:"GB",code3:"GBR"},{name:"United States",dial:"+1",code:"US",code3:"USA"},{name:"Uruguay",dial:"+598",code:"UY",code3:"URY"},{name:"Uzbekistan",dial:"+998",code:"UZ",code3:"UZB"},{name:"Vanuatu",dial:"+678",code:"VU",code3:"VUT"},{name:"Vietnam",dial:"+84",code:"VN",code3:"VNM"},{name:"Virgin Islands, British",dial:"+1284",code:"VG",code3:"VGB"},{name:"Virgin Islands, U.S.",dial:"+1340",code:"VI",code3:"VIR"},{name:"Wallis and Futuna",dial:"+681",code:"WF",code3:"WLF"},{name:"Yemen",dial:"+967",code:"YE",code3:"YEM"},{name:"Zambia",dial:"+260",code:"ZM",code3:"ZMB"},{name:"Zimbabwe",dial:"+263",code:"ZW",code3:"ZWE"},{name:"Korea, Republic of South Korea",dial:"+82",code:"KR",code3:"KOR"},{name:"AmericanSamoa",dial:"+1684",code:"AS",code3:"ASM"},{name:"Korea, Democratic People's Republic of Korea",dial:"+850",code:"KP",code3:"PRK"},{name:"Venezuela, Bolivarian Republic of Venezuela",dial:"+58",code:"VE",code3:"VEN"},{name:"Virgin Islands, British",dial:"+1284",code:"VG",code3:"VGB"}];export{e as CountriesData};
+const a=[{name:"Afghanistan",dial:"+93",code:"AF"},{name:"Aland Islands",dial:"+358",code:"AX"},{name:"Albania",dial:"+355",code:"AL"},{name:"Algeria",dial:"+213",code:"DZ"},{name:"AmericanSamoa",dial:"+1684",code:"AS"},{name:"Andorra",dial:"+376",code:"AD"},{name:"Angola",dial:"+244",code:"AO"},{name:"Anguilla",dial:"+1264",code:"AI"},{name:"Antarctica",dial:"+672",code:"AQ"},{name:"Antigua and Barbuda",dial:"+1268",code:"AG"},{name:"Argentina",dial:"+54",code:"AR"},{name:"Armenia",dial:"+374",code:"AM"},{name:"Aruba",dial:"+297",code:"AW"},{name:"Australia",dial:"+61",code:"AU"},{name:"Austria",dial:"+43",code:"AT"},{name:"Azerbaijan",dial:"+994",code:"AZ"},{name:"Bahamas",dial:"+1242",code:"BS"},{name:"Bahrain",dial:"+973",code:"BH"},{name:"Bangladesh",dial:"+880",code:"BD"},{name:"Barbados",dial:"+1246",code:"BB"},{name:"Belarus",dial:"+375",code:"BY"},{name:"Belgium",dial:"+32",code:"BE"},{name:"Belize",dial:"+501",code:"BZ"},{name:"Benin",dial:"+229",code:"BJ"},{name:"Bermuda",dial:"+1441",code:"BM"},{name:"Bhutan",dial:"+975",code:"BT"},{name:"Bolivia, Plurinational State of",dial:"+591",code:"BO"},{name:"Bosnia and Herzegovina",dial:"+387",code:"BA"},{name:"Botswana",dial:"+267",code:"BW"},{name:"Brazil",dial:"+55",code:"BR"},{name:"British Indian Ocean Territory",dial:"+246",code:"IO"},{name:"Brunei Darussalam",dial:"+673",code:"BN"},{name:"Bulgaria",dial:"+359",code:"BG"},{name:"Burkina Faso",dial:"+226",code:"BF"},{name:"Burundi",dial:"+257",code:"BI"},{name:"Cambodia",dial:"+855",code:"KH"},{name:"Cameroon",dial:"+237",code:"CM"},{name:"Canada",dial:"+1",code:"CA"},{name:"Cape Verde",dial:"+238",code:"CV"},{name:"Cayman Islands",dial:"+ 345",code:"KY"},{name:"Central African Republic",dial:"+236",code:"CF"},{name:"Chad",dial:"+235",code:"TD"},{name:"Chile",dial:"+56",code:"CL"},{name:"China",dial:"+86",code:"CN"},{name:"Christmas Island",dial:"+61",code:"CX"},{name:"Cocos (Keeling) Islands",dial:"+61",code:"CC"},{name:"Colombia",dial:"+57",code:"CO"},{name:"Comoros",dial:"+269",code:"KM"},{name:"Congo",dial:"+242",code:"CG"},{name:"Congo, The Democratic Republic of the Congo",dial:"+243",code:"CD"},{name:"Cook Islands",dial:"+682",code:"CK"},{name:"Costa Rica",dial:"+506",code:"CR"},{name:"Cote d'Ivoire",dial:"+225",code:"CI"},{name:"Croatia",dial:"+385",code:"HR"},{name:"Cuba",dial:"+53",code:"CU"},{name:"Cyprus",dial:"+357",code:"CY"},{name:"Czech Republic",dial:"+420",code:"CZ"},{name:"Denmark",dial:"+45",code:"DK"},{name:"Djibouti",dial:"+253",code:"DJ"},{name:"Dominica",dial:"+1767",code:"DM"},{name:"Dominican Republic",dial:"+1849",code:"DO"},{name:"Ecuador",dial:"+593",code:"EC"},{name:"Egypt",dial:"+20",code:"EG"},{name:"El Salvador",dial:"+503",code:"SV"},{name:"Equatorial Guinea",dial:"+240",code:"GQ"},{name:"Eritrea",dial:"+291",code:"ER"},{name:"Estonia",dial:"+372",code:"EE"},{name:"Ethiopia",dial:"+251",code:"ET"},{name:"Falkland Islands (Malvinas)",dial:"+500",code:"FK"},{name:"Faroe Islands",dial:"+298",code:"FO"},{name:"Fiji",dial:"+679",code:"FJ"},{name:"Finland",dial:"+358",code:"FI"},{name:"France",dial:"+33",code:"FR"},{name:"French Guiana",dial:"+594",code:"GF"},{name:"French Polynesia",dial:"+689",code:"PF"},{name:"Gabon",dial:"+241",code:"GA"},{name:"Gambia",dial:"+220",code:"GM"},{name:"Georgia",dial:"+995",code:"GE"},{name:"Germany",dial:"+49",code:"DE"},{name:"Ghana",dial:"+233",code:"GH"},{name:"Gibraltar",dial:"+350",code:"GI"},{name:"Greece",dial:"+30",code:"GR"},{name:"Greenland",dial:"+299",code:"GL"},{name:"Grenada",dial:"+1473",code:"GD"},{name:"Guadeloupe",dial:"+590",code:"GP"},{name:"Guam",dial:"+1671",code:"GU"},{name:"Guatemala",dial:"+502",code:"GT"},{name:"Guernsey",dial:"+44",code:"GG"},{name:"Guinea",dial:"+224",code:"GN"},{name:"Guinea-Bissau",dial:"+245",code:"GW"},{name:"Guyana",dial:"+595",code:"GY"},{name:"Haiti",dial:"+509",code:"HT"},{name:"Holy See (Vatican City State)",dial:"+379",code:"VA"},{name:"Honduras",dial:"+504",code:"HN"},{name:"Hong Kong",dial:"+852",code:"HK"},{name:"Hungary",dial:"+36",code:"HU"},{name:"Iceland",dial:"+354",code:"IS"},{name:"India",dial:"+91",code:"IN"},{name:"Indonesia",dial:"+62",code:"ID"},{name:"Iran, Islamic Republic of Persian Gulf",dial:"+98",code:"IR"},{name:"Iraq",dial:"+964",code:"IQ"},{name:"Ireland",dial:"+353",code:"IE"},{name:"Isle of Man",dial:"+44",code:"IM"},{name:"Israel",dial:"+972",code:"IL"},{name:"Italy",dial:"+39",code:"IT"},{name:"Jamaica",dial:"+1876",code:"JM"},{name:"Japan",dial:"+81",code:"JP"},{name:"Jersey",dial:"+44",code:"JE"},{name:"Jordan",dial:"+962",code:"JO"},{name:"Kazakhstan",dial:"+77",code:"KZ"},{name:"Kenya",dial:"+254",code:"KE"},{name:"Kiribati",dial:"+686",code:"KI"},{name:"Korea, Democratic People's Republic of Korea",dial:"+850",code:"KP"},{name:"Korea, Republic of South Korea",dial:"+82",code:"KR"},{name:"Kuwait",dial:"+965",code:"KW"},{name:"Kyrgyzstan",dial:"+996",code:"KG"},{name:"Laos",dial:"+856",code:"LA"},{name:"Latvia",dial:"+371",code:"LV"},{name:"Lebanon",dial:"+961",code:"LB"},{name:"Lesotho",dial:"+266",code:"LS"},{name:"Liberia",dial:"+231",code:"LR"},{name:"Libyan Arab Jamahiriya",dial:"+218",code:"LY"},{name:"Liechtenstein",dial:"+423",code:"LI"},{name:"Lithuania",dial:"+370",code:"LT"},{name:"Luxembourg",dial:"+352",code:"LU"},{name:"Macao",dial:"+853",code:"MO"},{name:"Macedonia",dial:"+389",code:"MK"},{name:"Madagascar",dial:"+261",code:"MG"},{name:"Malawi",dial:"+265",code:"MW"},{name:"Malaysia",dial:"+60",code:"MY"},{name:"Maldives",dial:"+960",code:"MV"},{name:"Mali",dial:"+223",code:"ML"},{name:"Malta",dial:"+356",code:"MT"},{name:"Marshall Islands",dial:"+692",code:"MH"},{name:"Martinique",dial:"+596",code:"MQ"},{name:"Mauritania",dial:"+222",code:"MR"},{name:"Mauritius",dial:"+230",code:"MU"},{name:"Mayotte",dial:"+262",code:"YT"},{name:"Mexico",dial:"+52",code:"MX"},{name:"Micronesia, Federated States of Micronesia",dial:"+691",code:"FM"},{name:"Moldova",dial:"+373",code:"MD"},{name:"Monaco",dial:"+377",code:"MC"},{name:"Mongolia",dial:"+976",code:"MN"},{name:"Montenegro",dial:"+382",code:"ME"},{name:"Montserrat",dial:"+1664",code:"MS"},{name:"Morocco",dial:"+212",code:"MA"},{name:"Mozambique",dial:"+258",code:"MZ"},{name:"Myanmar",dial:"+95",code:"MM"},{name:"Namibia",dial:"+264",code:"NA"},{name:"Nauru",dial:"+674",code:"NR"},{name:"Nepal",dial:"+977",code:"NP"},{name:"Netherlands",dial:"+31",code:"NL"},{name:"Netherlands Antilles",dial:"+599",code:"AN"},{name:"New Caledonia",dial:"+687",code:"NC"},{name:"New Zealand",dial:"+64",code:"NZ"},{name:"Nicaragua",dial:"+505",code:"NI"},{name:"Niger",dial:"+227",code:"NE"},{name:"Nigeria",dial:"+234",code:"NG"},{name:"Niue",dial:"+683",code:"NU"},{name:"Norfolk Island",dial:"+672",code:"NF"},{name:"Northern Mariana Islands",dial:"+1670",code:"MP"},{name:"Norway",dial:"+47",code:"NO"},{name:"Oman",dial:"+968",code:"OM"},{name:"Pakistan",dial:"+92",code:"PK"},{name:"Palau",dial:"+680",code:"PW"},{name:"Palestinian Territory, Occupied",dial:"+970",code:"PS"},{name:"Panama",dial:"+507",code:"PA"},{name:"Papua New Guinea",dial:"+675",code:"PG"},{name:"Paraguay",dial:"+595",code:"PY"},{name:"Peru",dial:"+51",code:"PE"},{name:"Philippines",dial:"+63",code:"PH"},{name:"Pitcairn",dial:"+872",code:"PN"},{name:"Poland",dial:"+48",code:"PL"},{name:"Portugal",dial:"+351",code:"PT"},{name:"Puerto Rico",dial:"+1939",code:"PR"},{name:"Qatar",dial:"+974",code:"QA"},{name:"Romania",dial:"+40",code:"RO"},{name:"Russia",dial:"+7",code:"RU"},{name:"Rwanda",dial:"+250",code:"RW"},{name:"Reunion",dial:"+262",code:"RE"},{name:"Saint Barthelemy",dial:"+590",code:"BL"},{name:"Saint Helena, Ascension and Tristan Da Cunha",dial:"+290",code:"SH"},{name:"Saint Kitts and Nevis",dial:"+1869",code:"KN"},{name:"Saint Lucia",dial:"+1758",code:"LC"},{name:"Saint Martin",dial:"+590",code:"MF"},{name:"Saint Pierre and Miquelon",dial:"+508",code:"PM"},{name:"Saint Vincent and the Grenadines",dial:"+1784",code:"VC"},{name:"Samoa",dial:"+685",code:"WS"},{name:"San Marino",dial:"+378",code:"SM"},{name:"Sao Tome and Principe",dial:"+239",code:"ST"},{name:"Saudi Arabia",dial:"+966",code:"SA"},{name:"Senegal",dial:"+221",code:"SN"},{name:"Serbia",dial:"+381",code:"RS"},{name:"Seychelles",dial:"+248",code:"SC"},{name:"Sierra Leone",dial:"+232",code:"SL"},{name:"Singapore",dial:"+65",code:"SG"},{name:"Slovakia",dial:"+421",code:"SK"},{name:"Slovenia",dial:"+386",code:"SI"},{name:"Solomon Islands",dial:"+677",code:"SB"},{name:"Somalia",dial:"+252",code:"SO"},{name:"South Africa",dial:"+27",code:"ZA"},{name:"South Sudan",dial:"+211",code:"SS"},{name:"South Georgia and the South Sandwich Islands",dial:"+500",code:"GS"},{name:"Spain",dial:"+34",code:"ES"},{name:"Sri Lanka",dial:"+94",code:"LK"},{name:"Sudan",dial:"+249",code:"SD"},{name:"Suriname",dial:"+597",code:"SR"},{name:"Svalbard and Jan Mayen",dial:"+47",code:"SJ"},{name:"Swaziland",dial:"+268",code:"SZ"},{name:"Sweden",dial:"+46",code:"SE"},{name:"Switzerland",dial:"+41",code:"CH"},{name:"Syrian Arab Republic",dial:"+963",code:"SY"},{name:"Taiwan",dial:"+886",code:"TW"},{name:"Tajikistan",dial:"+992",code:"TJ"},{name:"Tanzania, United Republic of Tanzania",dial:"+255",code:"TZ"},{name:"Thailand",dial:"+66",code:"TH"},{name:"Timor-Leste",dial:"+670",code:"TL"},{name:"Togo",dial:"+228",code:"TG"},{name:"Tokelau",dial:"+690",code:"TK"},{name:"Tonga",dial:"+676",code:"TO"},{name:"Trinidad and Tobago",dial:"+1868",code:"TT"},{name:"Tunisia",dial:"+216",code:"TN"},{name:"Turkey",dial:"+90",code:"TR"},{name:"Turkmenistan",dial:"+993",code:"TM"},{name:"Turks and Caicos Islands",dial:"+1649",code:"TC"},{name:"Tuvalu",dial:"+688",code:"TV"},{name:"Uganda",dial:"+256",code:"UG"},{name:"Ukraine",dial:"+380",code:"UA"},{name:"United Arab Emirates",dial:"+971",code:"AE"},{name:"United Kingdom",dial:"+44",code:"GB"},{name:"United States",dial:"+1",code:"US"},{name:"Uruguay",dial:"+598",code:"UY"},{name:"Uzbekistan",dial:"+998",code:"UZ"},{name:"Vanuatu",dial:"+678",code:"VU"},{name:"Venezuela, Bolivarian Republic of Venezuela",dial:"+58",code:"VE"},{name:"Vietnam",dial:"+84",code:"VN"},{name:"Virgin Islands, British",dial:"+1284",code:"VG"},{name:"Virgin Islands, U.S.",dial:"+1340",code:"VI"},{name:"Wallis and Futuna",dial:"+681",code:"WF"},{name:"Yemen",dial:"+967",code:"YE"},{name:"Zambia",dial:"+260",code:"ZM"},{name:"Zimbabwe",dial:"+263",code:"ZW"}];export{a as CountriesData};

package/dist/esm/components/dynamic-tabs/DynamicTabs.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface DynamicTabsDetails {
     id: number;
     text: string;
@@ -15,4 +16,4 @@ export interface DynamicTabsProps {
     tabStyleInfo: DynamicTabsStyleDetails;
     selectedTabId?: number;
 }
-export declare const DynamicTabs: (props: DynamicTabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DynamicTabs: (props: DynamicTabsProps) => JSX.Element;

package/dist/esm/components/image-cropper/BikImageCropper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import 'react-image-crop/dist/ReactCrop.css';
 export interface BikImageCropperProps {
     aspectRatio?: number;
@@ -5,5 +6,5 @@ export interface BikImageCropperProps {
     onCropComplete: (base64String: string, didChange: boolean) => void;
     onCancel: () => void;
 }
-export declare const BikImageCropper: (props: BikImageCropperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BikImageCropper: (props: BikImageCropperProps) => JSX.Element;
 export default BikImageCropper;

package/dist/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CompressImageOptions } from "../../image-compress";
 import { BikImageCropperProps } from "..";
 /**
@@ -27,4 +28,4 @@ export interface BikImagePipelineProps {
         success?: boolean;
     };
 }
-export declare const BikImagePipeline: ({ cropOptions, fileTitle, compressionOptions, currentImage, options, onFinish, onCancel, fileUploadOptions, }: BikImagePipelineProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BikImagePipeline: ({ cropOptions, fileTitle, compressionOptions, currentImage, options, onFinish, onCancel, fileUploadOptions, }: BikImagePipelineProps) => JSX.Element;

package/dist/esm/components/image-cropper/BikImagePipeline/BikImagePipeline.js

@@ -1 +1 @@
-import{jsx as o,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as t,useState as s,useEffect as a,useCallback as i}from"react";import{ImageService as p}from"../../image-compress/ImageCompress.js";import{StateInterface as l}from"../../states/StateComponent.js";import"../../../_virtual/_tslib.js";import{StateModalComponent as n}from"../../states-modal/StateModalComponent.js";import"../../modals/styledModal.js";import{BikImageCropper as c}from"../BikImageCropper.js";const d=d=>{let{cropOptions:m,fileTitle:u,compressionOptions:g,currentImage:h,options:f,onFinish:C,onCancel:w,fileUploadOptions:y}=d;const b=t(null),[j,F]=s(),[R,v]=s(h),[I,T]=s(!1);a((()=>{f.upload?(F("upload"),setTimeout((()=>{k()}),500)):f.crop?F("crop"):f.compress?F("compress"):f.uploadToFirestorage?F("cloud-upload"):T(!0)}),[f.upload,f.crop,f.compress,f.uploadToFirestorage]);const O=i(((o,e)=>{if(!f.uploadToFirestorage)return C(o,e),void T(!0);F("cloud-upload"),y&&y.uploadFile(e,y.path).then((r=>{C(o,e,r),T(!0)})).catch((o=>{console.log("starting err process with ")}))}),[]),E=o=>{o||w();const e=p.base64ToImage(o);f.compress?(F("compress"),p.compressImage(e,g).then((o=>{if(!o)return T(!0),void w();O(o.base64,o.compressedFile)}))):O(o,e)},k=()=>{b.current.click()};return I?o(e,{}):"cloud-upload"===j?!y||y.success?o(e,{}):y.error?o("div",{children:o(n,{states:l.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{T(!0),w()}})}):o("div",{children:o(n,{states:l.LOADING,heading:`Uploading your ${u||"photo"}`,subline:`Please wait while we upload your ${u||"photo"}`,isButtonEnabled:!1,width:300})}):r(e,{children:[f.upload&&o("input",{ref:b,type:"file",accept:"image/*",style:{display:"none"},onChange:o=>{const e=o.target.files[0],r=new FileReader;r.onload=()=>{var o;v({src:r.result}),o=r.result,f.crop?F("crop"):E(o)},e&&r.readAsDataURL(e)}}),"crop"===j&&o(c,{src:R.src,onCropComplete:o=>{v({src:o}),E(o)},aspectRatio:m.aspectRatio,onCancel:w})]})};export{d as BikImagePipeline};
+import{jsx as o,Fragment as e,jsxs as r}from"react/jsx-runtime";import{useRef as s,useState as t,useEffect as a,useCallback as i}from"react";import{ImageService as p}from"../../image-compress/ImageCompress.js";import{StateInterface as l}from"../../states/StateComponent.js";import{StateModalComponent as n}from"../../states-modal/StateModalComponent.js";import"../../modals/styledModal.js";import{BikImageCropper as c}from"../BikImageCropper.js";const d=d=>{let{cropOptions:m,fileTitle:u,compressionOptions:g,currentImage:h,options:f,onFinish:C,onCancel:w,fileUploadOptions:y}=d;const F=s(null),[R,b]=t(),[j,I]=t(h),[T,v]=t(!1);a((()=>{f.upload?(b("upload"),setTimeout((()=>{k()}),500)):f.crop?b("crop"):f.compress?b("compress"):f.uploadToFirestorage?b("cloud-upload"):v(!0)}),[f.upload,f.crop,f.compress,f.uploadToFirestorage]);const O=i(((o,e)=>{if(!f.uploadToFirestorage)return C(o,e),void v(!0);b("cloud-upload"),y&&y.uploadFile(e,y.path).then((r=>{C(o,e,r),v(!0)})).catch((o=>{console.log("starting err process with ")}))}),[]),E=o=>{o||w();const e=p.base64ToImage(o);f.compress?(b("compress"),p.compressImage(e,g).then((o=>{if(!o)return v(!0),void w();O(o.base64,o.compressedFile)}))):O(o,e)},k=()=>{F.current.click()};return T?o(e,{}):"cloud-upload"===R?!y||y.success?o(e,{}):y.error?o("div",{children:o(n,{states:l.ERROR,heading:"Error while uploading",subline:"Please check your image and try again",isButtonEnabled:!1,width:300,onClose:()=>{v(!0),w()}})}):o("div",{children:o(n,{states:l.LOADING,heading:`Uploading your ${u||"photo"}`,subline:`Please wait while we upload your ${u||"photo"}`,isButtonEnabled:!1,width:300})}):r(e,{children:[f.upload&&o("input",{ref:F,type:"file",accept:"image/*",style:{display:"none"},onChange:o=>{const e=o.target.files[0],r=new FileReader;r.onload=()=>{var o;I({src:r.result}),o=r.result,f.crop?b("crop"):E(o)},e&&r.readAsDataURL(e)}}),"crop"===R&&o(c,{src:j.src,onCropComplete:o=>{I({src:o}),E(o)},aspectRatio:m.aspectRatio,onCancel:w})]})};export{d as BikImagePipeline};

package/dist/esm/components/input/Input.d.ts

@@ -50,6 +50,6 @@ export interface InputProps {
     version?: '1.0' | '2.0';
 }
 export declare const Input: {
-    (props: InputProps): import("react/jsx-runtime").JSX.Element;
+    (props: InputProps): JSX.Element;
     displayName: string;
 };

package/dist/esm/components/keywords-input/KeywordsInput.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const KeywordsInput: (props: {
     keywords: string[];
     onDeleteKeyword: (name: string) => void;
@@ -7,4 +8,4 @@ export declare const KeywordsInput: (props: {
     errorMessage?: string | undefined;
     hint?: string | undefined;
     width?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => JSX.Element;

package/dist/esm/components/postPicker/postPicker.js

@@ -1 +1 @@
-import{jsx as e,Fragment as t,jsxs as a}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";import{StyledProductGrid as o,StyledProduct as r}from"./PostPicker.styled.js";import{Tag as s}from"../tag/Tag.js";import{ButtonRegular as l,BodyPrimary as d,BodyCaption as c,TitleMedium as p,ButtonLarge as m,BodySecondary as h}from"../TypographyStyle.js";import{unCamelCase as y}from"../../utils/unCamelCase.js";import{PRIMARY as g}from"../../constants/colors.js";import{COLORS as u}from"../../constants/Theme.js";import j from"../../assets/icons/instagram.svg.js";import w from"../../assets/icons/warning.svg.js";import{StyledModal as f}from"../modals/styledModal.js";import{BikShimmer as v}from"../shimmer/ShimmerComponent/BikShimmer.js";import{ShimmerImage as b}from"../shimmer-image/ShimmerImage.js";import{StateComponent as C,StateInterface as T}from"../states/StateComponent.js";import"../../_virtual/_tslib.js";import"@tippyjs/react";import"../tooltips/TooltipInternal.js";import"../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as D}from"../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import{SearchIcon as O}from"../../assets/icons/searchIcon.js";var x,S;!function(e){e.STORY="story",e.POST="post",e.REEL="reel"}(x||(x={})),function(e){e.Today="Today",e["7_Days"]="7",e["30_Days"]="30",e.custom="custom",e.Yesterday="Yesterday"}(S||(S={}));const k=[{label:"Today",value:"today",key:S.Today,typeValue:[new Date,new Date]},{label:"Last 7 days",value:"7 days",key:S["7_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-6)),new Date]},{label:"Last 30 days",value:"30 days",key:S["30_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-29)),new Date]},{label:"Custom range",value:"calender",key:S.custom,isCustom:!0,dateRangeSelectionOptions:{selectRange:!0,maxDate:new Date((new Date).setMonth((new Date).getMonth()+3))}}],B=S=>{var B,I;const[P,_]=i(null!==(B=S.previouslySelected)&&void 0!==B?B:[]),[L,V]=i(""),[G,N]=i(!1),[R,$]=i(S.media),[A,M]=i(!1),[E,z]=i(!1);n((()=>{S.media.length||(N(!0),setTimeout((()=>{N(!1)}),2e3)),_(S.selected||[])}),[]),n((()=>{S.media.length>0&&($(S.media),N(!1))}),[null===(I=null==S?void 0:S.media)||void 0===I?void 0:I.length]),n((()=>{P.length>0&&V("")}),[P.length]),n((()=>{A&&($(S.media),z(!1))}),[A]);return e(t,{children:a(f,Object.assign({zIndex:201,open:S.showModal,headingTitle:S.title,onClose:S.onClose,centralContainerStyles:{width:1071,height:S.showFilter?612:564},primaryButton:{disabled:!R.length,buttonType:"primary",buttonText:`Select ${y(S.mediaType)}`,onClick:()=>{P.length?S.onSelect(P):V(`Please select a ${S.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>S.onClose()},footerLeftCustomElement:L?e(s,{tagText:L,type:"negative",LeadingIcon:w}):P.length?a(h,{children:[P.length," selected"]}):null},{children:[S.showFilter&&a("div",Object.assign({style:{marginTop:24,marginBottom:24,padding:"0 24px",display:"flex",flexDirection:"row",gap:8,alignItems:"center"}},{children:[e(D,{options:k,placeholder:"posted on",resetDropdown:A,onOptionSelected:e=>{var t,a;let i=null,n=null;"Custom range"===e.label?(i=(null===(t=null==e?void 0:e.selectedRange)||void 0===t?void 0:t[0])||new Date,n=(null===(a=null==e?void 0:e.selectedRange)||void 0===a?void 0:a[1])||new Date):(i=e.typeValue[0],n=e.typeValue[1]);const o=S.media.filter((e=>function(e,t,a){const i=new Date(e),n=new Date(t),o=new Date(a);return i>=n&&i<=o}(e.timestamp,i,n)));$(o),z(!0),M(!1)}}),E&&e(l,Object.assign({color:u.content.secondary,onClick:()=>M(!0)},{children:"Clear"}))]})),G?e("div",Object.assign({style:{padding:"0 24px"}},{children:e(v,{boxes:[{width:(S.mediaType==x.POST?148:104)+"px",height:(S.mediaType==x.POST?148:172)+"px"}]})})):e(t,{children:R&&R.length?e(o,Object.assign({mediaType:S.mediaType},{children:R.map((t=>{return a(r,Object.assign({mediaType:S.mediaType,className:""+(i=t,n=P,n.some((e=>e.id===i.id))?"selected":""),onClick:()=>{return e=t,void _((()=>P.find((t=>t.id===e.id))?P.filter((t=>t.id!==e.id)):!S.limit||P.length<S.limit?[...P,e]:(V(`Only ${S.limit} ${S.mediaType}s can be selected`),P)));var e}},{children:[e(b,{imageUrl:t.imageUrl,width:S.mediaType==x.POST?148:104,height:S.mediaType==x.POST?148:172,alt:t.overlayCaption}),a("div",Object.assign({className:"overlay"},{children:[e("a",Object.assign({target:"_blank",rel:"noreferrer",href:t.redirectionUrl},{children:a("div",Object.assign({className:"overlay__redirection"},{children:[e(j,{height:22,width:22}),e(d,Object.assign({color:g,style:{fontWeight:500}},{children:"View"}))]}))})),e("div",Object.assign({className:"overlay__caption"},{children:e(c,Object.assign({color:u.content.placeholder},{children:t.overlayCaption}))}))]}))]}),t.id);var i,n}))})):e("div",Object.assign({style:{justifyContent:"center",alignItems:"center",display:"flex",height:422}},{children:S.media.length?R.length?e(t,{}):a("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"}},{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"48px",height:"48px",backgroundColor:`${u.background.inverse}`,borderRadius:"50%"}},{children:e(O,{color:u.content.primaryInverse})})),a("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px"}},{children:[e(p,{children:"No results found"}),e(d,{children:"Sorry we could not find any results for the selected filter"})]})),e("div",Object.assign({onClick:()=>{M(!0)}},{children:e(m,Object.assign({color:`${u.content.brand}`},{children:"Clear Filter"}))}))]})):e(C,{states:T.WARNING,heading:`No ${S.mediaType}s on your account`,subline:`There seems to be no ${S.mediaType}s on your account`,isButtonEnabled:!1,width:400})}))})]}))})};export{S as DateKeys,x as MEDIA_TYPES,B as PostPicker,k as dateOptions};
+import{jsx as e,Fragment as t,jsxs as a}from"react/jsx-runtime";import{useState as i,useEffect as n}from"react";import{StyledProductGrid as o,StyledProduct as r}from"./PostPicker.styled.js";import{Tag as s}from"../tag/Tag.js";import{ButtonRegular as l,BodyPrimary as d,BodyCaption as c,TitleMedium as p,ButtonLarge as m,BodySecondary as h}from"../TypographyStyle.js";import{unCamelCase as y}from"../../utils/unCamelCase.js";import{PRIMARY as g}from"../../constants/colors.js";import{COLORS as u}from"../../constants/Theme.js";import j from"../../assets/icons/instagram.svg.js";import w from"../../assets/icons/warning.svg.js";import{StyledModal as f}from"../modals/styledModal.js";import{BikShimmer as v}from"../shimmer/ShimmerComponent/BikShimmer.js";import{ShimmerImage as b}from"../shimmer-image/ShimmerImage.js";import{StateComponent as C,StateInterface as T}from"../states/StateComponent.js";import"@tippyjs/react";import"../tooltips/TooltipInternal.js";import"../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as D}from"../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import{SearchIcon as O}from"../../assets/icons/searchIcon.js";var x,S;!function(e){e.STORY="story",e.POST="post",e.REEL="reel"}(x||(x={})),function(e){e.Today="Today",e["7_Days"]="7",e["30_Days"]="30",e.custom="custom",e.Yesterday="Yesterday"}(S||(S={}));const k=[{label:"Today",value:"today",key:S.Today,typeValue:[new Date,new Date]},{label:"Last 7 days",value:"7 days",key:S["7_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-6)),new Date]},{label:"Last 30 days",value:"30 days",key:S["30_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-29)),new Date]},{label:"Custom range",value:"calender",key:S.custom,isCustom:!0,dateRangeSelectionOptions:{selectRange:!0,maxDate:new Date((new Date).setMonth((new Date).getMonth()+3))}}],B=S=>{var B,I;const[P,L]=i(null!==(B=S.previouslySelected)&&void 0!==B?B:[]),[V,G]=i(""),[_,N]=i(!1),[R,$]=i(S.media),[A,M]=i(!1),[E,z]=i(!1);n((()=>{S.media.length||(N(!0),setTimeout((()=>{N(!1)}),2e3)),L(S.selected||[])}),[]),n((()=>{S.media.length>0&&($(S.media),N(!1))}),[null===(I=null==S?void 0:S.media)||void 0===I?void 0:I.length]),n((()=>{P.length>0&&G("")}),[P.length]),n((()=>{A&&($(S.media),z(!1))}),[A]);return e(t,{children:a(f,Object.assign({zIndex:201,open:S.showModal,headingTitle:S.title,onClose:S.onClose,centralContainerStyles:{width:1071,height:S.showFilter?612:564},primaryButton:{disabled:!R.length,buttonType:"primary",buttonText:`Select ${y(S.mediaType)}`,onClick:()=>{P.length?S.onSelect(P):G(`Please select a ${S.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>S.onClose()},footerLeftCustomElement:V?e(s,{tagText:V,type:"negative",LeadingIcon:w}):P.length?a(h,{children:[P.length," selected"]}):null},{children:[S.showFilter&&a("div",Object.assign({style:{marginTop:24,marginBottom:24,padding:"0 24px",display:"flex",flexDirection:"row",gap:8,alignItems:"center"}},{children:[e(D,{options:k,placeholder:"posted on",resetDropdown:A,onOptionSelected:e=>{var t,a;let i=null,n=null;"Custom range"===e.label?(i=(null===(t=null==e?void 0:e.selectedRange)||void 0===t?void 0:t[0])||new Date,n=(null===(a=null==e?void 0:e.selectedRange)||void 0===a?void 0:a[1])||new Date):(i=e.typeValue[0],n=e.typeValue[1]);const o=S.media.filter((e=>function(e,t,a){const i=new Date(e),n=new Date(t),o=new Date(a);return i>=n&&i<=o}(e.timestamp,i,n)));$(o),z(!0),M(!1)}}),E&&e(l,Object.assign({color:u.content.secondary,onClick:()=>M(!0)},{children:"Clear"}))]})),_?e("div",Object.assign({style:{padding:"0 24px"}},{children:e(v,{boxes:[{width:(S.mediaType==x.POST?148:104)+"px",height:(S.mediaType==x.POST?148:172)+"px"}]})})):e(t,{children:R&&R.length?e(o,Object.assign({mediaType:S.mediaType},{children:R.map((t=>{return a(r,Object.assign({mediaType:S.mediaType,className:""+(i=t,n=P,n.some((e=>e.id===i.id))?"selected":""),onClick:()=>{return e=t,void L((()=>P.find((t=>t.id===e.id))?P.filter((t=>t.id!==e.id)):!S.limit||P.length<S.limit?[...P,e]:(G(`Only ${S.limit} ${S.mediaType}s can be selected`),P)));var e}},{children:[e(b,{imageUrl:t.imageUrl,width:S.mediaType==x.POST?148:104,height:S.mediaType==x.POST?148:172,alt:t.overlayCaption}),a("div",Object.assign({className:"overlay"},{children:[e("a",Object.assign({target:"_blank",rel:"noreferrer",href:t.redirectionUrl},{children:a("div",Object.assign({className:"overlay__redirection"},{children:[e(j,{height:22,width:22}),e(d,Object.assign({color:g,style:{fontWeight:500}},{children:"View"}))]}))})),e("div",Object.assign({className:"overlay__caption"},{children:e(c,Object.assign({color:u.content.placeholder},{children:t.overlayCaption}))}))]}))]}),t.id);var i,n}))})):e("div",Object.assign({style:{justifyContent:"center",alignItems:"center",display:"flex",height:422}},{children:S.media.length?R.length?e(t,{}):a("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"}},{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"48px",height:"48px",backgroundColor:`${u.background.inverse}`,borderRadius:"50%"}},{children:e(O,{color:u.content.primaryInverse})})),a("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px"}},{children:[e(p,{children:"No results found"}),e(d,{children:"Sorry we could not find any results for the selected filter"})]})),e("div",Object.assign({onClick:()=>{M(!0)}},{children:e(m,Object.assign({color:`${u.content.brand}`},{children:"Clear Filter"}))}))]})):e(C,{states:T.WARNING,heading:`No ${S.mediaType}s on your account`,subline:`There seems to be no ${S.mediaType}s on your account`,isButtonEnabled:!1,width:400})}))})]}))})};export{S as DateKeys,x as MEDIA_TYPES,B as PostPicker,k as dateOptions};

package/dist/esm/components/product-picker-v2/collectionScreen.d.ts

@@ -21,5 +21,5 @@ interface CollectionsScreenInterface {
         setCurPage: React.Dispatch<React.SetStateAction<number>>;
     };
 }
-export declare const CollectionsScreen: (props: CollectionsScreenInterface) => import("react/jsx-runtime").JSX.Element;
+export declare const CollectionsScreen: (props: CollectionsScreenInterface) => JSX.Element;
 export {};

package/dist/esm/components/product-picker-v2/emptyState.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 interface EmptyStateProps {
     title: string;
     subtitle: string;
 }
-export declare const EmptyState: ({ title, subtitle }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmptyState: ({ title, subtitle }: EmptyStateProps) => JSX.Element;
 export {};

package/dist/esm/components/product-picker-v2/modal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ProductVariant {
     name: string;
     price: string;
@@ -49,4 +50,4 @@ export interface ProductPickerInterface {
     zIndex?: number;
     limit?: number;
 }
-export declare const ProductPickerModal: (props: ProductPickerInterface) => import("react/jsx-runtime").JSX.Element;
+export declare const ProductPickerModal: (props: ProductPickerInterface) => JSX.Element;