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

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

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("@emotion/styled"),t=require("../../../../../assets/icons/emoji.svg.js"),s=require("emoji-picker-react"),o=require("react"),r=require("../../../../icon-button/IconButton.js"),n=require("../../../../input/ChipInput.js"),a=require("../../../../../hooks/useOutside.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(i),d=l(s);const p=i=>{let{val:l,onChange:u,errors:p,nativeID:c,disabled:x}=i;const[m,v]=o.useState(!1),f=(Array.isArray(l)?l:[]).map((e=>e)),y=o.useRef();return a.useOutside(y,(()=>{v(!1)})),e.jsxs("div",{style:{position:"relative",opacity:x?.5:1,width:300},id:c,children:[!!x&&e.jsx("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),e.jsxs(h,{children:[e.jsx(n.default,{error:null==p?void 0:p.val,onChipsChange:u,chipsContainerCustomStyle:{padding:"0px 32px 0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:f}),e.jsx(j,{children:e.jsx(r.IconButton,{Icon:t.default,onClick:()=>v(!0)})}),m&&e.jsx("div",{ref:y,className:"absolute-picker",children:e.jsx(d.default,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:s.Theme.DARK,emojiStyle:s.EmojiStyle.NATIVE,onEmojiClick:e=>{f.find((i=>e.emoji===i))||null==u||u([...f,e.emoji])}})})]})]})},c=i=>e.jsx(p,Object.assign({},i));c.displayName="EmojiPickerWrapper";const j=u.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("../../../../../assets/icons/emoji.svg.js"),t=require("emoji-picker-react"),s=require("react"),o=require("styled-components"),r=require("../../../../icon-button/IconButton.js"),n=require("../../../../input/ChipInput.js"),a=require("../../../../../hooks/useOutside.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(t),d=l(o);const p=o=>{let{val:l,onChange:d,errors:p,nativeID:c,disabled:x}=o;const[m,v]=s.useState(!1),f=(Array.isArray(l)?l:[]).map((e=>e)),y=s.useRef();return a.useOutside(y,(()=>{v(!1)})),e.jsxs("div",{style:{position:"relative",opacity:x?.5:1,width:300},id:c,children:[!!x&&e.jsx("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),e.jsxs(h,{children:[e.jsx(n.default,{error:null==p?void 0:p.val,onChipsChange:d,chipsContainerCustomStyle:{padding:"0px 32px 0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:f}),e.jsx(j,{children:e.jsx(r.IconButton,{Icon:i.default,onClick:()=>v(!0)})}),m&&e.jsx("div",{ref:y,className:"absolute-picker",children:e.jsx(u.default,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:t.Theme.DARK,emojiStyle:t.EmojiStyle.NATIVE,onEmojiClick:e=>{f.find((i=>e.emoji===i))||null==d||d([...f,e.emoji])}})})]})]})},c=i=>e.jsx(p,Object.assign({},i));c.displayName="EmojiPickerWrapper";const j=d.default.div`
 	position: absolute;
 	right: 0;
 	top: 0;
-`,h=u.default.div`
+`,h=d.default.div`
 	input {
 		pointer-events: none;
 	}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@emotion/styled"),n=require("../../../../../assets/icons/cross.svg.js"),r=require("../../../../../assets/icons/instagram.svg.js"),i=require("../../../../../assets/icons/plus.svg.js"),a=require("react"),o=require("../../../../button/Button.styled.js"),d=require("../../../../postPicker/postPicker.js"),l=require("../../../../TypographyStyle.js"),s=require("../../../../../utils/unCamelCase.js"),p=require("../../../../../constants/colors.js"),c=require("../../../../../constants/Theme.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=g(t);const x=t=>{var g,u,x;const[m,y]=a.useState(!1),[b,O]=a.useState([]),[S,f]=a.useState([]),[T,j]=a.useState(!1);a.useEffect((()=>{t.errors&&t.errors.val&&j(!0)}),[null===(g=t.errors)||void 0===g?void 0:g.val]),a.useEffect((()=>{var e;t.val&&(null===(e=t.val)||void 0===e?void 0:e.length)>0&&O(t.val)}),[null===(u=t.val)||void 0===u?void 0:u.length]),a.useEffect((()=>{var e,n,r,i,a;if((null===(e=null==t?void 0:t.extra)||void 0===e?void 0:e.originalData)&&(null===(r=null===(n=null==t?void 0:t.extra)||void 0===n?void 0:n.originalData)||void 0===r?void 0:r.length)>0){const e=null===(a=null===(i=null==t?void 0:t.extra)||void 0===i?void 0:i.originalData)||void 0===a?void 0:a.map((e=>({id:e.id,imageUrl:"VIDEO"===e.media_type?e.thumbnail_url:e.media_url,redirectionUrl:e.permalink,overlayCaption:`posted on: ${C(e.timestamp)}`})));f(e)}}),[null===(x=null==t?void 0:t.extra)||void 0===x?void 0:x.originalData]);const C=e=>{const t=new Date(e),n=t.getMonth()+1;return`${t.getDate()}/${n}/${t.getFullYear()}`};return e.jsxs(h,{mediaType:t.mediaType,children:[e.jsx("div",{style:{padding:12},children:e.jsxs("button",{className:""+(T?"add-media-btn error":"add-media-btn"),onClick:()=>{y(!0)},children:[e.jsx(o.ButtonCustomDashedBorder,{}),e.jsx(i.default,{color:T?c.COLORS.content.negative:c.COLORS.content.secondary,width:20,height:20,style:{marginBottom:15}}),e.jsxs(l.BodySecondary,{style:{color:T?c.COLORS.content.negative:c.COLORS.content.primary},children:["Add ",s.unCamelCase(t.mediaType)]}),e.jsx("div",{className:"overlay-container"})]})}),e.jsx("div",{className:"product-card-container",children:(null==b?void 0:b.length)>0&&b.map((i=>e.jsx("div",{style:{padding:"7px"},children:e.jsxs(v,{mediaType:t.mediaType,children:[e.jsx("img",{src:i.imageUrl,alt:i.overlayCaption}),e.jsxs("div",{className:"overlay",children:[e.jsx("a",{target:"_blank",rel:"noreferrer",href:i.redirectionUrl,children:e.jsxs("div",{className:"overlay__redirection",children:[e.jsx(r.default,{height:22,width:22}),e.jsx(l.BodyPrimary,{color:p.PRIMARY,style:{fontWeight:500},children:"View"})]})}),e.jsx("div",{className:"overlay__caption",children:e.jsx(l.BodyCaption,{color:c.COLORS.content.placeholder,children:i.overlayCaption})})]}),e.jsx("button",{className:"cross-icon",onClick:()=>(e=>{var n,r;const i=[...b].filter((t=>t.id!==e));O(i),i.length>0?null===(n=t.onChange)||void 0===n||n.call(t,i):null===(r=t.onChange)||void 0===r||r.call(t,void 0)})(i.id),children:e.jsx(n.default,{width:12,height:12,color:c.COLORS.content.secondary})})]})},i.id)))}),m&&e.jsx(d.PostPicker,{limit:10,selected:b,onSelect:e=>{var n;O(e),y(!1),null===(n=t.onChange)||void 0===n||n.call(t,e)},title:(E=t.mediaType,E===d.MEDIA_TYPES.POST||E===d.MEDIA_TYPES.REEL?`Select upto 10 ${t.mediaType}s`:"Select upto 10 stories"),showModal:m,onClose:()=>{y(!1)},media:S,mediaType:t.mediaType})]});var E},h=u.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../../assets/icons/cross.svg.js"),n=require("../../../../../assets/icons/instagram.svg.js"),r=require("../../../../../assets/icons/plus.svg.js"),i=require("react"),a=require("styled-components"),o=require("../../../../button/Button.styled.js"),d=require("../../../../postPicker/postPicker.js"),l=require("../../../../TypographyStyle.js"),s=require("../../../../../utils/unCamelCase.js"),p=require("../../../../../constants/colors.js"),c=require("../../../../../constants/Theme.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=g(a);const x=a=>{var g,u,x;const[m,y]=i.useState(!1),[b,O]=i.useState([]),[S,f]=i.useState([]),[T,j]=i.useState(!1);i.useEffect((()=>{a.errors&&a.errors.val&&j(!0)}),[null===(g=a.errors)||void 0===g?void 0:g.val]),i.useEffect((()=>{var e;a.val&&(null===(e=a.val)||void 0===e?void 0:e.length)>0&&O(a.val)}),[null===(u=a.val)||void 0===u?void 0:u.length]),i.useEffect((()=>{var e,t,n,r,i;if((null===(e=null==a?void 0:a.extra)||void 0===e?void 0:e.originalData)&&(null===(n=null===(t=null==a?void 0:a.extra)||void 0===t?void 0:t.originalData)||void 0===n?void 0:n.length)>0){const e=null===(i=null===(r=null==a?void 0:a.extra)||void 0===r?void 0:r.originalData)||void 0===i?void 0:i.map((e=>({id:e.id,imageUrl:"VIDEO"===e.media_type?e.thumbnail_url:e.media_url,redirectionUrl:e.permalink,overlayCaption:`posted on: ${C(e.timestamp)}`})));f(e)}}),[null===(x=null==a?void 0:a.extra)||void 0===x?void 0:x.originalData]);const C=e=>{const t=new Date(e),n=t.getMonth()+1;return`${t.getDate()}/${n}/${t.getFullYear()}`};return e.jsxs(h,{mediaType:a.mediaType,children:[e.jsx("div",{style:{padding:12},children:e.jsxs("button",{className:""+(T?"add-media-btn error":"add-media-btn"),onClick:()=>{y(!0)},children:[e.jsx(o.ButtonCustomDashedBorder,{}),e.jsx(r.default,{color:T?c.COLORS.content.negative:c.COLORS.content.secondary,width:20,height:20,style:{marginBottom:15}}),e.jsxs(l.BodySecondary,{style:{color:T?c.COLORS.content.negative:c.COLORS.content.primary},children:["Add ",s.unCamelCase(a.mediaType)]}),e.jsx("div",{className:"overlay-container"})]})}),e.jsx("div",{className:"product-card-container",children:(null==b?void 0:b.length)>0&&b.map((r=>e.jsx("div",{style:{padding:"7px"},children:e.jsxs(v,{mediaType:a.mediaType,children:[e.jsx("img",{src:r.imageUrl,alt:r.overlayCaption}),e.jsxs("div",{className:"overlay",children:[e.jsx("a",{target:"_blank",rel:"noreferrer",href:r.redirectionUrl,children:e.jsxs("div",{className:"overlay__redirection",children:[e.jsx(n.default,{height:22,width:22}),e.jsx(l.BodyPrimary,{color:p.PRIMARY,style:{fontWeight:500},children:"View"})]})}),e.jsx("div",{className:"overlay__caption",children:e.jsx(l.BodyCaption,{color:c.COLORS.content.placeholder,children:r.overlayCaption})})]}),e.jsx("button",{className:"cross-icon",onClick:()=>(e=>{var t,n;const r=[...b].filter((t=>t.id!==e));O(r),r.length>0?null===(t=a.onChange)||void 0===t||t.call(a,r):null===(n=a.onChange)||void 0===n||n.call(a,void 0)})(r.id),children:e.jsx(t.default,{width:12,height:12,color:c.COLORS.content.secondary})})]})},r.id)))}),m&&e.jsx(d.PostPicker,{limit:10,selected:b,onSelect:e=>{var t;O(e),y(!1),null===(t=a.onChange)||void 0===t||t.call(a,e)},title:(E=a.mediaType,E===d.MEDIA_TYPES.POST||E===d.MEDIA_TYPES.REEL?`Select upto 10 ${a.mediaType}s`:"Select upto 10 stories"),showModal:m,onClose:()=>{y(!1)},media:S,mediaType:a.mediaType})]});var E},h=u.default.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("@emotion/styled"),n=require("react");require("../../../../dropdown/DropdownPopover/index.js");var r=require("../../../../dropdown/Dropdown.js");require("../../../../dropdown/ChipDropdown.js"),require("../../../../zeroState/ZeroState.js"),require("../../../../TypographyStyle.js"),require("../../../../../constants/Theme.js"),require("../../../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../../../checkBox/CheckBox.styled.js"),require("../../../../list-item/ListItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../../../button/Button.js"),require("../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../../../icon-button/IconButton.js");var t=require("../../../../input/Input.js"),d=require("../../../../input/context/InputStyleProvider.js");require("../../../../dropdown/MenuItem/MenuItem.js");var s=require("../../InputLoader.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=l(o).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),o=require("styled-components");require("../../../../dropdown/DropdownPopover/index.js");var r=require("../../../../dropdown/Dropdown.js");require("../../../../dropdown/ChipDropdown.js"),require("../../../../zeroState/ZeroState.js"),require("../../../../TypographyStyle.js"),require("../../../../../constants/Theme.js"),require("../../../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../../../checkBox/CheckBox.styled.js"),require("../../../../list-item/ListItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../../../button/Button.js"),require("../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../../../icon-button/IconButton.js");var t=require("../../../../input/Input.js"),d=require("../../../../input/context/InputStyleProvider.js");require("../../../../dropdown/MenuItem/MenuItem.js");var s=require("../../InputLoader.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const u=l(o).default.div`
 	display: flex;
 	flex-direction: row;
 	gap: 12px;
-`,u=o=>{let{val:l,onChange:u,errors:p,isLoading:a,disabled:c,connectorType:v}=o;var j,m;const[y,w]=n.useState((e=>"exactly"===e?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}])(v)),q=null!==(j=null==l?void 0:l[1])&&void 0!==j?j:"days",x=null!==(m=null==l?void 0:l[0])&&void 0!==m?m:"1";return n.useEffect((()=>{var e;const o=null!==(e=null==l?void 0:l[1])&&void 0!==e?e:"days";w((e=>e.map((e=>Object.assign(Object.assign({},e),{selected:o===e.value})))))}),[l]),n.useEffect((()=>{var e;if(void 0===(null==l?void 0:l[0])){const o=null!==(e=null==l?void 0:l[1])&&void 0!==e?e:"days";null==u||u(["1",o])}}),[]),a?e.jsx("div",{style:{width:200},children:e.jsx(s.default,{containerStyle:{padding:"5px 8px"}})}):e.jsx(d.InputStyleContext.Provider,{value:{InputWrapper:{width:104}},children:e.jsxs(i,{children:[e.jsx(t.Input,{type:"number",variant:"small",state:c?"disabled":"none",errorMessage:null==p?void 0:p.val,value:x,onChangeText:e=>null==u?void 0:u([e,q])}),e.jsx(r.Dropdown,{disabled:c,placeHolder:"Time",width:"108px",size:"small",options:y,onSelect:e=>{null==u||u([x,e.value])}})]})})};exports.default=o=>e.jsx(u,Object.assign({},o));
+`,i=o=>{let{val:l,onChange:i,errors:p,isLoading:a,disabled:c,connectorType:v}=o;var j,m;const[y,w]=n.useState((e=>"exactly"===e?[{label:"day(s)",value:"days"}]:[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}])(v)),q=null!==(j=null==l?void 0:l[1])&&void 0!==j?j:"days",x=null!==(m=null==l?void 0:l[0])&&void 0!==m?m:"1";return n.useEffect((()=>{var e;const n=null!==(e=null==l?void 0:l[1])&&void 0!==e?e:"days";w((e=>e.map((e=>Object.assign(Object.assign({},e),{selected:n===e.value})))))}),[l]),n.useEffect((()=>{var e;if(void 0===(null==l?void 0:l[0])){const n=null!==(e=null==l?void 0:l[1])&&void 0!==e?e:"days";null==i||i(["1",n])}}),[]),a?e.jsx("div",{style:{width:200},children:e.jsx(s.default,{containerStyle:{padding:"5px 8px"}})}):e.jsx(d.InputStyleContext.Provider,{value:{InputWrapper:{width:104}},children:e.jsxs(u,{children:[e.jsx(t.Input,{type:"number",variant:"small",state:c?"disabled":"none",errorMessage:null==p?void 0:p.val,value:x,onChangeText:e=>null==i?void 0:i([e,q])}),e.jsx(r.Dropdown,{disabled:c,placeHolder:"Time",width:"108px",size:"small",options:y,onSelect:e=>{null==i||i([x,e.value])}})]})})};exports.default=n=>e.jsx(i,Object.assign({},n));

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@emotion/styled"),o=require("react");require("../../../../dropdown/DropdownPopover/index.js");var n=require("../../../../dropdown/Dropdown.js");require("../../../../dropdown/ChipDropdown.js"),require("../../../../zeroState/ZeroState.js");var r=require("../../../../TypographyStyle.js");require("../../../../../constants/Theme.js"),require("../../../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../../../checkBox/CheckBox.styled.js"),require("../../../../list-item/ListItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../../../button/Button.js"),require("../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../../../icon-button/IconButton.js");var s=require("../../../../input/Input.js"),d=require("../../../../input/context/InputStyleProvider.js");require("../../../../dropdown/MenuItem/MenuItem.js");var l=require("../../InputLoader.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const u=i(t).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("styled-components");require("../../../../dropdown/DropdownPopover/index.js");var o=require("../../../../dropdown/Dropdown.js");require("../../../../dropdown/ChipDropdown.js"),require("../../../../zeroState/ZeroState.js");var r=require("../../../../TypographyStyle.js");require("../../../../../constants/Theme.js"),require("../../../../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../../../../checkBox/CheckBox.styled.js"),require("../../../../list-item/ListItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../../../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../../../../button/Button.js"),require("../../../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../../../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../../../../icon-button/IconButton.js");var s=require("../../../../input/Input.js"),d=require("../../../../input/context/InputStyleProvider.js");require("../../../../dropdown/MenuItem/MenuItem.js");var l=require("../../InputLoader.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const u=i(n).default.div`
 	display: flex;
 	flex-direction: row;
 	gap: 12px;
 	align-items: center;
-`,a=[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],p=t=>{let{val:i,onChange:p,errors:v,isLoading:c,disabled:j}=t;var y,m,f;const[w,x]=o.useState(a),q=null!==(y=null==i?void 0:i.type)&&void 0!==y?y:"days",h=null!==(m=null==i?void 0:i.start)&&void 0!==m?m:"1",b=null!==(f=null==i?void 0:i.offset)&&void 0!==f?f:"2";return o.useEffect((()=>{var e;const t=null!==(e=null==i?void 0:i.type)&&void 0!==e?e:"days";x((e=>e.map((e=>Object.assign(Object.assign({},e),{selected:t===e.value})))))}),[i]),o.useEffect((()=>{var e,t,o;if(void 0===(null==i?void 0:i.start)){const n=null!==(e=null==i?void 0:i.type)&&void 0!==e?e:"days",r=null!==(t=null==i?void 0:i.start)&&void 0!==t?t:"1",s=null!==(o=null==i?void 0:i.offset)&&void 0!==o?o:"2";null==p||p({type:n,start:r,offset:s})}}),[]),c?e.jsx("div",{style:{width:200},children:e.jsx(l.default,{containerStyle:{padding:"5px 8px"}})}):e.jsx(d.InputStyleContext.Provider,{value:{InputWrapper:{width:104}},children:e.jsxs(u,{children:[e.jsx(s.Input,{type:"number",variant:"small",state:j?"disabled":"none",errorMessage:null==v?void 0:v.val,value:b.toString(),onChangeText:e=>null==p?void 0:p({type:q,start:h,offset:e})}),e.jsx("div",{children:e.jsx(r.BodySecondary,{children:"to"})}),e.jsx(s.Input,{type:"number",variant:"small",state:j?"disabled":"none",errorMessage:null==v?void 0:v.val,value:h.toString(),onChangeText:e=>null==p?void 0:p({type:q,start:e,offset:b})}),e.jsx(n.Dropdown,{disabled:j,placeHolder:"Time",width:"108px",size:"small",options:w,onSelect:e=>{null==p||p({type:e.value,start:h,offset:b})}})]})})};exports.default=t=>e.jsx(p,Object.assign({},t));
+`,a=[{label:"day(s)",value:"days"},{label:"minute(s)",value:"minutes"},{label:"hour(s)",value:"hours"}],p=n=>{let{val:i,onChange:p,errors:v,isLoading:c,disabled:j}=n;var y,m,f;const[w,x]=t.useState(a),q=null!==(y=null==i?void 0:i.type)&&void 0!==y?y:"days",h=null!==(m=null==i?void 0:i.start)&&void 0!==m?m:"1",b=null!==(f=null==i?void 0:i.offset)&&void 0!==f?f:"2";return t.useEffect((()=>{var e;const t=null!==(e=null==i?void 0:i.type)&&void 0!==e?e:"days";x((e=>e.map((e=>Object.assign(Object.assign({},e),{selected:t===e.value})))))}),[i]),t.useEffect((()=>{var e,t,n;if(void 0===(null==i?void 0:i.start)){const o=null!==(e=null==i?void 0:i.type)&&void 0!==e?e:"days",r=null!==(t=null==i?void 0:i.start)&&void 0!==t?t:"1",s=null!==(n=null==i?void 0:i.offset)&&void 0!==n?n:"2";null==p||p({type:o,start:r,offset:s})}}),[]),c?e.jsx("div",{style:{width:200},children:e.jsx(l.default,{containerStyle:{padding:"5px 8px"}})}):e.jsx(d.InputStyleContext.Provider,{value:{InputWrapper:{width:104}},children:e.jsxs(u,{children:[e.jsx(s.Input,{type:"number",variant:"small",state:j?"disabled":"none",errorMessage:null==v?void 0:v.val,value:b.toString(),onChangeText:e=>null==p?void 0:p({type:q,start:h,offset:e})}),e.jsx("div",{children:e.jsx(r.BodySecondary,{children:"to"})}),e.jsx(s.Input,{type:"number",variant:"small",state:j?"disabled":"none",errorMessage:null==v?void 0:v.val,value:h.toString(),onChangeText:e=>null==p?void 0:p({type:q,start:e,offset:b})}),e.jsx(o.Dropdown,{disabled:j,placeHolder:"Time",width:"108px",size:"small",options:w,onSelect:e=>{null==p||p({type:e.value,start:h,offset:b})}})]})})};exports.default=t=>e.jsx(p,Object.assign({},t));

package/dist/cjs/components/TablePagination/TablePaginationCard.d.ts

@@ -1,9 +1,6 @@
 import React from 'react';
 import { TablePaginationProps } from '@src/components/TablePagination/TablePagination';
-export declare const TablePaginationCardStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const TablePaginationCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     removeBorder?: boolean;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;
 export declare const TablePaginationCard: React.FC<TablePaginationProps>;

package/dist/cjs/components/TablePagination/TablePaginationCard.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@emotion/styled"),t=require("./TablePagination.js"),a=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=o(r).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("./TablePagination.js"),a=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=o(r).default.div`
 	background: ${a.COLORS.surface.standard};
 	border: ${e=>e.removeBorder?0:1}px solid
 		${a.COLORS.stroke.primary};
@@ -6,4 +6,4 @@
 	display: flex;
 	justify-content: center;
 	margin: auto;
-`;exports.TablePaginationCard=r=>e.jsx(i,{removeBorder:r.removeBorder,children:e.jsx(t.TablePagination,Object.assign({},r))}),exports.TablePaginationCardStyled=i;
+`;exports.TablePaginationCard=r=>e.jsx(n,{removeBorder:r.removeBorder,children:e.jsx(t.TablePagination,Object.assign({},r))}),exports.TablePaginationCardStyled=n;

package/dist/cjs/components/WhatsAppTextEditor/CustomEditor.styled.d.ts

@@ -1,14 +1,5 @@
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isError: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const TextSpace: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const OuterContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;
+export declare const TextSpace: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
+export declare const OuterContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/components/WhatsAppTextEditor/CustomEditor.styled.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const i=o.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const i=o.default.div`
 	background: ${r.COLORS.surface.standard};
 	border: ${e=>e.isError?2:1}px solid
 		${e=>e.isError?r.COLORS.stroke.negative.vibrant:r.COLORS.stroke.primary};
 	border-radius: 4px;
-`,a=o.default.textarea`
+`,n=o.default.textarea`
 	width: 100%;
 
 	border: 0;
@@ -15,8 +15,8 @@
 		border: 0;
 		outline: 0;
 	}
-`,n=o.default.div`
+`,a=o.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
-`;exports.Container=i,exports.OuterContainer=n,exports.TextSpace=a;
+`;exports.Container=i,exports.OuterContainer=a,exports.TextSpace=n;

package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-export declare const CustomRightBorder: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+export declare const CustomRightBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare enum EditorActionTypes {
     'BOLD' = "BOLD",
     'ITALIC' = "ITALIC",

package/dist/cjs/components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@emotion/styled"),o=require("react"),i=require("../../hooks/useOutside.js"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/bold.svg.js"),n=require("../../assets/icons/emoji.svg.js"),d=require("../../assets/icons/italic.svg.js"),c=require("../../assets/icons/strikeThrough.svg.js"),l=require("../tooltips/Tooltip.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var u=a(t),x=a(o);let j=()=>e.jsx(e.Fragment,{});"undefined"!=typeof window&&Promise.resolve().then((function(){return p(require("emoji-picker-react"))})).then((e=>{j=e.default}));const O=e=>e?r.COLORS.background.inverseLight:r.COLORS.content.placeholder,h=u.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),i=require("../../hooks/useOutside.js"),r=require("../../constants/Theme.js"),s=require("../../assets/icons/bold.svg.js"),n=require("../../assets/icons/emoji.svg.js"),d=require("../../assets/icons/italic.svg.js"),c=require("../../assets/icons/strikeThrough.svg.js"),l=require("../tooltips/Tooltip.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var u=a(t),x=a(o);let j=()=>e.jsx(e.Fragment,{});"undefined"!=typeof window&&Promise.resolve().then((function(){return p(require("emoji-picker-react"))})).then((e=>{j=e.default}));const O=e=>e?r.COLORS.background.inverseLight:r.COLORS.content.placeholder,h=x.default.div`
 	background: ${r.COLORS.surface.subdued};
 	border-bottom: 1px solid ${r.COLORS.stroke.primary};
 	display: flex;
@@ -8,11 +8,11 @@
 	border-radius: 4px 4px 0px 0px;
 	gap: 6px;
 	position: relative;
-`,T=u.default.div`
+`,T=x.default.div`
 	width: 2px;
 	height: 12px;
 	background: #e0e0e0;
-`,f=u.default.div`
+`,f=x.default.div`
 	padding: 2px 6px;
 	background: ${e=>e.active?r.COLORS.background.inactive:"transparent"};
 	border-radius: 4px;
@@ -22,13 +22,13 @@
 		background-color: rgba(0, 0, 0, 0.03);
 		padding: 3px 6px;
 	}
-`,E=u.default.div`
+`,E=x.default.div`
 	display: flex;
 	flex-direction: row;
 	flex: 1;
 	justify-content: flex-end;
-`,g=u.default.div`
+`,g=x.default.div`
 	position: absolute;
 	top: calc(100% + 8px);
 	z-index: 1;
-`;var y;exports.EditorActionTypes=void 0,(y=exports.EditorActionTypes||(exports.EditorActionTypes={})).BOLD="BOLD",y.ITALIC="ITALIC",y.STRIKETHROUGH="STRIKETHROUGH",y.EMOJI="EMOJI";const b=x.default.forwardRef(((t,r)=>{let{onActionSelect:a,RightComponent:p,onEmojiClick:u,actions:x}=t;const y=o.useRef(null),[b,v]=o.useState({[exports.EditorActionTypes.BOLD]:!1,[exports.EditorActionTypes.ITALIC]:!1,[exports.EditorActionTypes.STRIKETHROUGH]:!1,[exports.EditorActionTypes.EMOJI]:!1}),I=o.useCallback((()=>{v((e=>Object.assign(Object.assign({},e),{[exports.EditorActionTypes.EMOJI]:!1})))}),[b]);function m(e,t){var o;null===(o=e.preventDefault)||void 0===o||o.call(e),t===exports.EditorActionTypes.EMOJI&&v((e=>Object.assign(Object.assign({},e),{[exports.EditorActionTypes.EMOJI]:!b.EMOJI}))),a(t)}return i.useOutside(y,(()=>{I()})),(null==x?void 0:x.length)||p?e.jsxs(h,{children:[(null==x?void 0:x.includes(exports.EditorActionTypes.EMOJI))&&e.jsxs(e.Fragment,{children:[e.jsx(l.Tooltip,{body:"Emoji",placement:"bottom",children:e.jsx(f,{style:{marginLeft:0},active:!!b.EMOJI,onClick:e=>m(e,exports.EditorActionTypes.EMOJI),children:e.jsx(n.default,{width:16,height:16,color:O(b.EMOJI)})})}),b.EMOJI&&e.jsx(g,{ref:y,children:e.jsx(j,{onEmojiClick:e=>{I(),null==u||u(e.emoji)}})})]}),(null==x?void 0:x.includes(exports.EditorActionTypes.BOLD))&&e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(l.Tooltip,{body:"Bold",placement:"bottom",children:e.jsx(f,{active:!!b.BOLD,onClick:e=>m(e,exports.EditorActionTypes.BOLD),children:e.jsx(s.default,{width:10,height:17,color:O(b.BOLD)})})})]}),(null==x?void 0:x.includes(exports.EditorActionTypes.ITALIC))&&e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(l.Tooltip,{body:"Italics",placement:"bottom",children:e.jsx(f,{onClick:e=>m(e,exports.EditorActionTypes.ITALIC),active:!!b.ITALIC,children:e.jsx(d.default,{width:9,height:16,color:O(b.ITALIC)})})})]}),(null==x?void 0:x.includes(exports.EditorActionTypes.STRIKETHROUGH))&&e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(l.Tooltip,{body:"Strikethrough",placement:"bottom",children:e.jsx(f,{active:!!b.STRIKETHROUGH,style:{borderRight:0},onClick:e=>m(e,exports.EditorActionTypes.STRIKETHROUGH),children:e.jsx(c.default,{width:12,height:18,color:O(b.STRIKETHROUGH)})})})]}),e.jsx(E,{children:p&&e.jsx(p,{})})]}):e.jsx(e.Fragment,{})}));b.displayName="WhatsAppTextEditorHeader",exports.CustomRightBorder=T,exports.WhatsAppTextEditorHeader=b;
+`;var y;exports.EditorActionTypes=void 0,(y=exports.EditorActionTypes||(exports.EditorActionTypes={})).BOLD="BOLD",y.ITALIC="ITALIC",y.STRIKETHROUGH="STRIKETHROUGH",y.EMOJI="EMOJI";const b=u.default.forwardRef(((o,r)=>{let{onActionSelect:a,RightComponent:p,onEmojiClick:u,actions:x}=o;const y=t.useRef(null),[b,v]=t.useState({[exports.EditorActionTypes.BOLD]:!1,[exports.EditorActionTypes.ITALIC]:!1,[exports.EditorActionTypes.STRIKETHROUGH]:!1,[exports.EditorActionTypes.EMOJI]:!1}),I=t.useCallback((()=>{v((e=>Object.assign(Object.assign({},e),{[exports.EditorActionTypes.EMOJI]:!1})))}),[b]);function m(e,t){var o;null===(o=e.preventDefault)||void 0===o||o.call(e),t===exports.EditorActionTypes.EMOJI&&v((e=>Object.assign(Object.assign({},e),{[exports.EditorActionTypes.EMOJI]:!b.EMOJI}))),a(t)}return i.useOutside(y,(()=>{I()})),(null==x?void 0:x.length)||p?e.jsxs(h,{children:[(null==x?void 0:x.includes(exports.EditorActionTypes.EMOJI))&&e.jsxs(e.Fragment,{children:[e.jsx(l.Tooltip,{body:"Emoji",placement:"bottom",children:e.jsx(f,{style:{marginLeft:0},active:!!b.EMOJI,onClick:e=>m(e,exports.EditorActionTypes.EMOJI),children:e.jsx(n.default,{width:16,height:16,color:O(b.EMOJI)})})}),b.EMOJI&&e.jsx(g,{ref:y,children:e.jsx(j,{onEmojiClick:e=>{I(),null==u||u(e.emoji)}})})]}),(null==x?void 0:x.includes(exports.EditorActionTypes.BOLD))&&e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(l.Tooltip,{body:"Bold",placement:"bottom",children:e.jsx(f,{active:!!b.BOLD,onClick:e=>m(e,exports.EditorActionTypes.BOLD),children:e.jsx(s.default,{width:10,height:17,color:O(b.BOLD)})})})]}),(null==x?void 0:x.includes(exports.EditorActionTypes.ITALIC))&&e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(l.Tooltip,{body:"Italics",placement:"bottom",children:e.jsx(f,{onClick:e=>m(e,exports.EditorActionTypes.ITALIC),active:!!b.ITALIC,children:e.jsx(d.default,{width:9,height:16,color:O(b.ITALIC)})})})]}),(null==x?void 0:x.includes(exports.EditorActionTypes.STRIKETHROUGH))&&e.jsxs(e.Fragment,{children:[e.jsx(T,{}),e.jsx(l.Tooltip,{body:"Strikethrough",placement:"bottom",children:e.jsx(f,{active:!!b.STRIKETHROUGH,style:{borderRight:0},onClick:e=>m(e,exports.EditorActionTypes.STRIKETHROUGH),children:e.jsx(c.default,{width:12,height:18,color:O(b.STRIKETHROUGH)})})})]}),e.jsx(E,{children:p&&e.jsx(p,{})})]}):e.jsx(e.Fragment,{})}));b.displayName="WhatsAppTextEditorHeader",exports.CustomRightBorder=T,exports.WhatsAppTextEditorHeader=b;

package/dist/cjs/components/accordion/Accordion.d.ts

@@ -6,12 +6,12 @@ export type HeaderButton = {
     style?: React.CSSProperties;
 };
 export interface AccordionProps {
-    header: JSX.Element | string;
-    subHeader?: JSX.Element | string;
+    header: React.JSX.Element | string;
+    subHeader?: React.JSX.Element | string;
     caption?: string;
     children: ReactNode;
     width?: string;
-    rightActionComponent?: JSX.Element;
+    rightActionComponent?: React.JSX.Element;
     contentMargin?: string;
     skipHoverHeader?: boolean;
     headerPadding?: string;

package/dist/cjs/components/analytics-card/AnalyticsCard.styled.d.ts

@@ -1,15 +1,9 @@
 import { ModeType } from './AnalyticsCard';
-export declare const AnalyticsContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const AnalyticsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width: string;
     mode?: ModeType;
     count?: number;
-}, JSX.IntrinsicElements, {}>;
-export declare const CardDataContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const CardDataContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     count: number;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;

package/dist/cjs/components/analytics-card/AnalyticsCard.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled"),e=require("../../constants/Theme.js");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=n(t);const a=i.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../../constants/Theme.js");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=n(t);const i=a.default.div`
 	display: flex;
 	flex-wrap: wrap;
 	row-gap: 16px;
