npm - @bikdotai/bik-component-library - Versions diffs - 0.0.808-beta.0 → 0.0.809-beta.0 - Mend

@bikdotai/bik-component-library 0.0.808-beta.0 → 0.0.809-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1601) hide show

package/dist/esm/components/InfiniteScroll/InfiniteScroll.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useRef as t,useState as n,useEffect as o}from"react";import{ProductPickerShimmer as c}from"../product-picker-v2/ProductPickerShimmer.js";const i=({children:i,fetchMore:s,loadingComponent:u=e(c,{limit:2}),containerRef:a,hasData:l})=>{const d=t(!1),[h,m]=n(!1),p=t(null),f=r=>{const[e]=r;e.isIntersecting&&!h&&(m(!0),s().then((r=>{r&&(d.current=!0),m(!1)})))};return o((()=>{if(!a.current||!p.current)return;const r=new IntersectionObserver(f,{root:a.current,rootMargin:"0px",threshold:.1});return r.observe(p.current),()=>{p.current&&r.unobserve(p.current)}}),[s,h,a]),console.log({hasData:l,hasAllProductsLoaded:d}),r("div",{children:[i,!!l&&!d.current&&e("div",Object.assign({ref:p,style:{minHeight:"10px"}},{children:u}))]})};export{i as InfiniteScroll};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useRef as t,useState as n,useEffect as o}from"react";import{ProductPickerShimmer as c}from"../product-picker-v2/ProductPickerShimmer.js";const i=i=>{let{children:s,fetchMore:u,loadingComponent:a=r(c,{limit:2}),containerRef:l,hasData:d}=i;const h=t(!1),[m,p]=n(!1),f=t(null),g=r=>{const[e]=r;e.isIntersecting&&!m&&(p(!0),u().then((r=>{r&&(h.current=!0),p(!1)})))};return o((()=>{if(!l.current||!f.current)return;const r=new IntersectionObserver(g,{root:l.current,rootMargin:"0px",threshold:.1});return r.observe(f.current),()=>{f.current&&r.unobserve(f.current)}}),[u,m,l]),console.log({hasData:d,hasAllProductsLoaded:h}),e("div",{children:[s,!!d&&!h.current&&r("div",Object.assign({ref:f,style:{minHeight:"10px"}},{children:a}))]})};export{i as InfiniteScroll};
 //# sourceMappingURL=InfiniteScroll.js.map

