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

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

@@ -1,19 +1,19 @@
-import React, { CSSProperties } from 'react';
-import { ButtonProps } from '../button/model';
-export interface StepsDetails {
-    info: string;
-    hideBullet?: boolean;
-}
-export declare const AccessTokenTroubleshootDialog: React.FC<{
-    onCancel: () => void;
-    titleIconContainerStyles?: CSSProperties;
-    title: string;
-    TitleIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    desc: string;
-    primaryButton: ButtonProps | undefined;
-    isModalOpen: boolean;
-    stepsDetails?: StepsDetails[];
-    titleIconColor?: string;
-    content?: string;
-    secondaryButtonText?: string;
-}>;
+import React, { CSSProperties } from 'react';
+import { ButtonProps } from '../button/model';
+export interface StepsDetails {
+    info: string;
+    hideBullet?: boolean;
+}
+export declare const AccessTokenTroubleshootDialog: React.FC<{
+    onCancel: () => void;
+    titleIconContainerStyles?: CSSProperties;
+    title: string;
+    TitleIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    desc: string;
+    primaryButton: ButtonProps | undefined;
+    isModalOpen: boolean;
+    stepsDetails?: StepsDetails[];
+    titleIconColor?: string;
+    content?: string;
+    secondaryButtonText?: string;
+}>;

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

@@ -1 +1 @@
-import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import o from"../../assets/icons/alert.svg.js";import{COLORS as l}from"../../constants/Theme.js";import{StyledModal as r}from"../modals/styledModal.js";import{TitleMedium as s,BodySecondary as i,TitleSmall as c,BodyCaption as a}from"../TypographyStyle.js";import{Header as h,IconContainer as d,Description as m,StepsContainer as p,EachStep as u,BulletWrapper as y,Bullet as g}from"./AccessTokenTroubleshootDialog.styles.js";const j=n=>{let{info:o,hideBullet:l,last:r}=n;return t(u,Object.assign({last:r},{children:[!l&&e(y,{children:e(g,{})}),e(a,{dangerouslySetInnerHTML:{__html:o}})]}))},T=a=>{let{onCancel:u,titleIconContainerStyles:y,isModalOpen:g,title:T,desc:f,primaryButton:b,TitleIcon:B,stepsDetails:C,titleIconColor:I,secondaryButtonText:O,content:_}=a;return t(r,Object.assign({open:!!g,primaryButton:b?Object.assign({},b):void 0,secondaryButton:{buttonText:null!=O?O:"Cancel",onClick:u,buttonType:"tertiaryGray"},onClose:u},{children:[t(h,{children:[e(d,Object.assign({style:Object.assign({},y)},{children:B?e(B,{width:18,height:18,color:I}):e(o,{width:18,height:18,color:l.content.negative})})),e(s,{children:T})]}),e(m,{children:e(i,{dangerouslySetInnerHTML:{__html:f}})}),t(p,{children:[C&&!!C.length&&t(n,{children:[e(c,{children:"Follow the steps:"}),C.map(((t,n)=>e(j,{info:t.info,hideBullet:t.hideBullet,last:C.length-1===n},n)))]}),_&&e(i,{dangerouslySetInnerHTML:{__html:_}})]})]}))};export{T as AccessTokenTroubleshootDialog};
+import{jsxs as t,jsx as e,Fragment as n}from"react/jsx-runtime";import o from"../../assets/icons/alert.svg.js";import{COLORS as l}from"../../constants/Theme.js";import{StyledModal as r}from"../modals/styledModal.js";import{TitleMedium as i,BodySecondary as s,TitleSmall as c,BodyCaption as a}from"../TypographyStyle.js";import{Header as h,IconContainer as d,Description as m,StepsContainer as p,EachStep as u,BulletWrapper as y,Bullet as g}from"./AccessTokenTroubleshootDialog.styles.js";const T=n=>{let{info:o,hideBullet:l,last:r}=n;return t(u,{last:r,children:[!l&&e(y,{children:e(g,{})}),e(a,{dangerouslySetInnerHTML:{__html:o}})]})},f=a=>{let{onCancel:u,titleIconContainerStyles:y,isModalOpen:g,title:f,desc:j,primaryButton:B,TitleIcon:C,stepsDetails:I,titleIconColor:_,secondaryButtonText:b,content:M}=a;return t(r,{open:!!g,primaryButton:B?Object.assign({},B):void 0,secondaryButton:{buttonText:null!=b?b:"Cancel",onClick:u,buttonType:"tertiaryGray"},onClose:u,children:[t(h,{children:[e(d,{style:Object.assign({},y),children:C?e(C,{width:18,height:18,color:_}):e(o,{width:18,height:18,color:l.content.negative})}),e(i,{children:f})]}),e(m,{children:e(s,{dangerouslySetInnerHTML:{__html:j}})}),t(p,{children:[I&&!!I.length&&t(n,{children:[e(c,{children:"Follow the steps:"}),I.map(((t,n)=>e(T,{info:t.info,hideBullet:t.hideBullet,last:I.length-1===n},n)))]}),M&&e(s,{dangerouslySetInnerHTML:{__html:M}})]})]})};export{f as AccessTokenTroubleshootDialog};

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

@@ -1,10 +1,10 @@
-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>;
+export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const IconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StepsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const EachStep: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    last?: boolean;
+}>> & string;
+export declare const BulletWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Bullet: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Image: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;

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

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

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

@@ -1,36 +1,36 @@
-import React, { ReactNode } from 'react';
-export type HeaderButton = {
-    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    title: string;
-    onClick: () => void;
-    style?: React.CSSProperties;
-};
-export interface AccordionProps {
-    header: JSX.Element | string;
-    subHeader?: JSX.Element | string;
-    caption?: string;
-    children: ReactNode;
-    width?: string;
-    rightActionComponent?: JSX.Element;
-    contentMargin?: string;
-    skipHoverHeader?: boolean;
-    headerPadding?: string;
-    showBorders?: boolean;
-    backgroundColor?: string;
-    refresh?: number | boolean;
-    autoOpen?: boolean;
-    childrenMaxHeight?: number;
-    openDirection?: 'DOWN' | 'UP';
-    containerStyle?: React.CSSProperties;
-    headerStyles?: React.CSSProperties;
-    onToggleAccordion?: (state: boolean) => void;
-    arrowColor?: string;
-    isOpen?: boolean;
-    buttonLinkText?: string;
-    onButtonLinkClick?: () => void;
-    captionStyle?: React.CSSProperties;
-    borderColor?: string;
-    borderRadius?: string;
-    headerButtons?: HeaderButton[];
-}
-export declare const BikAccordion: React.FC<AccordionProps>;
+import React, { ReactNode } from 'react';
+export type HeaderButton = {
+    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    title: string;
+    onClick: () => void;
+    style?: React.CSSProperties;
+};
+export interface AccordionProps {
+    header: JSX.Element | string;
+    subHeader?: JSX.Element | string;
+    caption?: string;
+    children: ReactNode;
+    width?: string;
+    rightActionComponent?: JSX.Element;
+    contentMargin?: string;
+    skipHoverHeader?: boolean;
+    headerPadding?: string;
+    showBorders?: boolean;
+    backgroundColor?: string;
+    refresh?: number | boolean;
+    autoOpen?: boolean;
+    childrenMaxHeight?: number;
+    openDirection?: 'DOWN' | 'UP';
+    containerStyle?: React.CSSProperties;
+    headerStyles?: React.CSSProperties;
+    onToggleAccordion?: (state: boolean) => void;
+    arrowColor?: string;
+    isOpen?: boolean;
+    buttonLinkText?: string;
+    onButtonLinkClick?: () => void;
+    captionStyle?: React.CSSProperties;
+    borderColor?: string;
+    borderRadius?: string;
+    headerButtons?: HeaderButton[];
+}
+export declare const BikAccordion: React.FC<AccordionProps>;

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