@@ -25,7 +25,7 @@
 			margin-top: 2px !important;
 		}
 	}
-`,o=i.default.div`
+`,o=a.default.div`
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -43,4 +43,4 @@
 		white-space: nowrap;
 		text-overflow: ellipsis;
 	}
-`;exports.AnalyticsContainer=a,exports.CardDataContainer=o;
+`;exports.AnalyticsContainer=i,exports.CardDataContainer=o;

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

@@ -6,7 +6,7 @@ export interface AnalyticsChipInterface {
     captionColor?: string;
     titleColor?: string;
     width?: number | string;
-    extraJSX?: JSX.Element;
+    extraJSX?: React.JSX.Element;
     tooltipContent?: string;
     style?: React.CSSProperties;
     channelConfig?: {

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@emotion/styled"),n=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),r=require("./AnalyticsTrend.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=l(t).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),n=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),r=require("./AnalyticsTrend.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=l(t).default.div`
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
-`;exports.AnalyticsMetric=t=>{let{title:l,trends:a,RightHeaderComponent:s,containerStyle:o,titleSize:c,titleColor:y,perRow:g,isLoading:h,trendStyle:p,trendContainerStyle:u,trendIconStyle:x,hideHeaderDiv:j,isInternationalStore:f}=t;const m="large"===c?i.TitleMedium:i.TitleRegular,S=g||(a.length<=4?a.length:a.length%3==0?3:4),v=Math.ceil(a.length/S);return e.jsxs("div",{style:Object.assign({paddingTop:24,paddingBottom:24},null!=o?o:{}),children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:j?0:12},children:[l&&e.jsx(m,{color:null!=y?y:n.COLORS.content.secondary,style:{paddingLeft:24,paddingRight:24},children:l}),s]}),e.jsx(d,{children:Array.from({length:v}).map(((t,n)=>e.jsx(e.Fragment,{children:e.jsx("div",{style:{display:"flex",width:"100%",marginTop:0===n?0:16},children:a.slice(n*S,(n+1)*S).map(((t,i)=>{var l;return e.jsx("div",{style:{flex:1,maxWidth:1===a.length?"100%":"50%"},children:e.jsx(r.AnalyticsTrend,Object.assign({},t,{isLoading:h,card:!1,size:null!==(l=t.size)&&void 0!==l?l:"small",rightSeparator:i+n*S<Math.min((n+1)*S-1,a.length-1),trendStyle:p,trendIconStyle:x,trendContainerStyle:u,isInternationalStore:f}))},i)}))},n)})))})]})};
+`;exports.AnalyticsMetric=t=>{let{title:l,trends:s,RightHeaderComponent:a,containerStyle:o,titleSize:c,titleColor:y,perRow:p,isLoading:g,trendStyle:h,trendContainerStyle:u,trendIconStyle:x,hideHeaderDiv:j,isInternationalStore:f}=t;const m="large"===c?i.TitleMedium:i.TitleRegular,S=p||(s.length<=4?s.length:s.length%3==0?3:4),v=Math.ceil(s.length/S);return e.jsxs("div",{style:Object.assign({paddingTop:24,paddingBottom:24},null!=o?o:{}),children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:j?0:12},children:[l&&e.jsx(m,{color:null!=y?y:n.COLORS.content.secondary,style:{paddingLeft:24,paddingRight:24},children:l}),a]}),e.jsx(d,{children:Array.from({length:v}).map(((t,n)=>e.jsx(e.Fragment,{children:e.jsx("div",{style:{display:"flex",width:"100%",marginTop:0===n?0:16},children:s.slice(n*S,(n+1)*S).map(((t,i)=>{var l;return e.jsx("div",{style:{flex:1,maxWidth:1===s.length?"100%":"50%"},children:e.jsx(r.AnalyticsTrend,Object.assign({},t,{isLoading:g,card:!1,size:null!==(l=t.size)&&void 0!==l?l:"small",rightSeparator:i+n*S<Math.min((n+1)*S-1,s.length-1),trendStyle:h,trendIconStyle:x,trendContainerStyle:u,isInternationalStore:f}))},i)}))},n)})))})]})};

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

