@bikdotai/bik-component-library 0.0.736-beta.7 → 0.0.736-beta.8

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { POD } from '../template-preview/models/WhatsAppTemplate';
+export declare const ActivateBikAi: React.FC<{
+    open: boolean;
+    onModalClose: () => void;
+    onRightBtnClick: () => void;
+    onLeftBtnClick: () => void;
+    source: POD.CHATBOT | POD.CRM;
+}>;

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 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};
+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};

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const AiCreditsExhausted: React.FC<{
+    open: boolean;
+    onModalClose: () => void;
+    body?: string;
+    onRightBtnClick: () => void;
+    onLeftBtnClick: () => void;
+}>;

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

@@ -1 +1 @@
-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};
+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};

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const AiCreditsLow: React.FC<{
+    open: boolean;
+    onModalClose: () => void;
+    onRightBtnClick: () => void;
+    onLeftBtnClick: () => void;
+}>;

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

@@ -1 +1 @@
-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};
+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};

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

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

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=({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};
+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};

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

@@ -0,0 +1,4 @@
+export * from './ActivateBikAI';
+export * from './AiSyncProgress';
+export * from './AiCreditsExhausted';
+export * from './AiCreditsLow';

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

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

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

@@ -1 +1 @@
-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};
+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};

package/dist/esm/components/alerts/Alert.styled.d.ts

@@ -0,0 +1,9 @@
+import { ALERT_TYPES, CONTENT_POSITION } from "./AlertHelper";
+export declare const AlertStyle: import("styled-components").StyledComponent<"div", any, {
+    type: ALERT_TYPES;
+    contentPosition?: CONTENT_POSITION | undefined;
+}, never>;
+export declare const AlertContentWrapper: import("styled-components").StyledComponent<"div", any, {
+    contentPosition?: CONTENT_POSITION | undefined;
+}, never>;
+export declare const CloseIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,40 @@
+export declare enum ALERT_TYPES {
+    NEGATIVE = "Negative",
+    WARNING = "Warning",
+    POSITIVE = "Positive",
+    NEUTRAL = "Neutral",
+    BRAND = "Brand"
+}
+export declare enum CONTENT_POSITION {
+    START = "start",
+    CENTER = "center",
+    END = "end",
+    SPACE_BETWEEN = "space-between"
+}
+export 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;
+    };
+};

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

@@ -0,0 +1,2 @@
+export * from './Alert';
+export * from './AlertHelper';

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

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

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 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};
+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};

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ModeType } from './AnalyticsCard';
+export declare const AnalyticsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    width: string;
+    mode?: ModeType | undefined;
+    count?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardDataContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    count: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,46 +1 @@
-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};
+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};

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

@@ -0,0 +1,2 @@
+export * from './AnalyticsCard';
+export * from './AnalyticsCard.styled';

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

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

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

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

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 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};
+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};

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

@@ -0,0 +1,51 @@
+import 'bootstrap/dist/css/bootstrap.min.css';
+import React from 'react';
+import { DropDirection } from 'react-bootstrap/esm/DropdownContext';
+export 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;
+    };
+}
+export 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.CSSProperties;
+    showTimePicker?: boolean;
+}
+export declare const AnalyticsDropdown: React.FC<AnalyticsDropdownInterface>;
+export declare const EachItem: React.FC<{
+    eachOption: DropdownOptions;
+    selectedOption: DropdownOptions | undefined;
+    selectedDate: Date[] | undefined;
+    onClickingEachItem: (optionSelected: DropdownOptions) => void;
+    rangeSelection?: boolean;
+    isLastItem?: boolean;
+    isFirstItem?: boolean;
+    showTimePicker?: boolean;
+}>;
+export declare const formatDate: (dateVal: Date, includeTime?: boolean) => string;

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 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};
+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};

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

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

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

@@ -1,5 +1 @@
-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};
+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};

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

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

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

@@ -1 +1 @@
-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};
+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};

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

@@ -0,0 +1,36 @@
+import React from 'react';
+export interface AnalyticsTrendInterface {
+    title: string;
+    value?: number | string;
+    trendPercent?: number;
+    trendRaw?: number;
+    trendRawString?: string;
+    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.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    onTrailIconClick?: () => void;
+    iconTooltipBody?: string;
+    funnelPercent?: number;
+    isLoading?: boolean;
+    suffixText?: string;
+    trendStyle?: React.CSSProperties;
+    iconContainerStyle?: React.CSSProperties;
+    trendContainerStyle?: React.CSSProperties;
+    trendIconStyle?: React.CSSProperties;
+    containerStyle?: React.CSSProperties;
+    prevTrendDiff?: number;
+    relativePercentageDiff?: number;
+    isInternationalStore?: boolean;
+    Icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    tooltipTimelineText?: string;
+    customTimelineText?: string;
+}
+export declare const AnalyticsTrend: React.FC<AnalyticsTrendInterface>;

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 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};
+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};