@bikdotai/bik-component-library 0.0.687-beta.5 → 0.0.687-beta.7

package/dist/esm/components/ai-modals/AiSyncProgress.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+declare const AiSyncProgress: React__default.FC<{
+    open: boolean;
+    onModalClose: () => void;
+    completedPercent: number;
+    onRightBtnClick: () => void;
+    onLeftBtnClick: () => void;
+}>;
+
+export { AiSyncProgress };

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

@@ -1 +1 @@
-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=a=>{let{open:d,onModalClose:p,completedPercent:m,onLeftBtnClick:h,onRightBtnClick:y}=a;return e(l,{open:d,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:p,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:m,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:h}),e(n,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:o.background.brand},onClick:y})]})]})})};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.d.ts

@@ -0,0 +1,25 @@
+import React__default from 'react';
+import { ALERT_TYPES, CONTENT_POSITION } from './AlertHelper.js';
+
+type AlertProps = {
+    type: ALERT_TYPES;
+    text: string | React__default.ReactNode;
+    icon?: React__default.FC<{
+        width: number;
+        height: number;
+        color: string;
+    }>;
+    textColor?: string;
+    contentPosition?: CONTENT_POSITION;
+    containerStyle?: React__default.CSSProperties;
+    redirectTo?: string;
+    redirectToText?: string;
+    iconStyle?: React__default.CSSProperties;
+    handleRedirectButtonClick?: () => void;
+    showCrossButton?: boolean;
+    handleCrossIconClick?: () => void;
+};
+declare const Alert: React__default.FC<AlertProps>;
+
+export { Alert };
+export type { AlertProps };

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

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/cross.svg.js";import{AlertStyle as o,AlertContentWrapper as i,CloseIconWrapper as l}from"./Alert.styled.js";import{COLOR_CONFIG_MAP as n}from"./AlertHelper.js";import{BodyCaption as c}from"../TypographyStyle.js";import{COLORS as s}from"../../constants/Theme.js";var d=Object.defineProperty,a=Object.defineProperties,p=Object.getOwnPropertyDescriptors,y=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,f=(e,t,r)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,u=(e,t)=>{for(var r in t||(t={}))h.call(t,r)&&f(e,r,t[r]);if(y)for(var r of y(t))m.call(t,r)&&f(e,r,t[r]);return e};const v=d=>{var y,h;return e(o,{type:d.type,contentPosition:d.contentPosition,style:d.containerStyle,children:[e(i,{children:[d.icon&&t("div",{style:(m=u({},null==d?void 0:d.iconStyle),f={display:(null==(y=null==d?void 0:d.iconStyle)?void 0:y.display)||"flex",alignSelf:(null==(h=null==d?void 0:d.iconStyle)?void 0:h.alignSelf)||"flex-start"},a(m,p(f))),children:t(d.icon,{color:n[d.type].textColor,height:16,width:16})}),t(c,{style:{color:d.textColor||n[d.type].textColor,marginLeft:8,marginRight:4},children:d.text}),d.redirectToText&&d.redirectTo&&t(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&&t(l,{children:t(r,{width:20,height:20,color:s.content.secondary,onClick:()=>{(null==d?void 0:d.handleCrossIconClick)&&d.handleCrossIconClick()}})})]});var m,f};export{v as Alert};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{AlertStyle as r,AlertContentWrapper as i,CloseIconWrapper as n}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=>t(r,{type:d.type,contentPosition:d.contentPosition,style:d.containerStyle,children:[t(i,{children:[d.icon&&e("div",{style:{...d?.iconStyle,display:d?.iconStyle?.display||"flex",alignSelf:d?.iconStyle?.alignSelf||"flex-start"},children:e(d.icon,{color:l[d.type].textColor,height:16,width:16})}),e(c,{style:{color:d.textColor||l[d.type].textColor,marginLeft:8,marginRight:4},children:d.text}),d.redirectToText&&d.redirectTo&&e(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&&e(n,{children:e(o,{width:20,height:20,color:s.content.secondary,onClick:()=>{d?.handleCrossIconClick&&d.handleCrossIconClick()}})})]});export{d as Alert};

package/dist/esm/components/alerts/AlertHelper.d.ts

@@ -0,0 +1,42 @@
+declare enum ALERT_TYPES {
+    NEGATIVE = "Negative",
+    WARNING = "Warning",
+    POSITIVE = "Positive",
+    NEUTRAL = "Neutral",
+    BRAND = "Brand"
+}
+declare enum CONTENT_POSITION {
+    START = "start",
+    CENTER = "center",
+    END = "end",
+    SPACE_BETWEEN = "space-between"
+}
+declare const COLOR_CONFIG_MAP: {
+    Negative: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+    };
+    Warning: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+    };
+    Positive: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+    };
+    Neutral: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+    };
+    Brand: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+    };
+};
+
+export { ALERT_TYPES, COLOR_CONFIG_MAP, CONTENT_POSITION };

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

@@ -0,0 +1,14 @@
+import React__default from 'react';
+
+type ModeType = 'light' | 'dark';
+declare const AnalyticsCard: React__default.FC<{
+    cardInfo: {
+        [category: string]: string;
+    };
+    width?: string;
+    mode?: ModeType;
+    isLoading?: boolean;
+}>;
+
+export { AnalyticsCard };
+export type { ModeType };

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