@@ -1,30 +1,24 @@
-export declare const AnalyticsChipContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const AnalyticsChipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     backgroundColor?: string;
     width?: string | number;
-}, JSX.IntrinsicElements, {}>;
-export declare const AnalyticsMultiWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const MainDropdown: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const ItemMenuContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const AnalyticsMultiWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MainDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & import("react-bootstrap").DropdownProps & {
+    children?: import("react").ReactNode | undefined;
+}, "width" | "active" | "height"> & {
+    active?: string;
+    width?: string;
+    height?: string;
+}, {
+    height?: string;
+    bgColor?: string;
+}>> & string;
+export declare const ItemMenuContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isSelected?: boolean;
     isLastItem?: boolean;
     isFirstItem?: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const AnalyticsTrendContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const AnalyticsTrendContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     card: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const IconContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;
+export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),d=require("../../constants/Theme.js");require("react/jsx-runtime"),require("react"),require("react-bootstrap"),require("../tooltips/Tooltip.js"),require("../TypographyStyle.js");var t=require("../floating-action-button/FloatingActionButton.styles.js");function i(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var b=i(c);const e=styled.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");require("react/jsx-runtime"),require("react"),require("react-bootstrap"),require("../tooltips/Tooltip.js"),require("../TypographyStyle.js");var r=require("../floating-action-button/FloatingActionButton.styles.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const n=i.default.div`
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	align-items: flex-start;
 	padding: 12px 16px;
 	gap: 8px;
-	background: ${c=>c.backgroundColor};
+	background: ${e=>e.backgroundColor};
 	border-radius: 8px;
-	width: ${c=>c.width?c.width:"224.67px"};
+	width: ${e=>e.width?e.width:"224.67px"};
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: initial;
@@ -19,35 +19,77 @@
 		gap: 4px;
 		align-items: baseline;
 	}
-`,l=styled.div`
+`,d=i.default.div`
 	display: flex;
 	flex-direction: row;
 	align-items: flex-start;
 	padding: 0px;
 	gap: 16px;
 	flex-wrap: wrap;
-`,n=b.default(t.StyledDropdown,"production"===process.env.NODE_ENV?{target:"e12o03l40"}:{target:"e12o03l40",label:"MainDropdown"})(".main--dropdown.dropdown-toggle::after{display:unset!important;}.main--dropdown.dropdown-toggle::before{display:unset!important;}.main--dropdown.btn-primary:hover,.main--dropdown.btn-primary:active,.main--dropdown.btn-primary:focus,.main--dropdown.btn-primary.dropdown-toggle,.main--dropdown.show>main--dropdown.btn-primary.dropdown-toggle{border:1px solid ",d.BASE_COLORS.grayscale[200],";border-radius:4px;display:flex;flex-direction:row;align-items:center;padding:6px 8px;gap:8px;background:",(c=>c.bgColor),";}.dropdown-menu{border-radius:3px;padding:0 0;}.sub--dropdown.btn-primary{width:100%;padding:0px;}.sub--dropdown{button:not(.date-picker-save-button-container button){border-radius:0;max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px;border:none;justify-content:center;align-items:center;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNtRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgQkFTRV9DT0xPUlMsIENPTE9SUyB9IGZyb20gJ0BzcmMvY29uc3RhbnRzL1RoZW1lJztcbmltcG9ydCB7IFN0eWxlZERyb3Bkb3duIH0gZnJvbSAnLi4vZmxvYXRpbmctYWN0aW9uLWJ1dHRvbic7XG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZFsnZGl2J10gYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NNdWx0aVdyYXBwZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDBweDtcblx0Z2FwOiAxNnB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xuZXhwb3J0IGNvbnN0IE1haW5Ecm9wZG93biA9IHN0eWxlZChTdHlsZWREcm9wZG93bikgYFxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjphZnRlciB7XG5cdFx0ZGlzcGxheTogdW5zZXQgIWltcG9ydGFudDtcblx0fVxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjpiZWZvcmUge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmhvdmVyLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6YWN0aXZlLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6Zm9jdXMsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUsXG5cdC5tYWluLS1kcm9wZG93bi5zaG93ID4gbWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0cGFkZGluZzogNnB4IDhweDtcblx0XHRnYXA6IDhweDtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5cdH1cblx0LmRyb3Bkb3duLW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDNweDtcblx0XHRwYWRkaW5nOiAwIDA7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24uYnRuLXByaW1hcnkge1xuXHRcdHdpZHRoOiAxMDAlO1xuXHRcdHBhZGRpbmc6IDBweDtcblx0fVxuXHQuc3ViLS1kcm9wZG93biB7XG5cdFx0YnV0dG9uOm5vdCguZGF0ZS1waWNrZXItc2F2ZS1idXR0b24tY29udGFpbmVyIGJ1dHRvbikge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRcdHBhZGRpbmc6IDEwcHggNi42NjY3cHg7XG5cdFx0XHRiYWNrZ3JvdW5kOiBub25lO1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdFx0bGluZS1oZWlnaHQ6IDE2cHg7XG5cdFx0XHRib3JkZXI6IG5vbmU7XG5cdFx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5gO1xuZXhwb3J0IGNvbnN0IEl0ZW1NZW51Q29udGFpbmVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogNHB4O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNMYXN0SXRlbSA/ICdub25lJyA6IGAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX1gfTtcblx0bWF4LXdpZHRoOiAyNDBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/IEJBU0VfQ09MT1JTLnBvc2l0aXZlWzUwXSA6IEJBU0VfQ09MT1JTLmdyYXlzY2FsZS53aGl0ZX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gJycgOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGVbNTBdfTtcblx0fVxuXHR3aWR0aDogMTAwJTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5pc0ZpcnN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcbmA7XG5leHBvcnQgY29uc3QgQW5hbHl0aWNzVHJlbmRDb250YWluZXIgPSBzdHlsZWRbJ2RpdiddIGBcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gKHByb3BzLmNhcmQgPyAxIDogMCl9cHggc29saWQgJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0aGVpZ2h0OiAxMDAlO1xuXHQkeyhwcm9wcykgPT4gcHJvcHMuY2FyZFxuICAgID8gYFxuXHRcdFx0Ym94LXNoYWRvdzogMHB4IDJweCA0cHggcmdiYSgwLCAwLCAwLCAwLjA4KTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHRcdHBhZGRpbmc6IDE2cHggMjBweDtgXG4gICAgOiAnJ31cblx0Lmljb24tLWhvbGRlciB7XG5cdFx0aGVpZ2h0OiAzMnB4O1xuXHRcdHdpZHRoOiAzMnB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRib3JkZXItcmFkaXVzOiA1cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdDpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdH1cblx0fVxuYDtcbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkWydkaXYnXSBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMzJweDtcblx0aGVpZ2h0OiAzMnB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5gO1xuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29tbW9uU3R5bGVzLmpzLm1hcCJdfQ== */")),o=styled.div`
+`,a=i.default(r.StyledDropdown)`
+	.main--dropdown.dropdown-toggle::after {
+		display: unset !important;
+	}
+	.main--dropdown.dropdown-toggle::before {
+		display: unset !important;
+	}
+	.main--dropdown.btn-primary:hover,
+	.main--dropdown.btn-primary:active,
+	.main--dropdown.btn-primary:focus,
+	.main--dropdown.btn-primary.dropdown-toggle,
+	.main--dropdown.show > main--dropdown.btn-primary.dropdown-toggle {
+		border: 1px solid ${t.BASE_COLORS.grayscale[200]};
+		border-radius: 4px;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		padding: 6px 8px;
+		gap: 8px;
+		background: ${e=>e.bgColor};
+	}
+	.dropdown-menu {
+		border-radius: 3px;
+		padding: 0 0;
+	}
+	.sub--dropdown.btn-primary {
+		width: 100%;
+		padding: 0px;
+	}
+	.sub--dropdown {
+		button:not(.date-picker-save-button-container button) {
+			border-radius: 0;
+			max-width: 100%;
+			padding: 10px 6.6667px;
+			background: none;
+			text-align: center;
+			line-height: 16px;
+			border: none;
+			justify-content: center;
+			align-items: center;
+		}
+	}
+`,p=i.default.div`
 	display: flex;
 	flex-direction: column;
 	align-items: flex-start;
 	padding: 12px 16px;
 	gap: 4px;
-	border-bottom: ${c=>c.isLastItem?"none":`1px solid ${d.BASE_COLORS.grayscale[200]}`};
+	border-bottom: ${e=>e.isLastItem?"none":`1px solid ${t.BASE_COLORS.grayscale[200]}`};
 	max-width: 240px;
 	cursor: pointer;
-	background-color: ${c=>c.isSelected?d.BASE_COLORS.positive[50]:d.BASE_COLORS.grayscale.white};
+	background-color: ${e=>e.isSelected?t.BASE_COLORS.positive[50]:t.BASE_COLORS.grayscale.white};
 	&:hover {
-		background-color: ${c=>c.isSelected?"":d.BASE_COLORS.grayscale[50]};
+		background-color: ${e=>e.isSelected?"":t.BASE_COLORS.grayscale[50]};
 	}
 	width: 100%;
-	border-top-left-radius: ${c=>c.isFirstItem?"4px":"0px"};
-	border-top-right-radius: ${c=>c.isFirstItem?"4px":"0px"};
-	border-bottom-left-radius: ${c=>c.isLastItem?"4px":"0px"};
-	border-bottom-right-radius: ${c=>c.isLastItem?"4px":"0px"};
-`,a=styled.div`
-	border: ${c=>c.card?1:0}px solid ${d.COLORS.background.base};
+	border-top-left-radius: ${e=>e.isFirstItem?"4px":"0px"};
+	border-top-right-radius: ${e=>e.isFirstItem?"4px":"0px"};
+	border-bottom-left-radius: ${e=>e.isLastItem?"4px":"0px"};
+	border-bottom-right-radius: ${e=>e.isLastItem?"4px":"0px"};
+`,s=i.default.div`
+	border: ${e=>e.card?1:0}px solid ${t.COLORS.background.base};
 	height: 100%;
-	${c=>c.card?"\n\t\t\tbox-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);\n\t\t\tborder-radius: 8px;\n\t\t\tpadding: 16px 20px;":""}
+	${e=>e.card?"\n\t\t\tbox-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);\n\t\t\tborder-radius: 8px;\n\t\t\tpadding: 16px 20px;":""}
 	.icon--holder {
 		height: 32px;
 		width: 32px;
@@ -57,15 +99,15 @@
 		border-radius: 5px;
 		cursor: pointer;
 		:hover {
-			background-color: ${d.COLORS.surface.hovered};
+			background-color: ${t.COLORS.surface.hovered};
 		}
 	}
-`,X=styled.div`
+`,l=i.default.div`
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	width: 32px;
 	height: 32px;
-	background-color: ${d.COLORS.background.brandLight};
+	background-color: ${t.COLORS.background.brandLight};
 	border-radius: 4px;
-`;exports.AnalyticsChipContainer=e,exports.AnalyticsMultiWrapper=l,exports.AnalyticsTrendContainer=a,exports.IconContainer=X,exports.ItemMenuContainer=o,exports.MainDropdown=n;
+`;exports.AnalyticsChipContainer=n,exports.AnalyticsMultiWrapper=d,exports.AnalyticsTrendContainer=s,exports.IconContainer=l,exports.ItemMenuContainer=p,exports.MainDropdown=a;

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@emotion/styled"),t=require("../../../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=i(r).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../../TypographyStyle.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=l(r).default.div`
 	display: flex;
 	align-items: center;
 	flex-direction: row;
