@bikdotai/bik-component-library 0.0.742-beta-113 → 0.0.742-beta.12

package/dist/esm/components/add-variableV2/AddVariableV2.styled.js

@@ -1,164 +0,0 @@
-import e from"styled-components";const o=e.div`
-	position: ${e=>e.positionStrategy?e.positionStrategy:"fixed"};
-	z-index: ${e=>e.zIndex?e.zIndex:250};
-	*::-webkit-scrollbar {
-		display: none;
-	}
-	* {
-		-ms-overflow-style: none;
-		scrollbar-width: none;
-	}
-	.popup {
-		background: white;
-		width: ${e=>e.width?e.width:e.isModalState?"566px":"480px"};
-		height: ${e=>e.isModalState?"100vh":e.height?e.height:"small"===e.pickerSize?"40vh":"90vh"};
-		border: ${e=>e.needsBorder?e.isModalState?"unset":"1px solid #e0e0e0":"none"};
-		border-radius: 8px;
-		overflow-y: scroll;
-		.sticky__bar {
-			z-index: 10;
-			position: sticky;
-			top: 0;
-			background: white;
-
-			.header__bar {
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-				padding: 24px 24px 16px 24px;
-				border-bottom: 1px solid var(--stroke-color-stroke-primary, #e0e0e0);
-				.add__variable {
-					font-family: 'Inter';
-					font-style: normal;
-					font-weight: 600;
-					font-size: 20px;
-					line-height: 24px;
-
-					color: #212121;
-				}
-			}
-
-			.search__bar {
-				padding: 24px 24px 8px 24px;
-				background-color: #fafafa;
-				border-bottom: 1px solid var(--stroke-color-stroke-primary, #e0e0e0);
-			}
-			.nav__bar {
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-				border-bottom: 1px solid var(--stroke-color-stroke-primary, #e0e0e0);
-				background: var(--surface-color-surface-hovered, #f0f0f0);
-				padding: 10px 24px;
-
-				font-family: Inter;
-				font-size: 14px;
-				font-style: normal;
-
-				line-height: 20px;
-
-				.left__nav {
-					display: flex;
-					align-items: center;
-					gap: 8px;
-					color: var(--content-color-content-primary, #212121);
-					cursor: pointer;
-				}
-				.right__nav {
-					display: flex;
-					align-items: center;
-					gap: 8px;
-					font-weight: 400;
-					color: var(--content-color-content-secondary, #616161);
-					cursor: pointer;
-				}
-			}
-		}
-		hr {
-			margin: 0;
-			border: 0.2px solid #e0e0e0;
-		}
-		.wrapper {
-			padding: 4px 24px 16px 24px;
-			.search__bar {
-				padding-bottom: 16px;
-				input {
-					width: 100%;
-					padding: 6px 8px;
-					border: 1px solid #e0e0e0;
-					border-radius: 4px;
-					background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F5bc8962e-af88-4692-80f1-631ac4a5c6c7?alt=media&token=7931b07d-cb55-43aa-be75-9ddac4b8ddad');
-					background-repeat: no-repeat;
-					background-position: 95% 50%;
-					background-size: 20px 20px;
-				}
-			}
-			.heading__font {
-				font-family: 'Inter';
-				font-style: normal;
-				font-weight: 600;
-				font-size: 16px;
-				line-height: 24px;
-				padding: 12px 0 0 0;
-				color: #212121;
-			}
-			.sub_heading__font {
-				font-family: 'Inter';
-				font-style: normal;
-				font-size: 12px;
-				line-height: 24px;
-				color: #212121;
-			}
-
-			.items {
-				display: flex;
-				flex-wrap: wrap;
-				grid-gap: 8px;
-				.block {
-					display: block;
-					min-width: 100%;
-					flex-wrap: nowrap;
-					width: 430px;
-				}
-			}
-		}
-		position: relative;
-
-		.bottom__padding {
-			background: white;
-			min-height: 30px;
-			width: 100%;
-			position: sticky;
-			z-index: 10;
-			bottom: 0px;
-		}
-	}
-`;e.div`
-	.box {
-		display: flex;
-		align-items: center;
-		cursor: pointer;
-		padding: 6px 12px 6px 8px;
-		gap: 8px;
-		width: auto;
-		height: 32px;
-
-		background: ${e=>(null==e?void 0:e.isAvailable)?"#f0f0f0":"#fafafa"};
-
-		border: 1px solid #e0e0e0;
-		border-radius: 4px;
-		.icon {
-			color: ${e=>(null==e?void 0:e.isAvailable)?"#212121":"#bdbdbd"};
-			display: flex;
-			align-items: center;
-		}
-		.variable__name {
-			font-family: 'Inter';
-			font-style: normal;
-			font-weight: 400;
-			font-size: 14px;
-			line-height: 20px;
-			color: ${e=>(null==e?void 0:e.isAvailable)?"#212121":"#bdbdbd"};
-		}
-	}
-`;export{o as AddVariableStyled};

