@bikdotai/bik-component-library 0.0.687-beta.9 → 0.0.687

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

@@ -1,23 +1,19 @@
-import React__default, { CSSProperties } from 'react';
-import { ButtonProps } from '../button/model.js';
-
-interface StepsDetails {
-    info: string;
-    hideBullet?: boolean;
-}
-declare const AccessTokenTroubleshootDialog: React__default.FC<{
-    onCancel: () => void;
-    titleIconContainerStyles?: CSSProperties;
-    title: string;
-    TitleIcon?: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
-    desc: string;
-    primaryButton: ButtonProps | undefined;
-    isModalOpen: boolean;
-    stepsDetails?: StepsDetails[];
-    titleIconColor?: string;
-    content?: string;
-    secondaryButtonText?: string;
-}>;
-
-export { AccessTokenTroubleshootDialog };
-export type { StepsDetails };
+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/cjs/components/access-token-troubleshoot-dialog/AccessTokenTroubleshootDialog.js

@@ -1 +1 @@
-"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"),o=require("./AccessTokenTroubleshootDialog.styles.js");const r=({info:t,hideBullet:s,last:l})=>e.jsxs(o.EachStep,{last:l,children:[!s&&e.jsx(o.BulletWrapper,{children:e.jsx(o.Bullet,{})}),e.jsx(n.BodyCaption,{dangerouslySetInnerHTML:{__html:t}})]});exports.AccessTokenTroubleshootDialog=({onCancel:i,titleIconContainerStyles:a,isModalOpen:c,title:d,desc:h,primaryButton:u,TitleIcon:j,stepsDetails:y,titleIconColor:x,secondaryButtonText:p,content:T})=>e.jsxs(l.StyledModal,{open:!!c,primaryButton:u?{...u}:void 0,secondaryButton:{buttonText:p??"Cancel",onClick:i,buttonType:"tertiaryGray"},onClose:i,children:[e.jsxs(o.Header,{children:[e.jsx(o.IconContainer,{style:{...a},children:j?e.jsx(j,{width:18,height:18,color:x}):e.jsx(t.default,{width:18,height:18,color:s.COLORS.content.negative})}),e.jsx(n.TitleMedium,{children:d})]}),e.jsx(o.Description,{children:e.jsx(n.BodySecondary,{dangerouslySetInnerHTML:{__html:h}})}),e.jsxs(o.StepsContainer,{children:[y&&!!y.length&&e.jsxs(e.Fragment,{children:[e.jsx(n.TitleSmall,{children:"Follow the steps:"}),y.map(((t,s)=>e.jsx(r,{info:t.info,hideBullet:t.hideBullet,last:y.length-1===s},s)))]}),T&&e.jsx(n.BodySecondary,{dangerouslySetInnerHTML:{__html:T}})]})]});
+"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"),n=require("../modals/styledModal.js"),l=require("../TypographyStyle.js"),o=require("./AccessTokenTroubleshootDialog.styles.js");const r=t=>{let{info:s,hideBullet:n,last:r}=t;return e.jsxs(o.EachStep,Object.assign({last:r},{children:[!n&&e.jsx(o.BulletWrapper,{children:e.jsx(o.Bullet,{})}),e.jsx(l.BodyCaption,{dangerouslySetInnerHTML:{__html:s}})]}))};exports.AccessTokenTroubleshootDialog=i=>{let{onCancel:a,titleIconContainerStyles:c,isModalOpen:d,title:u,desc:h,primaryButton:j,TitleIcon:y,stepsDetails:x,titleIconColor:p,secondaryButtonText:g,content:T}=i;return e.jsxs(n.StyledModal,Object.assign({open:!!d,primaryButton:j?Object.assign({},j):void 0,secondaryButton:{buttonText:null!=g?g:"Cancel",onClick:a,buttonType:"tertiaryGray"},onClose:a},{children:[e.jsxs(o.Header,{children:[e.jsx(o.IconContainer,Object.assign({style:Object.assign({},c)},{children:y?e.jsx(y,{width:18,height:18,color:p}):e.jsx(t.default,{width:18,height:18,color:s.COLORS.content.negative})})),e.jsx(l.TitleMedium,{children:u})]}),e.jsx(o.Description,{children:e.jsx(l.BodySecondary,{dangerouslySetInnerHTML:{__html:h}})}),e.jsxs(o.StepsContainer,{children:[x&&!!x.length&&e.jsxs(e.Fragment,{children:[e.jsx(l.TitleSmall,{children:"Follow the steps:"}),x.map(((t,s)=>e.jsx(r,{info:t.info,hideBullet:t.hideBullet,last:x.length-1===s},s)))]}),T&&e.jsx(l.BodySecondary,{dangerouslySetInnerHTML:{__html:T}})]})]}))};

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

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

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

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

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