package/dist/esm/components/InfiniteScroll/InfiniteScroll.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InfiniteScroll.js","sources":["../../../../src/components/InfiniteScroll/InfiniteScroll.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { ProductPickerShimmer } from '../product-picker-v2/ProductPickerShimmer';\n\nexport interface InfiniteScrollProps {\n\tchildren: React.ReactNode;\n\tfetchMore: () => Promise<boolean>;\n\tloadingComponent?: React.ReactNode;\n\tcontainerRef: React.RefObject<HTMLDivElement>;\n\thasData: boolean;\n}\n\nexport const InfiniteScroll: React.FC<InfiniteScrollProps> = ({\n\tchildren,\n\tfetchMore,\n\tloadingComponent = <ProductPickerShimmer limit={2} />,\n\tcontainerRef,\n\thasData,\n}) => {\n\tconst hasAllProductsLoaded = useRef(false);\n\tconst [isFetching, setIsFetching] = useState<boolean>(false);\n\tconst shimmerRef = useRef<HTMLDivElement>(null);\n\n\tconst handleIntersection = (entries: IntersectionObserverEntry[]) => {\n\t\tconst [entry] = entries;\n\n\t\tif (entry.isIntersecting && !isFetching) {\n\t\t\tsetIsFetching(true);\n\n\t\t\tfetchMore().then((allProductsLoaded) => {\n\t\t\t\tif (allProductsLoaded) {\n\t\t\t\t\thasAllProductsLoaded.current = true;\n\t\t\t\t}\n\t\t\t\tsetIsFetching(false);\n\t\t\t});\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (!containerRef.current \|\| !shimmerRef.current) return;\n\n\t\tconst observer = new IntersectionObserver(handleIntersection, {\n\t\t\troot: containerRef.current,\n\t\t\trootMargin: '0px',\n\t\t\tthreshold: 0.1, // Adjust threshold as needed\n\t\t});\n\n\t\tobserver.observe(shimmerRef.current);\n\n\t\treturn () => {\n\t\t\tif (shimmerRef.current) {\n\t\t\t\tobserver.unobserve(shimmerRef.current);\n\t\t\t}\n\t\t};\n\t}, [fetchMore, isFetching, containerRef]);\n\n\tconsole.log({ hasData, hasAllProductsLoaded });\n\n\treturn (\n\t\t<div>\n\t\t\t{children}\n\t\t\t{!!hasData && !hasAllProductsLoaded.current && (\n\t\t\t\t<div ref={shimmerRef} style={{ minHeight: '10px' }}>\n\t\t\t\t\t{loadingComponent}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["InfiniteScroll","children","fetchMore","loadingComponent","_jsx","ProductPickerShimmer","limit","containerRef","hasData","hasAllProductsLoaded","useRef","isFetching","setIsFetching","useState","shimmerRef","handleIntersection","entries","entry","isIntersecting","then","allProductsLoaded","current","useEffect","observer","IntersectionObserver","root","rootMargin","threshold","observe","unobserve","console","log","_jsxs","Object","assign","ref","style","minHeight"],"mappings":"~~kMAWO~~,~~MAAMA~~,~~EAAgDA~~,~~EAC5DC~~,~~WACAC~~,~~YACAC~~,~~mBAAmBC~~,EAACC,EAAoB,CAACC,MAAO,~~IAChDC~~,~~eACAC~~,~~cAEA~~,~~MAAMC~~,EAAuBC,GAAO,IAC7BC,EAAYC,GAAiBC,GAAkB,GAChDC,EAAaJ,EAAuB,MAEpCK,EAAsBC,IAC3B,MAAOC,GAASD,EAEZC,EAAMC,iBAAmBP,IAC5BC,GAAc,GAEdV,IAAYiB,MAAMC,IACbA,IACHX,EAAqBY,SAAU,GAEhCT,GAAc,EAAM,IAErB,EAuBF,OApBAU,GAAU,KACT,IAAKf,EAAac,UAAYP,EAAWO,QAAS,OAElD,MAAME,EAAW,IAAIC,qBAAqBT,EAAoB,CAC7DU,KAAMlB,EAAac,QACnBK,WAAY,MACZC,UAAW,KAKZ,OAFAJ,EAASK,QAAQd,EAAWO,SAErB,KACFP,EAAWO,SACdE,EAASM,UAAUf,EAAWO,QAC9B,CACD,GACC,CAACnB,EAAWS,EAAYJ,IAE3BuB,QAAQC,IAAI,CAAEvB,UAASC,yBAGtBuB,EAAA,MAAA,CAAA/B,SAAA,CACEA,IACEO,IAAYC,EAAqBY,SACnCjB,EAAK,MAAA6B,OAAAC,OAAA,CAAAC,IAAKrB,EAAYsB,MAAO,CAAEC,UAAW,SAAQ,CAAApC,SAChDE,OAGE"}
1	+ {"version":3,"file":"InfiniteScroll.js","sources":["../../../../src/components/InfiniteScroll/InfiniteScroll.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { ProductPickerShimmer } from '../product-picker-v2/ProductPickerShimmer';\n\nexport interface InfiniteScrollProps {\n\tchildren: React.ReactNode;\n\tfetchMore: () => Promise<boolean>;\n\tloadingComponent?: React.ReactNode;\n\tcontainerRef: React.RefObject<HTMLDivElement>;\n\thasData: boolean;\n}\n\nexport const InfiniteScroll: React.FC<InfiniteScrollProps> = ({\n\tchildren,\n\tfetchMore,\n\tloadingComponent = <ProductPickerShimmer limit={2} />,\n\tcontainerRef,\n\thasData,\n}) => {\n\tconst hasAllProductsLoaded = useRef(false);\n\tconst [isFetching, setIsFetching] = useState<boolean>(false);\n\tconst shimmerRef = useRef<HTMLDivElement>(null);\n\n\tconst handleIntersection = (entries: IntersectionObserverEntry[]) => {\n\t\tconst [entry] = entries;\n\n\t\tif (entry.isIntersecting && !isFetching) {\n\t\t\tsetIsFetching(true);\n\n\t\t\tfetchMore().then((allProductsLoaded) => {\n\t\t\t\tif (allProductsLoaded) {\n\t\t\t\t\thasAllProductsLoaded.current = true;\n\t\t\t\t}\n\t\t\t\tsetIsFetching(false);\n\t\t\t});\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (!containerRef.current \|\| !shimmerRef.current) return;\n\n\t\tconst observer = new IntersectionObserver(handleIntersection, {\n\t\t\troot: containerRef.current,\n\t\t\trootMargin: '0px',\n\t\t\tthreshold: 0.1, // Adjust threshold as needed\n\t\t});\n\n\t\tobserver.observe(shimmerRef.current);\n\n\t\treturn () => {\n\t\t\tif (shimmerRef.current) {\n\t\t\t\tobserver.unobserve(shimmerRef.current);\n\t\t\t}\n\t\t};\n\t}, [fetchMore, isFetching, containerRef]);\n\n\tconsole.log({ hasData, hasAllProductsLoaded });\n\n\treturn (\n\t\t<div>\n\t\t\t{children}\n\t\t\t{!!hasData && !hasAllProductsLoaded.current && (\n\t\t\t\t<div ref={shimmerRef} style={{ minHeight: '10px' }}>\n\t\t\t\t\t{loadingComponent}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["InfiniteScroll","_ref","children","fetchMore","loadingComponent","_jsx","ProductPickerShimmer","limit","containerRef","hasData","hasAllProductsLoaded","useRef","isFetching","setIsFetching","useState","shimmerRef","handleIntersection","entries","entry","isIntersecting","then","allProductsLoaded","current","useEffect","observer","IntersectionObserver","root","rootMargin","threshold","observe","unobserve","console","log","_jsxs","Object","assign","ref","style","minHeight"],"mappings":"kMAWaA,MAAAA,EAAgDC,IAMxD,IANyDC,SAC7DA,EAAQC,UACRA,EAASC,iBACTA,EAAmBC,EAACC,EAAoB,CAACC,MAAO,IAAKC,aACrDA,EAAYC,QACZA,GACAR,EACA,MAAMS,EAAuBC,GAAO,IAC7BC,EAAYC,GAAiBC,GAAkB,GAChDC,EAAaJ,EAAuB,MAEpCK,EAAsBC,IAC3B,MAAOC,GAASD,EAEZC,EAAMC,iBAAmBP,IAC5BC,GAAc,GAEdV,IAAYiB,MAAMC,IACbA,IACHX,EAAqBY,SAAU,GAEhCT,GAAc,EAAM,IAErB,EAuBF,OApBAU,GAAU,KACT,IAAKf,EAAac,UAAYP,EAAWO,QAAS,OAElD,MAAME,EAAW,IAAIC,qBAAqBT,EAAoB,CAC7DU,KAAMlB,EAAac,QACnBK,WAAY,MACZC,UAAW,KAKZ,OAFAJ,EAASK,QAAQd,EAAWO,SAErB,KACFP,EAAWO,SACdE,EAASM,UAAUf,EAAWO,QAC9B,CACD,GACC,CAACnB,EAAWS,EAAYJ,IAE3BuB,QAAQC,IAAI,CAAEvB,UAASC,yBAGtBuB,EAAA,MAAA,CAAA/B,SAAA,CACEA,IACEO,IAAYC,EAAqBY,SACnCjB,EAAK,MAAA6B,OAAAC,OAAA,CAAAC,IAAKrB,EAAYsB,MAAO,CAAEC,UAAW,SAAQ,CAAApC,SAChDE,OAGE"}

package/dist/esm/components/ProgressChecklist/MultiChecklistItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{BikAccordion as o}from"../accordion/Accordion.js";import i from"./SimpleChecklistItem.js";const r=({item:r,children:t,isOpen:c,onToggle:n})=>{const s="boolean"==typeof c?c:!!r.isActive,d=e(i,{header:r.header,subheader:r.subheader,icon:r.icon,activeIcon:r.activeIcon,completedIcon:r.completedIcon,isCompleted:r.isCompleted,isActive:r.isActive,tag:r.tag});return e(o,Object.assign({header:d,headerStyles:{height:"auto",cursor:"pointer"},onToggleAccordion:n||(()=>{}),isOpen:s,skipHoverHeader:!0,showBorders:!0,borderRadius:"8px"},{children:t?e("div",Object.assign({style:{border:"none",padding:16}},{children:t})):null}))};export{r as default};
+import{jsx as e}from"react/jsx-runtime";import{BikAccordion as o}from"../accordion/Accordion.js";import i from"./SimpleChecklistItem.js";const r=r=>{let{item:t,children:c,isOpen:n,onToggle:s}=r;const d="boolean"==typeof n?n:!!t.isActive,a=e(i,{header:t.header,subheader:t.subheader,icon:t.icon,activeIcon:t.activeIcon,completedIcon:t.completedIcon,isCompleted:t.isCompleted,isActive:t.isActive,tag:t.tag});return e(o,Object.assign({header:a,headerStyles:{height:"auto",cursor:"pointer"},onToggleAccordion:s||(()=>{}),isOpen:d,skipHoverHeader:!0,showBorders:!0,borderRadius:"8px"},{children:c?e("div",Object.assign({style:{border:"none",padding:16}},{children:c})):null}))};export{r as default};
 //# sourceMappingURL=MultiChecklistItem.js.map

package/dist/esm/components/ProgressChecklist/MultiChecklistItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiChecklistItem.js","sources":["../../../../src/components/ProgressChecklist/MultiChecklistItem.tsx"],"sourcesContent":["import React from 'react';\nimport { BikAccordion } from '../accordion/Accordion';\nimport { ALERT_TYPES } from '../alerts';\nimport { TooltipProps } from '../tooltips/Tooltip';\nimport SimpleChecklistItem from './SimpleChecklistItem';\n\ninterface MultiChecklistItemProps {\n\titem: MultiChecklistItemType;\n\tchildren?: React.ReactNode;\n\tisOpen?: boolean;\n\tonToggle?: (open: boolean) => void;\n}\n\n// A lightweight interface for items that will appear in the accordion (multiple) list.\n// It intentionally overlaps with SingleChecklistItemType so both kinds can live in the same\n// default array and be rendered by the same single-item renderer when needed.\nexport interface MultiChecklistItemType {\n\tid: string;\n\theader: string;\n\tsubheader?: string;\n\ticon?: React.ReactNode;\n\tactiveIcon?: React.ReactNode;\n\tcompletedIcon?: React.ReactNode;\n\tisActive?: boolean;\n\tisCompleted?: boolean;\n\tonSetup?: () => void;\n\ttag?: {\n\t\ttagText: string \| number;\n\t\tvariant?: 'regular' \| 'circle' \| 'compressed';\n\t\ttype?:\n\t\t\t\| 'negative'\n\t\t\t\| 'warning'\n\t\t\t\| 'positive'\n\t\t\t\| 'neutral'\n\t\t\t\| 'white'\n\t\t\t\| 'purple'\n\t\t\t\| 'blue'\n\t\t\t\| 'grey'\n\t\t\t\| 'ai';\n\t\ttheme?: 'light' \| 'dark';\n\t\ttooltip?: Omit<TooltipProps, 'children'>;\n\t};\n\ttype: 'multiple';\n\talertType?: ALERT_TYPES;\n\t// Steps for the multi checklist item. Each step has text, optional onClick and completion state.\n\tsteps?: Array<{\n\t\tid?: string;\n\t\ttext: string; // displayed text for the step\n\t\tonClick?: () => void; // handler when the step is clicked\n\t\tisCompleted?: boolean; // whether the step is completed\n\t}>;\n\tbuttonType?: 'primary' \| 'secondary' \| 'tertiary';\n}\n\nconst MultiChecklistItem: React.FC<MultiChecklistItemProps> = ({\n\titem,\n\tchildren,\n\tisOpen,\n\tonToggle,\n}) => {\n\t// If caller didn't explicitly control `isOpen`, default to open when the item is active\n\tconst shouldOpen =\n\t\ttypeof isOpen === 'boolean'\n\t\t\t? isOpen\n\t\t\t: !!(item as MultiChecklistItemType).isActive;\n\tconst header = (\n\t\t<SimpleChecklistItem\n\t\t\theader={item.header}\n\t\t\tsubheader={item.subheader}\n\t\t\ticon={item.icon}\n\t\t\tactiveIcon={item.activeIcon}\n\t\t\tcompletedIcon={item.completedIcon}\n\t\t\tisCompleted={item.isCompleted}\n\t\t\tisActive={item.isActive}\n\t\t\ttag={item.tag}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<BikAccordion\n\t\t\theader={header}\n\t\t\theaderStyles={{ height: 'auto', cursor: 'pointer' }}\n\t\t\tonToggleAccordion={\n\t\t\t\tonToggle \|\|\n\t\t\t\t(() => {\n\t\t\t\t\t/* no-op */\n\t\t\t\t})\n\t\t\t}\n\t\t\tisOpen={shouldOpen}\n\t\t\tskipHoverHeader={true}\n\t\t\tshowBorders={true}\n\t\t\tborderRadius=\"8px\"\n\t\t>\n\t\t\t{children ? (\n\t\t\t\t<div style={{ border: 'none', padding: 16 }}>{children}</div>\n\t\t\t) : null}\n\t\t</BikAccordion>\n\t);\n};\n\nexport default MultiChecklistItem;\n"],"names":["MultiChecklistItem","item","children","isOpen","onToggle","shouldOpen","isActive","header","_jsx","SimpleChecklistItem","subheader","icon","activeIcon","completedIcon","isCompleted","tag","BikAccordion","Object","assign","headerStyles","height","cursor","onToggleAccordion","skipHoverHeader","showBorders","borderRadius","style","border","padding"],"mappings":"yIAsDMA,MAAAA,~~EAAwDA~~,~~EAC7DC~~,~~OACAC~~,~~WACAC~~,~~SACAC~~,~~eAGA~~,~~MAAMC~~,EACa,kBAAXF,EACJA,IACGF,EAAgCK,SACjCC,EACLC,EAACC,GACAF,OAAQN,EAAKM,OACbG,UAAWT,EAAKS,UAChBC,KAAMV,EAAKU,KACXC,WAAYX,EAAKW,WACjBC,cAAeZ,EAAKY,cACpBC,YAAab,EAAKa,YAClBR,SAAUL,EAAKK,SACfS,IAAKd,EAAKc,MAIZ,OACCP,EAACQ,EAAYC,OAAAC,OAAA,CACZX,OAAQA,EACRY,aAAc,CAAEC,OAAQ,OAAQC,OAAQ,WACxCC,kBACClB,GAAQ,MAGP,GAEFD,OAAQE,EACRkB,iBAAiB,EACjBC,aAAa,EACbC,aAAa,OAEZ,CAAAvB,SAAAA,EACAM,EAAK,MAAAS,OAAAC,OAAA,CAAAQ,MAAO,CAAEC,OAAQ,OAAQC,QAAS,KAAO,CAAA1B,SAAAA,KAC3C,OACU"}
1	+ {"version":3,"file":"MultiChecklistItem.js","sources":["../../../../src/components/ProgressChecklist/MultiChecklistItem.tsx"],"sourcesContent":["import React from 'react';\nimport { BikAccordion } from '../accordion/Accordion';\nimport { ALERT_TYPES } from '../alerts';\nimport { TooltipProps } from '../tooltips/Tooltip';\nimport SimpleChecklistItem from './SimpleChecklistItem';\n\ninterface MultiChecklistItemProps {\n\titem: MultiChecklistItemType;\n\tchildren?: React.ReactNode;\n\tisOpen?: boolean;\n\tonToggle?: (open: boolean) => void;\n}\n\n// A lightweight interface for items that will appear in the accordion (multiple) list.\n// It intentionally overlaps with SingleChecklistItemType so both kinds can live in the same\n// default array and be rendered by the same single-item renderer when needed.\nexport interface MultiChecklistItemType {\n\tid: string;\n\theader: string;\n\tsubheader?: string;\n\ticon?: React.ReactNode;\n\tactiveIcon?: React.ReactNode;\n\tcompletedIcon?: React.ReactNode;\n\tisActive?: boolean;\n\tisCompleted?: boolean;\n\tonSetup?: () => void;\n\ttag?: {\n\t\ttagText: string \| number;\n\t\tvariant?: 'regular' \| 'circle' \| 'compressed';\n\t\ttype?:\n\t\t\t\| 'negative'\n\t\t\t\| 'warning'\n\t\t\t\| 'positive'\n\t\t\t\| 'neutral'\n\t\t\t\| 'white'\n\t\t\t\| 'purple'\n\t\t\t\| 'blue'\n\t\t\t\| 'grey'\n\t\t\t\| 'ai';\n\t\ttheme?: 'light' \| 'dark';\n\t\ttooltip?: Omit<TooltipProps, 'children'>;\n\t};\n\ttype: 'multiple';\n\talertType?: ALERT_TYPES;\n\t// Steps for the multi checklist item. Each step has text, optional onClick and completion state.\n\tsteps?: Array<{\n\t\tid?: string;\n\t\ttext: string; // displayed text for the step\n\t\tonClick?: () => void; // handler when the step is clicked\n\t\tisCompleted?: boolean; // whether the step is completed\n\t}>;\n\tbuttonType?: 'primary' \| 'secondary' \| 'tertiary';\n}\n\nconst MultiChecklistItem: React.FC<MultiChecklistItemProps> = ({\n\titem,\n\tchildren,\n\tisOpen,\n\tonToggle,\n}) => {\n\t// If caller didn't explicitly control `isOpen`, default to open when the item is active\n\tconst shouldOpen =\n\t\ttypeof isOpen === 'boolean'\n\t\t\t? isOpen\n\t\t\t: !!(item as MultiChecklistItemType).isActive;\n\tconst header = (\n\t\t<SimpleChecklistItem\n\t\t\theader={item.header}\n\t\t\tsubheader={item.subheader}\n\t\t\ticon={item.icon}\n\t\t\tactiveIcon={item.activeIcon}\n\t\t\tcompletedIcon={item.completedIcon}\n\t\t\tisCompleted={item.isCompleted}\n\t\t\tisActive={item.isActive}\n\t\t\ttag={item.tag}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<BikAccordion\n\t\t\theader={header}\n\t\t\theaderStyles={{ height: 'auto', cursor: 'pointer' }}\n\t\t\tonToggleAccordion={\n\t\t\t\tonToggle \|\|\n\t\t\t\t(() => {\n\t\t\t\t\t/* no-op */\n\t\t\t\t})\n\t\t\t}\n\t\t\tisOpen={shouldOpen}\n\t\t\tskipHoverHeader={true}\n\t\t\tshowBorders={true}\n\t\t\tborderRadius=\"8px\"\n\t\t>\n\t\t\t{children ? (\n\t\t\t\t<div style={{ border: 'none', padding: 16 }}>{children}</div>\n\t\t\t) : null}\n\t\t</BikAccordion>\n\t);\n};\n\nexport default MultiChecklistItem;\n"],"names":["MultiChecklistItem","_ref","item","children","isOpen","onToggle","shouldOpen","isActive","header","_jsx","SimpleChecklistItem","subheader","icon","activeIcon","completedIcon","isCompleted","tag","BikAccordion","Object","assign","headerStyles","height","cursor","onToggleAccordion","skipHoverHeader","showBorders","borderRadius","style","border","padding"],"mappings":"yIAsDMA,MAAAA,EAAwDC,IAKzD,IAL0DC,KAC9DA,EAAIC,SACJA,EAAQC,OACRA,EAAMC,SACNA,GACAJ,EAEA,MAAMK,EACa,kBAAXF,EACJA,IACGF,EAAgCK,SACjCC,EACLC,EAACC,GACAF,OAAQN,EAAKM,OACbG,UAAWT,EAAKS,UAChBC,KAAMV,EAAKU,KACXC,WAAYX,EAAKW,WACjBC,cAAeZ,EAAKY,cACpBC,YAAab,EAAKa,YAClBR,SAAUL,EAAKK,SACfS,IAAKd,EAAKc,MAIZ,OACCP,EAACQ,EAAYC,OAAAC,OAAA,CACZX,OAAQA,EACRY,aAAc,CAAEC,OAAQ,OAAQC,OAAQ,WACxCC,kBACClB,GAAQ,MAGP,GAEFD,OAAQE,EACRkB,iBAAiB,EACjBC,aAAa,EACbC,aAAa,OAEZ,CAAAvB,SAAAA,EACAM,EAAK,MAAAS,OAAAC,OAAA,CAAAQ,MAAO,CAAEC,OAAQ,OAAQC,QAAS,KAAO,CAAA1B,SAAAA,KAC3C,OACU"}

package/dist/esm/components/ProgressChecklist/ProgressChecklist.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{ActiveChecklistIcon as i}from"../../assets/icons/ActiveChecklistIcon.js";import{CompletedChecklistIcon as s}from"../../assets/icons/CompletedChecklistIcon.js";import{InactiveChecklistIcon as o}from"../../assets/icons/InactiveChecklistIcon.js";import"../../_virtual/_tslib.js";import r from"../../assets/icons/chevronRight.svg.js";import n from"../../assets/icons/info.svg.js";import{useState as l,useEffect as c}from"react";import{COLORS as a}from"../../constants/Theme.js";import{Alert as d}from"../alerts/Alert.js";import{ALERT_TYPES as p,CONTENT_POSITION as m}from"../alerts/AlertHelper.js";import{Button as g}from"../button/Button.js";import{ProgressBarV2 as h,ProgressBarType as u}from"../progress-bar-v2/ProgressBarV2.js";import{Tag as v}from"../tag/Tag.js";import{Tooltip as f}from"../tooltips/Tooltip.js";import{TitleMedium as y,BodySecondary as b,TitleSmall as j}from"../TypographyStyle.js";import x from"./MultiChecklistItem.js";import{ProgressChecklistContainer as C,HeaderSection as T,ProgressBarSection as A,SingleChecklistItem as O,SingleChecklistMainRow as B,SingleChecklistIconWrapper as I,SingleChecklistContent as k,SingleChecklistHeader as S,SingleChecklistSubheader as P,SingleChecklistActionWrapper as w,SingleChecklistAlertRow as R}from"./ProgressChecklist.style.js";import $ from"./ProgressStepper.js";const D=({header:D,subheader:N,items:V=[],progressBarColor:W,headerAction:L,showProgressBar:M=!0,noBorder:_=!1})=>{const[E,G]=l(V);c((()=>{G(V)}),[V]);const H=E.filter((e=>e.isCompleted)).length,q=E.length,z=q>0?H/q*100:0;return e(C,Object.assign({noBorder:_},{children:[e(T,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"}},{children:[t(y,{children:D}),L&&t("div",{children:L})]})),t(b,Object.assign({color:a.content.secondary},{children:N}))]}),M&&e(A,Object.assign({style:{display:"flex",alignItems:"center",gap:"16px"}},{children:[t("div",Object.assign({style:{flex:1}},{children:t(h,{progress:Math.round(z),type:u.LINE,matchParentWidth:!0,showProgress:!1,color:null!=W?W:a.background.positive.vibrant,progressBarThickness:12})})),t("div",Object.assign({style:{display:"flex",justifyContent:"flex-end",alignItems:"center",minWidth:12}},{children:e(j,Object.assign({style:{color:a.content.secondary,textAlign:"right"}},{children:[H," / ",q]}))}))]})),t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:E.map((l=>{var c,h,u,y,b,j,C,T;if("single"===l.type)return e(O,Object.assign({isActive:l.isActive||!1},{children:[e(B,{children:[t(I,{children:l.isCompleted?null!==(c=l.completedIcon)&&void 0!==c?c:t(s,{}):l.isActive?null!==(h=l.activeIcon)&&void 0!==h?h:t(i,{}):null!==(u=l.icon)&&void 0!==u?u:t(o,{})}),e(k,{children:[e("div",Object.assign({style:{display:"flex",alignItems:"center",gap:12}},{children:[t(S,Object.assign({completed:!!l.isCompleted,isActive:!!l.isActive},{children:l.header})),(null===(y=l.tag)||void 0===y?void 0:y.tagText)&&(l.tag.tooltip?t(f,Object.assign({},l.tag.tooltip,{children:t("span",Object.assign({style:{display:"inline-flex"}},{children:t(v,{tagText:l.tag.tagText,variant:l.tag.variant,type:l.tag.type,theme:l.tag.theme})}))})):t(v,{tagText:l.tag.tagText,variant:l.tag.variant,type:l.tag.type,theme:l.tag.theme}))]})),t(P,{children:l.subheader})]}),l.isCompleted&&!l.hideRedirectButton&&t("div",Object.assign({onClick:l.onSetup,style:{cursor:"pointer"}},{children:t(r,{style:{marginLeft:"12px"},width:12,height:12,color:a.content.secondary})})),!l.isCompleted&&l.isActive&&!l.hideSetupButton&&(l.customSetupButton?l.customSetupButton:t(w,{children:t(g,{buttonText:null!==(b=l.buttonText)&&void 0!==b?b:"Setup",buttonType:null!==(j=l.buttonType)&&void 0!==j?j:"primary",onClick:l.onSetup,disabled:null!==(C=l.buttonDisabled)&&void 0!==C&&C})}))]}),l.alertText&&t(R,{children:t(d,{text:l.alertText,type:null!==(T=l.alertType)&&void 0!==T?T:p.WARNING,contentPosition:m.START,textColor:l.alertType===p.BRAND?"#4B1583":"",icon:e=>t(n,Object.assign({},e))})})]}),l.id);if("multiple"===l.type){const e=l.steps&&l.steps.length>0?l.steps.map(((e,t)=>{var i;return{id:null!==(i=e.id)&&void 0!==i?i:`${l.id}-sub-${t+1}`,text:e.text,label:e.text,onClick:e.onClick,isCompleted:!!e.isCompleted}})):[{id:`${l.id}-sub-1`,text:"Connect",label:"Connect",isCompleted:!1},{id:`${l.id}-sub-2`,text:"Configure",label:"Configure",isCompleted:!1},{id:`${l.id}-sub-3`,text:"Verify",label:"Verify",isCompleted:!1}];return t(x,Object.assign({item:l},{children:t($,{steps:e,isStepperActive:l.isActive})}),l.id)}}))}))]}))};export{D as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{ActiveChecklistIcon as i}from"../../assets/icons/ActiveChecklistIcon.js";import{CompletedChecklistIcon as s}from"../../assets/icons/CompletedChecklistIcon.js";import{InactiveChecklistIcon as o}from"../../assets/icons/InactiveChecklistIcon.js";import"../../_virtual/_tslib.js";import r from"../../assets/icons/chevronRight.svg.js";import n from"../../assets/icons/info.svg.js";import{useState as l,useEffect as c}from"react";import{COLORS as a}from"../../constants/Theme.js";import{Alert as d}from"../alerts/Alert.js";import{ALERT_TYPES as p,CONTENT_POSITION as m}from"../alerts/AlertHelper.js";import{Button as g}from"../button/Button.js";import{ProgressBarV2 as h,ProgressBarType as u}from"../progress-bar-v2/ProgressBarV2.js";import{Tag as v}from"../tag/Tag.js";import{Tooltip as f}from"../tooltips/Tooltip.js";import{TitleMedium as y,BodySecondary as b,TitleSmall as j}from"../TypographyStyle.js";import x from"./MultiChecklistItem.js";import{ProgressChecklistContainer as C,HeaderSection as T,ProgressBarSection as A,SingleChecklistItem as O,SingleChecklistMainRow as B,SingleChecklistIconWrapper as I,SingleChecklistContent as k,SingleChecklistHeader as S,SingleChecklistSubheader as P,SingleChecklistActionWrapper as w,SingleChecklistAlertRow as R}from"./ProgressChecklist.style.js";import $ from"./ProgressStepper.js";const D=D=>{let{header:N,subheader:V,items:W=[],progressBarColor:L,headerAction:M,showProgressBar:_=!0,noBorder:E=!1}=D;const[G,H]=l(W);c((()=>{H(W)}),[W]);const q=G.filter((e=>e.isCompleted)).length,z=G.length,F=z>0?q/z*100:0;return e(C,Object.assign({noBorder:E},{children:[e(T,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"}},{children:[t(y,{children:N}),M&&t("div",{children:M})]})),t(b,Object.assign({color:a.content.secondary},{children:V}))]}),_&&e(A,Object.assign({style:{display:"flex",alignItems:"center",gap:"16px"}},{children:[t("div",Object.assign({style:{flex:1}},{children:t(h,{progress:Math.round(F),type:u.LINE,matchParentWidth:!0,showProgress:!1,color:null!=L?L:a.background.positive.vibrant,progressBarThickness:12})})),t("div",Object.assign({style:{display:"flex",justifyContent:"flex-end",alignItems:"center",minWidth:12}},{children:e(j,Object.assign({style:{color:a.content.secondary,textAlign:"right"}},{children:[q," / ",z]}))}))]})),t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:G.map((l=>{var c,h,u,y,b,j,C,T;if("single"===l.type)return e(O,Object.assign({isActive:l.isActive||!1},{children:[e(B,{children:[t(I,{children:l.isCompleted?null!==(c=l.completedIcon)&&void 0!==c?c:t(s,{}):l.isActive?null!==(h=l.activeIcon)&&void 0!==h?h:t(i,{}):null!==(u=l.icon)&&void 0!==u?u:t(o,{})}),e(k,{children:[e("div",Object.assign({style:{display:"flex",alignItems:"center",gap:12}},{children:[t(S,Object.assign({completed:!!l.isCompleted,isActive:!!l.isActive},{children:l.header})),(null===(y=l.tag)||void 0===y?void 0:y.tagText)&&(l.tag.tooltip?t(f,Object.assign({},l.tag.tooltip,{children:t("span",Object.assign({style:{display:"inline-flex"}},{children:t(v,{tagText:l.tag.tagText,variant:l.tag.variant,type:l.tag.type,theme:l.tag.theme})}))})):t(v,{tagText:l.tag.tagText,variant:l.tag.variant,type:l.tag.type,theme:l.tag.theme}))]})),t(P,{children:l.subheader})]}),l.isCompleted&&!l.hideRedirectButton&&t("div",Object.assign({onClick:l.onSetup,style:{cursor:"pointer"}},{children:t(r,{style:{marginLeft:"12px"},width:12,height:12,color:a.content.secondary})})),!l.isCompleted&&l.isActive&&!l.hideSetupButton&&(l.customSetupButton?l.customSetupButton:t(w,{children:t(g,{buttonText:null!==(b=l.buttonText)&&void 0!==b?b:"Setup",buttonType:null!==(j=l.buttonType)&&void 0!==j?j:"primary",onClick:l.onSetup,disabled:null!==(C=l.buttonDisabled)&&void 0!==C&&C})}))]}),l.alertText&&t(R,{children:t(d,{text:l.alertText,type:null!==(T=l.alertType)&&void 0!==T?T:p.WARNING,contentPosition:m.START,textColor:l.alertType===p.BRAND?"#4B1583":"",icon:e=>t(n,Object.assign({},e))})})]}),l.id);if("multiple"===l.type){const e=l.steps&&l.steps.length>0?l.steps.map(((e,t)=>{var i;return{id:null!==(i=e.id)&&void 0!==i?i:`${l.id}-sub-${t+1}`,text:e.text,label:e.text,onClick:e.onClick,isCompleted:!!e.isCompleted}})):[{id:`${l.id}-sub-1`,text:"Connect",label:"Connect",isCompleted:!1},{id:`${l.id}-sub-2`,text:"Configure",label:"Configure",isCompleted:!1},{id:`${l.id}-sub-3`,text:"Verify",label:"Verify",isCompleted:!1}];return t(x,Object.assign({item:l},{children:t($,{steps:e,isStepperActive:l.isActive})}),l.id)}}))}))]}))};export{D as default};
 //# sourceMappingURL=ProgressChecklist.js.map

package/dist/esm/components/ProgressChecklist/ProgressChecklist.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressChecklist.js","sources":["../../../../src/components/ProgressChecklist/ProgressChecklist.tsx"],"sourcesContent":["import { ChevronRight } from '@src/assets/icons';\nimport React, { useEffect, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport ActiveChecklistIcon from '../../assets/icons/ActiveChecklistIcon';\nimport CompletedChecklistIcon from '../../assets/icons/CompletedChecklistIcon';\nimport InactiveChecklistIcon from '../../assets/icons/InactiveChecklistIcon';\nimport InfoIcon from '../../assets/icons/info.svg';\nimport { Alert, ALERT_TYPES, CONTENT_POSITION } from '../alerts';\nimport { Button } from '../button';\nimport { ProgressBarType, ProgressBarV2 } from '../progress-bar-v2';\nimport { Tag } from '../tag';\nimport { Tooltip, TooltipProps } from '../tooltips/Tooltip';\nimport { BodySecondary, TitleMedium, TitleSmall } from '../TypographyStyle';\nimport MultiChecklistItem, {\n\ttype MultiChecklistItemType,\n} from './MultiChecklistItem';\nimport {\n\tHeaderSection,\n\tProgressBarSection,\n\tProgressChecklistContainer,\n\tSingleChecklistActionWrapper,\n\tSingleChecklistAlertRow,\n\tSingleChecklistContent,\n\tSingleChecklistHeader,\n\tSingleChecklistIconWrapper,\n\tSingleChecklistItem,\n\tSingleChecklistMainRow,\n\tSingleChecklistSubheader,\n} from './ProgressChecklist.style';\nimport ProgressStepper from './ProgressStepper';\n\nexport interface ChecklistItemType {\n\tid: string;\n\tlabel: string;\n\tdescription?: string;\n\tcompleted?: boolean;\n}\n\nexport interface SingleChecklistItemType {\n\tid: string;\n\theader: string;\n\tsubheader: string;\n\t// make icons optional so multi-style entries can be mixed in the same array\n\ticon?: React.ReactNode;\n\tactiveIcon?: React.ReactNode;\n\tcompletedIcon?: React.ReactNode;\n\tisActive?: boolean;\n\tisCompleted?: boolean;\n\tonSetup?: () => void;\n\talertText?: string \| React.ReactNode;\n\talertType?: ALERT_TYPES;\n\ttag?: {\n\t\ttagText: string \| number;\n\t\tvariant?: 'regular' \| 'circle' \| 'compressed';\n\t\ttype?:\n\t\t\t\| 'negative'\n\t\t\t\| 'warning'\n\t\t\t\| 'positive'\n\t\t\t\| 'neutral'\n\t\t\t\| 'white'\n\t\t\t\| 'purple'\n\t\t\t\| 'blue'\n\t\t\t\| 'grey'\n\t\t\t\| 'ai';\n\t\ttheme?: 'light' \| 'dark';\n\t\ttooltip?: Omit<TooltipProps, 'children'>;\n\t};\n\ttype: 'single';\n\tbuttonType?: 'primary' \| 'secondary' \| 'tertiary';\n\tbuttonText?: string;\n\tbuttonDisabled?: boolean;\n\thideRedirectButton?: boolean;\n\thideSetupButton?: boolean;\n\t/** Custom node to render in place of the default setup button. /\n\tcustomSetupButton?: React.ReactNode;\n}\n\nexport interface ProgressChecklistProps {\n\theader?: string;\n\tsubheader?: string;\n\titems?: Array<SingleChecklistItemType \| MultiChecklistItemType>;\n\tprogressBarColor?: string;\n\theaderAction?: React.ReactNode;\n\t/* Whether to render the progress bar. Defaults to true. /\n\tshowProgressBar?: boolean;\n\t/* Whether to remove border, border-radius, and padding. Defaults to false. /\n\tnoBorder?: boolean;\n}\n\nconst ProgressChecklist: React.FC<ProgressChecklistProps> = ({\n\theader,\n\tsubheader,\n\titems = [],\n\tprogressBarColor,\n\theaderAction,\n\tshowProgressBar = true,\n\tnoBorder = false,\n}) => {\n\t// keep local state but sync it with incoming `items` prop so updates from\n\t// parent re-render this component. Previously we only read the initial\n\t// value and ignored subsequent prop changes.\n\tconst [checklistItems, setChecklistItems] =\n\t\tuseState<Array<SingleChecklistItemType \| MultiChecklistItemType>>(items);\n\n\tuseEffect(() => {\n\t\tsetChecklistItems(items);\n\t}, [items]);\n\n\t// Prepare multiple-source: prefer `items` prop, otherwise use entries from defaultSingleItems that do not have `icon` (i.e., multi-style defaults)\n\tconst completedCount = checklistItems.filter(\n\t\t(item) => item.isCompleted,\n\t).length;\n\tconst totalCount = checklistItems.length;\n\tconst progressPercentage =\n\t\ttotalCount > 0 ? (completedCount / totalCount) 100 : 0;\n\n\treturn (\n\t\t<ProgressChecklistContainer noBorder={noBorder}>\n\t\t\t{/* Header and Subheader Section /}\n\t\t\t<HeaderSection>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<TitleMedium>{header}</TitleMedium>\n\t\t\t\t\t{headerAction && <div>{headerAction}</div>}\n\t\t\t\t</div>\n\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t{subheader}\n\t\t\t\t</BodySecondary>\n\t\t\t</HeaderSection>\n\n\t\t\t{/ Progress Bar Section /}\n\t\t\t{showProgressBar && (\n\t\t\t\t<ProgressBarSection\n\t\t\t\t\tstyle={{ display: 'flex', alignItems: 'center', gap: '16px' }}\n\t\t\t\t>\n\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t<ProgressBarV2\n\t\t\t\t\t\t\tprogress={Math.round(progressPercentage)}\n\t\t\t\t\t\t\ttype={ProgressBarType.LINE}\n\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\tshowProgress={false}\n\t\t\t\t\t\t\tcolor={progressBarColor ?? COLORS.background.positive.vibrant}\n\t\t\t\t\t\t\tprogressBarThickness={12}\n\t\t\t\t\t\t/>\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\tdisplay: 'flex',\n\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tminWidth: 12,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, textAlign: 'right' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{completedCount} / {totalCount}\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t</div>\n\t\t\t\t</ProgressBarSection>\n\t\t\t)}\n\n\t\t\t{/ Single-style checklist items (original form) /}\n\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n\t\t\t\t{checklistItems.map((item) => {\n\t\t\t\t\tif (item.type === 'single') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<SingleChecklistItem\n\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\tisActive={item.isActive \|\| false}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<SingleChecklistMainRow>\n\t\t\t\t\t\t\t\t\t<SingleChecklistIconWrapper>\n\t\t\t\t\t\t\t\t\t\t{item.isCompleted\n\t\t\t\t\t\t\t\t\t\t\t? item.completedIcon ?? <CompletedChecklistIcon />\n\t\t\t\t\t\t\t\t\t\t\t: item.isActive\n\t\t\t\t\t\t\t\t\t\t\t? item.activeIcon ?? <ActiveChecklistIcon />\n\t\t\t\t\t\t\t\t\t\t\t: item.icon ?? <InactiveChecklistIcon />}\n\t\t\t\t\t\t\t\t\t</SingleChecklistIconWrapper>\n\t\t\t\t\t\t\t\t\t<SingleChecklistContent>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ display: 'flex', alignItems: 'center', gap: 12 }}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<SingleChecklistHeader\n\t\t\t\t\t\t\t\t\t\t\t\tcompleted={!!item.isCompleted}\n\t\t\t\t\t\t\t\t\t\t\t\tisActive={!!item.isActive}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{item.header}\n\t\t\t\t\t\t\t\t\t\t\t</SingleChecklistHeader>\n\t\t\t\t\t\t\t\t\t\t\t{item.tag?.tagText &&\n\t\t\t\t\t\t\t\t\t\t\t\t(item.tag.tooltip ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip {...item.tag.tooltip}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span style={{ display: 'inline-flex' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttagText={item.tag.tagText}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={item.tag.variant}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype={item.tag.type}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttheme={item.tag.theme}\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</span>\n\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) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttagText={item.tag.tagText}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={item.tag.variant}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype={item.tag.type}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttheme={item.tag.theme}\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</div>\n\t\t\t\t\t\t\t\t\t\t<SingleChecklistSubheader>\n\t\t\t\t\t\t\t\t\t\t\t{item.subheader}\n\t\t\t\t\t\t\t\t\t\t</SingleChecklistSubheader>\n\t\t\t\t\t\t\t\t\t</SingleChecklistContent>\n\t\t\t\t\t\t\t\t\t{item.isCompleted && !item.hideRedirectButton && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tonClick={item.onSetup}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\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\t\t<ChevronRight\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ marginLeft: '12px' }}\n\t\t\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\t\t\theight={12}\n\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/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!item.isCompleted &&\n\t\t\t\t\t\t\t\t\t\titem.isActive &&\n\t\t\t\t\t\t\t\t\t\t!item.hideSetupButton &&\n\t\t\t\t\t\t\t\t\t\t(item.customSetupButton ? (\n\t\t\t\t\t\t\t\t\t\t\titem.customSetupButton\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<SingleChecklistActionWrapper>\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonText={item.buttonText ?? 'Setup'}\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonType={item.buttonType ?? 'primary'}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={item.onSetup}\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={item.buttonDisabled ?? false}\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</SingleChecklistActionWrapper>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</SingleChecklistMainRow>\n\n\t\t\t\t\t\t\t\t{item.alertText && (\n\t\t\t\t\t\t\t\t\t<SingleChecklistAlertRow>\n\t\t\t\t\t\t\t\t\t\t<Alert\n\t\t\t\t\t\t\t\t\t\t\ttext={item.alertText}\n\t\t\t\t\t\t\t\t\t\t\ttype={item.alertType ?? ALERT_TYPES.WARNING}\n\t\t\t\t\t\t\t\t\t\t\tcontentPosition={CONTENT_POSITION.START}\n\t\t\t\t\t\t\t\t\t\t\ttextColor={\n\t\t\t\t\t\t\t\t\t\t\t\titem.alertType === ALERT_TYPES.BRAND ? '#4B1583' : ''\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\ticon={(props) => <InfoIcon {...props} />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</SingleChecklistAlertRow>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</SingleChecklistItem>\n\t\t\t\t\t\t);\n\t\t\t\t\t} else if (item.type === 'multiple') {\n\t\t\t\t\t\t// Build a normalized steps array for the ProgressStepper. Prefer steps from props,\n\t\t\t\t\t\t// otherwise fall back to a sensible default.\n\t\t\t\t\t\tconst normalizedSteps =\n\t\t\t\t\t\t\titem.steps && item.steps.length > 0\n\t\t\t\t\t\t\t\t? item.steps.map((s, idx) => ({\n\t\t\t\t\t\t\t\t\t\tid: s.id ?? `${item.id}-sub-${idx + 1}`,\n\t\t\t\t\t\t\t\t\t\ttext: s.text,\n\t\t\t\t\t\t\t\t\t\tlabel: s.text,\n\t\t\t\t\t\t\t\t\t\tonClick: s.onClick,\n\t\t\t\t\t\t\t\t\t\tisCompleted: !!s.isCompleted,\n\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\t{\n\t\t\t\t\t\t\t\t\t\t\tid: `${item.id}-sub-1`,\n\t\t\t\t\t\t\t\t\t\t\ttext: 'Connect',\n\t\t\t\t\t\t\t\t\t\t\tlabel: 'Connect',\n\t\t\t\t\t\t\t\t\t\t\tisCompleted: false,\n\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\t\tid: `${item.id}-sub-2`,\n\t\t\t\t\t\t\t\t\t\t\ttext: 'Configure',\n\t\t\t\t\t\t\t\t\t\t\tlabel: 'Configure',\n\t\t\t\t\t\t\t\t\t\t\tisCompleted: false,\n\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\t\tid: `${item.id}-sub-3`,\n\t\t\t\t\t\t\t\t\t\t\ttext: 'Verify',\n\t\t\t\t\t\t\t\t\t\t\tlabel: 'Verify',\n\t\t\t\t\t\t\t\t\t\t\tisCompleted: false,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t ];\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<MultiChecklistItem key={item.id} item={item}>\n\t\t\t\t\t\t\t\t{/ sample stepper rendered as children of the accordion item */}\n\t\t\t\t\t\t\t\t<ProgressStepper\n\t\t\t\t\t\t\t\t\tsteps={normalizedSteps}\n\t\t\t\t\t\t\t\t\tisStepperActive={item.isActive}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</MultiChecklistItem>\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</ProgressChecklistContainer>\n\t);\n};\n\nexport default ProgressChecklist;\n"],"names":["ProgressChecklist","header","subheader","items","progressBarColor","headerAction","showProgressBar","noBorder","checklistItems","setChecklistItems","useState","useEffect","completedCount","filter","item","isCompleted","length","totalCount","progressPercentage","_jsxs","ProgressChecklistContainer","Object","assign","children","HeaderSection","style","display","flexDirection","justifyContent","alignItems","_jsx","TitleMedium","BodySecondary","color","COLORS","content","secondary","ProgressBarSection","gap","flex","ProgressBarV2","progress","Math","round","type","ProgressBarType","LINE","matchParentWidth","showProgress","background","positive","vibrant","progressBarThickness","minWidth","TitleSmall","textAlign","map","SingleChecklistItem","isActive","SingleChecklistMainRow","SingleChecklistIconWrapper","completedIcon","_a","CompletedChecklistIcon","activeIcon","_b","ActiveChecklistIcon","_c","icon","InactiveChecklistIcon","SingleChecklistContent","SingleChecklistHeader","completed","_d","tag","tagText","tooltip","Tooltip","Tag","variant","theme","SingleChecklistSubheader","hideRedirectButton","onClick","onSetup","cursor","ChevronRight","marginLeft","width","height","hideSetupButton","customSetupButton","SingleChecklistActionWrapper","Button","buttonText","_e","buttonType","_f","disabled","_g","buttonDisabled","alertText","SingleChecklistAlertRow","Alert","text","_h","alertType","ALERT_TYPES","WARNING","contentPosition","CONTENT_POSITION","START","textColor","BRAND","props","InfoIcon","id","normalizedSteps","steps","s","idx","label","MultiChecklistItem","ProgressStepper","isStepperActive"],"mappings":"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"}
1	+ {"version":3,"file":"ProgressChecklist.js","sources":["../../../../src/components/ProgressChecklist/ProgressChecklist.tsx"],"sourcesContent":["import { ChevronRight } from '@src/assets/icons';\nimport React, { useEffect, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport ActiveChecklistIcon from '../../assets/icons/ActiveChecklistIcon';\nimport CompletedChecklistIcon from '../../assets/icons/CompletedChecklistIcon';\nimport InactiveChecklistIcon from '../../assets/icons/InactiveChecklistIcon';\nimport InfoIcon from '../../assets/icons/info.svg';\nimport { Alert, ALERT_TYPES, CONTENT_POSITION } from '../alerts';\nimport { Button } from '../button';\nimport { ProgressBarType, ProgressBarV2 } from '../progress-bar-v2';\nimport { Tag } from '../tag';\nimport { Tooltip, TooltipProps } from '../tooltips/Tooltip';\nimport { BodySecondary, TitleMedium, TitleSmall } from '../TypographyStyle';\nimport MultiChecklistItem, {\n\ttype MultiChecklistItemType,\n} from './MultiChecklistItem';\nimport {\n\tHeaderSection,\n\tProgressBarSection,\n\tProgressChecklistContainer,\n\tSingleChecklistActionWrapper,\n\tSingleChecklistAlertRow,\n\tSingleChecklistContent,\n\tSingleChecklistHeader,\n\tSingleChecklistIconWrapper,\n\tSingleChecklistItem,\n\tSingleChecklistMainRow,\n\tSingleChecklistSubheader,\n} from './ProgressChecklist.style';\nimport ProgressStepper from './ProgressStepper';\n\nexport interface ChecklistItemType {\n\tid: string;\n\tlabel: string;\n\tdescription?: string;\n\tcompleted?: boolean;\n}\n\nexport interface SingleChecklistItemType {\n\tid: string;\n\theader: string;\n\tsubheader: string;\n\t// make icons optional so multi-style entries can be mixed in the same array\n\ticon?: React.ReactNode;\n\tactiveIcon?: React.ReactNode;\n\tcompletedIcon?: React.ReactNode;\n\tisActive?: boolean;\n\tisCompleted?: boolean;\n\tonSetup?: () => void;\n\talertText?: string \| React.ReactNode;\n\talertType?: ALERT_TYPES;\n\ttag?: {\n\t\ttagText: string \| number;\n\t\tvariant?: 'regular' \| 'circle' \| 'compressed';\n\t\ttype?:\n\t\t\t\| 'negative'\n\t\t\t\| 'warning'\n\t\t\t\| 'positive'\n\t\t\t\| 'neutral'\n\t\t\t\| 'white'\n\t\t\t\| 'purple'\n\t\t\t\| 'blue'\n\t\t\t\| 'grey'\n\t\t\t\| 'ai';\n\t\ttheme?: 'light' \| 'dark';\n\t\ttooltip?: Omit<TooltipProps, 'children'>;\n\t};\n\ttype: 'single';\n\tbuttonType?: 'primary' \| 'secondary' \| 'tertiary';\n\tbuttonText?: string;\n\tbuttonDisabled?: boolean;\n\thideRedirectButton?: boolean;\n\thideSetupButton?: boolean;\n\t/** Custom node to render in place of the default setup button. /\n\tcustomSetupButton?: React.ReactNode;\n}\n\nexport interface ProgressChecklistProps {\n\theader?: string;\n\tsubheader?: string;\n\titems?: Array<SingleChecklistItemType \| MultiChecklistItemType>;\n\tprogressBarColor?: string;\n\theaderAction?: React.ReactNode;\n\t/* Whether to render the progress bar. Defaults to true. /\n\tshowProgressBar?: boolean;\n\t/* Whether to remove border, border-radius, and padding. Defaults to false. /\n\tnoBorder?: boolean;\n}\n\nconst ProgressChecklist: React.FC<ProgressChecklistProps> = ({\n\theader,\n\tsubheader,\n\titems = [],\n\tprogressBarColor,\n\theaderAction,\n\tshowProgressBar = true,\n\tnoBorder = false,\n}) => {\n\t// keep local state but sync it with incoming `items` prop so updates from\n\t// parent re-render this component. Previously we only read the initial\n\t// value and ignored subsequent prop changes.\n\tconst [checklistItems, setChecklistItems] =\n\t\tuseState<Array<SingleChecklistItemType \| MultiChecklistItemType>>(items);\n\n\tuseEffect(() => {\n\t\tsetChecklistItems(items);\n\t}, [items]);\n\n\t// Prepare multiple-source: prefer `items` prop, otherwise use entries from defaultSingleItems that do not have `icon` (i.e., multi-style defaults)\n\tconst completedCount = checklistItems.filter(\n\t\t(item) => item.isCompleted,\n\t).length;\n\tconst totalCount = checklistItems.length;\n\tconst progressPercentage =\n\t\ttotalCount > 0 ? (completedCount / totalCount) 100 : 0;\n\n\treturn (\n\t\t<ProgressChecklistContainer noBorder={noBorder}>\n\t\t\t{/* Header and Subheader Section /}\n\t\t\t<HeaderSection>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<TitleMedium>{header}</TitleMedium>\n\t\t\t\t\t{headerAction && <div>{headerAction}</div>}\n\t\t\t\t</div>\n\t\t\t\t<BodySecondary color={COLORS.content.secondary}>\n\t\t\t\t\t{subheader}\n\t\t\t\t</BodySecondary>\n\t\t\t</HeaderSection>\n\n\t\t\t{/ Progress Bar Section /}\n\t\t\t{showProgressBar && (\n\t\t\t\t<ProgressBarSection\n\t\t\t\t\tstyle={{ display: 'flex', alignItems: 'center', gap: '16px' }}\n\t\t\t\t>\n\t\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t\t<ProgressBarV2\n\t\t\t\t\t\t\tprogress={Math.round(progressPercentage)}\n\t\t\t\t\t\t\ttype={ProgressBarType.LINE}\n\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\tshowProgress={false}\n\t\t\t\t\t\t\tcolor={progressBarColor ?? COLORS.background.positive.vibrant}\n\t\t\t\t\t\t\tprogressBarThickness={12}\n\t\t\t\t\t\t/>\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\tdisplay: 'flex',\n\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\tminWidth: 12,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<TitleSmall\n\t\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, textAlign: 'right' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{completedCount} / {totalCount}\n\t\t\t\t\t\t</TitleSmall>\n\t\t\t\t\t</div>\n\t\t\t\t</ProgressBarSection>\n\t\t\t)}\n\n\t\t\t{/ Single-style checklist items (original form) /}\n\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: '16px' }}>\n\t\t\t\t{checklistItems.map((item) => {\n\t\t\t\t\tif (item.type === 'single') {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<SingleChecklistItem\n\t\t\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t\t\tisActive={item.isActive \|\| false}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<SingleChecklistMainRow>\n\t\t\t\t\t\t\t\t\t<SingleChecklistIconWrapper>\n\t\t\t\t\t\t\t\t\t\t{item.isCompleted\n\t\t\t\t\t\t\t\t\t\t\t? item.completedIcon ?? <CompletedChecklistIcon />\n\t\t\t\t\t\t\t\t\t\t\t: item.isActive\n\t\t\t\t\t\t\t\t\t\t\t? item.activeIcon ?? <ActiveChecklistIcon />\n\t\t\t\t\t\t\t\t\t\t\t: item.icon ?? <InactiveChecklistIcon />}\n\t\t\t\t\t\t\t\t\t</SingleChecklistIconWrapper>\n\t\t\t\t\t\t\t\t\t<SingleChecklistContent>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ display: 'flex', alignItems: 'center', gap: 12 }}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<SingleChecklistHeader\n\t\t\t\t\t\t\t\t\t\t\t\tcompleted={!!item.isCompleted}\n\t\t\t\t\t\t\t\t\t\t\t\tisActive={!!item.isActive}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{item.header}\n\t\t\t\t\t\t\t\t\t\t\t</SingleChecklistHeader>\n\t\t\t\t\t\t\t\t\t\t\t{item.tag?.tagText &&\n\t\t\t\t\t\t\t\t\t\t\t\t(item.tag.tooltip ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip {...item.tag.tooltip}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span style={{ display: 'inline-flex' }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttagText={item.tag.tagText}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={item.tag.variant}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype={item.tag.type}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttheme={item.tag.theme}\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</span>\n\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) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttagText={item.tag.tagText}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={item.tag.variant}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype={item.tag.type}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttheme={item.tag.theme}\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</div>\n\t\t\t\t\t\t\t\t\t\t<SingleChecklistSubheader>\n\t\t\t\t\t\t\t\t\t\t\t{item.subheader}\n\t\t\t\t\t\t\t\t\t\t</SingleChecklistSubheader>\n\t\t\t\t\t\t\t\t\t</SingleChecklistContent>\n\t\t\t\t\t\t\t\t\t{item.isCompleted && !item.hideRedirectButton && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tonClick={item.onSetup}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\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\t\t<ChevronRight\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ marginLeft: '12px' }}\n\t\t\t\t\t\t\t\t\t\t\t\twidth={12}\n\t\t\t\t\t\t\t\t\t\t\t\theight={12}\n\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/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t{!item.isCompleted &&\n\t\t\t\t\t\t\t\t\t\titem.isActive &&\n\t\t\t\t\t\t\t\t\t\t!item.hideSetupButton &&\n\t\t\t\t\t\t\t\t\t\t(item.customSetupButton ? (\n\t\t\t\t\t\t\t\t\t\t\titem.customSetupButton\n\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t<SingleChecklistActionWrapper>\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonText={item.buttonText ?? 'Setup'}\n\t\t\t\t\t\t\t\t\t\t\t\t\tbuttonType={item.buttonType ?? 'primary'}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={item.onSetup}\n\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={item.buttonDisabled ?? false}\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</SingleChecklistActionWrapper>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</SingleChecklistMainRow>\n\n\t\t\t\t\t\t\t\t{item.alertText && (\n\t\t\t\t\t\t\t\t\t<SingleChecklistAlertRow>\n\t\t\t\t\t\t\t\t\t\t<Alert\n\t\t\t\t\t\t\t\t\t\t\ttext={item.alertText}\n\t\t\t\t\t\t\t\t\t\t\ttype={item.alertType ?? ALERT_TYPES.WARNING}\n\t\t\t\t\t\t\t\t\t\t\tcontentPosition={CONTENT_POSITION.START}\n\t\t\t\t\t\t\t\t\t\t\ttextColor={\n\t\t\t\t\t\t\t\t\t\t\t\titem.alertType === ALERT_TYPES.BRAND ? '#4B1583' : ''\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\ticon={(props) => <InfoIcon {...props} />}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</SingleChecklistAlertRow>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</SingleChecklistItem>\n\t\t\t\t\t\t);\n\t\t\t\t\t} else if (item.type === 'multiple') {\n\t\t\t\t\t\t// Build a normalized steps array for the ProgressStepper. Prefer steps from props,\n\t\t\t\t\t\t// otherwise fall back to a sensible default.\n\t\t\t\t\t\tconst normalizedSteps =\n\t\t\t\t\t\t\titem.steps && item.steps.length > 0\n\t\t\t\t\t\t\t\t? item.steps.map((s, idx) => ({\n\t\t\t\t\t\t\t\t\t\tid: s.id ?? `${item.id}-sub-${idx + 1}`,\n\t\t\t\t\t\t\t\t\t\ttext: s.text,\n\t\t\t\t\t\t\t\t\t\tlabel: s.text,\n\t\t\t\t\t\t\t\t\t\tonClick: s.onClick,\n\t\t\t\t\t\t\t\t\t\tisCompleted: !!s.isCompleted,\n\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\t{\n\t\t\t\t\t\t\t\t\t\t\tid: `${item.id}-sub-1`,\n\t\t\t\t\t\t\t\t\t\t\ttext: 'Connect',\n\t\t\t\t\t\t\t\t\t\t\tlabel: 'Connect',\n\t\t\t\t\t\t\t\t\t\t\tisCompleted: false,\n\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\t\tid: `${item.id}-sub-2`,\n\t\t\t\t\t\t\t\t\t\t\ttext: 'Configure',\n\t\t\t\t\t\t\t\t\t\t\tlabel: 'Configure',\n\t\t\t\t\t\t\t\t\t\t\tisCompleted: false,\n\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\t\tid: `${item.id}-sub-3`,\n\t\t\t\t\t\t\t\t\t\t\ttext: 'Verify',\n\t\t\t\t\t\t\t\t\t\t\tlabel: 'Verify',\n\t\t\t\t\t\t\t\t\t\t\tisCompleted: false,\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t ];\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<MultiChecklistItem key={item.id} item={item}>\n\t\t\t\t\t\t\t\t{/ sample stepper rendered as children of the accordion item */}\n\t\t\t\t\t\t\t\t<ProgressStepper\n\t\t\t\t\t\t\t\t\tsteps={normalizedSteps}\n\t\t\t\t\t\t\t\t\tisStepperActive={item.isActive}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</MultiChecklistItem>\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</ProgressChecklistContainer>\n\t);\n};\n\nexport default ProgressChecklist;\n"],"names":["ProgressChecklist","_ref","header","subheader","items","progressBarColor","headerAction","showProgressBar","noBorder","checklistItems","setChecklistItems","useState","useEffect","completedCount","filter","item","isCompleted","length","totalCount","progressPercentage","_jsxs","ProgressChecklistContainer","Object","assign","children","HeaderSection","style","display","flexDirection","justifyContent","alignItems","_jsx","TitleMedium","BodySecondary","color","COLORS","content","secondary","ProgressBarSection","gap","flex","ProgressBarV2","progress","Math","round","type","ProgressBarType","LINE","matchParentWidth","showProgress","background","positive","vibrant","progressBarThickness","minWidth","TitleSmall","textAlign","map","SingleChecklistItem","isActive","SingleChecklistMainRow","SingleChecklistIconWrapper","completedIcon","_a","CompletedChecklistIcon","activeIcon","_b","ActiveChecklistIcon","_c","icon","InactiveChecklistIcon","SingleChecklistContent","SingleChecklistHeader","completed","_d","tag","tagText","tooltip","Tooltip","Tag","variant","theme","SingleChecklistSubheader","hideRedirectButton","onClick","onSetup","cursor","ChevronRight","marginLeft","width","height","hideSetupButton","customSetupButton","SingleChecklistActionWrapper","Button","buttonText","_e","buttonType","_f","disabled","_g","buttonDisabled","alertText","SingleChecklistAlertRow","Alert","text","_h","alertType","ALERT_TYPES","WARNING","contentPosition","CONTENT_POSITION","START","textColor","BRAND","props","InfoIcon","id","normalizedSteps","steps","s","idx","label","MultiChecklistItem","ProgressStepper","isStepperActive"],"mappings":"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"}

package/dist/esm/components/ProgressChecklist/ProgressStepper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Redirect2Icon as i}from"../../assets/icons/Redirect2Icon.js";import{SmallCheckIcon as n}from"../../assets/icons/SmallCheckIcon.js";import"../../_virtual/_tslib.js";import l,{useState as o}from"react";import{COLORS as d}from"../../constants/Theme.js";import{Button as s}from"../button/Button.js";const r=({steps:r=[],onStepClick:a,isStepperActive:c})=>{var p,m;const u=r.length>0?r:[{id:"step-1",text:"Step One"},{id:"step-2",text:"Step Two"},{id:"step-3",text:"Step Three"}],[h,v]=o(null!==(m=null===(p=u[0])||void 0===p?void 0:p.id)&&void 0!==m?m:null);return e("div",Object.assign({style:{paddingLeft:52}},{children:e("div",Object.assign({style:{margin:0,padding:0,display:"flex",flexDirection:"column",gap:12}},{children:u.map(((o,r)=>{var p,m,g,x,f,b,C;return t(l.Fragment,{children:[t("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(()=>{var t;const i=(0===r||(null===(t=u[r-1])||void 0===t?void 0:t.isCompleted))&&!0===c,l=!0===o.isCompleted;return e("div",l?Object.assign({style:{width:24,height:24,flex:"0 0 24px"},"aria-hidden":!0},{children:e(n,{})}):Object.assign({style:{width:24,height:24,borderRadius:30,padding:4,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",background:i?"#4B1583":"transparent",color:i?"#FFFFFF":"#BDBDBD",border:"1px solid "+(i?"#4B1583":"#E0E0E0"),fontSize:12,lineHeight:"12px",flex:"0 0 24px"},"aria-hidden":!0},{children:e("span",Object.assign({style:{fontSize:12,fontWeight:500}},{children:r+1}))}))})(),e("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"flex-start",minWidth:0},"aria-label":`Open ${null!==(m=null!==(p=o.label)&&void 0!==p?p:o.text)&&void 0!==m?m:`step ${r+1}`}`},{children:e(s,{buttonText:null!==(x=null!==(g=o.label)&&void 0!==g?g:o.text)&&void 0!==x?x:`Step ${r+1}`,buttonType:"text",buttonTextColor:o.isCompleted?d.text.secondary:0!==r&&!0!==(null===(f=u[r-1])||void 0===f?void 0:f.isCompleted)||!c?d.content.inactive:"#4B1583",matchParentWidth:!1,size:"small",style:{width:"fit-content",paddingLeft:0,textDecoration:"none",textDecorationLine:"none"},onClick:()=>{var e,t;v(null!==(e=o.id)&&void 0!==e?e:h),(!o.isCompleted&&c&&(0===r||!0===(null===(t=u[r-1])||void 0===t?void 0:t.isCompleted))||o.isCompleted)&&(o.onClick?o.onClick():o.id&&(null==a||a(o.id)))}})})),!o.isCompleted&&(0===r||!0===(null===(b=u[r-1])||void 0===b?void 0:b.isCompleted))&&c&&e("div",Object.assign({style:{width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer"},"aria-hidden":!0,onClick:e=>{var t,i;v(null!==(t=o.id)&&void 0!==t?t:h),o.isCompleted||!c||0!==r&&!0!==(null===(i=u[r-1])||void 0===i?void 0:i.isCompleted)||(o.onClick?o.onClick():o.id&&(null==a||a(o.id)))}},{children:e(i,{})}))]})),r!==u.length-1&&e("div",{"aria-hidden":!0,style:{width:8,height:1,borderRadius:2,background:"#BDBDBD",transform:"rotate(90deg)",marginLeft:8}})]},null!==(C=o.id)&&void 0!==C?C:`step-${r}`)}))}))}))};var a=l.memo(r);export{a as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Redirect2Icon as i}from"../../assets/icons/Redirect2Icon.js";import{SmallCheckIcon as n}from"../../assets/icons/SmallCheckIcon.js";import"../../_virtual/_tslib.js";import l,{useState as o}from"react";import{COLORS as d}from"../../constants/Theme.js";import{Button as s}from"../button/Button.js";const r=r=>{let{steps:a=[],onStepClick:c,isStepperActive:p}=r;var m,u;const h=a.length>0?a:[{id:"step-1",text:"Step One"},{id:"step-2",text:"Step Two"},{id:"step-3",text:"Step Three"}],[v,g]=o(null!==(u=null===(m=h[0])||void 0===m?void 0:m.id)&&void 0!==u?u:null);return e("div",Object.assign({style:{paddingLeft:52}},{children:e("div",Object.assign({style:{margin:0,padding:0,display:"flex",flexDirection:"column",gap:12}},{children:h.map(((o,r)=>{var a,m,u,x,f,b,C;return t(l.Fragment,{children:[t("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[(()=>{var t;const i=(0===r||(null===(t=h[r-1])||void 0===t?void 0:t.isCompleted))&&!0===p,l=!0===o.isCompleted;return e("div",l?Object.assign({style:{width:24,height:24,flex:"0 0 24px"},"aria-hidden":!0},{children:e(n,{})}):Object.assign({style:{width:24,height:24,borderRadius:30,padding:4,display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",background:i?"#4B1583":"transparent",color:i?"#FFFFFF":"#BDBDBD",border:"1px solid "+(i?"#4B1583":"#E0E0E0"),fontSize:12,lineHeight:"12px",flex:"0 0 24px"},"aria-hidden":!0},{children:e("span",Object.assign({style:{fontSize:12,fontWeight:500}},{children:r+1}))}))})(),e("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"flex-start",minWidth:0},"aria-label":`Open ${null!==(m=null!==(a=o.label)&&void 0!==a?a:o.text)&&void 0!==m?m:`step ${r+1}`}`},{children:e(s,{buttonText:null!==(x=null!==(u=o.label)&&void 0!==u?u:o.text)&&void 0!==x?x:`Step ${r+1}`,buttonType:"text",buttonTextColor:o.isCompleted?d.text.secondary:0!==r&&!0!==(null===(f=h[r-1])||void 0===f?void 0:f.isCompleted)||!p?d.content.inactive:"#4B1583",matchParentWidth:!1,size:"small",style:{width:"fit-content",paddingLeft:0,textDecoration:"none",textDecorationLine:"none"},onClick:()=>{var e,t;g(null!==(e=o.id)&&void 0!==e?e:v),(!o.isCompleted&&p&&(0===r||!0===(null===(t=h[r-1])||void 0===t?void 0:t.isCompleted))||o.isCompleted)&&(o.onClick?o.onClick():o.id&&(null==c||c(o.id)))}})})),!o.isCompleted&&(0===r||!0===(null===(b=h[r-1])||void 0===b?void 0:b.isCompleted))&&p&&e("div",Object.assign({style:{width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer"},"aria-hidden":!0,onClick:e=>{var t,i;g(null!==(t=o.id)&&void 0!==t?t:v),o.isCompleted||!p||0!==r&&!0!==(null===(i=h[r-1])||void 0===i?void 0:i.isCompleted)||(o.onClick?o.onClick():o.id&&(null==c||c(o.id)))}},{children:e(i,{})}))]})),r!==h.length-1&&e("div",{"aria-hidden":!0,style:{width:8,height:1,borderRadius:2,background:"#BDBDBD",transform:"rotate(90deg)",marginLeft:8}})]},null!==(C=o.id)&&void 0!==C?C:`step-${r}`)}))}))}))};var a=l.memo(r);export{a as default};
 //# sourceMappingURL=ProgressStepper.js.map

package/dist/esm/components/ProgressChecklist/ProgressStepper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressStepper.js","sources":["../../../../src/components/ProgressChecklist/ProgressStepper.tsx"],"sourcesContent":["import { Redirect2Icon, SmallCheckIcon } from '@src/assets/icons';\nimport React, { useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\n\ninterface StepItem {\n\tid?: string;\n\t// New step shape used across the onboarding checklist\n\t// `text` is the primary content shown on the small button.\n\ttext: string;\n\tlabel?: string; // kept for backward-compatibility\n\tonClick?: () => void;\n\tisCompleted?: boolean;\n}\n\ninterface ProgressStepperProps {\n\tsteps?: StepItem[];\n\tonStepClick?: (id: string) => void;\n\tisStepperActive?: boolean;\n}\n\n// Render a lightweight stepper list. Each item has: left-number-icon (placeholder), a small content button, and the provided right icon.\nconst ProgressStepper: React.FC<ProgressStepperProps> = ({\n\tsteps = [],\n\tonStepClick,\n\tisStepperActive,\n}) => {\n\tconst items =\n\t\tsteps.length > 0\n\t\t\t? steps\n\t\t\t: [\n\t\t\t\t\t{ id: 'step-1', text: 'Step One' },\n\t\t\t\t\t{ id: 'step-2', text: 'Step Two' },\n\t\t\t\t\t{ id: 'step-3', text: 'Step Three' },\n\t\t\t ];\n\n\t// Track locally selected/active step so we can render the active state for the number icon\n\tconst [selectedId, setSelectedId] = useState<string \| null>(\n\t\titems[0]?.id ?? null,\n\t);\n\n\treturn (\n\t\t<div style={{ paddingLeft: 52 }}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmargin: 0,\n\t\t\t\t\tpadding: 0,\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tgap: 12,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{items.map((step, idx) => (\n\t\t\t\t\t<React.Fragment key={step.id ?? `step-${idx}`}>\n\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n\t\t\t\t\t\t\t{/* Left: number icon /}\n\t\t\t\t\t\t\t{(() => {\n\t\t\t\t\t\t\t\t// Step is active if it's the first step OR if the previous step is completed\n\t\t\t\t\t\t\t\tconst isActive =\n\t\t\t\t\t\t\t\t\t(idx === 0 \|\| items[idx - 1]?.isCompleted) &&\n\t\t\t\t\t\t\t\t\tisStepperActive === true;\n\t\t\t\t\t\t\t\tconst isCompleted = step.isCompleted === true;\n\n\t\t\t\t\t\t\t\t// If completed, show checkmark icon\n\t\t\t\t\t\t\t\tif (isCompleted) {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\t\t\t\tflex: '0 0 24px',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<SmallCheckIcon />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t// Otherwise show numbered circle\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\t\t\tborderRadius: 30,\n\t\t\t\t\t\t\t\t\t\t\tpadding: 4,\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tboxSizing: 'border-box',\n\t\t\t\t\t\t\t\t\t\t\tbackground: isActive ? '#4B1583' : 'transparent',\n\t\t\t\t\t\t\t\t\t\t\tcolor: isActive ? '#FFFFFF' : '#BDBDBD',\n\t\t\t\t\t\t\t\t\t\t\tborder: `1px solid ${isActive ? '#4B1583' : '#E0E0E0'}`,\n\t\t\t\t\t\t\t\t\t\t\tfontSize: 12,\n\t\t\t\t\t\t\t\t\t\t\tlineHeight: '12px',\n\t\t\t\t\t\t\t\t\t\t\tflex: '0 0 24px',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span style={{ fontSize: 12, fontWeight: 500 }}>\n\t\t\t\t\t\t\t\t\t\t\t{idx + 1}\n\t\t\t\t\t\t\t\t\t\t</span>\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})()}\n\n\t\t\t\t\t\t\t{/ Center: small content button (do not grow) /}\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\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'flex-start',\n\t\t\t\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\taria-label={`Open ${\n\t\t\t\t\t\t\t\t\tstep.label ?? step.text ?? `step ${idx + 1}`\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={step.label ?? step.text ?? `Step ${idx + 1}`}\n\t\t\t\t\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\t\t\t\t\tbuttonTextColor={\n\t\t\t\t\t\t\t\t\t\tstep.isCompleted\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.text.secondary\n\t\t\t\t\t\t\t\t\t\t\t: (idx === 0 \|\| items[idx - 1]?.isCompleted === true) &&\n\t\t\t\t\t\t\t\t\t\t\t isStepperActive\n\t\t\t\t\t\t\t\t\t\t\t? '#4B1583'\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tmatchParentWidth={false}\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t\t\t\t\tpaddingLeft: 0,\n\t\t\t\t\t\t\t\t\t\ttextDecoration: 'none',\n\t\t\t\t\t\t\t\t\t\ttextDecorationLine: 'none',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetSelectedId(step.id ?? selectedId);\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t(!step.isCompleted &&\n\t\t\t\t\t\t\t\t\t\t\t\tisStepperActive &&\n\t\t\t\t\t\t\t\t\t\t\t\t(idx === 0 \|\| items[idx - 1]?.isCompleted === true)) \|\|\n\t\t\t\t\t\t\t\t\t\t\tstep.isCompleted\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tif (step.onClick) step.onClick();\n\t\t\t\t\t\t\t\t\t\t\telse if (step.id) onStepClick?.(step.id);\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</div>\n\n\t\t\t\t\t\t\t{/ Rightmost icon (provided SVG) */}\n\t\t\t\t\t\t\t{!step.isCompleted &&\n\t\t\t\t\t\t\t\t(idx === 0 \|\| items[idx - 1]?.isCompleted === true) &&\n\t\t\t\t\t\t\t\tisStepperActive && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\twidth: 20,\n\t\t\t\t\t\t\t\t\t\t\theight: 20,\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedId(step.id ?? selectedId);\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t!step.isCompleted &&\n\t\t\t\t\t\t\t\t\t\t\t\tisStepperActive &&\n\t\t\t\t\t\t\t\t\t\t\t\t(idx === 0 \|\| items[idx - 1]?.isCompleted === true)\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\tif (step.onClick) step.onClick();\n\t\t\t\t\t\t\t\t\t\t\t\telse if (step.id) onStepClick?.(step.id);\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\t\t<Redirect2Icon />\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</div>\n\t\t\t\t\t\t{idx !== items.length - 1 && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\twidth: 8,\n\t\t\t\t\t\t\t\t\theight: 1,\n\t\t\t\t\t\t\t\t\tborderRadius: 2,\n\t\t\t\t\t\t\t\t\tbackground: '#BDBDBD',\n\t\t\t\t\t\t\t\t\ttransform: 'rotate(90deg)',\n\t\t\t\t\t\t\t\t\tmarginLeft: 8,\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</React.Fragment>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default React.memo(ProgressStepper);\n"],"names":["ProgressStepper","steps","onStepClick","isStepperActive","items","length","id","text","selectedId","setSelectedId","useState","_b","_a","_jsx","Object","assign","style","paddingLeft","children","margin","padding","display","flexDirection","gap","map","step","idx","_jsxs","React","Fragment","alignItems","isActive","isCompleted","width","height","flex","SmallCheckIcon","borderRadius","justifyContent","boxSizing","background","color","border","fontSize","lineHeight","fontWeight","minWidth","label","Button","buttonText","_c","_d","buttonType","buttonTextColor","COLORS","secondary","_e","content","inactive","matchParentWidth","size","textDecoration","textDecorationLine","onClick","_f","cursor","e","Redirect2Icon","transform","marginLeft","_g","ProgressStepper$1","memo"],"mappings":"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"}
1	+ {"version":3,"file":"ProgressStepper.js","sources":["../../../../src/components/ProgressChecklist/ProgressStepper.tsx"],"sourcesContent":["import { Redirect2Icon, SmallCheckIcon } from '@src/assets/icons';\nimport React, { useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\n\ninterface StepItem {\n\tid?: string;\n\t// New step shape used across the onboarding checklist\n\t// `text` is the primary content shown on the small button.\n\ttext: string;\n\tlabel?: string; // kept for backward-compatibility\n\tonClick?: () => void;\n\tisCompleted?: boolean;\n}\n\ninterface ProgressStepperProps {\n\tsteps?: StepItem[];\n\tonStepClick?: (id: string) => void;\n\tisStepperActive?: boolean;\n}\n\n// Render a lightweight stepper list. Each item has: left-number-icon (placeholder), a small content button, and the provided right icon.\nconst ProgressStepper: React.FC<ProgressStepperProps> = ({\n\tsteps = [],\n\tonStepClick,\n\tisStepperActive,\n}) => {\n\tconst items =\n\t\tsteps.length > 0\n\t\t\t? steps\n\t\t\t: [\n\t\t\t\t\t{ id: 'step-1', text: 'Step One' },\n\t\t\t\t\t{ id: 'step-2', text: 'Step Two' },\n\t\t\t\t\t{ id: 'step-3', text: 'Step Three' },\n\t\t\t ];\n\n\t// Track locally selected/active step so we can render the active state for the number icon\n\tconst [selectedId, setSelectedId] = useState<string \| null>(\n\t\titems[0]?.id ?? null,\n\t);\n\n\treturn (\n\t\t<div style={{ paddingLeft: 52 }}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tmargin: 0,\n\t\t\t\t\tpadding: 0,\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tgap: 12,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{items.map((step, idx) => (\n\t\t\t\t\t<React.Fragment key={step.id ?? `step-${idx}`}>\n\t\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n\t\t\t\t\t\t\t{/* Left: number icon /}\n\t\t\t\t\t\t\t{(() => {\n\t\t\t\t\t\t\t\t// Step is active if it's the first step OR if the previous step is completed\n\t\t\t\t\t\t\t\tconst isActive =\n\t\t\t\t\t\t\t\t\t(idx === 0 \|\| items[idx - 1]?.isCompleted) &&\n\t\t\t\t\t\t\t\t\tisStepperActive === true;\n\t\t\t\t\t\t\t\tconst isCompleted = step.isCompleted === true;\n\n\t\t\t\t\t\t\t\t// If completed, show checkmark icon\n\t\t\t\t\t\t\t\tif (isCompleted) {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\t\t\t\tflex: '0 0 24px',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<SmallCheckIcon />\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t// Otherwise show numbered circle\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\twidth: 24,\n\t\t\t\t\t\t\t\t\t\t\theight: 24,\n\t\t\t\t\t\t\t\t\t\t\tborderRadius: 30,\n\t\t\t\t\t\t\t\t\t\t\tpadding: 4,\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tboxSizing: 'border-box',\n\t\t\t\t\t\t\t\t\t\t\tbackground: isActive ? '#4B1583' : 'transparent',\n\t\t\t\t\t\t\t\t\t\t\tcolor: isActive ? '#FFFFFF' : '#BDBDBD',\n\t\t\t\t\t\t\t\t\t\t\tborder: `1px solid ${isActive ? '#4B1583' : '#E0E0E0'}`,\n\t\t\t\t\t\t\t\t\t\t\tfontSize: 12,\n\t\t\t\t\t\t\t\t\t\t\tlineHeight: '12px',\n\t\t\t\t\t\t\t\t\t\t\tflex: '0 0 24px',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span style={{ fontSize: 12, fontWeight: 500 }}>\n\t\t\t\t\t\t\t\t\t\t\t{idx + 1}\n\t\t\t\t\t\t\t\t\t\t</span>\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})()}\n\n\t\t\t\t\t\t\t{/ Center: small content button (do not grow) /}\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\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'flex-start',\n\t\t\t\t\t\t\t\t\tminWidth: 0,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\taria-label={`Open ${\n\t\t\t\t\t\t\t\t\tstep.label ?? step.text ?? `step ${idx + 1}`\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={step.label ?? step.text ?? `Step ${idx + 1}`}\n\t\t\t\t\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\t\t\t\t\tbuttonTextColor={\n\t\t\t\t\t\t\t\t\t\tstep.isCompleted\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.text.secondary\n\t\t\t\t\t\t\t\t\t\t\t: (idx === 0 \|\| items[idx - 1]?.isCompleted === true) &&\n\t\t\t\t\t\t\t\t\t\t\t isStepperActive\n\t\t\t\t\t\t\t\t\t\t\t? '#4B1583'\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tmatchParentWidth={false}\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t\t\t\t\tpaddingLeft: 0,\n\t\t\t\t\t\t\t\t\t\ttextDecoration: 'none',\n\t\t\t\t\t\t\t\t\t\ttextDecorationLine: 'none',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetSelectedId(step.id ?? selectedId);\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t(!step.isCompleted &&\n\t\t\t\t\t\t\t\t\t\t\t\tisStepperActive &&\n\t\t\t\t\t\t\t\t\t\t\t\t(idx === 0 \|\| items[idx - 1]?.isCompleted === true)) \|\|\n\t\t\t\t\t\t\t\t\t\t\tstep.isCompleted\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tif (step.onClick) step.onClick();\n\t\t\t\t\t\t\t\t\t\t\telse if (step.id) onStepClick?.(step.id);\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</div>\n\n\t\t\t\t\t\t\t{/ Rightmost icon (provided SVG) */}\n\t\t\t\t\t\t\t{!step.isCompleted &&\n\t\t\t\t\t\t\t\t(idx === 0 \|\| items[idx - 1]?.isCompleted === true) &&\n\t\t\t\t\t\t\t\tisStepperActive && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\twidth: 20,\n\t\t\t\t\t\t\t\t\t\t\theight: 20,\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedId(step.id ?? selectedId);\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t!step.isCompleted &&\n\t\t\t\t\t\t\t\t\t\t\t\tisStepperActive &&\n\t\t\t\t\t\t\t\t\t\t\t\t(idx === 0 \|\| items[idx - 1]?.isCompleted === true)\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\tif (step.onClick) step.onClick();\n\t\t\t\t\t\t\t\t\t\t\t\telse if (step.id) onStepClick?.(step.id);\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\t\t<Redirect2Icon />\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</div>\n\t\t\t\t\t\t{idx !== items.length - 1 && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\twidth: 8,\n\t\t\t\t\t\t\t\t\theight: 1,\n\t\t\t\t\t\t\t\t\tborderRadius: 2,\n\t\t\t\t\t\t\t\t\tbackground: '#BDBDBD',\n\t\t\t\t\t\t\t\t\ttransform: 'rotate(90deg)',\n\t\t\t\t\t\t\t\t\tmarginLeft: 8,\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</React.Fragment>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default React.memo(ProgressStepper);\n"],"names":["ProgressStepper","_ref","steps","onStepClick","isStepperActive","items","length","id","text","selectedId","setSelectedId","useState","_b","_a","_jsx","Object","assign","style","paddingLeft","children","margin","padding","display","flexDirection","gap","map","step","idx","_jsxs","React","Fragment","alignItems","isActive","isCompleted","width","height","flex","SmallCheckIcon","borderRadius","justifyContent","boxSizing","background","color","border","fontSize","lineHeight","fontWeight","minWidth","label","Button","buttonText","_c","_d","buttonType","buttonTextColor","COLORS","secondary","_e","content","inactive","matchParentWidth","size","textDecoration","textDecorationLine","onClick","_f","cursor","e","Redirect2Icon","transform","marginLeft","_g","ProgressStepper$1","memo"],"mappings":"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"}

package/dist/esm/components/ProgressChecklist/SimpleChecklistItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{ActiveChecklistIcon as i}from"../../assets/icons/ActiveChecklistIcon.js";import{CompletedChecklistIcon as s}from"../../assets/icons/CompletedChecklistIcon.js";import{InactiveChecklistIcon as l}from"../../assets/icons/InactiveChecklistIcon.js";import{Tag as n}from"../tag/Tag.js";import{Tooltip as o}from"../tooltips/Tooltip.js";import{SingleChecklistMainRow as c,SingleChecklistIconWrapper as a,SingleChecklistContent as r,SingleChecklistHeader as m,SingleChecklistSubheader as p}from"./ProgressChecklist.style.js";const d=({header:d,subheader:h,icon:g,activeIcon:v,completedIcon:j,isActive:f,isCompleted:x,tag:y})=>e("div",{children:t(c,{children:[e(a,{children:x?null!=j?j:e(s,{}):f?null!=v?v:e(i,{}):null!=g?g:e(l,{})}),t(r,{children:[t("div",Object.assign({style:{display:"flex",alignItems:"center",gap:12}},{children:[e(m,Object.assign({completed:x,isActive:f},{children:d})),(null==y?void 0:y.tagText)&&(y.tooltip?e(o,Object.assign({},y.tooltip,{children:e("span",Object.assign({style:{display:"inline-flex"}},{children:e(n,{tagText:y.tagText,variant:y.variant,type:y.type,theme:y.theme})}))})):e(n,{tagText:y.tagText,variant:y.variant,type:y.type,theme:y.theme}))]})),h&&e(p,Object.assign({isActive:f},{children:h}))]})]})});export{d as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{ActiveChecklistIcon as i}from"../../assets/icons/ActiveChecklistIcon.js";import{CompletedChecklistIcon as s}from"../../assets/icons/CompletedChecklistIcon.js";import{InactiveChecklistIcon as l}from"../../assets/icons/InactiveChecklistIcon.js";import{Tag as n}from"../tag/Tag.js";import{Tooltip as o}from"../tooltips/Tooltip.js";import{SingleChecklistMainRow as c,SingleChecklistIconWrapper as r,SingleChecklistContent as a,SingleChecklistHeader as m,SingleChecklistSubheader as p}from"./ProgressChecklist.style.js";const d=d=>{let{header:h,subheader:g,icon:v,activeIcon:j,completedIcon:f,isActive:x,isCompleted:y,tag:u}=d;return e("div",{children:t(c,{children:[e(r,{children:y?null!=f?f:e(s,{}):x?null!=j?j:e(i,{}):null!=v?v:e(l,{})}),t(a,{children:[t("div",Object.assign({style:{display:"flex",alignItems:"center",gap:12}},{children:[e(m,Object.assign({completed:y,isActive:x},{children:h})),(null==u?void 0:u.tagText)&&(u.tooltip?e(o,Object.assign({},u.tooltip,{children:e("span",Object.assign({style:{display:"inline-flex"}},{children:e(n,{tagText:u.tagText,variant:u.variant,type:u.type,theme:u.theme})}))})):e(n,{tagText:u.tagText,variant:u.variant,type:u.type,theme:u.theme}))]})),g&&e(p,Object.assign({isActive:x},{children:g}))]})]})})};export{d as default};
 //# sourceMappingURL=SimpleChecklistItem.js.map

package/dist/esm/components/ProgressChecklist/SimpleChecklistItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleChecklistItem.js","sources":["../../../../src/components/ProgressChecklist/SimpleChecklistItem.tsx"],"sourcesContent":["import React from 'react';\nimport ActiveChecklistIcon from '../../assets/icons/ActiveChecklistIcon';\nimport CompletedChecklistIcon from '../../assets/icons/CompletedChecklistIcon';\nimport InactiveChecklistIcon from '../../assets/icons/InactiveChecklistIcon';\nimport { Tag } from '../tag';\nimport { Tooltip, TooltipProps } from '../tooltips/Tooltip';\nimport {\n\tSingleChecklistContent,\n\tSingleChecklistHeader,\n\tSingleChecklistIconWrapper,\n\tSingleChecklistMainRow,\n\tSingleChecklistSubheader,\n} from './ProgressChecklist.style';\n\ninterface TagProps {\n\ttagText: string \| number;\n\tvariant?: 'regular' \| 'circle' \| 'compressed';\n\ttype?:\n\t\t\| 'negative'\n\t\t\| 'warning'\n\t\t\| 'positive'\n\t\t\| 'neutral'\n\t\t\| 'white'\n\t\t\| 'purple'\n\t\t\| 'blue'\n\t\t\| 'grey'\n\t\t\| 'ai';\n\ttheme?: 'light' \| 'dark';\n\ttooltip?: Omit<TooltipProps, 'children'>;\n}\n\ninterface SimpleChecklistItemProps {\n\theader: string;\n\tsubheader?: string;\n\ticon?: React.ReactNode;\n\tactiveIcon?: React.ReactNode;\n\tcompletedIcon?: React.ReactNode;\n\tisActive?: boolean;\n\tisCompleted?: boolean;\n\ttag?: TagProps;\n}\n\nconst SimpleChecklistItem: React.FC<SimpleChecklistItemProps> = ({\n\theader,\n\tsubheader,\n\ticon,\n\tactiveIcon,\n\tcompletedIcon,\n\tisActive,\n\tisCompleted,\n\ttag,\n}) => {\n\treturn (\n\t\t<div>\n\t\t\t<SingleChecklistMainRow>\n\t\t\t\t<SingleChecklistIconWrapper>\n\t\t\t\t\t{isCompleted\n\t\t\t\t\t\t? completedIcon ?? <CompletedChecklistIcon />\n\t\t\t\t\t\t: isActive\n\t\t\t\t\t\t? activeIcon ?? <ActiveChecklistIcon />\n\t\t\t\t\t\t: icon ?? <InactiveChecklistIcon />}\n\t\t\t\t</SingleChecklistIconWrapper>\n\n\t\t\t\t<SingleChecklistContent>\n\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>\n\t\t\t\t\t\t<SingleChecklistHeader completed={isCompleted} isActive={isActive}>\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</SingleChecklistHeader>\n\t\t\t\t\t\t{tag?.tagText &&\n\t\t\t\t\t\t\t(tag.tooltip ? (\n\t\t\t\t\t\t\t\t<Tooltip {...tag.tooltip}>\n\t\t\t\t\t\t\t\t\t<span style={{ display: 'inline-flex' }}>\n\t\t\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\t\t\ttagText={tag.tagText}\n\t\t\t\t\t\t\t\t\t\t\tvariant={tag.variant}\n\t\t\t\t\t\t\t\t\t\t\ttype={tag.type}\n\t\t\t\t\t\t\t\t\t\t\ttheme={tag.theme}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\ttagText={tag.tagText}\n\t\t\t\t\t\t\t\t\tvariant={tag.variant}\n\t\t\t\t\t\t\t\t\ttype={tag.type}\n\t\t\t\t\t\t\t\t\ttheme={tag.theme}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t{subheader && (\n\t\t\t\t\t\t<SingleChecklistSubheader isActive={isActive}>\n\t\t\t\t\t\t\t{subheader}\n\t\t\t\t\t\t</SingleChecklistSubheader>\n\t\t\t\t\t)}\n\t\t\t\t</SingleChecklistContent>\n\t\t\t</SingleChecklistMainRow>\n\t\t</div>\n\t);\n};\n\nexport default SimpleChecklistItem;\n"],"names":["SimpleChecklistItem","header","subheader","icon","activeIcon","completedIcon","isActive","isCompleted","tag","_jsx","_jsxs","SingleChecklistMainRow","SingleChecklistIconWrapper","CompletedChecklistIcon","ActiveChecklistIcon","InactiveChecklistIcon","SingleChecklistContent","children","Object","assign","style","display","alignItems","gap","SingleChecklistHeader","completed","tagText","tooltip","Tooltip","Tag","variant","type","theme","SingleChecklistSubheader"],"mappings":"4jBA0CMA,MAAAA,~~EAA0DA~~,~~EAC/DC~~,~~SACAC~~,~~YACAC~~,~~OACAC~~,~~aACAC~~,~~gBACAC~~,~~WACAC~~,~~cACAC~~,~~SAGCC~~,kBACCC,EAACC,aACAF,EAACG,YACCL,EACEF,QAAAA,EAAiBI,EAACI,EAAyB,CAAA,GAC3CP,EACAF,QAAAA,EAAcK,EAACK,EAAsB,CAAA,GACrCX,QAAAA,EAAQM,EAACM,EAAqB,CAAA,KAGlCL,EAACM,EAAsB,CAAAC,SAAA,CACtBP,EAAK,MAAAQ,OAAAC,OAAA,CAAAC,MAAO,CAAEC,QAAS,OAAQC,WAAY,SAAUC,IAAK,KACzD,CAAAN,SAAA,CAAAR,EAACe,EAAsBN,OAAAC,OAAA,CAAAM,UAAWlB,EAAaD,SAAUA,GAAQ,CAAAW,SAC/DhB,MAEDO,aAAG,EAAHA,EAAKkB,WACJlB,EAAImB,QACJlB,EAACmB,EAAYV,OAAAC,OAAA,CAAA,EAAAX,EAAImB,QAAO,CAAAV,SACvBR,EAAM,OAAAS,OAAAC,OAAA,CAAAC,MAAO,CAAEC,QAAS,gBAAe,CAAAJ,SACtCR,EAACoB,GACAH,QAASlB,EAAIkB,QACbI,QAAStB,EAAIsB,QACbC,KAAMvB,EAAIuB,KACVC,MAAOxB,EAAIwB,cAKdvB,EAACoB,EACA,CAAAH,QAASlB,EAAIkB,QACbI,QAAStB,EAAIsB,QACbC,KAAMvB,EAAIuB,KACVC,MAAOxB,EAAIwB,aAId9B,GACAO,EAACwB,iBAAyB3B,SAAUA,GAAQ,CAAAW,SAC1Cf"}
1	+ {"version":3,"file":"SimpleChecklistItem.js","sources":["../../../../src/components/ProgressChecklist/SimpleChecklistItem.tsx"],"sourcesContent":["import React from 'react';\nimport ActiveChecklistIcon from '../../assets/icons/ActiveChecklistIcon';\nimport CompletedChecklistIcon from '../../assets/icons/CompletedChecklistIcon';\nimport InactiveChecklistIcon from '../../assets/icons/InactiveChecklistIcon';\nimport { Tag } from '../tag';\nimport { Tooltip, TooltipProps } from '../tooltips/Tooltip';\nimport {\n\tSingleChecklistContent,\n\tSingleChecklistHeader,\n\tSingleChecklistIconWrapper,\n\tSingleChecklistMainRow,\n\tSingleChecklistSubheader,\n} from './ProgressChecklist.style';\n\ninterface TagProps {\n\ttagText: string \| number;\n\tvariant?: 'regular' \| 'circle' \| 'compressed';\n\ttype?:\n\t\t\| 'negative'\n\t\t\| 'warning'\n\t\t\| 'positive'\n\t\t\| 'neutral'\n\t\t\| 'white'\n\t\t\| 'purple'\n\t\t\| 'blue'\n\t\t\| 'grey'\n\t\t\| 'ai';\n\ttheme?: 'light' \| 'dark';\n\ttooltip?: Omit<TooltipProps, 'children'>;\n}\n\ninterface SimpleChecklistItemProps {\n\theader: string;\n\tsubheader?: string;\n\ticon?: React.ReactNode;\n\tactiveIcon?: React.ReactNode;\n\tcompletedIcon?: React.ReactNode;\n\tisActive?: boolean;\n\tisCompleted?: boolean;\n\ttag?: TagProps;\n}\n\nconst SimpleChecklistItem: React.FC<SimpleChecklistItemProps> = ({\n\theader,\n\tsubheader,\n\ticon,\n\tactiveIcon,\n\tcompletedIcon,\n\tisActive,\n\tisCompleted,\n\ttag,\n}) => {\n\treturn (\n\t\t<div>\n\t\t\t<SingleChecklistMainRow>\n\t\t\t\t<SingleChecklistIconWrapper>\n\t\t\t\t\t{isCompleted\n\t\t\t\t\t\t? completedIcon ?? <CompletedChecklistIcon />\n\t\t\t\t\t\t: isActive\n\t\t\t\t\t\t? activeIcon ?? <ActiveChecklistIcon />\n\t\t\t\t\t\t: icon ?? <InactiveChecklistIcon />}\n\t\t\t\t</SingleChecklistIconWrapper>\n\n\t\t\t\t<SingleChecklistContent>\n\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>\n\t\t\t\t\t\t<SingleChecklistHeader completed={isCompleted} isActive={isActive}>\n\t\t\t\t\t\t\t{header}\n\t\t\t\t\t\t</SingleChecklistHeader>\n\t\t\t\t\t\t{tag?.tagText &&\n\t\t\t\t\t\t\t(tag.tooltip ? (\n\t\t\t\t\t\t\t\t<Tooltip {...tag.tooltip}>\n\t\t\t\t\t\t\t\t\t<span style={{ display: 'inline-flex' }}>\n\t\t\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\t\t\ttagText={tag.tagText}\n\t\t\t\t\t\t\t\t\t\t\tvariant={tag.variant}\n\t\t\t\t\t\t\t\t\t\t\ttype={tag.type}\n\t\t\t\t\t\t\t\t\t\t\ttheme={tag.theme}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\ttagText={tag.tagText}\n\t\t\t\t\t\t\t\t\tvariant={tag.variant}\n\t\t\t\t\t\t\t\t\ttype={tag.type}\n\t\t\t\t\t\t\t\t\ttheme={tag.theme}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t</div>\n\t\t\t\t\t{subheader && (\n\t\t\t\t\t\t<SingleChecklistSubheader isActive={isActive}>\n\t\t\t\t\t\t\t{subheader}\n\t\t\t\t\t\t</SingleChecklistSubheader>\n\t\t\t\t\t)}\n\t\t\t\t</SingleChecklistContent>\n\t\t\t</SingleChecklistMainRow>\n\t\t</div>\n\t);\n};\n\nexport default SimpleChecklistItem;\n"],"names":["SimpleChecklistItem","_ref","header","subheader","icon","activeIcon","completedIcon","isActive","isCompleted","tag","_jsx","_jsxs","SingleChecklistMainRow","SingleChecklistIconWrapper","CompletedChecklistIcon","ActiveChecklistIcon","InactiveChecklistIcon","SingleChecklistContent","children","Object","assign","style","display","alignItems","gap","SingleChecklistHeader","completed","tagText","tooltip","Tooltip","Tag","variant","type","theme","SingleChecklistSubheader"],"mappings":"4jBA0CMA,MAAAA,EAA0DC,IAS3D,IAT4DC,OAChEA,EAAMC,UACNA,EAASC,KACTA,EAAIC,WACJA,EAAUC,cACVA,EAAaC,SACbA,EAAQC,YACRA,EAAWC,IACXA,GACAR,EACA,OACCS,kBACCC,EAACC,aACAF,EAACG,YACCL,EACEF,QAAAA,EAAiBI,EAACI,EAAyB,CAAA,GAC3CP,EACAF,QAAAA,EAAcK,EAACK,EAAsB,CAAA,GACrCX,QAAAA,EAAQM,EAACM,EAAqB,CAAA,KAGlCL,EAACM,EAAsB,CAAAC,SAAA,CACtBP,EAAK,MAAAQ,OAAAC,OAAA,CAAAC,MAAO,CAAEC,QAAS,OAAQC,WAAY,SAAUC,IAAK,KACzD,CAAAN,SAAA,CAAAR,EAACe,EAAsBN,OAAAC,OAAA,CAAAM,UAAWlB,EAAaD,SAAUA,GAAQ,CAAAW,SAC/DhB,MAEDO,aAAG,EAAHA,EAAKkB,WACJlB,EAAImB,QACJlB,EAACmB,EAAYV,OAAAC,OAAA,CAAA,EAAAX,EAAImB,QAAO,CAAAV,SACvBR,EAAM,OAAAS,OAAAC,OAAA,CAAAC,MAAO,CAAEC,QAAS,gBAAe,CAAAJ,SACtCR,EAACoB,GACAH,QAASlB,EAAIkB,QACbI,QAAStB,EAAIsB,QACbC,KAAMvB,EAAIuB,KACVC,MAAOxB,EAAIwB,cAKdvB,EAACoB,EACA,CAAAH,QAASlB,EAAIkB,QACbI,QAAStB,EAAIsB,QACbC,KAAMvB,EAAIuB,KACVC,MAAOxB,EAAIwB,aAId9B,GACAO,EAACwB,iBAAyB3B,SAAUA,GAAQ,CAAAW,SAC1Cf,YAKA"}

package/dist/esm/components/QueryBuilder/Filters/CustomField/components/CustomField.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{BaseQueryBuilderNode as i}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import{PropertyNodeHeadless as n}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{CONTAINS_OPERATORS as a,getContainsFilterError as d}from"../../../helpers/SegmentValidator.js";import{useQueryBuilder as s}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as l}from"../../../hooks/useQueryBuilderCache.js";const p=({node:p,allowedNodes:u,apiHandler:c,mode:y,selectorKey:m})=>{var v;const{selectType:f,createProperty:h,updateProperty:g}=s(m),{cacheWrap:j}=l();return r(i,Object.assign({node:p,mode:y},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===y,selectedType:p.type,allowedList:u,onSelect:e=>f(e.value,p._id)}),r(n,{mode:y,property:null===(v=null==p?void 0:p.properties)||void 0===v?void 0:v[0],fetchPropertyData:()=>j((()=>c({})),"CUSTOM_FIELDS"),onPropertyNameSelect:function(r){var o;return e(this,void 0,void 0,(function*(){const e=null===(o=p.properties)||void 0===o?void 0:o[0],t=!!e&&e.name===r.id&&e.dataType===r.type;if(e?t||g(Object.assign(Object.assign({},e),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),p._id):h({name:r.id,dataType:r.type},p._id),r.needValuesRetrieval){const e=yield((e,r)=>j((()=>c({query:Object.assign({propertyName:e},r)})),`CUSTOM_FIELDS-${e}`))(r.id,r);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return e}return[]}))},onPropertyOperatorChange:function(e){g(Object.assign(Object.assign({},p.properties[0]),{operator:e,value:void 0,error:{}}),p._id)},onPropertyValueChange:function(e){var r;const o=p.properties[0],t="string"===o.dataType&&a.includes(null!==(r=o.operator)&&void 0!==r?r:"")?d(e):{};g(Object.assign(Object.assign({},o),{value:e,error:t}),p._id)},onPropertyValueSearch:function(r,o){return e(this,void 0,void 0,(function*(){const t=yield((r,o)=>e(void 0,void 0,void 0,(function*(){return yield c({query:{propertyName:r,searchKey:o}})})))(o.name,r);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}})]}))}))};export{p as default};
+import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as r,jsxs as o}from"react/jsx-runtime";import t from"../../../components/AllowedListDropdown.js";import{BaseQueryBuilderNode as i}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import{PropertyNodeHeadless as n}from"../../../components/QueryBuilderNode/Property/PropertyNode.js";import{CONTAINS_OPERATORS as a,getContainsFilterError as d}from"../../../helpers/SegmentValidator.js";import{useQueryBuilder as s}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as l}from"../../../hooks/useQueryBuilderCache.js";const p=p=>{let{node:u,allowedNodes:c,apiHandler:y,mode:m,selectorKey:v}=p;var f;const{selectType:h,createProperty:g,updateProperty:j}=s(v),{cacheWrap:w}=l();return r(i,Object.assign({node:u,mode:m},{children:o("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"}},{children:[r(t,{disabled:"view"===m,selectedType:u.type,allowedList:c,onSelect:e=>h(e.value,u._id)}),r(n,{mode:m,property:null===(f=null==u?void 0:u.properties)||void 0===f?void 0:f[0],fetchPropertyData:()=>w((()=>y({})),"CUSTOM_FIELDS"),onPropertyNameSelect:function(r){var o;return e(this,void 0,void 0,(function*(){const e=null===(o=u.properties)||void 0===o?void 0:o[0],t=!!e&&e.name===r.id&&e.dataType===r.type;if(e?t||j(Object.assign(Object.assign({},e),{name:r.id,dataType:r.type,operator:void 0,value:void 0,error:{}}),u._id):g({name:r.id,dataType:r.type},u._id),r.needValuesRetrieval){const e=yield((e,r)=>w((()=>y({query:Object.assign({propertyName:e},r)})),`CUSTOM_FIELDS-${e}`))(r.id,r);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return e}return[]}))},onPropertyOperatorChange:function(e){j(Object.assign(Object.assign({},u.properties[0]),{operator:e,value:void 0,error:{}}),u._id)},onPropertyValueChange:function(e){var r;const o=u.properties[0],t="string"===o.dataType&&a.includes(null!==(r=o.operator)&&void 0!==r?r:"")?d(e):{};j(Object.assign(Object.assign({},o),{value:e,error:t}),u._id)},onPropertyValueSearch:function(r,o){return e(this,void 0,void 0,(function*(){const t=yield((r,o)=>e(void 0,void 0,void 0,(function*(){return yield y({query:{propertyName:r,searchKey:o}})})))(o.name,r);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}})]}))}))};export{p as default};
 //# sourceMappingURL=CustomField.js.map

package/dist/esm/components/QueryBuilder/Filters/CustomField/components/CustomField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomField.js","sources":["../../../../../../../src/components/QueryBuilder/Filters/CustomField/components/CustomField.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport AllowedListDropdown from '@src/components/QueryBuilder/components/AllowedListDropdown';\nimport { BaseQueryBuilderNode } from '@src/components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode';\nimport { PropertyNodeHeadless } from '@src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode';\nimport {\n\tCONTAINS_OPERATORS,\n\tgetContainsFilterError,\n} from '@src/components/QueryBuilder/helpers/SegmentValidator';\nimport { useQueryBuilder } from '@src/components/QueryBuilder/hooks/useQueryBuilder';\nimport { useQueryBuilderCache } from '@src/components/QueryBuilder/hooks/useQueryBuilderCache';\nimport {\n\tQueryBuilderProperty,\n\tQueryBuilderType,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport { CONNECTOR_OPERATORS } from '@src/components/QueryBuilder/types/QueryBuilderOperator.type';\n\nconst HasCustomFieldFilter: React.FC<QueryBuilderNodeProps> = ({\n\tnode,\n\tallowedNodes,\n\tapiHandler,\n\tmode,\n\tselectorKey,\n}) => {\n\tconst { selectType, createProperty, updateProperty } =\n\t\tuseQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\n\t/** DATA LAYER */\n\tconst getCustomFields = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), 'CUSTOM_FIELDS');\n\n\tconst getCustomFieldValues = (propertyName: string, rest) =>\n\t\tcacheWrap(\n\t\t\t() =>\n\t\t\t\tapiHandler<{ propertyName: string }>({\n\t\t\t\t\tquery: { propertyName, ...rest },\n\t\t\t\t}),\n\t\t\t`CUSTOM_FIELDS-${propertyName}`,\n\t\t);\n\n\tconst searchCustomFieldsValue = async (\n\t\tpropertyName: string \| number,\n\t\tsearchKey: string,\n\t) =>\n\t\tawait apiHandler<{\n\t\t\tpropertyName: string \| number;\n\t\t\tsearchKey: string;\n\t\t}>({\n\t\t\tquery: { propertyName, searchKey },\n\t\t});\n\n\tasync function handlePropertyNameSelection(\n\t\tpropertyName: QueryBuilderAPIData,\n\t) {\n\t\tconst currentProperty = node.properties?.[0];\n\t\tconst isRetry =\n\t\t\t!!currentProperty &&\n\t\t\tcurrentProperty.name === propertyName.id &&\n\t\t\tcurrentProperty.dataType === propertyName.type;\n\n\t\tif (!currentProperty) {\n\t\t\tcreateProperty(\n\t\t\t\t{\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t} as QueryBuilderProperty,\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t} else if (!isRetry) {\n\t\t\tupdateProperty(\n\t\t\t\t{\n\t\t\t\t\t...currentProperty,\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t\toperator: undefined,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\tif (propertyName.needValuesRetrieval) {\n\t\t\tconst response = await getCustomFieldValues(\n\t\t\t\tpropertyName.id as string,\n\t\t\t\tpropertyName,\n\t\t\t);\n\t\t\tif (!response) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn response;\n\t\t}\n\n\t\treturn [];\n\t}\n\n\tfunction handleOperatorChange(operator: CONNECTOR_OPERATORS) {\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...node.properties![0],\n\t\t\t\toperator,\n\t\t\t\tvalue: undefined,\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleValueChange(value: CONNECTOR_VALUE_TYPE) {\n\t\tconst property = node.properties![0];\n\t\tconst isContainsFilter =\n\t\t\tproperty.dataType === 'string' &&\n\t\t\tCONTAINS_OPERATORS.includes(property.operator ?? '');\n\t\tconst error = isContainsFilter ? getContainsFilterError(value) : {};\n\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\tvalue: value,\n\t\t\t\terror,\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tasync function onPropertyValueSearch(\n\t\tsearchKey: string,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst response = await searchCustomFieldsValue(\n\t\t\tproperty.name as string,\n\t\t\tsearchKey,\n\t\t);\n\n\t\tif (response?.error \|\| !response?.data) {\n\t\t\tthrow new Error(\n\t\t\t\tresponse?.error \|\|\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn (response.data as QueryBuilderAPIData[]).map((option) => ({\n\t\t\tlabel: option.name,\n\t\t\tvalue: option.id,\n\t\t\tselected: false,\n\t\t}));\n\t}\n\n\treturn (\n\t\t<BaseQueryBuilderNode node={node} mode={mode}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tgap: 12,\n\t\t\t\t\talignItems: 'flex-start',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<AllowedListDropdown\n\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\tselectedType={node.type}\n\t\t\t\t\tallowedList={allowedNodes}\n\t\t\t\t\tonSelect={(option) =>\n\t\t\t\t\t\tselectType(\n\t\t\t\t\t\t\t(option as SingleOption).value as QueryBuilderType,\n\t\t\t\t\t\t\tnode._id,\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\n\t\t\t\t<PropertyNodeHeadless\n\t\t\t\t\tmode={mode}\n\t\t\t\t\tproperty={node?.properties?.[0]}\n\t\t\t\t\tfetchPropertyData={getCustomFields}\n\t\t\t\t\tonPropertyNameSelect={handlePropertyNameSelection}\n\t\t\t\t\tonPropertyOperatorChange={handleOperatorChange}\n\t\t\t\t\tonPropertyValueChange={handleValueChange}\n\t\t\t\t\tonPropertyValueSearch={\n\t\t\t\t\t\tonPropertyValueSearch as (\n\t\t\t\t\t\t\tsearchKey: string,\n\t\t\t\t\t\t\tproperty: QueryBuilderProperty,\n\t\t\t\t\t\t) => Promise<DropdownOption[]>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</BaseQueryBuilderNode>\n\t);\n};\n\nexport default HasCustomFieldFilter;\n"],"names":["HasCustomFieldFilter","node","allowedNodes","apiHandler","mode","selectorKey","selectType","createProperty","updateProperty","useQueryBuilder","cacheWrap","useQueryBuilderCache","_jsx","BaseQueryBuilderNode","Object","assign","children","_jsxs","style","flexDirection","display","gap","alignItems","AllowedListDropdown","disabled","selectedType","type","allowedList","onSelect","option","value","_id","PropertyNodeHeadless","property","_a","properties","fetchPropertyData","getCustomFields","onPropertyNameSelect","propertyName","currentProperty","isRetry","name","id","dataType","operator","undefined","error","needValuesRetrieval","response","getCustomFieldValues","rest","query","Error","onPropertyOperatorChange","onPropertyValueChange","CONTAINS_OPERATORS","includes","getContainsFilterError","onPropertyValueSearch","searchKey","searchCustomFieldsValue","__awaiter","data","map","label","selected"],"mappings":"gnBAoBMA,MAAAA,~~EAAwDA~~,~~EAC7DC~~,~~OACAC~~,~~eACAC~~,~~aACAC~~,~~OACAC~~,~~wBAEA~~,~~MAAMC~~,WAAEA,EAAUC,eAAEA,EAAcC,eAAEA,GACnCC,EAAgBJ,IACXK,UAAEA,GAAcC,IA6HtB,OACCC,EAACC,EAAoBC,OAAAC,OAAA,CAACd,KAAMA,EAAMG,KAAMA,GACvC,CAAAY,SAAAC,EAAA,MAAAH,OAAAC,OAAA,CACCG,MAAO,CACNC,cAAe,MACfC,QAAS,OACTC,IAAK,GACLC,WAAY,eACZ,CAAAN,SAAA,CAEDJ,EAACW,EAAmB,CACnBC,SAAmB,SAATpB,EACVqB,aAAcxB,EAAKyB,KACnBC,YAAazB,EACb0B,SAAWC,GACVvB,EACEuB,EAAwBC,MACzB7B,EAAK8B,OAKRnB,EAACoB,EAAoB,CACpB5B,KAAMA,EACN6B,SAA0B,QAAhBC,EAAAjC,aAAA,EAAAA,EAAMkC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GAC7BE,kBAnJoBC,IACvB3B,GAAU,IAAMP,EAAsB,CAAE,IAAG,iBAmJxCmC,qBA7HJ,SACCC,kDAEA,MAAMC,EAAiC,QAAfN,EAAAjC,EAAKkC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GACpCO,IACHD,GACFA,EAAgBE,OAASH,EAAaI,IACtCH,EAAgBI,WAAaL,EAAab,KAwB3C,GAtBKc,EAQOC,GACXjC,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAyB,GACH,CAAAE,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,KACvBmB,cAAUC,EACVhB,WAAOgB,EACPC,MAAO,CAAA,IAER9C,EAAK8B,KAjBNxB,EACC,CACCmC,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,MAExBzB,EAAK8B,KAgBHQ,EAAaS,oBAAqB,CACrC,MAAMC,OApDqBC,EAACX,EAAsBY,IACnDzC,GACC,IACCP,EAAqC,CACpCiD,MAAStC,OAAAC,OAAA,CAAAwB,gBAAiBY,MAE5B,iBAAiBZ,KA8CMW,CACtBX,EAAaI,GACbJ,GAED,IAAKU,EACJ,MAAM,IAAII,MACT,kEAGF,OAAOJ,CACP,CAED,MAAO,KACP,EAiFGK,yBA/EJ,SAA8BT,GAC7BrC,EAAcM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAETd,EAAKkC,WAAY,IACpB,CAAAU,WACAf,WAAOgB,EACPC,MAAO,CAAA,IAER9C,EAAK8B,IAEP,EAsEIwB,sBApEJ,SAA2BzB,SAC1B,MAAMG,EAAWhC,EAAKkC,WAAY,GAI5BY,EAFiB,WAAtBd,EAASW,UACTY,EAAmBC,SAA0B,QAAjBvB,EAAAD,EAASY,gBAAQ,IAAAX,EAAAA,EAAI,IACjBwB,EAAuB5B,GAAS,CAAA,EAEjEtB,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAkB,GACH,CAAAH,MAAOA,EACPiB,UAED9C,EAAK8B,IAEP,EAsDI4B,sBApDJ,SACCC,EACA3B,4CAEA,MAAMgB,OA3FyBY,EAC/BtB,EACAqB,IACGE,OAAA,OAAA,OAAA,GAAA,YACH,aAAM3D,EAGH,CACFiD,MAAO,CAAEb,eAAcqB,kBAmFDC,CACtB5B,EAASS,KACTkB,GAGD,IAAIX,aAAA,EAAAA,EAAUF,UAAUE,aAAQ,EAARA,EAAUc,MACjC,MAAM,IAAIV,OACTJ,aAAQ,EAARA,EAAUF,QACT,kEAIH,OAAQE,EAASc,KAA+BC,KAAKnC,IAAY,CAChEoC,MAAOpC,EAAOa,KACdZ,MAAOD,EAAOc,GACduB,UAAU,KAEZ,GAAC,UAuCuB"}
1	+ {"version":3,"file":"CustomField.js","sources":["../../../../../../../src/components/QueryBuilder/Filters/CustomField/components/CustomField.tsx"],"sourcesContent":["import React from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport AllowedListDropdown from '@src/components/QueryBuilder/components/AllowedListDropdown';\nimport { BaseQueryBuilderNode } from '@src/components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode';\nimport { PropertyNodeHeadless } from '@src/components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode';\nimport {\n\tCONTAINS_OPERATORS,\n\tgetContainsFilterError,\n} from '@src/components/QueryBuilder/helpers/SegmentValidator';\nimport { useQueryBuilder } from '@src/components/QueryBuilder/hooks/useQueryBuilder';\nimport { useQueryBuilderCache } from '@src/components/QueryBuilder/hooks/useQueryBuilderCache';\nimport {\n\tQueryBuilderProperty,\n\tQueryBuilderType,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport { CONNECTOR_OPERATORS } from '@src/components/QueryBuilder/types/QueryBuilderOperator.type';\n\nconst HasCustomFieldFilter: React.FC<QueryBuilderNodeProps> = ({\n\tnode,\n\tallowedNodes,\n\tapiHandler,\n\tmode,\n\tselectorKey,\n}) => {\n\tconst { selectType, createProperty, updateProperty } =\n\t\tuseQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\n\t/** DATA LAYER */\n\tconst getCustomFields = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), 'CUSTOM_FIELDS');\n\n\tconst getCustomFieldValues = (propertyName: string, rest) =>\n\t\tcacheWrap(\n\t\t\t() =>\n\t\t\t\tapiHandler<{ propertyName: string }>({\n\t\t\t\t\tquery: { propertyName, ...rest },\n\t\t\t\t}),\n\t\t\t`CUSTOM_FIELDS-${propertyName}`,\n\t\t);\n\n\tconst searchCustomFieldsValue = async (\n\t\tpropertyName: string \| number,\n\t\tsearchKey: string,\n\t) =>\n\t\tawait apiHandler<{\n\t\t\tpropertyName: string \| number;\n\t\t\tsearchKey: string;\n\t\t}>({\n\t\t\tquery: { propertyName, searchKey },\n\t\t});\n\n\tasync function handlePropertyNameSelection(\n\t\tpropertyName: QueryBuilderAPIData,\n\t) {\n\t\tconst currentProperty = node.properties?.[0];\n\t\tconst isRetry =\n\t\t\t!!currentProperty &&\n\t\t\tcurrentProperty.name === propertyName.id &&\n\t\t\tcurrentProperty.dataType === propertyName.type;\n\n\t\tif (!currentProperty) {\n\t\t\tcreateProperty(\n\t\t\t\t{\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t} as QueryBuilderProperty,\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t} else if (!isRetry) {\n\t\t\tupdateProperty(\n\t\t\t\t{\n\t\t\t\t\t...currentProperty,\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t\toperator: undefined,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\tif (propertyName.needValuesRetrieval) {\n\t\t\tconst response = await getCustomFieldValues(\n\t\t\t\tpropertyName.id as string,\n\t\t\t\tpropertyName,\n\t\t\t);\n\t\t\tif (!response) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn response;\n\t\t}\n\n\t\treturn [];\n\t}\n\n\tfunction handleOperatorChange(operator: CONNECTOR_OPERATORS) {\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...node.properties![0],\n\t\t\t\toperator,\n\t\t\t\tvalue: undefined,\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleValueChange(value: CONNECTOR_VALUE_TYPE) {\n\t\tconst property = node.properties![0];\n\t\tconst isContainsFilter =\n\t\t\tproperty.dataType === 'string' &&\n\t\t\tCONTAINS_OPERATORS.includes(property.operator ?? '');\n\t\tconst error = isContainsFilter ? getContainsFilterError(value) : {};\n\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\tvalue: value,\n\t\t\t\terror,\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tasync function onPropertyValueSearch(\n\t\tsearchKey: string,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst response = await searchCustomFieldsValue(\n\t\t\tproperty.name as string,\n\t\t\tsearchKey,\n\t\t);\n\n\t\tif (response?.error \|\| !response?.data) {\n\t\t\tthrow new Error(\n\t\t\t\tresponse?.error \|\|\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn (response.data as QueryBuilderAPIData[]).map((option) => ({\n\t\t\tlabel: option.name,\n\t\t\tvalue: option.id,\n\t\t\tselected: false,\n\t\t}));\n\t}\n\n\treturn (\n\t\t<BaseQueryBuilderNode node={node} mode={mode}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tgap: 12,\n\t\t\t\t\talignItems: 'flex-start',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<AllowedListDropdown\n\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\tselectedType={node.type}\n\t\t\t\t\tallowedList={allowedNodes}\n\t\t\t\t\tonSelect={(option) =>\n\t\t\t\t\t\tselectType(\n\t\t\t\t\t\t\t(option as SingleOption).value as QueryBuilderType,\n\t\t\t\t\t\t\tnode._id,\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\n\t\t\t\t<PropertyNodeHeadless\n\t\t\t\t\tmode={mode}\n\t\t\t\t\tproperty={node?.properties?.[0]}\n\t\t\t\t\tfetchPropertyData={getCustomFields}\n\t\t\t\t\tonPropertyNameSelect={handlePropertyNameSelection}\n\t\t\t\t\tonPropertyOperatorChange={handleOperatorChange}\n\t\t\t\t\tonPropertyValueChange={handleValueChange}\n\t\t\t\t\tonPropertyValueSearch={\n\t\t\t\t\t\tonPropertyValueSearch as (\n\t\t\t\t\t\t\tsearchKey: string,\n\t\t\t\t\t\t\tproperty: QueryBuilderProperty,\n\t\t\t\t\t\t) => Promise<DropdownOption[]>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</BaseQueryBuilderNode>\n\t);\n};\n\nexport default HasCustomFieldFilter;\n"],"names":["HasCustomFieldFilter","_ref","node","allowedNodes","apiHandler","mode","selectorKey","selectType","createProperty","updateProperty","useQueryBuilder","cacheWrap","useQueryBuilderCache","_jsx","BaseQueryBuilderNode","Object","assign","children","_jsxs","style","flexDirection","display","gap","alignItems","AllowedListDropdown","disabled","selectedType","type","allowedList","onSelect","option","value","_id","PropertyNodeHeadless","property","_a","properties","fetchPropertyData","getCustomFields","onPropertyNameSelect","propertyName","currentProperty","isRetry","name","id","dataType","operator","undefined","error","needValuesRetrieval","response","getCustomFieldValues","rest","query","Error","onPropertyOperatorChange","onPropertyValueChange","CONTAINS_OPERATORS","includes","getContainsFilterError","onPropertyValueSearch","searchKey","searchCustomFieldsValue","__awaiter","data","map","label","selected"],"mappings":"gnBAoBMA,MAAAA,EAAwDC,IAMzD,IAN0DC,KAC9DA,EAAIC,aACJA,EAAYC,WACZA,EAAUC,KACVA,EAAIC,YACJA,GACAL,QACA,MAAMM,WAAEA,EAAUC,eAAEA,EAAcC,eAAEA,GACnCC,EAAgBJ,IACXK,UAAEA,GAAcC,IA6HtB,OACCC,EAACC,EAAoBC,OAAAC,OAAA,CAACd,KAAMA,EAAMG,KAAMA,GACvC,CAAAY,SAAAC,EAAA,MAAAH,OAAAC,OAAA,CACCG,MAAO,CACNC,cAAe,MACfC,QAAS,OACTC,IAAK,GACLC,WAAY,eACZ,CAAAN,SAAA,CAEDJ,EAACW,EAAmB,CACnBC,SAAmB,SAATpB,EACVqB,aAAcxB,EAAKyB,KACnBC,YAAazB,EACb0B,SAAWC,GACVvB,EACEuB,EAAwBC,MACzB7B,EAAK8B,OAKRnB,EAACoB,EAAoB,CACpB5B,KAAMA,EACN6B,SAA0B,QAAhBC,EAAAjC,aAAA,EAAAA,EAAMkC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GAC7BE,kBAnJoBC,IACvB3B,GAAU,IAAMP,EAAsB,CAAE,IAAG,iBAmJxCmC,qBA7HJ,SACCC,kDAEA,MAAMC,EAAiC,QAAfN,EAAAjC,EAAKkC,kBAAU,IAAAD,OAAA,EAAAA,EAAG,GACpCO,IACHD,GACFA,EAAgBE,OAASH,EAAaI,IACtCH,EAAgBI,WAAaL,EAAab,KAwB3C,GAtBKc,EAQOC,GACXjC,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAyB,GACH,CAAAE,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,KACvBmB,cAAUC,EACVhB,WAAOgB,EACPC,MAAO,CAAA,IAER9C,EAAK8B,KAjBNxB,EACC,CACCmC,KAAMH,EAAaI,GACnBC,SAAUL,EAAab,MAExBzB,EAAK8B,KAgBHQ,EAAaS,oBAAqB,CACrC,MAAMC,OApDqBC,EAACX,EAAsBY,IACnDzC,GACC,IACCP,EAAqC,CACpCiD,MAAStC,OAAAC,OAAA,CAAAwB,gBAAiBY,MAE5B,iBAAiBZ,KA8CMW,CACtBX,EAAaI,GACbJ,GAED,IAAKU,EACJ,MAAM,IAAII,MACT,kEAGF,OAAOJ,CACP,CAED,MAAO,KACP,EAiFGK,yBA/EJ,SAA8BT,GAC7BrC,EAAcM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAETd,EAAKkC,WAAY,IACpB,CAAAU,WACAf,WAAOgB,EACPC,MAAO,CAAA,IAER9C,EAAK8B,IAEP,EAsEIwB,sBApEJ,SAA2BzB,SAC1B,MAAMG,EAAWhC,EAAKkC,WAAY,GAI5BY,EAFiB,WAAtBd,EAASW,UACTY,EAAmBC,SAA0B,QAAjBvB,EAAAD,EAASY,gBAAQ,IAAAX,EAAAA,EAAI,IACjBwB,EAAuB5B,GAAS,CAAA,EAEjEtB,EAEKM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAkB,GACH,CAAAH,MAAOA,EACPiB,UAED9C,EAAK8B,IAEP,EAsDI4B,sBApDJ,SACCC,EACA3B,4CAEA,MAAMgB,OA3FyBY,EAC/BtB,EACAqB,IACGE,OAAA,OAAA,OAAA,GAAA,YACH,aAAM3D,EAGH,CACFiD,MAAO,CAAEb,eAAcqB,kBAmFDC,CACtB5B,EAASS,KACTkB,GAGD,IAAIX,aAAA,EAAAA,EAAUF,UAAUE,aAAQ,EAARA,EAAUc,MACjC,MAAM,IAAIV,OACTJ,aAAQ,EAARA,EAAUF,QACT,kEAIH,OAAQE,EAASc,KAA+BC,KAAKnC,IAAY,CAChEoC,MAAOpC,EAAOa,KACdZ,MAAOD,EAAOc,GACduB,UAAU,KAEZ,GAAC,UAuCuB"}

package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import{iterateOnOptions as i}from"../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js";import l from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as u}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as v}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as p}from"../../../types/QueryBuilderEnum.type.js";import{FREQUENCY_OPERATORS as s,DATE_OPERATORS as c}from"../../../types/QueryBuilderOperator.type.js";import y from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as m}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import{CONTAINS_OPERATORS as f,getContainsFilterError as h}from"../../../helpers/SegmentValidator.js";const g=new d,w=({node:d,allowedNodes:w,apiHandler:T,mode:_,selectorKey:j})=>{var O,k,b,N,P,S,E,q,V,x,C,B,A,D,Q,M,L,R;const[$,F]=t([]),[J,K]=t(!1),{deleteProperty:W,createProperty:G,selectType:H,createMeta:z,updateMeta:I,updateProperty:U,selectPropertyJoinOperator:X,clearProperty:Y}=u(j),{cacheWrap:Z}=v(),[ee,oe]=t(!0),[re,te]=t(),ae=null===(O=null==d?void 0:d.metas)||void 0===O?void 0:O.find((e=>"date"===e.key)),ie=null===(k=null==d?void 0:d.metas)||void 0===k?void 0:k.find((e=>"frequency"===e.key)),le=null===(b=null==d?void 0:d.metas)||void 0===b?void 0:b.find((e=>"eventName"===e.key)),[ne,de]=t(!1),[ue,ve]=t(!1),[pe,se]=t(!1);const ce=()=>e(void 0,void 0,void 0,(function*(){oe(!0),te(void 0);const e=yield Z((()=>T({})),"EVENT_NAMES");if(oe(!1),!e)return F([]),void te("Something went wrong while fetching the list. Please try again");const o=g.convertToGroupOptions(e,(null==le?void 0:le.value)?[le.value]:void 0);if("create"!==_&&le)return F([...o]),void K(!0);F([...o]),K(!0)}));return a((()=>{ce()}),[]),o(m,Object.assign({selectPropertyJoinOperator:X,node:d,addPropertyBtnText:(null==le?void 0:le.value)&&"Add event property",deleteProperty:W,createProperty:G,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){var e;return yield(e=null==le?void 0:le.value,Z((()=>T({query:{eventName:e}})),`EVENT_NAMES_${e}`))}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if(r.name===o.id&&r.dataType===o.type||U(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),d._id),!o.needValuesRetrieval)return[];const e=yield((e,o)=>Z((()=>T({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`))(null==le?void 0:le.value,o.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return e}))},onPropertyOperatorChange:function(e,o){U(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),d._id)},onPropertyValueChange:function(e,o){var r;const t="string"===o.dataType&&f.includes(null!==(r=o.operator)&&void 0!==r?r:"")?h(e):{};U(Object.assign(Object.assign({},o),{value:e,error:t}),d._id)},mode:_,onPropertyValueSearch:function(o,r){return e(this,void 0,void 0,(function*(){const t=yield((o,r,t)=>e(void 0,void 0,void 0,(function*(){return yield T({query:{eventName:o,propertyName:r,searchKey:t}})})))(null==le?void 0:le.value,r.name,o);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}},{children:r("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(l,{disabled:"view"===_,selectedType:d.type,allowedList:w,onSelect:function(e){de(!0),F((e=>[...i(e,{selected:!1})])),setTimeout((()=>{H(e.value,d._id),de(!1)}),1)}}),!ne&&o(y,{isSearchable:!0,isLoading:ee,optionsErrorState:re?{title:"Failed to load options",subTitle:re}:void 0,onRetryOptionsFetch:ce,disabled:"view"===_,width:"200px",dropdownLabel:"Select event name",options:$,selectedValues:(null==le?void 0:le.value)?[le.value]:void 0,onSelect:function(e){Array.isArray(e)||(Y(d._id),le?I({key:"eventName",value:e.value,error:{}},d._id):z({key:"eventName",value:e.value},d._id),ie?(ve(!0),setTimeout((()=>{I({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1},error:{}},d._id),ve(!1)}),1)):z({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1}},d._id),ae?(se(!0),setTimeout((()=>{I({key:"date",value:{dataType:p.date,operator:c["last 30 days"]},error:{}},d._id),se(!1)}),1)):z({key:"date",value:{dataType:p.date,operator:c["last 30 days"]}},d._id))},error:null!==(V=null!==(E=null===(S=null===(P=null===(N=d.metas)||void 0===N?void 0:N[0])||void 0===P?void 0:P.error)||void 0===S?void 0:S.key)&&void 0!==E?E:null===(q=null==le?void 0:le.error)||void 0===q?void 0:q.key)&&void 0!==V?V:null===(x=null==le?void 0:le.error)||void 0===x?void 0:x.value})]})),(null==ie?void 0:ie.key)&&!ue&&o(n,{disabled:"view"===_,extra:{},errors:{val:null===(B=null===(C=ie.error)||void 0===C?void 0:C.value)||void 0===B?void 0:B.value,operator:null===(D=null===(A=ie.error)||void 0===A?void 0:A.value)||void 0===D?void 0:D.operator},connectorVal:ie.value.value,connectorType:ie.value.dataType,defaultConnector:ie.value.operator,onOperatorChange:function(e){I({key:"frequency",value:{dataType:p.frequency,operator:e,value:1},error:{}},d._id)},onValueChange:function(e){var o;J&&I({key:"frequency",value:{dataType:p.frequency,operator:null===(o=null==ie?void 0:ie.value)||void 0===o?void 0:o.operator,value:e},error:{}},d._id)}}),(null==ae?void 0:ae.key)&&!pe&&o(n,{disabled:"view"===_,extra:{},errors:{val:null===(M=null===(Q=ae.error)||void 0===Q?void 0:Q.value)||void 0===M?void 0:M.value,operator:null===(R=null===(L=ae.error)||void 0===L?void 0:L.value)||void 0===R?void 0:R.operator},connectorVal:ae.value.value,connectorType:ae.value.dataType,defaultConnector:ae.value.operator,onOperatorChange:function(e){I({key:"date",value:{dataType:p.date,operator:e,value:void 0},error:{}},d._id)},onValueChange:function(e){var o;J&&I({key:"date",value:{dataType:p.date,operator:null===(o=null==ae?void 0:ae.value)||void 0===o?void 0:o.operator,value:e},error:{}},d._id)}})]}))}))};export{w as default};
+import{__awaiter as e}from"../../../../../_virtual/_tslib.js";import{jsx as o,jsxs as r}from"react/jsx-runtime";import{useState as t,useEffect as a}from"react";import{iterateOnOptions as i}from"../../../../dropdown/OpenedDropdown/utils/iterationOnOptions.js";import l from"../../../components/AllowedListDropdown.js";import n from"../../../components/Connectors/Connector.js";import{ApiResponseHelper as d}from"../../../helpers/ApiResponse.helper.js";import{useQueryBuilder as u}from"../../../hooks/useQueryBuilder.js";import{useQueryBuilderCache as v}from"../../../hooks/useQueryBuilderCache.js";import{QueryBuilderConnectorType as p}from"../../../types/QueryBuilderEnum.type.js";import{FREQUENCY_OPERATORS as s,DATE_OPERATORS as c}from"../../../types/QueryBuilderOperator.type.js";import y from"../../../components/DropdownWrapper.js";import{BaseQueryBuilderNode as m}from"../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";import{CONTAINS_OPERATORS as f,getContainsFilterError as h}from"../../../helpers/SegmentValidator.js";const g=new d,w=d=>{let{node:w,allowedNodes:T,apiHandler:_,mode:j,selectorKey:O}=d;var k,b,N,P,S,E,q,V,x,C,B,A,D,Q,M,L,R,$;const[F,J]=t([]),[K,W]=t(!1),{deleteProperty:G,createProperty:H,selectType:z,createMeta:I,updateMeta:U,updateProperty:X,selectPropertyJoinOperator:Y,clearProperty:Z}=u(O),{cacheWrap:ee}=v(),[oe,re]=t(!0),[te,ae]=t(),ie=null===(k=null==w?void 0:w.metas)||void 0===k?void 0:k.find((e=>"date"===e.key)),le=null===(b=null==w?void 0:w.metas)||void 0===b?void 0:b.find((e=>"frequency"===e.key)),ne=null===(N=null==w?void 0:w.metas)||void 0===N?void 0:N.find((e=>"eventName"===e.key)),[de,ue]=t(!1),[ve,pe]=t(!1),[se,ce]=t(!1);const ye=()=>e(void 0,void 0,void 0,(function*(){re(!0),ae(void 0);const e=yield ee((()=>_({})),"EVENT_NAMES");if(re(!1),!e)return J([]),void ae("Something went wrong while fetching the list. Please try again");const o=g.convertToGroupOptions(e,(null==ne?void 0:ne.value)?[ne.value]:void 0);if("create"!==j&&ne)return J([...o]),void W(!0);J([...o]),W(!0)}));return a((()=>{ye()}),[]),o(m,Object.assign({selectPropertyJoinOperator:Y,node:w,addPropertyBtnText:(null==ne?void 0:ne.value)&&"Add event property",deleteProperty:G,createProperty:H,propertySelectorText:"Select property",fetchPropertyData:function(){return e(this,void 0,void 0,(function*(){var e;return yield(e=null==ne?void 0:ne.value,ee((()=>_({query:{eventName:e}})),`EVENT_NAMES_${e}`))}))},onPropertyNameSelect:function(o,r){return e(this,void 0,void 0,(function*(){if(r.name===o.id&&r.dataType===o.type||X(Object.assign(Object.assign({},r),{name:o.id,dataType:o.type,operator:void 0,value:void 0,error:{}}),w._id),!o.needValuesRetrieval)return[];const e=yield((e,o)=>ee((()=>_({query:{eventName:e,propertyName:o}})),`EVENT_NAMES_${e}_${o}`))(null==ne?void 0:ne.value,o.id);if(!e)throw new Error("Something went wrong while fetching the list. Please try again");return e}))},onPropertyOperatorChange:function(e,o){X(Object.assign(Object.assign({},o),{operator:e,value:void 0,error:{}}),w._id)},onPropertyValueChange:function(e,o){var r;const t="string"===o.dataType&&f.includes(null!==(r=o.operator)&&void 0!==r?r:"")?h(e):{};X(Object.assign(Object.assign({},o),{value:e,error:t}),w._id)},mode:j,onPropertyValueSearch:function(o,r){return e(this,void 0,void 0,(function*(){const t=yield((o,r,t)=>e(void 0,void 0,void 0,(function*(){return yield _({query:{eventName:o,propertyName:r,searchKey:t}})})))(null==ne?void 0:ne.value,r.name,o);if((null==t?void 0:t.error)||!(null==t?void 0:t.data))throw new Error((null==t?void 0:t.error)||"Something went wrong while fetching the list. Please try again");return t.data.map((e=>({label:e.name,value:e.id,selected:!1})))}))}},{children:r("div",Object.assign({style:{flexDirection:"column",display:"flex",gap:12}},{children:[r("div",Object.assign({style:{flexDirection:"row",display:"flex",gap:12}},{children:[o(l,{disabled:"view"===j,selectedType:w.type,allowedList:T,onSelect:function(e){ue(!0),J((e=>[...i(e,{selected:!1})])),setTimeout((()=>{z(e.value,w._id),ue(!1)}),1)}}),!de&&o(y,{isSearchable:!0,isLoading:oe,optionsErrorState:te?{title:"Failed to load options",subTitle:te}:void 0,onRetryOptionsFetch:ye,disabled:"view"===j,width:"200px",dropdownLabel:"Select event name",options:F,selectedValues:(null==ne?void 0:ne.value)?[ne.value]:void 0,onSelect:function(e){Array.isArray(e)||(Z(w._id),ne?U({key:"eventName",value:e.value,error:{}},w._id):I({key:"eventName",value:e.value},w._id),le?(pe(!0),setTimeout((()=>{U({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1},error:{}},w._id),pe(!1)}),1)):I({key:"frequency",value:{dataType:p.frequency,operator:s.atleast,value:1}},w._id),ie?(ce(!0),setTimeout((()=>{U({key:"date",value:{dataType:p.date,operator:c["last 30 days"]},error:{}},w._id),ce(!1)}),1)):I({key:"date",value:{dataType:p.date,operator:c["last 30 days"]}},w._id))},error:null!==(x=null!==(q=null===(E=null===(S=null===(P=w.metas)||void 0===P?void 0:P[0])||void 0===S?void 0:S.error)||void 0===E?void 0:E.key)&&void 0!==q?q:null===(V=null==ne?void 0:ne.error)||void 0===V?void 0:V.key)&&void 0!==x?x:null===(C=null==ne?void 0:ne.error)||void 0===C?void 0:C.value})]})),(null==le?void 0:le.key)&&!ve&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(A=null===(B=le.error)||void 0===B?void 0:B.value)||void 0===A?void 0:A.value,operator:null===(Q=null===(D=le.error)||void 0===D?void 0:D.value)||void 0===Q?void 0:Q.operator},connectorVal:le.value.value,connectorType:le.value.dataType,defaultConnector:le.value.operator,onOperatorChange:function(e){U({key:"frequency",value:{dataType:p.frequency,operator:e,value:1},error:{}},w._id)},onValueChange:function(e){var o;K&&U({key:"frequency",value:{dataType:p.frequency,operator:null===(o=null==le?void 0:le.value)||void 0===o?void 0:o.operator,value:e},error:{}},w._id)}}),(null==ie?void 0:ie.key)&&!se&&o(n,{disabled:"view"===j,extra:{},errors:{val:null===(L=null===(M=ie.error)||void 0===M?void 0:M.value)||void 0===L?void 0:L.value,operator:null===($=null===(R=ie.error)||void 0===R?void 0:R.value)||void 0===$?void 0:$.operator},connectorVal:ie.value.value,connectorType:ie.value.dataType,defaultConnector:ie.value.operator,onOperatorChange:function(e){U({key:"date",value:{dataType:p.date,operator:e,value:void 0},error:{}},w._id)},onValueChange:function(e){var o;K&&U({key:"date",value:{dataType:p.date,operator:null===(o=null==ie?void 0:ie.value)||void 0===o?void 0:o.operator,value:e},error:{}},w._id)}})]}))}))};export{w as default};
 //# sourceMappingURL=EventFilter.js.map

package/dist/esm/components/QueryBuilder/Filters/Event/components/EventFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EventFilter.js","sources":["../../../../../../../src/components/QueryBuilder/Filters/Event/components/EventFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { iterateOnOptions } from '@src/components/dropdown/OpenedDropdown/utils/iterationOnOptions';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport AllowedListDropdown from '@src/components/QueryBuilder/components/AllowedListDropdown';\nimport Connector from '@src/components/QueryBuilder/components/Connectors/Connector';\nimport { ApiResponseHelper } from '@src/components/QueryBuilder/helpers/ApiResponse.helper';\nimport { useQueryBuilder } from '@src/components/QueryBuilder/hooks/useQueryBuilder';\nimport { useQueryBuilderCache } from '@src/components/QueryBuilder/hooks/useQueryBuilderCache';\nimport {\n\tConnectorError,\n\tQueryBuilderConnector,\n\tQueryBuilderProperty,\n\tQueryBuilderType,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '@src/components/QueryBuilder/types/QueryBuilderEnum.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport {\n\tCONNECTOR_OPERATORS,\n\tDATE_OPERATORS,\n\tFREQUENCY_OPERATORS,\n} from '@src/components/QueryBuilder/types/QueryBuilderOperator.type';\nimport DropdownWrapper from '../../../components/DropdownWrapper';\nimport { BaseQueryBuilderNode } from '../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode';\nimport {\n\tCONTAINS_OPERATORS,\n\tgetContainsFilterError,\n} from '../../../helpers/SegmentValidator';\n\nconst apiResponseHelper = new ApiResponseHelper();\n\nconst EventFilter: React.FC<QueryBuilderNodeProps> = ({\n\tnode,\n\tallowedNodes,\n\tapiHandler,\n\tmode,\n\tselectorKey,\n}) => {\n\tconst [eventNames, setEventName] = useState<DropdownOption[]>([]);\n\tconst [mounted, setMountFlag] = useState(false);\n\n\tconst {\n\t\tdeleteProperty,\n\t\tcreateProperty,\n\t\tselectType,\n\t\tcreateMeta,\n\t\tupdateMeta,\n\t\tupdateProperty,\n\t\tselectPropertyJoinOperator,\n\t\tclearProperty,\n\t} = useQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\n\tconst [eventNameFetching, setEventNameFetchingStatus] = useState(true);\n\tconst [eventNameFetchError, setEventNameFetchError] = useState<string>();\n\n\tconst dateMeta = node?.metas?.find((meta) => meta.key === 'date');\n\tconst frequencyMeta = node?.metas?.find((meta) => meta.key === 'frequency');\n\tconst nameMeta = node?.metas?.find((meta) => meta.key === 'eventName');\n\n\tconst [refreshEventName, setRefreshEventName] = useState(false);\n\tconst [refreshFreq, setRefreshFreq] = useState(false);\n\tconst [refreshDate, setRefreshDate] = useState(false);\n\n\tconst getEventNames = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), 'EVENT_NAMES');\n\n\tconst getEventPropertyKeys = (eventName: string) =>\n\t\tcacheWrap(\n\t\t\t() => apiHandler<{ eventName: string }>({ query: { eventName } }),\n\t\t\t`EVENT_NAMES_${eventName}`,\n\t\t);\n\n\tconst getEventPropertiesValue = (\n\t\teventName: string,\n\t\tpropertyName: string \| number,\n\t) =>\n\t\tcacheWrap(\n\t\t\t() =>\n\t\t\t\tapiHandler<{ eventName: string; propertyName: string \| number }>({\n\t\t\t\t\tquery: { eventName, propertyName },\n\t\t\t\t}),\n\t\t\t`EVENT_NAMES_${eventName}_${propertyName}`,\n\t\t);\n\n\tconst searchEventPropertiesValue = async (\n\t\teventName: string,\n\t\tpropertyName: string \| number,\n\t\tsearchKey: string,\n\t) =>\n\t\tawait apiHandler<{\n\t\t\teventName: string;\n\t\t\tpropertyName: string \| number;\n\t\t\tsearchKey: string;\n\t\t}>({\n\t\t\tquery: { eventName, propertyName, searchKey },\n\t\t});\n\n\tfunction handleEventNameSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tif (!Array.isArray(option)) {\n\t\t\tclearProperty(node._id);\n\n\t\t\tif (nameMeta) {\n\t\t\t\tupdateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'eventName',\n\t\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\t\terror: {},\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'eventName',\n\t\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (frequencyMeta) {\n\t\t\t\tsetRefreshFreq(true);\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tupdateMeta(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'frequency',\n\t\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\t\t\t\toperator: FREQUENCY_OPERATORS.atleast,\n\t\t\t\t\t\t\t\tvalue: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\terror: {},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tnode._id,\n\t\t\t\t\t);\n\t\t\t\t\tsetRefreshFreq(false);\n\t\t\t\t}, 1);\n\t\t\t} else {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'frequency',\n\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\t\t\toperator: FREQUENCY_OPERATORS.atleast,\n\t\t\t\t\t\t\tvalue: 1,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (dateMeta) {\n\t\t\t\tsetRefreshDate(true);\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tupdateMeta(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'date',\n\t\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\t\t\t\toperator: DATE_OPERATORS['last 30 days'],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\terror: {},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tnode._id,\n\t\t\t\t\t);\n\t\t\t\t\tsetRefreshDate(false);\n\t\t\t\t}, 1);\n\t\t\t} else {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'date',\n\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\t\t\toperator: DATE_OPERATORS['last 30 days'],\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\t\t} else {\n\t\t\t/** this will never be true, as option will never be an array /\n\t\t}\n\t}\n\n\tfunction handleFrequencyOperatorChange(operator: CONNECTOR_OPERATORS) {\n\t\tupdateMeta(\n\t\t\t{\n\t\t\t\tkey: 'frequency',\n\t\t\t\tvalue: {\n\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\toperator: operator as FREQUENCY_OPERATORS,\n\t\t\t\t\tvalue: 1,\n\t\t\t\t},\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleFrequencyValueChange(value: CONNECTOR_VALUE_TYPE) {\n\t\tif (mounted)\n\t\t\tupdateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'frequency',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\t\toperator: (\n\t\t\t\t\t\t\tfrequencyMeta?.value /* frequency meta has a connector as value / as QueryBuilderConnector\n\t\t\t\t\t\t)?.operator,\n\t\t\t\t\t\tvalue: value as number,\n\t\t\t\t\t},\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t}\n\n\tfunction handleDateOperatorChange(operator: CONNECTOR_OPERATORS) {\n\t\tupdateMeta(\n\t\t\t{\n\t\t\t\tkey: 'date',\n\t\t\t\tvalue: {\n\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\toperator: operator as DATE_OPERATORS,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t},\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleDateValueChange(value: CONNECTOR_VALUE_TYPE) {\n\t\tif (mounted)\n\t\t\tupdateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'date',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\t\toperator: (\n\t\t\t\t\t\t\tdateMeta?.value as /* date meta has a connector as value / QueryBuilderConnector\n\t\t\t\t\t\t)?.operator,\n\t\t\t\t\t\tvalue: value as Date \| Date[],\n\t\t\t\t\t},\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t}\n\n\tconst loadEventNames = async () => {\n\t\tsetEventNameFetchingStatus(true);\n\t\tsetEventNameFetchError(undefined);\n\n\t\tconst response = await getEventNames();\n\t\tsetEventNameFetchingStatus(false);\n\n\t\tif (!response) {\n\t\t\tsetEventName([]);\n\t\t\tsetEventNameFetchError(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tconst eventNameOptions = apiResponseHelper.convertToGroupOptions(\n\t\t\tresponse,\n\t\t\tnameMeta?.value ? [nameMeta.value as string] : undefined,\n\t\t);\n\n\t\tif (mode !== 'create') {\n\t\t\tif (nameMeta) {\n\t\t\t\tsetEventName([...eventNameOptions]);\n\t\t\t\tsetMountFlag(true);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tsetEventName([...eventNameOptions]);\n\t\tsetMountFlag(true);\n\t};\n\n\tuseEffect(() => {\n\t\tloadEventNames();\n\t}, []);\n\n\tasync function fetchPropertyData() {\n\t\tconst response = await getEventPropertyKeys(\n\t\t\tnameMeta?.value /* value for name meta is always / as string,\n\t\t);\n\n\t\treturn response;\n\t}\n\n\tasync function onPropertyNameSelect(\n\t\tpropertyName: QueryBuilderAPIData,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst isRetry =\n\t\t\tproperty.name === propertyName.id &&\n\t\t\tproperty.dataType === propertyName.type;\n\n\t\tif (!isRetry) {\n\t\t\tupdateProperty(\n\t\t\t\t{\n\t\t\t\t\t...property,\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t\toperator: undefined,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\tif (!propertyName.needValuesRetrieval) return [];\n\n\t\tconst response = await getEventPropertiesValue(\n\t\t\tnameMeta?.value /* value for name meta is always */ as string,\n\t\t\tpropertyName.id,\n\t\t);\n\n\t\tif (!response) {\n\t\t\tthrow new Error(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn response;\n\t}\n\n\tfunction onPropertyOperatorChange(\n\t\toption: CONNECTOR_OPERATORS,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\toperator: option,\n\t\t\t\tvalue: undefined,\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction onPropertyValueChange(\n\t\tvalue: CONNECTOR_VALUE_TYPE,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst isContainsFilter =\n\t\t\tproperty.dataType === 'string' &&\n\t\t\tCONTAINS_OPERATORS.includes(property.operator ?? '');\n\t\tconst error = isContainsFilter ? getContainsFilterError(value) : {};\n\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\tvalue,\n\t\t\t\terror,\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleFilterSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tsetRefreshEventName(true);\n\n\t\tsetEventName((prev) => {\n\t\t\tconst updatedOptions = iterateOnOptions(prev, {\n\t\t\t\tselected: false,\n\t\t\t});\n\n\t\t\treturn [...updatedOptions];\n\t\t});\n\t\tsetTimeout(() => {\n\t\t\tselectType((option as SingleOption).value as QueryBuilderType, node._id);\n\t\t\tsetRefreshEventName(false);\n\t\t}, 1);\n\t}\n\n\tasync function onPropertyValueSearch(\n\t\tsearchKey: string,\n\t\tproperty: QueryBuilderProperty,\n\t): Promise<DropdownOption[]> {\n\t\tconst response = await searchEventPropertiesValue(\n\t\t\tnameMeta?.value as string,\n\t\t\tproperty.name as string,\n\t\t\tsearchKey,\n\t\t);\n\n\t\tif (response?.error \|\| !response?.data) {\n\t\t\tthrow new Error(\n\t\t\t\tresponse?.error \|\|\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn (response.data as QueryBuilderAPIData[]).map((option) => ({\n\t\t\tlabel: option.name,\n\t\t\tvalue: option.id,\n\t\t\tselected: false,\n\t\t})) as DropdownOption[];\n\t}\n\n\treturn (\n\t\t<BaseQueryBuilderNode\n\t\t\tselectPropertyJoinOperator={selectPropertyJoinOperator}\n\t\t\tnode={node}\n\t\t\taddPropertyBtnText={nameMeta?.value && 'Add event property'}\n\t\t\tdeleteProperty={deleteProperty}\n\t\t\tcreateProperty={createProperty}\n\t\t\tpropertySelectorText=\"Select property\"\n\t\t\tfetchPropertyData={fetchPropertyData}\n\t\t\tonPropertyNameSelect={onPropertyNameSelect}\n\t\t\tonPropertyOperatorChange={onPropertyOperatorChange}\n\t\t\tonPropertyValueChange={onPropertyValueChange}\n\t\t\tmode={mode}\n\t\t\tonPropertyValueSearch={onPropertyValueSearch}\n\t\t>\n\t\t\t<div style={{ flexDirection: 'column', display: 'flex', gap: 12 }}>\n\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex', gap: 12 }}>\n\t\t\t\t\t<AllowedListDropdown\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\tselectedType={node.type}\n\t\t\t\t\t\tallowedList={allowedNodes}\n\t\t\t\t\t\tonSelect={handleFilterSelection}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{!refreshEventName && (\n\t\t\t\t\t\t<DropdownWrapper\n\t\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\t\tisLoading={eventNameFetching}\n\t\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\t\teventNameFetchError\n\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\t\tsubTitle: eventNameFetchError,\n\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonRetryOptionsFetch={loadEventNames}\n\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\twidth={'200px'}\n\t\t\t\t\t\t\tdropdownLabel={'Select event name'}\n\t\t\t\t\t\t\toptions={eventNames}\n\t\t\t\t\t\t\tselectedValues={\n\t\t\t\t\t\t\t\tnameMeta?.value ? [nameMeta.value as string] : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonSelect={handleEventNameSelection}\n\t\t\t\t\t\t\terror={\n\t\t\t\t\t\t\t\t(node.metas?.[0]?.error?.key ??\n\t\t\t\t\t\t\t\t\tnameMeta?.error?.key ??\n\t\t\t\t\t\t\t\t\tnameMeta?.error?.value) as string\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</div>\n\n\t\t\t\t{frequencyMeta?.key && !refreshFreq && (\n\t\t\t\t\t<Connector\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\textra={{}}\n\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\tval: (frequencyMeta.error?.value as ConnectorError)?.value,\n\t\t\t\t\t\t\toperator: (frequencyMeta.error?.value as ConnectorError)\n\t\t\t\t\t\t\t\t?.operator,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tconnectorVal={\n\t\t\t\t\t\t\t(frequencyMeta.value as QueryBuilderConnector).value as number\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconnectorType={\n\t\t\t\t\t\t\t(frequencyMeta.value as QueryBuilderConnector).dataType\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdefaultConnector={\n\t\t\t\t\t\t\t(frequencyMeta.value as QueryBuilderConnector).operator\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonOperatorChange={handleFrequencyOperatorChange}\n\t\t\t\t\t\tonValueChange={handleFrequencyValueChange}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{dateMeta?.key && !refreshDate && (\n\t\t\t\t\t<Connector\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\textra={{}}\n\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\tval: (dateMeta.error?.value as ConnectorError)?.value,\n\t\t\t\t\t\t\toperator: (dateMeta.error?.value as ConnectorError)?.operator,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tconnectorVal={\n\t\t\t\t\t\t\t(dateMeta.value as QueryBuilderConnector).value as Date \| Date[]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconnectorType={(dateMeta.value as QueryBuilderConnector).dataType}\n\t\t\t\t\t\tdefaultConnector={\n\t\t\t\t\t\t\t(dateMeta.value as QueryBuilderConnector).operator\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonOperatorChange={handleDateOperatorChange}\n\t\t\t\t\t\tonValueChange={handleDateValueChange}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</BaseQueryBuilderNode>\n\t);\n};\n\nexport default EventFilter;\n"],"names":["apiResponseHelper","ApiResponseHelper","EventFilter","node","allowedNodes","apiHandler","mode","selectorKey","eventNames","setEventName","useState","mounted","setMountFlag","deleteProperty","createProperty","selectType","createMeta","updateMeta","updateProperty","selectPropertyJoinOperator","clearProperty","useQueryBuilder","cacheWrap","useQueryBuilderCache","eventNameFetching","setEventNameFetchingStatus","eventNameFetchError","setEventNameFetchError","dateMeta","_a","metas","find","meta","key","frequencyMeta","_b","nameMeta","_c","refreshEventName","setRefreshEventName","refreshFreq","setRefreshFreq","refreshDate","setRefreshDate","loadEventNames","__awaiter","undefined","response","eventNameOptions","convertToGroupOptions","value","useEffect","_jsx","BaseQueryBuilderNode","Object","assign","addPropertyBtnText","propertySelectorText","fetchPropertyData","eventName","query","onPropertyNameSelect","propertyName","property","name","id","dataType","type","operator","error","_id","needValuesRetrieval","getEventPropertiesValue","Error","onPropertyOperatorChange","option","onPropertyValueChange","CONTAINS_OPERATORS","includes","getContainsFilterError","onPropertyValueSearch","searchKey","searchEventPropertiesValue","data","map","label","selected","children","_jsxs","style","flexDirection","display","gap","AllowedListDropdown","disabled","selectedType","allowedList","onSelect","prev","iterateOnOptions","setTimeout","DropdownWrapper","isSearchable","isLoading","optionsErrorState","title","subTitle","onRetryOptionsFetch","width","dropdownLabel","options","selectedValues","Array","isArray","QueryBuilderConnectorType","frequency","FREQUENCY_OPERATORS","atleast","date","DATE_OPERATORS","_j","_g","_f","_e","_d","_h","_k","Connector","extra","errors","val","_l","_m","_o","_p","connectorVal","connectorType","defaultConnector","onOperatorChange","onValueChange","_q","_r","_s","_t"],"mappings":"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"}
1	+ {"version":3,"file":"EventFilter.js","sources":["../../../../../../../src/components/QueryBuilder/Filters/Event/components/EventFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { iterateOnOptions } from '@src/components/dropdown/OpenedDropdown/utils/iterationOnOptions';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport AllowedListDropdown from '@src/components/QueryBuilder/components/AllowedListDropdown';\nimport Connector from '@src/components/QueryBuilder/components/Connectors/Connector';\nimport { ApiResponseHelper } from '@src/components/QueryBuilder/helpers/ApiResponse.helper';\nimport { useQueryBuilder } from '@src/components/QueryBuilder/hooks/useQueryBuilder';\nimport { useQueryBuilderCache } from '@src/components/QueryBuilder/hooks/useQueryBuilderCache';\nimport {\n\tConnectorError,\n\tQueryBuilderConnector,\n\tQueryBuilderProperty,\n\tQueryBuilderType,\n} from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderAPIData } from '@src/components/QueryBuilder/types/QueryBuilderAPI.type';\nimport { CONNECTOR_VALUE_TYPE } from '@src/components/QueryBuilder/types/QueryBuilderConnector.type';\nimport { QueryBuilderConnectorType } from '@src/components/QueryBuilder/types/QueryBuilderEnum.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport {\n\tCONNECTOR_OPERATORS,\n\tDATE_OPERATORS,\n\tFREQUENCY_OPERATORS,\n} from '@src/components/QueryBuilder/types/QueryBuilderOperator.type';\nimport DropdownWrapper from '../../../components/DropdownWrapper';\nimport { BaseQueryBuilderNode } from '../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode';\nimport {\n\tCONTAINS_OPERATORS,\n\tgetContainsFilterError,\n} from '../../../helpers/SegmentValidator';\n\nconst apiResponseHelper = new ApiResponseHelper();\n\nconst EventFilter: React.FC<QueryBuilderNodeProps> = ({\n\tnode,\n\tallowedNodes,\n\tapiHandler,\n\tmode,\n\tselectorKey,\n}) => {\n\tconst [eventNames, setEventName] = useState<DropdownOption[]>([]);\n\tconst [mounted, setMountFlag] = useState(false);\n\n\tconst {\n\t\tdeleteProperty,\n\t\tcreateProperty,\n\t\tselectType,\n\t\tcreateMeta,\n\t\tupdateMeta,\n\t\tupdateProperty,\n\t\tselectPropertyJoinOperator,\n\t\tclearProperty,\n\t} = useQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\n\tconst [eventNameFetching, setEventNameFetchingStatus] = useState(true);\n\tconst [eventNameFetchError, setEventNameFetchError] = useState<string>();\n\n\tconst dateMeta = node?.metas?.find((meta) => meta.key === 'date');\n\tconst frequencyMeta = node?.metas?.find((meta) => meta.key === 'frequency');\n\tconst nameMeta = node?.metas?.find((meta) => meta.key === 'eventName');\n\n\tconst [refreshEventName, setRefreshEventName] = useState(false);\n\tconst [refreshFreq, setRefreshFreq] = useState(false);\n\tconst [refreshDate, setRefreshDate] = useState(false);\n\n\tconst getEventNames = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), 'EVENT_NAMES');\n\n\tconst getEventPropertyKeys = (eventName: string) =>\n\t\tcacheWrap(\n\t\t\t() => apiHandler<{ eventName: string }>({ query: { eventName } }),\n\t\t\t`EVENT_NAMES_${eventName}`,\n\t\t);\n\n\tconst getEventPropertiesValue = (\n\t\teventName: string,\n\t\tpropertyName: string \| number,\n\t) =>\n\t\tcacheWrap(\n\t\t\t() =>\n\t\t\t\tapiHandler<{ eventName: string; propertyName: string \| number }>({\n\t\t\t\t\tquery: { eventName, propertyName },\n\t\t\t\t}),\n\t\t\t`EVENT_NAMES_${eventName}_${propertyName}`,\n\t\t);\n\n\tconst searchEventPropertiesValue = async (\n\t\teventName: string,\n\t\tpropertyName: string \| number,\n\t\tsearchKey: string,\n\t) =>\n\t\tawait apiHandler<{\n\t\t\teventName: string;\n\t\t\tpropertyName: string \| number;\n\t\t\tsearchKey: string;\n\t\t}>({\n\t\t\tquery: { eventName, propertyName, searchKey },\n\t\t});\n\n\tfunction handleEventNameSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tif (!Array.isArray(option)) {\n\t\t\tclearProperty(node._id);\n\n\t\t\tif (nameMeta) {\n\t\t\t\tupdateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'eventName',\n\t\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\t\terror: {},\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'eventName',\n\t\t\t\t\t\tvalue: (option as SingleOption).value,\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (frequencyMeta) {\n\t\t\t\tsetRefreshFreq(true);\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tupdateMeta(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'frequency',\n\t\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\t\t\t\toperator: FREQUENCY_OPERATORS.atleast,\n\t\t\t\t\t\t\t\tvalue: 1,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\terror: {},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tnode._id,\n\t\t\t\t\t);\n\t\t\t\t\tsetRefreshFreq(false);\n\t\t\t\t}, 1);\n\t\t\t} else {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'frequency',\n\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\t\t\toperator: FREQUENCY_OPERATORS.atleast,\n\t\t\t\t\t\t\tvalue: 1,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tif (dateMeta) {\n\t\t\t\tsetRefreshDate(true);\n\t\t\t\tsetTimeout(() => {\n\t\t\t\t\tupdateMeta(\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'date',\n\t\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\t\t\t\toperator: DATE_OPERATORS['last 30 days'],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\terror: {},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tnode._id,\n\t\t\t\t\t);\n\t\t\t\t\tsetRefreshDate(false);\n\t\t\t\t}, 1);\n\t\t\t} else {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'date',\n\t\t\t\t\t\tvalue: {\n\t\t\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\t\t\toperator: DATE_OPERATORS['last 30 days'],\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tnode._id,\n\t\t\t\t);\n\t\t\t}\n\t\t} else {\n\t\t\t/** this will never be true, as option will never be an array /\n\t\t}\n\t}\n\n\tfunction handleFrequencyOperatorChange(operator: CONNECTOR_OPERATORS) {\n\t\tupdateMeta(\n\t\t\t{\n\t\t\t\tkey: 'frequency',\n\t\t\t\tvalue: {\n\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\toperator: operator as FREQUENCY_OPERATORS,\n\t\t\t\t\tvalue: 1,\n\t\t\t\t},\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleFrequencyValueChange(value: CONNECTOR_VALUE_TYPE) {\n\t\tif (mounted)\n\t\t\tupdateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'frequency',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\tdataType: QueryBuilderConnectorType.frequency,\n\t\t\t\t\t\toperator: (\n\t\t\t\t\t\t\tfrequencyMeta?.value /* frequency meta has a connector as value / as QueryBuilderConnector\n\t\t\t\t\t\t)?.operator,\n\t\t\t\t\t\tvalue: value as number,\n\t\t\t\t\t},\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t}\n\n\tfunction handleDateOperatorChange(operator: CONNECTOR_OPERATORS) {\n\t\tupdateMeta(\n\t\t\t{\n\t\t\t\tkey: 'date',\n\t\t\t\tvalue: {\n\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\toperator: operator as DATE_OPERATORS,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t},\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleDateValueChange(value: CONNECTOR_VALUE_TYPE) {\n\t\tif (mounted)\n\t\t\tupdateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'date',\n\t\t\t\t\tvalue: {\n\t\t\t\t\t\tdataType: QueryBuilderConnectorType.date,\n\t\t\t\t\t\toperator: (\n\t\t\t\t\t\t\tdateMeta?.value as /* date meta has a connector as value / QueryBuilderConnector\n\t\t\t\t\t\t)?.operator,\n\t\t\t\t\t\tvalue: value as Date \| Date[],\n\t\t\t\t\t},\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t}\n\n\tconst loadEventNames = async () => {\n\t\tsetEventNameFetchingStatus(true);\n\t\tsetEventNameFetchError(undefined);\n\n\t\tconst response = await getEventNames();\n\t\tsetEventNameFetchingStatus(false);\n\n\t\tif (!response) {\n\t\t\tsetEventName([]);\n\t\t\tsetEventNameFetchError(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\n\t\tconst eventNameOptions = apiResponseHelper.convertToGroupOptions(\n\t\t\tresponse,\n\t\t\tnameMeta?.value ? [nameMeta.value as string] : undefined,\n\t\t);\n\n\t\tif (mode !== 'create') {\n\t\t\tif (nameMeta) {\n\t\t\t\tsetEventName([...eventNameOptions]);\n\t\t\t\tsetMountFlag(true);\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\n\t\tsetEventName([...eventNameOptions]);\n\t\tsetMountFlag(true);\n\t};\n\n\tuseEffect(() => {\n\t\tloadEventNames();\n\t}, []);\n\n\tasync function fetchPropertyData() {\n\t\tconst response = await getEventPropertyKeys(\n\t\t\tnameMeta?.value /* value for name meta is always / as string,\n\t\t);\n\n\t\treturn response;\n\t}\n\n\tasync function onPropertyNameSelect(\n\t\tpropertyName: QueryBuilderAPIData,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst isRetry =\n\t\t\tproperty.name === propertyName.id &&\n\t\t\tproperty.dataType === propertyName.type;\n\n\t\tif (!isRetry) {\n\t\t\tupdateProperty(\n\t\t\t\t{\n\t\t\t\t\t...property,\n\t\t\t\t\tname: propertyName.id,\n\t\t\t\t\tdataType: propertyName.type,\n\t\t\t\t\toperator: undefined,\n\t\t\t\t\tvalue: undefined,\n\t\t\t\t\terror: {},\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\tif (!propertyName.needValuesRetrieval) return [];\n\n\t\tconst response = await getEventPropertiesValue(\n\t\t\tnameMeta?.value /* value for name meta is always */ as string,\n\t\t\tpropertyName.id,\n\t\t);\n\n\t\tif (!response) {\n\t\t\tthrow new Error(\n\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn response;\n\t}\n\n\tfunction onPropertyOperatorChange(\n\t\toption: CONNECTOR_OPERATORS,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\toperator: option,\n\t\t\t\tvalue: undefined,\n\t\t\t\terror: {},\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction onPropertyValueChange(\n\t\tvalue: CONNECTOR_VALUE_TYPE,\n\t\tproperty: QueryBuilderProperty,\n\t) {\n\t\tconst isContainsFilter =\n\t\t\tproperty.dataType === 'string' &&\n\t\t\tCONTAINS_OPERATORS.includes(property.operator ?? '');\n\t\tconst error = isContainsFilter ? getContainsFilterError(value) : {};\n\n\t\tupdateProperty(\n\t\t\t{\n\t\t\t\t...property,\n\t\t\t\tvalue,\n\t\t\t\terror,\n\t\t\t},\n\t\t\tnode._id,\n\t\t);\n\t}\n\n\tfunction handleFilterSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tsetRefreshEventName(true);\n\n\t\tsetEventName((prev) => {\n\t\t\tconst updatedOptions = iterateOnOptions(prev, {\n\t\t\t\tselected: false,\n\t\t\t});\n\n\t\t\treturn [...updatedOptions];\n\t\t});\n\t\tsetTimeout(() => {\n\t\t\tselectType((option as SingleOption).value as QueryBuilderType, node._id);\n\t\t\tsetRefreshEventName(false);\n\t\t}, 1);\n\t}\n\n\tasync function onPropertyValueSearch(\n\t\tsearchKey: string,\n\t\tproperty: QueryBuilderProperty,\n\t): Promise<DropdownOption[]> {\n\t\tconst response = await searchEventPropertiesValue(\n\t\t\tnameMeta?.value as string,\n\t\t\tproperty.name as string,\n\t\t\tsearchKey,\n\t\t);\n\n\t\tif (response?.error \|\| !response?.data) {\n\t\t\tthrow new Error(\n\t\t\t\tresponse?.error \|\|\n\t\t\t\t\t'Something went wrong while fetching the list. Please try again',\n\t\t\t);\n\t\t}\n\n\t\treturn (response.data as QueryBuilderAPIData[]).map((option) => ({\n\t\t\tlabel: option.name,\n\t\t\tvalue: option.id,\n\t\t\tselected: false,\n\t\t})) as DropdownOption[];\n\t}\n\n\treturn (\n\t\t<BaseQueryBuilderNode\n\t\t\tselectPropertyJoinOperator={selectPropertyJoinOperator}\n\t\t\tnode={node}\n\t\t\taddPropertyBtnText={nameMeta?.value && 'Add event property'}\n\t\t\tdeleteProperty={deleteProperty}\n\t\t\tcreateProperty={createProperty}\n\t\t\tpropertySelectorText=\"Select property\"\n\t\t\tfetchPropertyData={fetchPropertyData}\n\t\t\tonPropertyNameSelect={onPropertyNameSelect}\n\t\t\tonPropertyOperatorChange={onPropertyOperatorChange}\n\t\t\tonPropertyValueChange={onPropertyValueChange}\n\t\t\tmode={mode}\n\t\t\tonPropertyValueSearch={onPropertyValueSearch}\n\t\t>\n\t\t\t<div style={{ flexDirection: 'column', display: 'flex', gap: 12 }}>\n\t\t\t\t<div style={{ flexDirection: 'row', display: 'flex', gap: 12 }}>\n\t\t\t\t\t<AllowedListDropdown\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\tselectedType={node.type}\n\t\t\t\t\t\tallowedList={allowedNodes}\n\t\t\t\t\t\tonSelect={handleFilterSelection}\n\t\t\t\t\t/>\n\n\t\t\t\t\t{!refreshEventName && (\n\t\t\t\t\t\t<DropdownWrapper\n\t\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\t\tisLoading={eventNameFetching}\n\t\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\t\teventNameFetchError\n\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\t\tsubTitle: eventNameFetchError,\n\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonRetryOptionsFetch={loadEventNames}\n\t\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\t\twidth={'200px'}\n\t\t\t\t\t\t\tdropdownLabel={'Select event name'}\n\t\t\t\t\t\t\toptions={eventNames}\n\t\t\t\t\t\t\tselectedValues={\n\t\t\t\t\t\t\t\tnameMeta?.value ? [nameMeta.value as string] : undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonSelect={handleEventNameSelection}\n\t\t\t\t\t\t\terror={\n\t\t\t\t\t\t\t\t(node.metas?.[0]?.error?.key ??\n\t\t\t\t\t\t\t\t\tnameMeta?.error?.key ??\n\t\t\t\t\t\t\t\t\tnameMeta?.error?.value) as string\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</div>\n\n\t\t\t\t{frequencyMeta?.key && !refreshFreq && (\n\t\t\t\t\t<Connector\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\textra={{}}\n\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\tval: (frequencyMeta.error?.value as ConnectorError)?.value,\n\t\t\t\t\t\t\toperator: (frequencyMeta.error?.value as ConnectorError)\n\t\t\t\t\t\t\t\t?.operator,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tconnectorVal={\n\t\t\t\t\t\t\t(frequencyMeta.value as QueryBuilderConnector).value as number\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconnectorType={\n\t\t\t\t\t\t\t(frequencyMeta.value as QueryBuilderConnector).dataType\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdefaultConnector={\n\t\t\t\t\t\t\t(frequencyMeta.value as QueryBuilderConnector).operator\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonOperatorChange={handleFrequencyOperatorChange}\n\t\t\t\t\t\tonValueChange={handleFrequencyValueChange}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{dateMeta?.key && !refreshDate && (\n\t\t\t\t\t<Connector\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\textra={{}}\n\t\t\t\t\t\terrors={{\n\t\t\t\t\t\t\tval: (dateMeta.error?.value as ConnectorError)?.value,\n\t\t\t\t\t\t\toperator: (dateMeta.error?.value as ConnectorError)?.operator,\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tconnectorVal={\n\t\t\t\t\t\t\t(dateMeta.value as QueryBuilderConnector).value as Date \| Date[]\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconnectorType={(dateMeta.value as QueryBuilderConnector).dataType}\n\t\t\t\t\t\tdefaultConnector={\n\t\t\t\t\t\t\t(dateMeta.value as QueryBuilderConnector).operator\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonOperatorChange={handleDateOperatorChange}\n\t\t\t\t\t\tonValueChange={handleDateValueChange}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</BaseQueryBuilderNode>\n\t);\n};\n\nexport default EventFilter;\n"],"names":["apiResponseHelper","ApiResponseHelper","EventFilter","_ref","node","allowedNodes","apiHandler","mode","selectorKey","eventNames","setEventName","useState","mounted","setMountFlag","deleteProperty","createProperty","selectType","createMeta","updateMeta","updateProperty","selectPropertyJoinOperator","clearProperty","useQueryBuilder","cacheWrap","useQueryBuilderCache","eventNameFetching","setEventNameFetchingStatus","eventNameFetchError","setEventNameFetchError","dateMeta","_a","metas","find","meta","key","frequencyMeta","_b","nameMeta","_c","refreshEventName","setRefreshEventName","refreshFreq","setRefreshFreq","refreshDate","setRefreshDate","loadEventNames","__awaiter","undefined","response","eventNameOptions","convertToGroupOptions","value","useEffect","_jsx","BaseQueryBuilderNode","Object","assign","addPropertyBtnText","propertySelectorText","fetchPropertyData","eventName","query","onPropertyNameSelect","propertyName","property","name","id","dataType","type","operator","error","_id","needValuesRetrieval","getEventPropertiesValue","Error","onPropertyOperatorChange","option","onPropertyValueChange","CONTAINS_OPERATORS","includes","getContainsFilterError","onPropertyValueSearch","searchKey","searchEventPropertiesValue","data","map","label","selected","children","_jsxs","style","flexDirection","display","gap","AllowedListDropdown","disabled","selectedType","allowedList","onSelect","prev","iterateOnOptions","setTimeout","DropdownWrapper","isSearchable","isLoading","optionsErrorState","title","subTitle","onRetryOptionsFetch","width","dropdownLabel","options","selectedValues","Array","isArray","QueryBuilderConnectorType","frequency","FREQUENCY_OPERATORS","atleast","date","DATE_OPERATORS","_j","_g","_f","_e","_d","_h","_k","Connector","extra","errors","val","_l","_m","_o","_p","connectorVal","connectorType","defaultConnector","onOperatorChange","onValueChange","_q","_r","_s","_t"],"mappings":"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"}