@bikdotai/bik-component-library 0.0.288 → 0.0.289-beta--switch

package/dist/cjs/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/alert.svg.js"),s=require("../../constants/Theme.js"),l=require("../modals/styledModal.js"),n=require("../TypographyStyle.js"),r=require("./AccessTokenTroubleshootDialog.styles.js");const o=t=>{let{info:s,hideBullet:l,last:o}=t;return e.jsxs(r.EachStep,Object.assign({last:o},{children:[!l&&e.jsx(r.BulletWrapper,{children:e.jsx(r.Bullet,{})}),e.jsx(n.BodyCaption,{children:s})]}))};exports.AccessTokenTroubleshootDialog=i=>{let{onCancel:a,titleIconContainerStyles:c,isModalOpen:d,title:h,desc:j,primaryButton:u,TitleIcon:p,stepsDetails:x,titleIconColor:y}=i;return e.jsxs(l.StyledModal,Object.assign({open:!!d,primaryButton:Object.assign({},u),secondaryButton:{buttonText:"Cancel",onClick:a,buttonType:"tertiaryGray"},onClose:a},{children:[e.jsxs(r.Header,{children:[e.jsx(r.IconContainer,Object.assign({style:Object.assign({},c)},{children:p?e.jsx(p,{width:18,height:18,color:y}):e.jsx(t.default,{width:18,height:18,color:s.COLORS.content.negative})})),e.jsx(n.TitleMedium,{children:h})]}),e.jsx(r.Description,{children:e.jsx(n.BodySecondary,{dangerouslySetInnerHTML:{__html:j}})}),e.jsxs(r.StepsContainer,{children:[e.jsx(n.TitleSmall,{children:"Follow the steps:"}),x.map(((t,s)=>e.jsx(o,{info:t.info,hideBullet:t.hideBullet,last:x.length-1===s},s)))]})]}))};

package/dist/cjs/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.d.ts

@@ -1,10 +0,0 @@
-export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StepsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const EachStep: import("styled-components").StyledComponent<"div", any, {
-    last?: boolean | undefined;
-}, never>;
-export declare const BulletWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Bullet: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Image: import("styled-components").StyledComponent<"img", any, {}, never>;

package/dist/cjs/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.styles.js

