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

package/dist/esm/components/ai-modals/ActivateBikAI.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import n from"../../assets/icons/graph.svg.js";import o from"../../assets/icons/sparkle.svg.js";import{Button as r}from"../button/Button.js";import{Modal as s}from"../modals/Modal.js";import{TitleMedium as c,TitleLarge as l,BodyPrimary as a}from"../TypographyStyle.js";const d=d=>{let{open:g,onModalClose:p,onRightBtnClick:h,onLeftBtnClick:y,source:u}=d;return e(s,Object.assign({open:g,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:p,closeOnOutsideClick:!0},{children:t("div",{children:[t("div",Object.assign({style:{height:"180px",width:"100%",backgroundColor:"rgba(142, 142, 142, 0.2)",display:"flex",justifyContent:"center",alignItems:"center",gap:"18px",padding:"24px"}},{children:[e("div",{children:e(n,{width:100,height:90})}),e("div",{children:e(c,"CHATBOT"===u?{children:"Unlock higher conversion and ease agent work with BIK.AI"}:{children:"Experience reduced Average Handling Time of your tickets with Bik.AI!"})})]})),t("div",Object.assign({style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"16px",padding:"24px"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"4px"}},{children:[e(l,{children:"Activate BIK AI"}),e(o,{width:32,height:32})]})),t("div","CHATBOT"===u?Object.assign({style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},{children:[e(a,Object.assign({color:"#888888"},{children:"Sync your Shopify Data to Bik.AI to supercharge it with"})),e(a,Object.assign({color:"#888888"},{children:"your store’s data to start personalizing it to your"})),e(a,Object.assign({color:"#888888"},{children:"customers!"}))]}):Object.assign({style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},{children:[t(a,Object.assign({color:"#888888"},{children:["Sync your Shopify Data to Bik.AI to supercharge it with"," "]})),e(a,Object.assign({color:"#888888"},{children:"your store’s data to start responding to customer"})),e(a,Object.assign({color:"#888888"},{children:"queries right away!"}))]}))]})),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px",paddingBottom:"24px",paddingLeft:"24px",paddingRight:"24px"}},{children:[e(r,{buttonText:"Learn More",buttonType:"text",size:"large",onClick:y}),e(r,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:i.background.brand},onClick:h})]}))]})}))};export{d as ActivateBikAi};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import o from"../../assets/icons/graph.svg.js";import n from"../../assets/icons/sparkle.svg.js";import{Button as r}from"../button/Button.js";import{Modal as l}from"../modals/Modal.js";import{TitleMedium as c,TitleLarge as s,BodyPrimary as d}from"../TypographyStyle.js";const a=({open:a,onModalClose:p,onRightBtnClick:h,onLeftBtnClick:g,source:y})=>e(l,{open:a,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:p,closeOnOutsideClick:!0,children:t("div",{children:[t("div",{style:{height:"180px",width:"100%",backgroundColor:"rgba(142, 142, 142, 0.2)",display:"flex",justifyContent:"center",alignItems:"center",gap:"18px",padding:"24px"},children:[e("div",{children:e(o,{width:100,height:90})}),e("div",{children:e(c,"CHATBOT"===y?{children:"Unlock higher conversion and ease agent work with BIK.AI"}:{children:"Experience reduced Average Handling Time of your tickets with Bik.AI!"})})]}),t("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"16px",padding:"24px"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"4px"},children:[e(s,{children:"Activate BIK AI"}),e(n,{width:32,height:32})]}),t("div","CHATBOT"===y?{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[e(d,{color:"#888888",children:"Sync your Shopify Data to Bik.AI to supercharge it with"}),e(d,{color:"#888888",children:"your store’s data to start personalizing it to your"}),e(d,{color:"#888888",children:"customers!"})]}:{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[t(d,{color:"#888888",children:["Sync your Shopify Data to Bik.AI to supercharge it with"," "]}),e(d,{color:"#888888",children:"your store’s data to start responding to customer"}),e(d,{color:"#888888",children:"queries right away!"})]})]}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px",paddingBottom:"24px",paddingLeft:"24px",paddingRight:"24px"},children:[e(r,{buttonText:"Learn More",buttonType:"text",size:"large",onClick:g}),e(r,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:i.background.brand},onClick:h})]})]})});export{a as ActivateBikAi};

package/dist/esm/components/ai-modals/AiCreditsExhausted.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as n}from"../../constants/Theme.js";import i from"../../assets/icons/alert_triangle.svg.js";import{Button as o}from"../button/Button.js";import{Modal as s}from"../modals/Modal.js";import{ProgressBarComponent as r}from"../progress-bar/ProgressBarComponent.js";import{TitleLarge as l,TitleRegular as c,BodySecondary as d,BodyPrimary as a}from"../TypographyStyle.js";const p=p=>{let{open:g,onModalClose:h,body:x,onRightBtnClick:m,onLeftBtnClick:y}=p;return e(s,Object.assign({open:g,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:h,closeOnOutsideClick:!0,zIndex:40},{children:t("div",Object.assign({style:{padding:"24px",display:"flex",flexDirection:"column"}},{children:[e("div",Object.assign({style:{display:"flex",justifyContent:"center"}},{children:e(l,{children:"Free AI Credits Exhausted"})})),e("div",{style:{height:"24px"}}),t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},{children:[e(i,{color:n.content.negative,width:20,height:20}),e("div",{style:{width:"8px"}}),e(c,{children:"0/100"}),e(d,Object.assign({color:n.content.secondary},{children:"Free Credits left"}))]})),e(r,{completed:100,isAnimated:!1,height:16,color:n.content.negative})]})),e("div",{style:{height:"24px"}}),e(a,Object.assign({color:n.content.secondary},{children:x||"Contact support to add credits to generate replies using AI, and enjoy continued AI assistance!"})),e("div",{style:{height:"44px"}}),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e(o,{buttonText:"Learn More",buttonType:"text",size:"small",onClick:y}),e(o,{buttonText:"Contact Support",size:"small",style:{backgroundColor:n.background.brand},onClick:m})]}))]}))}))};export{p as AiCreditsExhausted};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import n from"../../assets/icons/alert_triangle.svg.js";import{Button as i}from"../button/Button.js";import{Modal as r}from"../modals/Modal.js";import{ProgressBarComponent as l}from"../progress-bar/ProgressBarComponent.js";import{TitleLarge as s,TitleRegular as d,BodySecondary as c,BodyPrimary as a}from"../TypographyStyle.js";const p=({open:p,onModalClose:h,body:x,onRightBtnClick:m,onLeftBtnClick:y})=>e(r,{open:p,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:h,closeOnOutsideClick:!0,zIndex:40,children:t("div",{style:{padding:"24px",display:"flex",flexDirection:"column"},children:[e("div",{style:{display:"flex",justifyContent:"center"},children:e(s,{children:"Free AI Credits Exhausted"})}),e("div",{style:{height:"24px"}}),t("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"},children:[e(n,{color:o.content.negative,width:20,height:20}),e("div",{style:{width:"8px"}}),e(d,{children:"0/100"}),e(c,{color:o.content.secondary,children:"Free Credits left"})]}),e(l,{completed:100,isAnimated:!1,height:16,color:o.content.negative})]}),e("div",{style:{height:"24px"}}),e(a,{color:o.content.secondary,children:x||"Contact support to add credits to generate replies using AI, and enjoy continued AI assistance!"}),e("div",{style:{height:"44px"}}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e(i,{buttonText:"Learn More",buttonType:"text",size:"small",onClick:y}),e(i,{buttonText:"Contact Support",size:"small",style:{backgroundColor:o.background.brand},onClick:m})]})]})});export{p as AiCreditsExhausted};

package/dist/esm/components/ai-modals/AiCreditsLow.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as n}from"../../constants/Theme.js";import i from"../../assets/icons/alert_triangle.svg.js";import{Button as o}from"../button/Button.js";import{Modal as r}from"../modals/Modal.js";import{TitleLarge as s,BodyPrimary as l}from"../TypographyStyle.js";const d=d=>{let{open:c,onModalClose:a,onLeftBtnClick:p,onRightBtnClick:g}=d;return e(r,Object.assign({open:c,centralContainerStyles:{width:"498px",borderRadius:"12px"},onClose:a,closeOnOutsideClick:!0,zIndex:40},{children:t("div",Object.assign({style:{padding:"24px",display:"flex",flexDirection:"column",width:"100%"}},{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:e("div",Object.assign({style:{backgroundColor:n.background.negative.light,width:"64px",height:"64px",padding:"12px",borderRadius:"40px"}},{children:e(i,{width:40,height:40,color:n.content.negative})}))})),e("div",{style:{height:"32px"}}),e(s,{children:"Your AI Credits are running low"}),e("div",{style:{height:"24px"}}),e(l,Object.assign({color:n.content.secondary},{children:"Recharge your credits now to ensure uninterrupted service."})),e("div",{style:{height:"12px"}}),e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:e(l,Object.assign({color:n.content.secondary},{children:"Don’t let the growth stop. Add AI Credits"}))})),e("div",{style:{height:"32px"}}),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e(o,{buttonText:"Close",buttonType:"text",size:"small",onClick:p}),e(o,{buttonText:"Contact Support",size:"small",style:{backgroundColor:n.background.brand},onClick:g})]}))]}))}))};export{d as AiCreditsLow};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import n from"../../assets/icons/alert_triangle.svg.js";import{Button as i}from"../button/Button.js";import{Modal as r}from"../modals/Modal.js";import{TitleLarge as l,BodyPrimary as d}from"../TypographyStyle.js";const s=({open:s,onModalClose:c,onLeftBtnClick:a,onRightBtnClick:p})=>e(r,{open:s,centralContainerStyles:{width:"498px",borderRadius:"12px"},onClose:c,closeOnOutsideClick:!0,zIndex:40,children:t("div",{style:{padding:"24px",display:"flex",flexDirection:"column",width:"100%"},children:[e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e("div",{style:{backgroundColor:o.background.negative.light,width:"64px",height:"64px",padding:"12px",borderRadius:"40px"},children:e(n,{width:40,height:40,color:o.content.negative})})}),e("div",{style:{height:"32px"}}),e(l,{children:"Your AI Credits are running low"}),e("div",{style:{height:"24px"}}),e(d,{color:o.content.secondary,children:"Recharge your credits now to ensure uninterrupted service."}),e("div",{style:{height:"12px"}}),e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e(d,{color:o.content.secondary,children:"Don’t let the growth stop. Add AI Credits"})}),e("div",{style:{height:"32px"}}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e(i,{buttonText:"Close",buttonType:"text",size:"small",onClick:a}),e(i,{buttonText:"Contact Support",size:"small",style:{backgroundColor:o.background.brand},onClick:p})]})]})});export{s as AiCreditsLow};