package/dist/esm/components/add-variableV2/AddVariableV2SideModal.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { VariableListInterfaceV2 } from "./AddVariableV2";
-export interface VariableV2SideModalProps {
-    data: VariableListInterfaceV2[];
-    showVariable: any;
-    setShowVariable: any;
-    variableValue?: any;
-    setVariableValue?: any;
-    placeholder: string;
-    customTrigger?: any;
-    isSearchRequired?: boolean;
-    leftPosition?: number;
-    pickerSize?: string;
-    zIndex?: number;
-    onSearchBlur?: (e: any) => void;
-    id?: string;
-    selectWithTypes?: boolean;
-}
-export declare const AddVariableV2SideModal: React.FC<VariableV2SideModalProps>;

package/dist/esm/components/add-variableV2/AddVariableV2SideModal.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import a from"react-dom";import{AddVariableV2 as r}from"./AddVariableV2.js";import{SideModalStyle as t,SideModalContainer as l}from"../side-modal/SideModal.style.js";const o=o=>a.createPortal(e(t,Object.assign({zIndex:o.zIndex},{children:e(l,{children:e(r,{data:o.data,showVariable:o.showVariable,setShowVariable:o.setShowVariable,variableValue:o.variableValue,setVariableValue:o.setVariableValue,placeholder:"Add a variable",customTrigger:o.customTrigger,isModalState:!0,onSearchBlur:o.onSearchBlur,selectWithTypes:o.selectWithTypes})})})),document.body);export{o as AddVariableV2SideModal};

package/dist/esm/components/add-variableV2/index.d.ts

@@ -1,2 +0,0 @@
-export * from './AddVariableV2SideModal';
-export * from './AddVariableV2';

package/dist/esm/components/add-variableV2/types.d.ts

@@ -1,6 +0,0 @@
-export type SelectedVariable = {
-    actualValue: string;
-    variableType: VARIABLE_TYPES;
-    needsFetching?: boolean;
-};
-export type VARIABLE_TYPES = 'number' | 'string' | 'integer' | 'boolean' | 'list' | 'any';

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

@@ -1,9 +0,0 @@
-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 +0,0 @@
-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=({open:d,onModalClose:g,onRightBtnClick:p,onLeftBtnClick:h,source:y})=>e(s,Object.assign({open:d,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:g,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"===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",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"===y?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:h}),e(r,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:i.background.brand},onClick:p})]}))]})}));export{d as ActivateBikAi};

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

@@ -1,8 +0,0 @@
-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 +0,0 @@
-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=({open:p,onModalClose:g,body:h,onRightBtnClick:x,onLeftBtnClick:m})=>e(s,Object.assign({open:p,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:g,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:h||"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:m}),e(o,{buttonText:"Contact Support",size:"small",style:{backgroundColor:n.background.brand},onClick:x})]}))]}))}));export{p as AiCreditsExhausted};

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

@@ -1,7 +0,0 @@
-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 +0,0 @@
-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=({open:d,onModalClose:c,onLeftBtnClick:a,onRightBtnClick:p})=>e(r,Object.assign({open:d,centralContainerStyles:{width:"498px",borderRadius:"12px"},onClose:c,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:a}),e(o,{buttonText:"Contact Support",size:"small",style:{backgroundColor:n.background.brand},onClick:p})]}))]}))}));export{d as AiCreditsLow};

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