@@ -16,4 +16,4 @@
 		margin-right: 12px;
 		flex: 1;
 	}
-`;exports.Legend=r=>{let{color:i,text:o}=r;return e.jsxs(l,{children:[e.jsx("div",{className:"color",style:{backgroundColor:i}}),e.jsx(t.BodyPrimary,{className:"title",children:(s=o,s.charAt(0).toUpperCase()+s.slice(1))})]});var s};
+`;exports.Legend=r=>{let{color:l,text:o}=r;return e.jsxs(i,{children:[e.jsx("div",{className:"color",style:{backgroundColor:l}}),e.jsx(t.BodyPrimary,{className:"title",children:(s=o,s.charAt(0).toUpperCase()+s.slice(1))})]});var s};

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

@@ -1,18 +1,9 @@
-export declare const LegendContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, JSX.IntrinsicElements, {}>;
-export declare const LegendColor: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+export declare const LegendContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LegendColor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     color: string;
     newStyle?: boolean;
     square?: boolean;
-}, JSX.IntrinsicElements, {}>;
-export declare const LegendWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
+}>> & string;
+export declare const LegendWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     position?: string;
-}, JSX.IntrinsicElements, {}>;
+}>> & string;

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

@@ -1,4 +1,4 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@emotion/styled"));const o=t.default.div`
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("styled-components"));const o=t.default.div`
 	display: flex;
 	flex-direction: row;
 	gap: 8px;

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

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@emotion/styled"),i=require("../../../../assets/icons/ChartBar.svg.js"),r=require("../../../../assets/icons/maximize.svg.js"),a=require("chart.js"),s=require("react"),l=require("react-chartjs-2"),n=require("../../../icon-button/IconButton.js"),o=require("../../../modals/styledModal.js"),d=require("../../../TypographyStyle.js"),c=require("../../../../utils/StringUtils.js"),u=require("../../../../constants/Theme.js"),h=require("../utils/calcPercentage.js"),x=require("./PieChart.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=j(t);const g=j(s).default.lazy((()=>Promise.resolve().then((function(){return require("../VerticalBarGraph/VerticalGraph.js")})).then((e=>({default:e.VerticalGraph})))));a.Chart.register(a.ArcElement,a.Legend);const b=e=>({plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{var i;if(!t.label)return" 0%";const r=t.dataset.data.reduce(((e,t)=>e+t),0),a=parseFloat((t.raw/r*100).toFixed(1)),{label:s,raw:l}=t,n=null!==(i=null==e?void 0:e.symbol)&&void 0!==i?i:"",o=null==e?void 0:e.isInternationalStore;return[` ${s}`,` ${n}${void 0!==o?o?h.truncateValueForInternationalStore(l):h.truncateValueForIndianStore(l):l} (${a}% of ${n}${void 0!==o?o?h.truncateValueForInternationalStore(r):h.truncateValueForIndianStore(r):r})`]}}}}}),y=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],m=p.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../../assets/icons/ChartBar.svg.js"),i=require("../../../../assets/icons/maximize.svg.js"),r=require("chart.js"),a=require("react"),s=require("react-chartjs-2"),l=require("styled-components"),n=require("../../../icon-button/IconButton.js"),o=require("../../../modals/styledModal.js"),d=require("../../../TypographyStyle.js"),c=require("../../../../utils/StringUtils.js"),u=require("../../../../constants/Theme.js"),h=require("../utils/calcPercentage.js"),x=require("./PieChart.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=j(a),g=j(l);const b=p.default.lazy((()=>Promise.resolve().then((function(){return require("../VerticalBarGraph/VerticalGraph.js")})).then((e=>({default:e.VerticalGraph})))));r.Chart.register(r.ArcElement,r.Legend);const y=e=>({plugins:{legend:{display:!1},tooltip:{enabled:!0,callbacks:{label:t=>{var i;if(!t.label)return" 0%";const r=t.dataset.data.reduce(((e,t)=>e+t),0),a=parseFloat((t.raw/r*100).toFixed(1)),{label:s,raw:l}=t,n=null!==(i=null==e?void 0:e.symbol)&&void 0!==i?i:"",o=null==e?void 0:e.isInternationalStore;return[` ${s}`,` ${n}${void 0!==o?o?h.truncateValueForInternationalStore(l):h.truncateValueForIndianStore(l):l} (${a}% of ${n}${void 0!==o?o?h.truncateValueForInternationalStore(r):h.truncateValueForIndianStore(r):r})`]}}}}}),m=["#5E07BB","#9E77ED","#D2AEFF","#CDE1FF","#92AFFA","#3935E1"],f=g.default.div`
 	background: ${e=>u.COLORS.surface.standard};
 	border: 1px solid ${e=>u.COLORS.stroke.primary};
 	border-radius: 4px;