@@ -1,50 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("../../constants/Theme.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var i=r(t);const o=i.default.div`
-	display: flex;
-	gap: 12;
-	align-items: center;
-	margin-bottom: 8px;
-	padding: 34px 32px 0px 32px;
-`,p=i.default.div`
-	background-color: ${e.COLORS.background.negative.light};
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	width: 28px;
-	height: 28px;
-	border-radius: 100%;
-	margin-right: 12px;
-`,d=i.default.div`
-	padding-bottom: 32px;
-	border-bottom: 1px solid ${e.COLORS.stroke.primary};
-	margin-left: 32px;
-	margin-right: 40px;
-`,a=i.default.div`
-	padding: 32px;
-	padding-bottom: 24px;
-	border-bottom: 1px solid ${e.COLORS.stroke.primary};
-`,n=i.default.div`
-	padding-top: 12px;
-	padding-bottom: 12px;
-	border-bottom: ${t=>t.last?"0px":"1px"} solid
-		${e.COLORS.stroke.primary};
-	display: flex;
-	gap: 9px;
-`,x=i.default.div`
-	background-color: ${e.COLORS.surface.hovered};
-	width: 14px;
-	height: 14px;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	border-radius: 100%;
-`,s=i.default.div`
-	width: 8px;
-	height: 8px;
-	background-color: ${e.COLORS.content.primary};
-	border-radius: 100%;
-`;i.default.img`
-	width: 16px;
-	height: 16px;
-	margin-left: 6px;
-	margin-right: 4px;
-`,exports.Bullet=s,exports.BulletWrapper=x,exports.Description=d,exports.EachStep=n,exports.Header=o,exports.IconContainer=p,exports.StepsContainer=a;

package/dist/cjs/components/access-token-troubleshoot-dialog/index.d.ts

@@ -1 +0,0 @@
-export * from './AccessTokenTroubleshootDialog';

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

@@ -1,16 +0,0 @@
-import React, { ReactNode } from 'react';
-export interface AccordionProps {
-    header: JSX.Element | string;
-    caption?: string;
-    children: ReactNode;
-    width?: string;
-    rightActionComponent?: JSX.Element;
-    contentMargin?: string;
-    skipHoverHeader?: boolean;
-    headerPadding?: string;
-    childrenPadding?: string;
-    showBorders?: boolean;
-    backgroundColor?: string;
-    refresh?: number | boolean;
-}
-export declare const BikAccordion: React.FC<AccordionProps>;

package/dist/cjs/components/accordion/Accordion.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../TypographyStyle.js"),n=require("./Accordion.style.js"),i=require("./AccordionArrow.js");exports.BikAccordion=o=>{var s;const[a,c]=r.useState(!1),l=r.useRef(null),d=r.useRef(null),u=(e,r)=>{d.current&&l.current&&("keydown"===r.type&&"Enter"!==r.key||(c(e),d.current.style.maxHeight?(d.current.style.maxHeight="",l.current.style.transform="rotate(0deg)",l.current.style.transition="transform 0.25s ease-in-out",d.current.style.transition="padding 0s"):(d.current.style.maxHeight=d.current.scrollHeight+"px",l.current.style.transform="rotate(180deg)",l.current.style.transition="transform 0.25s ease-in-out",d.current.style.transition="max-height 0.25s ease-in-out")))};return r.useEffect((()=>{var e;a&&(null==o?void 0:o.refresh)&&(null===(e=null==d?void 0:d.current)||void 0===e?void 0:e.scrollHeight)&&setTimeout((()=>{d.current.style.maxHeight=d.current.scrollHeight+"px"}),100)}),[a,null==o?void 0:o.refresh,null===(s=null==d?void 0:d.current)||void 0===s?void 0:s.scrollHeight]),e.jsxs(n.default,Object.assign({className:"accordion",isActive:a,width:null==o?void 0:o.width,contentMargin:null==o?void 0:o.contentMargin,headerPadding:o.headerPadding,skipHoverState:o.skipHoverHeader,showBorders:o.showBorders,backgroundColor:o.backgroundColor},{children:[e.jsxs("div",Object.assign({className:"accordion__overview "+(a?"active":""),onClick:e=>u(!a,e),onKeyDown:e=>u(!a,e),role:"button",tabIndex:0},{children:[!o.rightActionComponent&&e.jsxs("div",Object.assign({className:"accordion__overview__header"},{children:["string"==typeof o.header?e.jsx(t.TitleRegular,{children:null==o?void 0:o.header}):o.header,e.jsx(i.default,{isNewIcon:!1,ref:l})]})),o.rightActionComponent&&e.jsxs("div",Object.assign({className:"accordion__overview__header"},{children:[e.jsxs("div",Object.assign({className:"accordion__overview__title-wrapper"},{children:[e.jsx(i.default,{isNewIcon:!0,ref:l}),"string"==typeof o.header?e.jsx(t.TitleRegular,{children:null==o?void 0:o.header}):o.header]})),e.jsx("div",Object.assign({onClick:e=>e.stopPropagation(),onKeyDown:e=>{"Enter"===e.key&&e.stopPropagation()},role:"button",tabIndex:0},{children:o.rightActionComponent}))]})),(null==o?void 0:o.caption)&&e.jsx("div",Object.assign({className:"accordion__overview__caption"},{children:e.jsx(t.BodySecondary,{children:o.caption})}))]})),e.jsx("div",Object.assign({ref:d,className:"accordion__content"},{children:o.children}))]}))};

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

@@ -1,10 +0,0 @@
-declare const AccordionStyle: import("styled-components").StyledComponent<"div", any, {
-    isActive: boolean;
-    width?: string | undefined;
-    contentMargin?: string | undefined;
-    skipHoverState?: boolean | undefined;
-    headerPadding?: string | undefined;
-    showBorders?: boolean | undefined;
-    backgroundColor?: string | undefined;
-}, never>;
-export default AccordionStyle;

package/dist/cjs/components/accordion/Accordion.style.js

@@ -1,36 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const t=o(e).default.div`
-	width: ${e=>(null==e?void 0:e.width)||"100%"};
-	display: flex;
-	flex-direction: column;
-	border: ${e=>e.showBorders?"1px solid "+r.COLORS.stroke.primary:""};
-	border-radius: ${e=>e.showBorders?"4px":""};
-	background: ${e=>e.backgroundColor||"unset"};
-	.accordion {
-		&__overview {
-			display: flex;
-			flex-direction: column;
-			gap: 4px;
-			padding: ${e=>e.headerPadding?e.headerPadding:"24px"};
-			border-bottom: ${e=>e.showBorders&&e.isActive?"1px solid "+r.COLORS.stroke.primary:""};
-			&__header {
-				display: flex;
-				flex-direction: row;
-				align-items: center;
-				justify-content: space-between;
-			}
-			&__title-wrapper {
-				display: flex;
-				gap: 8px;
-			}
-			:hover {
-				background: ${e=>e.skipHoverState?null:r.COLORS.surface.subdued};
-				border-radius: ${e=>e.skipHoverState?null:"4px"};
-			}
-		}
-		&__content {
-			${e=>e.isActive?{margin:(null==e?void 0:e.contentMargin)||"0px"}:{}};
-			overflow: hidden;
-			max-height: 0;
-		}
-	}
-`;exports.default=t;

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

@@ -1,6 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-interface BikAccordionArrowProps extends HTMLAttributes<HTMLDivElement> {
-    isNewIcon: boolean;
-}
-declare const BikAccordionArrow: React.ForwardRefExoticComponent<BikAccordionArrowProps & React.RefAttributes<HTMLDivElement>>;
-export default BikAccordionArrow;

package/dist/cjs/components/accordion/AccordionArrow.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=t(require("react")).default.forwardRef(((t,i)=>e.jsxs("div",Object.assign({ref:i,className:"d-flex align-items-center"},{children:[!t.isNewIcon&&e.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{d:"M7.7071 10.7071C7.07713 10.0771 7.5233 9 8.41421 9H15.5858C16.4767 9 16.9228 10.0771 16.2929 10.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L7.7071 10.7071Z",fill:"currentColor"})})),t.isNewIcon&&e.jsx("svg",Object.assign({width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.528758 0.52827C0.789108 0.26792 1.21122 0.26792 1.47157 0.52827L5.00016 4.05687L8.52876 0.52827C8.78911 0.26792 9.21122 0.26792 9.47157 0.52827C9.73192 0.788619 9.73192 1.21073 9.47157 1.47108L5.47157 5.47108C5.21122 5.73143 4.78911 5.73143 4.52876 5.47108L0.528758 1.47108C0.268409 1.21073 0.268409 0.788619 0.528758 0.52827Z",fill:"currentColor"})}))]}))));i.displayName="BikAccordionArrow",exports.default=i;

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

@@ -1 +0,0 @@
-export * from './Accordion';

package/dist/cjs/components/add-variableV2/AddVariableV2.d.ts

@@ -1,42 +0,0 @@
-import React from 'react';
-export interface VariableListInterfaceV2 {
-    displayName: string;
-    description: string;
-    orderId: number;
-    variables?: any;
-}
-export interface Variable {
-    description?: string;
-    displayName: string;
-    actualValue: string;
-    variableType: string;
-    isAvailable: boolean;
-    actualValueEval?: string;
-    isSubHeader?: boolean;
-    variables?: {
-        [key: string]: Variable;
-    };
-}
-export interface AddVariableProps {
-    data: VariableListInterfaceV2[];
-    showVariable: any;
-    setShowVariable: any;
-    variableValue?: any;
-    setVariableValue?: any;
-    placeholder: string;
-    customTrigger?: any;
-    isSearchRequired?: boolean;
-    isModalState?: boolean;
-    leftPosition?: number;
-    pickerSize?: string;
-    enableVariable?: boolean;
-    isEvaluationList?: boolean;
-}
-type Props = AddVariableProps;
-export interface VariableBoxProps {
-    item: Variable;
-    raw?: string;
-    parentKey?: string;
-}
-export declare const AddVariableV2: React.FC<Props>;
-export {};

package/dist/cjs/components/add-variableV2/AddVariableV2.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/back_icon.svg.js"),a=require("../../assets/icons/chevronRightAlt.svg.js"),i=require("../../assets/icons/cross.svg.js"),t=require("../../assets/icons/plus.svg.js"),l=require("../../assets/icons/undo.svg.js"),r=require("react"),n=require("./AddVariableV2.styled.js"),c=require("../button/Button.js"),o=require("../icon-button/IconButton.js"),d=require("../searchBar/searchBar.js"),b=require("../tooltips/Tooltip.js"),j=require("../../constants/Theme.js"),u=require("../TypographyStyle.js");exports.AddVariableV2=v=>{const{data:m}=v,[g,p]=r.useState({}),[h,x]=r.useState(),[y,O]=r.useState(""),[f,N]=r.useState(""),[S,C]=r.useState(!0),_=/^[^.]*\.[^.]*$/;r.useEffect((()=>{const e={};m.forEach((s=>{e[s.displayName]=[]})),x(e)}),[m]),r.useEffect((()=>{if(f){v.data.filter((e=>Object.keys(e.variables).filter((s=>{var a;return(null===(a=e.variables[s].displayName)||void 0===a?void 0:a.toLowerCase().includes(f.toLowerCase()))||k(e.variables[s])})).length>0)).length>0?C(!0):C(!1)}else C(!0)}),[f]);const V=(e,s)=>{const a=m.find((e=>e.displayName===s));if(a){let i=a;e.forEach(((e,s)=>{i=i.variables[e]})),p((e=>Object.assign(Object.assign({},e),{[s]:i})))}},k=e=>{let s=!1;if(e.isSubHeader&&e.variables){const a=Object.keys(e.variables);for(let i=0;i<a.length;i++){const t=a[i];if(e.variables&&e.variables[t].displayName.toLowerCase().includes(f.toLowerCase())){s=!0;break}}}return s},w=s=>{const a=s.item.description;return e.jsx(e.Fragment,{children:e.jsx(b.Tooltip,Object.assign({body:"",tooltipContent:e.jsx(u.BodyCaption,Object.assign({color:j.COLORS.content.primaryInverse,style:{whiteSpace:"pre-line",padding:8}},{children:s.item.isAvailable?a?`• ${a}\n• Recommended here`:"Recommended here":"Not recommended here"})),width:300,delay:300,placement:"bottom"},{children:e.jsx("div",{children:e.jsx(B,{item:s.item})})}))})},B=s=>e.jsx(c.Button,{darkMode:v.enableVariable?v.enableVariable:s.item.isAvailable,size:"chip",LeadingIcon:s.item.isSubHeader?void 0:t.default,TrailingIcon:()=>s.item.isSubHeader?e.jsx("div",Object.assign({className:"icon-trailing",style:{display:"flex"}},{children:e.jsx(a.default,{})})):e.jsx(e.Fragment,{}),buttonText:s.item.displayName}),T=(s,a)=>e.jsx("div",Object.assign({onClick:s.isSubHeader?()=>{const e=[...h[y],a];V(e,y),x((s=>Object.assign(Object.assign({},s),{[y]:e})))}:()=>{v.customTrigger?(v.customTrigger(s),v.setShowVariable(!1)):v.isEvaluationList?q(s):v.setVariableValue(s.actualValue)}},{children:e.jsx(w,{item:s})})),L=(e,s)=>{const a=[...h[e.displayName],s];V(a,e.displayName),x((s=>Object.assign(Object.assign({},s),{[e.displayName]:a}))),O(e.displayName)},q=e=>{if(e.actualValue.match(_)){const s=e.actualValue.replace("{{","").replace("}}","").split("."),a=s[0]+`['${s[1]}']`;v.setVariableValue(a)}else{const s=e.actualValueEval?e.actualValueEval:e.actualValue;v.setVariableValue(s)}},I=(e,s)=>{if(v.customTrigger)v.customTrigger(e.variables[s]),v.setShowVariable(!1);else if(v.isEvaluationList){const a=e.variables[s];q(a)}else v.setVariableValue(e.variables[s].actualValue)},E=v.isModalState?void 0:{top:"small"===v.pickerSize?"300px":"60px",left:`${v.leftPosition?v.leftPosition+24:430}px`};return e.jsx(n.AddVariableStyled,Object.assign({id:"varList",style:E,onClick:e=>{e.stopPropagation()},pickerSize:v.pickerSize||"large",isModalState:v.isModalState},{children:v.showVariable&&e.jsxs("div",Object.assign({className:"popup"},{children:[e.jsxs("div",Object.assign({className:"sticky__bar"},{children:[e.jsxs("div",Object.assign({className:"header__bar"},{children:[e.jsx("div",Object.assign({className:"add__variable"},{children:"Add a new variable"})),e.jsx("div",Object.assign({onClick:()=>{v.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:e.jsx(o.IconButton,{iconButtonType:"default",Icon:i.default})}))]})),e.jsx("div",Object.assign({className:"search__bar"},{children:e.jsx(d.SearchBar,{width:"100%",isEnabled:!0,onChange:e=>{N(e)},onEnter:()=>{},placeholder:"Search...",variant:"default"})})),!S&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16}},{children:[e.jsx(u.TitleSmall,{children:"No results found!"}),e.jsx(u.BodyCaption,{children:`Sorry we could not find any results for "${f}"`})]})),y&&h[y].length>0&&e.jsxs("div",Object.assign({className:"nav__bar",style:{marginTop:8}},{children:[e.jsxs("div",Object.assign({className:"left__nav"},{children:[e.jsx(o.IconButton,{Icon:s.default,style:{color:"#919191",display:"flex"},onClick:()=>{const e=h[y].slice(0,-1);V(e,y),x((s=>Object.assign(Object.assign({},s),{[y]:e}))),e.length||O("")}}),e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx(u.TitleSmall,{children:g[y].displayName}),g[y].description&&e.jsx(u.BodyCaption,{children:g[y].description})]}))]})),e.jsxs("div",Object.assign({className:"right__nav"},{children:[e.jsx(o.IconButton,{Icon:l.default,style:{display:"flex"},onClick:()=>{V([],y),x((e=>Object.assign(Object.assign({},e),{[y]:[]}))),O("")}}),e.jsx("div",{children:"First page"})]}))]}))]})),e.jsx("div",Object.assign({className:"wrapper"},{children:e.jsx("div",Object.assign({className:"list__map"},{children:e.jsxs("div",Object.assign({className:"items"},{children:[!y&&v.data.map((s=>{let a=[];return f&&(a=Object.keys(s.variables).filter((e=>{var a;return(null===(a=s.variables[e].displayName)||void 0===a?void 0:a.toLowerCase().includes(f.toLowerCase()))||k(s.variables[e])}))),e.jsxs(e.Fragment,{children:[f?a.length>0?e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx("div",Object.assign({className:"heading__font"},{children:null==s?void 0:s.displayName})),e.jsx(u.BodyCaption,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==s?void 0:s.description}))]})):e.jsx(e.Fragment,{}):e.jsxs("div",Object.assign({className:"block"},{children:[e.jsx("div",Object.assign({className:"heading__font"},{children:null==s?void 0:s.displayName})),e.jsx(u.BodyCaption,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==s?void 0:s.description}))]})),Object.keys(s.variables).map((a=>{var i;return f?(null===(i=s.variables[a].displayName)||void 0===i?void 0:i.toLowerCase().includes(f.toLowerCase()))||k(s.variables[a])?e.jsx("div",Object.assign({onClick:s.variables[a].isSubHeader?()=>L(s,a):()=>I(s,a)},{children:e.jsx(w,{item:s.variables[a]})})):e.jsx(e.Fragment,{}):e.jsx("div",Object.assign({onClick:s.variables[a].isSubHeader?()=>L(s,a):()=>I(s,a)},{children:e.jsx(w,{item:s.variables[a]})}))}))]})})),y&&e.jsx("div",Object.assign({className:"list__map"},{children:e.jsx("div",Object.assign({className:"items",style:{marginTop:16}},{children:Object.keys(g[y].variables).map(((s,a)=>{var i;return f?(null===(i=g[y].variables[s].displayName)||void 0===i?void 0:i.toLowerCase().includes(f.toLowerCase()))||k(g[y].variables[s])?T(g[y].variables[s],s):e.jsx(e.Fragment,{}):T(g[y].variables[s],s)}))}))}))]}))}))})),e.jsx("div",{className:"bottom__padding"})]}))}))};

package/dist/cjs/components/add-variableV2/AddVariableV2.styled.d.ts

@@ -1,7 +0,0 @@
-export declare const AddVariableStyled: import("styled-components").StyledComponent<"div", any, {
-    pickerSize: string;
-    isModalState?: boolean | undefined;
-}, never>;
-export declare const VariableBoxStyled: import("styled-components").StyledComponent<"div", any, {
-    isAvailable?: boolean | undefined;
-}, never>;

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

@@ -1,162 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var o=e(require("styled-components"));const t=o.default.div`
-	position: fixed;
-	z-index: 250;
-	*::-webkit-scrollbar {
-		display: none;
-	}
-	* {
-		-ms-overflow-style: none;
-		scrollbar-width: none;
-	}
-	.popup {
-		background: white;
-		width: ${e=>e.isModalState?"566px":"480px"};
-		height: ${e=>e.isModalState?"100vh":"small"===e.pickerSize?"40vh":"90vh"};
-		border: ${e=>e.isModalState?"unset":"1px solid #e0e0e0"};
-		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;
-			}
-			.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;
-		}
-	}
-`;o.default.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"};
-		}
-	}
-`,exports.AddVariableStyled=t;

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