@@ -1,31 +1,27 @@
-import React__default, { ReactNode } from 'react';
-
-interface AccordionProps {
-    header: 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';
-    headerStyles?: React__default.CSSProperties;
-    onToggleAccordion?: (state: boolean) => void;
-    arrowColor?: string;
-    isOpen?: boolean;
-    buttonLinkText?: string;
-    onButtonLinkClick?: () => void;
-    captionStyle?: React__default.CSSProperties;
-    borderColor?: string;
-    borderRadius?: string;
-}
-declare const BikAccordion: React__default.FC<AccordionProps>;
-
-export { BikAccordion };
-export type { AccordionProps };
+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;
+    showBorders?: boolean;
+    backgroundColor?: string;
+    refresh?: number | boolean;
+    autoOpen?: boolean;
+    childrenMaxHeight?: number;
+    openDirection?: 'DOWN' | 'UP';
+    headerStyles?: React.CSSProperties;
+    onToggleAccordion?: (state: boolean) => void;
+    arrowColor?: string;
+    isOpen?: boolean;
+    buttonLinkText?: string;
+    onButtonLinkClick?: () => void;
+    captionStyle?: React.CSSProperties;
+    borderColor?: string;
+    borderRadius?: string;
+}
+export declare const BikAccordion: React.FC<AccordionProps>;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../TypographyStyle.js"),o=require("../button/Button.js"),n=require("./Accordion.style.js"),i=require("./AccordionArrow.js");exports.BikAccordion=s=>{const[c,a]=r.useState(!1),d=r.useRef(null),l=r.useRef(null);r.useEffect((()=>{s.autoOpen&&u(s.autoOpen,{})}),[s.autoOpen]),r.useEffect((()=>{void 0!==s.isOpen&&u(s.isOpen,{})}),[s.isOpen]);const u=(e,r)=>{l.current&&d.current&&("keydown"===r.type&&"Enter"!==r.key||(e!==c&&a(e),e?(l.current.style.maxHeight=(s.childrenMaxHeight??l.current.scrollHeight)+"px",d.current.style.transform="rotate(180deg)",d.current.style.transition="transform 0.25s ease-in-out",l.current.style.transition="max-height 0.25s ease-in-out"):(l.current.style.maxHeight="",d.current.style.transform="rotate(0deg)",d.current.style.transition="transform 0.25s ease-in-out",l.current.style.transition="padding 0s"),s.onToggleAccordion?.(e)))};return r.useEffect((()=>{const e=new MutationObserver((()=>{c&&l.current&&(l.current.style.maxHeight=l.current.scrollHeight+"px")}));return l.current&&e.observe(l.current,{childList:!0,subtree:!0}),()=>{e.disconnect()}}),[c]),r.useEffect((()=>{c&&s?.refresh&&l?.current?.scrollHeight&&!s.childrenMaxHeight&&setTimeout((()=>{l.current.style.maxHeight=l.current.scrollHeight+"px"}),100)}),[c,s?.refresh,l?.current?.scrollHeight]),e.jsxs(n.default,{className:"accordion",isActive:c,width:s?.width,contentMargin:s?.contentMargin,headerPadding:s.headerPadding,skipHoverState:s.skipHoverHeader,showBorders:s.showBorders,borderColor:s.borderColor,backgroundColor:s.backgroundColor,openDirection:s.openDirection,borderRadius:s.borderRadius,children:[e.jsxs("div",{className:"accordion__overview "+(c?"active":""),onClick:e=>u(!c,e),onKeyDown:e=>u(!c,e),role:"button",tabIndex:0,children:[!s.rightActionComponent&&e.jsxs("div",{className:"accordion__overview__header",style:s.headerStyles??{},children:[e.jsxs(n.AccordionHeaderGroup,{children:["string"==typeof s.header?e.jsx(t.TitleRegular,{children:s?.header}):s.header,s.buttonLinkText&&e.jsx(o.Button,{buttonText:s.buttonLinkText,buttonType:"text",darkMode:!0,onClick:s.onButtonLinkClick})]}),e.jsx(i.default,{arrowColor:s.arrowColor,isNewIcon:!0,ref:d})]}),s.rightActionComponent&&e.jsxs("div",{className:"accordion__overview__header",children:[e.jsxs("div",{className:"accordion__overview__title-wrapper",children:[e.jsx(i.default,{arrowColor:s.arrowColor,isNewIcon:!0,ref:d}),"string"==typeof s.header?e.jsx(t.TitleRegular,{children:s?.header}):s.header]}),e.jsx("div",{onClick:e=>e.stopPropagation(),onKeyDown:e=>{"Enter"===e.key&&e.stopPropagation()},role:"button",tabIndex:0,children:s.rightActionComponent})]}),s?.caption&&e.jsx("div",{className:"accordion__overview__caption",children:e.jsx(t.BodySecondary,{children:e.jsx("div",{style:s.captionStyle,children:s.caption})})})]}),e.jsx("div",{ref:l,className:"accordion__content",children:s.children})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../TypographyStyle.js"),n=require("../button/Button.js"),o=require("./Accordion.style.js"),i=require("./AccordionArrow.js");exports.BikAccordion=s=>{var c,a;const[l,d]=r.useState(!1),u=r.useRef(null),h=r.useRef(null);r.useEffect((()=>{s.autoOpen&&v(s.autoOpen,{})}),[s.autoOpen]),r.useEffect((()=>{void 0!==s.isOpen&&v(s.isOpen,{})}),[s.isOpen]);const v=(e,r)=>{var t,n;h.current&&u.current&&("keydown"===r.type&&"Enter"!==r.key||(e!==l&&d(e),e?(h.current.style.maxHeight=(null!==(t=s.childrenMaxHeight)&&void 0!==t?t:h.current.scrollHeight)+"px",u.current.style.transform="rotate(180deg)",u.current.style.transition="transform 0.25s ease-in-out",h.current.style.transition="max-height 0.25s ease-in-out"):(h.current.style.maxHeight="",u.current.style.transform="rotate(0deg)",u.current.style.transition="transform 0.25s ease-in-out",h.current.style.transition="padding 0s"),null===(n=s.onToggleAccordion)||void 0===n||n.call(s,e)))};return r.useEffect((()=>{const e=new MutationObserver((()=>{l&&h.current&&(h.current.style.maxHeight=h.current.scrollHeight+"px")}));return h.current&&e.observe(h.current,{childList:!0,subtree:!0}),()=>{e.disconnect()}}),[l]),r.useEffect((()=>{var e;l&&(null==s?void 0:s.refresh)&&(null===(e=null==h?void 0:h.current)||void 0===e?void 0:e.scrollHeight)&&!s.childrenMaxHeight&&setTimeout((()=>{h.current.style.maxHeight=h.current.scrollHeight+"px"}),100)}),[l,null==s?void 0:s.refresh,null===(c=null==h?void 0:h.current)||void 0===c?void 0:c.scrollHeight]),e.jsxs(o.default,Object.assign({className:"accordion",isActive:l,width:null==s?void 0:s.width,contentMargin:null==s?void 0:s.contentMargin,headerPadding:s.headerPadding,skipHoverState:s.skipHoverHeader,showBorders:s.showBorders,borderColor:s.borderColor,backgroundColor:s.backgroundColor,openDirection:s.openDirection,borderRadius:s.borderRadius},{children:[e.jsxs("div",Object.assign({className:"accordion__overview "+(l?"active":""),onClick:e=>v(!l,e),onKeyDown:e=>v(!l,e),role:"button",tabIndex:0},{children:[!s.rightActionComponent&&e.jsxs("div",Object.assign({className:"accordion__overview__header",style:null!==(a=s.headerStyles)&&void 0!==a?a:{}},{children:[e.jsxs(o.AccordionHeaderGroup,{children:["string"==typeof s.header?e.jsx(t.TitleRegular,{children:null==s?void 0:s.header}):s.header,s.buttonLinkText&&e.jsx(n.Button,{buttonText:s.buttonLinkText,buttonType:"text",darkMode:!0,onClick:s.onButtonLinkClick})]}),e.jsx(i.default,{arrowColor:s.arrowColor,isNewIcon:!0,ref:u})]})),s.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,{arrowColor:s.arrowColor,isNewIcon:!0,ref:u}),"string"==typeof s.header?e.jsx(t.TitleRegular,{children:null==s?void 0:s.header}):s.header]})),e.jsx("div",Object.assign({onClick:e=>e.stopPropagation(),onKeyDown:e=>{"Enter"===e.key&&e.stopPropagation()},role:"button",tabIndex:0},{children:s.rightActionComponent}))]})),(null==s?void 0:s.caption)&&e.jsx("div",Object.assign({className:"accordion__overview__caption"},{children:e.jsx(t.BodySecondary,{children:e.jsx("div",Object.assign({style:s.captionStyle},{children:s.caption}))})}))]})),e.jsx("div",Object.assign({ref:h,className:"accordion__content"},{children:s.children}))]}))};

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

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

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