@@ -0,0 +1,21 @@
+import * as _emotion_styled from '@emotion/styled';
+import * as React from 'react';
+import * as _emotion_react from '@emotion/react';
+import { ModeType } from './AnalyticsCard.js';
+
+declare const AnalyticsContainer: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    width: string;
+    mode?: ModeType | undefined;
+    count?: number | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const CardDataContainer: _emotion_styled.StyledComponent<{
+    theme?: _emotion_react.Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    count: number;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+
+export { AnalyticsContainer, CardDataContainer };

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

@@ -1 +1,46 @@
-import c from"@emotion/styled/base";import{BASE_COLORS as I}from"../../constants/Theme.js";const b=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?I.grayscale[100]:I.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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHNEMiLCJmaWxlIjoiQW5hbHl0aWNzQ2FyZC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEJBU0VfQ09MT1JTIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5leHBvcnQgY29uc3QgQW5hbHl0aWNzQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC13cmFwOiB3cmFwO1xuXHRyb3ctZ2FwOiAxNnB4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWV2ZW5seTtcblxuXHQkeyhwcm9wcykgPT4gcHJvcHMud2lkdGggPyBgd2lkdGg6ICR7cHJvcHMud2lkdGh9YCA6IFwid2lkdGg6IDI4MHB4XCJ9O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMubW9kZSA9PSBcImxpZ2h0XCIgPyBCQVNFX0NPTE9SUy5ncmF5c2NhbGVbXCIxMDBcIl0gOiBCQVNFX0NPTE9SUy5icmFuZFtcIjkwMFwiXX07XG5cdHBhZGRpbmc6IDI2cHggMTJweCAxNnB4IDEycHg7XG5cdGJvcmRlci1yYWRpdXM6IDAgMCA4cHggOHB4O1xuXG5cdC5hbmFseXRpY3NfX2NhcmQ6bnRoLWNoaWxkKG4gKyA0KSB7XG5cdFx0JHsocHJvcHMpID0+IHByb3BzLmNvdW50ID09IDUgPyBcImZsZXgtYmFzaXM6IDQ4JVwiIDogcHJvcHMuY291bnQgPT0gNiB8fCBwcm9wcy5jb3VudCA9PSA3ID8gXCJmbGV4LWJhc2lzOiAzMSVcIiA6IHByb3BzLmNvdW50ID09IDggPyBcImZsZXgtYmFzaXM6IDIzJVwiIDogXCJcIn07XG5cdH1cblxuXHQuYW5hbHl0aWNzX19jYXJkOm50aC1jaGlsZCg0KSB7XG5cdFx0JHsocHJvcHMpID0+IHByb3BzLmNvdW50ID09IDcgPyBcImZsZXgtYmFzaXM6IDIzJSAhaW1wb3J0YW50XCIgOiBcIlwifVxuXHR9XG5cblx0LnNoaW1tZXJzIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGdhcDogOHB4O1xuXHRcdC5zaGluZSB7XG5cdFx0XHRtYXJnaW4tdG9wOiAycHggIWltcG9ydGFudDtcblx0XHR9XG5cdH1cbmA7XG5leHBvcnQgY29uc3QgQ2FyZERhdGFDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0cm93LWdhcDogNHB4O1xuXG5cdGZsZXgtZ3JvdzogMTtcblx0ZmxleC1zaHJpbms6IDA7XG5cdGZsZXgtYmFzaXM6ICR7KHByb3BzKSA9PiBwcm9wcy5jb3VudCA9PSAyID8gXCI0OCVcIiA6IHByb3BzLmNvdW50ID09IDMgPyBcIjMxJVwiIDogcHJvcHMuY291bnQgPT0gNCA/IFwiMjMlXCIgOiBwcm9wcy5jb3VudCA9PSA1ID8gXCIzMSVcIiA6IHByb3BzLmNvdW50ID09IDYgPyBcIjMxJVwiIDogcHJvcHMuY291bnQgPT0gNyA/IFwiMjMlXCIgOiBwcm9wcy5jb3VudCA9PSA4ID8gXCIyMyVcIiA6IFwiYXV0b1wifTtcblxuXHQuY2F0ZWdvcnksXG5cdC5zdGF0aXN0aWMge1xuXHRcdG1heC13aWR0aDogMTAwJTtcblx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdH1cbmA7XG4iXX0= */")),l=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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQjJDIiwiZmlsZSI6IkFuYWx5dGljc0NhcmQuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCQVNFX0NPTE9SUyB9IGZyb20gXCJAc3JjL2NvbnN0YW50cy9UaGVtZVwiO1xuZXhwb3J0IGNvbnN0IEFuYWx5dGljc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtd3JhcDogd3JhcDtcblx0cm93LWdhcDogMTZweDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1ldmVubHk7XG5cblx0JHsocHJvcHMpID0+IHByb3BzLndpZHRoID8gYHdpZHRoOiAke3Byb3BzLndpZHRofWAgOiBcIndpZHRoOiAyODBweFwifTtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLm1vZGUgPT0gXCJsaWdodFwiID8gQkFTRV9DT0xPUlMuZ3JheXNjYWxlW1wiMTAwXCJdIDogQkFTRV9DT0xPUlMuYnJhbmRbXCI5MDBcIl19O1xuXHRwYWRkaW5nOiAyNnB4IDEycHggMTZweCAxMnB4O1xuXHRib3JkZXItcmFkaXVzOiAwIDAgOHB4IDhweDtcblxuXHQuYW5hbHl0aWNzX19jYXJkOm50aC1jaGlsZChuICsgNCkge1xuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5jb3VudCA9PSA1ID8gXCJmbGV4LWJhc2lzOiA0OCVcIiA6IHByb3BzLmNvdW50ID09IDYgfHwgcHJvcHMuY291bnQgPT0gNyA/IFwiZmxleC1iYXNpczogMzElXCIgOiBwcm9wcy5jb3VudCA9PSA4ID8gXCJmbGV4LWJhc2lzOiAyMyVcIiA6IFwiXCJ9O1xuXHR9XG5cblx0LmFuYWx5dGljc19fY2FyZDpudGgtY2hpbGQoNCkge1xuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5jb3VudCA9PSA3ID8gXCJmbGV4LWJhc2lzOiAyMyUgIWltcG9ydGFudFwiIDogXCJcIn1cblx0fVxuXG5cdC5zaGltbWVycyB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRnYXA6IDhweDtcblx0XHQuc2hpbmUge1xuXHRcdFx0bWFyZ2luLXRvcDogMnB4ICFpbXBvcnRhbnQ7XG5cdFx0fVxuXHR9XG5gO1xuZXhwb3J0IGNvbnN0IENhcmREYXRhQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHJvdy1nYXA6IDRweDtcblxuXHRmbGV4LWdyb3c6IDE7XG5cdGZsZXgtc2hyaW5rOiAwO1xuXHRmbGV4LWJhc2lzOiAkeyhwcm9wcykgPT4gcHJvcHMuY291bnQgPT0gMiA/IFwiNDglXCIgOiBwcm9wcy5jb3VudCA9PSAzID8gXCIzMSVcIiA6IHByb3BzLmNvdW50ID09IDQgPyBcIjIzJVwiIDogcHJvcHMuY291bnQgPT0gNSA/IFwiMzElXCIgOiBwcm9wcy5jb3VudCA9PSA2ID8gXCIzMSVcIiA6IHByb3BzLmNvdW50ID09IDcgPyBcIjIzJVwiIDogcHJvcHMuY291bnQgPT0gOCA/IFwiMjMlXCIgOiBcImF1dG9cIn07XG5cblx0LmNhdGVnb3J5LFxuXHQuc3RhdGlzdGljIHtcblx0XHRtYXgtd2lkdGg6IDEwMCU7XG5cdFx0b3ZlcmZsb3c6IGhpZGRlbjtcblx0XHR3aGl0ZS1zcGFjZTogbm93cmFwO1xuXHRcdHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuXHR9XG5gO1xuIl19 */"));export{b as AnalyticsContainer,l as CardDataContainer};
+import t from"@emotion/styled";import{BASE_COLORS as i}from"../../constants/Theme.js";const e=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?i.grayscale[100]:i.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{e as AnalyticsContainer,n as CardDataContainer};

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

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

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