@@ -1,16 +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;
-}
-export declare const AddVariableV2SideModal: React.FC<VariableV2SideModalProps>;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react-dom"),r=require("./AddVariableV2.js"),d=require("../side-modal/SideModal.style.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(a);exports.AddVariableV2SideModal=a=>i.default.createPortal(e.jsx(d.SideModalStyle,Object.assign({zIndex:a.zIndex},{children:e.jsx(d.SideModalContainer,{children:e.jsx(r.AddVariableV2,{data:a.data,showVariable:a.showVariable,setShowVariable:a.setShowVariable,placeholder:"Add a variable",customTrigger:a.customTrigger,isModalState:!0})})})),document.body);

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

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

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import { ALERT_TYPES } from "./AlertHelper";
-export type AlertProps = {
-    type: ALERT_TYPES;
-    text: string;
-    icon?: React.FC<{
-        width: number;
-        height: number;
-        color: string;
-    }>;
-    textColor?: string;
-};
-export declare const Alert: React.FC<AlertProps>;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./Alert.styled.js"),r=require("./AlertHelper.js"),s=require("../TypographyStyle.js");exports.Alert=i=>e.jsxs(t.AlertStyle,Object.assign({type:i.type},{children:[i.icon&&e.jsx("div",{children:e.jsx(i.icon,{color:r.COLOR_CONFIG_MAP[i.type].textColor,height:20,width:20})}),e.jsx(s.BodyCaption,Object.assign({style:{color:i.textColor||r.COLOR_CONFIG_MAP[i.type].textColor,marginLeft:12}},{children:i.text}))]}));

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

