npm - @bikdotai/bik-component-library - Versions diffs - 0.0.817-beta.5 → 0.0.817-beta.6 - Mend

@bikdotai/bik-component-library 0.0.817-beta.5 → 0.0.817-beta.6

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 (1802) hide show

package/dist/cjs/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","item","totalCount","progressPercentage","jsxDEV","ProgressChecklistContainer","HeaderSection","TitleMedium","this","BodySecondary","COLORS","ProgressBarSection","ProgressBarV2","ProgressBarType","TitleSmall","SingleChecklistItem","SingleChecklistMainRow","SingleChecklistIconWrapper","CompletedChecklistIcon","ActiveChecklistIcon","InactiveChecklistIcon","SingleChecklistContent","SingleChecklistHeader","Tooltip","Tag","SingleChecklistSubheader","ChevronRight","SingleChecklistActionWrapper","Button","SingleChecklistAlertRow","Alert","ALERT_TYPES","CONTENT_POSITION","props","InfoIcon","normalizedSteps","s","idx","MultiChecklistItem","ProgressStepper"],"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","header","subheader","items","progressBarColor","headerAction","showProgressBar","noBorder","checklistItems","setChecklistItems","useState","useEffect","completedCount","item","totalCount","progressPercentage","jsxDEV","ProgressChecklistContainer","HeaderSection","TitleMedium","this","BodySecondary","COLORS","ProgressBarSection","ProgressBarV2","ProgressBarType","TitleSmall","SingleChecklistItem","SingleChecklistMainRow","SingleChecklistIconWrapper","CompletedChecklistIcon","ActiveChecklistIcon","InactiveChecklistIcon","SingleChecklistContent","SingleChecklistHeader","Tooltip","Tag","SingleChecklistSubheader","ChevronRight","SingleChecklistActionWrapper","Button","SingleChecklistAlertRow","Alert","ALERT_TYPES","CONTENT_POSITION","props","InfoIcon","normalizedSteps","s","idx","MultiChecklistItem","ProgressStepper"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-dev-runtime"),m=require("react"),c=require("../../constants/Theme.js"),f=require("../../assets/icons/SmallCheckIcon.js"),p=require("../button/Button.js"),b=require("../../assets/icons/Redirect2Icon.js"),g=o=>o&&typeof o=="object"&&"default"in o?o:{default:o},u=g(m),h=({steps:o=[],onStepClick:l,isStepperActive:t})=>{const s=o.length>0?o:[{id:"step-1",text:"Step One"},{id:"step-2",text:"Step Two"},{id:"step-3",text:"Step Three"}],[d,a]=m.useState(s[0]?.id??null);return r.jsxDEV("div",{style:{paddingLeft:52},children:r.jsxDEV("div",{style:{margin:0,padding:0,display:"flex",flexDirection:"column",gap:12},children:s.map((e,n)=>r.jsxDEV(u.default.Fragment,{children:[r.jsxDEV("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(()=>{const i=(n===0||s[n-1]?.isCompleted)&&t===!0;return e.isCompleted===!0?r.jsxDEV("div",{style:{width:24,height:24,flex:"0 0 24px"},"aria-hidden":!0,children:r.jsxDEV(f.SmallCheckIcon,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:75,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:67,columnNumber:11},void 0):r.jsxDEV("div",{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:r.jsxDEV("span",{style:{fontSize:12,fontWeight:500},children:n+1},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:101,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:82,columnNumber:10},void 0)})(),r.jsxDEV("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-start",minWidth:0},"aria-label":`Open ${e.label??e.text??`step ${n+1}`}`,children:r.jsxDEV(p.Button,{buttonText:e.label??e.text??`Step ${n+1}`,buttonType:"text",buttonTextColor:e.isCompleted?c.COLORS.text.secondary:(n===0||s[n-1]?.isCompleted===!0)&&t?"#4B1583":c.COLORS.content.inactive,matchParentWidth:!1,size:"small",style:{width:"fit-content",paddingLeft:0,textDecoration:"none",textDecorationLine:"none"},onClick:()=>{a(e.id??d),(!e.isCompleted&&t&&(n===0||s[n-1]?.isCompleted===!0)||e.isCompleted)&&(e.onClick?e.onClick():e.id&&l?.(e.id))}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:120,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:109,columnNumber:8},void 0),!e.isCompleted&&(n===0||s[n-1]?.isCompleted===!0)&&t&&r.jsxDEV("div",{style:{width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer"},"aria-hidden":!0,onClick:i=>{a(e.id??d),!e.isCompleted&&t&&(n===0||s[n-1]?.isCompleted===!0)&&(e.onClick?e.onClick():e.id&&l?.(e.id))},children:r.jsxDEV(b.Redirect2Icon,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:180,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:158,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:55,columnNumber:7},void 0),n!==s.length-1&&r.jsxDEV("div",{"aria-hidden":!0,style:{width:8,height:1,borderRadius:2,background:"#BDBDBD",transform:"rotate(90deg)",marginLeft:8}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:185,columnNumber:8},void 0)]},e.id??`step-${n}`,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:54,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:44,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:43,columnNumber:3},void 0)},y=u.default.memo(h);exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-dev-runtime"),u=require("react"),d=require("../../constants/Theme.js"),p=require("../../assets/icons/SmallCheckIcon.js"),h=require("../button/Button.js"),f=require("../../assets/icons/Redirect2Icon.js"),b=n=>n&&typeof n=="object"&&"default"in n?n:{default:n},m=b(u),g=({steps:n=[],onStepClick:l,isStepperActive:o})=>{const s=n.length>0?n:[{id:"step-1",text:"Step One"},{id:"step-2",text:"Step Two"},{id:"step-3",text:"Step Three"}],[c,a]=u.useState(s[0]?.id??null);return t.jsxDEV("div",{style:{paddingLeft:52},children:t.jsxDEV("div",{style:{margin:0,padding:0,display:"flex",flexDirection:"column",gap:12},children:s.map((e,r)=>t.jsxDEV(m.default.Fragment,{children:[t.jsxDEV("div",{style:{display:"flex",alignItems:"center",gap:8},children:[(()=>{const i=(r===0||s[r-1]?.isCompleted)&&o===!0;return e.isCompleted===!0?t.jsxDEV("div",{style:{width:24,height:24,flex:"0 0 24px"},"aria-hidden":!0,children:t.jsxDEV(p.SmallCheckIcon,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:75,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:67,columnNumber:11},void 0):t.jsxDEV("div",{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:t.jsxDEV("span",{style:{fontSize:12,fontWeight:500},children:r+1},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:101,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:82,columnNumber:10},void 0)})(),t.jsxDEV("div",{style:{display:"flex",alignItems:"center",justifyContent:"flex-start",minWidth:0},"aria-label":`Open ${e.label??e.text??`step ${r+1}`}`,children:t.jsxDEV(h.Button,{buttonText:e.label??e.text??`Step ${r+1}`,buttonType:"text",buttonTextColor:e.isCompleted?d.COLORS.text.secondary:(r===0||s[r-1]?.isCompleted===!0)&&o?"#4B1583":d.COLORS.content.inactive,matchParentWidth:!1,size:"small",style:{width:"fit-content",paddingLeft:0,textDecoration:"none",textDecorationLine:"none"},onClick:()=>{a(e.id??c),(!e.isCompleted&&o&&(r===0||s[r-1]?.isCompleted===!0)||e.isCompleted)&&(e.onClick?e.onClick():e.id&&l?.(e.id))}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:120,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:109,columnNumber:8},void 0),!e.isCompleted&&(r===0||s[r-1]?.isCompleted===!0)&&o&&t.jsxDEV("div",{style:{width:20,height:20,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer"},"aria-hidden":!0,onClick:i=>{a(e.id??c),!e.isCompleted&&o&&(r===0||s[r-1]?.isCompleted===!0)&&(e.onClick?e.onClick():e.id&&l?.(e.id))},children:t.jsxDEV(f.Redirect2Icon,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:180,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:158,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:55,columnNumber:7},void 0),r!==s.length-1&&t.jsxDEV("div",{"aria-hidden":!0,style:{width:8,height:1,borderRadius:2,background:"#BDBDBD",transform:"rotate(90deg)",marginLeft:8}},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:185,columnNumber:8},void 0)]},e.id??`step-${r}`,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:54,columnNumber:6},void 0))},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:44,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/ProgressStepper.tsx",lineNumber:43,columnNumber:3},void 0)},k=m.default.memo(g);exports.default=k;
 //# sourceMappingURL=ProgressStepper.js.map

package/dist/cjs/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","selectedId","setSelectedId","useState","jsxDEV","step","idx","React","isActive","SmallCheckIcon","this","Button","COLORS","e","Redirect2Icon"],"mappings":"iZAsBMA,EAAkD,CAAC,CACxD,MAAAC,EAAQ,CAAA,EACR,YAAAC,EACA,gBAAAC,CACD,IAAM,CACL,MAAMC,EACLH,EAAM,OAAS,EACZA,EACA,CACA,CAAE,GAAI,SAAU,KAAM,UAAA,EACtB,CAAE,GAAI,SAAU,KAAM,UAAA,EACtB,CAAE,GAAI,SAAU,KAAM,YAAA,CAAa,EAIjC,CAACI,EAAYC,CAAa,EAAIC,EAAAA,SACnCH,EAAM,CAAC,GAAG,IAAM,IAAA,EAGjB,gBACE,MAAA,CAAI,MAAO,CAAE,YAAa,IAC1B,SAAAI,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,OAAQ,EACR,QAAS,EACT,QAAS,OACT,cAAe,SACf,IAAK,EAAA,EAGL,SAAAJ,EAAM,IAAI,CAACK,EAAMC,IACjBF,EAAAA,OAACG,EAAAA,QAAM,SAAN,CACA,SAAA,CAAAH,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,WAAY,SAAU,IAAK,CAAA,EAEvD,SAAA,EAAA,IAAM,CAEP,MAAMI,GACJF,IAAQ,GAAKN,EAAMM,EAAM,CAAC,GAAG,cAC9BP,IAAoB,GAIrB,OAHoBM,EAAK,cAAgB,GAKvCD,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,MAAO,GACP,OAAQ,GACR,KAAM,UAAA,EAEP,cAAW,GAEX,kBAACK,EAAAA,eAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,EAAA,EAAAC,MAAgB,CAAA,EARjB,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,EAAA,EAAAA,MAAA,EAeDN,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,MAAO,GACP,OAAQ,GACR,aAAc,GACd,QAAS,EACT,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,UAAW,aACX,WAAYI,EAAW,UAAY,cACnC,MAAOA,EAAW,UAAY,UAC9B,OAAQ,aAAaA,EAAW,UAAY,SAAS,GACrD,SAAU,GACV,WAAY,OACZ,KAAM,UAAA,EAEP,cAAW,GAEX,SAAAJ,EAAAA,OAAC,OAAA,CAAK,MAAO,CAAE,SAAU,GAAI,WAAY,GAAA,EACvC,SAAAE,EAAM,CAAA,EADR,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,IAAA,aAAA,EAAA,EAAAI,MAEA,CAAA,EArBD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,EAAA,EAAAA,MAAA,CAwBF,GAAA,EAGAN,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,QAAS,OACT,WAAY,SACZ,eAAgB,aAChB,SAAU,CAAA,EAEX,aAAY,QACXC,EAAK,OAASA,EAAK,MAAQ,QAAQC,EAAM,CAAC,EAC3C,GAEA,SAAAF,EAAAA,OAACO,EAAAA,OAAA,CACA,WAAYN,EAAK,OAASA,EAAK,MAAQ,QAAQC,EAAM,CAAC,GACtD,WAAW,OACX,gBACCD,EAAK,YACFO,EAAAA,OAAO,KAAK,WACXN,IAAQ,GAAKN,EAAMM,EAAM,CAAC,GAAG,cAAgB,KAC9CP,EACA,UACAa,EAAAA,OAAO,QAAQ,SAEnB,iBAAkB,GAClB,KAAK,QACL,MAAO,CACN,MAAO,cACP,YAAa,EACb,eAAgB,OAChB,mBAAoB,MAAA,EAErB,QAAS,IAAM,CACdV,EAAcG,EAAK,IAAMJ,CAAU,GAEjC,CAACI,EAAK,aACNN,IACCO,IAAQ,GAAKN,EAAMM,EAAM,CAAC,GAAG,cAAgB,KAC/CD,EAAK,eAEDA,EAAK,QAASA,EAAK,QAAA,EACdA,EAAK,IAAIP,IAAcO,EAAK,EAAE,EAEzC,CAAA,EA9BD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,IAAA,aAAA,CAAA,EAAAK,MAAA,CA+BA,EA1CD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,EA8CC,CAACL,EAAK,cACLC,IAAQ,GAAKN,EAAMM,EAAM,CAAC,GAAG,cAAgB,KAC9CP,GACCK,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,MAAO,GACP,OAAQ,GACR,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,OAAQ,SAAA,EAET,cAAW,GACX,QAAUS,GAAM,CACfX,EAAcG,EAAK,IAAMJ,CAAU,EAElC,CAACI,EAAK,aACNN,IACCO,IAAQ,GAAKN,EAAMM,EAAM,CAAC,GAAG,cAAgB,MAE1CD,EAAK,QAASA,EAAK,QAAA,EACdA,EAAK,IAAIP,IAAcO,EAAK,EAAE,EAEzC,EAEA,kBAACS,EAAAA,cAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,IAAA,aAAA,EAAA,EAAAJ,MAAe,CAAA,EAtBhB,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAAA,CAuBA,CAAA,EA9HH,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAgIA,EACCJ,IAAQN,EAAM,OAAS,GACvBI,EAAAA,OAAC,MAAA,CACA,cAAW,GACX,MAAO,CACN,MAAO,EACP,OAAQ,EACR,aAAc,EACd,WAAY,UACZ,UAAW,gBACX,WAAY,CAAA,CACb,EATD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,IAAA,aAAA,CAAA,EAAAM,MAAA,CAUA,CAAA,EA7ImBL,EAAK,IAAM,QAAQC,CAAG,GAA3C,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MA+IA,CACA,CAAA,EA1JF,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA2JA,EA5JD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA6JA,CAEF,EAEAd,EAAeW,EAAAA,QAAM,KAAKX,CAAe"}
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","selectedId","setSelectedId","useState","jsxDEV","step","idx","React","isActive","SmallCheckIcon","this","Button","COLORS","e","Redirect2Icon"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),d=require("../../assets/icons/ActiveChecklistIcon.js"),u=require("../../assets/icons/CompletedChecklistIcon.js"),p=require("../../assets/icons/InactiveChecklistIcon.js"),b=require("../tooltips/Tooltip.js"),n=require("./ProgressChecklist.style.js"),r=require("../tag/Tag.js"),k=({header:t,subheader:o,icon:c,activeIcon:m,completedIcon:a,isActive:i,isCompleted:l,tag:s})=>e.jsxDEV("div",{children:e.jsxDEV(n.SingleChecklistMainRow,{children:[e.jsxDEV(n.SingleChecklistIconWrapper,{children:l?a??e.jsxDEV(u.CompletedChecklistIcon,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:58,columnNumber:26},void 0):i?m??e.jsxDEV(d.ActiveChecklistIcon,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:60,columnNumber:23},void 0):c??e.jsxDEV(p.InactiveChecklistIcon,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:61,columnNumber:17},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:56,columnNumber:5},void 0),e.jsxDEV(n.SingleChecklistContent,{children:[e.jsxDEV("div",{style:{display:"flex",alignItems:"center",gap:12},children:[e.jsxDEV(n.SingleChecklistHeader,{completed:l,isActive:i,children:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:66,columnNumber:7},void 0),s?.tagText&&(s.tooltip?e.jsxDEV(b.Tooltip,{...s.tooltip,children:e.jsxDEV("span",{style:{display:"inline-flex"},children:e.jsxDEV(r.Tag,{tagText:s.tagText,variant:s.variant,type:s.type,theme:s.theme},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:73,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:72,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:71,columnNumber:9},void 0):e.jsxDEV(r.Tag,{tagText:s.tagText,variant:s.variant,type:s.type,theme:s.theme},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:82,columnNumber:9},void 0))]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:65,columnNumber:6},void 0),o&&e.jsxDEV(n.SingleChecklistSubheader,{isActive:i,children:o},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:91,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:64,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:55,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:54,columnNumber:3},void 0);exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),a=require("../../assets/icons/ActiveChecklistIcon.js"),h=require("../../assets/icons/CompletedChecklistIcon.js"),p=require("../../assets/icons/InactiveChecklistIcon.js"),k=require("../tooltips/Tooltip.js"),r=require("./ProgressChecklist.style.js"),o=require("../tag/Tag.js"),d=({header:l,subheader:t,icon:c,activeIcon:m,completedIcon:u,isActive:i,isCompleted:n,tag:s})=>e.jsxDEV("div",{children:e.jsxDEV(r.SingleChecklistMainRow,{children:[e.jsxDEV(r.SingleChecklistIconWrapper,{children:n?u??e.jsxDEV(h.CompletedChecklistIcon,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:58,columnNumber:26},void 0):i?m??e.jsxDEV(a.ActiveChecklistIcon,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:60,columnNumber:23},void 0):c??e.jsxDEV(p.InactiveChecklistIcon,{},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:61,columnNumber:17},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:56,columnNumber:5},void 0),e.jsxDEV(r.SingleChecklistContent,{children:[e.jsxDEV("div",{style:{display:"flex",alignItems:"center",gap:12},children:[e.jsxDEV(r.SingleChecklistHeader,{completed:n,isActive:i,children:l},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:66,columnNumber:7},void 0),s?.tagText&&(s.tooltip?e.jsxDEV(k.Tooltip,{...s.tooltip,children:e.jsxDEV("span",{style:{display:"inline-flex"},children:e.jsxDEV(o.Tag,{tagText:s.tagText,variant:s.variant,type:s.type,theme:s.theme},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:73,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:72,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:71,columnNumber:9},void 0):e.jsxDEV(o.Tag,{tagText:s.tagText,variant:s.variant,type:s.type,theme:s.theme},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:82,columnNumber:9},void 0))]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:65,columnNumber:6},void 0),t&&e.jsxDEV(r.SingleChecklistSubheader,{isActive:i,children:t},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:91,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:64,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:55,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/ProgressChecklist/SimpleChecklistItem.tsx",lineNumber:54,columnNumber:3},void 0);exports.default=d;
 //# sourceMappingURL=SimpleChecklistItem.js.map

package/dist/cjs/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","jsxDEV","SingleChecklistMainRow","SingleChecklistIconWrapper","CompletedChecklistIcon","this","ActiveChecklistIcon","InactiveChecklistIcon","SingleChecklistContent","SingleChecklistHeader","Tooltip","Tag","SingleChecklistSubheader"],"mappings":"waA0CMA,EAA0D,CAAC,CAChE,OAAAC,EACA,UAAAC,EACA,KAAAC,EACA,WAAAC,EACA,cAAAC,EACA,SAAAC,EACA,YAAAC,EACA,IAAAC,CACD,IAEEC,EAAAA,OAAC,MAAA,CACA,SAAAA,EAAAA,OAACC,EAAAA,uBAAA,CACA,SAAA,CAAAD,EAAAA,OAACE,EAAAA,2BAAA,CACC,SAAAJ,EACEF,GAAiBI,EAAAA,OAACG,yBAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAC,MAAwB,EACzCP,EACAF,GAAcK,EAAAA,OAACK,sBAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAD,MAAqB,EACnCV,GAAQM,EAAAA,OAACM,EAAAA,sBAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAF,MAAuB,CAAA,EALnC,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,WAECG,EAAAA,uBAAA,CACA,SAAA,CAAAP,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,WAAY,SAAU,IAAK,EAAA,EACzD,SAAA,CAAAA,SAACQ,EAAAA,sBAAA,CAAsB,UAAWV,EAAa,SAAAD,EAC7C,SAAAL,CAAA,EADF,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAY,MAEA,EACCL,GAAK,UACJA,EAAI,iBACHU,EAAAA,QAAA,CAAS,GAAGV,EAAI,QAChB,kBAAC,OAAA,CAAK,MAAO,CAAE,QAAS,eACvB,SAAAC,EAAAA,OAACU,EAAAA,IAAA,CACA,QAASX,EAAI,QACb,QAASA,EAAI,QACb,KAAMA,EAAI,KACV,MAAOA,EAAI,KAAA,EAJZ,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAK,MAAA,CAKA,EAND,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,EAAA,EAAAA,MAOA,CAAA,EARD,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,EAEAJ,EAAAA,OAACU,EAAAA,IAAA,CACA,QAASX,EAAI,QACb,QAASA,EAAI,QACb,KAAMA,EAAI,KACV,MAAOA,EAAI,KAAA,EAJZ,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAKA,CAAA,EAtBH,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwBA,EACCX,GACAO,EAAAA,OAACW,EAAAA,yBAAA,CAAyB,SAAAd,EACxB,SAAAJ,CAAA,EADF,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAW,MAEA,CAAA,CAAA,EA7BF,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA+BA,CAAA,CAAA,EAxCD,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyCA,CAAA,EA1CD,OAAA,GAAA,CAAA,SAAA~~,+GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA2CA"}
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","jsxDEV","SingleChecklistMainRow","SingleChecklistIconWrapper","CompletedChecklistIcon","this","ActiveChecklistIcon","InactiveChecklistIcon","SingleChecklistContent","SingleChecklistHeader","Tooltip","Tag","SingleChecklistSubheader"],"mappings":"waA0CMA,EAA0D,CAAC,CAChE,OAAAC,EACA,UAAAC,EACA,KAAAC,EACA,WAAAC,EACA,cAAAC,EACA,SAAAC,EACA,YAAAC,EACA,IAAAC,CACD,IAEEC,EAAAA,OAAC,MAAA,CACA,SAAAA,EAAAA,OAACC,EAAAA,uBAAA,CACA,SAAA,CAAAD,EAAAA,OAACE,EAAAA,2BAAA,CACC,SAAAJ,EACEF,GAAiBI,EAAAA,OAACG,yBAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,EAAA,EAAAC,MAAwB,EACzCP,EACAF,GAAcK,EAAAA,OAACK,sBAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,EAAA,EAAAD,MAAqB,EACnCV,GAAQM,EAAAA,OAACM,EAAAA,sBAAA,CAAA,EAAD,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,EAAA,EAAAF,MAAuB,CAAA,EALnC,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAMA,WAECG,EAAAA,uBAAA,CACA,SAAA,CAAAP,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,WAAY,SAAU,IAAK,EAAA,EACzD,SAAA,CAAAA,SAACQ,EAAAA,sBAAA,CAAsB,UAAWV,EAAa,SAAAD,EAC7C,SAAAL,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAEA,EACCL,GAAK,UACJA,EAAI,iBACHU,EAAAA,QAAA,CAAS,GAAGV,EAAI,QAChB,kBAAC,OAAA,CAAK,MAAO,CAAE,QAAS,eACvB,SAAAC,EAAAA,OAACU,EAAAA,IAAA,CACA,QAASX,EAAI,QACb,QAASA,EAAI,QACb,KAAMA,EAAI,KACV,MAAOA,EAAI,KAAA,EAJZ,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,EAAA,EAAAK,MAAA,CAKA,EAND,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,EAAA,EAAAA,MAOA,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MASA,EAEAJ,EAAAA,OAACU,EAAAA,IAAA,CACA,QAASX,EAAI,QACb,QAASA,EAAI,QACb,KAAMA,EAAI,KACV,MAAOA,EAAI,KAAA,EAJZ,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAA,EAKA,CAAA,EAtBH,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAwBA,EACCX,GACAO,EAAAA,OAACW,EAAAA,yBAAA,CAAyB,SAAAd,EACxB,SAAAJ,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAEA,CAAA,CAAA,EA7BF,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA+BA,CAAA,CAAA,EAxCD,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAyCA,CAAA,EA1CD,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA2CA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-dev-runtime"),v=require("../../../components/AllowedListDropdown.js"),P=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),S=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),d=require("../../../helpers/SegmentValidator.js"),D=require("../../../hooks/useQueryBuilder.js"),x=require("../../../hooks/useQueryBuilderCache.js"),B=({node:t,allowedNodes:c,apiHandler:n,mode:l,selectorKey:m})=>{const{selectType:y,createProperty:p,updateProperty:a}=D.useQueryBuilder(m),{cacheWrap:u}=x.useQueryBuilderCache(),f=()=>u(()=>n({}),"CUSTOM_FIELDS"),h=(e,r)=>u(()=>n({query:{propertyName:e,...r}}),`CUSTOM_FIELDS-${e}`),C=async(e,r)=>await n({query:{propertyName:e,searchKey:r}});async function w(e){const r=t.properties?.[0],s=!!r&&r.name===e.id&&r.dataType===e.type;if(r?s||a({...r,name:e.id,dataType:e.type,operator:void 0,value:void 0,error:{}},t._id):p({name:e.id,dataType:e.type},t._id),e.needValuesRetrieval){const i=await h(e.id,e);if(!i)throw new Error("Something went wrong while fetching the list. Please try again");return i}return[]}function F(e){a({...t.properties[0],operator:e,value:void 0,error:{}},t._id)}function g(e){const r=t.properties[0],i=r.dataType==="string"&&d.CONTAINS_OPERATORS.includes(r.operator??"")?d.getContainsFilterError(e):{};a({...r,value:e,error:i},t._id)}async function b(e,r){const s=await C(r.name,e);if(s?.error||!s?.data)throw new Error(s?.error||"Something went wrong while fetching the list. Please try again");return s.data.map(i=>({label:i.name,value:i.id,selected:!1}))}return o.jsxDEV(P.BaseQueryBuilderNode,{node:t,mode:l,children:o.jsxDEV("div",{style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"},children:[o.jsxDEV(v.default,{disabled:l==="view",selectedType:t.type,allowedList:c,onSelect:e=>y(e.value,t._id)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/CustomField/components/CustomField.tsx",lineNumber:165,columnNumber:5},void 0),o.jsxDEV(S.PropertyNodeHeadless,{mode:l,property:t?.properties?.[0],fetchPropertyData:f,onPropertyNameSelect:w,onPropertyOperatorChange:F,onPropertyValueChange:g,onPropertyValueSearch:b},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/CustomField/components/CustomField.tsx",lineNumber:177,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/CustomField/components/CustomField.tsx",lineNumber:157,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/CustomField/components/CustomField.tsx",lineNumber:156,columnNumber:3},void 0)};exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-dev-runtime"),w=require("../../../components/AllowedListDropdown.js"),v=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),S=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),c=require("../../../helpers/SegmentValidator.js"),x=require("../../../hooks/useQueryBuilder.js"),B=require("../../../hooks/useQueryBuilderCache.js"),N=({node:t,allowedNodes:d,apiHandler:n,mode:l,selectorKey:m})=>{const{selectType:p,createProperty:y,updateProperty:u}=x.useQueryBuilder(m),{cacheWrap:a}=B.useQueryBuilderCache(),h=()=>a(()=>n({}),"CUSTOM_FIELDS"),f=(e,r)=>a(()=>n({query:{propertyName:e,...r}}),`CUSTOM_FIELDS-${e}`),C=async(e,r)=>await n({query:{propertyName:e,searchKey:r}});async function F(e){const r=t.properties?.[0],s=!!r&&r.name===e.id&&r.dataType===e.type;if(r?s||u({...r,name:e.id,dataType:e.type,operator:void 0,value:void 0,error:{}},t._id):y({name:e.id,dataType:e.type},t._id),e.needValuesRetrieval){const i=await f(e.id,e);if(!i)throw new Error("Something went wrong while fetching the list. Please try again");return i}return[]}function g(e){u({...t.properties[0],operator:e,value:void 0,error:{}},t._id)}function b(e){const r=t.properties[0],i=r.dataType==="string"&&c.CONTAINS_OPERATORS.includes(r.operator??"")?c.getContainsFilterError(e):{};u({...r,value:e,error:i},t._id)}async function P(e,r){const s=await C(r.name,e);if(s?.error||!s?.data)throw new Error(s?.error||"Something went wrong while fetching the list. Please try again");return s.data.map(i=>({label:i.name,value:i.id,selected:!1}))}return o.jsxDEV(v.BaseQueryBuilderNode,{node:t,mode:l,children:o.jsxDEV("div",{style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"},children:[o.jsxDEV(w.default,{disabled:l==="view",selectedType:t.type,allowedList:d,onSelect:e=>p(e.value,t._id)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/Filters/CustomField/components/CustomField.tsx",lineNumber:165,columnNumber:5},void 0),o.jsxDEV(S.PropertyNodeHeadless,{mode:l,property:t?.properties?.[0],fetchPropertyData:h,onPropertyNameSelect:F,onPropertyOperatorChange:g,onPropertyValueChange:b,onPropertyValueSearch:P},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/Filters/CustomField/components/CustomField.tsx",lineNumber:177,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/Filters/CustomField/components/CustomField.tsx",lineNumber:157,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/Filters/CustomField/components/CustomField.tsx",lineNumber:156,columnNumber:3},void 0)};exports.default=N;
 //# sourceMappingURL=CustomField.js.map

package/dist/cjs/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","getCustomFields","getCustomFieldValues","propertyName","rest","searchCustomFieldsValue","searchKey","handlePropertyNameSelection","currentProperty","isRetry","response","handleOperatorChange","operator","handleValueChange","value","property","error","CONTAINS_OPERATORS","getContainsFilterError","onPropertyValueSearch","option","jsxDEV","BaseQueryBuilderNode","AllowedListDropdown","this","PropertyNodeHeadless"],"mappings":"4fAoBMA,EAAwD,CAAC,CAC9D,KAAAC,EACA,aAAAC,EACA,WAAAC,EACA,KAAAC,EACA,YAAAC,CACD,IAAM,CACL,KAAM,CAAE,WAAAC,EAAY,eAAAC,EAAgB,eAAAC,CAAA,EACnCC,EAAAA,gBAAgBJ,CAAW,EACtB,CAAE,UAAAK,CAAA,EAAcC,uBAAA,EAGhBC,EAAkB,IACvBF,EAAU,IAAMP,EAAsB,CAAA,CAAE,EAAG,eAAe,EAErDU,EAAuB,CAACC,EAAsBC,IACnDL,EACC,IACCP,EAAqC,CACpC,MAAO,CAAE,aAAAW,EAAc,GAAGC,CAAA,CAAK,CAC/B,EACF,iBAAiBD,CAAY,EAAA,EAGzBE,EAA0B,MAC/BF,EACAG,IAEA,MAAMd,EAGH,CACF,MAAO,CAAE,aAAAW,EAAc,UAAAG,CAAA,CAAU,CACjC,EAEF,eAAeC,EACdJ,EACC,CACD,MAAMK,EAAkBlB,EAAK,aAAa,CAAC,EACrCmB,EACL,CAAC,CAACD,GACFA,EAAgB,OAASL,EAAa,IACtCK,EAAgB,WAAaL,EAAa,KAwB3C,GAtBKK,EAQOC,GACXZ,EACC,CACC,GAAGW,EACH,KAAML,EAAa,GACnB,SAAUA,EAAa,KACvB,SAAU,OACV,MAAO,OACP,MAAO,CAAA,CAAC,EAETb,EAAK,GAAA,EAjBNM,EACC,CACC,KAAMO,EAAa,GACnB,SAAUA,EAAa,IAAA,EAExBb,EAAK,GAAA,EAgBHa,EAAa,oBAAqB,CACrC,MAAMO,EAAW,MAAMR,EACtBC,EAAa,GACbA,CAAA,EAED,GAAI,CAACO,EACJ,MAAM,IAAI,MACT,gEAAA,EAGF,OAAOA,CACR,CAEA,MAAO,CAAA,CACR,CAEA,SAASC,EAAqBC,EAA+B,CAC5Df,EACC,CACC,GAAGP,EAAK,WAAY,CAAC,EACrB,SAAAsB,EACA,MAAO,OACP,MAAO,CAAA,CAAC,EAETtB,EAAK,GAAA,CAEP,CAEA,SAASuB,EAAkBC,EAA6B,CACvD,MAAMC,EAAWzB,EAAK,WAAY,CAAC,EAI7B0B,EAFLD,EAAS,WAAa,UACtBE,EAAAA,mBAAmB,SAASF,EAAS,UAAY,EAAE,EACnBG,yBAAuBJ,CAAK,EAAI,CAAA,EAEjEjB,EACC,CACC,GAAGkB,EACH,MAAAD,EACA,MAAAE,CAAA,EAED1B,EAAK,GAAA,CAEP,CAEA,eAAe6B,EACdb,EACAS,EACC,CACD,MAAML,EAAW,MAAML,EACtBU,EAAS,KACTT,CAAA,EAGD,GAAII,GAAU,OAAS,CAACA,GAAU,KACjC,MAAM,IAAI,MACTA,GAAU,OACT,gEAAA,EAIH,OAAQA,EAAS,KAA+B,IAAKU,IAAY,CAChE,MAAOA,EAAO,KACd,MAAOA,EAAO,GACd,SAAU,EAAA,EACT,CACH,CAEA,OACCC,EAAAA,OAACC,EAAAA,qBAAA,CAAqB,KAAAhC,EAAY,KAAAG,EACjC,SAAA4B,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,cAAe,MACf,QAAS,OACT,IAAK,GACL,WAAY,YAAA,EAGb,SAAA,CAAAA,EAAAA,OAACE,EAAAA,QAAA,CACA,SAAU9B,IAAS,OACnB,aAAcH,EAAK,KACnB,YAAaC,EACb,SAAW6B,GACVzB,EACEyB,EAAwB,MACzB9B,EAAK,GAAA,CACN,EARF,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAkC,MAAA,EAYAH,EAAAA,OAACI,EAAAA,qBAAA,CACA,KAAAhC,EACA,SAAUH,GAAM,aAAa,CAAC,EAC9B,kBAAmBW,EACnB,qBAAsBM,EACtB,yBAA0BI,EAC1B,sBAAuBE,EACvB,sBAAAM,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAK,MAAA,CAaA,CAAA,EAjCD,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAkCA,EAnCD,OAAA,GAAA,CAAA,SAAA,~~iIAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAoCA,CAEF"}
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","getCustomFields","getCustomFieldValues","propertyName","rest","searchCustomFieldsValue","searchKey","handlePropertyNameSelection","currentProperty","isRetry","response","handleOperatorChange","operator","handleValueChange","value","property","error","CONTAINS_OPERATORS","getContainsFilterError","onPropertyValueSearch","option","jsxDEV","BaseQueryBuilderNode","AllowedListDropdown","this","PropertyNodeHeadless"],"mappings":"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"}

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

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

package/dist/cjs/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","meta","frequencyMeta","nameMeta","refreshEventName","setRefreshEventName","refreshFreq","setRefreshFreq","refreshDate","setRefreshDate","getEventNames","getEventPropertyKeys","eventName","getEventPropertiesValue","propertyName","searchEventPropertiesValue","searchKey","handleEventNameSelection","option","QueryBuilderConnectorType","FREQUENCY_OPERATORS","DATE_OPERATORS","handleFrequencyOperatorChange","operator","handleFrequencyValueChange","value","handleDateOperatorChange","handleDateValueChange","loadEventNames","response","eventNameOptions","useEffect","fetchPropertyData","onPropertyNameSelect","property","onPropertyOperatorChange","onPropertyValueChange","error","CONTAINS_OPERATORS","getContainsFilterError","handleFilterSelection","prev","iterateOnOptions","onPropertyValueSearch","jsxDEV","BaseQueryBuilderNode","AllowedListDropdown","this","DropdownWrapper","Connector"],"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","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","meta","frequencyMeta","nameMeta","refreshEventName","setRefreshEventName","refreshFreq","setRefreshFreq","refreshDate","setRefreshDate","getEventNames","getEventPropertyKeys","eventName","getEventPropertiesValue","propertyName","searchEventPropertiesValue","searchKey","handleEventNameSelection","option","QueryBuilderConnectorType","FREQUENCY_OPERATORS","DATE_OPERATORS","handleFrequencyOperatorChange","operator","handleFrequencyValueChange","value","handleDateOperatorChange","handleDateValueChange","loadEventNames","response","eventNameOptions","useEffect","fetchPropertyData","onPropertyNameSelect","property","onPropertyOperatorChange","onPropertyValueChange","error","CONTAINS_OPERATORS","getContainsFilterError","handleFilterSelection","prev","iterateOnOptions","onPropertyValueSearch","jsxDEV","BaseQueryBuilderNode","AllowedListDropdown","this","DropdownWrapper","Connector"],"mappings":"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"}

package/dist/cjs/components/QueryBuilder/Filters/Segment/components/SegmentFilter.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-dev-runtime"),l=require("react"),F=require("../../../components/AllowedListDropdown.js"),B=require("../../../helpers/ApiResponse.helper.js"),E=require("../../../hooks/useQueryBuilder.js"),x=require("../../../hooks/useQueryBuilderCache.js"),Q=require("../../../types/QueryBuilder.type.js"),k=require("../../../components/DropdownWrapper.js"),T=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),_=new B.ApiResponseHelper,q=({node:r,allowedNodes:y,apiHandler:f,mode:n,selectorKey:g})=>{const{updateMeta:v,selectType:S,createMeta:u}=E.useQueryBuilder(g),{cacheWrap:b}=x.useQueryBuilderCache(),[c,i]=l.useState(!1),[d,m]=l.useState(),[N,a]=l.useState([]),t=r.metas.find(e=>e.key==="segmentID"),w=()=>b(()=>f({}),"SEGMENT_FILTER");function h(e){Array.isArray(e)||(i(!0),S(e.value,r._id),e.value==Q.QueryBuilderType.SEGMENT_FILTER&&u({key:"segmentID"},r._id)),i(!1)}function D(e){Array.isArray(e)||v({key:"segmentID",value:e.value,error:{}},r._id)}const p=async()=>{i(!0),m(void 0);const e=await w();if(e&&Array.isArray(e))a([...e.map(s=>({label:s.name,value:s.id,description:s.description,selected:n!=="create"&&t?.value?t.value===s.id:!1}))]);else if(e){const s=_.convertToGroupOptions(e,t?.value?[t.value]:void 0);a([...s])}else a([]),m("Something went wrong while fetching the list. Please try again");i(!1)};return l.useEffect(()=>{t||u({key:"segmentID"},r._id),p()},[]),o.jsxDEV(T.BaseQueryBuilderNode,{node:r,mode:n,children:o.jsxDEV("div",{style:{flexDirection:"row",display:"flex",gap:12},children:[o.jsxDEV(F.default,{disabled:n==="view",loading:c,selectedType:r.type,allowedList:y,onSelect:h},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/Segment/components/SegmentFilter.tsx",lineNumber:115,columnNumber:5},void 0),r?.metas?.[0]?.key&&o.jsxDEV(k.default,{selectedValues:t?.value?[t.value]:void 0,isSearchable:!0,isLoading:c,optionsErrorState:d?{title:"Failed to load options",subTitle:d}:void 0,onRetryOptionsFetch:p,disabled:n==="view",width:"200px",dropdownLabel:"Select segment",options:N,onSelect:D,error:r.metas?.[0]?.error?.key??t?.error?.key??t?.error?.value},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/Segment/components/SegmentFilter.tsx",lineNumber:124,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/Segment/components/SegmentFilter.tsx",lineNumber:114,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/Segment/components/SegmentFilter.tsx",lineNumber:113,columnNumber:3},void 0)};exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-dev-runtime"),o=require("react"),w=require("../../../components/AllowedListDropdown.js"),B=require("../../../helpers/ApiResponse.helper.js"),E=require("../../../hooks/useQueryBuilder.js"),D=require("../../../hooks/useQueryBuilderCache.js"),x=require("../../../types/QueryBuilder.type.js"),Q=require("../../../components/DropdownWrapper.js"),T=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),j=new B.ApiResponseHelper,_=({node:r,allowedNodes:y,apiHandler:f,mode:n,selectorKey:g})=>{const{updateMeta:v,selectType:S,createMeta:u}=E.useQueryBuilder(g),{cacheWrap:h}=D.useQueryBuilderCache(),[c,i]=o.useState(!1),[d,m]=o.useState(),[b,a]=o.useState([]),t=r.metas.find(e=>e.key==="segmentID"),N=()=>h(()=>f({}),"SEGMENT_FILTER");function k(e){Array.isArray(e)||(i(!0),S(e.value,r._id),e.value==x.QueryBuilderType.SEGMENT_FILTER&&u({key:"segmentID"},r._id)),i(!1)}function F(e){Array.isArray(e)||v({key:"segmentID",value:e.value,error:{}},r._id)}const p=async()=>{i(!0),m(void 0);const e=await N();if(e&&Array.isArray(e))a([...e.map(s=>({label:s.name,value:s.id,description:s.description,selected:n!=="create"&&t?.value?t.value===s.id:!1}))]);else if(e){const s=j.convertToGroupOptions(e,t?.value?[t.value]:void 0);a([...s])}else a([]),m("Something went wrong while fetching the list. Please try again");i(!1)};return o.useEffect(()=>{t||u({key:"segmentID"},r._id),p()},[]),l.jsxDEV(T.BaseQueryBuilderNode,{node:r,mode:n,children:l.jsxDEV("div",{style:{flexDirection:"row",display:"flex",gap:12},children:[l.jsxDEV(w.default,{disabled:n==="view",loading:c,selectedType:r.type,allowedList:y,onSelect:k},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/Filters/Segment/components/SegmentFilter.tsx",lineNumber:115,columnNumber:5},void 0),r?.metas?.[0]?.key&&l.jsxDEV(Q.default,{selectedValues:t?.value?[t.value]:void 0,isSearchable:!0,isLoading:c,optionsErrorState:d?{title:"Failed to load options",subTitle:d}:void 0,onRetryOptionsFetch:p,disabled:n==="view",width:"200px",dropdownLabel:"Select segment",options:b,onSelect:F,error:r.metas?.[0]?.error?.key??t?.error?.key??t?.error?.value},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/Filters/Segment/components/SegmentFilter.tsx",lineNumber:124,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/Filters/Segment/components/SegmentFilter.tsx",lineNumber:114,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/Filters/Segment/components/SegmentFilter.tsx",lineNumber:113,columnNumber:3},void 0)};exports.default=_;
 //# sourceMappingURL=SegmentFilter.js.map

package/dist/cjs/components/QueryBuilder/Filters/Segment/components/SegmentFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SegmentFilter.js","sources":["../../../../../../../src/components/QueryBuilder/Filters/Segment/components/SegmentFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport AllowedListDropdown from '@src/components/QueryBuilder/components/AllowedListDropdown';\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 { QueryBuilderType } from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport DropdownWrapper from '../../../components/DropdownWrapper';\nimport { BaseQueryBuilderNode } from '../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode';\n\nconst apiResponseHelper = new ApiResponseHelper();\n\nconst SegmentFilter: React.FC<QueryBuilderNodeProps> = ({\n\tnode,\n\tallowedNodes,\n\tapiHandler,\n\tmode,\n\tselectorKey,\n}) => {\n\tconst { updateMeta, selectType, createMeta } = useQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\tconst [loading, setLoading] = useState(false);\n\tconst [segmentFetchError, setSegmentFetchError] = useState<string>();\n\tconst [options, setOptions] = useState<DropdownOption[]>([]);\n\n\tconst segmentNameMeta = node.metas.find((meta) => meta.key === 'segmentID');\n\tconst getSegmentName = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), 'SEGMENT_FILTER');\n\n\tfunction handleTypeSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tif (!Array.isArray(option)) {\n\t\t\tsetLoading(true);\n\t\t\tselectType((option as SingleOption).value as QueryBuilderType, node._id);\n\t\t\tif (option['value'] == QueryBuilderType.SEGMENT_FILTER) {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'segmentID',\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}\n\n\t\tsetLoading(false);\n\t}\n\n\tfunction handleSegmentIDSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tif (!Array.isArray(option)) {\n\t\t\t/** this will always be true, as option will never be an array */\n\t\t\tupdateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'segmentID',\n\t\t\t\t\tvalue: (option as SingleOption).value,\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\t}\n\n\tconst loadSegmentNames = async () => {\n\t\tsetLoading(true);\n\t\tsetSegmentFetchError(undefined);\n\n\t\tconst response = await getSegmentName();\n\n\t\tif (response && Array.isArray(response)) {\n\t\t\tsetOptions([\n\t\t\t\t...response.map((data) => ({\n\t\t\t\t\tlabel: data.name as string,\n\t\t\t\t\tvalue: data.id as string,\n\t\t\t\t\tdescription: data.description,\n\t\t\t\t\tselected:\n\t\t\t\t\t\tmode !== 'create'\n\t\t\t\t\t\t\t? segmentNameMeta?.value\n\t\t\t\t\t\t\t\t? segmentNameMeta.value === data.id\n\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t: false,\n\t\t\t\t})),\n\t\t\t]);\n\t\t} else if (response) {\n\t\t\tconst eventNameOptions = apiResponseHelper.convertToGroupOptions(\n\t\t\t\tresponse,\n\t\t\t\tsegmentNameMeta?.value ? [segmentNameMeta.value as string] : undefined,\n\t\t\t);\n\n\t\t\tsetOptions([...eventNameOptions]);\n\t\t} else {\n\t\t\tsetOptions([]);\n\t\t\tsetSegmentFetchError(\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\tsetLoading(false);\n\t};\n\n\tuseEffect(() => {\n\t\tif (!segmentNameMeta) {\n\t\t\tcreateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'segmentID',\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\tloadSegmentNames();\n\t}, []);\n\n\treturn (\n\t\t<BaseQueryBuilderNode node={node} mode={mode}>\n\t\t\t<div style={{ flexDirection: 'row', display: 'flex', gap: 12 }}>\n\t\t\t\t<AllowedListDropdown\n\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\tloading={loading}\n\t\t\t\t\tselectedType={node.type}\n\t\t\t\t\tallowedList={allowedNodes}\n\t\t\t\t\tonSelect={handleTypeSelection}\n\t\t\t\t/>\n\n\t\t\t\t{node?.metas?.[0]?.key && (\n\t\t\t\t\t<DropdownWrapper\n\t\t\t\t\t\tselectedValues={\n\t\t\t\t\t\t\tsegmentNameMeta?.value\n\t\t\t\t\t\t\t\t? [segmentNameMeta.value as string]\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\tisLoading={loading}\n\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\tsegmentFetchError\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\tsubTitle: segmentFetchError,\n\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonRetryOptionsFetch={loadSegmentNames}\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\twidth=\"200px\"\n\t\t\t\t\t\tdropdownLabel={'Select segment'}\n\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\tonSelect={handleSegmentIDSelection}\n\t\t\t\t\t\terror={\n\t\t\t\t\t\t\t(node.metas?.[0]?.error?.key ??\n\t\t\t\t\t\t\t\tsegmentNameMeta?.error?.key ??\n\t\t\t\t\t\t\t\tsegmentNameMeta?.error?.value) as string\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</BaseQueryBuilderNode>\n\t);\n};\n\nexport default SegmentFilter;\n"],"names":["apiResponseHelper","ApiResponseHelper","SegmentFilter","node","allowedNodes","apiHandler","mode","selectorKey","updateMeta","selectType","createMeta","useQueryBuilder","cacheWrap","useQueryBuilderCache","loading","setLoading","useState","segmentFetchError","setSegmentFetchError","options","setOptions","segmentNameMeta","meta","getSegmentName","handleTypeSelection","option","QueryBuilderType","handleSegmentIDSelection","loadSegmentNames","response","data","eventNameOptions","useEffect","jsxDEV","BaseQueryBuilderNode","AllowedListDropdown","this","DropdownWrapper"],"mappings":"2iBAWMA,EAAoB,IAAIC,EAAAA,kBAExBC,EAAiD,CAAC,CACvD,KAAAC,EACA,aAAAC,EACA,WAAAC,EACA,KAAAC,EACA,YAAAC,CACD,IAAM,CACL,KAAM,CAAE,WAAAC,EAAY,WAAAC,EAAY,WAAAC,CAAA,EAAeC,EAAAA,gBAAgBJ,CAAW,EACpE,CAAE,UAAAK,CAAA,EAAcC,uBAAA,EAChB,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EACtC,CAACC,EAAmBC,CAAoB,EAAIF,WAAA,EAC5C,CAACG,EAASC,CAAU,EAAIJ,EAAAA,SAA2B,CAAA,CAAE,EAErDK,EAAkBlB,EAAK,MAAM,KAAMmB,GAASA,EAAK,MAAQ,WAAW,EACpEC,EAAiB,IACtBX,EAAU,IAAMP,EAAsB,CAAA,CAAE,EAAG,gBAAgB,EAE5D,SAASmB,EAAoBC,EAA2C,CAClE,MAAM,QAAQA,CAAM,IACxBV,EAAW,EAAI,EACfN,EAAYgB,EAAwB,MAA2BtB,EAAK,GAAG,EACnEsB,EAAO,OAAYC,EAAAA,iBAAiB,gBACvChB,EACC,CACC,IAAK,WAAA,EAENP,EAAK,GAAA,GAKRY,EAAW,EAAK,CACjB,CAEA,SAASY,EAAyBF,EAA2C,CACvE,MAAM,QAAQA,CAAM,GAExBjB,EACC,CACC,IAAK,YACL,MAAQiB,EAAwB,MAChC,MAAO,CAAA,CAAC,EAETtB,EAAK,GAAA,CAGR,CAEA,MAAMyB,EAAmB,SAAY,CACpCb,EAAW,EAAI,EACfG,EAAqB,MAAS,EAE9B,MAAMW,EAAW,MAAMN,EAAA,EAEvB,GAAIM,GAAY,MAAM,QAAQA,CAAQ,EACrCT,EAAW,CACV,GAAGS,EAAS,IAAKC,IAAU,CAC1B,MAAOA,EAAK,KACZ,MAAOA,EAAK,GACZ,YAAaA,EAAK,YAClB,SACCxB,IAAS,UACNe,GAAiB,MAChBA,EAAgB,QAAUS,EAAK,GAEhC,EAAA,EACH,CAAA,CACF,UACSD,EAAU,CACpB,MAAME,EAAmB/B,EAAkB,sBAC1C6B,EACAR,GAAiB,MAAQ,CAACA,EAAgB,KAAe,EAAI,MAAA,EAG9DD,EAAW,CAAC,GAAGW,CAAgB,CAAC,CACjC,MACCX,EAAW,CAAA,CAAE,EACbF,EACC,gEAAA,EAIFH,EAAW,EAAK,CACjB,EAEAiB,OAAAA,EAAAA,UAAU,IAAM,CACVX,GACJX,EACC,CACC,IAAK,WAAA,EAENP,EAAK,GAAA,EAIPyB,EAAA,CACD,EAAG,CAAA,CAAE,EAGJK,EAAAA,OAACC,EAAAA,qBAAA,CAAqB,KAAA/B,EAAY,KAAAG,EACjC,kBAAC,MAAA,CAAI,MAAO,CAAE,cAAe,MAAO,QAAS,OAAQ,IAAK,IACzD,SAAA,CAAA2B,EAAAA,OAACE,EAAAA,QAAA,CACA,SAAU7B,IAAS,OACnB,QAAAQ,EACA,aAAcX,EAAK,KACnB,YAAaC,EACb,SAAUoB,CAAA,EALX,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAY,MAAA,EAQCjC,GAAM,QAAQ,CAAC,GAAG,KAClB8B,EAAAA,OAACI,EAAAA,QAAA,CACA,eACChB,GAAiB,MACd,CAACA,EAAgB,KAAe,EAChC,OAEJ,aAAY,GACZ,UAAWP,EACX,kBACCG,EACG,CACA,MAAO,yBACP,SAAUA,CAAA,EAEV,OAEJ,oBAAqBW,EACrB,SAAUtB,IAAS,OACnB,MAAM,QACN,cAAe,iBACf,QAAAa,EACA,SAAUQ,EACV,MACExB,EAAK,QAAQ,CAAC,GAAG,OAAO,KACxBkB,GAAiB,OAAO,KACxBA,GAAiB,OAAO,KAAA,EAzB3B,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAe,MAAA,CA2BA,CAAA,EArCF,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAuCA,CAAA,EAxCD,OAAA,GAAA,CAAA,SAAA~~,+HAAA~~,WAAA,IAAA,aAAA,CAAA,EAAAA,MAyCA,CAEF"}
1	+ {"version":3,"file":"SegmentFilter.js","sources":["../../../../../../../src/components/QueryBuilder/Filters/Segment/components/SegmentFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport AllowedListDropdown from '@src/components/QueryBuilder/components/AllowedListDropdown';\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 { QueryBuilderType } from '@src/components/QueryBuilder/types/QueryBuilder.type';\nimport { QueryBuilderNodeProps } from '@src/components/QueryBuilder/types/QueryBuilderNodeProps.type';\nimport DropdownWrapper from '../../../components/DropdownWrapper';\nimport { BaseQueryBuilderNode } from '../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode';\n\nconst apiResponseHelper = new ApiResponseHelper();\n\nconst SegmentFilter: React.FC<QueryBuilderNodeProps> = ({\n\tnode,\n\tallowedNodes,\n\tapiHandler,\n\tmode,\n\tselectorKey,\n}) => {\n\tconst { updateMeta, selectType, createMeta } = useQueryBuilder(selectorKey);\n\tconst { cacheWrap } = useQueryBuilderCache();\n\tconst [loading, setLoading] = useState(false);\n\tconst [segmentFetchError, setSegmentFetchError] = useState<string>();\n\tconst [options, setOptions] = useState<DropdownOption[]>([]);\n\n\tconst segmentNameMeta = node.metas.find((meta) => meta.key === 'segmentID');\n\tconst getSegmentName = () =>\n\t\tcacheWrap(() => apiHandler<undefined>({}), 'SEGMENT_FILTER');\n\n\tfunction handleTypeSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tif (!Array.isArray(option)) {\n\t\t\tsetLoading(true);\n\t\t\tselectType((option as SingleOption).value as QueryBuilderType, node._id);\n\t\t\tif (option['value'] == QueryBuilderType.SEGMENT_FILTER) {\n\t\t\t\tcreateMeta(\n\t\t\t\t\t{\n\t\t\t\t\t\tkey: 'segmentID',\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}\n\n\t\tsetLoading(false);\n\t}\n\n\tfunction handleSegmentIDSelection(option: DropdownOption \| DropdownOption[]) {\n\t\tif (!Array.isArray(option)) {\n\t\t\t/** this will always be true, as option will never be an array */\n\t\t\tupdateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'segmentID',\n\t\t\t\t\tvalue: (option as SingleOption).value,\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\t}\n\n\tconst loadSegmentNames = async () => {\n\t\tsetLoading(true);\n\t\tsetSegmentFetchError(undefined);\n\n\t\tconst response = await getSegmentName();\n\n\t\tif (response && Array.isArray(response)) {\n\t\t\tsetOptions([\n\t\t\t\t...response.map((data) => ({\n\t\t\t\t\tlabel: data.name as string,\n\t\t\t\t\tvalue: data.id as string,\n\t\t\t\t\tdescription: data.description,\n\t\t\t\t\tselected:\n\t\t\t\t\t\tmode !== 'create'\n\t\t\t\t\t\t\t? segmentNameMeta?.value\n\t\t\t\t\t\t\t\t? segmentNameMeta.value === data.id\n\t\t\t\t\t\t\t\t: false\n\t\t\t\t\t\t\t: false,\n\t\t\t\t})),\n\t\t\t]);\n\t\t} else if (response) {\n\t\t\tconst eventNameOptions = apiResponseHelper.convertToGroupOptions(\n\t\t\t\tresponse,\n\t\t\t\tsegmentNameMeta?.value ? [segmentNameMeta.value as string] : undefined,\n\t\t\t);\n\n\t\t\tsetOptions([...eventNameOptions]);\n\t\t} else {\n\t\t\tsetOptions([]);\n\t\t\tsetSegmentFetchError(\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\tsetLoading(false);\n\t};\n\n\tuseEffect(() => {\n\t\tif (!segmentNameMeta) {\n\t\t\tcreateMeta(\n\t\t\t\t{\n\t\t\t\t\tkey: 'segmentID',\n\t\t\t\t},\n\t\t\t\tnode._id,\n\t\t\t);\n\t\t}\n\n\t\tloadSegmentNames();\n\t}, []);\n\n\treturn (\n\t\t<BaseQueryBuilderNode node={node} mode={mode}>\n\t\t\t<div style={{ flexDirection: 'row', display: 'flex', gap: 12 }}>\n\t\t\t\t<AllowedListDropdown\n\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\tloading={loading}\n\t\t\t\t\tselectedType={node.type}\n\t\t\t\t\tallowedList={allowedNodes}\n\t\t\t\t\tonSelect={handleTypeSelection}\n\t\t\t\t/>\n\n\t\t\t\t{node?.metas?.[0]?.key && (\n\t\t\t\t\t<DropdownWrapper\n\t\t\t\t\t\tselectedValues={\n\t\t\t\t\t\t\tsegmentNameMeta?.value\n\t\t\t\t\t\t\t\t? [segmentNameMeta.value as string]\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisSearchable\n\t\t\t\t\t\tisLoading={loading}\n\t\t\t\t\t\toptionsErrorState={\n\t\t\t\t\t\t\tsegmentFetchError\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\ttitle: 'Failed to load options',\n\t\t\t\t\t\t\t\t\t\tsubTitle: segmentFetchError,\n\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonRetryOptionsFetch={loadSegmentNames}\n\t\t\t\t\t\tdisabled={mode === 'view'}\n\t\t\t\t\t\twidth=\"200px\"\n\t\t\t\t\t\tdropdownLabel={'Select segment'}\n\t\t\t\t\t\toptions={options}\n\t\t\t\t\t\tonSelect={handleSegmentIDSelection}\n\t\t\t\t\t\terror={\n\t\t\t\t\t\t\t(node.metas?.[0]?.error?.key ??\n\t\t\t\t\t\t\t\tsegmentNameMeta?.error?.key ??\n\t\t\t\t\t\t\t\tsegmentNameMeta?.error?.value) as string\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</BaseQueryBuilderNode>\n\t);\n};\n\nexport default SegmentFilter;\n"],"names":["apiResponseHelper","ApiResponseHelper","SegmentFilter","node","allowedNodes","apiHandler","mode","selectorKey","updateMeta","selectType","createMeta","useQueryBuilder","cacheWrap","useQueryBuilderCache","loading","setLoading","useState","segmentFetchError","setSegmentFetchError","options","setOptions","segmentNameMeta","meta","getSegmentName","handleTypeSelection","option","QueryBuilderType","handleSegmentIDSelection","loadSegmentNames","response","data","eventNameOptions","useEffect","jsxDEV","BaseQueryBuilderNode","AllowedListDropdown","this","DropdownWrapper"],"mappings":"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"}

package/dist/cjs/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),v=require("../../../components/AllowedListDropdown.js"),S=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),c=require("../../../helpers/SegmentValidator.js"),E=require("../../../hooks/useQueryBuilder.js"),x=require("../../../hooks/useQueryBuilderCache.js"),B=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),D=({node:t,allowedNodes:d,apiHandler:i,mode:a,selectorKey:y})=>{const{selectType:p,createProperty:m,updateProperty:l}=E.useQueryBuilder(y),{cacheWrap:u}=x.useQueryBuilderCache(),P=()=>u(()=>i({}),"USER_PROPERTIES"),f=e=>u(()=>i({query:{propertyName:e}}),`USER_PROPERTIES-${e}`),h=async(e,r)=>await i({query:{propertyName:e,searchKey:r}});async function w(e){const r=t.properties?.[0],o=!!r&&r.name===e.id&&r.dataType===e.type;if(r?o||l({...r,name:e.id,dataType:e.type,operator:void 0,value:void 0,error:{}},t._id):m({name:e.id,dataType:e.type},t._id),e.needValuesRetrieval){const s=await f(e.id);if(!s)throw new Error("Something went wrong while fetching the list. Please try again");return s}return[]}function g(e){l({...t.properties[0],operator:e,value:void 0,error:{}},t._id)}function b(e){const r=t.properties[0],s=r.dataType==="string"&&c.CONTAINS_OPERATORS.includes(r.operator??"")?c.getContainsFilterError(e):{};l({...r,value:e,error:s},t._id)}async function U(e,r){const o=await h(r.name,e);if(o?.error||!o?.data)throw new Error(o?.error||"Something went wrong while fetching the list. Please try again");return o.data.map(s=>({label:s.name,value:s.id,selected:!1}))}return n.jsxDEV(B.BaseQueryBuilderNode,{node:t,mode:a,children:n.jsxDEV("div",{style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"},children:[n.jsxDEV(v.default,{disabled:a==="view",selectedType:t.type,allowedList:d,onSelect:e=>p(e.value,t._id)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:167,columnNumber:5},void 0),n.jsxDEV(S.PropertyNodeHeadless,{mode:a,property:t?.properties?.[0],fetchPropertyData:P,onPropertyNameSelect:w,onPropertyOperatorChange:g,onPropertyValueChange:b,onPropertyValueSearch:U},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:179,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:159,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:158,columnNumber:3},void 0)};exports.default=D;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-dev-runtime"),v=require("../../../components/AllowedListDropdown.js"),S=require("../../../components/QueryBuilderNode/Property/PropertyNode.js"),c=require("../../../helpers/SegmentValidator.js"),E=require("../../../hooks/useQueryBuilder.js"),x=require("../../../hooks/useQueryBuilderCache.js"),B=require("../../../components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),F=({node:t,allowedNodes:d,apiHandler:n,mode:a,selectorKey:p})=>{const{selectType:y,createProperty:P,updateProperty:l}=E.useQueryBuilder(p),{cacheWrap:u}=x.useQueryBuilderCache(),h=()=>u(()=>n({}),"USER_PROPERTIES"),m=e=>u(()=>n({query:{propertyName:e}}),`USER_PROPERTIES-${e}`),f=async(e,r)=>await n({query:{propertyName:e,searchKey:r}});async function g(e){const r=t.properties?.[0],s=!!r&&r.name===e.id&&r.dataType===e.type;if(r?s||l({...r,name:e.id,dataType:e.type,operator:void 0,value:void 0,error:{}},t._id):P({name:e.id,dataType:e.type},t._id),e.needValuesRetrieval){const o=await m(e.id);if(!o)throw new Error("Something went wrong while fetching the list. Please try again");return o}return[]}function b(e){l({...t.properties[0],operator:e,value:void 0,error:{}},t._id)}function w(e){const r=t.properties[0],o=r.dataType==="string"&&c.CONTAINS_OPERATORS.includes(r.operator??"")?c.getContainsFilterError(e):{};l({...r,value:e,error:o},t._id)}async function U(e,r){const s=await f(r.name,e);if(s?.error||!s?.data)throw new Error(s?.error||"Something went wrong while fetching the list. Please try again");return s.data.map(o=>({label:o.name,value:o.id,selected:!1}))}return i.jsxDEV(B.BaseQueryBuilderNode,{node:t,mode:a,children:i.jsxDEV("div",{style:{flexDirection:"row",display:"flex",gap:12,alignItems:"flex-start"},children:[i.jsxDEV(v.default,{disabled:a==="view",selectedType:t.type,allowedList:d,onSelect:e=>y(e.value,t._id)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:167,columnNumber:5},void 0),i.jsxDEV(S.PropertyNodeHeadless,{mode:a,property:t?.properties?.[0],fetchPropertyData:h,onPropertyNameSelect:g,onPropertyOperatorChange:b,onPropertyValueChange:w,onPropertyValueSearch:U},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:179,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:159,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/prateekchouhan/Projects/bik-component-library/src/components/QueryBuilder/Filters/UserProperty/components/UserPropertyFilter.tsx",lineNumber:158,columnNumber:3},void 0)};exports.default=F;
 //# sourceMappingURL=UserPropertyFilter.js.map