@@ -1,8 +0,0 @@
-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 +0,0 @@
-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=({open:a,onModalClose:d,completedPercent:p,onLeftBtnClick:m,onRightBtnClick:h})=>e(s,Object.assign({open:a,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:d,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:p,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:m}),e(n,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:i.background.brand},onClick:h})]}))]}))}));export{a as AiSyncProgress};

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

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

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

@@ -1,21 +0,0 @@
-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 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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/Alert.styled.js

@@ -1,17 +0,0 @@
-import o from"styled-components";import{CONTENT_POSITION as e,COLOR_CONFIG_MAP as t}from"./AlertHelper.js";const i=o.div`
-	display: flex;
-	align-items: center;
-	justify-content: ${o=>o.contentPosition||e.CENTER};
-	padding: 8px 16px;
-	background-color: ${o=>t[o.type].backgroundColor};
-	border-radius: 4px;
-	border: 1px solid ${o=>t[o.type].borderColor};
-`,r=o.div`
-	flex: 1;
-	display: flex;
-	justify-content: ${o=>o.contentPosition||e.CENTER};
-`,n=o.div`
-	margin-left: 16px;
-	display: flex;
-	align-items: center;
-`;export{r as AlertContentWrapper,i as AlertStyle,n as CloseIconWrapper};

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

@@ -1,40 +0,0 @@
-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/AlertHelper.js

@@ -1 +0,0 @@
-import{COLORS as o}from"../../constants/Theme.js";var r,t;!function(o){o.NEGATIVE="Negative",o.WARNING="Warning",o.POSITIVE="Positive",o.NEUTRAL="Neutral",o.BRAND="Brand"}(r||(r={})),function(o){o.START="start",o.CENTER="center",o.END="end",o.SPACE_BETWEEN="space-between"}(t||(t={}));const e={[r.NEGATIVE]:{backgroundColor:o.background.negative.light,textColor:o.content.negative,borderColor:o.stroke.negative.lightAlt},[r.WARNING]:{backgroundColor:o.background.warning.light,textColor:o.content.warning,borderColor:o.stroke.warning.lightAlt},[r.POSITIVE]:{backgroundColor:o.background.positive.light,textColor:o.content.positive,borderColor:o.stroke.positive.lightAlt},[r.NEUTRAL]:{backgroundColor:o.surface.subdued,textColor:o.content.secondary,borderColor:o.stroke.primary},[r.BRAND]:{backgroundColor:o.background.brandLight,textColor:o.content.brand,borderColor:o.stroke.brandLightAlt}};export{r as ALERT_TYPES,e as COLOR_CONFIG_MAP,t as CONTENT_POSITION};

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

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

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

@@ -1,10 +0,0 @@
-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 +0,0 @@
-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

@@ -1,16 +0,0 @@
-/// <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 +0,0 @@
-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

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

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

@@ -1,19 +0,0 @@
-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 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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 +0,0 @@
-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