@@ -1,4 +0,0 @@
-import { ALERT_TYPES } from "./AlertHelper";
-export declare const AlertStyle: import("styled-components").StyledComponent<"div", any, {
-    type: ALERT_TYPES;
-}, never>;

package/dist/cjs/components/alerts/Alert.styled.js

@@ -1,8 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./AlertHelper.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=t(e).default.div`
-	display: flex;
-	justify-content: center;
-	padding: 8px 16px;
-	background-color: ${e=>r.COLOR_CONFIG_MAP[e.type].backgroundColor};
-	border-radius: 4px;
-	border: 1px solid ${e=>r.COLOR_CONFIG_MAP[e.type].borderColor};
-`;exports.AlertStyle=o;

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

@@ -1,34 +0,0 @@
-export declare enum ALERT_TYPES {
-    NEGATIVE = "Negative",
-    WARNING = "Warning",
-    POSITIVE = "Positive",
-    NEUTRAL = "Neutral",
-    BRAND = "Brand"
-}
-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/cjs/components/alerts/AlertHelper.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o,r=require("../../constants/Theme.js");exports.ALERT_TYPES=void 0,(o=exports.ALERT_TYPES||(exports.ALERT_TYPES={})).NEGATIVE="Negative",o.WARNING="Warning",o.POSITIVE="Positive",o.NEUTRAL="Neutral",o.BRAND="Brand";const t={[exports.ALERT_TYPES.NEGATIVE]:{backgroundColor:r.COLORS.background.negative.light,textColor:r.COLORS.content.negative,borderColor:r.COLORS.stroke.negative.lightAlt},[exports.ALERT_TYPES.WARNING]:{backgroundColor:r.COLORS.background.warning.light,textColor:r.COLORS.content.warning,borderColor:r.COLORS.stroke.warning.lightAlt},[exports.ALERT_TYPES.POSITIVE]:{backgroundColor:r.COLORS.background.positive.light,textColor:r.COLORS.content.positive,borderColor:r.COLORS.stroke.positive.lightAlt},[exports.ALERT_TYPES.NEUTRAL]:{backgroundColor:r.COLORS.surface.subdued,textColor:r.COLORS.content.secondary,borderColor:r.COLORS.stroke.primary},[exports.ALERT_TYPES.BRAND]:{backgroundColor:r.COLORS.background.brandLight,textColor:r.COLORS.content.brand,borderColor:r.COLORS.stroke.brandLightAlt}};exports.COLOR_CONFIG_MAP=t;

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

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

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