@@ -1 +1 @@
-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};
+import{jsxs as o,jsx as r}from"react/jsx-runtime";import t 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 l,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=i.grayscale[700],backgroundColor:y=i.grayscale[50],width:f="224.67px",extraJSX:g,tooltipContent:C,channelConfig:j,style:u}=a;return o(c,{style:u??{},backgroundColor:y,width:f,children:[o("div",{className:"sub--container",children:[r(l,{style:{color:d},children:m}),C&&r(e,{body:C,children:r("div",{children:r(t,{height:14.67,width:14.67,color:i.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/AnalyticsDropdown.d.ts

@@ -0,0 +1,52 @@
+import React__default from 'react';
+import { DropDirection } from 'react-bootstrap/esm/DropdownContext';
+
+interface DropdownOptions {
+    label: string;
+    subLabel?: string;
+    value: string;
+    key: string | number;
+    noOfDays?: number;
+    isCustom?: boolean;
+    dateRangeSelectionOptions?: {
+        selectRange: boolean;
+        selectedDates?: Date[];
+        selectedDate?: Date;
+        minDate?: Date;
+        maxDate?: Date;
+    };
+}
+interface AnalyticsDropdownInterface {
+    options: DropdownOptions[];
+    selected?: DropdownOptions;
+    placeholder?: string;
+    resetDropdown?: boolean;
+    onOptionSelected: (chosen: DropdownOptions & {
+        selectedRange?: [Date, Date];
+    }) => void;
+    maxHeight?: string;
+    backgroundcolor?: string;
+    calendarPopperConfig?: {
+        offsetSkid?: number;
+        offsetDistance?: number;
+    };
+    variant?: 'small' | 'default';
+    datePickerPlacement?: DropDirection;
+    closeDropdown?: boolean;
+    labelColor?: string;
+    styleProps?: React__default.CSSProperties;
+}
+declare const AnalyticsDropdown: React__default.FC<AnalyticsDropdownInterface>;
+declare const EachItem: React__default.FC<{
+    eachOption: DropdownOptions;
+    selectedOption: DropdownOptions | undefined;
+    selectedDate: Date[] | undefined;
+    onClickingEachItem: (optionSelected: DropdownOptions) => void;
+    rangeSelection?: boolean;
+    isLastItem?: boolean;
+    isFirstItem?: boolean;
+}>;
+declare const formatDate: (dateVal: Date) => string;
+
+export { AnalyticsDropdown, EachItem, formatDate };
+export type { AnalyticsDropdownInterface, DropdownOptions };

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 l,useEffect as i}from"react";import{Dropdown as r}from"react-bootstrap";import a from"react-dom";import{DEFAULT_THEME as s,BASE_COLORS as d}from"../../constants/Theme.js";import{DatePicker as c}from"../datePicker/DatePicker.js";import"react-calendar";import{BodySecondary as p,BodyCaption as m,Caption as u}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import{MainDropdown as g,ItemMenuContainer as v}from"./CommonStyles.js";var y=Object.defineProperty,f=Object.defineProperties,h=Object.getOwnPropertyDescriptors,b=Object.getOwnPropertySymbols,O=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable,k=(e,o,t)=>o in e?y(e,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[o]=t,S=(e,o)=>{for(var t in o||(o={}))O.call(o,t)&&k(e,t,o[t]);if(b)for(var t of b(o))D.call(o,t)&&k(e,t,o[t]);return e},w=(e,o)=>f(e,h(o));const R=d=>{let{options:m,placeholder:v="Select an option",selected:y,onOptionSelected:f,resetDropdown:h,maxHeight:b,backgroundcolor:O,calendarPopperConfig:D,variant:k="default",datePickerPlacement:R,closeDropdown:I,labelColor:j,styleProps:x}=d;var L,F,$;const[E,T]=n(!1),[N,A]=n(y),[H,M]=n(),[V,W]=n(!1),[Y,q]=n(y),z=l(null),B="small"===k?u:p;i((()=>{h&&A(void 0)}),[h]),i((()=>{var e;(null==y?void 0:y.isCustom)&&(null==(e=y.dateRangeSelectionOptions)?void 0:e.selectedDates)?M(y.dateRangeSelectionOptions.selectedDates):M(void 0),A(y)}),[y]),i((()=>{W(!1),T(!1)}),[I]);const G=e=>{void 0!==e?(W(e),E&&T(!1)):W((e=>!e))},J=e=>{z.current&&!z.current.contains(e.target)&&(E&&T(!1),G(!1))};return i((()=>(V&&document.addEventListener("mousedown",J),()=>{document.removeEventListener("mousedown",J)})),[V]),e(o,{children:t(g,{drop:"down",show:V,onToggle:G,bgColor:O,id:"analytic-dropdown",children:[e(r.Toggle,{id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===k?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${s.colorsV2.stroke.primary}`}:x||void 0,children:e(B,{style:"small"===k||j?{color:j||s.colorsV2.content.secondary}:void 0,children:(null==N?void 0:N.isCustom)?H?P(H[0])===P(H[1])?`${P(H[0])}`:`${P(H[0])} to ${P(H[1])}`:(null==Y?void 0:Y.label)?null==Y?void 0:Y.label:v:N?null==N?void 0:N.label:v})}),a.createPortal(e(r.Menu,{className:"main--dropdown",style:{padding:0},ref:z,children:t(g,{drop:null!=R?R:"end",id:"sub--dropdown",show:E,onToggle:e=>{!e&&W(!1),T(!E)},children:[e("div",{style:{maxHeight:b||"auto",overflowY:"scroll"},children:m.map(((o,t)=>{var n;return e("div",{children:(null==o?void 0:o.isCustom)?e(r.Toggle,{className:"sub--dropdown",children:e(C,{isFirstItem:0===t,isLastItem:t===m.length-1,eachOption:o,selectedOption:N,selectedDate:H,onClickingEachItem:e=>{A(e),T(!0)},rangeSelection:!!(null==(n=null==o?void 0:o.dateRangeSelectionOptions)?void 0:n.selectRange)})}):e(C,{isFirstItem:0===t,isLastItem:t===m.length-1,eachOption:o,selectedOption:N,selectedDate:H,onClickingEachItem:e=>{if(M(void 0),A(e),q(e),G(),!e.noOfDays)return void f(e);const o=new Date,t=new Date;t.setDate(o.getDate()-e.noOfDays),f(w(S({},e),{selectedRange:[t,o]}))}})},null==o?void 0:o.key)}))}),e(r.Menu,{className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==D?void 0:D.offsetSkid)||0,(null==D?void 0:D.offsetDistance)||0]}}]},children:e(c,{selectRange:(null==(L=null==N?void 0:N.dateRangeSelectionOptions)?void 0:L.selectRange)||!1,maxDate:null==(F=null==N?void 0:N.dateRangeSelectionOptions)?void 0:F.maxDate,minDate:null==($=null==N?void 0:N.dateRangeSelectionOptions)?void 0:$.minDate,selectedDates:H,onSelectRange:(e,o)=>{const t=[e,o];(null==N?void 0:N.dateRangeSelectionOptions)&&(N.dateRangeSelectionOptions.selectedDates=t,f(w(S({},N),{selectedRange:[e,o]}))),q(N),T(!1),M(t),W(!V)},onSelectDate:e=>{(null==N?void 0:N.dateRangeSelectionOptions)&&(N.dateRangeSelectionOptions.selectedDates=[e,e],f(w(S({},N),{selectedRange:[e,e]}))),q(N),T(!1),M([e,e]),W(!V)}})})]})}),document.body)]})})},C=n=>{let{eachOption:l,selectedOption:i,selectedDate:r,onClickingEachItem:a,rangeSelection:s,isLastItem:c,isFirstItem:u}=n;return t(v,{isFirstItem:u,isLastItem:c,onClick:()=>a(l),isSelected:l.isCustom?l.key==(null==i?void 0:i.key)&&!!r:l.key==(null==i?void 0:i.key),children:[e(p,{color:l.key==(null==i?void 0:i.key)?d.positive[900]:d.grayscale[900],children:l.label}),l.subLabel?e(m,{style:{color:d.grayscale[700]},children:l.subLabel}):e(o,{}),r&&(null==i?void 0:i.isCustom)&&l.key==(null==i?void 0:i.key)&&e(m,{children:s?`${P(r[0])} to ${P(r[1])}`:`${P(r[0])}`})]},l.key)},P=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});export{R as AnalyticsDropdown,C as EachItem,P as formatDate};
+import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import{useState as n,useRef as a,useEffect as s}from"react";import{Dropdown as i}from"react-bootstrap";import l from"react-dom";import{DEFAULT_THEME as r,BASE_COLORS as c}from"../../constants/Theme.js";import{DatePicker as d}from"../datePicker/DatePicker.js";import"react-calendar";import{BodySecondary as m,BodyCaption as p,Caption as g}from"../TypographyStyle.js";import"../datePicker/DatePickerWrapper.styled.js";import{MainDropdown as u,ItemMenuContainer as y}from"./CommonStyles.js";const h=({options:c,placeholder:p="Select an option",selected:y,onOptionSelected:h,resetDropdown:k,maxHeight:S,backgroundcolor:b,calendarPopperConfig:O,variant:R="default",datePickerPlacement:w,closeDropdown:v,labelColor:C,styleProps:I})=>{const[x,L]=n(!1),[P,F]=n(y),[$,j]=n(),[T,E]=n(!1),[N,A]=n(y),H=a(null),M="small"===R?g:m;s((()=>{k&&F(void 0)}),[k]),s((()=>{y?.isCustom&&y.dateRangeSelectionOptions?.selectedDates?j(y.dateRangeSelectionOptions.selectedDates):j(void 0),F(y)}),[y]),s((()=>{E(!1),L(!1)}),[v]);const V=e=>{void 0!==e?(E(e),x&&L(!1)):E((e=>!e))},W=e=>{H.current&&!H.current.contains(e.target)&&(x&&L(!1),V(!1))};return s((()=>(T&&document.addEventListener("mousedown",W),()=>{document.removeEventListener("mousedown",W)})),[T]),e(t,{children:o(u,{drop:"down",show:T,onToggle:V,bgColor:b,id:"analytic-dropdown",children:[e(i.Toggle,{id:"dropdown-autoclose-outside",className:"main--dropdown",style:"small"===R?{display:"flex",alignItems:"center",gap:6,padding:"4px 8px",backgroundColor:"#FAFAFA",borderRadius:4,border:`1px solid ${r.colorsV2.stroke.primary}`}:I||void 0,children:e(M,{style:"small"===R||C?{color:C||r.colorsV2.content.secondary}:void 0,children:P?.isCustom?$?D($[0])===D($[1])?`${D($[0])}`:`${D($[0])} to ${D($[1])}`:N?.label?N?.label:p:P?P?.label:p})}),l.createPortal(e(i.Menu,{className:"main--dropdown",style:{padding:0},ref:H,children:o(u,{drop:w??"end",id:"sub--dropdown",show:x,onToggle:e=>{!e&&E(!1),L(!x)},children:[e("div",{style:{maxHeight:S||"auto",overflowY:"scroll"},children:c.map(((t,o)=>e("div",{children:t?.isCustom?e(i.Toggle,{className:"sub--dropdown",children:e(f,{isFirstItem:0===o,isLastItem:o===c.length-1,eachOption:t,selectedOption:P,selectedDate:$,onClickingEachItem:e=>{F(e),L(!0)},rangeSelection:!!t?.dateRangeSelectionOptions?.selectRange})}):e(f,{isFirstItem:0===o,isLastItem:o===c.length-1,eachOption:t,selectedOption:P,selectedDate:$,onClickingEachItem:e=>{if(j(void 0),F(e),A(e),V(),!e.noOfDays)return void h(e);const t=new Date,o=new Date;o.setDate(t.getDate()-e.noOfDays),h({...e,selectedRange:[o,t]})}})},t?.key)))}),e(i.Menu,{className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[O?.offsetSkid||0,O?.offsetDistance||0]}}]},children:e(d,{selectRange:P?.dateRangeSelectionOptions?.selectRange||!1,maxDate:P?.dateRangeSelectionOptions?.maxDate,minDate:P?.dateRangeSelectionOptions?.minDate,selectedDates:$,onSelectRange:(e,t)=>{const o=[e,t];P?.dateRangeSelectionOptions&&(P.dateRangeSelectionOptions.selectedDates=o,h({...P,selectedRange:[e,t]})),A(P),L(!1),j(o),E(!T)},onSelectDate:e=>{P?.dateRangeSelectionOptions&&(P.dateRangeSelectionOptions.selectedDates=[e,e],h({...P,selectedRange:[e,e]})),A(P),L(!1),j([e,e]),E(!T)}})})]})}),document.body)]})})},f=({eachOption:n,selectedOption:a,selectedDate:s,onClickingEachItem:i,rangeSelection:l,isLastItem:r,isFirstItem:d})=>o(y,{isFirstItem:d,isLastItem:r,onClick:()=>i(n),isSelected:n.isCustom?n.key==a?.key&&!!s:n.key==a?.key,children:[e(m,{color:n.key==a?.key?c.positive[900]:c.grayscale[900],children:n.label}),n.subLabel?e(p,{style:{color:c.grayscale[700]},children:n.subLabel}):e(t,{}),s&&a?.isCustom&&n.key==a?.key&&e(p,{children:l?`${D(s[0])} to ${D(s[1])}`:`${D(s[0])}`})]},n.key),D=e=>e.toLocaleString("default",{day:"numeric",month:"short",year:"numeric"});export{h as AnalyticsDropdown,f as EachItem,D as formatDate};

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

@@ -0,0 +1,21 @@
+import React__default from 'react';
+import { AnalyticsTrendInterface } from './AnalyticsTrend.js';
+
+declare const AnalyticsMetric: React__default.FC<{
+    title?: string;
+    RightHeaderComponent?: React__default.ReactElement;
+    trends: AnalyticsTrendInterface[];
+    containerStyle?: React__default.CSSProperties;
+    trendStyle?: React__default.CSSProperties;
+    trendContainerStyle?: React__default.CSSProperties;
+    trendIconStyle?: React__default.CSSProperties;
+    titleSize?: 'large' | 'small';
+    titleColor?: string;
+    perRow?: number;
+    isLoading?: boolean;
+    hideHeaderDiv?: boolean;
+    relativePercentageDiff?: number;
+    isInternationalStore?: boolean;
+}>;
+
+export { AnalyticsMetric };

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

@@ -1 +1,5 @@
-import I from"@emotion/styled/base";import{jsxs as g,jsx as C,Fragment as A}from"react/jsx-runtime";import{COLORS as l}from"../../constants/Theme.js";import{TitleMedium as c,TitleRegular as b}from"../TypographyStyle.js";import{AnalyticsTrend as i}from"./AnalyticsTrend.js";var e=Object.defineProperty,d=Object.defineProperties,t=Object.getOwnPropertyDescriptors,G=Object.getOwnPropertySymbols,X=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable,o=(I,g,C)=>g in I?e(I,g,{enumerable:!0,configurable:!0,writable:!0,value:C}):I[g]=C,a=(I,g)=>{for(var C in g||(g={}))X.call(g,C)&&o(I,C,g[C]);if(G)for(var C of G(g))m.call(g,C)&&o(I,C,g[C]);return I};const n=I("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJpQyIsImZpbGUiOiJBbmFseXRpY3NNZXRyaWMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG52YXIgX19kZWZQcm9wID0gT2JqZWN0LmRlZmluZVByb3BlcnR5O1xudmFyIF9fZGVmUHJvcHMgPSBPYmplY3QuZGVmaW5lUHJvcGVydGllcztcbnZhciBfX2dldE93blByb3BEZXNjcyA9IE9iamVjdC5nZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3JzO1xudmFyIF9fZ2V0T3duUHJvcFN5bWJvbHMgPSBPYmplY3QuZ2V0T3duUHJvcGVydHlTeW1ib2xzO1xudmFyIF9faGFzT3duUHJvcCA9IE9iamVjdC5wcm90b3R5cGUuaGFzT3duUHJvcGVydHk7XG52YXIgX19wcm9wSXNFbnVtID0gT2JqZWN0LnByb3RvdHlwZS5wcm9wZXJ0eUlzRW51bWVyYWJsZTtcbnZhciBfX2RlZk5vcm1hbFByb3AgPSAob2JqLCBrZXksIHZhbHVlKSA9PiBrZXkgaW4gb2JqID8gX19kZWZQcm9wKG9iaiwga2V5LCB7IGVudW1lcmFibGU6IHRydWUsIGNvbmZpZ3VyYWJsZTogdHJ1ZSwgd3JpdGFibGU6IHRydWUsIHZhbHVlIH0pIDogb2JqW2tleV0gPSB2YWx1ZTtcbnZhciBfX3NwcmVhZFZhbHVlcyA9IChhLCBiKSA9PiB7XG4gIGZvciAodmFyIHByb3AgaW4gYiB8fCAoYiA9IHt9KSlcbiAgICBpZiAoX19oYXNPd25Qcm9wLmNhbGwoYiwgcHJvcCkpXG4gICAgICBfX2RlZk5vcm1hbFByb3AoYSwgcHJvcCwgYltwcm9wXSk7XG4gIGlmIChfX2dldE93blByb3BTeW1ib2xzKVxuICAgIGZvciAodmFyIHByb3Agb2YgX19nZXRPd25Qcm9wU3ltYm9scyhiKSkge1xuICAgICAgaWYgKF9fcHJvcElzRW51bS5jYWxsKGIsIHByb3ApKVxuICAgICAgICBfX2RlZk5vcm1hbFByb3AoYSwgcHJvcCwgYltwcm9wXSk7XG4gICAgfVxuICByZXR1cm4gYTtcbn07XG52YXIgX19zcHJlYWRQcm9wcyA9IChhLCBiKSA9PiBfX2RlZlByb3BzKGEsIF9fZ2V0T3duUHJvcERlc2NzKGIpKTtcbmltcG9ydCB7IEZyYWdtZW50LCBqc3gsIGpzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5pbXBvcnQgeyBUaXRsZU1lZGl1bSwgVGl0bGVSZWd1bGFyIH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xuaW1wb3J0IHsgQW5hbHl0aWNzVHJlbmQgfSBmcm9tIFwiLi9BbmFseXRpY3NUcmVuZFwiO1xuY29uc3QgVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7XG4gIHRpdGxlLFxuICB0cmVuZHMsXG4gIFJpZ2h0SGVhZGVyQ29tcG9uZW50LFxuICBjb250YWluZXJTdHlsZSxcbiAgdGl0bGVTaXplLFxuICB0aXRsZUNvbG9yLFxuICBwZXJSb3csXG4gIGlzTG9hZGluZyxcbiAgdHJlbmRTdHlsZSxcbiAgdHJlbmRDb250YWluZXJTdHlsZSxcbiAgdHJlbmRJY29uU3R5bGUsXG4gIGhpZGVIZWFkZXJEaXYsXG4gIGlzSW50ZXJuYXRpb25hbFN0b3JlXG59KSA9PiB7XG4gIGNvbnN0IFR5cG8gPSB0aXRsZVNpemUgPT09IFwibGFyZ2VcIiA/IFRpdGxlTWVkaXVtIDogVGl0bGVSZWd1bGFyO1xuICBjb25zdCBwZXJSb3dMb2NhbCA9IHBlclJvdyB8fCAodHJlbmRzLmxlbmd0aCA8PSA0ID8gdHJlbmRzLmxlbmd0aCA6IHRyZW5kcy5sZW5ndGggJSAzID09IDAgPyAzIDogNCk7XG4gIGNvbnN0IHJvd3MgPSBNYXRoLmNlaWwodHJlbmRzLmxlbmd0aCAvIHBlclJvd0xvY2FsKTtcbiAgcmV0dXJuIC8qIEBfX1BVUkVfXyAqLyBqc3hzKFxuICAgIFwiZGl2XCIsXG4gICAge1xuICAgICAgc3R5bGU6IF9fc3ByZWFkVmFsdWVzKHtcbiAgICAgICAgcGFkZGluZ1RvcDogMjQsXG4gICAgICAgIHBhZGRpbmdCb3R0b206IDI0XG4gICAgICB9LCBjb250YWluZXJTdHlsZSAhPSBudWxsID8gY29udGFpbmVyU3R5bGUgOiB7fSksXG4gICAgICBjaGlsZHJlbjogW1xuICAgICAgICAvKiBAX19QVVJFX18gKi8ganN4cyhcbiAgICAgICAgICBcImRpdlwiLFxuICAgICAgICAgIHtcbiAgICAgICAgICAgIHN0eWxlOiB7XG4gICAgICAgICAgICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgICAgICAgICAgIHBhZGRpbmdCb3R0b206IGhpZGVIZWFkZXJEaXYgPyAwIDogMTJcbiAgICAgICAgICAgIH0sXG4gICAgICAgICAgICBjaGlsZHJlbjogW1xuICAgICAgICAgICAgICB0aXRsZSAmJiAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgICAgICAgICAgIFR5cG8sXG4gICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgY29sb3I6IHRpdGxlQ29sb3IgIT0gbnVsbCA/IHRpdGxlQ29sb3IgOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksXG4gICAgICAgICAgICAgICAgICBzdHlsZToge1xuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmdSaWdodDogMjRcbiAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICBjaGlsZHJlbjogdGl0bGVcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgIFJpZ2h0SGVhZGVyQ29tcG9uZW50XG4gICAgICAgICAgICBdXG4gICAgICAgICAgfVxuICAgICAgICApLFxuICAgICAgICAvKiBAX19QVVJFX18gKi8ganN4KFRyZW5kQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBBcnJheS5mcm9tKHsgbGVuZ3RoOiByb3dzIH0pLm1hcCgoXywgcm93SW5kZXgpID0+IC8qIEBfX1BVUkVfXyAqLyBqc3goRnJhZ21lbnQsIHsgY2hpbGRyZW46IC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICAgICAgXCJkaXZcIixcbiAgICAgICAgICB7XG4gICAgICAgICAgICBzdHlsZToge1xuICAgICAgICAgICAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICBtYXJnaW5Ub3A6IHJvd0luZGV4ID09PSAwID8gMCA6IDE2XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgY2hpbGRyZW46IHRyZW5kcy5zbGljZShyb3dJbmRleCAqIHBlclJvd0xvY2FsLCAocm93SW5kZXggKyAxKSAqIHBlclJvd0xvY2FsKS5tYXAoKHRyZW5kLCBpKSA9PiB7XG4gICAgICAgICAgICAgIHZhciBfYTtcbiAgICAgICAgICAgICAgcmV0dXJuIC8qIEBfX1BVUkVfXyAqLyBqc3goXG4gICAgICAgICAgICAgICAgXCJkaXZcIixcbiAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICBzdHlsZToge1xuICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxuICAgICAgICAgICAgICAgICAgICBtYXhXaWR0aDogdHJlbmRzLmxlbmd0aCA9PT0gMSA/IFwiMTAwJVwiIDogXCI1MCVcIlxuICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgIGNoaWxkcmVuOiAvKiBAX19QVVJFX18gKi8ganN4KFxuICAgICAgICAgICAgICAgICAgICBBbmFseXRpY3NUcmVuZCxcbiAgICAgICAgICAgICAgICAgICAgX19zcHJlYWRQcm9wcyhfX3NwcmVhZFZhbHVlcyh7fSwgdHJlbmQpLCB7XG4gICAgICAgICAgICAgICAgICAgICAgaXNMb2FkaW5nLFxuICAgICAgICAgICAgICAgICAgICAgIGNhcmQ6IGZhbHNlLFxuICAgICAgICAgICAgICAgICAgICAgIHNpemU6IChfYSA9IHRyZW5kLnNpemUpICE9IG51bGwgPyBfYSA6IFwic21hbGxcIixcbiAgICAgICAgICAgICAgICAgICAgICByaWdodFNlcGFyYXRvcjogaSArIHJvd0luZGV4ICogcGVyUm93TG9jYWwgPCBNYXRoLm1pbihcbiAgICAgICAgICAgICAgICAgICAgICAgIChyb3dJbmRleCArIDEpICogcGVyUm93TG9jYWwgLSAxLFxuICAgICAgICAgICAgICAgICAgICAgICAgdHJlbmRzLmxlbmd0aCAtIDFcbiAgICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICAgIHRyZW5kU3R5bGUsXG4gICAgICAgICAgICAgICAgICAgICAgdHJlbmRJY29uU3R5bGUsXG4gICAgICAgICAgICAgICAgICAgICAgdHJlbmRDb250YWluZXJTdHlsZSxcbiAgICAgICAgICAgICAgICAgICAgICBpc0ludGVybmF0aW9uYWxTdG9yZVxuICAgICAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgaVxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSlcbiAgICAgICAgICB9LFxuICAgICAgICAgIHJvd0luZGV4XG4gICAgICAgICkgfSkpIH0pXG4gICAgICBdXG4gICAgfVxuICApO1xufTtcbiJdfQ== */",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)."}}),Z=I=>{let{title:e,trends:G,RightHeaderComponent:X,containerStyle:m,titleSize:o,titleColor:Z,perRow:B,isLoading:u,trendStyle:s,trendContainerStyle:y,trendIconStyle:r,hideHeaderDiv:p,isInternationalStore:H}=I;const V="large"===o?c:b,x=B||(G.length<=4?G.length:G.length%3==0?3:4),J=Math.ceil(G.length/x);return g("div",{style:a({paddingTop:24,paddingBottom:24},null!=m?m:{}),children:[g("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:p?0:12},children:[e&&C(V,{color:null!=Z?Z:l.content.secondary,style:{paddingLeft:24,paddingRight:24},children:e}),X]}),C(n,{children:Array.from({length:J}).map(((I,g)=>C(A,{children:C("div",{style:{display:"flex",width:"100%",marginTop:0===g?0:16},children:G.slice(g*x,(g+1)*x).map(((I,A)=>{var l,c,b;return C("div",{style:{flex:1,maxWidth:1===G.length?"100%":"50%"},children:C(i,(c=a({},I),b={isLoading:u,card:!1,size:null!=(l=I.size)?l:"small",rightSeparator:A+g*x<Math.min((g+1)*x-1,G.length-1),trendStyle:s,trendIconStyle:r,trendContainerStyle:y,isInternationalStore:H},d(c,t(b))))},A)}))},g)})))})]})};export{Z as AnalyticsMetric};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import i from"@emotion/styled";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:p,containerStyle:c,titleSize:h,titleColor:m,perRow:y,isLoading:g,trendStyle:f,trendContainerStyle:S,trendIconStyle:x,hideHeaderDiv:w,isInternationalStore:v})=>{const j="large"===h?l:o,C=y||(s.length<=4?s.length:s.length%3==0?3:4),T=Math.ceil(s.length/C);return e("div",{style:{paddingTop:24,paddingBottom:24,...c??{}},children:[e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:w?0:12},children:[i&&t(j,{color:m??r.content.secondary,style:{paddingLeft:24,paddingRight:24},children:i}),p]}),t(a,{children:Array.from({length:T}).map(((e,i)=>t(n,{children:t("div",{style:{display:"flex",width:"100%",marginTop:0===i?0:16},children:s.slice(i*C,(i+1)*C).map(((e,n)=>t("div",{style:{flex:1,maxWidth:1===s.length?"100%":"50%"},children:t(d,{...e,isLoading:g,card:!1,size:e.size??"small",rightSeparator:n+i*C<Math.min((i+1)*C-1,s.length-1),trendStyle:f,trendIconStyle:x,trendContainerStyle:S,isInternationalStore:v})},n)))},i)})))})]})};export{s as AnalyticsMetric};

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

@@ -0,0 +1,9 @@
+import React__default from 'react';
+import { AnalyticsChipInterface } from './AnalyticsChip.js';
+
+declare const AnalyticsMultiChip: React__default.FC<{
+    chipDetails: AnalyticsChipInterface[];
+    wrapperStyle?: React__default.CSSProperties;
+}>;
+
+export { AnalyticsMultiChip };

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

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{createElement as e}from"react";import{AnalyticsChip as t}from"./AnalyticsChip.js";import{AnalyticsMultiWrapper as o}from"./CommonStyles.js";var p=Object.defineProperty,i=Object.defineProperties,l=Object.getOwnPropertyDescriptors,n=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,m=(r,e,t)=>e in r?p(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;const s=p=>{let{chipDetails:s,wrapperStyle:y}=p;return r(o,{style:null!=y?y:{},children:s.map(((r,o)=>{return e(t,(p=((r,e)=>{for(var t in e||(e={}))a.call(e,t)&&m(r,t,e[t]);if(n)for(var t of n(e))c.call(e,t)&&m(r,t,e[t]);return r})({},r),i(p,l({key:o+"_chip"}))));var p}))})};export{s as AnalyticsMultiChip};
+import{jsx as r}from"react/jsx-runtime";import{createElement as t}from"react";import{AnalyticsChip as m}from"./AnalyticsChip.js";import{AnalyticsMultiWrapper as o}from"./CommonStyles.js";const e=({chipDetails:e,wrapperStyle:i})=>r(o,{style:i??{},children:e.map(((r,o)=>t(m,{...r,key:o+"_chip"})))});export{e as AnalyticsMultiChip};

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

@@ -0,0 +1,37 @@
+import React__default from 'react';
+
+interface AnalyticsTrendInterface {
+    title: string;
+    value?: number | string;
+    trendPercent?: number;
+    trendRaw?: number;
+    formatVal?: boolean;
+    timeline?: 'today' | 'yesterday' | '7 days' | '30 days' | 'custom';
+    customRange?: Date[];
+    type?: 'vertical' | 'horizontal';
+    tooltip?: string;
+    card?: boolean;
+    rightSeparator?: boolean;
+    size?: 'big' | 'small';
+    share?: boolean;
+    prefixSymbol?: string;
+    trailingIcon?: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
+    onTrailIconClick?: () => void;
+    iconTooltipBody?: string;
+    funnelPercent?: number;
+    isLoading?: boolean;
+    suffixText?: string;
+    trendStyle?: React__default.CSSProperties;
+    iconContainerStyle?: React__default.CSSProperties;
+    trendContainerStyle?: React__default.CSSProperties;
+    trendIconStyle?: React__default.CSSProperties;
+    containerStyle?: React__default.CSSProperties;
+    prevTrendDiff?: number;
+    relativePercentageDiff?: number;
+    isInternationalStore?: boolean;
+    Icon?: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
+}
+declare const AnalyticsTrend: React__default.FC<AnalyticsTrendInterface>;
+
+export { AnalyticsTrend };
+export type { AnalyticsTrendInterface };

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

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