@bikdotai/bik-component-library 0.0.817-beta.7 → 0.0.817-beta.8

package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnsatisfactoryCountIntentWiseModal.js","sources":["../../../../src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { StyledModal } from '../modals';\nimport { BikShimmer } from '../shimmer';\nimport { BodyPrimary, BodySecondary, TitleSmall } from '../TypographyStyle';\nimport { ModalBody } from './UnsatisfactoryCountIntentWiseModal.style';\n\nexport interface UnsatisfactoryCountIntentWiseProps {\n\tstoreId?: string;\n\tshowUnsatisfactoryResponseModal: boolean;\n\tsetShowUnsatisfactoryResponseModal: (value: boolean) => void;\n\tChecklistType: Record<string, string>;\n\tUnsatisfactoryResponseIntentList?: string[];\n\tIntentHeaderTitle?: Record<string, string>;\n\tviewIntentWiseUnsatisfactoryResponse?: (intent: string) => void;\n\tfetchUnsatisfactoryResponseCountIntentWise?: () => Promise<{\n\t\t[keys in string]?: number;\n\t}>;\n}\n\nexport const UnsatisfactoryCountIntentWiseModal: React.FC<\n\tUnsatisfactoryCountIntentWiseProps\n> = (props: UnsatisfactoryCountIntentWiseProps) => {\n\tconst {\n\t\tstoreId,\n\t\tsetShowUnsatisfactoryResponseModal,\n\t\tshowUnsatisfactoryResponseModal,\n\t\tChecklistType,\n\t\tUnsatisfactoryResponseIntentList,\n\t\tviewIntentWiseUnsatisfactoryResponse,\n\t\tIntentHeaderTitle,\n\t\tfetchUnsatisfactoryResponseCountIntentWise,\n\t} = props;\n\tconst [\n\t\tunsatisfactoryResponseCountIntentWise,\n\t\tsetUnsatisfactoryResponseCountIntentWise,\n\t] = useState<{ [keys in keyof typeof ChecklistType]?: number }>();\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tif (!storeId || !fetchUnsatisfactoryResponseCountIntentWise) return;\n\t\tsetIsLoading(true);\n\t\tfetchUnsatisfactoryResponseCountIntentWise().then(\n\t\t\t(response: { [keys in keyof typeof ChecklistType]?: number }) => {\n\t\t\t\tsetUnsatisfactoryResponseCountIntentWise(response);\n\t\t\t\tsetIsLoading(false);\n\t\t\t},\n\t\t);\n\t}, [storeId]);\n\n\treturn (\n\t\t<StyledModal\n\t\t\tonClose={() => setShowUnsatisfactoryResponseModal(false)}\n\t\t\topen={showUnsatisfactoryResponseModal}\n\t\t\theadingTitle={'Improve unsatisfactory response'}\n\t\t>\n\t\t\t<ModalBody>\n\t\t\t\t<div>\n\t\t\t\t\t<BodyPrimary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\tIntent wise distribution of unsatisfactory response\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t</div>\n\n\t\t\t\t<div className={'modal-table'}>\n\t\t\t\t\t<div className={'table-row header'}>\n\t\t\t\t\t\t<div className={'table-cell'}>\n\t\t\t\t\t\t\t<TitleSmall style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\tIntent\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className={'table-cell center-align'}>\n\t\t\t\t\t\t\t<TitleSmall style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\tUnsatisfactory response\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className={'table-cell center-align'}>\n\t\t\t\t\t\t\t<TitleSmall style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\tAction\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t{isLoading &&\n\t\t\t\t\t\t[0, 1, 2, 3, 4, 5, 6].map((index) => (\n\t\t\t\t\t\t\t<div className={'table-row'} key={index}>\n\t\t\t\t\t\t\t\t<div className={'table-cell'}>\n\t\t\t\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '196px',\n\t\t\t\t\t\t\t\t\t\t\t\theight: '20px',\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className={'table-cell center-align'}>\n\t\t\t\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '176px',\n\t\t\t\t\t\t\t\t\t\t\t\theight: '20px',\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className={'table-cell center-align'}>\n\t\t\t\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '56px',\n\t\t\t\t\t\t\t\t\t\t\t\theight: '20px',\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t{!isLoading &&\n\t\t\t\t\t\tUnsatisfactoryResponseIntentList &&\n\t\t\t\t\t\tIntentHeaderTitle &&\n\t\t\t\t\t\tviewIntentWiseUnsatisfactoryResponse &&\n\t\t\t\t\t\tUnsatisfactoryResponseIntentList.map((intent) => (\n\t\t\t\t\t\t\t<div className={'table-row'} key={intent}>\n\t\t\t\t\t\t\t\t<div className={'table-cell'}>\n\t\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t\t{IntentHeaderTitle[intent]}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className={'table-cell center-align'}>\n\t\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t\t{unsatisfactoryResponseCountIntentWise?.[intent] || '--'}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className={'table-cell center-align'}>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tbuttonText={'Fix'}\n\t\t\t\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\t\t\t\t\tonClick={() => viewIntentWiseUnsatisfactoryResponse(intent)}\n\t\t\t\t\t\t\t\t\t\tdisabled={!unsatisfactoryResponseCountIntentWise?.[intent]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</ModalBody>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["UnsatisfactoryCountIntentWiseModal","props","storeId","setShowUnsatisfactoryResponseModal","showUnsatisfactoryResponseModal","ChecklistType","UnsatisfactoryResponseIntentList","viewIntentWiseUnsatisfactoryResponse","IntentHeaderTitle","fetchUnsatisfactoryResponseCountIntentWise","unsatisfactoryResponseCountIntentWise","setUnsatisfactoryResponseCountIntentWise","useState","isLoading","setIsLoading","useEffect","response","jsxDEV","StyledModal","ModalBody","BodyPrimary","COLORS","this","TitleSmall","index","BikShimmer","intent","BodySecondary","Button"],"mappings":"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"}
+{"version":3,"file":"UnsatisfactoryCountIntentWiseModal.js","sources":["../../../../src/components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { StyledModal } from '../modals';\nimport { BikShimmer } from '../shimmer';\nimport { BodyPrimary, BodySecondary, TitleSmall } from '../TypographyStyle';\nimport { ModalBody } from './UnsatisfactoryCountIntentWiseModal.style';\n\nexport interface UnsatisfactoryCountIntentWiseProps {\n\tstoreId?: string;\n\tshowUnsatisfactoryResponseModal: boolean;\n\tsetShowUnsatisfactoryResponseModal: (value: boolean) => void;\n\tChecklistType: Record<string, string>;\n\tUnsatisfactoryResponseIntentList?: string[];\n\tIntentHeaderTitle?: Record<string, string>;\n\tviewIntentWiseUnsatisfactoryResponse?: (intent: string) => void;\n\tfetchUnsatisfactoryResponseCountIntentWise?: () => Promise<{\n\t\t[keys in string]?: number;\n\t}>;\n}\n\nexport const UnsatisfactoryCountIntentWiseModal: React.FC<\n\tUnsatisfactoryCountIntentWiseProps\n> = (props: UnsatisfactoryCountIntentWiseProps) => {\n\tconst {\n\t\tstoreId,\n\t\tsetShowUnsatisfactoryResponseModal,\n\t\tshowUnsatisfactoryResponseModal,\n\t\tChecklistType,\n\t\tUnsatisfactoryResponseIntentList,\n\t\tviewIntentWiseUnsatisfactoryResponse,\n\t\tIntentHeaderTitle,\n\t\tfetchUnsatisfactoryResponseCountIntentWise,\n\t} = props;\n\tconst [\n\t\tunsatisfactoryResponseCountIntentWise,\n\t\tsetUnsatisfactoryResponseCountIntentWise,\n\t] = useState<{ [keys in keyof typeof ChecklistType]?: number }>();\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tif (!storeId || !fetchUnsatisfactoryResponseCountIntentWise) return;\n\t\tsetIsLoading(true);\n\t\tfetchUnsatisfactoryResponseCountIntentWise().then(\n\t\t\t(response: { [keys in keyof typeof ChecklistType]?: number }) => {\n\t\t\t\tsetUnsatisfactoryResponseCountIntentWise(response);\n\t\t\t\tsetIsLoading(false);\n\t\t\t},\n\t\t);\n\t}, [storeId]);\n\n\treturn (\n\t\t<StyledModal\n\t\t\tonClose={() => setShowUnsatisfactoryResponseModal(false)}\n\t\t\topen={showUnsatisfactoryResponseModal}\n\t\t\theadingTitle={'Improve unsatisfactory response'}\n\t\t>\n\t\t\t<ModalBody>\n\t\t\t\t<div>\n\t\t\t\t\t<BodyPrimary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\tIntent wise distribution of unsatisfactory response\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t</div>\n\n\t\t\t\t<div className={'modal-table'}>\n\t\t\t\t\t<div className={'table-row header'}>\n\t\t\t\t\t\t<div className={'table-cell'}>\n\t\t\t\t\t\t\t<TitleSmall style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\tIntent\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className={'table-cell center-align'}>\n\t\t\t\t\t\t\t<TitleSmall style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\tUnsatisfactory response\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className={'table-cell center-align'}>\n\t\t\t\t\t\t\t<TitleSmall style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\tAction\n\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t{isLoading &&\n\t\t\t\t\t\t[0, 1, 2, 3, 4, 5, 6].map((index) => (\n\t\t\t\t\t\t\t<div className={'table-row'} key={index}>\n\t\t\t\t\t\t\t\t<div className={'table-cell'}>\n\t\t\t\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '196px',\n\t\t\t\t\t\t\t\t\t\t\t\theight: '20px',\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className={'table-cell center-align'}>\n\t\t\t\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '176px',\n\t\t\t\t\t\t\t\t\t\t\t\theight: '20px',\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className={'table-cell center-align'}>\n\t\t\t\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: '56px',\n\t\t\t\t\t\t\t\t\t\t\t\theight: '20px',\n\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t\t{!isLoading &&\n\t\t\t\t\t\tUnsatisfactoryResponseIntentList &&\n\t\t\t\t\t\tIntentHeaderTitle &&\n\t\t\t\t\t\tviewIntentWiseUnsatisfactoryResponse &&\n\t\t\t\t\t\tUnsatisfactoryResponseIntentList.map((intent) => (\n\t\t\t\t\t\t\t<div className={'table-row'} key={intent}>\n\t\t\t\t\t\t\t\t<div className={'table-cell'}>\n\t\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t\t{IntentHeaderTitle[intent]}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className={'table-cell center-align'}>\n\t\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t\t{unsatisfactoryResponseCountIntentWise?.[intent] || '--'}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className={'table-cell center-align'}>\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tbuttonText={'Fix'}\n\t\t\t\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\t\t\t\t\tonClick={() => viewIntentWiseUnsatisfactoryResponse(intent)}\n\t\t\t\t\t\t\t\t\t\tdisabled={!unsatisfactoryResponseCountIntentWise?.[intent]}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t</ModalBody>\n\t\t</StyledModal>\n\t);\n};\n"],"names":["UnsatisfactoryCountIntentWiseModal","props","storeId","setShowUnsatisfactoryResponseModal","showUnsatisfactoryResponseModal","ChecklistType","UnsatisfactoryResponseIntentList","viewIntentWiseUnsatisfactoryResponse","IntentHeaderTitle","fetchUnsatisfactoryResponseCountIntentWise","unsatisfactoryResponseCountIntentWise","setUnsatisfactoryResponseCountIntentWise","useState","isLoading","setIsLoading","useEffect","response","jsxDEV","StyledModal","ModalBody","BodyPrimary","COLORS","this","TitleSmall","index","BikShimmer","intent","BodySecondary","Button"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),p=require("@bikdotai/bik-models/growth/models/bik-store"),I=require("../../assets/icons/cross.svg.js"),E=require("../../assets/icons/info.svg.js"),f=require("date-fns"),o=require("react"),t=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),S=require("./UnsatisfactoryCountIntentWiseModal.js"),W=require("./UnsatisfactoryResponseList.style.js"),y=require("../states/StateComponent.js"),r=require("../avatar/AvatarHelper.js"),j=require("../avatar/Avatar.js"),C=require("../button/Button.js"),V=b=>{const{storeId:d,appType:a,incorrectMessages:n,onIncorrectMessageBubbleClick:k,setShowIncorrectReplies:c,ChecklistType:h,IntentWiseUnsatisfactoryResponse:v,IntentHeaderTitle:N,redirectToUnsatisfactoryResponse:U,fetchUnsatisfactoryResponseCountIntentWise:x,fetchUnsatisfactoryResponseCount:l}=b,[D,R]=o.useState(""),[m,L]=o.useState(n?.length>0),[g,u]=o.useState(!1);return o.useEffect(()=>{!m&&l&&l().then(s=>{s>0&&L(!0),s===0&&c(!1)})},[]),e.jsxDEV("div",{style:{overflow:"scroll",height:"100%"},children:e.jsxDEV(W.IncorrectRepliesStyle,{children:[a==p.ApplicationType.MANIFEST&&e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[e.jsxDEV("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsxDEV(i.TitleRegular,{children:"Unsatisfactory responses"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:87,columnNumber:8},void 0),e.jsxDEV("div",{style:{cursor:"pointer"},onClick:()=>c(!1),children:e.jsxDEV(I.default,{height:16,width:16,color:t.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:92,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:88,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:80,columnNumber:7},void 0),e.jsxDEV(i.BodySecondary,{style:{color:t.COLORS.content.secondary},children:"Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses."},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:99,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:79,columnNumber:6},void 0),!n?.length&&e.jsxDEV("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:e.jsxDEV(y.StateComponent,{states:y.StateInterface.WARNING,heading:"No unsatisfactory responses",subline:"As of now, all responses are correct",isButtonEnabled:!1,width:0,size:r.SIZE.SMALL,icon:e.jsxDEV(j.Avatar,{type:r.AVATAR_TYPES.ICON,size:r.SIZE.MEDIUM,background:r.AVATAR_BACKGROUND.LIGHT,icon:()=>e.jsxDEV(E.default,{width:16,height:16,color:t.COLORS.content.warning},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:127,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:122,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:114,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:106,columnNumber:6},void 0),!!n?.length&&e.jsxDEV(e.Fragment,{children:[a==p.ApplicationType.MANIFEST&&e.jsxDEV("div",{style:{display:"flex",width:"100%",justifyContent:n?.length?"flex-start":"center"},children:e.jsxDEV(C.Button,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{u(!0)},disabled:!m},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:150,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:141,columnNumber:8},void 0),e.jsxDEV(S.UnsatisfactoryCountIntentWiseModal,{storeId:d,setShowUnsatisfactoryResponseModal:u,showUnsatisfactoryResponseModal:g,ChecklistType:h,UnsatisfactoryResponseIntentList:v,IntentHeaderTitle:N,fetchUnsatisfactoryResponseCountIntentWise:x,viewIntentWiseUnsatisfactoryResponse:U},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:162,columnNumber:7},void 0),n&&n?.length>0&&e.jsxDEV("div",{className:"wrapper",children:n.map((s,M)=>e.jsxDEV("div",{className:"bubble",onClick:()=>{k(s.messageId),R(s.messageId)},style:D===s.messageId?{backgroundColor:t.COLORS.surface.hovered}:{},children:[e.jsxDEV(i.BodySecondary,{style:{color:t.COLORS.content.primary},children:s.message},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:194,columnNumber:11},void 0),e.jsxDEV("div",{children:e.jsxDEV(i.Caption,{style:{color:t.COLORS.content.secondary},children:[f.format(new Date(s?.date),"hh:mm a")," |"," ",f.format(new Date(s?.date),"dd/MM/yyyy")]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:198,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:197,columnNumber:11},void 0)]},s.messageId,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:181,columnNumber:10},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:179,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:139,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:77,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:71,columnNumber:3},void 0)};exports.UnsatisfactoryResponseList=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),m=require("@bikdotai/bik-models/growth/models/bik-store"),I=require("../../assets/icons/cross.svg.js"),k=require("../../assets/icons/info.svg.js"),f=require("date-fns"),t=require("react"),o=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),E=require("./UnsatisfactoryCountIntentWiseModal.js"),S=require("./UnsatisfactoryResponseList.style.js"),y=require("../states/StateComponent.js"),r=require("../avatar/AvatarHelper.js"),j=require("../avatar/Avatar.js"),C=require("../button/Button.js"),V=p=>{const{storeId:b,appType:a,incorrectMessages:n,onIncorrectMessageBubbleClick:N,setShowIncorrectReplies:l,ChecklistType:U,IntentWiseUnsatisfactoryResponse:x,IntentHeaderTitle:D,redirectToUnsatisfactoryResponse:R,fetchUnsatisfactoryResponseCountIntentWise:h,fetchUnsatisfactoryResponseCount:c}=p,[v,w]=t.useState(""),[d,L]=t.useState(n?.length>0),[g,u]=t.useState(!1);return t.useEffect(()=>{!d&&c&&c().then(s=>{s>0&&L(!0),s===0&&l(!1)})},[]),e.jsxDEV("div",{style:{overflow:"scroll",height:"100%"},children:e.jsxDEV(S.IncorrectRepliesStyle,{children:[a==m.ApplicationType.MANIFEST&&e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[e.jsxDEV("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsxDEV(i.TitleRegular,{children:"Unsatisfactory responses"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:87,columnNumber:8},void 0),e.jsxDEV("div",{style:{cursor:"pointer"},onClick:()=>l(!1),children:e.jsxDEV(I.default,{height:16,width:16,color:o.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:92,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:88,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:80,columnNumber:7},void 0),e.jsxDEV(i.BodySecondary,{style:{color:o.COLORS.content.secondary},children:"Spot unsatisfactory replies, dive deeper, and enhance with relevant data for improved responses."},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:99,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:79,columnNumber:6},void 0),!n?.length&&e.jsxDEV("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"},children:e.jsxDEV(y.StateComponent,{states:y.StateInterface.WARNING,heading:"No unsatisfactory responses",subline:"As of now, all responses are correct",isButtonEnabled:!1,width:0,size:r.SIZE.SMALL,icon:e.jsxDEV(j.Avatar,{type:r.AVATAR_TYPES.ICON,size:r.SIZE.MEDIUM,background:r.AVATAR_BACKGROUND.LIGHT,icon:()=>e.jsxDEV(k.default,{width:16,height:16,color:o.COLORS.content.warning},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:127,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:122,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:114,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:106,columnNumber:6},void 0),!!n?.length&&e.jsxDEV(e.Fragment,{children:[a==m.ApplicationType.MANIFEST&&e.jsxDEV("div",{style:{display:"flex",width:"100%",justifyContent:n?.length?"flex-start":"center"},children:e.jsxDEV(C.Button,{buttonText:"Fix all unsatisfactory responses",buttonType:"tertiary",size:"small",onClick:()=>{u(!0)},disabled:!d},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:150,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:141,columnNumber:8},void 0),e.jsxDEV(E.UnsatisfactoryCountIntentWiseModal,{storeId:b,setShowUnsatisfactoryResponseModal:u,showUnsatisfactoryResponseModal:g,ChecklistType:U,UnsatisfactoryResponseIntentList:x,IntentHeaderTitle:D,fetchUnsatisfactoryResponseCountIntentWise:h,viewIntentWiseUnsatisfactoryResponse:R},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:162,columnNumber:7},void 0),n&&n?.length>0&&e.jsxDEV("div",{className:"wrapper",children:n.map((s,M)=>e.jsxDEV("div",{className:"bubble",onClick:()=>{N(s.messageId),w(s.messageId)},style:v===s.messageId?{backgroundColor:o.COLORS.surface.hovered}:{},children:[e.jsxDEV(i.BodySecondary,{style:{color:o.COLORS.content.primary},children:s.message},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:194,columnNumber:11},void 0),e.jsxDEV("div",{children:e.jsxDEV(i.Caption,{style:{color:o.COLORS.content.secondary},children:[f.format(new Date(s?.date),"hh:mm a")," |"," ",f.format(new Date(s?.date),"dd/MM/yyyy")]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:198,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:197,columnNumber:11},void 0)]},s.messageId,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:181,columnNumber:10},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:179,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:139,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:77,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx",lineNumber:71,columnNumber:3},void 0)};exports.UnsatisfactoryResponseList=V;
 //# sourceMappingURL=UnsatisfactoryResponseList.js.map

package/dist/cjs/components/unsatisfactory-response-list/UnsatisfactoryResponseList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnsatisfactoryResponseList.js","sources":["../../../../src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport CrossIcon from '@src/assets/icons/cross.svg';\nimport InfoIcon from '@src/assets/icons/info.svg';\nimport { format } from 'date-fns';\nimport React, { useEffect, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Avatar, AVATAR_BACKGROUND, AVATAR_TYPES, SIZE } from '../avatar';\nimport { Button } from '../button';\nimport { StateComponent, StateInterface } from '../states';\nimport { BodySecondary, Caption, TitleRegular } from '../TypographyStyle';\nimport { UnsatisfactoryCountIntentWiseModal } from './UnsatisfactoryCountIntentWiseModal';\nimport { IncorrectRepliesStyle } from './UnsatisfactoryResponseList.style';\n\nexport interface UnsatisfactoryResponseListProps {\n\tstoreId?: string;\n\tappType: ApplicationType;\n\tincorrectMessages: any;\n\tonIncorrectMessageBubbleClick: (messageId: string) => void;\n\tsetShowIncorrectReplies: (show: boolean) => void;\n\n\t// ui\n\tChecklistType: Record<string, string>;\n\tIntentHeaderTitle?: Record<string, string>;\n\tIntentWiseUnsatisfactoryResponse?: string[];\n\n\tredirectToUnsatisfactoryResponse?: (intent: string) => void;\n\n\t// data fetch\n\tfetchUnsatisfactoryResponseCountIntentWise?: () => Promise<{\n\t\t[keys in string]?: number;\n\t}>;\n\tfetchUnsatisfactoryResponseCount?: () => Promise<number>;\n}\n\nexport const UnsatisfactoryResponseList: React.FC<\n\tUnsatisfactoryResponseListProps\n> = (props: UnsatisfactoryResponseListProps) => {\n\tconst {\n\t\tstoreId,\n\t\tappType,\n\t\tincorrectMessages,\n\t\tonIncorrectMessageBubbleClick,\n\t\tsetShowIncorrectReplies,\n\t\tChecklistType,\n\t\tIntentWiseUnsatisfactoryResponse,\n\t\tIntentHeaderTitle,\n\t\tredirectToUnsatisfactoryResponse,\n\t\tfetchUnsatisfactoryResponseCountIntentWise,\n\t\tfetchUnsatisfactoryResponseCount,\n\t} = props;\n\tconst [messageId, setMessageId] = useState<string>('');\n\tconst [hasUnsatisfactoryMessage, setHasUnsatisfactoryMessage] =\n\t\tuseState<boolean>(incorrectMessages?.length > 0);\n\tconst [showIncorrectDataModal, setShowIncorrectDataModal] =\n\t\tuseState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tif (!hasUnsatisfactoryMessage && fetchUnsatisfactoryResponseCount) {\n\t\t\tfetchUnsatisfactoryResponseCount().then((response: number) => {\n\t\t\t\tif (response > 0) {\n\t\t\t\t\tsetHasUnsatisfactoryMessage(true);\n\t\t\t\t}\n\t\t\t\tif (response === 0) {\n\t\t\t\t\tsetShowIncorrectReplies(false);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\toverflow: 'scroll',\n\t\t\t\theight: '100%',\n\t\t\t}}\n\t\t>\n\t\t\t<IncorrectRepliesStyle>\n\t\t\t\t{appType == ApplicationType.MANIFEST && (\n\t\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TitleRegular>Unsatisfactory responses</TitleRegular>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\t\tonClick={() => setShowIncorrectReplies(false)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\tSpot unsatisfactory replies, dive deeper, and enhance with\n\t\t\t\t\t\t\trelevant data for improved responses.\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!incorrectMessages?.length && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<StateComponent\n\t\t\t\t\t\t\tstates={StateInterface.WARNING}\n\t\t\t\t\t\t\theading={'No unsatisfactory responses'}\n\t\t\t\t\t\t\tsubline={'As of now, all responses are correct'}\n\t\t\t\t\t\t\tisButtonEnabled={false}\n\t\t\t\t\t\t\twidth={0}\n\t\t\t\t\t\t\tsize={SIZE.SMALL}\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\ttype={AVATAR_TYPES.ICON}\n\t\t\t\t\t\t\t\t\tsize={SIZE.MEDIUM}\n\t\t\t\t\t\t\t\t\tbackground={AVATAR_BACKGROUND.LIGHT}\n\t\t\t\t\t\t\t\t\ticon={() => (\n\t\t\t\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.warning}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!!incorrectMessages?.length && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{appType == ApplicationType.MANIFEST && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\tjustifyContent: incorrectMessages?.length\n\t\t\t\t\t\t\t\t\t\t? 'flex-start'\n\t\t\t\t\t\t\t\t\t\t: 'center',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText={'Fix all unsatisfactory responses'}\n\t\t\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowIncorrectDataModal(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tdisabled={!hasUnsatisfactoryMessage}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<UnsatisfactoryCountIntentWiseModal\n\t\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\t\tsetShowUnsatisfactoryResponseModal={setShowIncorrectDataModal}\n\t\t\t\t\t\t\tshowUnsatisfactoryResponseModal={showIncorrectDataModal}\n\t\t\t\t\t\t\tChecklistType={ChecklistType}\n\t\t\t\t\t\t\tUnsatisfactoryResponseIntentList={\n\t\t\t\t\t\t\t\tIntentWiseUnsatisfactoryResponse\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tIntentHeaderTitle={IntentHeaderTitle}\n\t\t\t\t\t\t\tfetchUnsatisfactoryResponseCountIntentWise={\n\t\t\t\t\t\t\t\tfetchUnsatisfactoryResponseCountIntentWise\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tviewIntentWiseUnsatisfactoryResponse={\n\t\t\t\t\t\t\t\tredirectToUnsatisfactoryResponse\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{incorrectMessages && incorrectMessages?.length > 0 && (\n\t\t\t\t\t\t\t<div className={'wrapper'}>\n\t\t\t\t\t\t\t\t{incorrectMessages.map((each, index) => (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={each.messageId}\n\t\t\t\t\t\t\t\t\t\tclassName={'bubble'}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tonIncorrectMessageBubbleClick(each.messageId);\n\t\t\t\t\t\t\t\t\t\t\tsetMessageId(each.messageId);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\tmessageId === each.messageId\n\t\t\t\t\t\t\t\t\t\t\t\t? { backgroundColor: COLORS.surface.hovered }\n\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t\t\t{each.message}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t<Caption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{format(new Date(each?.date), 'hh:mm a')} |{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t{format(new Date(each?.date), 'dd/MM/yyyy')}\n\t\t\t\t\t\t\t\t\t\t\t</Caption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</IncorrectRepliesStyle>\n\t\t</div>\n\t);\n};\n"],"names":["UnsatisfactoryResponseList","props","storeId","appType","incorrectMessages","onIncorrectMessageBubbleClick","setShowIncorrectReplies","ChecklistType","IntentWiseUnsatisfactoryResponse","IntentHeaderTitle","redirectToUnsatisfactoryResponse","fetchUnsatisfactoryResponseCountIntentWise","fetchUnsatisfactoryResponseCount","messageId","setMessageId","useState","hasUnsatisfactoryMessage","setHasUnsatisfactoryMessage","showIncorrectDataModal","setShowIncorrectDataModal","useEffect","response","jsxDEV","IncorrectRepliesStyle","ApplicationType","TitleRegular","this","CrossIcon","COLORS","BodySecondary","StateComponent","StateInterface","SIZE","Avatar","AVATAR_TYPES","AVATAR_BACKGROUND","InfoIcon","Fragment","Button","UnsatisfactoryCountIntentWiseModal","each","index","Caption","format"],"mappings":"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"}
+{"version":3,"file":"UnsatisfactoryResponseList.js","sources":["../../../../src/components/unsatisfactory-response-list/UnsatisfactoryResponseList.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport CrossIcon from '@src/assets/icons/cross.svg';\nimport InfoIcon from '@src/assets/icons/info.svg';\nimport { format } from 'date-fns';\nimport React, { useEffect, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Avatar, AVATAR_BACKGROUND, AVATAR_TYPES, SIZE } from '../avatar';\nimport { Button } from '../button';\nimport { StateComponent, StateInterface } from '../states';\nimport { BodySecondary, Caption, TitleRegular } from '../TypographyStyle';\nimport { UnsatisfactoryCountIntentWiseModal } from './UnsatisfactoryCountIntentWiseModal';\nimport { IncorrectRepliesStyle } from './UnsatisfactoryResponseList.style';\n\nexport interface UnsatisfactoryResponseListProps {\n\tstoreId?: string;\n\tappType: ApplicationType;\n\tincorrectMessages: any;\n\tonIncorrectMessageBubbleClick: (messageId: string) => void;\n\tsetShowIncorrectReplies: (show: boolean) => void;\n\n\t// ui\n\tChecklistType: Record<string, string>;\n\tIntentHeaderTitle?: Record<string, string>;\n\tIntentWiseUnsatisfactoryResponse?: string[];\n\n\tredirectToUnsatisfactoryResponse?: (intent: string) => void;\n\n\t// data fetch\n\tfetchUnsatisfactoryResponseCountIntentWise?: () => Promise<{\n\t\t[keys in string]?: number;\n\t}>;\n\tfetchUnsatisfactoryResponseCount?: () => Promise<number>;\n}\n\nexport const UnsatisfactoryResponseList: React.FC<\n\tUnsatisfactoryResponseListProps\n> = (props: UnsatisfactoryResponseListProps) => {\n\tconst {\n\t\tstoreId,\n\t\tappType,\n\t\tincorrectMessages,\n\t\tonIncorrectMessageBubbleClick,\n\t\tsetShowIncorrectReplies,\n\t\tChecklistType,\n\t\tIntentWiseUnsatisfactoryResponse,\n\t\tIntentHeaderTitle,\n\t\tredirectToUnsatisfactoryResponse,\n\t\tfetchUnsatisfactoryResponseCountIntentWise,\n\t\tfetchUnsatisfactoryResponseCount,\n\t} = props;\n\tconst [messageId, setMessageId] = useState<string>('');\n\tconst [hasUnsatisfactoryMessage, setHasUnsatisfactoryMessage] =\n\t\tuseState<boolean>(incorrectMessages?.length > 0);\n\tconst [showIncorrectDataModal, setShowIncorrectDataModal] =\n\t\tuseState<boolean>(false);\n\n\tuseEffect(() => {\n\t\tif (!hasUnsatisfactoryMessage && fetchUnsatisfactoryResponseCount) {\n\t\t\tfetchUnsatisfactoryResponseCount().then((response: number) => {\n\t\t\t\tif (response > 0) {\n\t\t\t\t\tsetHasUnsatisfactoryMessage(true);\n\t\t\t\t}\n\t\t\t\tif (response === 0) {\n\t\t\t\t\tsetShowIncorrectReplies(false);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}, []);\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\toverflow: 'scroll',\n\t\t\t\theight: '100%',\n\t\t\t}}\n\t\t>\n\t\t\t<IncorrectRepliesStyle>\n\t\t\t\t{appType == ApplicationType.MANIFEST && (\n\t\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<TitleRegular>Unsatisfactory responses</TitleRegular>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{ cursor: 'pointer' }}\n\t\t\t\t\t\t\t\tonClick={() => setShowIncorrectReplies(false)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\tSpot unsatisfactory replies, dive deeper, and enhance with\n\t\t\t\t\t\t\trelevant data for improved responses.\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!incorrectMessages?.length && (\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<StateComponent\n\t\t\t\t\t\t\tstates={StateInterface.WARNING}\n\t\t\t\t\t\t\theading={'No unsatisfactory responses'}\n\t\t\t\t\t\t\tsubline={'As of now, all responses are correct'}\n\t\t\t\t\t\t\tisButtonEnabled={false}\n\t\t\t\t\t\t\twidth={0}\n\t\t\t\t\t\t\tsize={SIZE.SMALL}\n\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t<Avatar\n\t\t\t\t\t\t\t\t\ttype={AVATAR_TYPES.ICON}\n\t\t\t\t\t\t\t\t\tsize={SIZE.MEDIUM}\n\t\t\t\t\t\t\t\t\tbackground={AVATAR_BACKGROUND.LIGHT}\n\t\t\t\t\t\t\t\t\ticon={() => (\n\t\t\t\t\t\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.warning}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t\t{!!incorrectMessages?.length && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{appType == ApplicationType.MANIFEST && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t\tjustifyContent: incorrectMessages?.length\n\t\t\t\t\t\t\t\t\t\t? 'flex-start'\n\t\t\t\t\t\t\t\t\t\t: 'center',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText={'Fix all unsatisfactory responses'}\n\t\t\t\t\t\t\t\t\tbuttonType={'tertiary'}\n\t\t\t\t\t\t\t\t\tsize={'small'}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetShowIncorrectDataModal(true);\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tdisabled={!hasUnsatisfactoryMessage}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t<UnsatisfactoryCountIntentWiseModal\n\t\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\t\tsetShowUnsatisfactoryResponseModal={setShowIncorrectDataModal}\n\t\t\t\t\t\t\tshowUnsatisfactoryResponseModal={showIncorrectDataModal}\n\t\t\t\t\t\t\tChecklistType={ChecklistType}\n\t\t\t\t\t\t\tUnsatisfactoryResponseIntentList={\n\t\t\t\t\t\t\t\tIntentWiseUnsatisfactoryResponse\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tIntentHeaderTitle={IntentHeaderTitle}\n\t\t\t\t\t\t\tfetchUnsatisfactoryResponseCountIntentWise={\n\t\t\t\t\t\t\t\tfetchUnsatisfactoryResponseCountIntentWise\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tviewIntentWiseUnsatisfactoryResponse={\n\t\t\t\t\t\t\t\tredirectToUnsatisfactoryResponse\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{incorrectMessages && incorrectMessages?.length > 0 && (\n\t\t\t\t\t\t\t<div className={'wrapper'}>\n\t\t\t\t\t\t\t\t{incorrectMessages.map((each, index) => (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tkey={each.messageId}\n\t\t\t\t\t\t\t\t\t\tclassName={'bubble'}\n\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\tonIncorrectMessageBubbleClick(each.messageId);\n\t\t\t\t\t\t\t\t\t\t\tsetMessageId(each.messageId);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\tmessageId === each.messageId\n\t\t\t\t\t\t\t\t\t\t\t\t? { backgroundColor: COLORS.surface.hovered }\n\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.primary }}>\n\t\t\t\t\t\t\t\t\t\t\t{each.message}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t<Caption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t\t\t\t{format(new Date(each?.date), 'hh:mm a')} |{' '}\n\t\t\t\t\t\t\t\t\t\t\t\t{format(new Date(each?.date), 'dd/MM/yyyy')}\n\t\t\t\t\t\t\t\t\t\t\t</Caption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</IncorrectRepliesStyle>\n\t\t</div>\n\t);\n};\n"],"names":["UnsatisfactoryResponseList","props","storeId","appType","incorrectMessages","onIncorrectMessageBubbleClick","setShowIncorrectReplies","ChecklistType","IntentWiseUnsatisfactoryResponse","IntentHeaderTitle","redirectToUnsatisfactoryResponse","fetchUnsatisfactoryResponseCountIntentWise","fetchUnsatisfactoryResponseCount","messageId","setMessageId","useState","hasUnsatisfactoryMessage","setHasUnsatisfactoryMessage","showIncorrectDataModal","setShowIncorrectDataModal","useEffect","response","jsxDEV","IncorrectRepliesStyle","ApplicationType","TitleRegular","this","CrossIcon","COLORS","BodySecondary","StateComponent","StateInterface","SIZE","Avatar","AVATAR_TYPES","AVATAR_BACKGROUND","InfoIcon","Fragment","Button","UnsatisfactoryCountIntentWiseModal","each","index","Caption","format"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),K=require("../../assets/icons/arrow_back.svg.js"),ie=require("../../assets/icons/cross.svg.js"),se=require("../../assets/icons/plus.svg.js"),ae=require("../../assets/icons/triangle_error.svg.js"),l=require("react"),le=require("react-dom"),u=require("../../constants/Theme.js"),v=require("../TypographyStyle.js"),ce=require("./context.js"),me=require("./DefaultVariableContent.js"),J=require("./highlightSearchText.js"),ue=require("./model.js"),be=require("./NoResult.js"),f=require("./recommendVaribles.js"),V=require("./searchVariables.js"),C=require("./styles.js"),O=require("./SubHeaderItems.js"),w=require("../icon-button/IconButton.js"),de=require("../input/Input.js"),pe=require("../switch/Switch.js"),ke=require("../accordion/Accordion.js"),Q=require("../tooltips/Tooltip.js"),he=require("../list-item/ListItem.js"),ve=/.*\..*/,fe=t=>/\w+\[\d+\]/g.test(t),ye=t=>{if(t.actualValue.match(ve)){const c=t.actualValue.replace("{{","").replace("}}","").split(".");let m=c[0];return c.forEach((k,y)=>{if(y===0)return;if(fe(k)){const h=k.match(/(\w+)\[(\d+)\]/);if(h){const g=h[1],S=h[2];m=m+`['${g}'][${S}]`}}else m=m+`['${k}']`}),m}else return t.actualValueEval?t.actualValueEval:t.actualValue},Ne=t=>{const{data:c,onSelect:m,showHeader:k,showBackButton:y,hideHeaderCross:T,onBackButtonClick:h,isEvaluationList:g,autoOpenFirst:S,headerText:X,contentHeight:q,onDefaultVariableSelect:Y,skipDefaultVariableContent:E}=t,[N,s]=l.useState(c),[a,j]=l.useState(""),[o,B]=l.useState([]),[W,I]=l.useState(""),[d,L]=l.useState(!1),[U,H]=l.useState([]),[b,R]=l.useState(!1),[P,F]=l.useState(),x=l.useRef(null),A=l.useRef([]),Z=b&&t.type===ue.PickerType.EMBEDDED&&!T;l.useEffect(()=>{$(!0)},[]),l.useEffect(()=>{o.length>0?H([o[o.length-1]]):H(c)},[o]);const ee=e=>{e.stopPropagation();let i=a;const r=[...o],D=r.pop();D.displayName===W&&(i="");const z=A.current.pop()??0;if(le.flushSync(()=>{if(B(r),D.displayName===W&&j(""),i.length>0){const p=r.length>0?[r[r.length-1]]:c,G=V.searchVariables(i,p,r);if(d){const te=f.showOnlyRecommendedVariables(G,r);s(te)}else s(G)}else if(r.length>0)if(d){const p=f.showOnlyRecommendedVariables([r[r.length-1].variables],r);s(p)}else s([r[r.length-1].variables]);else if(d){const p=f.showOnlyRecommendedVariables(c,r);s(p)}else s(c)}),x.current&&z>0){const p=x.current;setTimeout(()=>{p.scrollTo({top:z,behavior:"smooth"})},300)}},$=async e=>{if(L(e),e){const i=f.showOnlyRecommendedVariables(N,o);s(i)}else if(o.length>0){const i=W==o[o.length-1].displayName;if(a.length>0&&i){const r=V.searchVariables(a,U,o);s(r)}else s([o[o.length-1].variables])}else if(a.length>0){const i=V.searchVariables(a,U,o);s(i)}else s(c)},M=()=>{if(q)return q;let e=131;return o.length>0&&(e+=32),(t.showHeader||t.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},ne=e=>{e||I("");const i=V.searchVariables(e,U,o);if(d){const D=f.showOnlyRecommendedVariables(i,o);s(D)}else s(i);j(e);const r=o.length>0?o[o.length-1].displayName:"home";I(r)},re=()=>n.jsxDEV(K.default,{width:16,height:16,style:{display:"flex",color:u.COLORS.content.primary}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:276,columnNumber:4},void 0),oe=()=>n.jsxDEV(K.default,{width:12,height:12,style:{color:u.COLORS.content.secondary}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:286,columnNumber:4},void 0),_=e=>{if(!t.disabled)if(g){const i=ye(e);m({...e,actualValue:i})}else{if(e.isDefaultValueSupported&&!E){F(e),R(!0);return}m(e)}};return n.jsxDEV(ce.VariablePickerContext.Provider,{value:{variables:N,searchText:a,subHeaderStack:o,showRecommended:d,setSubHeaderStack:B,setSearchText:j,setVariables:s,setShowRecommended:L,containerRef:x,scrollPositionStack:A},children:n.jsxDEV("div",{tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation(),children:[(k||y||b)&&n.jsxDEV(C.HeaderWrapper,{openDefault:b,children:[n.jsxDEV("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(y||b)&&n.jsxDEV(w.IconButton,{Icon:re,onClick:()=>{b?R(!1):h&&h()}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:342,columnNumber:9},void 0),(k||b)&&n.jsxDEV(v.TitleRegular,{children:b?"Set up":X??"Select Variable"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:354,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:340,columnNumber:7},void 0),Z&&n.jsxDEV(w.IconButton,{style:{color:"#212121"},Icon:ie.default,onClick:()=>t.onClose&&t.onClose()},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:362,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:339,columnNumber:6},void 0),b&&P&&!E?n.jsxDEV(me.DefaultVariableContent,{variable:P,onInsertVariable:e=>{m(e),Y?.(e)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:373,columnNumber:6},void 0):n.jsxDEV(n.Fragment,{children:[n.jsxDEV("div",{style:{padding:"0 16px",paddingTop:12,backgroundColor:u.COLORS.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8},children:n.jsxDEV(de.Input,{id:"search-bar-v3-picker",onBlur:e=>{t.onSearchBlur&&t.onSearchBlur(e)},value:a,noKeyDownChange:!0,placeholder:"Search",onChangeText:ne},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:391,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:382,columnNumber:7},void 0),n.jsxDEV(C.RecommendWrapper,{children:[n.jsxDEV(v.BodySecondary,{style:{color:u.COLORS.content.secondary},children:"Only Recommended"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:403,columnNumber:8},void 0),n.jsxDEV(pe.Switch,{value:d,onValueChange:async e=>{await $(e)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:406,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:402,columnNumber:7},void 0),o.length>0&&n.jsxDEV(C.BackHeader,{children:[n.jsxDEV("div",{style:{position:"absolute",left:16},children:n.jsxDEV(w.IconButton,{id:"back-btn-v3",style:{display:"flex"},Icon:oe,onClick:ee},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:416,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:415,columnNumber:9},void 0),n.jsxDEV(v.BodyCaption,{style:{color:u.COLORS.content.secondary},children:o[o.length-1].displayName},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:423,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:414,columnNumber:8},void 0),n.jsxDEV(n.Fragment,{children:N.length>0?n.jsxDEV(C.Container,{ref:x,height:M(),children:N.map((e,i)=>e.displayName&&typeof e.variables<"u"?n.jsxDEV("div",{style:{borderBottom:`1px solid ${u.COLORS.stroke.primary}`},children:n.jsxDEV(ke.BikAccordion,{arrowColor:u.COLORS.content.primary,autoOpen:S&&i===0,headerPadding:"12px 16px",header:n.jsxDEV(v.TitleSmall,{style:{color:u.COLORS.content.secondary},children:J.highlightSearchText(e.displayName,a)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:452,columnNumber:16},void 0),children:n.jsxDEV(O.default,{parentVariable:e,disabled:t.disabled??!1,searchText:a,variable:e.variables,onSelect:r=>{if(r.isDefaultValueSupported&&!E){F(r),R(!0);return}m(r)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:462,columnNumber:15},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:447,columnNumber:14},void 0)},e.displayName+d,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:441,columnNumber:13},void 0):e.displayName?n.jsxDEV(Q.Tooltip,{body:O.renderTooltipBody(e),placement:"bottom",children:n.jsxDEV(he.ListItem,{variant:t.disabled?"readonly":e?.selected?"selected":"default",version:"2.0",leadingIcon:e?.selected||t.disabled?n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:502,columnNumber:17},void 0):n.jsxDEV("div",{style:{flexShrink:0},children:n.jsxDEV(se.default,{width:14,height:14},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:505,columnNumber:18},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:504,columnNumber:17},void 0),customListItemLabel:n.jsxDEV("div",{style:{display:"flex",gap:4},children:[n.jsxDEV(v.BodySecondary,{style:{fontSize:"14px",color:u.COLORS.text.primary},children:J.highlightSearchText(e.displayName,a)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:516,columnNumber:17},void 0),!e.isAvailable&&n.jsxDEV(Q.Tooltip,{body:"Not Recommended",children:n.jsxDEV("div",{style:{display:"flex",marginTop:2},children:n.jsxDEV(ae.default,{width:16,height:16,color:u.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:532,columnNumber:20},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:529,columnNumber:19},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:528,columnNumber:18},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:510,columnNumber:16},void 0),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>_(e)},i,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:489,columnNumber:14},void 0)},i,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:484,columnNumber:13},void 0):n.jsxDEV(O.default,{disabled:t.disabled??!1,searchText:a,variable:e,onSelect:r=>_(r)},i,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:555,columnNumber:13},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:434,columnNumber:9},void 0):n.jsxDEV(be.default,{height:M(),searchText:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:573,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:432,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:381,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:327,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:313,columnNumber:3},void 0)};exports.VariablePickerContent=Ne;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),K=require("../../assets/icons/arrow_back.svg.js"),ae=require("../../assets/icons/cross.svg.js"),te=require("../../assets/icons/plus.svg.js"),ie=require("../../assets/icons/triangle_error.svg.js"),l=require("react"),le=require("react-dom"),u=require("../../constants/Theme.js"),h=require("../TypographyStyle.js"),ce=require("./context.js"),de=require("./DefaultVariableContent.js"),J=require("./highlightSearchText.js"),ue=require("./model.js"),me=require("./NoResult.js"),N=require("./recommendVaribles.js"),V=require("./searchVariables.js"),C=require("./styles.js"),O=require("./SubHeaderItems.js"),T=require("../icon-button/IconButton.js"),be=require("../input/Input.js"),fe=require("../switch/Switch.js"),pe=require("../accordion/Accordion.js"),Q=require("../tooltips/Tooltip.js"),ye=require("../list-item/ListItem.js"),he=/.*\..*/,Ne=s=>/\w+\[\d+\]/g.test(s),ve=s=>{if(s.actualValue.match(he)){const c=s.actualValue.replace("{{","").replace("}}","").split(".");let d=c[0];return c.forEach((p,v)=>{if(v===0)return;if(Ne(p)){const y=p.match(/(\w+)\[(\d+)\]/);if(y){const g=y[1],w=y[2];d=d+`['${g}'][${w}]`}}else d=d+`['${p}']`}),d}else return s.actualValueEval?s.actualValueEval:s.actualValue},ke=s=>{const{data:c,onSelect:d,showHeader:p,showBackButton:v,hideHeaderCross:q,onBackButtonClick:y,isEvaluationList:g,autoOpenFirst:w,headerText:X,contentHeight:B,onDefaultVariableSelect:Y,skipDefaultVariableContent:S}=s,[k,t]=l.useState(c),[i,E]=l.useState(""),[r,I]=l.useState([]),[j,L]=l.useState(""),[b,H]=l.useState(!1),[U,P]=l.useState([]),[m,R]=l.useState(!1),[F,A]=l.useState(),x=l.useRef(null),$=l.useRef([]),Z=m&&s.type===ue.PickerType.EMBEDDED&&!q;l.useEffect(()=>{M(!0)},[]),l.useEffect(()=>{r.length>0?P([r[r.length-1]]):P(c)},[r]);const ee=e=>{e.stopPropagation();let a=i;const o=[...r],D=o.pop();D.displayName===j&&(a="");const z=$.current.pop()??0;if(le.flushSync(()=>{if(I(o),D.displayName===j&&E(""),a.length>0){const f=o.length>0?[o[o.length-1]]:c,G=V.searchVariables(a,f,o);if(b){const se=N.showOnlyRecommendedVariables(G,o);t(se)}else t(G)}else if(o.length>0)if(b){const f=N.showOnlyRecommendedVariables([o[o.length-1].variables],o);t(f)}else t([o[o.length-1].variables]);else if(b){const f=N.showOnlyRecommendedVariables(c,o);t(f)}else t(c)}),x.current&&z>0){const f=x.current;setTimeout(()=>{f.scrollTo({top:z,behavior:"smooth"})},300)}},M=async e=>{if(H(e),e){const a=N.showOnlyRecommendedVariables(k,r);t(a)}else if(r.length>0){const a=j==r[r.length-1].displayName;if(i.length>0&&a){const o=V.searchVariables(i,U,r);t(o)}else t([r[r.length-1].variables])}else if(i.length>0){const a=V.searchVariables(i,U,r);t(a)}else t(c)},_=()=>{if(B)return B;let e=131;return r.length>0&&(e+=32),(s.showHeader||s.showBackButton)&&(e+=40),`calc(100% - ${e}px)`},ne=e=>{e||L("");const a=V.searchVariables(e,U,r);if(b){const D=N.showOnlyRecommendedVariables(a,r);t(D)}else t(a);E(e);const o=r.length>0?r[r.length-1].displayName:"home";L(o)},oe=()=>n.jsxDEV(K.default,{width:16,height:16,style:{display:"flex",color:u.COLORS.content.primary}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:276,columnNumber:4},void 0),re=()=>n.jsxDEV(K.default,{width:12,height:12,style:{color:u.COLORS.content.secondary}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:286,columnNumber:4},void 0),W=e=>{if(!s.disabled)if(g){const a=ve(e);d({...e,actualValue:a})}else{if(e.isDefaultValueSupported&&!S){A(e),R(!0);return}d(e)}};return n.jsxDEV(ce.VariablePickerContext.Provider,{value:{variables:k,searchText:i,subHeaderStack:r,showRecommended:b,setSubHeaderStack:I,setSearchText:E,setVariables:t,setShowRecommended:H,containerRef:x,scrollPositionStack:$},children:n.jsxDEV("div",{tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:8,height:"100%",outline:"none"},onClick:e=>e.stopPropagation(),children:[(p||v||m)&&n.jsxDEV(C.HeaderWrapper,{openDefault:m,children:[n.jsxDEV("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(v||m)&&n.jsxDEV(T.IconButton,{Icon:oe,onClick:()=>{m?R(!1):y&&y()}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:342,columnNumber:9},void 0),(p||m)&&n.jsxDEV(h.TitleRegular,{children:m?"Set up":X??"Select Variable"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:354,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:340,columnNumber:7},void 0),Z&&n.jsxDEV(T.IconButton,{style:{color:"#212121"},Icon:ae.default,onClick:()=>s.onClose&&s.onClose()},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:362,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:339,columnNumber:6},void 0),m&&F&&!S?n.jsxDEV(de.DefaultVariableContent,{variable:F,onInsertVariable:e=>{d(e),Y?.(e)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:373,columnNumber:6},void 0):n.jsxDEV(n.Fragment,{children:[n.jsxDEV("div",{style:{padding:"0 16px",paddingTop:12,backgroundColor:u.COLORS.surface.subdued,borderTopLeftRadius:8,borderTopRightRadius:8},children:n.jsxDEV(be.Input,{id:"search-bar-v3-picker",onBlur:e=>{s.onSearchBlur&&s.onSearchBlur(e)},value:i,noKeyDownChange:!0,placeholder:"Search",onChangeText:ne},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:391,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:382,columnNumber:7},void 0),n.jsxDEV(C.RecommendWrapper,{children:[n.jsxDEV(h.BodySecondary,{style:{color:u.COLORS.content.secondary},children:"Only Recommended"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:403,columnNumber:8},void 0),n.jsxDEV(fe.Switch,{value:b,onValueChange:async e=>{await M(e)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:406,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:402,columnNumber:7},void 0),r.length>0&&n.jsxDEV(C.BackHeader,{children:[n.jsxDEV("div",{style:{position:"absolute",left:16},children:n.jsxDEV(T.IconButton,{id:"back-btn-v3",style:{display:"flex"},Icon:re,onClick:ee},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:416,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:415,columnNumber:9},void 0),n.jsxDEV(h.BodyCaption,{style:{color:u.COLORS.content.secondary},children:r[r.length-1].displayName},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:423,columnNumber:9},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:414,columnNumber:8},void 0),n.jsxDEV(n.Fragment,{children:k.length>0?n.jsxDEV(C.Container,{ref:x,height:_(),children:k.map((e,a)=>e.displayName&&typeof e.variables<"u"?n.jsxDEV("div",{style:{borderBottom:`1px solid ${u.COLORS.stroke.primary}`},children:n.jsxDEV(pe.BikAccordion,{arrowColor:u.COLORS.content.primary,autoOpen:w&&a===0,headerPadding:"12px 16px",header:n.jsxDEV(h.TitleSmall,{style:{color:u.COLORS.content.secondary},children:J.highlightSearchText(e.displayName,i)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:452,columnNumber:16},void 0),children:n.jsxDEV(O.default,{parentVariable:e,disabled:s.disabled??!1,searchText:i,variable:e.variables,onSelect:o=>{if(o.isDefaultValueSupported&&!S){A(o),R(!0);return}d(o)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:462,columnNumber:15},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:447,columnNumber:14},void 0)},e.displayName+b,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:441,columnNumber:13},void 0):e.displayName?n.jsxDEV(Q.Tooltip,{body:O.renderTooltipBody(e),placement:"bottom",children:n.jsxDEV(ye.ListItem,{variant:s.disabled?"readonly":e?.selected?"selected":"default",version:"2.0",leadingIcon:e?.selected||s.disabled?n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:502,columnNumber:17},void 0):n.jsxDEV("div",{style:{flexShrink:0},children:n.jsxDEV(te.default,{width:14,height:14},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:505,columnNumber:18},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:504,columnNumber:17},void 0),customListItemLabel:n.jsxDEV("div",{style:{display:"flex",gap:4},children:[n.jsxDEV(h.BodySecondary,{style:{fontSize:"14px",color:u.COLORS.text.primary},children:J.highlightSearchText(e.displayName,i)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:516,columnNumber:17},void 0),!e.isAvailable&&n.jsxDEV(Q.Tooltip,{body:"Not Recommended",children:n.jsxDEV("div",{style:{display:"flex",marginTop:2},children:n.jsxDEV(ie.default,{width:16,height:16,color:u.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:532,columnNumber:20},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:529,columnNumber:19},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:528,columnNumber:18},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:510,columnNumber:16},void 0),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>W(e)},a,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:489,columnNumber:14},void 0)},a,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:484,columnNumber:13},void 0):n.jsxDEV(O.default,{disabled:s.disabled??!1,searchText:i,variable:e,onSelect:o=>W(o)},a,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:555,columnNumber:13},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:434,columnNumber:9},void 0):n.jsxDEV(me.default,{height:_(),searchText:i},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:573,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:432,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:381,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:327,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",lineNumber:313,columnNumber:3},void 0)};exports.VariablePickerContent=ke;
 //# sourceMappingURL=Content.js.map

package/dist/cjs/components/variable-picker-v3/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../src/components/variable-picker-v3/Content.tsx"],"sourcesContent":["import BackIcon from '@src/assets/icons/arrow_back.svg';\nimport CrossIcon from '@src/assets/icons/cross.svg';\nimport AddIcon from '@src/assets/icons/plus.svg';\nimport WarnIcon from '@src/assets/icons/triangle_error.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { flushSync } from 'react-dom';\nimport { COLORS } from '@src/constants/Theme';\nimport { BikAccordion } from '../accordion';\nimport { IconButton } from '../icon-button';\nimport { Input } from '../input';\nimport { ListItem } from '../list-item';\nimport { Switch } from '../switch';\nimport { Tooltip } from '../tooltips';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleRegular,\n\tTitleSmall,\n} from '../TypographyStyle';\nimport { VariablePickerContext } from './context';\nimport { DefaultVariableContent } from './DefaultVariableContent';\nimport { highlightSearchText } from './highlightSearchText';\nimport {\n\tPickerType,\n\tSubHeader,\n\tVariablePickerV3Props,\n\tVariableV3,\n} from './model';\nimport NoResult from './NoResult';\nimport { showOnlyRecommendedVariables } from './recommendVaribles';\nimport { searchVariables } from './searchVariables';\nimport {\n\tBackHeader,\n\tContainer,\n\tHeaderWrapper,\n\tRecommendWrapper,\n} from './styles';\nimport SubHeaderItems, { renderTooltipBody } from './SubHeaderItems';\n\ntype Props = VariablePickerV3Props;\n\nconst variableRegex = /.*\\..*/;\nconst checkIfArray = (value: string) => {\n\tconst regex = /\\w+\\[\\d+\\]/g;\n\treturn regex.test(value);\n};\n\nconst matchVariable = (variable: VariableV3) => {\n\tif (variable.actualValue.match(variableRegex)) {\n\t\tconst path = variable.actualValue\n\t\t\t.replace('{{', '')\n\t\t\t.replace('}}', '')\n\t\t\t.split('.');\n\t\tlet evalVariableValue = path[0];\n\t\tpath.forEach((value, index) => {\n\t\t\tif (index === 0) return;\n\t\t\tconst isArray = checkIfArray(value);\n\t\t\tif (isArray) {\n\t\t\t\t// ex: event_memberships[0] -> ['event_memberships'][0]\n\t\t\t\tconst matches = value.match(/(\\w+)\\[(\\d+)\\]/);\n\t\t\t\tif (matches) {\n\t\t\t\t\tconst arrayName = matches[1];\n\t\t\t\t\tconst index = matches[2];\n\t\t\t\t\tevalVariableValue = evalVariableValue + `['${arrayName}'][${index}]`;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tevalVariableValue = evalVariableValue + `['${value}']`;\n\t\t\t}\n\t\t});\n\t\treturn evalVariableValue;\n\t} else {\n\t\tconst value = variable.actualValueEval\n\t\t\t? variable.actualValueEval\n\t\t\t: variable.actualValue;\n\t\treturn value;\n\t}\n};\n\nexport const VariablePickerContent: React.FC<Props> = (\n\tprops: VariablePickerV3Props,\n) => {\n\tconst {\n\t\tdata,\n\t\tonSelect,\n\t\tshowHeader,\n\t\tshowBackButton,\n\t\thideHeaderCross,\n\t\tonBackButtonClick,\n\t\tisEvaluationList,\n\t\tautoOpenFirst,\n\t\theaderText,\n\t\tcontentHeight,\n\t\tonDefaultVariableSelect,\n\t\tskipDefaultVariableContent,\n\t} = props;\n\n\tconst [variables, setVariables] = useState(data); // modified data after search\n\tconst [searchText, setSearchText] = useState<string>('');\n\tconst [subHeaderStack, setSubHeaderStack] = useState<any[]>([]); // push variable object after every level\n\tconst [searchedFrom, setSearchedFrom] = useState<string>(''); // from which level did the user search from\n\tconst [showRecommended, setShowRecommended] = useState<boolean>(false);\n\tconst [dataSource, setDataSource] = useState<any[]>([]); // for search, maintaining original copy\n\tconst [openDefaultVariablePanel, setOpenDefaultVariablePanel] =\n\t\tuseState(false);\n\tconst [chosenForDefault, setChosenForDefault] = useState<VariableV3 | null>();\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\tconst scrollPositionStack = useRef<number[]>([]);\n\tconst shouldShowHeaderInsideCross =\n\t\topenDefaultVariablePanel &&\n\t\tprops.type === PickerType.EMBEDDED &&\n\t\t!hideHeaderCross;\n\n\t// useEffect(() => {\n\t// \t// TODO: based on new data, update existing variables if available\n\t// \tsetVariables(data);\n\t// }, [data]);\n\n\tuseEffect(() => {\n\t\thandleRecommendedChange(true);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (subHeaderStack.length > 0) {\n\t\t\tsetDataSource([subHeaderStack[subHeaderStack.length - 1]]);\n\t\t} else {\n\t\t\tsetDataSource(data);\n\t\t}\n\t}, [subHeaderStack]);\n\n\tconst handleBackClick = (e: any) => {\n\t\te.stopPropagation();\n\t\tlet _searchText = searchText;\n\t\tconst newSubHeaderStack = [...subHeaderStack];\n\t\tconst poppedElement = newSubHeaderStack.pop();\n\t\tif (poppedElement.displayName === searchedFrom) {\n\t\t\t_searchText = ''; // so that search is not trigerred in the below code\n\t\t}\n\t\tconst savedScrollTop = scrollPositionStack.current.pop() ?? 0;\n\n\t\t// Use flushSync to force synchronous DOM update so scroll can be\n\t\t// restored immediately after the new content is rendered\n\t\tflushSync(() => {\n\t\t\tsetSubHeaderStack(newSubHeaderStack);\n\t\t\tif (poppedElement.displayName === searchedFrom) {\n\t\t\t\tsetSearchText('');\n\t\t\t}\n\t\t\tif (_searchText.length > 0) {\n\t\t\t\t// maintain the search result when going back\n\t\t\t\tconst dataSource =\n\t\t\t\t\tnewSubHeaderStack.length > 0\n\t\t\t\t\t\t? [newSubHeaderStack[newSubHeaderStack.length - 1]]\n\t\t\t\t\t\t: data;\n\t\t\t\tconst result = searchVariables(\n\t\t\t\t\t_searchText,\n\t\t\t\t\tdataSource,\n\t\t\t\t\tnewSubHeaderStack,\n\t\t\t\t);\n\t\t\t\tif (showRecommended) {\n\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\tresult,\n\t\t\t\t\t\tnewSubHeaderStack,\n\t\t\t\t\t);\n\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t} else {\n\t\t\t\t\tsetVariables(result);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (newSubHeaderStack.length > 0) {\n\t\t\t\t\tif (showRecommended) {\n\t\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\t\t[newSubHeaderStack[newSubHeaderStack.length - 1].variables],\n\t\t\t\t\t\t\tnewSubHeaderStack,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetVariables([\n\t\t\t\t\t\t\tnewSubHeaderStack[newSubHeaderStack.length - 1].variables,\n\t\t\t\t\t\t]);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (showRecommended) {\n\t\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\t\tdata,\n\t\t\t\t\t\t\tnewSubHeaderStack,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetVariables(data);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t// Restore scroll after accordion expand animation completes.\n\t\t// The BikAccordion uses a 250ms CSS transition on max-height when\n\t\t// autoOpen fires. We must wait for that to finish so the Container\n\t\t// has enough scrollHeight to scroll to the saved position.\n\t\tif (containerRef.current && savedScrollTop > 0) {\n\t\t\tconst el = containerRef.current;\n\t\t\tsetTimeout(() => {\n\t\t\t\tel.scrollTo({ top: savedScrollTop, behavior: 'smooth' });\n\t\t\t}, 300);\n\t\t}\n\t};\n\n\tconst handleRecommendedChange = async (val) => {\n\t\tsetShowRecommended(val);\n\t\tif (val) {\n\t\t\tconst output = showOnlyRecommendedVariables(variables, subHeaderStack);\n\t\t\tsetVariables(output);\n\t\t} else {\n\t\t\tif (subHeaderStack.length > 0) {\n\t\t\t\t// dont apply search if not in the page where search started\n\t\t\t\tconst isInSearchStartPage =\n\t\t\t\t\tsearchedFrom == subHeaderStack[subHeaderStack.length - 1].displayName;\n\t\t\t\tif (searchText.length > 0 && isInSearchStartPage) {\n\t\t\t\t\tconst result = searchVariables(\n\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\tdataSource,\n\t\t\t\t\t\tsubHeaderStack,\n\t\t\t\t\t);\n\t\t\t\t\tsetVariables(result);\n\t\t\t\t} else {\n\t\t\t\t\tsetVariables([subHeaderStack[subHeaderStack.length - 1].variables]);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (searchText.length > 0) {\n\t\t\t\t\tconst result = searchVariables(\n\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\tdataSource,\n\t\t\t\t\t\tsubHeaderStack,\n\t\t\t\t\t);\n\t\t\t\t\tsetVariables(result);\n\t\t\t\t} else {\n\t\t\t\t\tsetVariables(data);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tconst calculateHeight = () => {\n\t\tif (contentHeight) {\n\t\t\treturn contentHeight;\n\t\t}\n\t\tlet pickerContentHeight = 131;\n\t\tif (subHeaderStack.length > 0) {\n\t\t\tpickerContentHeight += 32;\n\t\t}\n\t\tif (props.showHeader || props.showBackButton) {\n\t\t\tpickerContentHeight += 40;\n\t\t}\n\t\treturn `calc(100% - ${pickerContentHeight}px)`;\n\t};\n\n\tconst onSearch = (text: string) => {\n\t\tif (!text) {\n\t\t\tsetSearchedFrom('');\n\t\t}\n\t\tconst result = searchVariables(text, dataSource, subHeaderStack);\n\t\tif (showRecommended) {\n\t\t\tconst recommended = showOnlyRecommendedVariables(result, subHeaderStack);\n\t\t\tsetVariables(recommended);\n\t\t} else {\n\t\t\tsetVariables(result);\n\t\t}\n\t\tsetSearchText(text);\n\t\tconst latestSubHeader =\n\t\t\tsubHeaderStack.length > 0\n\t\t\t\t? subHeaderStack[subHeaderStack.length - 1].displayName\n\t\t\t\t: 'home';\n\t\tsetSearchedFrom(latestSubHeader);\n\t};\n\n\tconst HeaderBackIcon = () => {\n\t\treturn (\n\t\t\t<BackIcon\n\t\t\t\twidth={16}\n\t\t\t\theight={16}\n\t\t\t\tstyle={{ display: 'flex', color: COLORS.content.primary }}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst GoBackIcon = () => {\n\t\treturn (\n\t\t\t<BackIcon\n\t\t\t\twidth={12}\n\t\t\t\theight={12}\n\t\t\t\tstyle={{ color: COLORS.content.secondary }}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst onSelectingVariable = (variable: VariableV3) => {\n\t\tif (props.disabled) return;\n\t\tif (isEvaluationList) {\n\t\t\tconst evalVariableValue = matchVariable(variable as VariableV3);\n\t\t\tonSelect({\n\t\t\t\t...variable,\n\t\t\t\tactualValue: evalVariableValue,\n\t\t\t} as VariableV3);\n\t\t} else {\n\t\t\tif (variable.isDefaultValueSupported && !skipDefaultVariableContent) {\n\t\t\t\tsetChosenForDefault(variable);\n\t\t\t\tsetOpenDefaultVariablePanel(true);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonSelect(variable as VariableV3);\n\t\t}\n\t};\n\n\treturn (\n\t\t<VariablePickerContext.Provider\n\t\t\tvalue={{\n\t\t\t\tvariables,\n\t\t\t\tsearchText,\n\t\t\t\tsubHeaderStack,\n\t\t\t\tshowRecommended,\n\t\t\t\tsetSubHeaderStack,\n\t\t\t\tsetSearchText,\n\t\t\t\tsetVariables,\n\t\t\t\tsetShowRecommended,\n\t\t\t\tcontainerRef,\n\t\t\t\tscrollPositionStack,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\ttabIndex={-1}\n\t\t\t\tid=\"variable-picker-v3\"\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor: 'white',\n\t\t\t\t\tborderRadius: 8,\n\t\t\t\t\theight: '100%',\n\t\t\t\t\toutline: 'none',\n\t\t\t\t}}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{(showHeader || showBackButton || openDefaultVariablePanel) && (\n\t\t\t\t\t<HeaderWrapper openDefault={openDefaultVariablePanel}>\n\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n\t\t\t\t\t\t\t{(showBackButton || openDefaultVariablePanel) && (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={HeaderBackIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (openDefaultVariablePanel) {\n\t\t\t\t\t\t\t\t\t\t\tsetOpenDefaultVariablePanel(false);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tonBackButtonClick && onBackButtonClick();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{(showHeader || openDefaultVariablePanel) && (\n\t\t\t\t\t\t\t\t<TitleRegular>\n\t\t\t\t\t\t\t\t\t{openDefaultVariablePanel\n\t\t\t\t\t\t\t\t\t\t? 'Set up'\n\t\t\t\t\t\t\t\t\t\t: headerText ?? 'Select Variable'}\n\t\t\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{shouldShowHeaderInsideCross && (\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tstyle={{ color: '#212121' }}\n\t\t\t\t\t\t\t\tIcon={CrossIcon}\n\t\t\t\t\t\t\t\tonClick={() => props.onClose && props.onClose()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</HeaderWrapper>\n\t\t\t\t)}\n\t\t\t\t{openDefaultVariablePanel &&\n\t\t\t\tchosenForDefault &&\n\t\t\t\t!skipDefaultVariableContent ? (\n\t\t\t\t\t<DefaultVariableContent\n\t\t\t\t\t\tvariable={chosenForDefault}\n\t\t\t\t\t\tonInsertVariable={(updated) => {\n\t\t\t\t\t\t\tonSelect(updated);\n\t\t\t\t\t\t\tonDefaultVariableSelect?.(updated);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\t\t\t\tpaddingTop: 12,\n\t\t\t\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\t\t\t\tborderTopLeftRadius: 8,\n\t\t\t\t\t\t\t\tborderTopRightRadius: 8,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"search-bar-v3-picker\"\n\t\t\t\t\t\t\t\tonBlur={(e) => {\n\t\t\t\t\t\t\t\t\tprops.onSearchBlur && props.onSearchBlur(e);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue={searchText}\n\t\t\t\t\t\t\t\tnoKeyDownChange\n\t\t\t\t\t\t\t\tplaceholder=\"Search\"\n\t\t\t\t\t\t\t\tonChangeText={onSearch}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<RecommendWrapper>\n\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\tOnly Recommended\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t<Switch\n\t\t\t\t\t\t\t\tvalue={showRecommended}\n\t\t\t\t\t\t\t\tonValueChange={async (val) => {\n\t\t\t\t\t\t\t\t\tawait handleRecommendedChange(val);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</RecommendWrapper>\n\t\t\t\t\t\t{subHeaderStack.length > 0 && (\n\t\t\t\t\t\t\t<BackHeader>\n\t\t\t\t\t\t\t\t<div style={{ position: 'absolute', left: 16 }}>\n\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\tid=\"back-btn-v3\"\n\t\t\t\t\t\t\t\t\t\tstyle={{ display: 'flex' }}\n\t\t\t\t\t\t\t\t\t\tIcon={GoBackIcon}\n\t\t\t\t\t\t\t\t\t\tonClick={handleBackClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{subHeaderStack[subHeaderStack.length - 1].displayName}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t</BackHeader>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{variables.length > 0 ? (\n\t\t\t\t\t\t\t\t<Container ref={containerRef} height={calculateHeight()}>\n\t\t\t\t\t\t\t\t\t{variables.map((variable, index) => {\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\tvariable.displayName &&\n\t\t\t\t\t\t\t\t\t\t\ttypeof variable.variables !== 'undefined'\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={variable.displayName + showRecommended} // to re-render the component\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderBottom: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<BikAccordion\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tarrowColor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tautoOpen={autoOpenFirst && index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theaderPadding=\"12px 16px\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theader={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<SubHeaderItems\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparentVariable={variable}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText={searchText}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable={variable.variables}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect={(variable) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable.isDefaultValueSupported &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!skipDefaultVariableContent\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetChosenForDefault(variable);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetOpenDefaultVariablePanel(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect(variable as VariableV3);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</BikAccordion>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else if (variable.displayName) {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\t\tbody={renderTooltipBody(variable as VariableV3)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.disabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'readonly'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: (variable as VariableV3)?.selected\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(variable as VariableV3)?.selected ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.disabled ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ flexShrink: 0 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<AddIcon width={14} height={14} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!variable.isAvailable && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip body=\"Not Recommended\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ display: 'flex', marginTop: 2 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<WarnIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: variable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: variable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubText={variable.description || ''}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelectingVariable(variable as VariableV3)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<SubHeaderItems\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText={searchText}\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariable={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable as unknown as {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[key: string]: SubHeader | VariableV3;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect={(variable: VariableV3) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelectingVariable(variable as VariableV3)\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</Container>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<NoResult height={calculateHeight()} searchText={searchText} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</VariablePickerContext.Provider>\n\t);\n};\n"],"names":["variableRegex","checkIfArray","value","matchVariable","variable","path","evalVariableValue","index","matches","arrayName","VariablePickerContent","props","data","onSelect","showHeader","showBackButton","hideHeaderCross","onBackButtonClick","isEvaluationList","autoOpenFirst","headerText","contentHeight","onDefaultVariableSelect","skipDefaultVariableContent","variables","setVariables","useState","searchText","setSearchText","subHeaderStack","setSubHeaderStack","searchedFrom","setSearchedFrom","showRecommended","setShowRecommended","dataSource","setDataSource","openDefaultVariablePanel","setOpenDefaultVariablePanel","chosenForDefault","setChosenForDefault","containerRef","useRef","scrollPositionStack","shouldShowHeaderInsideCross","PickerType","useEffect","handleRecommendedChange","handleBackClick","_searchText","newSubHeaderStack","poppedElement","savedScrollTop","flushSync","result","searchVariables","recommended","showOnlyRecommendedVariables","el","val","output","isInSearchStartPage","calculateHeight","pickerContentHeight","onSearch","text","latestSubHeader","HeaderBackIcon","jsxDEV","BackIcon","COLORS","this","GoBackIcon","onSelectingVariable","VariablePickerContext","HeaderWrapper","IconButton","TitleRegular","CrossIcon","DefaultVariableContent","updated","Fragment","Input","RecommendWrapper","BodySecondary","Switch","BackHeader","BodyCaption","Container","BikAccordion","TitleSmall","highlightSearchText","SubHeaderItems","Tooltip","renderTooltipBody","ListItem","AddIcon","WarnIcon","NoResult"],"mappings":"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"}
+{"version":3,"file":"Content.js","sources":["../../../../src/components/variable-picker-v3/Content.tsx"],"sourcesContent":["import BackIcon from '@src/assets/icons/arrow_back.svg';\nimport CrossIcon from '@src/assets/icons/cross.svg';\nimport AddIcon from '@src/assets/icons/plus.svg';\nimport WarnIcon from '@src/assets/icons/triangle_error.svg';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { flushSync } from 'react-dom';\nimport { COLORS } from '@src/constants/Theme';\nimport { BikAccordion } from '../accordion';\nimport { IconButton } from '../icon-button';\nimport { Input } from '../input';\nimport { ListItem } from '../list-item';\nimport { Switch } from '../switch';\nimport { Tooltip } from '../tooltips';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tTitleRegular,\n\tTitleSmall,\n} from '../TypographyStyle';\nimport { VariablePickerContext } from './context';\nimport { DefaultVariableContent } from './DefaultVariableContent';\nimport { highlightSearchText } from './highlightSearchText';\nimport {\n\tPickerType,\n\tSubHeader,\n\tVariablePickerV3Props,\n\tVariableV3,\n} from './model';\nimport NoResult from './NoResult';\nimport { showOnlyRecommendedVariables } from './recommendVaribles';\nimport { searchVariables } from './searchVariables';\nimport {\n\tBackHeader,\n\tContainer,\n\tHeaderWrapper,\n\tRecommendWrapper,\n} from './styles';\nimport SubHeaderItems, { renderTooltipBody } from './SubHeaderItems';\n\ntype Props = VariablePickerV3Props;\n\nconst variableRegex = /.*\\..*/;\nconst checkIfArray = (value: string) => {\n\tconst regex = /\\w+\\[\\d+\\]/g;\n\treturn regex.test(value);\n};\n\nconst matchVariable = (variable: VariableV3) => {\n\tif (variable.actualValue.match(variableRegex)) {\n\t\tconst path = variable.actualValue\n\t\t\t.replace('{{', '')\n\t\t\t.replace('}}', '')\n\t\t\t.split('.');\n\t\tlet evalVariableValue = path[0];\n\t\tpath.forEach((value, index) => {\n\t\t\tif (index === 0) return;\n\t\t\tconst isArray = checkIfArray(value);\n\t\t\tif (isArray) {\n\t\t\t\t// ex: event_memberships[0] -> ['event_memberships'][0]\n\t\t\t\tconst matches = value.match(/(\\w+)\\[(\\d+)\\]/);\n\t\t\t\tif (matches) {\n\t\t\t\t\tconst arrayName = matches[1];\n\t\t\t\t\tconst index = matches[2];\n\t\t\t\t\tevalVariableValue = evalVariableValue + `['${arrayName}'][${index}]`;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tevalVariableValue = evalVariableValue + `['${value}']`;\n\t\t\t}\n\t\t});\n\t\treturn evalVariableValue;\n\t} else {\n\t\tconst value = variable.actualValueEval\n\t\t\t? variable.actualValueEval\n\t\t\t: variable.actualValue;\n\t\treturn value;\n\t}\n};\n\nexport const VariablePickerContent: React.FC<Props> = (\n\tprops: VariablePickerV3Props,\n) => {\n\tconst {\n\t\tdata,\n\t\tonSelect,\n\t\tshowHeader,\n\t\tshowBackButton,\n\t\thideHeaderCross,\n\t\tonBackButtonClick,\n\t\tisEvaluationList,\n\t\tautoOpenFirst,\n\t\theaderText,\n\t\tcontentHeight,\n\t\tonDefaultVariableSelect,\n\t\tskipDefaultVariableContent,\n\t} = props;\n\n\tconst [variables, setVariables] = useState(data); // modified data after search\n\tconst [searchText, setSearchText] = useState<string>('');\n\tconst [subHeaderStack, setSubHeaderStack] = useState<any[]>([]); // push variable object after every level\n\tconst [searchedFrom, setSearchedFrom] = useState<string>(''); // from which level did the user search from\n\tconst [showRecommended, setShowRecommended] = useState<boolean>(false);\n\tconst [dataSource, setDataSource] = useState<any[]>([]); // for search, maintaining original copy\n\tconst [openDefaultVariablePanel, setOpenDefaultVariablePanel] =\n\t\tuseState(false);\n\tconst [chosenForDefault, setChosenForDefault] = useState<VariableV3 | null>();\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\tconst scrollPositionStack = useRef<number[]>([]);\n\tconst shouldShowHeaderInsideCross =\n\t\topenDefaultVariablePanel &&\n\t\tprops.type === PickerType.EMBEDDED &&\n\t\t!hideHeaderCross;\n\n\t// useEffect(() => {\n\t// \t// TODO: based on new data, update existing variables if available\n\t// \tsetVariables(data);\n\t// }, [data]);\n\n\tuseEffect(() => {\n\t\thandleRecommendedChange(true);\n\t}, []);\n\n\tuseEffect(() => {\n\t\tif (subHeaderStack.length > 0) {\n\t\t\tsetDataSource([subHeaderStack[subHeaderStack.length - 1]]);\n\t\t} else {\n\t\t\tsetDataSource(data);\n\t\t}\n\t}, [subHeaderStack]);\n\n\tconst handleBackClick = (e: any) => {\n\t\te.stopPropagation();\n\t\tlet _searchText = searchText;\n\t\tconst newSubHeaderStack = [...subHeaderStack];\n\t\tconst poppedElement = newSubHeaderStack.pop();\n\t\tif (poppedElement.displayName === searchedFrom) {\n\t\t\t_searchText = ''; // so that search is not trigerred in the below code\n\t\t}\n\t\tconst savedScrollTop = scrollPositionStack.current.pop() ?? 0;\n\n\t\t// Use flushSync to force synchronous DOM update so scroll can be\n\t\t// restored immediately after the new content is rendered\n\t\tflushSync(() => {\n\t\t\tsetSubHeaderStack(newSubHeaderStack);\n\t\t\tif (poppedElement.displayName === searchedFrom) {\n\t\t\t\tsetSearchText('');\n\t\t\t}\n\t\t\tif (_searchText.length > 0) {\n\t\t\t\t// maintain the search result when going back\n\t\t\t\tconst dataSource =\n\t\t\t\t\tnewSubHeaderStack.length > 0\n\t\t\t\t\t\t? [newSubHeaderStack[newSubHeaderStack.length - 1]]\n\t\t\t\t\t\t: data;\n\t\t\t\tconst result = searchVariables(\n\t\t\t\t\t_searchText,\n\t\t\t\t\tdataSource,\n\t\t\t\t\tnewSubHeaderStack,\n\t\t\t\t);\n\t\t\t\tif (showRecommended) {\n\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\tresult,\n\t\t\t\t\t\tnewSubHeaderStack,\n\t\t\t\t\t);\n\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t} else {\n\t\t\t\t\tsetVariables(result);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (newSubHeaderStack.length > 0) {\n\t\t\t\t\tif (showRecommended) {\n\t\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\t\t[newSubHeaderStack[newSubHeaderStack.length - 1].variables],\n\t\t\t\t\t\t\tnewSubHeaderStack,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetVariables([\n\t\t\t\t\t\t\tnewSubHeaderStack[newSubHeaderStack.length - 1].variables,\n\t\t\t\t\t\t]);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tif (showRecommended) {\n\t\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\t\tdata,\n\t\t\t\t\t\t\tnewSubHeaderStack,\n\t\t\t\t\t\t);\n\t\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetVariables(data);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t// Restore scroll after accordion expand animation completes.\n\t\t// The BikAccordion uses a 250ms CSS transition on max-height when\n\t\t// autoOpen fires. We must wait for that to finish so the Container\n\t\t// has enough scrollHeight to scroll to the saved position.\n\t\tif (containerRef.current && savedScrollTop > 0) {\n\t\t\tconst el = containerRef.current;\n\t\t\tsetTimeout(() => {\n\t\t\t\tel.scrollTo({ top: savedScrollTop, behavior: 'smooth' });\n\t\t\t}, 300);\n\t\t}\n\t};\n\n\tconst handleRecommendedChange = async (val) => {\n\t\tsetShowRecommended(val);\n\t\tif (val) {\n\t\t\tconst output = showOnlyRecommendedVariables(variables, subHeaderStack);\n\t\t\tsetVariables(output);\n\t\t} else {\n\t\t\tif (subHeaderStack.length > 0) {\n\t\t\t\t// dont apply search if not in the page where search started\n\t\t\t\tconst isInSearchStartPage =\n\t\t\t\t\tsearchedFrom == subHeaderStack[subHeaderStack.length - 1].displayName;\n\t\t\t\tif (searchText.length > 0 && isInSearchStartPage) {\n\t\t\t\t\tconst result = searchVariables(\n\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\tdataSource,\n\t\t\t\t\t\tsubHeaderStack,\n\t\t\t\t\t);\n\t\t\t\t\tsetVariables(result);\n\t\t\t\t} else {\n\t\t\t\t\tsetVariables([subHeaderStack[subHeaderStack.length - 1].variables]);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif (searchText.length > 0) {\n\t\t\t\t\tconst result = searchVariables(\n\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\tdataSource,\n\t\t\t\t\t\tsubHeaderStack,\n\t\t\t\t\t);\n\t\t\t\t\tsetVariables(result);\n\t\t\t\t} else {\n\t\t\t\t\tsetVariables(data);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\tconst calculateHeight = () => {\n\t\tif (contentHeight) {\n\t\t\treturn contentHeight;\n\t\t}\n\t\tlet pickerContentHeight = 131;\n\t\tif (subHeaderStack.length > 0) {\n\t\t\tpickerContentHeight += 32;\n\t\t}\n\t\tif (props.showHeader || props.showBackButton) {\n\t\t\tpickerContentHeight += 40;\n\t\t}\n\t\treturn `calc(100% - ${pickerContentHeight}px)`;\n\t};\n\n\tconst onSearch = (text: string) => {\n\t\tif (!text) {\n\t\t\tsetSearchedFrom('');\n\t\t}\n\t\tconst result = searchVariables(text, dataSource, subHeaderStack);\n\t\tif (showRecommended) {\n\t\t\tconst recommended = showOnlyRecommendedVariables(result, subHeaderStack);\n\t\t\tsetVariables(recommended);\n\t\t} else {\n\t\t\tsetVariables(result);\n\t\t}\n\t\tsetSearchText(text);\n\t\tconst latestSubHeader =\n\t\t\tsubHeaderStack.length > 0\n\t\t\t\t? subHeaderStack[subHeaderStack.length - 1].displayName\n\t\t\t\t: 'home';\n\t\tsetSearchedFrom(latestSubHeader);\n\t};\n\n\tconst HeaderBackIcon = () => {\n\t\treturn (\n\t\t\t<BackIcon\n\t\t\t\twidth={16}\n\t\t\t\theight={16}\n\t\t\t\tstyle={{ display: 'flex', color: COLORS.content.primary }}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst GoBackIcon = () => {\n\t\treturn (\n\t\t\t<BackIcon\n\t\t\t\twidth={12}\n\t\t\t\theight={12}\n\t\t\t\tstyle={{ color: COLORS.content.secondary }}\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst onSelectingVariable = (variable: VariableV3) => {\n\t\tif (props.disabled) return;\n\t\tif (isEvaluationList) {\n\t\t\tconst evalVariableValue = matchVariable(variable as VariableV3);\n\t\t\tonSelect({\n\t\t\t\t...variable,\n\t\t\t\tactualValue: evalVariableValue,\n\t\t\t} as VariableV3);\n\t\t} else {\n\t\t\tif (variable.isDefaultValueSupported && !skipDefaultVariableContent) {\n\t\t\t\tsetChosenForDefault(variable);\n\t\t\t\tsetOpenDefaultVariablePanel(true);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tonSelect(variable as VariableV3);\n\t\t}\n\t};\n\n\treturn (\n\t\t<VariablePickerContext.Provider\n\t\t\tvalue={{\n\t\t\t\tvariables,\n\t\t\t\tsearchText,\n\t\t\t\tsubHeaderStack,\n\t\t\t\tshowRecommended,\n\t\t\t\tsetSubHeaderStack,\n\t\t\t\tsetSearchText,\n\t\t\t\tsetVariables,\n\t\t\t\tsetShowRecommended,\n\t\t\t\tcontainerRef,\n\t\t\t\tscrollPositionStack,\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\ttabIndex={-1}\n\t\t\t\tid=\"variable-picker-v3\"\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor: 'white',\n\t\t\t\t\tborderRadius: 8,\n\t\t\t\t\theight: '100%',\n\t\t\t\t\toutline: 'none',\n\t\t\t\t}}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{(showHeader || showBackButton || openDefaultVariablePanel) && (\n\t\t\t\t\t<HeaderWrapper openDefault={openDefaultVariablePanel}>\n\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n\t\t\t\t\t\t\t{(showBackButton || openDefaultVariablePanel) && (\n\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\tIcon={HeaderBackIcon}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (openDefaultVariablePanel) {\n\t\t\t\t\t\t\t\t\t\t\tsetOpenDefaultVariablePanel(false);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tonBackButtonClick && onBackButtonClick();\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{(showHeader || openDefaultVariablePanel) && (\n\t\t\t\t\t\t\t\t<TitleRegular>\n\t\t\t\t\t\t\t\t\t{openDefaultVariablePanel\n\t\t\t\t\t\t\t\t\t\t? 'Set up'\n\t\t\t\t\t\t\t\t\t\t: headerText ?? 'Select Variable'}\n\t\t\t\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{shouldShowHeaderInsideCross && (\n\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\tstyle={{ color: '#212121' }}\n\t\t\t\t\t\t\t\tIcon={CrossIcon}\n\t\t\t\t\t\t\t\tonClick={() => props.onClose && props.onClose()}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</HeaderWrapper>\n\t\t\t\t)}\n\t\t\t\t{openDefaultVariablePanel &&\n\t\t\t\tchosenForDefault &&\n\t\t\t\t!skipDefaultVariableContent ? (\n\t\t\t\t\t<DefaultVariableContent\n\t\t\t\t\t\tvariable={chosenForDefault}\n\t\t\t\t\t\tonInsertVariable={(updated) => {\n\t\t\t\t\t\t\tonSelect(updated);\n\t\t\t\t\t\t\tonDefaultVariableSelect?.(updated);\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\t\t\t\tpaddingTop: 12,\n\t\t\t\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\t\t\t\tborderTopLeftRadius: 8,\n\t\t\t\t\t\t\t\tborderTopRightRadius: 8,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\tid=\"search-bar-v3-picker\"\n\t\t\t\t\t\t\t\tonBlur={(e) => {\n\t\t\t\t\t\t\t\t\tprops.onSearchBlur && props.onSearchBlur(e);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tvalue={searchText}\n\t\t\t\t\t\t\t\tnoKeyDownChange\n\t\t\t\t\t\t\t\tplaceholder=\"Search\"\n\t\t\t\t\t\t\t\tonChangeText={onSearch}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<RecommendWrapper>\n\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\tOnly Recommended\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t<Switch\n\t\t\t\t\t\t\t\tvalue={showRecommended}\n\t\t\t\t\t\t\t\tonValueChange={async (val) => {\n\t\t\t\t\t\t\t\t\tawait handleRecommendedChange(val);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</RecommendWrapper>\n\t\t\t\t\t\t{subHeaderStack.length > 0 && (\n\t\t\t\t\t\t\t<BackHeader>\n\t\t\t\t\t\t\t\t<div style={{ position: 'absolute', left: 16 }}>\n\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\tid=\"back-btn-v3\"\n\t\t\t\t\t\t\t\t\t\tstyle={{ display: 'flex' }}\n\t\t\t\t\t\t\t\t\t\tIcon={GoBackIcon}\n\t\t\t\t\t\t\t\t\t\tonClick={handleBackClick}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{subHeaderStack[subHeaderStack.length - 1].displayName}\n\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t</BackHeader>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{variables.length > 0 ? (\n\t\t\t\t\t\t\t\t<Container ref={containerRef} height={calculateHeight()}>\n\t\t\t\t\t\t\t\t\t{variables.map((variable, index) => {\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\tvariable.displayName &&\n\t\t\t\t\t\t\t\t\t\t\ttypeof variable.variables !== 'undefined'\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={variable.displayName + showRecommended} // to re-render the component\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderBottom: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<BikAccordion\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tarrowColor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tautoOpen={autoOpenFirst && index === 0}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theaderPadding=\"12px 16px\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\theader={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<SubHeaderItems\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tparentVariable={variable}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText={searchText}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable={variable.variables}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect={(variable) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable.isDefaultValueSupported &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!skipDefaultVariableContent\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetChosenForDefault(variable);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetOpenDefaultVariablePanel(true);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect(variable as VariableV3);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</BikAccordion>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else if (variable.displayName) {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\t\tbody={renderTooltipBody(variable as VariableV3)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.disabled\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'readonly'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: (variable as VariableV3)?.selected\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(variable as VariableV3)?.selected ||\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.disabled ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div style={{ flexShrink: 0 }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<AddIcon width={14} height={14} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{!variable.isAvailable && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip body=\"Not Recommended\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ display: 'flex', marginTop: 2 }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<WarnIcon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: variable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: variable.displayName,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubText={variable.description || ''}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelectingVariable(variable as VariableV3)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<SubHeaderItems\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={props.disabled ?? false}\n\t\t\t\t\t\t\t\t\t\t\t\t\tsearchText={searchText}\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariable={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariable as unknown as {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[key: string]: SubHeader | VariableV3;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonSelect={(variable: VariableV3) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonSelectingVariable(variable as VariableV3)\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</Container>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<NoResult height={calculateHeight()} searchText={searchText} />\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</>\n\t\t\t\t\t</>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</VariablePickerContext.Provider>\n\t);\n};\n"],"names":["variableRegex","checkIfArray","value","matchVariable","variable","path","evalVariableValue","index","matches","arrayName","VariablePickerContent","props","data","onSelect","showHeader","showBackButton","hideHeaderCross","onBackButtonClick","isEvaluationList","autoOpenFirst","headerText","contentHeight","onDefaultVariableSelect","skipDefaultVariableContent","variables","setVariables","useState","searchText","setSearchText","subHeaderStack","setSubHeaderStack","searchedFrom","setSearchedFrom","showRecommended","setShowRecommended","dataSource","setDataSource","openDefaultVariablePanel","setOpenDefaultVariablePanel","chosenForDefault","setChosenForDefault","containerRef","useRef","scrollPositionStack","shouldShowHeaderInsideCross","PickerType","useEffect","handleRecommendedChange","handleBackClick","_searchText","newSubHeaderStack","poppedElement","savedScrollTop","flushSync","result","searchVariables","recommended","showOnlyRecommendedVariables","el","val","output","isInSearchStartPage","calculateHeight","pickerContentHeight","onSearch","text","latestSubHeader","HeaderBackIcon","jsxDEV","BackIcon","COLORS","this","GoBackIcon","onSelectingVariable","VariablePickerContext","HeaderWrapper","IconButton","TitleRegular","CrossIcon","DefaultVariableContent","updated","Fragment","Input","RecommendWrapper","BodySecondary","Switch","BackHeader","BodyCaption","Container","BikAccordion","TitleSmall","highlightSearchText","SubHeaderItems","Tooltip","renderTooltipBody","ListItem","AddIcon","WarnIcon","NoResult"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),n=require("react"),o=require("../TypographyStyle.js"),c=require("../input/Input.js"),d=require("../checkBox/CheckBox.js"),p=require("../button/Button.js"),v=a=>{const[i,s]=n.useState(a.variable.defaultValue||""),[u,t]=n.useState(""),[l,b]=n.useState(!!a.variable?.enableDefaultValueForGlobalUsage),m=()=>{if(!i){t("This field is required");return}const r={...a.variable,defaultValue:i,enableDefaultValueForGlobalUsage:l};a.onInsertVariable(r)};return e.jsxDEV(e.Fragment,{children:e.jsxDEV("div",{style:{padding:"0 16px",paddingTop:12,borderTopLeftRadius:8,borderTopRightRadius:8},children:[e.jsxDEV("div",{style:{paddingBottom:16,borderBottom:"1px solid #E0E0E0"},children:e.jsxDEV(o.TitleRegular,{children:a.variable?.displayName},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:44,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:43,columnNumber:5},void 0),e.jsxDEV("div",{style:{paddingTop:24},children:[e.jsxDEV(c.Input,{onChangeText:r=>{t(""),s(r)},value:i,isRequired:!0,labelText:"Default Value",hintText:"Used if this field is missing for a customer",errorMessage:u??"",maxCharLimit:25},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:47,columnNumber:6},void 0),e.jsxDEV("div",{style:{paddingTop:24,gap:8,alignItems:"flex-start"},className:"d-flex",children:[e.jsxDEV(d.CheckBox,{isChecked:l,onValueChange:r=>b(r),size:"SMALL"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:63,columnNumber:7},void 0),e.jsxDEV(o.BodySecondary,{style:{marginTop:-2},children:`Make this the default value for ‘${a.variable?.displayName}’`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:68,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:59,columnNumber:6},void 0),e.jsxDEV("div",{style:{padding:"24px 0px",display:"flex",flexDirection:"row",justifyContent:"flex-end"},children:e.jsxDEV(p.Button,{buttonText:"Insert Variable",buttonType:"primary",onClick:m},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:80,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:72,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:46,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:35,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:34,columnNumber:3},void 0)};exports.DefaultVariableContent=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),i=require("react"),t=require("../TypographyStyle.js"),c=require("../input/Input.js"),m=require("../checkBox/CheckBox.js"),f=require("../button/Button.js"),p=a=>{const[r,s]=i.useState(a.variable.defaultValue||""),[u,l]=i.useState(""),[o,d]=i.useState(!!a.variable?.enableDefaultValueForGlobalUsage),b=()=>{if(!r){l("This field is required");return}const n={...a.variable,defaultValue:r,enableDefaultValueForGlobalUsage:o};a.onInsertVariable(n)};return e.jsxDEV(e.Fragment,{children:e.jsxDEV("div",{style:{padding:"0 16px",paddingTop:12,borderTopLeftRadius:8,borderTopRightRadius:8},children:[e.jsxDEV("div",{style:{paddingBottom:16,borderBottom:"1px solid #E0E0E0"},children:e.jsxDEV(t.TitleRegular,{children:a.variable?.displayName},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:44,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:43,columnNumber:5},void 0),e.jsxDEV("div",{style:{paddingTop:24},children:[e.jsxDEV(c.Input,{onChangeText:n=>{l(""),s(n)},value:r,isRequired:!0,labelText:"Default Value",hintText:"Used if this field is missing for a customer",errorMessage:u??"",maxCharLimit:25},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:47,columnNumber:6},void 0),e.jsxDEV("div",{style:{paddingTop:24,gap:8,alignItems:"flex-start"},className:"d-flex",children:[e.jsxDEV(m.CheckBox,{isChecked:o,onValueChange:n=>d(n),size:"SMALL"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:63,columnNumber:7},void 0),e.jsxDEV(t.BodySecondary,{style:{marginTop:-2},children:`Make this the default value for ‘${a.variable?.displayName}’`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:68,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:59,columnNumber:6},void 0),e.jsxDEV("div",{style:{padding:"24px 0px",display:"flex",flexDirection:"row",justifyContent:"flex-end"},children:e.jsxDEV(f.Button,{buttonText:"Insert Variable",buttonType:"primary",onClick:b},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:80,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:72,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:46,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:35,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/DefaultVariableContent.tsx",lineNumber:34,columnNumber:3},void 0)};exports.DefaultVariableContent=p;
 //# sourceMappingURL=DefaultVariableContent.js.map

package/dist/cjs/components/variable-picker-v3/DefaultVariableContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultVariableContent.js","sources":["../../../../src/components/variable-picker-v3/DefaultVariableContent.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Button } from '../button';\nimport { CheckBox } from '../checkBox';\nimport { Input } from '../input';\nimport { BodySecondary, TitleRegular } from '../TypographyStyle';\nimport { VariableV3 } from './model';\n\ninterface Props {\n\tvariable: VariableV3;\n\tonInsertVariable: (variable: VariableV3) => void;\n}\nexport const DefaultVariableContent: React.FC<Props> = (props: Props) => {\n\tconst [defaultVariableValue, setDefaultVariableValue] = useState<string>(\n\t\tprops.variable.defaultValue || '',\n\t);\n\tconst [nameErr, setNameErr] = useState<string>('');\n\tconst [enableForGlobal, setEnableForGlobal] = useState(\n\t\t!!props.variable?.enableDefaultValueForGlobalUsage,\n\t);\n\n\tconst onSelectingInsertVariable = () => {\n\t\tif (!defaultVariableValue) {\n\t\t\tsetNameErr('This field is required');\n\t\t\treturn;\n\t\t}\n\t\tconst updateVar = {\n\t\t\t...props.variable,\n\t\t\tdefaultValue: defaultVariableValue,\n\t\t\tenableDefaultValueForGlobalUsage: enableForGlobal,\n\t\t};\n\t\tprops.onInsertVariable(updateVar as VariableV3);\n\t};\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\tpaddingTop: 12,\n\t\t\t\t\tborderTopLeftRadius: 8,\n\t\t\t\t\tborderTopRightRadius: 8,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div style={{ paddingBottom: 16, borderBottom: '1px solid #E0E0E0' }}>\n\t\t\t\t\t<TitleRegular>{props.variable?.displayName}</TitleRegular>\n\t\t\t\t</div>\n\t\t\t\t<div style={{ paddingTop: 24 }}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tonChangeText={(changed) => {\n\t\t\t\t\t\t\tsetNameErr('');\n\t\t\t\t\t\t\tsetDefaultVariableValue(changed);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalue={defaultVariableValue}\n\t\t\t\t\t\tisRequired={true}\n\t\t\t\t\t\tlabelText=\"Default Value\"\n\t\t\t\t\t\thintText=\"Used if this field is missing for a customer\"\n\t\t\t\t\t\terrorMessage={nameErr ?? ''}\n\t\t\t\t\t\tmaxCharLimit={25}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{ paddingTop: 24, gap: 8, alignItems: 'flex-start' }}\n\t\t\t\t\t\tclassName=\"d-flex\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\tisChecked={enableForGlobal}\n\t\t\t\t\t\t\tonValueChange={(value) => setEnableForGlobal(value)}\n\t\t\t\t\t\t\tsize=\"SMALL\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\tstyle={{ marginTop: -2 }}\n\t\t\t\t\t\t>{`Make this the default value for ‘${props.variable?.displayName}’`}</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tpadding: '24px 0px',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText=\"Insert Variable\"\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tonClick={onSelectingInsertVariable}\n\t\t\t\t\t\t></Button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n"],"names":["DefaultVariableContent","props","defaultVariableValue","setDefaultVariableValue","useState","nameErr","setNameErr","enableForGlobal","setEnableForGlobal","onSelectingInsertVariable","updateVar","jsxDEV","Fragment","TitleRegular","this","Input","changed","CheckBox","value","BodySecondary","Button"],"mappings":"oRAWaA,EAA2CC,GAAiB,CACxE,KAAM,CAACC,EAAsBC,CAAuB,EAAIC,EAAAA,SACvDH,EAAM,SAAS,cAAgB,EAAA,EAE1B,CAACI,EAASC,CAAU,EAAIF,EAAAA,SAAiB,EAAE,EAC3C,CAACG,EAAiBC,CAAkB,EAAIJ,EAAAA,SAC7C,CAAC,CAACH,EAAM,UAAU,gCAAA,EAGbQ,EAA4B,IAAM,CACvC,GAAI,CAACP,EAAsB,CAC1BI,EAAW,wBAAwB,EACnC,MACD,CACA,MAAMI,EAAY,CACjB,GAAGT,EAAM,SACT,aAAcC,EACd,iCAAkCK,CAAA,EAEnCN,EAAM,iBAAiBS,CAAuB,CAC/C,EACA,OACCC,SAAAC,EAAAA,SAAA,CACC,SAAAD,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,SACT,WAAY,GACZ,oBAAqB,EACrB,qBAAsB,CAAA,EAGvB,SAAA,CAAAA,SAAC,MAAA,CAAI,MAAO,CAAE,cAAe,GAAI,aAAc,qBAC9C,SAAAA,EAAAA,OAACE,EAAAA,aAAA,CAAc,SAAAZ,EAAM,UAAU,WAAA,EAA/B,OAAA,GAAA,CAAA,SAAA,kJAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAA2C,CAAA,EAD5C,OAAA,GAAA,CAAA,SAAA,kJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WACC,MAAA,CAAI,MAAO,CAAE,WAAY,IACzB,SAAA,CAAAH,EAAAA,OAACI,EAAAA,MAAA,CACA,aAAeC,GAAY,CAC1BV,EAAW,EAAE,EACbH,EAAwBa,CAAO,CAChC,EACA,MAAOd,EACP,WAAY,GACZ,UAAU,gBACV,SAAS,+CACT,aAAcG,GAAW,GACzB,aAAc,EAAA,EAVf,OAAA,GAAA,CAAA,SAAA,kJAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAAA,EAYAH,EAAAA,OAAC,MAAA,CACA,MAAO,CAAE,WAAY,GAAI,IAAK,EAAG,WAAY,YAAA,EAC7C,UAAU,SAEV,SAAA,CAAAA,EAAAA,OAACM,EAAAA,SAAA,CACA,UAAWV,EACX,cAAgBW,GAAUV,EAAmBU,CAAK,EAClD,KAAK,OAAA,EAHN,OAAA,GAAA,CAAA,SAAA,kJAAA,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAAA,EAKAH,EAAAA,OAACQ,EAAAA,cAAA,CACA,MAAO,CAAE,UAAW,EAAA,EACnB,SAAA,oCAAoClB,EAAM,UAAU,WAAW,GAAA,EAFjE,OAAA,GAAA,CAAA,SAAA,kJAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAA,CAEqE,CAAA,EAXtE,OAAA,GAAA,CAAA,SAAA,kJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAaAH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,WACT,QAAS,OACT,cAAe,MACf,eAAgB,UAAA,EAGjB,SAAAA,EAAAA,OAACS,EAAAA,OAAA,CACA,WAAW,kBACX,WAAW,UACX,QAASX,CAAA,EAHV,OAAA,GAAA,CAAA,SAAA,kJAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,CAIC,EAZF,OAAA,GAAA,CAAA,SAAA,kJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAaA,CAAA,EAvCD,OAAA,GAAA,CAAA,SAAA,kJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwCA,CAAA,CAAA,EAnDD,OAAA,GAAA,CAAA,SAAA,kJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAoDA,EArDD,OAAA,GAAA,CAAA,SAAA,kJAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAsDA,CAEF"}
+{"version":3,"file":"DefaultVariableContent.js","sources":["../../../../src/components/variable-picker-v3/DefaultVariableContent.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Button } from '../button';\nimport { CheckBox } from '../checkBox';\nimport { Input } from '../input';\nimport { BodySecondary, TitleRegular } from '../TypographyStyle';\nimport { VariableV3 } from './model';\n\ninterface Props {\n\tvariable: VariableV3;\n\tonInsertVariable: (variable: VariableV3) => void;\n}\nexport const DefaultVariableContent: React.FC<Props> = (props: Props) => {\n\tconst [defaultVariableValue, setDefaultVariableValue] = useState<string>(\n\t\tprops.variable.defaultValue || '',\n\t);\n\tconst [nameErr, setNameErr] = useState<string>('');\n\tconst [enableForGlobal, setEnableForGlobal] = useState(\n\t\t!!props.variable?.enableDefaultValueForGlobalUsage,\n\t);\n\n\tconst onSelectingInsertVariable = () => {\n\t\tif (!defaultVariableValue) {\n\t\t\tsetNameErr('This field is required');\n\t\t\treturn;\n\t\t}\n\t\tconst updateVar = {\n\t\t\t...props.variable,\n\t\t\tdefaultValue: defaultVariableValue,\n\t\t\tenableDefaultValueForGlobalUsage: enableForGlobal,\n\t\t};\n\t\tprops.onInsertVariable(updateVar as VariableV3);\n\t};\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tpadding: '0 16px',\n\t\t\t\t\tpaddingTop: 12,\n\t\t\t\t\tborderTopLeftRadius: 8,\n\t\t\t\t\tborderTopRightRadius: 8,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div style={{ paddingBottom: 16, borderBottom: '1px solid #E0E0E0' }}>\n\t\t\t\t\t<TitleRegular>{props.variable?.displayName}</TitleRegular>\n\t\t\t\t</div>\n\t\t\t\t<div style={{ paddingTop: 24 }}>\n\t\t\t\t\t<Input\n\t\t\t\t\t\tonChangeText={(changed) => {\n\t\t\t\t\t\t\tsetNameErr('');\n\t\t\t\t\t\t\tsetDefaultVariableValue(changed);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tvalue={defaultVariableValue}\n\t\t\t\t\t\tisRequired={true}\n\t\t\t\t\t\tlabelText=\"Default Value\"\n\t\t\t\t\t\thintText=\"Used if this field is missing for a customer\"\n\t\t\t\t\t\terrorMessage={nameErr ?? ''}\n\t\t\t\t\t\tmaxCharLimit={25}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{ paddingTop: 24, gap: 8, alignItems: 'flex-start' }}\n\t\t\t\t\t\tclassName=\"d-flex\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<CheckBox\n\t\t\t\t\t\t\tisChecked={enableForGlobal}\n\t\t\t\t\t\t\tonValueChange={(value) => setEnableForGlobal(value)}\n\t\t\t\t\t\t\tsize=\"SMALL\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\tstyle={{ marginTop: -2 }}\n\t\t\t\t\t\t>{`Make this the default value for ‘${props.variable?.displayName}’`}</BodySecondary>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tpadding: '24px 0px',\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText=\"Insert Variable\"\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tonClick={onSelectingInsertVariable}\n\t\t\t\t\t\t></Button>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n"],"names":["DefaultVariableContent","props","defaultVariableValue","setDefaultVariableValue","useState","nameErr","setNameErr","enableForGlobal","setEnableForGlobal","onSelectingInsertVariable","updateVar","jsxDEV","Fragment","TitleRegular","this","Input","changed","CheckBox","value","BodySecondary","Button"],"mappings":"oRAWaA,EAA2CC,GAAiB,CACxE,KAAM,CAACC,EAAsBC,CAAuB,EAAIC,EAAAA,SACvDH,EAAM,SAAS,cAAgB,EAAA,EAE1B,CAACI,EAASC,CAAU,EAAIF,EAAAA,SAAiB,EAAE,EAC3C,CAACG,EAAiBC,CAAkB,EAAIJ,EAAAA,SAC7C,CAAC,CAACH,EAAM,UAAU,gCAAA,EAGbQ,EAA4B,IAAM,CACvC,GAAI,CAACP,EAAsB,CAC1BI,EAAW,wBAAwB,EACnC,MACD,CACA,MAAMI,EAAY,CACjB,GAAGT,EAAM,SACT,aAAcC,EACd,iCAAkCK,CAAA,EAEnCN,EAAM,iBAAiBS,CAAuB,CAC/C,EACA,OACCC,SAAAC,EAAAA,SAAA,CACC,SAAAD,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,SACT,WAAY,GACZ,oBAAqB,EACrB,qBAAsB,CAAA,EAGvB,SAAA,CAAAA,SAAC,MAAA,CAAI,MAAO,CAAE,cAAe,GAAI,aAAc,qBAC9C,SAAAA,EAAAA,OAACE,EAAAA,aAAA,CAAc,SAAAZ,EAAM,UAAU,WAAA,EAA/B,OAAA,GAAA,CAAA,SAAA,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAA2C,CAAA,EAD5C,OAAA,GAAA,CAAA,SAAA,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WACC,MAAA,CAAI,MAAO,CAAE,WAAY,IACzB,SAAA,CAAAH,EAAAA,OAACI,EAAAA,MAAA,CACA,aAAeC,GAAY,CAC1BV,EAAW,EAAE,EACbH,EAAwBa,CAAO,CAChC,EACA,MAAOd,EACP,WAAY,GACZ,UAAU,gBACV,SAAS,+CACT,aAAcG,GAAW,GACzB,aAAc,EAAA,EAVf,OAAA,GAAA,CAAA,SAAA,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAAA,EAYAH,EAAAA,OAAC,MAAA,CACA,MAAO,CAAE,WAAY,GAAI,IAAK,EAAG,WAAY,YAAA,EAC7C,UAAU,SAEV,SAAA,CAAAA,EAAAA,OAACM,EAAAA,SAAA,CACA,UAAWV,EACX,cAAgBW,GAAUV,EAAmBU,CAAK,EAClD,KAAK,OAAA,EAHN,OAAA,GAAA,CAAA,SAAA,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAJ,MAAA,EAKAH,EAAAA,OAACQ,EAAAA,cAAA,CACA,MAAO,CAAE,UAAW,EAAA,EACnB,SAAA,oCAAoClB,EAAM,UAAU,WAAW,GAAA,EAFjE,OAAA,GAAA,CAAA,SAAA,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAA,CAEqE,CAAA,EAXtE,OAAA,GAAA,CAAA,SAAA,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAaAH,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,WACT,QAAS,OACT,cAAe,MACf,eAAgB,UAAA,EAGjB,SAAAA,EAAAA,OAACS,EAAAA,OAAA,CACA,WAAW,kBACX,WAAW,UACX,QAASX,CAAA,EAHV,OAAA,GAAA,CAAA,SAAA,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,CAIC,EAZF,OAAA,GAAA,CAAA,SAAA,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAaA,CAAA,EAvCD,OAAA,GAAA,CAAA,SAAA,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwCA,CAAA,CAAA,EAnDD,OAAA,GAAA,CAAA,SAAA,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAoDA,EArDD,OAAA,GAAA,CAAA,SAAA,mHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAsDA,CAEF"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-dev-runtime"),t=require("../../assets/icons/search.svg.js"),s=require("styled-components"),n=require("../../constants/Theme.js"),i=require("../TypographyStyle.js"),a=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},o=a(s),l=e=>r.jsxDEV(c,{height:e.height,children:[r.jsxDEV(u,{children:r.jsxDEV(t.default,{width:24,height:24,color:n.COLORS.background.brand},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:15,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:14,columnNumber:4},void 0),r.jsxDEV("div",{style:{textAlign:"center"},children:[r.jsxDEV(i.TitleMedium,{children:"No results found"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:18,columnNumber:5},void 0),e.searchText?r.jsxDEV(i.BodySecondary,{style:{color:n.COLORS.content.secondary,marginTop:8},children:`Sorry we could not find any results for "${e.searchText}"`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:20,columnNumber:6},void 0):r.jsxDEV(i.BodySecondary,{style:{color:n.COLORS.content.secondary,marginTop:8},children:"Sorry we could not find any variables"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:26,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:17,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:13,columnNumber:3},void 0),c=o.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),t=require("../../assets/icons/search.svg.js"),s=require("styled-components"),o=require("../../constants/Theme.js"),r=require("../TypographyStyle.js"),l=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},i=l(s),a=e=>n.jsxDEV(c,{height:e.height,children:[n.jsxDEV(d,{children:n.jsxDEV(t.default,{width:24,height:24,color:o.COLORS.background.brand},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:15,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:14,columnNumber:4},void 0),n.jsxDEV("div",{style:{textAlign:"center"},children:[n.jsxDEV(r.TitleMedium,{children:"No results found"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:18,columnNumber:5},void 0),e.searchText?n.jsxDEV(r.BodySecondary,{style:{color:o.COLORS.content.secondary,marginTop:8},children:`Sorry we could not find any results for "${e.searchText}"`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:20,columnNumber:6},void 0):n.jsxDEV(r.BodySecondary,{style:{color:o.COLORS.content.secondary,marginTop:8},children:"Sorry we could not find any variables"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:26,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:17,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/NoResult.tsx",lineNumber:13,columnNumber:3},void 0),c=i.default.div`
 	display: flex;
 	gap: 16px;
 	flex-direction: column;
@@ -6,13 +6,13 @@
 	justify-content: center;
 	padding: 0 16px;
 	height: ${e=>e.height};
-`,u=o.default.div`
+`,d=i.default.div`
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	background-color: ${n.COLORS.background.brandLight};
+	background-color: ${o.COLORS.background.brandLight};
 	width: 48px;
 	height: 48px;
 	border-radius: 24px;
-`;exports.default=l;
+`;exports.default=a;
 //# sourceMappingURL=NoResult.js.map

package/dist/cjs/components/variable-picker-v3/NoResult.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoResult.js","sources":["../../../../src/components/variable-picker-v3/NoResult.tsx"],"sourcesContent":["import SearchIcon from '@src/assets/icons/search.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodySecondary, TitleMedium } from '../TypographyStyle';\n\ntype Props = {\n\theight: string;\n\tsearchText?: string;\n};\n\nconst NoResult = (props: Props) => {\n\treturn (\n\t\t<Container height={props.height}>\n\t\t\t<IconWrapper>\n\t\t\t\t<SearchIcon width={24} height={24} color={COLORS.background.brand} />\n\t\t\t</IconWrapper>\n\t\t\t<div style={{ textAlign: 'center' }}>\n\t\t\t\t<TitleMedium>No results found</TitleMedium>\n\t\t\t\t{props.searchText ? (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any results for \"${props.searchText}\"`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t) : (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any variables`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n\nexport default NoResult;\n\nconst Container = styled.div<{ height: string }>`\n\tdisplay: flex;\n\tgap: 16px;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0 16px;\n\theight: ${(props) => props.height};\n`;\n\nconst IconWrapper = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: ${COLORS.background.brandLight};\n\twidth: 48px;\n\theight: 48px;\n\tborder-radius: 24px;\n`;\n"],"names":["NoResult","props","jsxDEV","Container","IconWrapper","SearchIcon","COLORS","this","TitleMedium","BodySecondary","styled"],"mappings":"0WAUMA,EAAYC,GAEhBC,EAAAA,OAACC,EAAA,CAAU,OAAQF,EAAM,OACxB,SAAA,CAAAC,EAAAA,OAACE,EAAA,CACA,SAAAF,EAAAA,OAACG,EAAAA,QAAA,CAAW,MAAO,GAAI,OAAQ,GAAI,MAAOC,SAAO,WAAW,KAAA,EAA5D,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAmE,CAAA,EADpE,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WACC,MAAA,CAAI,MAAO,CAAE,UAAW,UACxB,SAAA,CAAAL,EAAAA,OAACM,EAAAA,aAAY,SAAA,kBAAA,EAAb,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAA6B,EAC5BN,EAAM,WACNC,EAAAA,OAACO,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOH,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAA,4CAA4CL,EAAM,UAAU,GAAA,EAH9D,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,EAMAL,EAAAA,OAACO,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOH,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAA,uCAAA,EAHF,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAIA,CAAA,EAbF,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,CAAA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,oIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA,EAMIJ,EAAYO,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAObT,GAAUA,EAAM,MAAM;AAAA,EAG5BG,EAAcM,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,qBAINJ,EAAAA,OAAO,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"NoResult.js","sources":["../../../../src/components/variable-picker-v3/NoResult.tsx"],"sourcesContent":["import SearchIcon from '@src/assets/icons/search.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodySecondary, TitleMedium } from '../TypographyStyle';\n\ntype Props = {\n\theight: string;\n\tsearchText?: string;\n};\n\nconst NoResult = (props: Props) => {\n\treturn (\n\t\t<Container height={props.height}>\n\t\t\t<IconWrapper>\n\t\t\t\t<SearchIcon width={24} height={24} color={COLORS.background.brand} />\n\t\t\t</IconWrapper>\n\t\t\t<div style={{ textAlign: 'center' }}>\n\t\t\t\t<TitleMedium>No results found</TitleMedium>\n\t\t\t\t{props.searchText ? (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any results for \"${props.searchText}\"`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t) : (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any variables`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n\nexport default NoResult;\n\nconst Container = styled.div<{ height: string }>`\n\tdisplay: flex;\n\tgap: 16px;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0 16px;\n\theight: ${(props) => props.height};\n`;\n\nconst IconWrapper = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: ${COLORS.background.brandLight};\n\twidth: 48px;\n\theight: 48px;\n\tborder-radius: 24px;\n`;\n"],"names":["NoResult","props","jsxDEV","Container","IconWrapper","SearchIcon","COLORS","this","TitleMedium","BodySecondary","styled"],"mappings":"0WAUMA,EAAYC,GAEhBC,EAAAA,OAACC,EAAA,CAAU,OAAQF,EAAM,OACxB,SAAA,CAAAC,EAAAA,OAACE,EAAA,CACA,SAAAF,EAAAA,OAACG,EAAAA,QAAA,CAAW,MAAO,GAAI,OAAQ,GAAI,MAAOC,SAAO,WAAW,KAAA,EAA5D,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAmE,CAAA,EADpE,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,WACC,MAAA,CAAI,MAAO,CAAE,UAAW,UACxB,SAAA,CAAAL,EAAAA,OAACM,EAAAA,aAAY,SAAA,kBAAA,EAAb,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAD,MAA6B,EAC5BN,EAAM,WACNC,EAAAA,OAACO,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOH,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAA,4CAA4CL,EAAM,UAAU,GAAA,EAH9D,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,EAMAL,EAAAA,OAACO,EAAAA,cAAA,CACA,MAAO,CAAE,MAAOH,EAAAA,OAAO,QAAQ,UAAW,UAAW,CAAA,EAEpD,SAAA,uCAAA,EAHF,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,CAIA,CAAA,EAbF,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAeA,CAAA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,qGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA,EAMIJ,EAAYO,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAObT,GAAUA,EAAM,MAAM;AAAA,EAG5BG,EAAcM,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,qBAINJ,EAAAA,OAAO,WAAW,UAAU;AAAA;AAAA;AAAA;AAAA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),I=require("../../assets/icons/chevronRight.svg.js"),g=require("../../assets/icons/plus.svg.js"),V=require("../../assets/icons/sub_category.svg.js"),j=require("../../assets/icons/triangle_error.svg.js"),H=require("lodash/cloneDeep"),o=require("../../constants/Theme.js"),v=require("../TypographyStyle.js"),T=require("./context.js"),k=require("./highlightSearchText.js"),E=require("./recommendVaribles.js"),t=require("../tooltips/Tooltip.js"),f=require("../list-item/ListItem.js"),U=s=>s&&typeof s=="object"&&"default"in s?s:{default:s},W=U(H),l=s=>s.contextQ?.join(" > ")||"",q=s=>{const{onSelect:h,variable:i,searchText:c,disabled:m,parentVariable:b}=s,{subHeaderStack:y,setSubHeaderStack:N,setVariables:u,showRecommended:x,containerRef:a,scrollPositionStack:D}=T.useVariablePickerContext();return e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:4},children:Object.keys(i).map((n,d)=>{if(typeof i[n].variables>"u"||Object.keys(i[n]?.variables||{}).length===0){const r=i[n];return e.jsxDEV(t.Tooltip,{body:l(r),placement:"bottom",children:e.jsxDEV(f.ListItem,{variant:m?"readonly":r?.selected?"selected":"default",version:"2.0",leadingIcon:r?.selected||m?e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:62,columnNumber:11},void 0):e.jsxDEV("div",{style:{flexShrink:0},children:e.jsxDEV(g.default,{width:14,height:14},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:65,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:64,columnNumber:11},void 0),customListItemLabel:e.jsxDEV("div",{style:{display:"flex",gap:4},children:[e.jsxDEV(v.BodySecondary,{style:{fontSize:"14px",color:o.COLORS.text.primary},children:k.highlightSearchText(r.displayName,c)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:76,columnNumber:11},void 0),!r.isAvailable&&e.jsxDEV(t.Tooltip,{body:"Not Recommended",children:e.jsxDEV("div",{style:{display:"flex",marginTop:2},children:e.jsxDEV(j.default,{width:16,height:16,color:o.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:87,columnNumber:14},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:86,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:85,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:70,columnNumber:10},void 0),listItem:{label:r.displayName,value:r.displayName},subText:r.description||"",onClick:()=>{h(r)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:51,columnNumber:8},void 0)},d,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:46,columnNumber:7},void 0)}return e.jsxDEV(t.Tooltip,{body:l(i[n]),placement:"bottom",children:e.jsxDEV(f.ListItem,{variant:"default",version:"2.0",listItem:{label:i[n].displayName,value:i[n].displayName},customListItemLabel:e.jsxDEV("div",{style:{display:"flex",alignItems:"center"},children:e.jsxDEV(v.BodySecondary,{style:{fontSize:"14px",color:o.COLORS.text.primary},children:k.highlightSearchText(i[n].displayName,c)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:129,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:123,columnNumber:9},void 0),leadingIcon:e.jsxDEV(V.default,{width:14,height:14},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:139,columnNumber:21},void 0),subText:i[n].description||"",trailingIcon:e.jsxDEV(I.default,{width:10,height:10,color:"#212121"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:142,columnNumber:9},void 0),onClick:()=>{a.current&&(D.current.push(a.current.scrollTop),a.current.scrollTop=0);const r=W.default(i[n]);typeof b<"u"&&(r.contextQ=[b.displayName]);const p=[...y,r];if(N(p),x){const S=E.showOnlyRecommendedVariables([r.variables],p);u(S)}else u([r.variables])}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:115,columnNumber:7},void 0)},d,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:110,columnNumber:6},void 0)})},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:38,columnNumber:3},void 0)};exports.default=q;exports.renderTooltipBody=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),I=require("../../assets/icons/chevronRight.svg.js"),g=require("../../assets/icons/plus.svg.js"),V=require("../../assets/icons/sub_category.svg.js"),j=require("../../assets/icons/triangle_error.svg.js"),w=require("lodash/cloneDeep"),a=require("../../constants/Theme.js"),f=require("../TypographyStyle.js"),H=require("./context.js"),v=require("./highlightSearchText.js"),T=require("./recommendVaribles.js"),l=require("../tooltips/Tooltip.js"),y=require("../list-item/ListItem.js"),E=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},U=E(w),t=o=>o.contextQ?.join(" > ")||"",q=o=>{const{onSelect:N,variable:n,searchText:d,disabled:c,parentVariable:m}=o,{subHeaderStack:x,setSubHeaderStack:h,setVariables:u,showRecommended:D,containerRef:s,scrollPositionStack:S}=H.useVariablePickerContext();return e.jsxDEV("div",{style:{display:"flex",flexDirection:"column",gap:4},children:Object.keys(n).map((i,b)=>{if(typeof n[i].variables>"u"||Object.keys(n[i]?.variables||{}).length===0){const r=n[i];return e.jsxDEV(l.Tooltip,{body:t(r),placement:"bottom",children:e.jsxDEV(y.ListItem,{variant:c?"readonly":r?.selected?"selected":"default",version:"2.0",leadingIcon:r?.selected||c?e.jsxDEV(e.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:62,columnNumber:11},void 0):e.jsxDEV("div",{style:{flexShrink:0},children:e.jsxDEV(g.default,{width:14,height:14},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:65,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:64,columnNumber:11},void 0),customListItemLabel:e.jsxDEV("div",{style:{display:"flex",gap:4},children:[e.jsxDEV(f.BodySecondary,{style:{fontSize:"14px",color:a.COLORS.text.primary},children:v.highlightSearchText(r.displayName,d)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:76,columnNumber:11},void 0),!r.isAvailable&&e.jsxDEV(l.Tooltip,{body:"Not Recommended",children:e.jsxDEV("div",{style:{display:"flex",marginTop:2},children:e.jsxDEV(j.default,{width:16,height:16,color:a.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:87,columnNumber:14},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:86,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:85,columnNumber:12},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:70,columnNumber:10},void 0),listItem:{label:r.displayName,value:r.displayName},subText:r.description||"",onClick:()=>{N(r)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:51,columnNumber:8},void 0)},b,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:46,columnNumber:7},void 0)}return e.jsxDEV(l.Tooltip,{body:t(n[i]),placement:"bottom",children:e.jsxDEV(y.ListItem,{variant:"default",version:"2.0",listItem:{label:n[i].displayName,value:n[i].displayName},customListItemLabel:e.jsxDEV("div",{style:{display:"flex",alignItems:"center"},children:e.jsxDEV(f.BodySecondary,{style:{fontSize:"14px",color:a.COLORS.text.primary},children:v.highlightSearchText(n[i].displayName,d)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:129,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:123,columnNumber:9},void 0),leadingIcon:e.jsxDEV(V.default,{width:14,height:14},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:139,columnNumber:21},void 0),subText:n[i].description||"",trailingIcon:e.jsxDEV(I.default,{width:10,height:10,color:"#212121"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:142,columnNumber:9},void 0),onClick:()=>{s.current&&(S.current.push(s.current.scrollTop),s.current.scrollTop=0);const r=U.default(n[i]);typeof m<"u"&&(r.contextQ=[m.displayName]);const p=[...x,r];if(h(p),D){const k=T.showOnlyRecommendedVariables([r.variables],p);u(k)}else u([r.variables])}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:115,columnNumber:7},void 0)},b,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:110,columnNumber:6},void 0)})},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/SubHeaderItems.tsx",lineNumber:38,columnNumber:3},void 0)};exports.default=q;exports.renderTooltipBody=t;
 //# sourceMappingURL=SubHeaderItems.js.map