@@ -1,11 +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;
-    titleSize?: 'large' | 'small';
-    titleColor?: string;
-    perRow?: number;
-}>;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var g=require("@emotion/styled/base"),I=require("react/jsx-runtime"),C=require("../../constants/Theme.js"),A=require("../TypographyStyle.js"),c=require("./AnalyticsTrend.js");function l(g){return g&&"object"==typeof g&&"default"in g?g:{default:g}}var e=l(g);function b(){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)."}const d=e.default("div","production"===process.env.NODE_ENV?{target:"e1bel8cf1"}:{target:"e1bel8cf1",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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tDIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSwgVGl0bGVSZWd1bGFyIH0gZnJvbSAnLi4vVHlwb2dyYXBoeVN0eWxlJztcclxuaW1wb3J0IHsgQW5hbHl0aWNzVHJlbmQgfSBmcm9tICcuL0FuYWx5dGljc1RyZW5kJztcclxuY29uc3QgVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuY29uc3QgQnJlYWsgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1iYXNpczogMTAwJTtcblx0aGVpZ2h0OiAwO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7IHRpdGxlLCB0cmVuZHMsIFJpZ2h0SGVhZGVyQ29tcG9uZW50LCBjb250YWluZXJTdHlsZSwgdGl0bGVTaXplLCB0aXRsZUNvbG9yLCBwZXJSb3csIH0pID0+IHtcclxuICAgIGNvbnN0IFR5cG8gPSB0aXRsZVNpemUgPT09ICdsYXJnZScgPyBUaXRsZU1lZGl1bSA6IFRpdGxlUmVndWxhcjtcclxuICAgIGNvbnN0IHBlclJvd0xvY2FsID0gcGVyUm93IHx8XHJcbiAgICAgICAgKHRyZW5kcy5sZW5ndGggPD0gNCA/IHRyZW5kcy5sZW5ndGggOiB0cmVuZHMubGVuZ3RoICUgMyA9PSAwID8gMyA6IDQpO1xyXG4gICAgY29uc3Qgcm93cyA9IE1hdGguY2VpbCh0cmVuZHMubGVuZ3RoIC8gcGVyUm93TG9jYWwpO1xyXG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IE9iamVjdC5hc3NpZ24oeyBwYWRkaW5nVG9wOiAyNCwgcGFkZGluZ0JvdHRvbTogMjQgfSwgKGNvbnRhaW5lclN0eWxlICE9PSBudWxsICYmIGNvbnRhaW5lclN0eWxlICE9PSB2b2lkIDAgPyBjb250YWluZXJTdHlsZSA6IHt9KSkgfSwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcclxuICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcclxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbdGl0bGUgJiYgKF9qc3goVHlwbywgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiB0aXRsZUNvbG9yICE9PSBudWxsICYmIHRpdGxlQ29sb3IgIT09IHZvaWQgMCA/IHRpdGxlQ29sb3IgOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogOCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBSaWdodEhlYWRlckNvbXBvbmVudF0gfSkpLCBfanN4KFRyZW5kQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBBcnJheS5mcm9tKHsgbGVuZ3RoOiByb3dzIH0pLm1hcCgoXywgcm93SW5kZXgpID0+IChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBkaXNwbGF5OiAnZmxleCcsIHdpZHRoOiAnMTAwJScgfSB9LCB7IGNoaWxkcmVuOiB0cmVuZHNcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuc2xpY2Uocm93SW5kZXggKiBwZXJSb3dMb2NhbCwgKHJvd0luZGV4ICsgMSkgKiBwZXJSb3dMb2NhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAubWFwKCh0cmVuZCwgaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhciBfYTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6IGA1MCVgLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGNhcmQ6IGZhbHNlLCBzaXplOiAoX2EgPSB0cmVuZC5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnc21hbGwnLCByaWdodFNlcGFyYXRvcjogaSArIHJvd0luZGV4ICogcGVyUm93TG9jYWwgPFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIE1hdGgubWluKChyb3dJbmRleCArIDEpICogcGVyUm93TG9jYWwgLSAxLCB0cmVuZHMubGVuZ3RoIC0gMSkgfSkpIH0pLCBpKSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KSB9KSwgcm93SW5kZXgpLCBfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogJzMycHgnIH0gfSldIH0pKSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:b}),G=e.default("div","production"===process.env.NODE_ENV?{target:"e1bel8cf0"}:{target:"e1bel8cf0",label:"Break"})("production"===process.env.NODE_ENV?{name:"1f76xva",styles:"flex-basis:100%;height:0"}:{name:"1f76xva",styles:"flex-basis:100%;height:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFuYWx5dGljc01ldHJpYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVXlCIiwiZmlsZSI6IkFuYWx5dGljc01ldHJpYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cywgRnJhZ21lbnQgYXMgX0ZyYWdtZW50IH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBUaXRsZU1lZGl1bSwgVGl0bGVSZWd1bGFyIH0gZnJvbSAnLi4vVHlwb2dyYXBoeVN0eWxlJztcclxuaW1wb3J0IHsgQW5hbHl0aWNzVHJlbmQgfSBmcm9tICcuL0FuYWx5dGljc1RyZW5kJztcclxuY29uc3QgVHJlbmRDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuY29uc3QgQnJlYWsgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1iYXNpczogMTAwJTtcblx0aGVpZ2h0OiAwO1xuYDtcclxuZXhwb3J0IGNvbnN0IEFuYWx5dGljc01ldHJpYyA9ICh7IHRpdGxlLCB0cmVuZHMsIFJpZ2h0SGVhZGVyQ29tcG9uZW50LCBjb250YWluZXJTdHlsZSwgdGl0bGVTaXplLCB0aXRsZUNvbG9yLCBwZXJSb3csIH0pID0+IHtcclxuICAgIGNvbnN0IFR5cG8gPSB0aXRsZVNpemUgPT09ICdsYXJnZScgPyBUaXRsZU1lZGl1bSA6IFRpdGxlUmVndWxhcjtcclxuICAgIGNvbnN0IHBlclJvd0xvY2FsID0gcGVyUm93IHx8XHJcbiAgICAgICAgKHRyZW5kcy5sZW5ndGggPD0gNCA/IHRyZW5kcy5sZW5ndGggOiB0cmVuZHMubGVuZ3RoICUgMyA9PSAwID8gMyA6IDQpO1xyXG4gICAgY29uc3Qgcm93cyA9IE1hdGguY2VpbCh0cmVuZHMubGVuZ3RoIC8gcGVyUm93TG9jYWwpO1xyXG4gICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IE9iamVjdC5hc3NpZ24oeyBwYWRkaW5nVG9wOiAyNCwgcGFkZGluZ0JvdHRvbTogMjQgfSwgKGNvbnRhaW5lclN0eWxlICE9PSBudWxsICYmIGNvbnRhaW5lclN0eWxlICE9PSB2b2lkIDAgPyBjb250YWluZXJTdHlsZSA6IHt9KSkgfSwgeyBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcclxuICAgICAgICAgICAgICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcclxuICAgICAgICAgICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBbdGl0bGUgJiYgKF9qc3goVHlwbywgT2JqZWN0LmFzc2lnbih7IGNvbG9yOiB0aXRsZUNvbG9yICE9PSBudWxsICYmIHRpdGxlQ29sb3IgIT09IHZvaWQgMCA/IHRpdGxlQ29sb3IgOiBDT0xPUlMuY29udGVudC5zZWNvbmRhcnksIHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nTGVmdDogMjQsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nUmlnaHQ6IDI0LFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZ0JvdHRvbTogOCxcclxuICAgICAgICAgICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiB0aXRsZSB9KSkpLCBSaWdodEhlYWRlckNvbXBvbmVudF0gfSkpLCBfanN4KFRyZW5kQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBBcnJheS5mcm9tKHsgbGVuZ3RoOiByb3dzIH0pLm1hcCgoXywgcm93SW5kZXgpID0+IChfanN4cyhfRnJhZ21lbnQsIHsgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBkaXNwbGF5OiAnZmxleCcsIHdpZHRoOiAnMTAwJScgfSB9LCB7IGNoaWxkcmVuOiB0cmVuZHNcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuc2xpY2Uocm93SW5kZXggKiBwZXJSb3dMb2NhbCwgKHJvd0luZGV4ICsgMSkgKiBwZXJSb3dMb2NhbClcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAubWFwKCh0cmVuZCwgaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhciBfYTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgT2JqZWN0LmFzc2lnbih7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBmbGV4OiAxLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbWF4V2lkdGg6IGA1MCVgLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9IH0sIHsgY2hpbGRyZW46IF9qc3goQW5hbHl0aWNzVHJlbmQsIE9iamVjdC5hc3NpZ24oe30sIHRyZW5kLCB7IGNhcmQ6IGZhbHNlLCBzaXplOiAoX2EgPSB0cmVuZC5zaXplKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnc21hbGwnLCByaWdodFNlcGFyYXRvcjogaSArIHJvd0luZGV4ICogcGVyUm93TG9jYWwgPFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIE1hdGgubWluKChyb3dJbmRleCArIDEpICogcGVyUm93TG9jYWwgLSAxLCB0cmVuZHMubGVuZ3RoIC0gMSkgfSkpIH0pLCBpKSk7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KSB9KSwgcm93SW5kZXgpLCBfanN4KEJyZWFrLCB7IHN0eWxlOiB7IG1hcmdpblRvcDogJzMycHgnIH0gfSldIH0pKSkgfSldIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFuYWx5dGljc01ldHJpYy5qcy5tYXAiXX0= */",toString:b});exports.AnalyticsMetric=g=>{let{title:l,trends:e,RightHeaderComponent:b,containerStyle:a,titleSize:i,titleColor:n,perRow:Z}=g;const u="large"===i?A.TitleMedium:A.TitleRegular,s=Z||(e.length<=4?e.length:e.length%3==0?3:4),t=Math.ceil(e.length/s);return I.jsxs("div",Object.assign({style:Object.assign({paddingTop:24,paddingBottom:24},null!=a?a:{})},{children:[I.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[l&&I.jsx(u,Object.assign({color:null!=n?n:C.COLORS.content.secondary,style:{paddingLeft:24,paddingRight:24,paddingBottom:8}},{children:l})),b]})),I.jsx(d,{children:Array.from({length:t}).map(((g,C)=>I.jsxs(I.Fragment,{children:[I.jsx("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e.slice(C*s,(C+1)*s).map(((g,A)=>{var l;return I.jsx("div",Object.assign({style:{flex:1,maxWidth:"50%"}},{children:I.jsx(c.AnalyticsTrend,Object.assign({},g,{card:!1,size:null!==(l=g.size)&&void 0!==l?l:"small",rightSeparator:A+C*s<Math.min((C+1)*s-1,e.length-1)}))}),A)}))}),C),I.jsx(G,{style:{marginTop:"32px"}})]})))})]}))};

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