@@ -1 +1 @@
-import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as n,useEffect as i}from"react";import{TitleRegular as l,BodySecondary as c}from"../TypographyStyle.js";import{Button as s}from"../button/Button.js";import{IconButton as a}from"../icon-button/IconButton.js";import d,{AccordionHeaderGroup as u,AccordionHeaderGroup2 as h}from"./Accordion.style.js";import v from"./AccordionArrow.js";const p=p=>{var g,m,b,y;const[_,w]=t(!1),f=n(null),x=n(null);i((()=>{p.autoOpen&&k(p.autoOpen,{})}),[p.autoOpen]),i((()=>{void 0!==p.isOpen&&k(p.isOpen,{})}),[p.isOpen]);const k=(e,r)=>{var o,t;x.current&&f.current&&("keydown"===r.type&&"Enter"!==r.key||(e!==_&&w(e),e?(x.current.style.maxHeight=(null!==(o=p.childrenMaxHeight)&&void 0!==o?o:x.current.scrollHeight)+"px",f.current.style.transform="rotate(180deg)",f.current.style.transition="transform 0.25s ease-in-out",x.current.style.transition="max-height 0.25s ease-in-out"):(x.current.style.maxHeight="",f.current.style.transform="rotate(0deg)",f.current.style.transition="transform 0.25s ease-in-out",x.current.style.transition="padding 0s"),null===(t=p.onToggleAccordion)||void 0===t||t.call(p,e)))};return i((()=>{const e=new MutationObserver((()=>{_&&x.current&&(x.current.style.maxHeight=x.current.scrollHeight+"px")}));return x.current&&e.observe(x.current,{childList:!0,subtree:!0}),()=>{e.disconnect()}}),[_]),i((()=>{var e;_&&(null==p?void 0:p.refresh)&&(null===(e=null==x?void 0:x.current)||void 0===e?void 0:e.scrollHeight)&&!p.childrenMaxHeight&&setTimeout((()=>{x.current.style.maxHeight=x.current.scrollHeight+"px"}),100)}),[_,null==p?void 0:p.refresh,null===(g=null==x?void 0:x.current)||void 0===g?void 0:g.scrollHeight]),e(d,Object.assign({className:"accordion",isActive:_,width:null==p?void 0:p.width,contentMargin:null==p?void 0:p.contentMargin,headerPadding:p.headerPadding,skipHoverState:p.skipHoverHeader,showBorders:p.showBorders,borderColor:p.borderColor,backgroundColor:p.backgroundColor,openDirection:p.openDirection,borderRadius:p.borderRadius},{children:[e("div",Object.assign({className:"accordion__overview "+(_?"active":""),style:null!==(m=null==p?void 0:p.containerStyle)&&void 0!==m?m:{},onClick:e=>k(!_,e),onKeyDown:e=>k(!_,e),role:"button",tabIndex:0},{children:[!p.rightActionComponent&&e(r,{children:[e("div",Object.assign({className:"accordion__overview__header",style:null!==(b=p.headerStyles)&&void 0!==b?b:{}},{children:[e(u,{children:["string"==typeof p.header?o(l,{children:null==p?void 0:p.header}):p.header,p.buttonLinkText&&o(s,{buttonText:p.buttonLinkText,buttonType:"text",darkMode:!0,onClick:p.onButtonLinkClick})]}),e(h,{children:[p.headerButtons&&o("div",Object.assign({className:"accordion__overview__header-buttons"},{children:null===(y=p.headerButtons)||void 0===y?void 0:y.map((e=>o(a,{Icon:e.icon,onClick:r=>{r.stopPropagation(),e.onClick()},width:16,height:16,style:e.style,title:e.title},e.title)))})),o(v,{arrowColor:p.arrowColor,isNewIcon:!0,ref:f})]})]})),(null==p?void 0:p.subHeader)?null==p?void 0:p.subHeader:null]}),p.rightActionComponent&&e("div",Object.assign({className:"accordion__overview__header"},{children:[e("div",Object.assign({className:"accordion__overview__title-wrapper"},{children:[o(v,{arrowColor:p.arrowColor,isNewIcon:!0,ref:f}),"string"==typeof p.header?o(l,{children:null==p?void 0:p.header}):p.header]})),o("div",Object.assign({onClick:e=>e.stopPropagation(),onKeyDown:e=>{"Enter"===e.key&&e.stopPropagation()},role:"button",tabIndex:0},{children:p.rightActionComponent}))]})),(null==p?void 0:p.caption)&&o("div",Object.assign({className:"accordion__overview__caption"},{children:o(c,{children:o("div",Object.assign({style:p.captionStyle},{children:p.caption}))})}))]})),o("div",Object.assign({ref:x,className:"accordion__content"},{children:p.children}))]}))};export{p as BikAccordion};
+import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as n,useEffect as i}from"react";import{TitleRegular as l,BodySecondary as c}from"../TypographyStyle.js";import{Button as d}from"../button/Button.js";import{IconButton as a}from"../icon-button/IconButton.js";import s,{AccordionHeaderGroup as u,AccordionHeaderGroup2 as h}from"./Accordion.style.js";import v from"./AccordionArrow.js";const p=p=>{var m,g,y,_;const[w,b]=t(!1),f=n(null),x=n(null);i((()=>{p.autoOpen&&k(p.autoOpen,{})}),[p.autoOpen]),i((()=>{void 0!==p.isOpen&&k(p.isOpen,{})}),[p.isOpen]);const k=(e,r)=>{var o,t;x.current&&f.current&&("keydown"===r.type&&"Enter"!==r.key||(e!==w&&b(e),e?(x.current.style.maxHeight=(null!==(o=p.childrenMaxHeight)&&void 0!==o?o:x.current.scrollHeight)+"px",f.current.style.transform="rotate(180deg)",f.current.style.transition="transform 0.25s ease-in-out",x.current.style.transition="max-height 0.25s ease-in-out"):(x.current.style.maxHeight="",f.current.style.transform="rotate(0deg)",f.current.style.transition="transform 0.25s ease-in-out",x.current.style.transition="padding 0s"),null===(t=p.onToggleAccordion)||void 0===t||t.call(p,e)))};return i((()=>{const e=new MutationObserver((()=>{w&&x.current&&(x.current.style.maxHeight=x.current.scrollHeight+"px")}));return x.current&&e.observe(x.current,{childList:!0,subtree:!0}),()=>{e.disconnect()}}),[w]),i((()=>{var e;w&&(null==p?void 0:p.refresh)&&(null===(e=null==x?void 0:x.current)||void 0===e?void 0:e.scrollHeight)&&!p.childrenMaxHeight&&setTimeout((()=>{x.current.style.maxHeight=x.current.scrollHeight+"px"}),100)}),[w,null==p?void 0:p.refresh,null===(m=null==x?void 0:x.current)||void 0===m?void 0:m.scrollHeight]),e(s,{className:"accordion",isActive:w,width:null==p?void 0:p.width,contentMargin:null==p?void 0:p.contentMargin,headerPadding:p.headerPadding,skipHoverState:p.skipHoverHeader,showBorders:p.showBorders,borderColor:p.borderColor,backgroundColor:p.backgroundColor,openDirection:p.openDirection,borderRadius:p.borderRadius,children:[e("div",{className:"accordion__overview "+(w?"active":""),style:null!==(g=null==p?void 0:p.containerStyle)&&void 0!==g?g:{},onClick:e=>k(!w,e),onKeyDown:e=>k(!w,e),role:"button",tabIndex:0,children:[!p.rightActionComponent&&e(r,{children:[e("div",{className:"accordion__overview__header",style:null!==(y=p.headerStyles)&&void 0!==y?y:{},children:[e(u,{children:["string"==typeof p.header?o(l,{children:null==p?void 0:p.header}):p.header,p.buttonLinkText&&o(d,{buttonText:p.buttonLinkText,buttonType:"text",darkMode:!0,onClick:p.onButtonLinkClick})]}),e(h,{children:[p.headerButtons&&o("div",{className:"accordion__overview__header-buttons",children:null===(_=p.headerButtons)||void 0===_?void 0:_.map((e=>o(a,{Icon:e.icon,onClick:r=>{r.stopPropagation(),e.onClick()},width:16,height:16,style:e.style,title:e.title},e.title)))}),o(v,{arrowColor:p.arrowColor,isNewIcon:!0,ref:f})]})]}),(null==p?void 0:p.subHeader)?null==p?void 0:p.subHeader:null]}),p.rightActionComponent&&e("div",{className:"accordion__overview__header",children:[e("div",{className:"accordion__overview__title-wrapper",children:[o(v,{arrowColor:p.arrowColor,isNewIcon:!0,ref:f}),"string"==typeof p.header?o(l,{children:null==p?void 0:p.header}):p.header]}),o("div",{onClick:e=>e.stopPropagation(),onKeyDown:e=>{"Enter"===e.key&&e.stopPropagation()},role:"button",tabIndex:0,children:p.rightActionComponent})]}),(null==p?void 0:p.caption)&&o("div",{className:"accordion__overview__caption",children:o(c,{children:o("div",{style:p.captionStyle,children:p.caption})})})]}),o("div",{ref:x,className:"accordion__content",children:p.children})]})};export{p as BikAccordion};

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

