@bikdotai/bik-component-library 0.0.734-beta.3 → 0.0.735-beta.1

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.d.ts

@@ -1,18 +1,18 @@
-import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
-import React from 'react';
-export interface UnsatisfactoryResponseListProps {
-    storeId?: string;
-    appType: ApplicationType;
-    incorrectMessages: any;
-    onIncorrectMessageBubbleClick: (messageId: string) => void;
-    setShowIncorrectReplies: (show: boolean) => void;
-    ChecklistType: Record<string, string>;
-    IntentHeaderTitle?: Record<string, string>;
-    IntentWiseUnsatisfactoryResponse?: string[];
-    redirectToUnsatisfactoryResponse?: (intent: string) => void;
-    fetchUnsatisfactoryResponseCountIntentWise?: () => Promise<{
-        [keys in string]?: number;
-    }>;
-    fetchUnsatisfactoryResponseCount?: () => Promise<number>;
-}
-export declare const UnsatisfactoryResponseList: React.FC<UnsatisfactoryResponseListProps>;
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import React from 'react';
+export interface UnsatisfactoryResponseListProps {
+    storeId?: string;
+    appType: ApplicationType;
+    incorrectMessages: any;
+    onIncorrectMessageBubbleClick: (messageId: string) => void;
+    setShowIncorrectReplies: (show: boolean) => void;
+    ChecklistType: Record<string, string>;
+    IntentHeaderTitle?: Record<string, string>;
+    IntentWiseUnsatisfactoryResponse?: string[];
+    redirectToUnsatisfactoryResponse?: (intent: string) => void;
+    fetchUnsatisfactoryResponseCountIntentWise?: () => Promise<{
+        [keys in string]?: number;
+    }>;
+    fetchUnsatisfactoryResponseCount?: () => Promise<number>;
+}
+export declare const UnsatisfactoryResponseList: React.FC<UnsatisfactoryResponseListProps>;

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as s}from"react/jsx-runtime";import{ApplicationType as n}from"@bikdotai/bik-models/growth/models/bik-store";import o from"../../assets/icons/cross.svg.js";import i from"../../assets/icons/info.svg.js";import{format as r}from"date-fns";import{useState as a,useEffect as l}from"react";import{COLORS as c}from"../../constants/Theme.js";import{Avatar as d}from"../avatar/Avatar.js";import{SIZE as p,AVATAR_TYPES as m,AVATAR_BACKGROUND as h}from"../avatar/AvatarHelper.js";import{Button as y}from"../button/Button.js";import{StateComponent as f,StateInterface as g}from"../states/StateComponent.js";import"../../_virtual/_tslib.js";import{TitleRegular as u,BodySecondary as b,Caption as v}from"../TypographyStyle.js";import{UnsatisfactoryCountIntentWiseModal as j}from"./UnsatisfactoryCountIntentWiseModal.js";import{IncorrectRepliesStyle as I}from"./UnsatisfactoryResponseList.style.js";const w=w=>{const{storeId:C,appType:T,incorrectMessages:U,onIncorrectMessageBubbleClick:M,setShowIncorrectReplies:O,ChecklistType:R,IntentWiseUnsatisfactoryResponse:k,IntentHeaderTitle:x,redirectToUnsatisfactoryResponse:N,fetchUnsatisfactoryResponseCountIntentWise:S,fetchUnsatisfactoryResponseCount:A}=w,[W,L]=a(""),[D,E]=a((null==U?void 0:U.length)>0),[H,z]=a(!1);return l((()=>{!D&&A&&A().then((e=>{e>0&&E(!0),0===e&&O(!1)}))}),[]),e("div",Object.assign({style:{overflow:"scroll",height:"100%"}},{children:t(I,{children:[T==n.MANIFEST&&t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px"}},{children:[t("div",Object.assign({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[e(u,{children:"Unsatisfactory responses"}),e("div",Object.assign({style:{cursor:"pointer"},onClick:()=>O(!1)},{children:e(o,{height:16,width:16,color:c.content.primary})}))]})),e(b,Object.assign({style:{color:c.content.secondary}},{children:"Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses."}))]})),!(null==U?void 0:U.length)&&e("div",Object.assign({style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:e(f,{states:g.WARNING,heading:"No unsatisfactory responses",subline:"As of now, all responses are correct",isButtonEnabled:!1,width:0,size:p.SMALL,icon:e(d,{type:m.ICON,size:p.MEDIUM,background:h.LIGHT,icon:()=>e(i,{width:16,height:16,color:c.content.warning})})})})),!!(null==U?void 0:U.length)&&t(s,{children:[T==n.MANIFEST&&e("div",Object.assign({style:{display:"flex",width:"100%",justifyContent:(null==U?void 0:U.length)?"flex-start":"center"}},{children:e(y,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{z(!0)},disabled:!D})})),e(j,{storeId:C,setShowUnsatisfactoryResponseModal:z,showUnsatisfactoryResponseModal:H,ChecklistType:R,UnsatisfactoryResponseIntentList:k,IntentHeaderTitle:x,fetchUnsatisfactoryResponseCountIntentWise:S,viewIntentWiseUnsatisfactoryResponse:N}),U&&(null==U?void 0:U.length)>0&&e("div",Object.assign({className:"wrapper"},{children:U.map(((s,n)=>t("div",Object.assign({className:"bubble",onClick:()=>{M(s.messageId),L(s.messageId)},style:W===s.messageId?{backgroundColor:c.surface.hovered}:{}},{children:[e(b,Object.assign({style:{color:c.content.primary}},{children:s.message})),e("div",{children:t(v,Object.assign({style:{color:c.content.secondary}},{children:[r(new Date(null==s?void 0:s.date),"hh:mm a")," |"," ",r(new Date(null==s?void 0:s.date),"dd/MM/yyyy")]}))})]}),s.messageId)))}))]})]})}))};export{w as UnsatisfactoryResponseList};
+import{jsx as e,jsxs as t,Fragment as s}from"react/jsx-runtime";import{ApplicationType as o}from"@bikdotai/bik-models/growth/models/bik-store";import n from"../../assets/icons/cross.svg.js";import r from"../../assets/icons/info.svg.js";import{format as i}from"date-fns";import{useState as a,useEffect as l}from"react";import{COLORS as c}from"../../constants/Theme.js";import{Avatar as d}from"../avatar/Avatar.js";import{SIZE as p,AVATAR_TYPES as m,AVATAR_BACKGROUND as h}from"../avatar/AvatarHelper.js";import{Button as y}from"../button/Button.js";import{StateComponent as f,StateInterface as u}from"../states/StateComponent.js";import"../../_virtual/_tslib.js";import{TitleRegular as v,BodySecondary as g,Caption as I}from"../TypographyStyle.js";import{UnsatisfactoryCountIntentWiseModal as b}from"./UnsatisfactoryCountIntentWiseModal.js";import{IncorrectRepliesStyle as w}from"./UnsatisfactoryResponseList.style.js";const C=C=>{const{storeId:j,appType:T,incorrectMessages:U,onIncorrectMessageBubbleClick:M,setShowIncorrectReplies:R,ChecklistType:k,IntentWiseUnsatisfactoryResponse:x,IntentHeaderTitle:N,redirectToUnsatisfactoryResponse:S,fetchUnsatisfactoryResponseCountIntentWise:A,fetchUnsatisfactoryResponseCount:W}=C,[L,D]=a(""),[E,H]=a((null==U?void 0:U.length)>0),[z,B]=a(!1);return l((()=>{!E&&W&&W().then((e=>{e>0&&H(!0),0===e&&R(!1)}))}),[]),e("div",{style:{overflow:"scroll",height:"100%"},children:t(w,{children:[T==o.MANIFEST&&t("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[t("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e(v,{children:"Unsatisfactory responses"}),e("div",{style:{cursor:"pointer"},onClick:()=>R(!1),children:e(n,{height:16,width:16,color:c.content.primary})})]}),e(g,{style:{color:c.content.secondary},children:"Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses."})]}),!(null==U?void 0:U.length)&&e("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:e(f,{states:u.WARNING,heading:"No unsatisfactory responses",subline:"As of now, all responses are correct",isButtonEnabled:!1,width:0,size:p.SMALL,icon:e(d,{type:m.ICON,size:p.MEDIUM,background:h.LIGHT,icon:()=>e(r,{width:16,height:16,color:c.content.warning})})})}),!!(null==U?void 0:U.length)&&t(s,{children:[T==o.MANIFEST&&e("div",{style:{display:"flex",width:"100%",justifyContent:(null==U?void 0:U.length)?"flex-start":"center"},children:e(y,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{B(!0)},disabled:!E})}),e(b,{storeId:j,setShowUnsatisfactoryResponseModal:B,showUnsatisfactoryResponseModal:z,ChecklistType:k,UnsatisfactoryResponseIntentList:x,IntentHeaderTitle:N,fetchUnsatisfactoryResponseCountIntentWise:A,viewIntentWiseUnsatisfactoryResponse:S}),U&&(null==U?void 0:U.length)>0&&e("div",{className:"wrapper",children:U.map(((s,o)=>t("div",{className:"bubble",onClick:()=>{M(s.messageId),D(s.messageId)},style:L===s.messageId?{backgroundColor:c.surface.hovered}:{},children:[e(g,{style:{color:c.content.primary},children:s.message}),e("div",{children:t(I,{style:{color:c.content.secondary},children:[i(new Date(null==s?void 0:s.date),"hh:mm a")," |"," ",i(new Date(null==s?void 0:s.date),"dd/MM/yyyy")]})})]},s.messageId)))})]})]})})};export{C as UnsatisfactoryResponseList};

package/dist/esm/components/unsatisfactory-response-list/UnsatisfactoryResponseList.style.d.ts

@@ -1 +1 @@
-export declare const IncorrectRepliesStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IncorrectRepliesStyle: 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/variable-picker-v3/Content.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { VariablePickerV3Props } from './model';
-type Props = VariablePickerV3Props;
-export declare const VariablePickerContent: React.FC<Props>;
-export {};
+import React from 'react';
+import { VariablePickerV3Props } from './model';
+type Props = VariablePickerV3Props;
+export declare const VariablePickerContent: React.FC<Props>;
+export {};

package/dist/esm/components/variable-picker-v3/Content.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as i,Fragment as o}from"react/jsx-runtime";import s from"../../assets/icons/arrow_back.svg.js";import l from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/plus.svg.js";import r from"../../assets/icons/triangle_error.svg.js";import{useState as n,useEffect as c}from"react";import{COLORS as d}from"../../constants/Theme.js";import{BikAccordion as h}from"../accordion/Accordion.js";import{IconButton as p}from"../icon-button/IconButton.js";import{Input as m}from"../input/Input.js";import{ListItem as u}from"../list-item/ListItem.js";import{Switch as g}from"../switch/Switch.js";import{Tooltip as b}from"../tooltips/Tooltip.js";import{TitleRegular as f,BodySecondary as y,BodyCaption as v,TitleSmall as j}from"../TypographyStyle.js";import{VariablePickerContext as x}from"./context.js";import{DefaultVariableContent as O}from"./DefaultVariableContent.js";import{highlightSearchText as S}from"./highlightSearchText.js";import{PickerType as k}from"./model.js";import w from"./NoResult.js";import{showOnlyRecommendedVariables as V}from"./recommendVaribles.js";import{searchVariables as C}from"./searchVariables.js";import{HeaderWrapper as T,RecommendWrapper as I,BackHeader as N,Container as B}from"./styles.js";import D,{renderTooltipBody as R}from"./SubHeaderItems.js";const E=/.*\..*/,H=H=>{const{data:L,onSelect:$,showHeader:P,showBackButton:_,hideHeaderCross:A,onBackButtonClick:z,isEvaluationList:F,autoOpenFirst:K,headerText:M,contentHeight:q,onDefaultVariableSelect:G,skipDefaultVariableContent:J}=H,[Q,U]=n(L),[W,X]=n(""),[Y,Z]=n([]),[ee,te]=n(""),[ie,oe]=n(!1),[se,le]=n([]),[ae,re]=n(!1),[ne,ce]=n(),de=ae&&H.type===k.EMBEDDED&&!A;c((()=>{he(!0)}),[]),c((()=>{Y.length>0?le([Y[Y.length-1]]):le(L)}),[Y]);const he=t=>e(void 0,void 0,void 0,(function*(){if(oe(t),t){const e=V(Q,Y);U(e)}else if(Y.length>0){const e=ee==Y[Y.length-1].displayName;if(W.length>0&&e){const e=C(W,se,Y);U(e)}else U([Y[Y.length-1].variables])}else if(W.length>0){const e=C(W,se,Y);U(e)}else U(L)})),pe=()=>{if(q)return q;let e=131;return Y.length>0&&(e+=32),(H.showHeader||H.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},me=e=>{if(!H.disabled)if(F){const t=(e=>{if(e.actualValue.match(E)){const t=e.actualValue.replace("{{","").replace("}}","").split(".");let i=t[0];return t.forEach(((e,t)=>{if(0===t)return;const o=(e=>/\w+\[\d+\]/g.test(e))(e);if(o){const t=e.match(/(\w+)\[(\d+)\]/);if(t){const e=t[1],o=t[2];i+=`['${e}'][${o}]`}}else i+=`['${e}']`})),i}return e.actualValueEval?e.actualValueEval:e.actualValue})(e);$(Object.assign(Object.assign({},e),{actualValue:t}))}else{if(e.isDefaultValueSupported&&!J)return ce(e),void re(!0);$(e)}};return t(x.Provider,Object.assign({value:{variables:Q,searchText:W,subHeaderStack:Y,showRecommended:ie,setSubHeaderStack:Z,setSearchText:X,setVariables:U,setShowRecommended:oe}},{children:i("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation()},{children:[(P||_||ae)&&i(T,Object.assign({openDefault:ae},{children:[i("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(_||ae)&&t(p,{Icon:()=>t(s,{width:16,height:16,style:{display:"flex",color:d.content.primary}}),onClick:()=>{ae?re(!1):z&&z()}}),(P||ae)&&t(f,{children:ae?"Set up":null!=M?M:"Select Variable"})]})),de&&t(p,{style:{color:"#212121"},Icon:l,onClick:()=>H.onClose&&H.onClose()})]})),ae&&ne&&!J?t(O,{variable:ne,onInsertVariable:e=>{$(e),null==G||G(e)}}):i(o,{children:[t("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:d.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:t(m,{id:"search-bar-v3-picker",onBlur:e=>{H.onSearchBlur&&H.onSearchBlur(e)},value:W,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||te("");const t=C(e,se,Y);if(ie){const e=V(t,Y);U(e)}else U(t);X(e);const i=Y.length>0?Y[Y.length-1].displayName:"home";te(i)}})})),i(I,{children:[t(y,Object.assign({style:{color:d.content.secondary}},{children:"Only Recommended"})),t(g,{value:ie,onValueChange:t=>e(void 0,void 0,void 0,(function*(){yield he(t)}))})]}),Y.length>0&&i(N,{children:[t("div",Object.assign({style:{position:"absolute",left:16}},{children:t(p,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>t(s,{width:12,height:12,style:{color:d.content.secondary}}),onClick:e=>{e.stopPropagation();let t=W;const i=[...Y],o=i.pop();if(Z(i),o.displayName===ee&&(X(""),t=""),t.length>0){const e=i.length>0?[i[i.length-1]]:L,o=C(t,e,i);if(ie){const e=V(o,i);U(e)}else U(o)}else if(i.length>0)if(ie){const e=V([i[i.length-1].variables],i);U(e)}else U([i[i.length-1].variables]);else if(ie){const e=V(L,Y);U(e)}else U(L)}})})),t(v,Object.assign({style:{color:d.content.secondary}},{children:Y[Y.length-1].displayName}))]}),t(o,{children:Q.length>0?t(B,Object.assign({height:pe()},{children:Q.map(((e,s)=>{var l,n;return e.displayName&&void 0!==e.variables?t("div",Object.assign({style:{borderBottom:`1px solid ${d.stroke.primary}`}},{children:t(h,Object.assign({arrowColor:d.content.primary,autoOpen:K&&0===s,headerPadding:"12px 16px",header:t(j,Object.assign({style:{color:d.content.secondary}},{children:S(e.displayName,W)}))},{children:t(D,{parentVariable:e,disabled:null!==(l=H.disabled)&&void 0!==l&&l,searchText:W,variable:e.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!J)return ce(e),void re(!0);$(e)}})}))}),e.displayName+ie):e.displayName?t(b,Object.assign({body:R(e),placement:"bottom"},{children:t(u,{variant:H.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||H.disabled?t(o,{}):t("div",Object.assign({style:{flexShrink:0}},{children:t(a,{width:14,height:14})})),customListItemLabel:i("div",Object.assign({style:{display:"flex",gap:4}},{children:[t(y,Object.assign({style:{fontSize:"14px",color:d.text.primary}},{children:S(e.displayName,W)})),!e.isAvailable&&t(b,Object.assign({body:"Not Recommended"},{children:t("div",Object.assign({style:{display:"flex",marginTop:2}},{children:t(r,{width:16,height:16,color:d.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>me(e)},s)}),s):t(D,{disabled:null!==(n=H.disabled)&&void 0!==n&&n,searchText:W,variable:e,onSelect:e=>me(e)},s)}))})):t(w,{height:pe(),searchText:W})})]})]}))}))};export{H as VariablePickerContent};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as o,Fragment as l}from"react/jsx-runtime";import i from"../../assets/icons/arrow_back.svg.js";import r from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/plus.svg.js";import s from"../../assets/icons/triangle_error.svg.js";import{useState as n,useEffect as c}from"react";import{COLORS as d}from"../../constants/Theme.js";import{BikAccordion as h}from"../accordion/Accordion.js";import{IconButton as p}from"../icon-button/IconButton.js";import{Input as m}from"../input/Input.js";import{ListItem as u}from"../list-item/ListItem.js";import{Switch as f}from"../switch/Switch.js";import{Tooltip as g}from"../tooltips/Tooltip.js";import{TitleRegular as b,BodySecondary as y,BodyCaption as v,TitleSmall as x}from"../TypographyStyle.js";import{VariablePickerContext as j}from"./context.js";import{DefaultVariableContent as S}from"./DefaultVariableContent.js";import{highlightSearchText as k}from"./highlightSearchText.js";import{PickerType as w}from"./model.js";import V from"./NoResult.js";import{showOnlyRecommendedVariables as C}from"./recommendVaribles.js";import{searchVariables as T}from"./searchVariables.js";import{HeaderWrapper as I,RecommendWrapper as N,BackHeader as B,Container as D}from"./styles.js";import R,{renderTooltipBody as E}from"./SubHeaderItems.js";const H=/.*\..*/,L=L=>{const{data:O,onSelect:$,showHeader:P,showBackButton:_,hideHeaderCross:A,onBackButtonClick:z,isEvaluationList:F,autoOpenFirst:K,headerText:M,contentHeight:q,onDefaultVariableSelect:G,skipDefaultVariableContent:J}=L,[Q,U]=n(O),[W,X]=n(""),[Y,Z]=n([]),[ee,te]=n(""),[oe,le]=n(!1),[ie,re]=n([]),[ae,se]=n(!1),[ne,ce]=n(),de=ae&&L.type===w.EMBEDDED&&!A;c((()=>{he(!0)}),[]),c((()=>{Y.length>0?re([Y[Y.length-1]]):re(O)}),[Y]);const he=t=>e(void 0,void 0,void 0,(function*(){if(le(t),t){const e=C(Q,Y);U(e)}else if(Y.length>0){const e=ee==Y[Y.length-1].displayName;if(W.length>0&&e){const e=T(W,ie,Y);U(e)}else U([Y[Y.length-1].variables])}else if(W.length>0){const e=T(W,ie,Y);U(e)}else U(O)})),pe=()=>{if(q)return q;let e=131;return Y.length>0&&(e+=32),(L.showHeader||L.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},me=e=>{if(!L.disabled)if(F){const t=(e=>{if(e.actualValue.match(H)){const t=e.actualValue.replace("{{","").replace("}}","").split(".");let o=t[0];return t.forEach(((e,t)=>{if(0===t)return;const l=(e=>/\w+\[\d+\]/g.test(e))(e);if(l){const t=e.match(/(\w+)\[(\d+)\]/);if(t){const e=t[1],l=t[2];o+=`['${e}'][${l}]`}}else o+=`['${e}']`})),o}return e.actualValueEval?e.actualValueEval:e.actualValue})(e);$(Object.assign(Object.assign({},e),{actualValue:t}))}else{if(e.isDefaultValueSupported&&!J)return ce(e),void se(!0);$(e)}};return t(j.Provider,{value:{variables:Q,searchText:W,subHeaderStack:Y,showRecommended:oe,setSubHeaderStack:Z,setSearchText:X,setVariables:U,setShowRecommended:le},children:o("div",{tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation(),children:[(P||_||ae)&&o(I,{openDefault:ae,children:[o("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(_||ae)&&t(p,{Icon:()=>t(i,{width:16,height:16,style:{display:"flex",color:d.content.primary}}),onClick:()=>{ae?se(!1):z&&z()}}),(P||ae)&&t(b,{children:ae?"Set up":null!=M?M:"Select Variable"})]}),de&&t(p,{style:{color:"#212121"},Icon:r,onClick:()=>L.onClose&&L.onClose()})]}),ae&&ne&&!J?t(S,{variable:ne,onInsertVariable:e=>{$(e),null==G||G(e)}}):o(l,{children:[t("div",{style:{padding:"0 16px",paddingTop:12,backgroundColor:d.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8},children:t(m,{id:"search-bar-v3-picker",onBlur:e=>{L.onSearchBlur&&L.onSearchBlur(e)},value:W,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||te("");const t=T(e,ie,Y);if(oe){const e=C(t,Y);U(e)}else U(t);X(e);const o=Y.length>0?Y[Y.length-1].displayName:"home";te(o)}})}),o(N,{children:[t(y,{style:{color:d.content.secondary},children:"Only Recommended"}),t(f,{value:oe,onValueChange:t=>e(void 0,void 0,void 0,(function*(){yield he(t)}))})]}),Y.length>0&&o(B,{children:[t("div",{style:{position:"absolute",left:16},children:t(p,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>t(i,{width:12,height:12,style:{color:d.content.secondary}}),onClick:e=>{e.stopPropagation();let t=W;const o=[...Y],l=o.pop();if(Z(o),l.displayName===ee&&(X(""),t=""),t.length>0){const e=o.length>0?[o[o.length-1]]:O,l=T(t,e,o);if(oe){const e=C(l,o);U(e)}else U(l)}else if(o.length>0)if(oe){const e=C([o[o.length-1].variables],o);U(e)}else U([o[o.length-1].variables]);else if(oe){const e=C(O,Y);U(e)}else U(O)}})}),t(v,{style:{color:d.content.secondary},children:Y[Y.length-1].displayName})]}),t(l,{children:Q.length>0?t(D,{height:pe(),children:Q.map(((e,i)=>{var r,n;return e.displayName&&void 0!==e.variables?t("div",{style:{borderBottom:`1px solid ${d.stroke.primary}`},children:t(h,{arrowColor:d.content.primary,autoOpen:K&&0===i,headerPadding:"12px 16px",header:t(x,{style:{color:d.content.secondary},children:k(e.displayName,W)}),children:t(R,{parentVariable:e,disabled:null!==(r=L.disabled)&&void 0!==r&&r,searchText:W,variable:e.variables,onSelect:e=>{if(e.isDefaultValueSupported&&!J)return ce(e),void se(!0);$(e)}})})},e.displayName+oe):e.displayName?t(g,{body:E(e),placement:"bottom",children:t(u,{variant:L.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||L.disabled?t(l,{}):t("div",{style:{flexShrink:0},children:t(a,{width:14,height:14})}),customListItemLabel:o("div",{style:{display:"flex",gap:4},children:[t(y,{style:{fontSize:"14px",color:d.text.primary},children:k(e.displayName,W)}),!e.isAvailable&&t(g,{body:"Not Recommended",children:t("div",{style:{display:"flex",marginTop:2},children:t(s,{width:16,height:16,color:d.content.secondary})})})]}),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>me(e)},i)},i):t(R,{disabled:null!==(n=L.disabled)&&void 0!==n&&n,searchText:W,variable:e,onSelect:e=>me(e)},i)}))}):t(V,{height:pe(),searchText:W})})]})]})})};export{L as VariablePickerContent};

package/dist/esm/components/variable-picker-v3/DefaultVariableContent.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { VariableV3 } from './model';
-interface Props {
-    variable: VariableV3;
-    onInsertVariable: (variable: VariableV3) => void;
-}
-export declare const DefaultVariableContent: React.FC<Props>;
-export {};
+import { VariableV3 } from './model';
+interface Props {
+    variable: VariableV3;
+    onInsertVariable: (variable: VariableV3) => void;
+}
+export declare const DefaultVariableContent: React.FC<Props>;
+export {};

package/dist/esm/components/variable-picker-v3/DefaultVariableContent.js

@@ -1 +1 @@
-import{jsx as e,Fragment as i,jsxs as a}from"react/jsx-runtime";import{useState as t}from"react";import{Button as l}from"../button/Button.js";import{CheckBox as r}from"../checkBox/CheckBox.js";import{Input as o}from"../input/Input.js";import{TitleRegular as s,BodySecondary as n}from"../TypographyStyle.js";const d=d=>{var p,u,c;const[b,f]=t(d.variable.defaultValue||""),[g,m]=t(""),[h,v]=t(!!(null===(p=d.variable)||void 0===p?void 0:p.enableDefaultValueForGlobalUsage));return e(i,{children:a("div",Object.assign({style:{padding:"0 16px",paddingTop:12,borderTopLeftRadius:8,borderTopRightRadius:8}},{children:[e("div",Object.assign({style:{paddingBottom:16,borderBottom:"1px solid #E0E0E0"}},{children:e(s,{children:null===(u=d.variable)||void 0===u?void 0:u.displayName})})),a("div",Object.assign({style:{paddingTop:24}},{children:[e(o,{onChangeText:e=>{m(""),f(e)},value:b,isRequired:!0,labelText:"Default Value",hintText:"Used if this field is missing for a customer",errorMessage:null!=g?g:"",maxCharLimit:25}),a("div",Object.assign({style:{paddingTop:24,gap:8,alignItems:"flex-start"},className:"d-flex"},{children:[e(r,{isChecked:h,onValueChange:e=>v(e),size:"SMALL"}),e(n,Object.assign({style:{marginTop:-2}},{children:`Make this the default value for ‘${null===(c=d.variable)||void 0===c?void 0:c.displayName}’`}))]})),e("div",Object.assign({style:{padding:"24px 0px",display:"flex",flexDirection:"row",justifyContent:"flex-end"}},{children:e(l,{buttonText:"Insert Variable",buttonType:"primary",onClick:()=>{if(!b)return void m("This field is required");const e=Object.assign(Object.assign({},d.variable),{defaultValue:b,enableDefaultValueForGlobalUsage:h});d.onInsertVariable(e)}})}))]}))]}))})};export{d as DefaultVariableContent};
+import{jsx as e,Fragment as i,jsxs as a}from"react/jsx-runtime";import{useState as l}from"react";import{Button as t}from"../button/Button.js";import{CheckBox as r}from"../checkBox/CheckBox.js";import{Input as o}from"../input/Input.js";import{TitleRegular as d,BodySecondary as n}from"../TypographyStyle.js";const s=s=>{var p,u,f;const[m,c]=l(s.variable.defaultValue||""),[h,b]=l(""),[v,g]=l(!!(null===(p=s.variable)||void 0===p?void 0:p.enableDefaultValueForGlobalUsage));return e(i,{children:a("div",{style:{padding:"0 16px",paddingTop:12,borderTopLeftRadius:8,borderTopRightRadius:8},children:[e("div",{style:{paddingBottom:16,borderBottom:"1px solid #E0E0E0"},children:e(d,{children:null===(u=s.variable)||void 0===u?void 0:u.displayName})}),a("div",{style:{paddingTop:24},children:[e(o,{onChangeText:e=>{b(""),c(e)},value:m,isRequired:!0,labelText:"Default Value",hintText:"Used if this field is missing for a customer",errorMessage:null!=h?h:"",maxCharLimit:25}),a("div",{style:{paddingTop:24,gap:8,alignItems:"flex-start"},className:"d-flex",children:[e(r,{isChecked:v,onValueChange:e=>g(e),size:"SMALL"}),e(n,{style:{marginTop:-2},children:`Make this the default value for ‘${null===(f=s.variable)||void 0===f?void 0:f.displayName}’`})]}),e("div",{style:{padding:"24px 0px",display:"flex",flexDirection:"row",justifyContent:"flex-end"},children:e(t,{buttonText:"Insert Variable",buttonType:"primary",onClick:()=>{if(!m)return void b("This field is required");const e=Object.assign(Object.assign({},s.variable),{defaultValue:m,enableDefaultValueForGlobalUsage:v});s.onInsertVariable(e)}})})]})]})})};export{s as DefaultVariableContent};

package/dist/esm/components/variable-picker-v3/NoResult.d.ts

@@ -1,6 +1,6 @@
-type Props = {
-    height: string;
-    searchText?: string;
-};
-declare const NoResult: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export default NoResult;
+type Props = {
+    height: string;
+    searchText?: string;
+};
+declare const NoResult: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default NoResult;

package/dist/esm/components/variable-picker-v3/NoResult.js

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/search.svg.js";import n from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{TitleMedium as i,BodySecondary as s}from"../TypographyStyle.js";const c=n=>e(a,Object.assign({height:n.height},{children:[t(d,{children:t(r,{width:24,height:24,color:o.background.brand})}),e("div",Object.assign({style:{textAlign:"center"}},{children:[t(i,{children:"No results found"}),n.searchText?t(s,Object.assign({style:{color:o.content.secondary,marginTop:8}},{children:`Sorry we could not find any results for "${n.searchText}"`})):t(s,Object.assign({style:{color:o.content.secondary,marginTop:8}},{children:"Sorry we could not find any variables"}))]}))]})),a=n.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/search.svg.js";import n from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{TitleMedium as i,BodySecondary as c}from"../TypographyStyle.js";const s=n=>e(d,{height:n.height,children:[t(l,{children:t(r,{width:24,height:24,color:o.background.brand})}),e("div",{style:{textAlign:"center"},children:[t(i,{children:"No results found"}),n.searchText?t(c,{style:{color:o.content.secondary,marginTop:8},children:`Sorry we could not find any results for "${n.searchText}"`}):t(c,{style:{color:o.content.secondary,marginTop:8},children:"Sorry we could not find any variables"})]})]}),d=n.div`
 	display: flex;
 	gap: 16px;
 	flex-direction: column;
@@ -6,7 +6,7 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"../../assets/ico
 	justify-content: center;
 	padding: 0 16px;
 	height: ${e=>e.height};
-`,d=n.div`
+`,l=n.div`
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -14,4 +14,4 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"../../assets/ico
 	width: 48px;
 	height: 48px;
 	border-radius: 24px;
-`;export{c as default};
+`;export{s as default};

package/dist/esm/components/variable-picker-v3/SubHeaderItems.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-import { SubHeader, VariableListInterfaceV3, VariableV3 } from './model';
-type SubHeaderProps = {
-    parentVariable?: VariableListInterfaceV3;
-    disabled: boolean;
-    searchText: string;
-    onSelect: (variable: VariableV3) => void;
-    variable: {
-        [key: string]: SubHeader | VariableV3;
-    };
-};
-export declare const renderTooltipBody: (variable: VariableV3) => string;
-declare const SubHeaderItem: React.FC<SubHeaderProps>;
-export default SubHeaderItem;
+import { SubHeader, VariableListInterfaceV3, VariableV3 } from './model';
+type SubHeaderProps = {
+    parentVariable?: VariableListInterfaceV3;
+    disabled: boolean;
+    searchText: string;
+    onSelect: (variable: VariableV3) => void;
+    variable: {
+        [key: string]: SubHeader | VariableV3;
+    };
+};
+export declare const renderTooltipBody: (variable: VariableV3) => string;
+declare const SubHeaderItem: React.FC<SubHeaderProps>;
+export default SubHeaderItem;

package/dist/esm/components/variable-picker-v3/SubHeaderItems.js

@@ -1 +1 @@
-import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import s from"../../assets/icons/chevronRight.svg.js";import o from"../../assets/icons/plus.svg.js";import l from"../../assets/icons/sub_category.svg.js";import a from"../../assets/icons/triangle_error.svg.js";import r from"lodash/cloneDeep";import{COLORS as n}from"../../constants/Theme.js";import{ListItem as c}from"../list-item/ListItem.js";import{Tooltip as d}from"../tooltips/Tooltip.js";import{BodySecondary as m}from"../TypographyStyle.js";import{useVariablePickerContext as p}from"./context.js";import{highlightSearchText as b}from"./highlightSearchText.js";import{showOnlyRecommendedVariables as h}from"./recommendVaribles.js";const g=e=>{var t;return(null===(t=e.contextQ)||void 0===t?void 0:t.join(" > "))||""},v=v=>{const{onSelect:y,variable:f,searchText:j,disabled:u,parentVariable:x}=v,{subHeaderStack:O,setSubHeaderStack:I,setVariables:S,showRecommended:N}=p();return e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4}},{children:Object.keys(f).map(((p,v)=>{var T;if(void 0===f[p].variables||0===Object.keys((null===(T=f[p])||void 0===T?void 0:T.variables)||{}).length){const s=f[p];return e(d,Object.assign({body:g(s),placement:"bottom"},{children:e(c,{variant:u?"readonly":(null==s?void 0:s.selected)?"selected":"default",version:"2.0",leadingIcon:(null==s?void 0:s.selected)||u?e(t,{}):e("div",Object.assign({style:{flexShrink:0}},{children:e(o,{width:14,height:14})})),customListItemLabel:i("div",Object.assign({style:{display:"flex",gap:4}},{children:[e(m,Object.assign({style:{fontSize:"14px",color:n.text.primary}},{children:b(s.displayName,j)})),!s.isAvailable&&e(d,Object.assign({body:"Not Recommended"},{children:e("div",Object.assign({style:{display:"flex",marginTop:2}},{children:e(a,{width:16,height:16,color:n.content.secondary})}))}))]})),listItem:{label:s.displayName,value:s.displayName},subText:s.description||"",onClick:()=>{y(s)}})}),v)}return e(d,Object.assign({body:g(f[p]),placement:"bottom"},{children:e(c,{variant:"default",version:"2.0",listItem:{label:f[p].displayName,value:f[p].displayName},customListItemLabel:e("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e(m,Object.assign({style:{fontSize:"14px",color:n.text.primary}},{children:b(f[p].displayName,j)}))})),leadingIcon:e(l,{width:14,height:14}),subText:f[p].description||"",trailingIcon:e(s,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=r(f[p]);void 0!==x&&(e.contextQ=[x.displayName]);const t=[...O,e];if(I(t),N){const i=h([e.variables],t);S(i)}else S([e.variables])}})}),v)}))}))};export{v as default,g as renderTooltipBody};
+import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import o from"../../assets/icons/chevronRight.svg.js";import s from"../../assets/icons/plus.svg.js";import l from"../../assets/icons/sub_category.svg.js";import r from"../../assets/icons/triangle_error.svg.js";import{cloneDeep as a}from"lodash";import{COLORS as n}from"../../constants/Theme.js";import{ListItem as d}from"../list-item/ListItem.js";import{Tooltip as c}from"../tooltips/Tooltip.js";import{BodySecondary as m}from"../TypographyStyle.js";import{useVariablePickerContext as p}from"./context.js";import{highlightSearchText as h}from"./highlightSearchText.js";import{showOnlyRecommendedVariables as v}from"./recommendVaribles.js";const y=e=>{var t;return(null===(t=e.contextQ)||void 0===t?void 0:t.join(" > "))||""},b=b=>{const{onSelect:f,variable:u,searchText:g,disabled:x,parentVariable:j}=b,{subHeaderStack:I,setSubHeaderStack:S,setVariables:N,showRecommended:T}=p();return e("div",{style:{display:"flex",flexDirection:"column",gap:4},children:Object.keys(u).map(((p,b)=>{var k;if(void 0===u[p].variables||0===Object.keys((null===(k=u[p])||void 0===k?void 0:k.variables)||{}).length){const o=u[p];return e(c,{body:y(o),placement:"bottom",children:e(d,{variant:x?"readonly":(null==o?void 0:o.selected)?"selected":"default",version:"2.0",leadingIcon:(null==o?void 0:o.selected)||x?e(t,{}):e("div",{style:{flexShrink:0},children:e(s,{width:14,height:14})}),customListItemLabel:i("div",{style:{display:"flex",gap:4},children:[e(m,{style:{fontSize:"14px",color:n.text.primary},children:h(o.displayName,g)}),!o.isAvailable&&e(c,{body:"Not Recommended",children:e("div",{style:{display:"flex",marginTop:2},children:e(r,{width:16,height:16,color:n.content.secondary})})})]}),listItem:{label:o.displayName,value:o.displayName},subText:o.description||"",onClick:()=>{f(o)}})},b)}return e(c,{body:y(u[p]),placement:"bottom",children:e(d,{variant:"default",version:"2.0",listItem:{label:u[p].displayName,value:u[p].displayName},customListItemLabel:e("div",{style:{display:"flex",alignItems:"center"},children:e(m,{style:{fontSize:"14px",color:n.text.primary},children:h(u[p].displayName,g)})}),leadingIcon:e(l,{width:14,height:14}),subText:u[p].description||"",trailingIcon:e(o,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=a(u[p]);void 0!==j&&(e.contextQ=[j.displayName]);const t=[...I,e];if(S(t),T){const i=v([e.variables],t);N(i)}else N([e.variables])}})},b)}))})};export{b as default,y as renderTooltipBody};

package/dist/esm/components/variable-picker-v3/VariablePicker.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { VariablePickerV3Props } from './model';
-type Props = VariablePickerV3Props;
-export declare const VariablePicker: React.FC<Props>;
-export default VariablePicker;
+import React from 'react';
+import { VariablePickerV3Props } from './model';
+type Props = VariablePickerV3Props;
+export declare const VariablePicker: React.FC<Props>;
+export default VariablePicker;

package/dist/esm/components/variable-picker-v3/VariablePicker.js

@@ -1 +1 @@
-import{jsxs as t,jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{CloseButtonContainer as i}from"../modals/modal.styled.js";import{VariablePickerContent as r}from"./Content.js";import{PickerType as n}from"./model.js";const d=d=>{var c;const{type:h}=d;return h==n.FLOATER?t("div",Object.assign({style:{boxShadow:"0px 2px 8px 0px #0000001F",width:d.width?d.width:344,borderRadius:4,height:"100%"}},{children:[s(r,Object.assign({},d)),s(i,Object.assign({onClick:()=>{d.onClose&&d.onClose()}},{children:s(o,{height:20,width:20,color:e.content.secondary})}))]})):s("div",Object.assign({style:{width:null!==(c=d.width)&&void 0!==c?c:"100%",height:"100%"}},{children:s(r,Object.assign({},d))}))};export{d as VariablePicker,d as default};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import s from"../../assets/icons/cross.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{CloseButtonContainer as i}from"../modals/modal.styled.js";import{VariablePickerContent as r}from"./Content.js";import{PickerType as d}from"./model.js";const n=n=>{var h;const{type:m}=n;return m==d.FLOATER?o("div",{style:{boxShadow:"0px 2px 8px 0px #0000001F",width:n.width?n.width:344,borderRadius:4,height:"100%"},children:[t(r,Object.assign({},n)),t(i,{onClick:()=>{n.onClose&&n.onClose()},children:t(s,{height:20,width:20,color:e.content.secondary})})]}):t("div",{style:{width:null!==(h=n.width)&&void 0!==h?h:"100%",height:"100%"},children:t(r,Object.assign({},n))})};export{n as VariablePicker,n as default};

package/dist/esm/components/variable-picker-v3/context.d.ts

@@ -1,21 +1,21 @@
-import React from 'react';
-export declare const VariablePickerContext: React.Context<{
-    searchText: string;
-    setSearchText: React.Dispatch<React.SetStateAction<string>>;
-    subHeaderStack: any[];
-    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
-    variables: any[];
-    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
-    showRecommended: boolean;
-    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
-}>;
-export declare const useVariablePickerContext: () => {
-    searchText: string;
-    setSearchText: React.Dispatch<React.SetStateAction<string>>;
-    subHeaderStack: any[];
-    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
-    variables: any[];
-    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
-    showRecommended: boolean;
-    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
-};
+import React from 'react';
+export declare const VariablePickerContext: React.Context<{
+    searchText: string;
+    setSearchText: React.Dispatch<React.SetStateAction<string>>;
+    subHeaderStack: any[];
+    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
+    variables: any[];
+    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
+    showRecommended: boolean;
+    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
+}>;
+export declare const useVariablePickerContext: () => {
+    searchText: string;
+    setSearchText: React.Dispatch<React.SetStateAction<string>>;
+    subHeaderStack: any[];
+    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
+    variables: any[];
+    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
+    showRecommended: boolean;
+    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
+};

package/dist/esm/components/variable-picker-v3/highlightSearchText.d.ts

@@ -1 +1 @@
-export declare const highlightSearchText: (text: string, searchText: string) => string | import("react/jsx-runtime").JSX.Element;
+export declare const highlightSearchText: (text: string, searchText: string) => string | import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/variable-picker-v3/highlightSearchText.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{COLORS as r}from"../../constants/Theme.js";const n=(n,o)=>{if(0===o.length)return n;const s=n.toLowerCase().indexOf(o.toLowerCase());if(-1===s)return n;const c=n.slice(0,s),i=n.slice(s,s+o.length),l=n.slice(s+o.length);return e("span",{children:[c,t("b",Object.assign({style:{color:r.content.primary}},{children:i})),l]})};export{n as highlightSearchText};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{COLORS as r}from"../../constants/Theme.js";const n=(n,o)=>{if(0===o.length)return n;const s=n.toLowerCase().indexOf(o.toLowerCase());if(-1===s)return n;const c=n.slice(0,s),i=n.slice(s,s+o.length),l=n.slice(s+o.length);return e("span",{children:[c,t("b",{style:{color:r.content.primary},children:i}),l]})};export{n as highlightSearchText};

package/dist/esm/components/variable-picker-v3/index.d.ts

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

package/dist/esm/components/variable-picker-v3/model.d.ts

@@ -1,62 +1,62 @@
-export declare enum PickerType {
-    FLOATER = "floater",
-    EMBEDDED = "embedded"
-}
-export interface VariablePickerV3Props {
-    type: PickerType;
-    data: VariableListInterfaceV3[];
-    onSelect: (variable: VariableV3) => void;
-    width?: string;
-    onClose?: () => void;
-    showHeader?: boolean;
-    showBackButton?: boolean;
-    onBackButtonClick?: () => void;
-    onSearchBlur?: (e: any) => void;
-    isEvaluationList?: boolean;
-    hideHeaderCross?: boolean;
-    disabled?: boolean;
-    autoOpenFirst?: boolean;
-    headerText?: string;
-    contentHeight?: string;
-    onDefaultVariableSelect?: (variable: VariableV3) => void;
-    skipDefaultVariableContent?: boolean;
-}
-export interface VariableListInterfaceV3 {
-    isSubHeader?: boolean;
-    displayName: string;
-    description: string;
-    orderId?: number;
-    isAvailable?: boolean;
-    contextQ?: string[];
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface SubHeader {
-    isSubHeader: boolean;
-    isAvailable: boolean;
-    displayName: string;
-    description: string;
-    contextQ?: string[];
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface VariableV3 {
-    contextQ?: string[];
-    selected?: boolean;
-    description?: string;
-    defaultValue?: string;
-    displayName: string;
-    actualValue: string;
-    variableType: string;
-    isAvailable: boolean;
-    actualValueEval?: string;
-    isSubHeader?: boolean;
-    variables?: {
-        [key: string]: VariableV3;
-    };
-    needsFetching?: boolean;
-    isDefaultValueSupported?: boolean;
-    enableDefaultValueForGlobalUsage?: boolean;
-}
+export declare enum PickerType {
+    FLOATER = "floater",
+    EMBEDDED = "embedded"
+}
+export interface VariablePickerV3Props {
+    type: PickerType;
+    data: VariableListInterfaceV3[];
+    onSelect: (variable: VariableV3) => void;
+    width?: string;
+    onClose?: () => void;
+    showHeader?: boolean;
+    showBackButton?: boolean;
+    onBackButtonClick?: () => void;
+    onSearchBlur?: (e: any) => void;
+    isEvaluationList?: boolean;
+    hideHeaderCross?: boolean;
+    disabled?: boolean;
+    autoOpenFirst?: boolean;
+    headerText?: string;
+    contentHeight?: string;
+    onDefaultVariableSelect?: (variable: VariableV3) => void;
+    skipDefaultVariableContent?: boolean;
+}
+export interface VariableListInterfaceV3 {
+    isSubHeader?: boolean;
+    displayName: string;
+    description: string;
+    orderId?: number;
+    isAvailable?: boolean;
+    contextQ?: string[];
+    variables?: {
+        [key: string]: SubHeader | VariableV3;
+    };
+}
+export interface SubHeader {
+    isSubHeader: boolean;
+    isAvailable: boolean;
+    displayName: string;
+    description: string;
+    contextQ?: string[];
+    variables?: {
+        [key: string]: SubHeader | VariableV3;
+    };
+}
+export interface VariableV3 {
+    contextQ?: string[];
+    selected?: boolean;
+    description?: string;
+    defaultValue?: string;
+    displayName: string;
+    actualValue: string;
+    variableType: string;
+    isAvailable: boolean;
+    actualValueEval?: string;
+    isSubHeader?: boolean;
+    variables?: {
+        [key: string]: VariableV3;
+    };
+    needsFetching?: boolean;
+    isDefaultValueSupported?: boolean;
+    enableDefaultValueForGlobalUsage?: boolean;
+}

package/dist/esm/components/variable-picker-v3/recommendVaribles.d.ts

@@ -1 +1 @@
-export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;
+export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;

package/dist/esm/components/variable-picker-v3/searchVariables.d.ts

@@ -1,2 +1,2 @@
-import { VariableListInterfaceV3 } from './model';
-export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];
+import { VariableListInterfaceV3 } from './model';
+export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];

package/dist/esm/components/variable-picker-v3/styles.d.ts

@@ -1,8 +1,8 @@
-export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {
-    openDefault?: boolean | undefined;
-}, never>;
-export declare const RecommendWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BackHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    height: string;
-}, never>;
+export declare const HeaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    openDefault?: boolean;
+}>> & string;
+export declare const RecommendWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BackHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    height: string;
+}>> & string;

package/dist/esm/components/whats-new/WhatsNew.d.ts

@@ -1,23 +1,23 @@
-import React from 'react';
-import { WhatsNewContent } from './WhatsNew.types';
-interface WhatsNewProps {
-    title?: string;
-    tooltip?: string;
-    searchPlaceholder?: string;
-    emptyStateTitle?: string;
-    emptyStateDescription?: string;
-    noResultsText?: string;
-    width?: string;
-    onContentClick?: (content: WhatsNewContent) => void;
-    renderCustomContent?: (content: WhatsNewContent) => React.ReactNode;
-    buttonTestId?: string;
-    iconWidth?: number;
-    iconHeight?: number;
-    customIcon?: React.ComponentType<{
-        width?: number;
-        height?: number;
-        color?: string;
-    }>;
-}
-export declare const WhatsNew: React.FC<WhatsNewProps>;
-export {};
+import React from 'react';
+import { WhatsNewContent } from './WhatsNew.types';
+interface WhatsNewProps {
+    title?: string;
+    tooltip?: string;
+    searchPlaceholder?: string;
+    emptyStateTitle?: string;
+    emptyStateDescription?: string;
+    noResultsText?: string;
+    width?: string;
+    onContentClick?: (content: WhatsNewContent) => void;
+    renderCustomContent?: (content: WhatsNewContent) => React.ReactNode;
+    buttonTestId?: string;
+    iconWidth?: number;
+    iconHeight?: number;
+    customIcon?: React.ComponentType<{
+        width?: number;
+        height?: number;
+        color?: string;
+    }>;
+}
+export declare const WhatsNew: React.FC<WhatsNewProps>;
+export {};

package/dist/esm/components/whats-new/WhatsNew.styles.d.ts

@@ -1,11 +1,11 @@
-export declare const WhatsNewIconContainer: import("styled-components").StyledComponent<"div", any, {
-    count?: number | undefined;
-}, never>;
-export declare const WhatsNewWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MainContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const MainCardContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BackgroundImageContainer: import("styled-components").StyledComponent<"div", any, {
-    imageUrl: string;
-    height?: string | undefined;
-    width?: string | undefined;
-}, never>;
+export declare const WhatsNewIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    count?: number;
+}>> & string;
+export declare const WhatsNewWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MainContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MainCardContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BackgroundImageContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    imageUrl: string;
+    height?: string;
+    width?: string;
+}>> & string;