@@ -1,17 +0,0 @@
-import React from 'react';
-export interface AnalyticsTrendInterface {
-    title: string;
-    value?: number | string;
-    trendPercent?: number;
-    formatVal?: boolean;
-    timeline?: 'today' | 'yesterday' | '7 days' | '30 days' | 'custom';
-    customRange?: Date[];
-    type?: 'vertical' | 'horizontal';
-    tooltip?: string;
-    card?: boolean;
-    rightSeparator?: boolean;
-    size?: 'big' | 'small';
-    share?: boolean;
-    prefixSymbol?: string;
-}
-export declare const AnalyticsTrend: React.FC<AnalyticsTrendInterface>;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),i=require("../../assets/icons/arrow_down.svg.js"),s=require("../../assets/icons/arrow_up.svg.js"),r=require("../../assets/icons/info.svg.js"),n=require("../tag/Tag.js"),a=require("../template-context-mapper/utils/getFormattedMonthDate.js"),o=require("../tooltips/Tooltip.js"),l=require("../TypographyStyle.js"),c=require("./CommonStyles.js");const d=r=>{let{percent:n,direction:o,timeline:c,customRange:d}=r;const g="negative"===o?i.default:s.default,y="negative"===o?t.COLORS.background.negative.vibrant:"positive"===o?t.COLORS.background.positive.vibrant:t.COLORS.content.placeholder,p="today"===c?"vs yesterday":"yesterday"===c?"vs 1 day before":"7 days"===c?"vs last 7 days":"30 days"===c?"vs last 30 days":"custom"===c&&d?`vs ${a.getFormattedMonthDate(d[0])} - ${a.getFormattedMonthDate(d[1])}`:"";return e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",flexDirection:"row"}},{children:["number"==typeof n&&e.jsx(g,{color:y,height:20,width:20,style:{marginRight:2}}),"number"==typeof n&&o&&e.jsxs(l.TitleSmall,Object.assign({style:{color:y}},{children:["neutral"===o?0:n,"%"]})),c&&e.jsx(l.Caption,Object.assign({style:{marginLeft:4,color:t.COLORS.content.placeholder}},{children:p}))]}))};exports.AnalyticsTrend=i=>{let{title:s,value:a,trendPercent:g,type:y="horizontal",timeline:p,customRange:h,tooltip:u,card:j=!0,rightSeparator:m=!1,size:v="big",share:b=!1,formatVal:x,prefixSymbol:O}=i;const f="big"===v?l.TitleLarge:l.TitleMedium,R=void 0!==g?g<0?"negative":0===g?"neutral":"positive":void 0,S=void 0!==g?b?Math.round(g):Math.abs(Math.round(g)):void 0;return e.jsx(c.AnalyticsTrendContainer,Object.assign({card:j},{children:e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4,borderRightWidth:m?1:0,borderRightColor:t.COLORS.stroke.primary,borderRightStyle:"solid",paddingLeft:j?0:24,paddingRight:j?0:24,height:"100%"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:4,alignItems:"center"}},{children:[e.jsx(l.BodySecondary,Object.assign({style:{color:t.COLORS.content.secondary}},{children:s})),u&&e.jsx(o.Tooltip,Object.assign({body:u,placement:"right",width:300},{children:e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",cursor:"pointer"}},{children:e.jsx(r.default,{color:t.COLORS.content.inactive,height:16,width:16})}))}))]})),e.jsxs("div",Object.assign({style:Object.assign({display:"flex",flexDirection:"row",gap:12,alignItems:"center"},b?{justifyContent:"space-between"}:{})},{children:[e.jsx(f,Object.assign({style:{color:t.COLORS.content.primary}},{children:void 0===a?"--":"number"==typeof a&&x?`${null!=O?O:""}${new Intl.NumberFormat("en-IN",{}).format(a)}`:`${null!=O?O:""}${a}`})),"horizontal"===y&&!b&&e.jsx(d,{timeline:p,customRange:h,percent:S,direction:R}),b&&void 0!==S&&e.jsx(n.Tag,{tagText:`${S} %`,theme:"light",type:"neutral"})]})),"vertical"===y&&!b&&e.jsx("div",Object.assign({style:{marginTop:12}},{children:e.jsx(d,{timeline:p,customRange:h,percent:S,direction:R})}))]}))}))};

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { HorizontalGraphI } from './HorizontalGraph.d';
-export declare const HorizontalGraph: React.FC<HorizontalGraphI>;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("chart.js"),r=require("react-chartjs-2"),o=require("../../../TypographyStyle.js"),a=require("../../../../constants/Theme.js"),i=require("./HorizontalGraph.styles.js");t.Chart.register(t.CategoryScale,t.LinearScale,t.BarElement,t.Tooltip);exports.HorizontalGraph=t=>{var n,s,l,d;const c=-1===t.xAxis.data.findIndex((e=>0!==e)),g={indexAxis:"y",elements:{},responsive:!0,plugins:{legend:{display:!1},tooltip:{enabled:!c}},scales:{y:{title:{display:!!t.yAxis.title,text:t.yAxis.title,color:t.yAxis.titleColor,font:{size:a.FONTS.caption.fontSize,color:t.yAxis.titleColor},padding:{bottom:10}},grid:{display:!1,borderColor:a.COLORS.background.base},ticks:{fontSize:a.FONTS.caption.fontSize,color:null!==(n=t.yAxis.labelColor)&&void 0!==n?n:a.COLORS.content.secondary}},x:{title:{display:!!t.xAxis.title,text:t.xAxis.title,color:t.xAxis.titleColor,font:{size:a.FONTS.caption.fontSize},padding:{top:10}},grid:{borderColor:"white",color:a.COLORS.background.base},ticks:Object.assign({fontSize:a.FONTS.caption.fontSize,color:null!==(s=t.xAxis.labelColor)&&void 0!==s?s:a.COLORS.content.secondary},c?{min:0,max:2e3,stepSize:200}:{})}},maintainAspectRatio:!1},p={labels:t.yAxis.data.map((e=>e.toString())),datasets:[{data:c?[250,1e3,800,1500,300,600]:t.xAxis.data,backgroundColor:e=>(e=>{var r;const o=e.chart.ctx.createLinearGradient(0,0,0,200);let a="";if(c)a="rgba(0,0,0,0)";else if(t.barColorRGBA){const e=t.barColorRGBA;a=`rgba(${e.r}, ${e.g}, ${e.b}, ${null!==(r=e.a)&&void 0!==r?r:"0.3"})`}return o.addColorStop(0,a||"rgba(146, 96, 237, 0.3)"),o.addColorStop(1,a||"rgba(146, 96, 237, 0.3)"),o})(e),barPercentage:.4,categoryPercentage:1,borderRadius:4}]};return e.jsxs(i.GraphContainerWrapper,Object.assign({padding:t.outerPadding},{children:[t.chartHeading&&e.jsx(o.TitleRegular,Object.assign({color:null!==(l=t.chartHeading.color)&&void 0!==l?l:a.COLORS.content.secondary},{children:t.chartHeading.heading})),e.jsx("div",Object.assign({style:{height:null!==(d=t.graphCanvasHeight)&&void 0!==d?d:500}},{children:e.jsx(r.Bar,{options:g,data:p})}))]}))};