@@ -1,51 +0,0 @@
-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 +0,0 @@
-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=({options:a,placeholder:m="Select an option",selected:v,onOptionSelected:w,resetDropdown:h,maxHeight:b,backgroundcolor:y,calendarPopperConfig:D,variant:k="default",datePickerPlacement:f,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"===k?u:p;s(()=>{h&&M(void 0)},[h]),s(()=>{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]),s(()=>{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 s(()=>(A&&document.addEventListener("mousedown",Y),()=>{document.removeEventListener("mousedown",Y)}),[A]),e(o,{children:t(g,Object.assign({drop:"down",show:A,onToggle:W,bgColor:y,id:"analytic-dropdown"},{children:[e(l.Toggle,Object.assign({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 ${d.colorsV2.stroke.primary}`}:P||void 0},{children:e(U,Object.assign({style:"small"===k||I?{color:I||d.colorsV2.content.secondary}:void 0},{children:(null==$?void 0:$.isCustom)?B?j(B[0],R)===j(B[1],R)?`${j(B[0],R)}`:`${j(B[0],R)} to ${j(B[1],R)}`:(null==H?void 0:H.label)?null==H?void 0:H.label:m:$?null==$?void 0:$.label:m}))})),r.createPortal(e(l.Menu,Object.assign({className:"main--dropdown",style:{padding:0},ref:z},{children:t(g,Object.assign({drop:null!=f?f:"end",id:"sub--dropdown",show:T,onToggle:e=>{!e&&N(!1),F(!T)}},{children:[e("div",Object.assign({style:{maxHeight:b||"auto",overflowY:"scroll"}},{children:a.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===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(O,{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(l.Menu,Object.assign({className:"sub--dropdown",popperConfig:{modifiers:[{name:"offset",options:{offset:[(null==D?void 0:D.offsetSkid)||0,(null==D?void 0:D.offsetDistance)||0]}}]}},{children:e(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)]}))})},O=({eachOption:n,selectedOption:i,selectedDate:s,onClickingEachItem:l,rangeSelection:r,isLastItem:d,isFirstItem:c,showTimePicker:u})=>t(v,Object.assign({isFirstItem:c,isLastItem:d,onClick:()=>l(n),isSelected:n.isCustom?n.key==(null==i?void 0:i.key)&&!!s:n.key==(null==i?void 0:i.key)},{children:[e(p,Object.assign({color:n.key==(null==i?void 0:i.key)?a.positive[900]:a.grayscale[900]},{children:n.label})),n.subLabel?e(m,Object.assign({style:{color:a.grayscale[700]}},{children:n.subLabel})):e(o,{}),s&&(null==i?void 0:i.isCustom)&&n.key==(null==i?void 0:i.key)&&e(m,Object.assign({style:{whiteSpace:"normal",wordBreak:"break-word",textAlign:"left"}},{children:r?`${j(s[0],u)} to ${j(s[1],u)}`:`${j(s[0],u)}`}))]}),n.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

@@ -1,18 +0,0 @@
-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 +0,0 @@
-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/*# 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=({title:g,trends:d,RightHeaderComponent:i,containerStyle:n,titleSize:s,titleColor:Z,perRow:a,isLoading:o,trendStyle:m,trendContainerStyle:G,trendIconStyle:u,hideHeaderDiv:y,isInternationalStore:p})=>{const J="large"===s?c:e,H=a||(d.length<=4?d.length:d.length%3==0?3:4),X=Math.ceil(d.length/H);return I("div",Object.assign({style:Object.assign({paddingTop:24,paddingBottom:24},null!=n?n:{})},{children:[I("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",paddingBottom:y?0:12}},{children:[g&&C(J,Object.assign({color:null!=Z?Z:l.content.secondary,style:{paddingLeft:24,paddingRight:24}},{children:g})),i]})),C(t,{children:Array.from({length:X}).map((g,I)=>C(A,{children:C("div",Object.assign({style:{display:"flex",width:"100%",marginTop:0===I?0:16}},{children:d.slice(I*H,(I+1)*H).map((g,A)=>{var l;return C("div",Object.assign({style:{flex:1,maxWidth:1===d.length?"100%":"50%"}},{children:C(b,Object.assign({},g,{isLoading:o,card:!1,size:null!==(l=g.size)&&void 0!==l?l:"small",rightSeparator:A+I*H<Math.min((I+1)*H-1,d.length-1),trendStyle:m,trendIconStyle:u,trendContainerStyle:G,isInternationalStore:p}))}),A)})}),I)}))})]}))};export{d as AnalyticsMetric};

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

@@ -1,6 +0,0 @@
-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 +0,0 @@
-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=({chipDetails:m,wrapperStyle:o})=>t(i,Object.assign({style:null!=o?o:{}},{children:m.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

@@ -1,36 +0,0 @@
-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>;