@@ -1,5 +1,5 @@
 "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}}var d=o(e);const i=d.default.div`
-	width: ${e=>e?.width||"100%"};
+	width: ${e=>(null==e?void 0:e.width)||"100%"};
 	display: flex;
 	flex-direction: column;
 	border: ${e=>e.showBorders?"1px solid "+r.COLORS.stroke.primary:""};
@@ -30,7 +30,7 @@
 			}
 		}
 		&__content {
-			${e=>e.isActive?{margin:e?.contentMargin||"0px"}:{}};
+			${e=>e.isActive?{margin:(null==e?void 0:e.contentMargin)||"0px"}:{}};
 			overflow: ${e=>e.hasChildrenMaxHeight?"scroll":"hidden"};
 			max-height: 0;
 			order: ${e=>"UP"===e.openDirection?-1:0};

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=r(require("react")).default.forwardRef(((r,l)=>e.jsxs("div",{ref:l,className:"d-flex align-items-center",children:[!r.isNewIcon&&e.jsx("svg",{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:r.arrowColor??"currentColor"})}),r.isNewIcon&&e.jsx("svg",{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:r.arrowColor??"currentColor"})})]})));l.displayName="BikAccordionArrow",exports.default=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=r(require("react")).default.forwardRef(((r,l)=>{var t,i;return e.jsxs("div",Object.assign({ref:l,className:"d-flex align-items-center"},{children:[!r.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:null!==(t=r.arrowColor)&&void 0!==t?t:"currentColor"})})),r.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:null!==(i=r.arrowColor)&&void 0!==i?i:"currentColor"})}))]}))}));l.displayName="BikAccordionArrow",exports.default=l;

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

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

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