package/dist/cjs/components/analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.styles.d.ts

@@ -1,3 +0,0 @@
-export declare const GraphContainerWrapper: import("styled-components").StyledComponent<"div", any, {
-    padding?: string | undefined;
-}, never>;

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

@@ -1,4 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=t(e).default.div`
-	background-color: ${r.COLORS.surface.standard};
-	padding: ${e=>{var r;return null!==(r=e.padding)&&void 0!==r?r:"24px"}};
-`;exports.GraphContainerWrapper=n;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface LegendData {
-    color: string;
-    text: string;
-}
-export declare const Legend: React.FC<LegendData>;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled/base"),t=require("react/jsx-runtime"),c=require("../../../TypographyStyle.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const i=l(e).default("div","production"===process.env.NODE_ENV?{target:"e1y33sa70"}:{target:"e1y33sa70",label:"LegendStyled"})("production"===process.env.NODE_ENV?{name:"tsn5c8",styles:"display:flex;align-items:center;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;}"}:{name:"tsn5c8",styles:"display:flex;align-items:center;.color{width:12px;height:12px;border-radius:20px;}.title{color:#474747;margin-left:12px;margin-right:12px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxlZ2VuZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6IkxlZ2VuZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5IH0gZnJvbSBcIi4uLy4uLy4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5jb25zdCBMZWdlbmRTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblxuXHQuY29sb3Ige1xuXHRcdHdpZHRoOiAxMnB4O1xuXHRcdGhlaWdodDogMTJweDtcblx0XHRib3JkZXItcmFkaXVzOiAyMHB4O1xuXHR9XG5cblx0LnRpdGxlIHtcblx0XHRjb2xvcjogIzQ3NDc0Nztcblx0XHRtYXJnaW4tbGVmdDogMTJweDtcblx0XHRtYXJnaW4tcmlnaHQ6IDEycHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBMZWdlbmQgPSAoeyBjb2xvciwgdGV4dCB9KSA9PiB7XHJcbiAgICBjb25zdCB0b1VwcGVyQ2FzZSA9IChuYW1lKSA9PiB7XHJcbiAgICAgICAgcmV0dXJuIG5hbWUuY2hhckF0KDApLnRvVXBwZXJDYXNlKCkgKyBuYW1lLnNsaWNlKDEpO1xyXG4gICAgfTtcclxuICAgIHJldHVybiAoX2pzeHMoTGVnZW5kU3R5bGVkLCB7IGNoaWxkcmVuOiBbX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogJ2NvbG9yJywgc3R5bGU6IHsgYmFja2dyb3VuZENvbG9yOiBjb2xvciB9IH0pLCBfanN4KEJvZHlQcmltYXJ5LCBPYmplY3QuYXNzaWduKHsgY2xhc3NOYW1lOiAndGl0bGUnIH0sIHsgY2hpbGRyZW46IHRvVXBwZXJDYXNlKHRleHQpIH0pKV0gfSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1MZWdlbmQuanMubWFwIl19 */",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)."}});exports.Legend=e=>{let{color:l,text:a}=e;return t.jsxs(i,{children:[t.jsx("div",{className:"color",style:{backgroundColor:l}}),t.jsx(c.BodyPrimary,Object.assign({className:"title"},{children:(s=a,s.charAt(0).toUpperCase()+s.slice(1))}))]});var s};

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

@@ -1,25 +0,0 @@
-import React from 'react';
-export type LineChartProps = {
-    canvasHeight?: number;
-    maintainAspectRatio?: boolean;
-    datas: {
-        data: number[];
-        lineColor?: string;
-        backgroundColor?: string;
-        dotted?: boolean;
-        gradient?: boolean;
-        legend?: string;
-    }[];
-    labels: Array<string>;
-    scaleText?: {
-        x?: string;
-        y?: string;
-        yPrefix?: string;
-    };
-    legends: Array<string>;
-    stepSize?: number;
-    min?: number;
-    max?: number;
-    isZeroState?: boolean;
-};
-export declare const LineChart: React.FC<LineChartProps>;