@@ -1,17 +1,17 @@
-import { AccordionProps } from './Accordion';
-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;
-    borderColor?: string | undefined;
-    borderRadius?: string | undefined;
-    backgroundColor?: string | undefined;
-    hasChildrenMaxHeight?: boolean | undefined;
-    openDirection?: AccordionProps['openDirection'];
-}, never>;
-export default AccordionStyle;
-export declare const AccordionHeaderGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AccordionHeaderGroup2: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { AccordionProps } from './Accordion';
+declare const AccordionStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isActive: boolean;
+    width?: string;
+    contentMargin?: string;
+    skipHoverState?: boolean;
+    headerPadding?: string;
+    showBorders?: boolean;
+    borderColor?: string;
+    borderRadius?: string;
+    backgroundColor?: string;
+    hasChildrenMaxHeight?: boolean;
+    openDirection?: AccordionProps["openDirection"];
+}>> & string;
+export default AccordionStyle;
+export declare const AccordionHeaderGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const AccordionHeaderGroup2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

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

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

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"react";const i=o.forwardRef(((o,i)=>{var l,n;return e("div",Object.assign({ref:i,className:"d-flex align-items-center"},{children:[!o.isNewIcon&&r("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:r("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:null!==(l=o.arrowColor)&&void 0!==l?l:"currentColor"})})),o.isNewIcon&&r("svg",Object.assign({width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:r("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:null!==(n=o.arrowColor)&&void 0!==n?n:"currentColor"})}))]}))}));i.displayName="BikAccordionArrow";export{i as default};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import o from"react";const l=o.forwardRef(((o,l)=>{var i,n;return r("div",{ref:l,className:"d-flex align-items-center",children:[!o.isNewIcon&&e("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("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:null!==(i=o.arrowColor)&&void 0!==i?i:"currentColor"})}),o.isNewIcon&&e("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("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:null!==(n=o.arrowColor)&&void 0!==n?n:"currentColor"})})]})}));l.displayName="BikAccordionArrow";export{l as default};

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

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

package/dist/esm/components/action-button/ActionButton.styled.d.ts

@@ -1,7 +1,7 @@
-export declare const ActionButtonContainer: import("styled-components").StyledComponent<"div", any, {
-    isSelected: boolean;
-    isError: boolean;
-    border: string;
-    isConfigured: boolean;
-    width?: string | undefined;
-}, never>;
+export declare const ActionButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isSelected: boolean;
+    isError: boolean;
+    border: string;
+    isConfigured: boolean;
+    width?: string;
+}>> & string;

package/dist/esm/components/action-button/ActionButtons.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-export interface ActionButtonInterface {
-    state: 'CONFIGURED' | 'NOT-CONFIGURED';
-    buttonText: string;
-    isSelected: boolean;
-    isError: boolean;
-    onClick: () => void;
-    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-}
-export declare const ActionButtons: React.FC<ActionButtonInterface>;
+import React from 'react';
+export interface ActionButtonInterface {
+    state: 'CONFIGURED' | 'NOT-CONFIGURED';
+    buttonText: string;
+    isSelected: boolean;
+    isError: boolean;
+    onClick: () => void;
+    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+}
+export declare const ActionButtons: React.FC<ActionButtonInterface>;

package/dist/esm/components/action-button/ActionButtons.js

@@ -1 +1 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{BASE_COLORS as o}from"../../constants/Theme.js";import s from"../../assets/icons/similar.svg.js";import{BodyPrimary as i}from"../TypographyStyle.js";import{ActionButtonContainer as t}from"./ActionButton.styled.js";const l=l=>{let{state:c,buttonText:a,icon:d=s,isSelected:n,isError:g,onClick:b}=l;const{color:p,border:m}="CONFIGURED"===c?(r=>{let{isSelected:e,isError:s}=r;return e&&s?{color:o.negative[700],border:`1px solid ${o.negative[700]}`}:e?{color:o.brand[500],border:`1px solid ${o.brand[500]}`}:s?{color:o.grayscale[900],border:`1px solid ${o.negative[700]}`}:{color:o.grayscale[900],border:`1px solid ${o.grayscale[200]}`}})({isSelected:n,isError:g}):(r=>{let{isSelected:e,isError:s}=r;return e&&s?{color:o.negative[700],border:`1px solid ${o.negative[700]}`}:e?{color:o.brand[500],border:`1px solid ${o.brand[500]}`}:s?{color:o.grayscale[700],border:`1px solid ${o.negative[700]}`}:{color:o.grayscale[700],border:`1px dashed ${o.grayscale[200]}`}})({isSelected:n,isError:g}),y={height:20,width:20,color:p,style:{display:"block"},className:"icon"};return r(t,Object.assign({isSelected:n,isError:g,border:m,isConfigured:"CONFIGURED"===c,onClick:b},{children:[e("div",Object.assign({className:"action__icon"},{children:e(d,Object.assign({},y))})),e(i,Object.assign({style:{fontWeight:600,color:p}},{children:a}))]}))};export{l as ActionButtons};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{BASE_COLORS as o}from"../../constants/Theme.js";import s from"../../assets/icons/similar.svg.js";import{BodyPrimary as i}from"../TypographyStyle.js";import{ActionButtonContainer as t}from"./ActionButton.styled.js";const l=l=>{let{state:c,buttonText:d,icon:a=s,isSelected:n,isError:g,onClick:b}=l;const{color:p,border:m}="CONFIGURED"===c?(r=>{let{isSelected:e,isError:s}=r;return e&&s?{color:o.negative[700],border:`1px solid ${o.negative[700]}`}:e?{color:o.brand[500],border:`1px solid ${o.brand[500]}`}:s?{color:o.grayscale[900],border:`1px solid ${o.negative[700]}`}:{color:o.grayscale[900],border:`1px solid ${o.grayscale[200]}`}})({isSelected:n,isError:g}):(r=>{let{isSelected:e,isError:s}=r;return e&&s?{color:o.negative[700],border:`1px solid ${o.negative[700]}`}:e?{color:o.brand[500],border:`1px solid ${o.brand[500]}`}:s?{color:o.grayscale[700],border:`1px solid ${o.negative[700]}`}:{color:o.grayscale[700],border:`1px dashed ${o.grayscale[200]}`}})({isSelected:n,isError:g}),y={height:20,width:20,color:p,style:{display:"block"},className:"icon"};return r(t,{isSelected:n,isError:g,border:m,isConfigured:"CONFIGURED"===c,onClick:b,children:[e("div",{className:"action__icon",children:e(a,Object.assign({},y))}),e(i,{style:{fontWeight:600,color:p},children:d})]})};export{l as ActionButtons};

package/dist/esm/components/action-button/index.d.ts

@@ -1 +1 @@
-export * from './ActionButtons';
+export * from './ActionButtons';

package/dist/esm/components/add-variableV2/AddVariableBox.styled.d.ts

@@ -1 +1 @@
-export declare const AddVariableStyled: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const AddVariableStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;

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

@@ -1,58 +1,58 @@
-import React from 'react';
-export interface VariableListInterfaceV2 {
-    displayName: string;
-    description: string;
-    orderId: number;
-    variables?: any;
-}
-export interface Variable {
-    description?: string;
-    defaultValue?: string;
-    displayName: string;
-    actualValue: string;
-    variableType: string;
-    isAvailable: boolean;
-    actualValueEval?: string;
-    isSubHeader?: boolean;
-    variables?: {
-        [key: string]: Variable;
-    };
-    needsFetching?: boolean;
-}
-export interface AddVariableProps {
-    data: VariableListInterfaceV2[];
-    showVariable: any;
-    setShowVariable: any;
-    variableValue?: any;
-    setVariableValue?: any;
-    placeholder: string;
-    customTrigger?: any;
-    isSearchRequired?: boolean;
-    isModalState?: boolean;
-    leftPosition?: number;
-    topPosition?: string;
-    pickerSize?: string;
-    enableVariable?: boolean;
-    isEvaluationList?: boolean;
-    onSearchBlur?: (e: any) => void;
-    id?: string;
-    selectWithTypes?: boolean;
-    positionStrategy?: 'static' | 'fixed';
-    zindex?: number;
-    hasHeader?: boolean;
-    height?: string;
-    needsBorder?: boolean;
-    reRender?: string;
-    styledCloseBtn?: boolean;
-    width?: string;
-    readonly?: boolean;
-}
-type Props = AddVariableProps;
-export interface VariableBoxProps {
-    item: Variable;
-    raw?: string;
-    parentKey?: string;
-    readonly?: boolean;
-}
-export declare const AddVariableV2: React.FC<Props>;
-export {};
+import React from 'react';
+export interface VariableListInterfaceV2 {
+    displayName: string;
+    description: string;
+    orderId: number;
+    variables?: any;
+}
+export interface Variable {
+    description?: string;
+    defaultValue?: string;
+    displayName: string;
+    actualValue: string;
+    variableType: string;
+    isAvailable: boolean;
+    actualValueEval?: string;
+    isSubHeader?: boolean;
+    variables?: {
+        [key: string]: Variable;
+    };
+    needsFetching?: boolean;
+}
+export interface AddVariableProps {
+    data: VariableListInterfaceV2[];
+    showVariable: any;
+    setShowVariable: any;
+    variableValue?: any;
+    setVariableValue?: any;
+    placeholder: string;
+    customTrigger?: any;
+    isSearchRequired?: boolean;
+    isModalState?: boolean;
+    leftPosition?: number;
+    topPosition?: string;
+    pickerSize?: string;
+    enableVariable?: boolean;
+    isEvaluationList?: boolean;
+    onSearchBlur?: (e: any) => void;
+    id?: string;
+    selectWithTypes?: boolean;
+    positionStrategy?: 'static' | 'fixed';
+    zindex?: number;
+    hasHeader?: boolean;
+    height?: string;
+    needsBorder?: boolean;
+    reRender?: string;
+    styledCloseBtn?: boolean;
+    width?: string;
+    readonly?: boolean;
+}
+type Props = AddVariableProps;
+export interface VariableBoxProps {
+    item: Variable;
+    raw?: string;
+    parentKey?: string;
+    readonly?: boolean;
+}
+export declare const AddVariableV2: React.FC<Props>;
+export {};

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

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as a,jsxs as i,Fragment as s}from"react/jsx-runtime";import l from"../../assets/icons/back_icon.svg.js";import t from"../../assets/icons/chevronRightAlt.svg.js";import n from"../../assets/icons/cross.svg.js";import r from"../../assets/icons/plus.svg.js";import o from"../../assets/icons/undo.svg.js";import{memo as c,useState as d,useEffect as b}from"react";import{AddVariableStyled as v}from"./AddVariableV2.styled.js";import{Button as m}from"../button/Button.js";import{IconButton as h}from"../icon-button/IconButton.js";import{SearchBar as g}from"../searchBar/searchBar.js";import{Tooltip as p}from"../tooltips/Tooltip.js";import{COLORS as u}from"../../constants/Theme.js";import{CloseButtonContainer as y}from"../modals/modal.styled.js";import{Switch as f}from"../switch/Switch.js";import{BodySecondary as j,TitleSmall as O,BodyCaption as N}from"../TypographyStyle.js";const V=c((c=>{const{data:V,hasHeader:w=!0,needsBorder:S=!0,styledCloseBtn:_=!1,readonly:C=!1}=c,[T,k]=d({}),[x,L]=d(),[B,I]=d(""),[A,E]=d(""),[F,H]=d(!0),z=/.*\..*/,[P,$]=d(c.data),[R,M]=d(!0);b((()=>{const e={};V.forEach((a=>{e[a.displayName]=[]})),L(e)}),[V]),b((()=>{G(!0)}),[]),b((()=>{G(R,!B)}),[T,B]),b((()=>{M(!0),E(""),D([],B),L((e=>Object.assign(Object.assign({},e),{[B]:[]}))),I("");const e=c.data.map((e=>J(e))).filter((e=>null!==e));$(e),e.length>0?H(!0):H(!1)}),[c.reRender]),b((()=>{let e=c.data;B&&(e=[T[B]]);W(e,R).length>0?H(!0):H(!1)}),[A]);const W=function(e){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return e.flatMap((e=>Object.keys(e.variables).filter((i=>{var s;return(null===(s=e.variables[i].displayName)||void 0===s?void 0:s.toLowerCase().includes(A.toLowerCase()))&&(!a||e.variables[i].isAvailable===a)||q(e.variables[i])}))))},D=(e,a)=>{const i=V.find((e=>e.displayName===a));if(i){let s=i;e.forEach(((e,a)=>{s=s.variables[e]})),k((e=>Object.assign(Object.assign({},e),{[a]:s})))}},q=e=>{let a=!1;if(e.isSubHeader&&e.variables){const i=Object.keys(e.variables);for(let s=0;s<i.length;s++){const l=i[s];if(e.variables&&e.variables[l].displayName.toLowerCase().includes(A.toLowerCase())&&e.variables[l].isAvailable===R){a=!0;break}}}return a},G=function(e){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(M(e),e){let i=[];if(!B||a)i=c.data.map((e=>J(e))).filter((e=>null!==e));else{const e=T[B];i=c.data.filter((e=>e.displayName===B)).map((a=>J(a,e))).filter((e=>null!=e))}$(i),A&&(i=W(i,e)),i.length>0?H(!0):H(!1)}else if($(c.data),A){W(c.data,e).length>0?H(!0):H(!1)}else H(!0)};function J(e,a){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(a)for(const s in e.variables)if(e.variables[s].displayName===a.displayName)for(const a in e.variables[s].variables)e.variables[s].variables[a].isAvailable&&(i[a]=e.variables[s].variables[a]);else e.variables[s].isSubHeader&&J(e.variables[s],a,i);else for(const a in e.variables)e.variables[a].isAvailable&&(i[a]=e.variables[a]);return 0===Object.keys(i).length?null:Object.assign(Object.assign({},e),{variables:i})}const K=e=>{const i=e.item.description;return e.readonly?a("div",{children:a(Q,{item:e.item,readonly:e.readonly})}):a(s,{children:a(p,Object.assign({body:"",tooltipContent:a(N,Object.assign({color:u.content.primaryInverse,style:{whiteSpace:"pre-line",padding:8}},{children:e.item.isAvailable?i?`• ${i}\n• Recommended here`:"Recommended here":"Not recommended here"})),width:300,delay:300,placement:"bottom"},{children:a("div",{children:a(Q,{item:e.item})})}))})},Q=e=>a(m,{darkMode:c.enableVariable?c.enableVariable:e.item.isAvailable,size:"chip",disabled:!!e.readonly&&!e.item.isSubHeader,LeadingIcon:e.item.isSubHeader||e.readonly?void 0:r,TrailingIcon:()=>e.item.isSubHeader?a("div",Object.assign({className:"icon-trailing",style:{display:"flex"}},{children:a(t,{})})):a(s,{}),buttonText:e.item.displayName}),U=(e,i)=>R&&!e.isAvailable?a(s,{}):a("div",Object.assign({onClick:e.isSubHeader?()=>{W([e],R).length||H(!1),E("");const a=[...x[B],i];D(a,B),L((e=>Object.assign(Object.assign({},e),{[B]:a})))}:()=>{c.customTrigger?(c.customTrigger(e),c.setShowVariable(!1)):c.isEvaluationList?Y(e):c.setVariableValue(c.selectWithTypes?{actualValue:e.actualValue,variableType:e.variableType,needsFetching:e.needsFetching}:e.actualValue)}},{children:a(K,{item:e,readonly:C})})),X=(e,a)=>{const i=[...x[e.displayName],a];D(i,e.displayName),L((a=>Object.assign(Object.assign({},a),{[e.displayName]:i}))),I(e.displayName)},Y=e=>{if(e.actualValue.match(z)){const a=e.actualValue.replace("{{","").replace("}}","").split(".");let i=a[0];a.forEach(((e,a)=>{if(0===a)return;const s=(e=>/\w+\[\d+\]/g.test(e))(e);if(s){const a=e.match(/(\w+)\[(\d+)\]/);if(a){const e=a[1],s=a[2];i+=`['${e}'][${s}]`}}else i+=`['${e}']`})),c.setVariableValue(c.selectWithTypes?{actualValue:i,variableType:e.variableType,needsFetching:e.needsFetching}:i)}else{const a=e.actualValueEval?e.actualValueEval:e.actualValue;c.setVariableValue(c.selectWithTypes?{actualValue:a,variableType:e.variableType,needsFetching:e.needsFetching}:a)}},Z=(e,a)=>{if(c.customTrigger)c.customTrigger(e.variables[a]),c.setShowVariable(!1);else if(c.isEvaluationList){const i=e.variables[a];Y(i)}else c.setVariableValue(c.selectWithTypes?{actualValue:e.variables[a].actualValue,variableType:e.variables[a].variableType,needsFetching:e.variables[a].needsFetching}:e.variables[a].actualValue)},ee=c.isModalState?void 0:{top:`${c.topPosition?c.topPosition:"small"===c.pickerSize?"300px":"60px"}`,left:`${c.leftPosition?c.leftPosition+24:430}px`};return a("div",Object.assign({id:"varList",tabIndex:-1},{children:i(v,Object.assign({style:ee,onClick:e=>{e.stopPropagation()},pickerSize:c.pickerSize||"large",isModalState:c.isModalState,positionStrategy:c.positionStrategy,zIndex:c.zindex,height:c.height,needsBorder:S,width:c.width},{children:[_&&a(y,Object.assign({onClick:()=>{c.setShowVariable(!1)},style:{zIndex:300}},{children:a(n,{height:20,width:20,color:u.content.secondary})})),c.showVariable&&i("div",Object.assign({className:"popup"},{children:[i("div",Object.assign({className:"sticky__bar"},{children:[w&&i("div",Object.assign({className:"header__bar"},{children:[a("div",Object.assign({className:"add__variable"},{children:"Add a new variable"})),!_&&a("div",Object.assign({onClick:()=>{c.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:a(h,{iconButtonType:"default",Icon:n})}))]})),i("div",Object.assign({className:"search__bar",onBlur:e=>{c.onSearchBlur&&c.onSearchBlur(e)}},{children:[a(g,{width:"100%",isEnabled:!0,onChange:e=>{E(e)},onEnter:()=>{},reset:!A,placeholder:"Search...",variant:"default"}),i("div",Object.assign({style:{display:"flex",alignItems:"center",marginTop:8,justifyContent:"space-between"}},{children:[a(j,Object.assign({style:{color:u.content.secondary}},{children:"Show only recommended variables"})),a(f,{value:R,onValueChange:a=>e(void 0,void 0,void 0,(function*(){return yield G(a)}))})]}))]})),B&&x[B].length>0&&i("div",Object.assign({className:"nav__bar"},{children:[i("div",Object.assign({className:"left__nav"},{children:[a(h,{Icon:l,style:{color:"#919191",display:"flex"},onClick:()=>{E("");const e=x[B].slice(0,-1);D(e,B),L((a=>Object.assign(Object.assign({},a),{[B]:e}))),e.length||I("")}}),i("div",Object.assign({className:"block"},{children:[a(O,{children:T[B].displayName}),T[B].description&&a(N,{children:T[B].description})]}))]})),i("div",Object.assign({className:"right__nav"},{children:[a(h,{Icon:o,style:{display:"flex"},onClick:()=>{E(""),D([],B),L((e=>Object.assign(Object.assign({},e),{[B]:[]}))),I("")}}),a("div",{children:"First page"})]}))]}))]})),!F&&i("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16}},{children:[a(O,{children:"No results found!"}),a(N,R?{children:"Sorry we could not find any recommended variables"}:{children:`Sorry we could not find any results for "${A}"`})]})),a("div",Object.assign({className:"wrapper"},{children:a("div",Object.assign({className:"list__map"},{children:i("div",Object.assign({className:"items"},{children:[!B&&P.map((e=>{let l=[];return A&&(l=Object.keys(e.variables).filter((a=>{var i;return(null===(i=e.variables[a].displayName)||void 0===i?void 0:i.toLowerCase().includes(A.toLowerCase()))||q(e.variables[a])}))),i(s,{children:[A?l.length>0?i("div",Object.assign({className:"block"},{children:[a("div",Object.assign({className:"heading__font"},{children:null==e?void 0:e.displayName})),a(N,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==e?void 0:e.description}))]})):a(s,{}):i("div",Object.assign({className:"block"},{children:[a("div",Object.assign({className:"heading__font"},{children:null==e?void 0:e.displayName})),a(N,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==e?void 0:e.description}))]})),Object.keys(e.variables).map((i=>{var l;return A?(null===(l=e.variables[i].displayName)||void 0===l?void 0:l.toLowerCase().includes(A.toLowerCase()))||q(e.variables[i])?a("div",Object.assign({onClick:e.variables[i].isSubHeader?()=>X(e,i):()=>Z(e,i)},{children:a(K,{item:e.variables[i],readonly:C})})):a(s,{}):a("div",Object.assign({onClick:e.variables[i].isSubHeader?()=>X(e,i):()=>Z(e,i)},{children:a(K,{item:e.variables[i],readonly:C})}))}))]})})),B&&a("div",Object.assign({className:"list__map"},{children:a("div",Object.assign({className:"items",style:{marginTop:16}},{children:Object.keys(T[B].variables).map(((e,i)=>{var l;return A?(null===(l=T[B].variables[e].displayName)||void 0===l?void 0:l.toLowerCase().includes(A.toLowerCase()))||q(T[B].variables[e])?U(T[B].variables[e],e):a(s,{}):U(T[B].variables[e],e)}))}))}))]}))}))})),a("div",{className:"bottom__padding"})]}))]}))}))}),((e,a)=>e.enableVariable===a.enableVariable&&(e.leftPosition===a.leftPosition&&e.reRender===a.reRender)));export{V as AddVariableV2};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as a,jsxs as i,Fragment as l}from"react/jsx-runtime";import s from"../../assets/icons/back_icon.svg.js";import t from"../../assets/icons/chevronRightAlt.svg.js";import r from"../../assets/icons/cross.svg.js";import n from"../../assets/icons/plus.svg.js";import o from"../../assets/icons/undo.svg.js";import{memo as d,useState as c,useEffect as v}from"react";import{AddVariableStyled as m}from"./AddVariableV2.styled.js";import{Button as b}from"../button/Button.js";import{IconButton as h}from"../icon-button/IconButton.js";import{SearchBar as p}from"../searchBar/searchBar.js";import{Tooltip as u}from"../tooltips/Tooltip.js";import{COLORS as y}from"../../constants/Theme.js";import{CloseButtonContainer as g}from"../modals/modal.styled.js";import{Switch as f}from"../switch/Switch.js";import{BodySecondary as N,TitleSmall as j,BodyCaption as V}from"../TypographyStyle.js";const w=d((d=>{const{data:w,hasHeader:S=!0,needsBorder:_=!0,styledCloseBtn:C=!1,readonly:T=!1}=d,[k,O]=c({}),[x,L]=c(),[B,I]=c(""),[A,E]=c(""),[F,H]=c(!0),z=/.*\..*/,[P,$]=c(d.data),[R,M]=c(!0);v((()=>{const e={};w.forEach((a=>{e[a.displayName]=[]})),L(e)}),[w]),v((()=>{G(!0)}),[]),v((()=>{G(R,!B)}),[k,B]),v((()=>{M(!0),E(""),D([],B),L((e=>Object.assign(Object.assign({},e),{[B]:[]}))),I("");const e=d.data.map((e=>J(e))).filter((e=>null!==e));$(e),e.length>0?H(!0):H(!1)}),[d.reRender]),v((()=>{let e=d.data;B&&(e=[k[B]]);W(e,R).length>0?H(!0):H(!1)}),[A]);const W=function(e){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return e.flatMap((e=>Object.keys(e.variables).filter((i=>{var l;return(null===(l=e.variables[i].displayName)||void 0===l?void 0:l.toLowerCase().includes(A.toLowerCase()))&&(!a||e.variables[i].isAvailable===a)||q(e.variables[i])}))))},D=(e,a)=>{const i=w.find((e=>e.displayName===a));if(i){let l=i;e.forEach(((e,a)=>{l=l.variables[e]})),O((e=>Object.assign(Object.assign({},e),{[a]:l})))}},q=e=>{let a=!1;if(e.isSubHeader&&e.variables){const i=Object.keys(e.variables);for(let l=0;l<i.length;l++){const s=i[l];if(e.variables&&e.variables[s].displayName.toLowerCase().includes(A.toLowerCase())&&e.variables[s].isAvailable===R){a=!0;break}}}return a},G=function(e){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(M(e),e){let i=[];if(!B||a)i=d.data.map((e=>J(e))).filter((e=>null!==e));else{const e=k[B];i=d.data.filter((e=>e.displayName===B)).map((a=>J(a,e))).filter((e=>null!=e))}$(i),A&&(i=W(i,e)),i.length>0?H(!0):H(!1)}else if($(d.data),A){W(d.data,e).length>0?H(!0):H(!1)}else H(!0)};function J(e,a){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(a)for(const l in e.variables)if(e.variables[l].displayName===a.displayName)for(const a in e.variables[l].variables)e.variables[l].variables[a].isAvailable&&(i[a]=e.variables[l].variables[a]);else e.variables[l].isSubHeader&&J(e.variables[l],a,i);else for(const a in e.variables)e.variables[a].isAvailable&&(i[a]=e.variables[a]);return 0===Object.keys(i).length?null:Object.assign(Object.assign({},e),{variables:i})}const K=e=>{const i=e.item.description;return e.readonly?a("div",{children:a(Q,{item:e.item,readonly:e.readonly})}):a(l,{children:a(u,{body:"",tooltipContent:a(V,{color:y.content.primaryInverse,style:{whiteSpace:"pre-line",padding:8},children:e.item.isAvailable?i?`• ${i}\n• Recommended here`:"Recommended here":"Not recommended here"}),width:300,delay:300,placement:"bottom",children:a("div",{children:a(Q,{item:e.item})})})})},Q=e=>a(b,{darkMode:d.enableVariable?d.enableVariable:e.item.isAvailable,size:"chip",disabled:!!e.readonly&&!e.item.isSubHeader,LeadingIcon:e.item.isSubHeader||e.readonly?void 0:n,TrailingIcon:()=>e.item.isSubHeader?a("div",{className:"icon-trailing",style:{display:"flex"},children:a(t,{})}):a(l,{}),buttonText:e.item.displayName}),U=(e,i)=>R&&!e.isAvailable?a(l,{}):a("div",{onClick:e.isSubHeader?()=>{W([e],R).length||H(!1),E("");const a=[...x[B],i];D(a,B),L((e=>Object.assign(Object.assign({},e),{[B]:a})))}:()=>{d.customTrigger?(d.customTrigger(e),d.setShowVariable(!1)):d.isEvaluationList?Y(e):d.setVariableValue(d.selectWithTypes?{actualValue:e.actualValue,variableType:e.variableType,needsFetching:e.needsFetching}:e.actualValue)},children:a(K,{item:e,readonly:T})}),X=(e,a)=>{const i=[...x[e.displayName],a];D(i,e.displayName),L((a=>Object.assign(Object.assign({},a),{[e.displayName]:i}))),I(e.displayName)},Y=e=>{if(e.actualValue.match(z)){const a=e.actualValue.replace("{{","").replace("}}","").split(".");let i=a[0];a.forEach(((e,a)=>{if(0===a)return;const l=(e=>/\w+\[\d+\]/g.test(e))(e);if(l){const a=e.match(/(\w+)\[(\d+)\]/);if(a){const e=a[1],l=a[2];i+=`['${e}'][${l}]`}}else i+=`['${e}']`})),d.setVariableValue(d.selectWithTypes?{actualValue:i,variableType:e.variableType,needsFetching:e.needsFetching}:i)}else{const a=e.actualValueEval?e.actualValueEval:e.actualValue;d.setVariableValue(d.selectWithTypes?{actualValue:a,variableType:e.variableType,needsFetching:e.needsFetching}:a)}},Z=(e,a)=>{if(d.customTrigger)d.customTrigger(e.variables[a]),d.setShowVariable(!1);else if(d.isEvaluationList){const i=e.variables[a];Y(i)}else d.setVariableValue(d.selectWithTypes?{actualValue:e.variables[a].actualValue,variableType:e.variables[a].variableType,needsFetching:e.variables[a].needsFetching}:e.variables[a].actualValue)},ee=d.isModalState?void 0:{top:`${d.topPosition?d.topPosition:"small"===d.pickerSize?"300px":"60px"}`,left:`${d.leftPosition?d.leftPosition+24:430}px`};return a("div",{id:"varList",tabIndex:-1,children:i(m,{style:ee,onClick:e=>{e.stopPropagation()},pickerSize:d.pickerSize||"large",isModalState:d.isModalState,positionStrategy:d.positionStrategy,zIndex:d.zindex,height:d.height,needsBorder:_,width:d.width,children:[C&&a(g,{onClick:()=>{d.setShowVariable(!1)},style:{zIndex:300},children:a(r,{height:20,width:20,color:y.content.secondary})}),d.showVariable&&i("div",{className:"popup",children:[i("div",{className:"sticky__bar",children:[S&&i("div",{className:"header__bar",children:[a("div",{className:"add__variable",children:"Add a new variable"}),!C&&a("div",{onClick:()=>{d.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"},children:a(h,{iconButtonType:"default",Icon:r})})]}),i("div",{className:"search__bar",onBlur:e=>{d.onSearchBlur&&d.onSearchBlur(e)},children:[a(p,{width:"100%",isEnabled:!0,onChange:e=>{E(e)},onEnter:()=>{},reset:!A,placeholder:"Search...",variant:"default"}),i("div",{style:{display:"flex",alignItems:"center",marginTop:8,justifyContent:"space-between"},children:[a(N,{style:{color:y.content.secondary},children:"Show only recommended variables"}),a(f,{value:R,onValueChange:a=>e(void 0,void 0,void 0,(function*(){return yield G(a)}))})]})]}),B&&x[B].length>0&&i("div",{className:"nav__bar",children:[i("div",{className:"left__nav",children:[a(h,{Icon:s,style:{color:"#919191",display:"flex"},onClick:()=>{E("");const e=x[B].slice(0,-1);D(e,B),L((a=>Object.assign(Object.assign({},a),{[B]:e}))),e.length||I("")}}),i("div",{className:"block",children:[a(j,{children:k[B].displayName}),k[B].description&&a(V,{children:k[B].description})]})]}),i("div",{className:"right__nav",children:[a(h,{Icon:o,style:{display:"flex"},onClick:()=>{E(""),D([],B),L((e=>Object.assign(Object.assign({},e),{[B]:[]}))),I("")}}),a("div",{children:"First page"})]})]})]}),!F&&i("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16},children:[a(j,{children:"No results found!"}),a(V,R?{children:"Sorry we could not find any recommended variables"}:{children:`Sorry we could not find any results for "${A}"`})]}),a("div",{className:"wrapper",children:a("div",{className:"list__map",children:i("div",{className:"items",children:[!B&&P.map((e=>{let s=[];return A&&(s=Object.keys(e.variables).filter((a=>{var i;return(null===(i=e.variables[a].displayName)||void 0===i?void 0:i.toLowerCase().includes(A.toLowerCase()))||q(e.variables[a])}))),i(l,{children:[A?s.length>0?i("div",{className:"block",children:[a("div",{className:"heading__font",children:null==e?void 0:e.displayName}),a(V,{style:{marginBottom:8,color:"#616161"},children:null==e?void 0:e.description})]}):a(l,{}):i("div",{className:"block",children:[a("div",{className:"heading__font",children:null==e?void 0:e.displayName}),a(V,{style:{marginBottom:8,color:"#616161"},children:null==e?void 0:e.description})]}),Object.keys(e.variables).map((i=>{var s;return A?(null===(s=e.variables[i].displayName)||void 0===s?void 0:s.toLowerCase().includes(A.toLowerCase()))||q(e.variables[i])?a("div",{onClick:e.variables[i].isSubHeader?()=>X(e,i):()=>Z(e,i),children:a(K,{item:e.variables[i],readonly:T})}):a(l,{}):a("div",{onClick:e.variables[i].isSubHeader?()=>X(e,i):()=>Z(e,i),children:a(K,{item:e.variables[i],readonly:T})})}))]})})),B&&a("div",{className:"list__map",children:a("div",{className:"items",style:{marginTop:16},children:Object.keys(k[B].variables).map(((e,i)=>{var s;return A?(null===(s=k[B].variables[e].displayName)||void 0===s?void 0:s.toLowerCase().includes(A.toLowerCase()))||q(k[B].variables[e])?U(k[B].variables[e],e):a(l,{}):U(k[B].variables[e],e)}))})})]})})}),a("div",{className:"bottom__padding"})]})]})})}),((e,a)=>e.enableVariable===a.enableVariable&&(e.leftPosition===a.leftPosition&&e.reRender===a.reRender)));export{w as AddVariableV2};

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

@@ -1,12 +1,12 @@
-export declare const AddVariableStyled: import("styled-components").StyledComponent<"div", any, {
-    pickerSize: string;
-    isModalState?: boolean | undefined;
-    zIndex?: number | undefined;
-    positionStrategy?: string | undefined;
-    height?: string | undefined;
-    needsBorder?: boolean | undefined;
-    width?: string | undefined;
-}, never>;
-export declare const VariableBoxStyled: import("styled-components").StyledComponent<"div", any, {
-    isAvailable?: boolean | undefined;
-}, never>;
+export declare const AddVariableStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    pickerSize: string;
+    isModalState?: boolean;
+    zIndex?: number;
+    positionStrategy?: string;
+    height?: string;
+    needsBorder?: boolean;
+    width?: string;
+}>> & string;
+export declare const VariableBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isAvailable?: boolean;
+}>> & string;

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

@@ -1,19 +1,19 @@
-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>;
+import React from 'react';
+import { VariableListInterfaceV2 } from '@src/components/add-variableV2/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 +1 @@
-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};
+import{jsx as e}from"react/jsx-runtime";import a from"react-dom";import{AddVariableV2 as r}from"./AddVariableV2.js";import{SideModalStyle as l,SideModalContainer as t}from"../side-modal/SideModal.style.js";const o=o=>a.createPortal(e(l,{zIndex:o.zIndex,children:e(t,{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 +1,2 @@
-export * from './AddVariableV2SideModal';
-export * from './AddVariableV2';
+export * from './AddVariableV2SideModal';
+export * from './AddVariableV2';

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

@@ -1,6 +1,6 @@
-export type SelectedVariable = {
-    actualValue: string;
-    variableType: VARIABLE_TYPES;
-    needsFetching?: boolean;
-};
-export type VARIABLE_TYPES = 'number' | 'string' | 'integer' | 'boolean' | 'list' | 'any';
+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 +1,9 @@
-import React from 'react';
-import { POD } from '../template-preview/models/WhatsAppTemplate';
-export declare const ActivateBikAi: React.FC<{
-    open: boolean;
-    onModalClose: () => void;
-    onRightBtnClick: () => void;
-    onLeftBtnClick: () => void;
-    source: POD.CHATBOT | POD.CRM;
-}>;
+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;
+}>;