-`;exports.Card=t=>e.jsx(m,{style:{padding:24},children:t.children}),exports.PieChartAnalytics=t=>{let{title:a,slices:u,size:h,allowChartPopup:j,showConvertToBarChart:p,truncateSlices:m,barChartXAxisTitle:f,barChartYAxisTitle:v,hideTitle:C=!1,currencyProps:w}=t;const[S,A]=s.useState(!1),[F,O]=s.useState(!1),[q,k]=s.useState([]),[B,I]=s.useState(),[E,P]=s.useState(),[R,T]=s.useState([]),[$,V]=s.useState(null);return s.useEffect((()=>{const e=u.reduce(((e,t)=>e+t.count),0);let t=[];if(t=Object.keys(u).map(((e,t)=>Object.assign({color:y[t%y.length]},u[e]))),k([...t]),0===e){I({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}],labels:[]})}else{const e={labels:u.map((e=>c.default.capitalizeEachWord(e.name))),datasets:[{data:u.map((e=>e.count)),backgroundColor:u.map(((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:y[t%y.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};I(e)}if(m&&u.length>m){const e=u.slice(0,m),t=u.slice(m).reduce(((e,t)=>e+t.count),0);e.push({name:"Other",count:t});const i={labels:e.map((e=>c.default.capitalize(e.name))),datasets:[{data:e.map((e=>e.count)),backgroundColor:e.map(((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:y[t%y.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};P(i);const r=e.map(((e,t)=>Object.assign({color:y[t%y.length]},e)));T(r)}p&&V(((e,t,i)=>({xAxis:{data:e.map((e=>e.name)),title:null!=t?t:""},yAxis:{data:e.map((e=>e.count)),title:null!=i?i:""},barColorRGBA:{r:210,g:174,b:255,a:1}}))(u,f,v))}),[u,m]),B?e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",justifyContent:C||0===(null==a?void 0:a.length)?"flex-end":"space-between"},children:[!C&&a&&e.jsx(d.TitleMedium,{style:{marginBottom:16},children:a}),e.jsxs("div",{children:[p&&e.jsx(n.IconButton,{Icon:i.default,onClick:()=>{O(!0)}}),j&&e.jsx(n.IconButton,{Icon:r.default,onClick:()=>{A(!0)}})]})]}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col-6 ",style:{display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("div",{style:{width:h,height:h},children:e.jsx(l.Doughnut,{data:m?E:B,options:Object.assign(Object.assign({},b(w)),{maintainAspectRatio:!h})})})}),e.jsx("div",{className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"flex-start"},children:e.jsx(x.PieChart,{slices:m?R:q,size:h})})]}),S&&e.jsx(o.StyledModal,{open:S,onClose:()=>A(!1),closeOnOutsideClick:!0,headingTitle:a,width:"75%",children:e.jsxs("div",{style:{padding:24,display:"flex",justifyContent:"space-between",height:"80vh"},children:[e.jsx("div",{style:{width:"55%",marginLeft:"4%"},children:e.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(l.Doughnut,{data:B,options:Object.assign(Object.assign({},b(w)),{maintainAspectRatio:!h})})})}),e.jsx("div",{style:{width:"30%",height:"100%",overflowY:"auto"},children:e.jsx(x.PieChart,{slices:q})})]})}),F&&$&&e.jsx(o.StyledModal,{open:F,onClose:()=>O(!1),closeOnOutsideClick:!0,headingTitle:a,width:"85%",children:e.jsx("div",{style:{padding:"24px 0"},children:e.jsx(s.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(g,{xAxis:$.xAxis,yAxis:$.yAxis,barColorRGBA:null==$?void 0:$.barColorRGBA})})})})]}):e.jsx(e.Fragment,{})};
+`;exports.Card=t=>e.jsx(f,{style:{padding:24},children:t.children}),exports.PieChartAnalytics=r=>{let{title:l,slices:u,size:h,allowChartPopup:j,showConvertToBarChart:p,truncateSlices:g,barChartXAxisTitle:f,barChartYAxisTitle:v,hideTitle:C=!1,currencyProps:w}=r;const[S,A]=a.useState(!1),[F,O]=a.useState(!1),[q,k]=a.useState([]),[B,I]=a.useState(),[E,P]=a.useState(),[R,T]=a.useState([]),[$,V]=a.useState(null);return a.useEffect((()=>{const e=u.reduce(((e,t)=>e+t.count),0);let t=[];if(t=Object.keys(u).map(((e,t)=>Object.assign({color:m[t%m.length]},u[e]))),k([...t]),0===e){I({datasets:[{data:[100],backgroundColor:["#F0F0F0"],borderWidth:0}],labels:[]})}else{const e={labels:u.map((e=>c.default.capitalizeEachWord(e.name))),datasets:[{data:u.map((e=>e.count)),backgroundColor:u.map(((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:m[t%m.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};I(e)}if(g&&u.length>g){const e=u.slice(0,g),t=u.slice(g).reduce(((e,t)=>e+t.count),0);e.push({name:"Other",count:t});const i={labels:e.map((e=>c.default.capitalize(e.name))),datasets:[{data:e.map((e=>e.count)),backgroundColor:e.map(((e,t)=>{var i;return null!==(i=e.color)&&void 0!==i?i:m[t%m.length]})),borderColor:["white","white","white","white","white","white"],borderWidth:4,borderRadius:8}]};P(i);const r=e.map(((e,t)=>Object.assign({color:m[t%m.length]},e)));T(r)}p&&V(((e,t,i)=>({xAxis:{data:e.map((e=>e.name)),title:null!=t?t:""},yAxis:{data:e.map((e=>e.count)),title:null!=i?i:""},barColorRGBA:{r:210,g:174,b:255,a:1}}))(u,f,v))}),[u,g]),B?e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",justifyContent:C||0===(null==l?void 0:l.length)?"flex-end":"space-between"},children:[!C&&l&&e.jsx(d.TitleMedium,{style:{marginBottom:16},children:l}),e.jsxs("div",{children:[p&&e.jsx(n.IconButton,{Icon:t.default,onClick:()=>{O(!0)}}),j&&e.jsx(n.IconButton,{Icon:i.default,onClick:()=>{A(!0)}})]})]}),e.jsxs("div",{className:"row",children:[e.jsx("div",{className:"col-6 ",style:{display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx("div",{style:{width:h,height:h},children:e.jsx(s.Doughnut,{data:g?E:B,options:Object.assign(Object.assign({},y(w)),{maintainAspectRatio:!h})})})}),e.jsx("div",{className:"col-6",style:{paddingLeft:48,display:"flex",flexDirection:"column",justifyContent:"flex-start"},children:e.jsx(x.PieChart,{slices:g?R:q,size:h})})]}),S&&e.jsx(o.StyledModal,{open:S,onClose:()=>A(!1),closeOnOutsideClick:!0,headingTitle:l,width:"75%",children:e.jsxs("div",{style:{padding:24,display:"flex",justifyContent:"space-between",height:"80vh"},children:[e.jsx("div",{style:{width:"55%",marginLeft:"4%"},children:e.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:e.jsx(s.Doughnut,{data:B,options:Object.assign(Object.assign({},y(w)),{maintainAspectRatio:!h})})})}),e.jsx("div",{style:{width:"30%",height:"100%",overflowY:"auto"},children:e.jsx(x.PieChart,{slices:q})})]})}),F&&$&&e.jsx(o.StyledModal,{open:F,onClose:()=>O(!1),closeOnOutsideClick:!0,headingTitle:l,width:"85%",children:e.jsx("div",{style:{padding:"24px 0"},children:e.jsx(a.Suspense,{fallback:e.jsx("div",{children:"Loading..."}),children:e.jsx(b,{xAxis:$.xAxis,yAxis:$.yAxis,barColorRGBA:null==$?void 0:$.barColorRGBA})})})})]}):e.jsx(e.Fragment,{})};