package/dist/esm/components/ai-modals/AiSyncProgress.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import o from"../../assets/icons/sync.svg.js";import{Button as n}from"../button/Button.js";import{Modal as s}from"../modals/Modal.js";import{ProgressBarComponent as l}from"../progress-bar/ProgressBarComponent.js";import{TitleLarge as r,BodyPrimary as c}from"../TypographyStyle.js";const a=a=>{let{open:d,onModalClose:p,completedPercent:m,onLeftBtnClick:h,onRightBtnClick:g}=a;return e(s,Object.assign({open:d,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:p,closeOnOutsideClick:!0,zIndex:40},{children:t("div",Object.assign({style:{padding:"24px",display:"flex",flexDirection:"column"}},{children:[e("div",Object.assign({style:{display:"flex",justifyContent:"center"}},{children:e(r,{children:"Wait for Sync to complete"})})),e("div",{style:{height:"24px"}}),t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px"}},{children:[e(o,{width:24,height:24}),e(c,Object.assign({color:"#616161"},{children:"Syncing Shopify Store Data..."}))]})),e(l,{completed:m,isAnimated:!1,height:16,color:i.background.positive.vibrant})]})),e("div",{style:{height:"24px"}}),e(c,Object.assign({color:i.content.secondary},{children:"You can start replying with AI after sync is complete. In the meanwhile, learn how to leverage AI for maximum efficiency"})),e("div",{style:{height:"32px"}}),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e(n,{buttonText:"Close",buttonType:"text",size:"small",onClick:h}),e(n,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:i.background.brand},onClick:g})]}))]}))}))};export{a as AiSyncProgress};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import i from"../../assets/icons/sync.svg.js";import{Button as n}from"../button/Button.js";import{Modal as l}from"../modals/Modal.js";import{ProgressBarComponent as r}from"../progress-bar/ProgressBarComponent.js";import{TitleLarge as s,BodyPrimary as c}from"../TypographyStyle.js";const a=({open:a,onModalClose:d,completedPercent:p,onLeftBtnClick:m,onRightBtnClick:h})=>e(l,{open:a,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:d,closeOnOutsideClick:!0,zIndex:40,children:t("div",{style:{padding:"24px",display:"flex",flexDirection:"column"},children:[e("div",{style:{display:"flex",justifyContent:"center"},children:e(s,{children:"Wait for Sync to complete"})}),e("div",{style:{height:"24px"}}),t("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"12px"},children:[e(i,{width:24,height:24}),e(c,{color:"#616161",children:"Syncing Shopify Store Data..."})]}),e(r,{completed:p,isAnimated:!1,height:16,color:o.background.positive.vibrant})]}),e("div",{style:{height:"24px"}}),e(c,{color:o.content.secondary,children:"You can start replying with AI after sync is complete. In the meanwhile, learn how to leverage AI for maximum efficiency"}),e("div",{style:{height:"32px"}}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e(n,{buttonText:"Close",buttonType:"text",size:"small",onClick:m}),e(n,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:o.background.brand},onClick:h})]})]})});export{a as AiSyncProgress};

package/dist/esm/components/alerts/Alert.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{AlertStyle as i,AlertContentWrapper as n,CloseIconWrapper as r}from"./Alert.styled.js";import{COLOR_CONFIG_MAP as l}from"./AlertHelper.js";import{BodyCaption as c}from"../TypographyStyle.js";import{COLORS as s}from"../../constants/Theme.js";const d=d=>{var a,h;return t(i,Object.assign({type:d.type,contentPosition:d.contentPosition,style:d.containerStyle},{children:[t(n,Object.assign({contentPosition:d.contentPosition},{children:[d.icon&&e("div",Object.assign({style:Object.assign(Object.assign({},null==d?void 0:d.iconStyle),{display:(null===(a=null==d?void 0:d.iconStyle)||void 0===a?void 0:a.display)||"flex",alignSelf:(null===(h=null==d?void 0:d.iconStyle)||void 0===h?void 0:h.alignSelf)||"flex-start"})},{children:e(d.icon,{color:l[d.type].textColor,height:16,width:16})})),e(c,Object.assign({style:{color:d.textColor||l[d.type].textColor,marginLeft:8,marginRight:4}},{children:d.text})),d.redirectToText&&d.redirectTo&&e(c,Object.assign({style:{color:s.text.brand,cursor:"pointer",textDecoration:"underline"},onClick:()=>{"INTERNAL"===d.redirectTo&&d.handleRedirectButtonClick?d.handleRedirectButtonClick():d.redirectTo&&window.open(d.redirectTo,"_blank")}},{children:d.redirectToText}))]})),d.showCrossButton&&e(r,{children:e(o,{width:20,height:20,color:s.content.secondary,onClick:()=>{(null==d?void 0:d.handleCrossIconClick)&&d.handleCrossIconClick()}})})]}))};export{d as Alert};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import e from"../../assets/icons/cross.svg.js";import{AlertStyle as i,AlertContentWrapper as n,CloseIconWrapper as r}from"./Alert.styled.js";import{COLOR_CONFIG_MAP as l}from"./AlertHelper.js";import{BodyCaption as c}from"../TypographyStyle.js";import{COLORS as s}from"../../constants/Theme.js";const d=d=>{var a,h;return t(i,{type:d.type,contentPosition:d.contentPosition,style:d.containerStyle,children:[t(n,{contentPosition:d.contentPosition,children:[d.icon&&o("div",{style:Object.assign(Object.assign({},null==d?void 0:d.iconStyle),{display:(null===(a=null==d?void 0:d.iconStyle)||void 0===a?void 0:a.display)||"flex",alignSelf:(null===(h=null==d?void 0:d.iconStyle)||void 0===h?void 0:h.alignSelf)||"flex-start"}),children:o(d.icon,{color:l[d.type].textColor,height:16,width:16})}),o(c,{style:{color:d.textColor||l[d.type].textColor,marginLeft:8,marginRight:4},children:d.text}),d.redirectToText&&d.redirectTo&&o(c,{style:{color:s.text.brand,cursor:"pointer",textDecoration:"underline"},onClick:()=>{"INTERNAL"===d.redirectTo&&d.handleRedirectButtonClick?d.handleRedirectButtonClick():d.redirectTo&&window.open(d.redirectTo,"_blank")},children:d.redirectToText})]}),d.showCrossButton&&o(r,{children:o(e,{width:20,height:20,color:s.content.secondary,onClick:()=>{(null==d?void 0:d.handleCrossIconClick)&&d.handleCrossIconClick()}})})]})};export{d as Alert};

package/dist/esm/components/analytics-card/AnalyticsCard.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{BASE_COLORS as s,COLORS as i}from"../../constants/Theme.js";import{BikShimmer as r}from"../shimmer/ShimmerComponent/BikShimmer.js";import{TitleSmall as o,BodyCaption as n}from"../TypographyStyle.js";import{AnalyticsContainer as c,CardDataContainer as a}from"./AnalyticsCard.styled.js";const h=h=>{const{cardInfo:m,width:d,mode:l}=h;return e(c,Object.assign({width:d,mode:l,count:Object.keys(m).length},{children:h.isLoading?t("div",Object.assign({className:"shimmers"},{children:[e(r,{isBrand:"light"!=h.mode,boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]}),e(r,{isBrand:"light"!=h.mode,boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]})]})):Object.keys(m).map((r=>{const c=m[r],d=r;return t(a,Object.assign({className:"analytics__card",count:Object.keys(m).length},{children:[e(o,Object.assign({className:"statistic",color:"light"==h.mode?s.brand[900]:s.grayscale.white},{children:c})),e(n,Object.assign({className:"category",color:"light"==h.mode?s.brand[900]:i.content.secondaryInverse},{children:d}))]}),d)}))}))};export{h as AnalyticsCard};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{BASE_COLORS as i,COLORS as r}from"../../constants/Theme.js";import{BikShimmer as o}from"../shimmer/ShimmerComponent/BikShimmer.js";import{TitleSmall as s,BodyCaption as h}from"../TypographyStyle.js";import{AnalyticsContainer as m,CardDataContainer as n}from"./AnalyticsCard.styled.js";const c=c=>{const{cardInfo:a,width:d,mode:l}=c;return e(m,{width:d,mode:l,count:Object.keys(a).length,children:c.isLoading?t("div",{className:"shimmers",children:[e(o,{isBrand:"light"!=c.mode,boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]}),e(o,{isBrand:"light"!=c.mode,boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]})]}):Object.keys(a).map(o=>{const m=a[o],d=o;return t(n,{className:"analytics__card",count:Object.keys(a).length,children:[e(s,{className:"statistic",color:"light"==c.mode?i.brand[900]:i.grayscale.white,children:m}),e(h,{className:"category",color:"light"==c.mode?i.brand[900]:r.content.secondaryInverse,children:d})]},d)})})};export{c as AnalyticsCard};

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

@@ -1 +1,46 @@
-import c from"@emotion/styled/base";import{BASE_COLORS as g}from"../../constants/Theme.js";const I=c("div","production"===process.env.NODE_ENV?{target:"ednv6o21"}:{target:"ednv6o21",label:"AnalyticsContainer"})("display:flex;flex-wrap:wrap;row-gap:16px;align-items:center;justify-content:space-evenly;",(c=>c.width?`width: ${c.width}`:"width: 280px"),";background:",(c=>"light"==c.mode?g.grayscale[100]:g.brand[900]),";padding:26px 12px 16px 12px;border-radius:0 0 8px 8px;.analytics__card:nth-child(n + 4){",(c=>5==c.count?"flex-basis: 48%":6==c.count||7==c.count?"flex-basis: 31%":8==c.count?"flex-basis: 23%":""),";}.analytics__card:nth-child(4){",(c=>7==c.count?"flex-basis: 23% !important":""),";}.shimmers{display:flex;gap:8px;.shine{margin-top:2px!important;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFNkMiLCJmaWxlIjoiQW5hbHl0aWNzQ2FyZC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5cdHJvdy1nYXA6IDE2cHg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtZXZlbmx5O1xuXG5cdCR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBgd2lkdGg6ICR7cHJvcHMud2lkdGh9YCA6ICd3aWR0aDogMjgwcHgnKX07XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5tb2RlID09ICdsaWdodCdcclxuICAgID8gQkFTRV9DT0xPUlMuZ3JheXNjYWxlWycxMDAnXVxyXG4gICAgOiBCQVNFX0NPTE9SUy5icmFuZFsnOTAwJ119O1xuXHRwYWRkaW5nOiAyNnB4IDEycHggMTZweCAxMnB4O1xuXHRib3JkZXItcmFkaXVzOiAwIDAgOHB4IDhweDtcblxuXHQuYW5hbHl0aWNzX19jYXJkOm50aC1jaGlsZChuICsgNCkge1xuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5jb3VudCA9PSA1XHJcbiAgICA/ICdmbGV4LWJhc2lzOiA0OCUnXHJcbiAgICA6IHByb3BzLmNvdW50ID09IDYgfHwgcHJvcHMuY291bnQgPT0gN1xyXG4gICAgICAgID8gJ2ZsZXgtYmFzaXM6IDMxJSdcclxuICAgICAgICA6IHByb3BzLmNvdW50ID09IDhcclxuICAgICAgICAgICAgPyAnZmxleC1iYXNpczogMjMlJ1xyXG4gICAgICAgICAgICA6ICcnfTtcblx0fVxuXG5cdC5hbmFseXRpY3NfX2NhcmQ6bnRoLWNoaWxkKDQpIHtcblx0XHQkeyhwcm9wcykgPT4gKHByb3BzLmNvdW50ID09IDcgPyAnZmxleC1iYXNpczogMjMlICFpbXBvcnRhbnQnIDogJycpfVxuXHR9XG5cblx0LnNoaW1tZXJzIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOHB4O1xuXHRcdC5zaGluZSB7XG5cdFx0XHRtYXJnaW4tdG9wOiAycHggIWltcG9ydGFudDtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBDYXJkRGF0YUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0cm93LWdhcDogNHB4O1xuXG5cdGZsZXgtZ3JvdzogMTtcblx0ZmxleC1zaHJpbms6IDA7XG5cdGZsZXgtYmFzaXM6ICR7KHByb3BzKSA9PiBwcm9wcy5jb3VudCA9PSAyXHJcbiAgICA/ICc0OCUnXHJcbiAgICA6IHByb3BzLmNvdW50ID09IDNcclxuICAgICAgICA/ICczMSUnXHJcbiAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA0XHJcbiAgICAgICAgICAgID8gJzIzJSdcclxuICAgICAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA1XHJcbiAgICAgICAgICAgICAgICA/ICczMSUnXHJcbiAgICAgICAgICAgICAgICA6IHByb3BzLmNvdW50ID09IDZcclxuICAgICAgICAgICAgICAgICAgICA/ICczMSUnXHJcbiAgICAgICAgICAgICAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA3XHJcbiAgICAgICAgICAgICAgICAgICAgICAgID8gJzIzJSdcclxuICAgICAgICAgICAgICAgICAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA4XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA/ICcyMyUnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA6ICdhdXRvJ307XG5cblx0LmNhdGVnb3J5LFxuXHQuc3RhdGlzdGljIHtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0XHR3aGl0ZS1zcGFjZTogbm93cmFwO1xuXHRcdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmFseXRpY3NDYXJkLnN0eWxlZC5qcy5tYXAiXX0= */")),A=c("div","production"===process.env.NODE_ENV?{target:"ednv6o20"}:{target:"ednv6o20",label:"CardDataContainer"})("display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:4px;flex-grow:1;flex-shrink:0;flex-basis:",(c=>2==c.count?"48%":3==c.count?"31%":4==c.count?"23%":5==c.count||6==c.count?"31%":7==c.count||8==c.count?"23%":"auto"),";.category,.statistic{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQzRDIiwiZmlsZSI6IkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQkFTRV9DT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC13cmFwOiB3cmFwO1xuXHRyb3ctZ2FwOiAxNnB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWV2ZW5seTtcblxuXHQkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gYHdpZHRoOiAke3Byb3BzLndpZHRofWAgOiAnd2lkdGg6IDI4MHB4Jyl9O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMubW9kZSA9PSAnbGlnaHQnXHJcbiAgICA/IEJBU0VfQ09MT1JTLmdyYXlzY2FsZVsnMTAwJ11cclxuICAgIDogQkFTRV9DT0xPUlMuYnJhbmRbJzkwMCddfTtcblx0cGFkZGluZzogMjZweCAxMnB4IDE2cHggMTJweDtcblx0Ym9yZGVyLXJhZGl1czogMCAwIDhweCA4cHg7XG5cblx0LmFuYWx5dGljc19fY2FyZDpudGgtY2hpbGQobiArIDQpIHtcblx0XHQkeyhwcm9wcykgPT4gcHJvcHMuY291bnQgPT0gNVxyXG4gICAgPyAnZmxleC1iYXNpczogNDglJ1xyXG4gICAgOiBwcm9wcy5jb3VudCA9PSA2IHx8IHByb3BzLmNvdW50ID09IDdcclxuICAgICAgICA/ICdmbGV4LWJhc2lzOiAzMSUnXHJcbiAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA4XHJcbiAgICAgICAgICAgID8gJ2ZsZXgtYmFzaXM6IDIzJSdcclxuICAgICAgICAgICAgOiAnJ307XG5cdH1cblxuXHQuYW5hbHl0aWNzX19jYXJkOm50aC1jaGlsZCg0KSB7XG5cdFx0JHsocHJvcHMpID0+IChwcm9wcy5jb3VudCA9PSA3ID8gJ2ZsZXgtYmFzaXM6IDIzJSAhaW1wb3J0YW50JyA6ICcnKX1cblx0fVxuXG5cdC5zaGltbWVycyB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDhweDtcblx0XHQuc2hpbmUge1xuXHRcdFx0bWFyZ2luLXRvcDogMnB4ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQ2FyZERhdGFDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHJvdy1nYXA6IDRweDtcblxuXHRmbGV4LWdyb3c6IDE7XG5cdGZsZXgtc2hyaW5rOiAwO1xuXHRmbGV4LWJhc2lzOiAkeyhwcm9wcykgPT4gcHJvcHMuY291bnQgPT0gMlxyXG4gICAgPyAnNDglJ1xyXG4gICAgOiBwcm9wcy5jb3VudCA9PSAzXHJcbiAgICAgICAgPyAnMzElJ1xyXG4gICAgICAgIDogcHJvcHMuY291bnQgPT0gNFxyXG4gICAgICAgICAgICA/ICcyMyUnXHJcbiAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gNVxyXG4gICAgICAgICAgICAgICAgPyAnMzElJ1xyXG4gICAgICAgICAgICAgICAgOiBwcm9wcy5jb3VudCA9PSA2XHJcbiAgICAgICAgICAgICAgICAgICAgPyAnMzElJ1xyXG4gICAgICAgICAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gN1xyXG4gICAgICAgICAgICAgICAgICAgICAgICA/ICcyMyUnXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDogcHJvcHMuY291bnQgPT0gOFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPyAnMjMlJ1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgOiAnYXV0byd9O1xuXG5cdC5jYXRlZ29yeSxcblx0LnN0YXRpc3RpYyB7XG5cdFx0bWF4LXdpZHRoOiAxMDAlO1xuXHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QW5hbHl0aWNzQ2FyZC5zdHlsZWQuanMubWFwIl19 */"));export{I as AnalyticsContainer,A as CardDataContainer};
+import t from"styled-components";import{BASE_COLORS as e}from"../../constants/Theme.js";const i=t.div`
+	display: flex;
+	flex-wrap: wrap;
+	row-gap: 16px;
+	align-items: center;
+	justify-content: space-evenly;
+
+	${t=>t.width?`width: ${t.width}`:"width: 280px"};
+	background: ${t=>"light"==t.mode?e.grayscale[100]:e.brand[900]};
+	padding: 26px 12px 16px 12px;
+	border-radius: 0 0 8px 8px;
+
+	.analytics__card:nth-child(n + 4) {
+		${t=>5==t.count?"flex-basis: 48%":6==t.count||7==t.count?"flex-basis: 31%":8==t.count?"flex-basis: 23%":""};
+	}
+
+	.analytics__card:nth-child(4) {
+		${t=>7==t.count?"flex-basis: 23% !important":""}
+	}
+
+	.shimmers {
+		display: flex;
+		gap: 8px;
+		.shine {
+			margin-top: 2px !important;
+		}
+	}
+`,n=t.div`
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	row-gap: 4px;
+
+	flex-grow: 1;
+	flex-shrink: 0;
+	flex-basis: ${t=>2==t.count?"48%":3==t.count?"31%":4==t.count?"23%":5==t.count||6==t.count?"31%":7==t.count||8==t.count?"23%":"auto"};
+
+	.category,
+	.statistic {
+		max-width: 100%;
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+	}
+`;export{i as AnalyticsContainer,n as CardDataContainer};

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

@@ -1 +1 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/info.svg.js";import{Tooltip as e}from"../tooltips/Tooltip.js";import{BASE_COLORS as i}from"../../constants/Theme.js";import{BodyCaption as s,TitleLarge as n}from"../TypographyStyle.js";import{AnalyticsChipChannelFooter as l}from"./AnalyticsChipChannelFooter.js";import{AnalyticsChipContainer as c}from"./CommonStyles.js";const a=a=>{const{title:m,primaryValue:h,titleColor:p,captionColor:g=i.grayscale[700],backgroundColor:d=i.grayscale[50],width:y="224.67px",extraJSX:j,tooltipContent:f,channelConfig:C,style:b}=a;return o(c,Object.assign({style:null!=b?b:{},backgroundColor:d,width:y},{children:[o("div",Object.assign({className:"sub--container"},{children:[t(s,Object.assign({style:{color:g}},{children:m})),f&&t(e,Object.assign({body:f},{children:t("div",{children:t(r,{height:14.67,width:14.67,color:i.grayscale[500]})})}))]})),t(n,Object.assign({style:{color:p}},{children:h})),C&&t(l,{channelConfig:C}),j]}))};export{a as AnalyticsChip};
+import{jsxs as o,jsx as r}from"react/jsx-runtime";import t from"../../assets/icons/info.svg.js";import{Tooltip as l}from"../tooltips/Tooltip.js";import{BASE_COLORS as e}from"../../constants/Theme.js";import{BodyCaption as i,TitleLarge as n}from"../TypographyStyle.js";import{AnalyticsChipChannelFooter as s}from"./AnalyticsChipChannelFooter.js";import{AnalyticsChipContainer as c}from"./CommonStyles.js";const a=a=>{const{title:m,primaryValue:h,titleColor:p,captionColor:d=e.grayscale[700],backgroundColor:y=e.grayscale[50],width:f="224.67px",extraJSX:g,tooltipContent:C,channelConfig:j,style:u}=a;return o(c,{style:null!=u?u:{},backgroundColor:y,width:f,children:[o("div",{className:"sub--container",children:[r(i,{style:{color:d},children:m}),C&&r(l,{body:C,children:r("div",{children:r(t,{height:14.67,width:14.67,color:e.grayscale[500]})})})]}),r(n,{style:{color:p},children:h}),j&&r(s,{channelConfig:j}),g]})};export{a as AnalyticsChip};

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

@@ -1 +1 @@
-import{jsx as n,Fragment as s,jsxs as e}from"react/jsx-runtime";import a from"../../assets/icons/chat-channel.svg.js";import t from"../../assets/icons/email-channel.svg.js";import o from"../../assets/icons/instagram-channel.svg.js";import i from"../../assets/icons/whatsapp-channel.svg.js";import{COLORS as r}from"../../constants/Theme.js";import{BodyTiny as c}from"../TypographyStyle.js";const l=r=>{if(!r.channelConfig)return n(s,{});const{whatsapp:c,instagram:l,email:m,sms:p}=r.channelConfig;return e("div",Object.assign({style:{display:"flex",gap:"16px"}},{children:[!!c&&n(h,{ChannelIcon:i,value:c}),!!l&&n(h,{ChannelIcon:o,value:l}),!!m&&n(h,{ChannelIcon:t,value:m}),!!p&&n(h,{ChannelIcon:a,value:p})]}))},h=s=>{const{ChannelIcon:a,value:t}=s;return e("div",Object.assign({style:{display:"flex",gap:"4px"}},{children:[n(a,{width:12,height:12}),n(c,Object.assign({color:r.content.secondary},{children:t}))]}))};export{l as AnalyticsChipChannelFooter};
+import{jsx as n,Fragment as s,jsxs as e}from"react/jsx-runtime";import a from"../../assets/icons/chat-channel.svg.js";import o from"../../assets/icons/email-channel.svg.js";import t from"../../assets/icons/instagram-channel.svg.js";import r from"../../assets/icons/whatsapp-channel.svg.js";import{COLORS as l}from"../../constants/Theme.js";import{BodyTiny as i}from"../TypographyStyle.js";const c=l=>{if(!l.channelConfig)return n(s,{});const{whatsapp:i,instagram:c,email:m,sms:p}=l.channelConfig;return e("div",{style:{display:"flex",gap:"16px"},children:[!!i&&n(h,{ChannelIcon:r,value:i}),!!c&&n(h,{ChannelIcon:t,value:c}),!!m&&n(h,{ChannelIcon:o,value:m}),!!p&&n(h,{ChannelIcon:a,value:p})]})},h=s=>{const{ChannelIcon:a,value:o}=s;return e("div",{style:{display:"flex",gap:"4px"},children:[n(a,{width:12,height:12}),n(i,{color:l.content.secondary,children:o})]})};export{c as AnalyticsChipChannelFooter};

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

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

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

@@ -1 +1,5 @@
-import g from"@emotion/styled/base";import{jsxs as I,jsx as C,Fragment as A}from"react/jsx-runtime";import{COLORS as l}from"../../constants/Theme.js";import{TitleMedium as c,TitleRegular as e}from"../TypographyStyle.js";import{AnalyticsTrend as b}from"./AnalyticsTrend.js";const t=g("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"TrendContainer"})("production"===process.env.NODE_ENV?{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap"}:{name:"jovua5",styles:"display:flex;flex-direction:row;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSwgVGl0bGVSZWd1bGFyIH0gZnJvbSAnLi4vVHlwb2dyYXBoeVN0eWxlJztcclxuaW1wb3J0IHsgQW5hbHl0aWNzVHJlbmQgfSBmcm9tICcuL0FuYWx5dGljc1RyZW5kJztcclxuY29uc3QgVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7IHRpdGxlLCB0cmVuZHMsIFJpZ2h0SGVhZGVyQ29tcG9uZW50LCBjb250YWluZXJTdHlsZSwgdGl0bGVTaXplLCB0aXRsZUNvbG9yLCBwZXJSb3csIGlzTG9hZGluZywgdHJlbmRTdHlsZSwgdHJlbmRDb250YWluZXJTdHlsZSwgdHJlbmRJY29uU3R5bGUsIGhpZGVIZWFkZXJEaXYsIGlzSW50ZXJuYXRpb25hbFN0b3JlLCB9KSA9PiB7XHJcbiAgICBjb25zdCBUeXBvID0gdGl0bGVTaXplID09PSAnbGFyZ2UnID8gVGl0bGVNZWRpdW0gOiBUaXRsZVJlZ3VsYXI7XHJcbiAgICBjb25zdCBwZXJSb3dMb2NhbCA9IHBlclJvdyB8fFxyXG4gICAgICAgICh0cmVuZHMubGVuZ3RoIDw9IDQgPyB0cmVuZHMubGVuZ3RoIDogdHJlbmRzLmxlbmd0aCAlIDMgPT0gMCA/IDMgOiA0KTtcclxuICAgIGNvbnN0IHJvd3MgPSBNYXRoLmNlaWwodHJlbmRzLmxlbmd0aCAvIHBlclJvd0xvY2FsKTtcclxuICAgIHJldHVybiAoX2pzeHMoXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiBPYmplY3QuYXNzaWduKHsgcGFkZGluZ1RvcDogMjQsIHBhZGRpbmdCb3R0b206IDI0IH0sIChjb250YWluZXJTdHlsZSAhPT0gbnVsbCAmJiBjb250YWluZXJTdHlsZSAhPT0gdm9pZCAwID8gY29udGFpbmVyU3R5bGUgOiB7fSkpIH0sIHsgY2hpbGRyZW46IFtfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcclxuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nQm90dG9tOiBoaWRlSGVhZGVyRGl2ID8gMCA6IDEyLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbdGl0bGUgJiYgKF9qc3goVHlwbywgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiB0aXRsZUNvbG9yICE9PSBudWxsICYmIHRpdGxlQ29sb3IgIT09IHZvaWQgMCA/IHRpdGxlQ29sb3IgOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IHRpdGxlIH0pKSksIFJpZ2h0SGVhZGVyQ29tcG9uZW50XSB9KSksIF9qc3goVHJlbmRDb250YWluZXIsIHsgY2hpbGRyZW46IEFycmF5LmZyb20oeyBsZW5ndGg6IHJvd3MgfSkubWFwKChfLCByb3dJbmRleCkgPT4gKF9qc3goX0ZyYWdtZW50LCB7IGNoaWxkcmVuOiBfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1hcmdpblRvcDogcm93SW5kZXggPT09IDAgPyAwIDogMTYsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIH0gfSwgeyBjaGlsZHJlbjogdHJlbmRzXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAuc2xpY2Uocm93SW5kZXggKiBwZXJSb3dMb2NhbCwgKHJvd0luZGV4ICsgMSkgKiBwZXJSb3dMb2NhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC5tYXAoKHRyZW5kLCBpKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YXIgX2E7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXg6IDEsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG1heFdpZHRoOiB0cmVuZHMubGVuZ3RoID09PSAxID8gJzEwMCUnIDogJzUwJScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KEFuYWx5dGljc1RyZW5kLCBPYmplY3QuYXNzaWduKHt9LCB0cmVuZCwgeyBpc0xvYWRpbmc6IGlzTG9hZGluZywgY2FyZDogZmFsc2UsIHNpemU6IChfYSA9IHRyZW5kLnNpemUpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6ICdzbWFsbCcsIHJpZ2h0U2VwYXJhdG9yOiBpICsgcm93SW5kZXggKiBwZXJSb3dMb2NhbCA8XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBNYXRoLm1pbigocm93SW5kZXggKyAxKSAqIHBlclJvd0xvY2FsIC0gMSwgdHJlbmRzLmxlbmd0aCAtIDEpLCB0cmVuZFN0eWxlOiB0cmVuZFN0eWxlLCB0cmVuZEljb25TdHlsZTogdHJlbmRJY29uU3R5bGUsIHRyZW5kQ29udGFpbmVyU3R5bGU6IHRyZW5kQ29udGFpbmVyU3R5bGUsIGlzSW50ZXJuYXRpb25hbFN0b3JlOiBpc0ludGVybmF0aW9uYWxTdG9yZSB9KSkgfSksIGkpKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSkgfSksIHJvd0luZGV4KSB9KSkpIH0pXSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BbmFseXRpY3NNZXRyaWMuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),d=g=>{let{title:d,trends:i,RightHeaderComponent:n,containerStyle:s,titleSize:Z,titleColor:a,perRow:o,isLoading:m,trendStyle:G,trendContainerStyle:u,trendIconStyle:y,hideHeaderDiv:p,isInternationalStore:J}=g;const H="large"===Z?c:e,X=o||(i.length<=4?i.length:i.length%3==0?3:4),r=Math.ceil(i.length/X);return I("div",Object.assign({style:Object.assign({paddingTop:24,paddingBottom:24},null!=s?s:{})},{children:[I("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:p?0:12}},{children:[d&&C(H,Object.assign({color:null!=a?a:l.content.secondary,style:{paddingLeft:24,paddingRight:24}},{children:d})),n]})),C(t,{children:Array.from({length:r}).map(((g,I)=>C(A,{children:C("div",Object.assign({style:{display:"flex",width:"100%",marginTop:0===I?0:16}},{children:i.slice(I*X,(I+1)*X).map(((g,A)=>{var l;return C("div",Object.assign({style:{flex:1,maxWidth:1===i.length?"100%":"50%"}},{children:C(b,Object.assign({},g,{isLoading:m,card:!1,size:null!==(l=g.size)&&void 0!==l?l:"small",rightSeparator:A+I*X<Math.min((I+1)*X-1,i.length-1),trendStyle:G,trendIconStyle:y,trendContainerStyle:u,isInternationalStore:J}))}),A)}))}),I)})))})]}))};export{d as AnalyticsMetric};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import i from"styled-components";import{COLORS as r}from"../../constants/Theme.js";import{TitleMedium as l,TitleRegular as o}from"../TypographyStyle.js";import{AnalyticsTrend as d}from"./AnalyticsTrend.js";const a=i.div`
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
+`,s=({title:i,trends:s,RightHeaderComponent:c,containerStyle:p,titleSize:h,titleColor:m,perRow:y,isLoading:g,trendStyle:f,trendContainerStyle:S,trendIconStyle:x,hideHeaderDiv:v,isInternationalStore:j})=>{const u="large"===h?l:o,w=y||(s.length<=4?s.length:s.length%3==0?3:4),C=Math.ceil(s.length/w);return e("div",{style:Object.assign({paddingTop:24,paddingBottom:24},null!=p?p:{}),children:[e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:v?0:12},children:[i&&t(u,{color:null!=m?m:r.content.secondary,style:{paddingLeft:24,paddingRight:24},children:i}),c]}),t(a,{children:Array.from({length:C}).map((e,i)=>t(n,{children:t("div",{style:{display:"flex",width:"100%",marginTop:0===i?0:16},children:s.slice(i*w,(i+1)*w).map((e,n)=>{var r;return t("div",{style:{flex:1,maxWidth:1===s.length?"100%":"50%"},children:t(d,Object.assign({},e,{isLoading:g,card:!1,size:null!==(r=e.size)&&void 0!==r?r:"small",rightSeparator:n+i*w<Math.min((i+1)*w-1,s.length-1),trendStyle:f,trendIconStyle:x,trendContainerStyle:S,isInternationalStore:j}))},n)})},i)}))})]})};export{s as AnalyticsMetric};

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

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{createElement as r}from"react";import{AnalyticsChip as e}from"./AnalyticsChip.js";import{AnalyticsMultiWrapper as i}from"./CommonStyles.js";const m=m=>{let{chipDetails:o,wrapperStyle:s}=m;return t(i,Object.assign({style:null!=s?s:{}},{children:o.map(((t,i)=>r(e,Object.assign({},t,{key:i+"_chip"}))))}))};export{m as AnalyticsMultiChip};
+import{jsx as r}from"react/jsx-runtime";import{createElement as t}from"react";import{AnalyticsChip as e}from"./AnalyticsChip.js";import{AnalyticsMultiWrapper as i}from"./CommonStyles.js";const m=({chipDetails:m,wrapperStyle:o})=>r(i,{style:null!=o?o:{},children:m.map((r,i)=>t(e,Object.assign({},r,{key:i+"_chip"})))});export{m as AnalyticsMultiChip};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import n,{useState as r,useEffect as o}from"react";import{ShimmerComponentStyled as l}from"../shimmer/ShimmerComponent/ShimmerStyled.js";import a from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/arrow_down.svg.js";import d from"../../assets/icons/arrow_up.svg.js";import m from"../../assets/icons/info.svg.js";import{Tag as g}from"../tag/Tag.js";import{Tooltip as h}from"../tooltips/Tooltip.js";import{BodyCaption as p,Caption as y,TitleLarge as u,TitleMedium as b}from"../TypographyStyle.js";import{truncateValueForInternationalStore as f,truncateValueForIndianStore as j}from"./chart/utils/calcPercentage.js";import{AnalyticsTrendContainer as v,IconContainer as x}from"./CommonStyles.js";const T=r=>{let{title:o,value:a,trendPercent:c,type:d="horizontal",timeline:y,customRange:T,tooltip:w,card:O=!0,rightSeparator:$=!1,size:I="big",share:R=!1,formatVal:C,prefixSymbol:D,trailingIcon:L,onTrailIconClick:M,iconTooltipBody:k,funnelPercent:z,isLoading:P,trendRaw:F,trendRawString:N,suffixText:W,trendStyle:_,trendContainerStyle:A,trendIconStyle:B,containerStyle:E,prevTrendDiff:U,relativePercentageDiff:V,isInternationalStore:q,Icon:G,iconContainerStyle:H,tooltipTimelineText:J,customTimelineText:K}=r;const Q="big"===I?u:b,X=void 0!==c?c<0?"negative":0===c?"neutral":"positive":void 0,Y=void 0!==c?R?Math.round(c):Math.abs(Math.round(c)):void 0;return e(v,Object.assign({card:O,style:Object.assign({},E)},{children:t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:G?12:4,borderRightWidth:$?1:0,borderRightColor:s.stroke.primary,borderRightStyle:"solid",paddingLeft:O?0:24,paddingRight:O?0:24,height:"100%",justifyContent:G?"flex-start":"space-between",alignItems:"center"},null!=A?A:{})},{children:[!!G&&e(x,Object.assign({style:Object.assign({},H)},{children:e(G,{})})),t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"column",gap:4,height:"100%"},null!=_?_:{})},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e(p,Object.assign({style:{color:s.content.secondary}},{children:o})),w&&e(h,Object.assign({body:w,placement:"right",width:300},{children:e("div",Object.assign({style:{display:"flex",cursor:"pointer",height:"100%"}},{children:e(m,{color:s.content.primary,height:16,width:16})}))}))]})),t("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},R?{justifyContent:"space-between"}:{})},{children:[P&&e(l,{width:108,height:26}),!P&&e(Q,Object.assign({style:{color:s.content.primary}},{children:void 0===a?"--":"number"==typeof a&&C?a>999?q?`${null!=D?D:""}${f(a)} ${null!=W?W:""}`:`${null!=D?D:""}${j(a)} ${null!=W?W:""}`:`${null!=D?D:""}${new Intl.NumberFormat("en-IN",{maximumFractionDigits:2}).format(a)} ${null!=W?W:""}`:`${null!=D?D:""}${a} ${null!=W?W:""}`})),"number"==typeof V&&e(g,{tagText:`${V}%`,theme:"light",type:"neutral"}),"horizontal"===d&&!P&&!R&&e(S,{timeline:y,customRange:T,percent:Y,direction:X,trendRaw:F,trendRawString:N,prefixSymbol:D,trendIconStyle:B,isInternationalStore:q,tooltipTimelineText:J,customTimelineText:K}),P&&!R&&"horizontal"===d&&e(l,{height:20,width:141,marginTop:6}),"vertical"===d&&!P&&void 0!==z&&e(g,{tagText:`${z} %`,theme:"light",type:"neutral"}),R&&!P&&void 0!==Y&&e(g,{tagText:`${Y} %`,theme:"light",type:"neutral"}),R||P||!U||0==U?e(i,{}):e(g,{tagText:(e=>{const t=Math.abs(e);return t%1!=0?`${t.toFixed(1)} %`:`${t} %`})(U),theme:"light",type:"neutral"})]})),"vertical"===d&&!P&&!R&&e("div",Object.assign({style:{marginTop:10}},{children:e(S,{timeline:y,customRange:T,percent:Y,direction:X,trendRaw:F,trendRawString:N,prefixSymbol:D,trendIconStyle:B,isInternationalStore:q,tooltipTimelineText:J,customTimelineText:K})})),P&&"vertical"===d&&e(l,{height:20,width:141,marginTop:6})]})),k&&!P&&e(h,Object.assign({body:k,placement:"right"},{children:L&&e("div",Object.assign({className:"icon--holder",onClick:M},{children:n.createElement(L,{height:20,width:20,color:s.content.secondary})}))}))]}))}))},S=i=>{let{percent:n,direction:l,timeline:m,customRange:g,trendRaw:p,trendRawString:u,prefixSymbol:b,trendIconStyle:v,isInternationalStore:x,tooltipTimelineText:T,customTimelineText:S}=i;const w=()=>{const e=((null!=p?p:0)>0?"+":"")+(null!=b?b:"");return void 0===p?"--":`${null!=e?e:""}${(()=>{let e="--";if(p)return e=String(x?f(Math.abs(p)):j(Math.abs(p))),p<0?"-"+e:e})()}`},[O,$]=r(w()),[I,R]=r(S||"");o((()=>{S||R("today"===m?"vs yesterday":"yesterday"===m?"vs 1 day before":"7 days"===m?"vs last 7 days":"30 days"===m?"vs last 30 days":"custom"===m&&g?a.getAnalyticsCustomDateTimelineText(g):"")}),[m,g]),o((()=>{$(w())}),[p]);const C="negative"===l?c:d,D="negative"===l?s.background.negative.vibrant:"positive"===l?s.background.positive.vibrant:s.content.placeholder;return t("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row",flexWrap:"wrap"}},{children:["number"==typeof n&&e(C,{color:D,height:16,width:16,style:Object.assign({marginRight:2},null!=v?v:{})}),"number"==typeof n&&l&&t(y,Object.assign({style:{color:D}},{children:["neutral"===l?0:n<1e3?n:">999","%"]})),!!p&&e(y,Object.assign({style:{marginLeft:4,color:s.content.placeholder}},{children:`(${O})`})),!p&&((null==u?void 0:u.length)||0)>0&&e(y,Object.assign({style:{marginLeft:4,color:s.content.placeholder}},{children:`${u}`})),m&&(T?e(h,Object.assign({body:T,placement:"bottom"},{children:e(y,Object.assign({style:{marginLeft:4,color:s.content.placeholder}},{children:S||I}))})):e(y,Object.assign({style:{marginLeft:4,color:s.content.placeholder}},{children:S||I})))]}))};export{T as AnalyticsTrend};
+import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import n,{useState as r,useEffect as o}from"react";import{ShimmerComponentStyled as l}from"../shimmer/ShimmerComponent/ShimmerStyled.js";import a from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/arrow_down.svg.js";import d from"../../assets/icons/arrow_up.svg.js";import m from"../../assets/icons/info.svg.js";import{Tag as h}from"../tag/Tag.js";import{Tooltip as g}from"../tooltips/Tooltip.js";import{BodyCaption as p,Caption as y,TitleLarge as u,TitleMedium as f}from"../TypographyStyle.js";import{truncateValueForInternationalStore as v,truncateValueForIndianStore as x}from"./chart/utils/calcPercentage.js";import{AnalyticsTrendContainer as b,IconContainer as T}from"./CommonStyles.js";const S=({title:r,value:o,trendPercent:a,type:c="horizontal",timeline:d,customRange:y,tooltip:S,card:$=!0,rightSeparator:j=!1,size:I="big",share:R=!1,formatVal:C,prefixSymbol:D,trailingIcon:L,onTrailIconClick:M,iconTooltipBody:O,funnelPercent:k,isLoading:z,trendRaw:P,trendRawString:F,suffixText:N,trendStyle:W,trendContainerStyle:_,trendIconStyle:A,containerStyle:B,prevTrendDiff:E,relativePercentageDiff:U,isInternationalStore:V,Icon:q,iconContainerStyle:G,tooltipTimelineText:H,customTimelineText:J})=>{const K="big"===I?u:f,Q=void 0!==a?a<0?"negative":0===a?"neutral":"positive":void 0,X=void 0!==a?R?Math.round(a):Math.abs(Math.round(a)):void 0;return e(b,{card:$,style:Object.assign({},B),children:t("div",{style:Object.assign({display:"flex",flexDirection:"row",gap:q?12:4,borderRightWidth:j?1:0,borderRightColor:s.stroke.primary,borderRightStyle:"solid",paddingLeft:$?0:24,paddingRight:$?0:24,height:"100%",justifyContent:q?"flex-start":"space-between",alignItems:"center"},null!=_?_:{}),children:[!!q&&e(T,{style:Object.assign({},G),children:e(q,{})}),t("div",{style:Object.assign({display:"flex",flexDirection:"column",gap:4,height:"100%"},null!=W?W:{}),children:[t("div",{style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"},children:[e(p,{style:{color:s.content.secondary},children:r}),S&&e(g,{body:S,placement:"right",width:300,children:e("div",{style:{display:"flex",cursor:"pointer",height:"100%"},children:e(m,{color:s.content.primary,height:16,width:16})})})]}),t("div",{style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},R?{justifyContent:"space-between"}:{}),children:[z&&e(l,{width:108,height:26}),!z&&e(K,{style:{color:s.content.primary},children:void 0===o?"--":"number"==typeof o&&C?o>999?V?`${null!=D?D:""}${v(o)} ${null!=N?N:""}`:`${null!=D?D:""}${x(o)} ${null!=N?N:""}`:`${null!=D?D:""}${new Intl.NumberFormat("en-IN",{maximumFractionDigits:2}).format(o)} ${null!=N?N:""}`:`${null!=D?D:""}${o} ${null!=N?N:""}`}),"number"==typeof U&&e(h,{tagText:`${U}%`,theme:"light",type:"neutral"}),"horizontal"===c&&!z&&!R&&e(w,{timeline:d,customRange:y,percent:X,direction:Q,trendRaw:P,trendRawString:F,prefixSymbol:D,trendIconStyle:A,isInternationalStore:V,tooltipTimelineText:H,customTimelineText:J}),z&&!R&&"horizontal"===c&&e(l,{height:20,width:141,marginTop:6}),"vertical"===c&&!z&&void 0!==k&&e(h,{tagText:`${k} %`,theme:"light",type:"neutral"}),R&&!z&&void 0!==X&&e(h,{tagText:`${X} %`,theme:"light",type:"neutral"}),R||z||!E||0==E?e(i,{}):e(h,{tagText:(e=>{const t=Math.abs(e);return t%1!=0?`${t.toFixed(1)} %`:`${t} %`})(E),theme:"light",type:"neutral"})]}),"vertical"===c&&!z&&!R&&e("div",{style:{marginTop:10},children:e(w,{timeline:d,customRange:y,percent:X,direction:Q,trendRaw:P,trendRawString:F,prefixSymbol:D,trendIconStyle:A,isInternationalStore:V,tooltipTimelineText:H,customTimelineText:J})}),z&&"vertical"===c&&e(l,{height:20,width:141,marginTop:6})]}),O&&!z&&e(g,{body:O,placement:"right",children:L&&e("div",{className:"icon--holder",onClick:M,children:n.createElement(L,{height:20,width:20,color:s.content.secondary})})})]})})},w=({percent:i,direction:n,timeline:l,customRange:m,trendRaw:h,trendRawString:p,prefixSymbol:u,trendIconStyle:f,isInternationalStore:b,tooltipTimelineText:T,customTimelineText:S})=>{const w=()=>{const e=((null!=h?h:0)>0?"+":"")+(null!=u?u:"");return void 0===h?"--":`${null!=e?e:""}${(()=>{let e="--";if(h)return e=String(b?v(Math.abs(h)):x(Math.abs(h))),h<0?"-"+e:e})()}`},[$,j]=r(w()),[I,R]=r(S||"");o(()=>{S||R("today"===l?"vs yesterday":"yesterday"===l?"vs 1 day before":"7 days"===l?"vs last 7 days":"30 days"===l?"vs last 30 days":"custom"===l&&m?a.getAnalyticsCustomDateTimelineText(m):"")},[l,m]),o(()=>{j(w())},[h]);const C="negative"===n?c:d,D="negative"===n?s.background.negative.vibrant:"positive"===n?s.background.positive.vibrant:s.content.placeholder;return t("div",{style:{display:"flex",alignItems:"center",flexDirection:"row",flexWrap:"wrap"},children:["number"==typeof i&&e(C,{color:D,height:16,width:16,style:Object.assign({marginRight:2},null!=f?f:{})}),"number"==typeof i&&n&&t(y,{style:{color:D},children:["neutral"===n?0:i<1e3?i:">999","%"]}),!!h&&e(y,{style:{marginLeft:4,color:s.content.placeholder},children:`(${$})`}),!h&&((null==p?void 0:p.length)||0)>0&&e(y,{style:{marginLeft:4,color:s.content.placeholder},children:`${p}`}),l&&(T?e(g,{body:T,placement:"bottom",children:e(y,{style:{marginLeft:4,color:s.content.placeholder},children:S||I})}):e(y,{style:{marginLeft:4,color:s.content.placeholder},children:S||I}))]})};export{S as AnalyticsTrend};

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