@@ -0,0 +1,7 @@
+export declare const ActionButtonContainer: import("styled-components").StyledComponent<"div", any, {
+    isSelected: boolean;
+    isError: boolean;
+    border: string;
+    isConfigured: boolean;
+    width?: string | undefined;
+}, never>;

package/dist/cjs/components/action-button/ActionButton.styled.js

@@ -1,5 +1,5 @@
 "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=>e.width??"100%"};
+	width: ${e=>{var r;return null!==(r=e.width)&&void 0!==r?r:"100%"}};
 	display: flex;
 	flex-direction: row;
 	justify-content: center;
@@ -9,7 +9,7 @@
 	box-shadow: ${e=>e.isConfigured||e.isSelected||e.isError?"0px 2px 8px 0px #0000001f":""};
 	background-color: white;
 	border-radius: 4px;
-	border: ${e=>e.border??`1px solid ${r.BASE_COLORS.grayscale[200]}`};
+	border: ${e=>{var o;return null!==(o=e.border)&&void 0!==o?o:`1px solid ${r.BASE_COLORS.grayscale[200]}`}};
 	cursor: pointer;
 	:hover {
 		background-color: ${e=>e.isSelected||e.isError?"":r.BASE_COLORS.grayscale[200]};

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

@@ -1,14 +1,10 @@
-import React__default from 'react';
-
-interface ActionButtonInterface {
-    state: 'CONFIGURED' | 'NOT-CONFIGURED';
-    buttonText: string;
-    isSelected: boolean;
-    isError: boolean;
-    onClick: () => void;
-    icon: React__default.FunctionComponent<React__default.SVGAttributes<SVGElement>>;
-}
-declare const ActionButtons: React__default.FC<ActionButtonInterface>;
-
-export { ActionButtons };
-export type { 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/cjs/components/action-button/ActionButtons.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../constants/Theme.js"),o=require("../../assets/icons/similar.svg.js"),s=require("../TypographyStyle.js"),i=require("./ActionButton.styled.js");exports.ActionButtons=({state:t,buttonText:l,icon:c=o.default,isSelected:d,isError:a,onClick:S})=>{const{color:n,border:O}="CONFIGURED"===t?(({isSelected:e,isError:o})=>e&&o?{color:r.BASE_COLORS.negative[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:e?{color:r.BASE_COLORS.brand[500],border:`1px solid ${r.BASE_COLORS.brand[500]}`}:o?{color:r.BASE_COLORS.grayscale[900],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:{color:r.BASE_COLORS.grayscale[900],border:`1px solid ${r.BASE_COLORS.grayscale[200]}`})({isSelected:d,isError:a}):(({isSelected:e,isError:o})=>e&&o?{color:r.BASE_COLORS.negative[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:e?{color:r.BASE_COLORS.brand[500],border:`1px solid ${r.BASE_COLORS.brand[500]}`}:o?{color:r.BASE_COLORS.grayscale[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:{color:r.BASE_COLORS.grayscale[700],border:`1px dashed ${r.BASE_COLORS.grayscale[200]}`})({isSelected:d,isError:a}),E={height:20,width:20,color:n,style:{display:"block"},className:"icon"};return e.jsxs(i.ActionButtonContainer,{isSelected:d,isError:a,border:O,isConfigured:"CONFIGURED"===t,onClick:S,children:[e.jsx("div",{className:"action__icon",children:e.jsx(c,{...E})}),e.jsx(s.BodyPrimary,{style:{fontWeight:600,color:n},children:l})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../constants/Theme.js"),o=require("../../assets/icons/similar.svg.js"),s=require("../TypographyStyle.js"),i=require("./ActionButton.styled.js");exports.ActionButtons=t=>{let{state:l,buttonText:c,icon:a=o.default,isSelected:n,isError:d,onClick:O}=t;const{color:S,border:E}="CONFIGURED"===l?(e=>{let{isSelected:o,isError:s}=e;return o&&s?{color:r.BASE_COLORS.negative[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:o?{color:r.BASE_COLORS.brand[500],border:`1px solid ${r.BASE_COLORS.brand[500]}`}:s?{color:r.BASE_COLORS.grayscale[900],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:{color:r.BASE_COLORS.grayscale[900],border:`1px solid ${r.BASE_COLORS.grayscale[200]}`}})({isSelected:n,isError:d}):(e=>{let{isSelected:o,isError:s}=e;return o&&s?{color:r.BASE_COLORS.negative[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:o?{color:r.BASE_COLORS.brand[500],border:`1px solid ${r.BASE_COLORS.brand[500]}`}:s?{color:r.BASE_COLORS.grayscale[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:{color:r.BASE_COLORS.grayscale[700],border:`1px dashed ${r.BASE_COLORS.grayscale[200]}`}})({isSelected:n,isError:d}),C={height:20,width:20,color:S,style:{display:"block"},className:"icon"};return e.jsxs(i.ActionButtonContainer,Object.assign({isSelected:n,isError:d,border:E,isConfigured:"CONFIGURED"===l,onClick:O},{children:[e.jsx("div",Object.assign({className:"action__icon"},{children:e.jsx(a,Object.assign({},C))})),e.jsx(s.BodyPrimary,Object.assign({style:{fontWeight:600,color:S}},{children:c}))]}))};

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

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

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

@@ -0,0 +1 @@
+export declare const AddVariableStyled: import("styled-components").StyledComponent<"button", any, {}, never>;

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

@@ -1,61 +1,58 @@
-import React__default from 'react';
-
-interface VariableListInterfaceV2 {
-    displayName: string;
-    description: string;
-    orderId: number;
-    variables?: any;
-}
-interface Variable {
-    description?: string;
-    defaultValue?: string;
-    displayName: string;
-    actualValue: string;
-    variableType: string;
-    isAvailable: boolean;
-    actualValueEval?: string;
-    isSubHeader?: boolean;
-    variables?: {
-        [key: string]: Variable;
-    };
-    needsFetching?: boolean;
-}
-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;
-interface VariableBoxProps {
-    item: Variable;
-    raw?: string;
-    parentKey?: string;
-    readonly?: boolean;
-}
-declare const AddVariableV2: React__default.FC<Props>;
-
-export { AddVariableV2 };
-export type { AddVariableProps, Variable, VariableBoxProps, VariableListInterfaceV2 };
+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/cjs/components/add-variableV2/AddVariableV2.js

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

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

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

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

@@ -143,12 +143,12 @@
 		width: auto;
 		height: 32px;
 
-		background: ${e=>e?.isAvailable?"#f0f0f0":"#fafafa"};
+		background: ${e=>(null==e?void 0:e.isAvailable)?"#f0f0f0":"#fafafa"};
 
 		border: 1px solid #e0e0e0;
 		border-radius: 4px;
 		.icon {
-			color: ${e=>e?.isAvailable?"#212121":"#bdbdbd"};
+			color: ${e=>(null==e?void 0:e.isAvailable)?"#212121":"#bdbdbd"};
 			display: flex;
 			align-items: center;
 		}
@@ -158,7 +158,7 @@
 			font-weight: 400;
 			font-size: 14px;
 			line-height: 20px;
-			color: ${e=>e?.isAvailable?"#212121":"#bdbdbd"};
+			color: ${e=>(null==e?void 0:e.isAvailable)?"#212121":"#bdbdbd"};
 		}
 	}
 `,exports.AddVariableStyled=t;

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

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

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

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

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

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

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

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

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

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

package/dist/cjs/components/ai-modals/ActivateBikAI.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),i=require("../../assets/icons/graph.svg.js"),r=require("../../assets/icons/sparkle.svg.js"),s=require("../button/Button.js"),n=require("../modals/Modal.js"),o=require("../TypographyStyle.js");exports.ActivateBikAi=({open:l,onModalClose:d,onRightBtnClick:a,onLeftBtnClick:c,source:x})=>e.jsx(n.Modal,{open:l,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:d,closeOnOutsideClick:!0,children:e.jsxs("div",{children:[e.jsxs("div",{style:{height:"180px",width:"100%",backgroundColor:"rgba(142, 142, 142, 0.2)",display:"flex",justifyContent:"center",alignItems:"center",gap:"18px",padding:"24px"},children:[e.jsx("div",{children:e.jsx(i.default,{width:100,height:90})}),e.jsx("div",{children:"CHATBOT"===x?e.jsx(o.TitleMedium,{children:"Unlock higher conversion and ease agent work with BIK.AI"}):e.jsx(o.TitleMedium,{children:"Experience reduced Average Handling Time of your tickets with Bik.AI!"})})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"16px",padding:"24px"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:"4px"},children:[e.jsx(o.TitleLarge,{children:"Activate BIK AI"}),e.jsx(r.default,{width:32,height:32})]}),"CHATBOT"===x?e.jsxs("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[e.jsx(o.BodyPrimary,{color:"#888888",children:"Sync your Shopify Data to Bik.AI to supercharge it with"}),e.jsx(o.BodyPrimary,{color:"#888888",children:"your store’s data to start personalizing it to your"}),e.jsx(o.BodyPrimary,{color:"#888888",children:"customers!"})]}):e.jsxs("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[e.jsxs(o.BodyPrimary,{color:"#888888",children:["Sync your Shopify Data to Bik.AI to supercharge it with"," "]}),e.jsx(o.BodyPrimary,{color:"#888888",children:"your store’s data to start responding to customer"}),e.jsx(o.BodyPrimary,{color:"#888888",children:"queries right away!"})]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px",paddingBottom:"24px",paddingLeft:"24px",paddingRight:"24px"},children:[e.jsx(s.Button,{buttonText:"Learn More",buttonType:"text",size:"large",onClick:c}),e.jsx(s.Button,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:t.COLORS.background.brand},onClick:a})]})]})});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),i=require("../../assets/icons/graph.svg.js"),s=require("../../assets/icons/sparkle.svg.js"),r=require("../button/Button.js"),n=require("../modals/Modal.js"),o=require("../TypographyStyle.js");exports.ActivateBikAi=a=>{let{open:l,onModalClose:c,onRightBtnClick:d,onLeftBtnClick:x,source:g}=a;return e.jsx(n.Modal,Object.assign({open:l,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:c,closeOnOutsideClick:!0},{children:e.jsxs("div",{children:[e.jsxs("div",Object.assign({style:{height:"180px",width:"100%",backgroundColor:"rgba(142, 142, 142, 0.2)",display:"flex",justifyContent:"center",alignItems:"center",gap:"18px",padding:"24px"}},{children:[e.jsx("div",{children:e.jsx(i.default,{width:100,height:90})}),e.jsx("div",{children:"CHATBOT"===g?e.jsx(o.TitleMedium,{children:"Unlock higher conversion and ease agent work with BIK.AI"}):e.jsx(o.TitleMedium,{children:"Experience reduced Average Handling Time of your tickets with Bik.AI!"})})]})),e.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"16px",padding:"24px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"4px"}},{children:[e.jsx(o.TitleLarge,{children:"Activate BIK AI"}),e.jsx(s.default,{width:32,height:32})]})),"CHATBOT"===g?e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},{children:[e.jsx(o.BodyPrimary,Object.assign({color:"#888888"},{children:"Sync your Shopify Data to Bik.AI to supercharge it with"})),e.jsx(o.BodyPrimary,Object.assign({color:"#888888"},{children:"your store’s data to start personalizing it to your"})),e.jsx(o.BodyPrimary,Object.assign({color:"#888888"},{children:"customers!"}))]})):e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},{children:[e.jsxs(o.BodyPrimary,Object.assign({color:"#888888"},{children:["Sync your Shopify Data to Bik.AI to supercharge it with"," "]})),e.jsx(o.BodyPrimary,Object.assign({color:"#888888"},{children:"your store’s data to start responding to customer"})),e.jsx(o.BodyPrimary,Object.assign({color:"#888888"},{children:"queries right away!"}))]}))]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px",paddingBottom:"24px",paddingLeft:"24px",paddingRight:"24px"}},{children:[e.jsx(r.Button,{buttonText:"Learn More",buttonType:"text",size:"large",onClick:x}),e.jsx(r.Button,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:t.COLORS.background.brand},onClick:d})]}))]})}))};