@@ -1 +1,113 @@
-import c from"@emotion/styled/base";import{BASE_COLORS as b,COLORS as X}from"../../constants/Theme.js";import"react/jsx-runtime";import"react";import"react-bootstrap";import"../tooltips/Tooltip.js";import"../TypographyStyle.js";import{StyledDropdown as d}from"../floating-action-button/FloatingActionButton.styles.js";const G=c("div","production"===process.env.NODE_ENV?{target:"e12o03l45"}:{target:"e12o03l45",label:"AnalyticsChipContainer"})("display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:12px 16px;gap:8px;background:",(c=>c.backgroundColor),";border-radius:8px;width:",(c=>c.width?c.width:"224.67px"),";overflow:hidden;text-overflow:ellipsis;white-space:initial;min-height:88px;.sub--container{display:flex;flex-direction:row;justify-content:flex-start;gap:4px;align-items:baseline;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2lEIiwiZmlsZSI6IkNvbW1vblN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJBU0VfQ09MT1JTLCBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IFN0eWxlZERyb3Bkb3duIH0gZnJvbSAnLi4vZmxvYXRpbmctYWN0aW9uLWJ1dHRvbic7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NDaGlwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMTJweCAxNnB4O1xuXHRnYXA6IDhweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJhY2tncm91bmRDb2xvcn07XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICcyMjQuNjdweCcpfTtcblx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdHdoaXRlLXNwYWNlOiBpbml0aWFsO1xuXHRtaW4taGVpZ2h0OiA4OHB4O1xuXHQuc3ViLS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0YWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzTXVsdGlXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAwcHg7XG5cdGdhcDogMTZweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IE1haW5Ecm9wZG93biA9IHN0eWxlZChTdHlsZWREcm9wZG93bikgYFxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjphZnRlciB7XG5cdFx0ZGlzcGxheTogdW5zZXQgIWltcG9ydGFudDtcblx0fVxuXHQubWFpbi0tZHJvcGRvd24uZHJvcGRvd24tdG9nZ2xlOjpiZWZvcmUge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmhvdmVyLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6YWN0aXZlLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnk6Zm9jdXMsXG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeS5kcm9wZG93bi10b2dnbGUsXG5cdC5tYWluLS1kcm9wZG93bi5zaG93ID4gbWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfTtcblx0XHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0cGFkZGluZzogNnB4IDhweDtcblx0XHRnYXA6IDhweDtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5cdH1cblx0LmRyb3Bkb3duLW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDNweDtcblx0XHRwYWRkaW5nOiAwIDA7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24uYnRuLXByaW1hcnkge1xuXHRcdHdpZHRoOiAxMDAlO1xuXHRcdHBhZGRpbmc6IDBweDtcblx0fVxuXHQuc3ViLS1kcm9wZG93biB7XG5cdFx0YnV0dG9uOm5vdCguZGF0ZS1waWNrZXItc2F2ZS1idXR0b24tY29udGFpbmVyIGJ1dHRvbikge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMDtcblx0XHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRcdHBhZGRpbmc6IDEwcHggNi42NjY3cHg7XG5cdFx0XHRiYWNrZ3JvdW5kOiBub25lO1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdFx0bGluZS1oZWlnaHQ6IDE2cHg7XG5cdFx0XHRib3JkZXI6IG5vbmU7XG5cdFx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgSXRlbU1lbnVDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA0cHg7XG5cdGJvcmRlci1ib3R0b206ICR7KHByb3BzKSA9PiBwcm9wcy5pc0xhc3RJdGVtID8gJ25vbmUnIDogYDFweCBzb2xpZCAke0JBU0VfQ09MT1JTLmdyYXlzY2FsZVsyMDBdfWB9O1xuXHRtYXgtd2lkdGg6IDI0MHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gQkFTRV9DT0xPUlMucG9zaXRpdmVbNTBdIDogQkFTRV9DT0xPUlMuZ3JheXNjYWxlLndoaXRlfTtcblx0Jjpob3ZlciB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU2VsZWN0ZWQgPyAnJyA6IEJBU0VfQ09MT1JTLmdyYXlzY2FsZVs1MF19O1xuXHR9XG5cdHdpZHRoOiAxMDAlO1xuXHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzRmlyc3RJdGVtID8gJzRweCcgOiAnMHB4Jyl9O1xuXHRib3JkZXItdG9wLXJpZ2h0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5pc0ZpcnN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5pc0xhc3RJdGVtID8gJzRweCcgOiAnMHB4Jyl9O1xuXHRib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5pc0xhc3RJdGVtID8gJzRweCcgOiAnMHB4Jyl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc1RyZW5kQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlcjogJHsocHJvcHMpID0+IChwcm9wcy5jYXJkID8gMSA6IDApfXB4IHNvbGlkICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdGhlaWdodDogMTAwJTtcblx0JHsocHJvcHMpID0+IHByb3BzLmNhcmRcclxuICAgID8gYFxuXHRcdFx0Ym94LXNoYWRvdzogMHB4IDJweCA0cHggcmdiYSgwLCAwLCAwLCAwLjA4KTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHRcdHBhZGRpbmc6IDE2cHggMjBweDtgXHJcbiAgICA6ICcnfVxuXHQuaWNvbi0taG9sZGVyIHtcblx0XHRoZWlnaHQ6IDMycHg7XG5cdFx0d2lkdGg6IDMycHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDVweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0OmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdFx0fVxuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0d2lkdGg6IDMycHg7XG5cdGhlaWdodDogMzJweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q29tbW9uU3R5bGVzLmpzLm1hcCJdfQ== */")),l=c("div","production"===process.env.NODE_ENV?{target:"e12o03l44"}:{target:"e12o03l44",label:"AnalyticsMultiWrapper"})("production"===process.env.NODE_ENV?{name:"74vbls",styles:"display:flex;flex-direction:row;align-items:flex-start;padding:0px;gap:16px;flex-wrap:wrap"}:{name:"74vbls",styles:"display:flex;flex-direction:row;align-items:flex-start;padding:0px;gap:16px;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJnRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUywgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbjpub3QoLmRhdGUtcGlja2VyLXNhdmUtYnV0dG9uLWNvbnRhaW5lciBidXR0b24pIHtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDA7XG5cdFx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0XHRwYWRkaW5nOiAxMHB4IDYuNjY2N3B4O1xuXHRcdFx0YmFja2dyb3VuZDogbm9uZTtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0Ym9yZGVyOiBub25lO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEl0ZW1NZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogNHB4O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNMYXN0SXRlbSA/ICdub25lJyA6IGAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX1gfTtcblx0bWF4LXdpZHRoOiAyNDBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/IEJBU0VfQ09MT1JTLnBvc2l0aXZlWzUwXSA6IEJBU0VfQ09MT1JTLmdyYXlzY2FsZS53aGl0ZX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gJycgOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGVbNTBdfTtcblx0fVxuXHR3aWR0aDogMTAwJTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5pc0ZpcnN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NUcmVuZENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXI6ICR7KHByb3BzKSA9PiAocHJvcHMuY2FyZCA/IDEgOiAwKX1weCBzb2xpZCAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRoZWlnaHQ6IDEwMCU7XG5cdCR7KHByb3BzKSA9PiBwcm9wcy5jYXJkXHJcbiAgICA/IGBcblx0XHRcdGJveC1zaGFkb3c6IDBweCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4wOCk7XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0XHRwYWRkaW5nOiAxNnB4IDIwcHg7YFxyXG4gICAgOiAnJ31cblx0Lmljb24tLWhvbGRlciB7XG5cdFx0aGVpZ2h0OiAzMnB4O1xuXHRcdHdpZHRoOiAzMnB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRib3JkZXItcmFkaXVzOiA1cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdDpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAzMnB4O1xuXHRoZWlnaHQ6IDMycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbW1vblN0eWxlcy5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),H=c(d,"production"===process.env.NODE_ENV?{target:"e12o03l43"}:{target:"e12o03l43",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 ",b.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNtRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUywgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbjpub3QoLmRhdGUtcGlja2VyLXNhdmUtYnV0dG9uLWNvbnRhaW5lciBidXR0b24pIHtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDA7XG5cdFx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0XHRwYWRkaW5nOiAxMHB4IDYuNjY2N3B4O1xuXHRcdFx0YmFja2dyb3VuZDogbm9uZTtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0Ym9yZGVyOiBub25lO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEl0ZW1NZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogNHB4O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNMYXN0SXRlbSA/ICdub25lJyA6IGAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX1gfTtcblx0bWF4LXdpZHRoOiAyNDBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/IEJBU0VfQ09MT1JTLnBvc2l0aXZlWzUwXSA6IEJBU0VfQ09MT1JTLmdyYXlzY2FsZS53aGl0ZX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gJycgOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGVbNTBdfTtcblx0fVxuXHR3aWR0aDogMTAwJTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5pc0ZpcnN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NUcmVuZENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXI6ICR7KHByb3BzKSA9PiAocHJvcHMuY2FyZCA/IDEgOiAwKX1weCBzb2xpZCAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRoZWlnaHQ6IDEwMCU7XG5cdCR7KHByb3BzKSA9PiBwcm9wcy5jYXJkXHJcbiAgICA/IGBcblx0XHRcdGJveC1zaGFkb3c6IDBweCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4wOCk7XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0XHRwYWRkaW5nOiAxNnB4IDIwcHg7YFxyXG4gICAgOiAnJ31cblx0Lmljb24tLWhvbGRlciB7XG5cdFx0aGVpZ2h0OiAzMnB4O1xuXHRcdHdpZHRoOiAzMnB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRib3JkZXItcmFkaXVzOiA1cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdDpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAzMnB4O1xuXHRoZWlnaHQ6IDMycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbW1vblN0eWxlcy5qcy5tYXAiXX0= */")),R=c("div","production"===process.env.NODE_ENV?{target:"e12o03l42"}:{target:"e12o03l42",label:"ItemMenuContainer"})("display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;gap:4px;border-bottom:",(c=>c.isLastItem?"none":`1px solid ${b.grayscale[200]}`),";max-width:240px;cursor:pointer;background-color:",(c=>c.isSelected?b.positive[50]:b.grayscale.white),";&:hover{background-color:",(c=>c.isSelected?"":b.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"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEU0QyIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUywgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbjpub3QoLmRhdGUtcGlja2VyLXNhdmUtYnV0dG9uLWNvbnRhaW5lciBidXR0b24pIHtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDA7XG5cdFx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0XHRwYWRkaW5nOiAxMHB4IDYuNjY2N3B4O1xuXHRcdFx0YmFja2dyb3VuZDogbm9uZTtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0Ym9yZGVyOiBub25lO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEl0ZW1NZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogNHB4O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNMYXN0SXRlbSA/ICdub25lJyA6IGAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX1gfTtcblx0bWF4LXdpZHRoOiAyNDBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/IEJBU0VfQ09MT1JTLnBvc2l0aXZlWzUwXSA6IEJBU0VfQ09MT1JTLmdyYXlzY2FsZS53aGl0ZX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gJycgOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGVbNTBdfTtcblx0fVxuXHR3aWR0aDogMTAwJTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5pc0ZpcnN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NUcmVuZENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXI6ICR7KHByb3BzKSA9PiAocHJvcHMuY2FyZCA/IDEgOiAwKX1weCBzb2xpZCAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRoZWlnaHQ6IDEwMCU7XG5cdCR7KHByb3BzKSA9PiBwcm9wcy5jYXJkXHJcbiAgICA/IGBcblx0XHRcdGJveC1zaGFkb3c6IDBweCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4wOCk7XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0XHRwYWRkaW5nOiAxNnB4IDIwcHg7YFxyXG4gICAgOiAnJ31cblx0Lmljb24tLWhvbGRlciB7XG5cdFx0aGVpZ2h0OiAzMnB4O1xuXHRcdHdpZHRoOiAzMnB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRib3JkZXItcmFkaXVzOiA1cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdDpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAzMnB4O1xuXHRoZWlnaHQ6IDMycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbW1vblN0eWxlcy5qcy5tYXAiXX0= */")),Z=c("div","production"===process.env.NODE_ENV?{target:"e12o03l41"}:{target:"e12o03l41",label:"AnalyticsTrendContainer"})("border:",(c=>c.card?1:0),"px solid ",X.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;":"")," .icon--holder{height:32px;width:32px;display:flex;align-items:center;justify-content:center;border-radius:5px;cursor:pointer;:hover{background-color:",X.surface.hovered,";}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZrRCIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUywgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbjpub3QoLmRhdGUtcGlja2VyLXNhdmUtYnV0dG9uLWNvbnRhaW5lciBidXR0b24pIHtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDA7XG5cdFx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0XHRwYWRkaW5nOiAxMHB4IDYuNjY2N3B4O1xuXHRcdFx0YmFja2dyb3VuZDogbm9uZTtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0Ym9yZGVyOiBub25lO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEl0ZW1NZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogNHB4O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNMYXN0SXRlbSA/ICdub25lJyA6IGAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX1gfTtcblx0bWF4LXdpZHRoOiAyNDBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/IEJBU0VfQ09MT1JTLnBvc2l0aXZlWzUwXSA6IEJBU0VfQ09MT1JTLmdyYXlzY2FsZS53aGl0ZX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gJycgOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGVbNTBdfTtcblx0fVxuXHR3aWR0aDogMTAwJTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5pc0ZpcnN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NUcmVuZENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXI6ICR7KHByb3BzKSA9PiAocHJvcHMuY2FyZCA/IDEgOiAwKX1weCBzb2xpZCAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRoZWlnaHQ6IDEwMCU7XG5cdCR7KHByb3BzKSA9PiBwcm9wcy5jYXJkXHJcbiAgICA/IGBcblx0XHRcdGJveC1zaGFkb3c6IDBweCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4wOCk7XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0XHRwYWRkaW5nOiAxNnB4IDIwcHg7YFxyXG4gICAgOiAnJ31cblx0Lmljb24tLWhvbGRlciB7XG5cdFx0aGVpZ2h0OiAzMnB4O1xuXHRcdHdpZHRoOiAzMnB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRib3JkZXItcmFkaXVzOiA1cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdDpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAzMnB4O1xuXHRoZWlnaHQ6IDMycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbW1vblN0eWxlcy5qcy5tYXAiXX0= */")),x=c("div","production"===process.env.NODE_ENV?{target:"e12o03l40"}:{target:"e12o03l40",label:"IconContainer"})("display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:",X.background.brandLight,";border-radius:4px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbW1vblN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUh3QyIsImZpbGUiOiJDb21tb25TdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCQVNFX0NPTE9SUywgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBTdHlsZWREcm9wZG93biB9IGZyb20gJy4uL2Zsb2F0aW5nLWFjdGlvbi1idXR0b24nO1xyXG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ2hpcENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0Z2FwOiA4cHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5iYWNrZ3JvdW5kQ29sb3J9O1xuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMjI0LjY3cHgnKX07XG5cdG92ZXJmbG93OiBoaWRkZW47XG5cdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR3aGl0ZS1zcGFjZTogaW5pdGlhbDtcblx0bWluLWhlaWdodDogODhweDtcblx0LnN1Yi0tY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGdhcDogNHB4O1xuXHRcdGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc011bHRpV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0cGFkZGluZzogMHB4O1xuXHRnYXA6IDE2cHg7XG5cdGZsZXgtd3JhcDogd3JhcDtcbmA7XHJcbmV4cG9ydCBjb25zdCBNYWluRHJvcGRvd24gPSBzdHlsZWQoU3R5bGVkRHJvcGRvd24pIGBcblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YWZ0ZXIge1xuXHRcdGRpc3BsYXk6IHVuc2V0ICFpbXBvcnRhbnQ7XG5cdH1cblx0Lm1haW4tLWRyb3Bkb3duLmRyb3Bkb3duLXRvZ2dsZTo6YmVmb3JlIHtcblx0XHRkaXNwbGF5OiB1bnNldCAhaW1wb3J0YW50O1xuXHR9XG5cdC5tYWluLS1kcm9wZG93bi5idG4tcHJpbWFyeTpob3Zlcixcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmFjdGl2ZSxcblx0Lm1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5OmZvY3VzLFxuXHQubWFpbi0tZHJvcGRvd24uYnRuLXByaW1hcnkuZHJvcGRvd24tdG9nZ2xlLFxuXHQubWFpbi0tZHJvcGRvd24uc2hvdyA+IG1haW4tLWRyb3Bkb3duLmJ0bi1wcmltYXJ5LmRyb3Bkb3duLXRvZ2dsZSB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX07XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHBhZGRpbmc6IDZweCA4cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuXHR9XG5cdC5kcm9wZG93bi1tZW51IHtcblx0XHRib3JkZXItcmFkaXVzOiAzcHg7XG5cdFx0cGFkZGluZzogMCAwO1xuXHR9XG5cdC5zdWItLWRyb3Bkb3duLmJ0bi1wcmltYXJ5IHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRwYWRkaW5nOiAwcHg7XG5cdH1cblx0LnN1Yi0tZHJvcGRvd24ge1xuXHRcdGJ1dHRvbjpub3QoLmRhdGUtcGlja2VyLXNhdmUtYnV0dG9uLWNvbnRhaW5lciBidXR0b24pIHtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDA7XG5cdFx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0XHRwYWRkaW5nOiAxMHB4IDYuNjY2N3B4O1xuXHRcdFx0YmFja2dyb3VuZDogbm9uZTtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0Ym9yZGVyOiBub25lO1xuXHRcdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEl0ZW1NZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRwYWRkaW5nOiAxMnB4IDE2cHg7XG5cdGdhcDogNHB4O1xuXHRib3JkZXItYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNMYXN0SXRlbSA/ICdub25lJyA6IGAxcHggc29saWQgJHtCQVNFX0NPTE9SUy5ncmF5c2NhbGVbMjAwXX1gfTtcblx0bWF4LXdpZHRoOiAyNDBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTZWxlY3RlZCA/IEJBU0VfQ09MT1JTLnBvc2l0aXZlWzUwXSA6IEJBU0VfQ09MT1JTLmdyYXlzY2FsZS53aGl0ZX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NlbGVjdGVkID8gJycgOiBCQVNFX0NPTE9SUy5ncmF5c2NhbGVbNTBdfTtcblx0fVxuXHR3aWR0aDogMTAwJTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5pc0ZpcnN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLXRvcC1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNGaXJzdEl0ZW0gPyAnNHB4JyA6ICcwcHgnKX07XG5cdGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcblx0Ym9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNMYXN0SXRlbSA/ICc0cHgnIDogJzBweCcpfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBBbmFseXRpY3NUcmVuZENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXI6ICR7KHByb3BzKSA9PiAocHJvcHMuY2FyZCA/IDEgOiAwKX1weCBzb2xpZCAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRoZWlnaHQ6IDEwMCU7XG5cdCR7KHByb3BzKSA9PiBwcm9wcy5jYXJkXHJcbiAgICA/IGBcblx0XHRcdGJveC1zaGFkb3c6IDBweCAycHggNHB4IHJnYmEoMCwgMCwgMCwgMC4wOCk7XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0XHRwYWRkaW5nOiAxNnB4IDIwcHg7YFxyXG4gICAgOiAnJ31cblx0Lmljb24tLWhvbGRlciB7XG5cdFx0aGVpZ2h0OiAzMnB4O1xuXHRcdHdpZHRoOiAzMnB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRib3JkZXItcmFkaXVzOiA1cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdDpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAzMnB4O1xuXHRoZWlnaHQ6IDMycHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdGJvcmRlci1yYWRpdXM6IDRweDtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvbW1vblN0eWxlcy5qcy5tYXAiXX0= */"));export{G as AnalyticsChipContainer,l as AnalyticsMultiWrapper,Z as AnalyticsTrendContainer,x as IconContainer,R as ItemMenuContainer,H as MainDropdown};
+import t from"styled-components";import{BASE_COLORS as r,COLORS as o}from"../../constants/Theme.js";import"react/jsx-runtime";import"react";import"react-bootstrap";import"../tooltips/Tooltip.js";import"../TypographyStyle.js";import{StyledDropdown as i}from"../floating-action-button/FloatingActionButton.styles.js";const e=t.div`
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: flex-start;
+	padding: 12px 16px;
+	gap: 8px;
+	background: ${t=>t.backgroundColor};
+	border-radius: 8px;
+	width: ${t=>t.width?t.width:"224.67px"};
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: initial;
+	min-height: 88px;
+	.sub--container {
+		display: flex;
+		flex-direction: row;
+		justify-content: flex-start;
+		gap: 4px;
+		align-items: baseline;
+	}
+`,d=t.div`
+	display: flex;
+	flex-direction: row;
+	align-items: flex-start;
+	padding: 0px;
+	gap: 16px;
+	flex-wrap: wrap;
+`,n=t(i)`
+	.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 ${r.grayscale[200]};
+		border-radius: 4px;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		padding: 6px 8px;
+		gap: 8px;
+		background: ${t=>t.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=t.div`
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	padding: 12px 16px;
+	gap: 4px;
+	border-bottom: ${t=>t.isLastItem?"none":`1px solid ${r.grayscale[200]}`};
+	max-width: 240px;
+	cursor: pointer;
+	background-color: ${t=>t.isSelected?r.positive[50]:r.grayscale.white};
+	&:hover {
+		background-color: ${t=>t.isSelected?"":r.grayscale[50]};
+	}
+	width: 100%;
+	border-top-left-radius: ${t=>t.isFirstItem?"4px":"0px"};
+	border-top-right-radius: ${t=>t.isFirstItem?"4px":"0px"};
+	border-bottom-left-radius: ${t=>t.isLastItem?"4px":"0px"};
+	border-bottom-right-radius: ${t=>t.isLastItem?"4px":"0px"};
+`,a=t.div`
+	border: ${t=>t.card?1:0}px solid ${o.background.base};
+	height: 100%;
+	${t=>t.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;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border-radius: 5px;
+		cursor: pointer;
+		:hover {
+			background-color: ${o.surface.hovered};
+		}
+	}
+`,s=t.div`
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 32px;
+	height: 32px;
+	background-color: ${o.background.brandLight};
+	border-radius: 4px;
+`;export{e as AnalyticsChipContainer,d as AnalyticsMultiWrapper,a as AnalyticsTrendContainer,s as IconContainer,p as ItemMenuContainer,n as MainDropdown};

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

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

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

@@ -1 +1,19 @@
-import c from"@emotion/styled/base";import{jsxs as t,jsx as e}from"react/jsx-runtime";import{BodyPrimary as l}from"../../../TypographyStyle.js";const o=c("div","production"===process.env.NODE_ENV?{target:"e1y33sa70"}:{target:"e1y33sa70",label:"LegendStyled"})("production"===process.env.NODE_ENV?{name:"1o5bx8z",styles:"display:flex;align-items:center;flex-direction:row;flex:1;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;flex:1;}"}:{name:"1o5bx8z",styles:"display:flex;align-items:center;flex-direction:row;flex:1;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;flex:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6IkxlZ2VuZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5jb25zdCBMZWdlbmRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleDogMTtcblxuXHQuY29sb3Ige1xuXHRcdHdpZHRoOiAxMnB4O1xuXHRcdGhlaWdodDogMTJweDtcblx0XHRib3JkZXItcmFkaXVzOiAyMHB4O1xuXHR9XG5cblx0LnRpdGxlIHtcblx0XHRjb2xvcjogIzQ3NDc0Nztcblx0XHRtYXJnaW4tbGVmdDogMTJweDtcblx0XHRtYXJnaW4tcmlnaHQ6IDEycHg7XG5cdFx0ZmxleDogMTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IExlZ2VuZCA9ICh7IGNvbG9yLCB0ZXh0IH0pID0+IHtcclxuICAgIGNvbnN0IHRvVXBwZXJDYXNlID0gKG5hbWUpID0+IHtcclxuICAgICAgICByZXR1cm4gbmFtZS5jaGFyQXQoMCkudG9VcHBlckNhc2UoKSArIG5hbWUuc2xpY2UoMSk7XHJcbiAgICB9O1xyXG4gICAgcmV0dXJuIChfanN4cyhMZWdlbmRTdHlsZWQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiAnY29sb3InLCBzdHlsZTogeyBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yIH0gfSksIF9qc3goQm9keVByaW1hcnksIE9iamVjdC5hc3NpZ24oeyBjbGFzc05hbWU6ICd0aXRsZScgfSwgeyBjaGlsZHJlbjogdG9VcHBlckNhc2UodGV4dCkgfSkpXSB9KSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUxlZ2VuZC5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),i=c=>{let{color:i,text:a}=c;return t(o,{children:[e("div",{className:"color",style:{backgroundColor:i}}),e(l,Object.assign({className:"title"},{children:(r=a,r.charAt(0).toUpperCase()+r.slice(1))}))]});var r};export{i as Legend};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"styled-components";import{BodyPrimary as o}from"../../../TypographyStyle.js";const i=t.div`
+	display: flex;
+	align-items: center;
+	flex-direction: row;
+	flex: 1;
+
+	.color {
+		width: 12px;
+		height: 12px;
+		border-radius: 20px;
+	}
+
+	.title {
+		color: #474747;
+		margin-left: 12px;
+		margin-right: 12px;
+		flex: 1;
+	}
+`,l=({color:t,text:l})=>{return r(i,{children:[e("div",{className:"color",style:{backgroundColor:t}}),e(o,{className:"title",children:(c=l,c.charAt(0).toUpperCase()+c.slice(1))})]});var c};export{l as Legend};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as l}from"react/jsx-runtime";import{Chart as o,CategoryScale as i,LinearScale as n,PointElement as r,BarElement as a,LineElement as d,ArcElement as s,Filler as c,Title as u,Tooltip as p,Legend as y}from"chart.js";import{useState as g,useRef as m,useEffect as v}from"react";import{Line as b}from"react-chartjs-2";import{BodyTiny as h}from"../../../TypographyStyle.js";import{COLORS as f}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as x,truncateValueForIndianStore as C}from"../utils/calcPercentage.js";import{LegendWrapper as k,LegendContainer as j,LegendColor as w}from"./LineChart.styled.js";o.register(i,n,r,a,d,s,c,u,p,y);const S=o=>{let{scaleText:i,labels:n,canvasHeight:r,datas:a,maintainAspectRatio:d=!1,stepSize:s,min:c,max:u,isZeroState:p,tension:y,isNewStyles:S,prefixCurrencyInYAxis:B,pointRadius:O,useKFormat:$,lineThickness:A,ticksLabelCallback:z,labelCallback:D,afterBodyCallBack:I,titleTooltipCallback:F,isInternationalStore:T,customYHeaders:Y,headerIcons:P=[],legendsAndIconDirection:R="row",hasSecondYAxis:q=!1,min2:L,max2:H,stepSize2:Z,prefixCurrencyInY2Axis:E,useKFormat2:K,customY2Headers:W}=o;var G,N,J,M;const[Q,U]=g(null),V=m();v((()=>{var e,t,l,o;if(null===(o=null===(l=null===(t=null===(e=V.current)||void 0===e?void 0:e.scales)||void 0===t?void 0:t.y)||void 0===l?void 0:l.ticks)||void 0===o?void 0:o.length){const e=38*V.current.scales.y.ticks.length;U(e)}}),[V]);const X=a.map((e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?f.content.placeholder:f.background.brand,square:e.squareLegends}))),_={labels:n,datasets:a.map(((e,t)=>{var l,o,i;return Object.assign(Object.assign({tension:null!=y?y:.4,fill:e.gradient?"start":0},((e,t,l)=>{const o={borderColor:e||(t?f.content.placeholder:f.background.brand)};return S?Object.assign({pointStyle:"circle",pointRadius:O||(n&&n.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:l||e||(t?f.content.placeholder:f.background.brand)},o):Object.assign({pointRadius:null!=O?O:1},o)})(e.lineColor,e.dotted,e.pointColors)),{borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:null!==(o=null!==(l=e.lineWidth)&&void 0!==l?l:A)&&void 0!==o?o:2,backgroundColor:e.gradient?t=>{const l=t.chart.ctx.createLinearGradient(0,0,0,Q?Q-75:150);return e.gradientColor?(l.addColorStop(0,e.gradientColor.start),l.addColorStop(1,e.gradientColor.end),l):(l.addColorStop(0,"#F1EEFB"),l.addColorStop(1,"rgba(127, 86, 217, 0)"),l)}:null!==(i=e.backgroundColor)&&void 0!==i?i:"transparent",legend:e.legend,yAxisID:e.useSecondYAxis?"y1":"y"})}))},ee={maintainAspectRatio:d,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:null!=S&&S,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>f.content.primaryInverse,backgroundColor:f.content.primary,callbacks:{labelTextColor:()=>f.content.primaryInverse,title:F,label:D,afterBody:I},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:p?0:c,max:p?10:u,position:"left",id:"y",ticks:{color:f.content.secondary,callback:e=>{var t,l;return $?`${null!==(t=null==i?void 0:i.yPrefix)&&void 0!==t?t:""}${T?x(e):C(e)}${null!=B?B:""}`:Y&&Object.keys(Y).length>0?Y[e]:`${null!==(l=null==i?void 0:i.yPrefix)&&void 0!==l?l:""}${e}${null!=B?B:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:p?1:s,padding:S?24:0},title:{display:!!(null==i?void 0:i.y),text:null==i?void 0:i.y},grid:{color:f.background.base,drawBorder:null===(G=null==i?void 0:i.yDrawBorder)||void 0===G||G}},y1:{beginAtZero:!0,min:p?0:L,max:p?10:H,position:"right",id:"y1",display:q,ticks:{color:f.content.secondary,callback:e=>{var t,l;return K?`${null!==(t=null==i?void 0:i.y2Prefix)&&void 0!==t?t:""}${T?x(e):C(e)}${null!=E?E:""}`:W&&Object.keys(W).length>0?W[e]:`${null!==(l=null==i?void 0:i.y2Prefix)&&void 0!==l?l:""}${e}${null!=E?E:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:p?1:Z,padding:S?24:0},title:{display:!!(null==i?void 0:i.y2),text:null==i?void 0:i.y2},grid:{color:"transparent",drawBorder:null===(N=null==i?void 0:i.y2DrawBorder)||void 0===N||N}},x:{ticks:{callback:z,color:f.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==i?void 0:i.x),text:null==i?void 0:i.x},grid:{display:!1,drawBorder:null!==(J=null==i?void 0:i.xDrawBorder)&&void 0!==J&&J}}}};return e("div",Object.assign({style:Object.assign(Object.assign({},d?{}:{height:null!==(M=null!=r?r:Q)&&void 0!==M?M:204}),{display:"flex",flexDirection:"column",gap:2,width:"100%"})},{children:[e("div",Object.assign({style:{display:"flex",justifyContent:"space-between",width:"100%",flexDirection:R}},{children:[t(k,{children:P.map(((e,l)=>t(j,{children:e},l)))}),t(k,{children:X.map(((o,i)=>{let{text:n,color:r,square:a}=o;return n?e(j,{children:[t(w,{color:r,square:a,newStyle:S}),t(h,Object.assign({color:"#667085"},{children:n}))]},i):t(l,{})}))})]})),t("div",Object.assign({style:{flex:1}},{children:t(b,{ref:V,options:ee,data:_})}))]}))};export{S as LineChart};
+import{jsxs as e,jsx as t,Fragment as l}from"react/jsx-runtime";import{Chart as o,CategoryScale as i,LinearScale as r,PointElement as n,BarElement as a,LineElement as d,ArcElement as s,Filler as c,Title as u,Tooltip as p,Legend as y}from"chart.js";import{useState as g,useRef as m,useEffect as v}from"react";import{Line as b}from"react-chartjs-2";import{BodyTiny as h}from"../../../TypographyStyle.js";import{COLORS as f}from"../../../../constants/Theme.js";import{truncateValueForInternationalStore as x,truncateValueForIndianStore as C}from"../utils/calcPercentage.js";import{LegendWrapper as k,LegendContainer as w,LegendColor as j}from"./LineChart.styled.js";o.register(i,r,n,a,d,s,c,u,p,y);const S=({scaleText:o,labels:i,canvasHeight:r,datas:n,maintainAspectRatio:a=!1,stepSize:d,min:s,max:c,isZeroState:u,tension:p,isNewStyles:y,prefixCurrencyInYAxis:S,pointRadius:B,useKFormat:$,lineThickness:A,ticksLabelCallback:z,labelCallback:D,afterBodyCallBack:I,titleTooltipCallback:O,isInternationalStore:F,customYHeaders:T,headerIcons:Y=[],legendsAndIconDirection:P="row",hasSecondYAxis:R=!1,min2:q,max2:L,stepSize2:H,prefixCurrencyInY2Axis:Z,useKFormat2:E,customY2Headers:K})=>{var W,G,N,J;const[M,Q]=g(null),U=m();v(()=>{var e,t,l,o;if(null===(o=null===(l=null===(t=null===(e=U.current)||void 0===e?void 0:e.scales)||void 0===t?void 0:t.y)||void 0===l?void 0:l.ticks)||void 0===o?void 0:o.length){const e=38*U.current.scales.y.ticks.length;Q(e)}},[U]);const V=n.map(e=>({text:e.legend,color:e.lineColor?e.lineColor:e.dotted?f.content.placeholder:f.background.brand,square:e.squareLegends})),X={labels:i,datasets:n.map((e,t)=>{var l,o,r;return Object.assign(Object.assign({tension:null!=p?p:.4,fill:e.gradient?"start":0},((e,t,l)=>{const o={borderColor:e||(t?f.content.placeholder:f.background.brand)};return y?Object.assign({pointStyle:"circle",pointRadius:B||(i&&i.length>10?2.5:4),pointBorderColor:"transparent",pointBackgroundColor:l||e||(t?f.content.placeholder:f.background.brand)},o):Object.assign({pointRadius:null!=B?B:1},o)})(e.lineColor,e.dotted,e.pointColors)),{borderDash:e.dotted?[8,3]:void 0,data:e.data,borderWidth:null!==(o=null!==(l=e.lineWidth)&&void 0!==l?l:A)&&void 0!==o?o:2,backgroundColor:e.gradient?t=>{const l=t.chart.ctx.createLinearGradient(0,0,0,M?M-75:150);return e.gradientColor?(l.addColorStop(0,e.gradientColor.start),l.addColorStop(1,e.gradientColor.end),l):(l.addColorStop(0,"#F1EEFB"),l.addColorStop(1,"rgba(127, 86, 217, 0)"),l)}:null!==(r=e.backgroundColor)&&void 0!==r?r:"transparent",legend:e.legend,yAxisID:e.useSecondYAxis?"y1":"y"})})},_={maintainAspectRatio:a,responsive:!0,plugins:{legend:{display:!1},title:{display:!1},tooltip:{displayColors:null!=y&&y,titleFont:()=>({weight:"600",size:14,family:"inter"}),titleColor:()=>f.content.primaryInverse,backgroundColor:f.content.primary,callbacks:{labelTextColor:()=>f.content.primaryInverse,title:O,label:D,afterBody:I},bodyFont:()=>({weight:"400",size:14,family:"inter"})}},scales:{y:{beginAtZero:!0,min:u?0:s,max:u?10:c,position:"left",id:"y",ticks:{color:f.content.secondary,callback:e=>{var t,l;return $?`${null!==(t=null==o?void 0:o.yPrefix)&&void 0!==t?t:""}${F?x(e):C(e)}${null!=S?S:""}`:T&&Object.keys(T).length>0?T[e]:`${null!==(l=null==o?void 0:o.yPrefix)&&void 0!==l?l:""}${e}${null!=S?S:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:u?1:d,padding:y?24:0},title:{display:!!(null==o?void 0:o.y),text:null==o?void 0:o.y},grid:{color:f.background.base,drawBorder:null===(W=null==o?void 0:o.yDrawBorder)||void 0===W||W}},y1:{beginAtZero:!0,min:u?0:q,max:u?10:L,position:"right",id:"y1",display:R,ticks:{color:f.content.secondary,callback:e=>{var t,l;return E?`${null!==(t=null==o?void 0:o.y2Prefix)&&void 0!==t?t:""}${F?x(e):C(e)}${null!=Z?Z:""}`:K&&Object.keys(K).length>0?K[e]:`${null!==(l=null==o?void 0:o.y2Prefix)&&void 0!==l?l:""}${e}${null!=Z?Z:""}`},font:{family:"inter",size:12,weight:"400"},stepSize:u?1:H,padding:y?24:0},title:{display:!!(null==o?void 0:o.y2),text:null==o?void 0:o.y2},grid:{color:"transparent",drawBorder:null===(G=null==o?void 0:o.y2DrawBorder)||void 0===G||G}},x:{ticks:{callback:z,color:f.content.secondary,font:{family:"inter",size:12,weight:"400"}},title:{display:!!(null==o?void 0:o.x),text:null==o?void 0:o.x},grid:{display:!1,drawBorder:null!==(N=null==o?void 0:o.xDrawBorder)&&void 0!==N&&N}}}};return e("div",{style:Object.assign(Object.assign({},a?{}:{height:null!==(J=null!=r?r:M)&&void 0!==J?J:204}),{display:"flex",flexDirection:"column",gap:2,width:"100%"}),children:[e("div",{style:{display:"flex",justifyContent:"space-between",width:"100%",flexDirection:P},children:[t(k,{children:Y.map((e,l)=>t(w,{children:e},l))}),t(k,{children:V.map(({text:o,color:i,square:r},n)=>o?e(w,{children:[t(j,{color:i,square:r,newStyle:y}),t(h,{color:"#667085",children:o})]},n):t(l,{}))})]}),t("div",{style:{flex:1},children:t(b,{ref:U,options:_,data:X})})]})};export{S as LineChart};