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

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

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

Files changed (1549) hide show

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"NoResult.js","sources":["../../../../src/components/variable-picker-v3/NoResult.tsx"],"sourcesContent":["import SearchIcon from '@src/assets/icons/search.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodySecondary, TitleMedium } from '../TypographyStyle';\n\ntype Props = {\n\theight: string;\n\tsearchText?: string;\n};\n\nconst NoResult = (props: Props) => {\n\treturn (\n\t\t<Container height={props.height}>\n\t\t\t<IconWrapper>\n\t\t\t\t<SearchIcon width={24} height={24} color={COLORS.background.brand} />\n\t\t\t</IconWrapper>\n\t\t\t<div style={{ textAlign: 'center' }}>\n\t\t\t\t<TitleMedium>No results found</TitleMedium>\n\t\t\t\t{props.searchText ? (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any results for \"${props.searchText}\"`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t) : (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any variables`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n\nexport default NoResult;\n\nconst Container = styled.div<{ height: string }>`\n\tdisplay: flex;\n\tgap: 16px;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0 16px;\n\theight: ${(props) => props.height};\n`;\n\nconst IconWrapper = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: ${COLORS.background.brandLight};\n\twidth: 48px;\n\theight: 48px;\n\tborder-radius: 24px;\n`;\n"],"names":["NoResult","Container","styled","div","props","height","IconWrapper","COLORS","background","brandLight","_jsxs","Object","assign","children","_jsx","jsx","SearchIcon","width","color","brand","jsxs","style","textAlign","TitleMedium","searchText","BodySecondary","content","secondary","marginTop"],"mappings":"gVAUMA,MA4BAC,EAAYC,EAAM,QAACC,GAAuB;;;;;;;WAOpCC,GAAUA,EAAMC;EAGtBC,EAAcJ,EAAM,QAACC,GAAG;;;;qBAITI,EAAMA,OAACC,WAAWC;;;;kBA1CrBL,GAEhBM,OAACT,EAAUU,OAAAC,OAAA,CAAAP,OAAQD,EAAMC,QAAM,CAAAQ,SAAA,CAC9BC,EAACC,IAAAT,YACAQ,EAACC,IAAAC,UAAW,CAAAC,MAAO,GAAIZ,OAAQ,GAAIa,MAAOX,EAAAA,OAAOC,WAAWW,UAE7DT,EAAKU,KAAA,MAAAT,OAAAC,OAAA,CAAAS,MAAO,CAAEC,UAAW,WAAU,CAAAT,SAAA,CAClCC,EAACC,IAAAQ,cAA0C,CAAAV,SAAA,qBAC1CT,EAAMoB,WACNV,MAACW,EAAaA,cAAAd,OAAAC,OAAA,CACbS,MAAO,CAAEH,MAAOX,EAAAA,OAAOmB,QAAQC,UAAWC,UAAW,IAAG,CAAAf,~~SAEX~~,~~4CAAAT~~,EAAMoB,iBAGpDV,EAAAC,IAACU,gBAAad,OAAAC,OAAA,CACbS,MAAO,CAAEH,MAAOX,EAAAA,OAAOmB,QAAQC,UAAWC,UAAW,IAAG,CAAAf,~~SAEhB~~"}
1	+ {"version":3,"file":"NoResult.js","sources":["../../../../src/components/variable-picker-v3/NoResult.tsx"],"sourcesContent":["import SearchIcon from '@src/assets/icons/search.svg';\nimport styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodySecondary, TitleMedium } from '../TypographyStyle';\n\ntype Props = {\n\theight: string;\n\tsearchText?: string;\n};\n\nconst NoResult = (props: Props) => {\n\treturn (\n\t\t<Container height={props.height}>\n\t\t\t<IconWrapper>\n\t\t\t\t<SearchIcon width={24} height={24} color={COLORS.background.brand} />\n\t\t\t</IconWrapper>\n\t\t\t<div style={{ textAlign: 'center' }}>\n\t\t\t\t<TitleMedium>No results found</TitleMedium>\n\t\t\t\t{props.searchText ? (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any results for \"${props.searchText}\"`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t) : (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{ color: COLORS.content.secondary, marginTop: 8 }}\n\t\t\t\t\t>\n\t\t\t\t\t\t{`Sorry we could not find any variables`}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n\nexport default NoResult;\n\nconst Container = styled.div<{ height: string }>`\n\tdisplay: flex;\n\tgap: 16px;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tpadding: 0 16px;\n\theight: ${(props) => props.height};\n`;\n\nconst IconWrapper = styled.div`\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: ${COLORS.background.brandLight};\n\twidth: 48px;\n\theight: 48px;\n\tborder-radius: 24px;\n`;\n"],"names":["NoResult","Container","styled","div","props","height","IconWrapper","COLORS","background","brandLight","_jsxs","Object","assign","children","_jsx","jsx","SearchIcon","width","color","brand","jsxs","style","textAlign","TitleMedium","searchText","BodySecondary","content","secondary","marginTop"],"mappings":"gVAUMA,MA4BAC,EAAYC,EAAM,QAACC,GAAuB;;;;;;;WAOpCC,GAAUA,EAAMC;EAGtBC,EAAcJ,EAAM,QAACC,GAAG;;;;qBAITI,EAAMA,OAACC,WAAWC;;;;kBA1CrBL,GAEhBM,OAACT,EAAUU,OAAAC,OAAA,CAAAP,OAAQD,EAAMC,QAAM,CAAAQ,SAAA,CAC9BC,EAACC,IAAAT,YACAQ,EAACC,IAAAC,UAAW,CAAAC,MAAO,GAAIZ,OAAQ,GAAIa,MAAOX,EAAAA,OAAOC,WAAWW,UAE7DT,EAAKU,KAAA,MAAAT,OAAAC,OAAA,CAAAS,MAAO,CAAEC,UAAW,WAAU,CAAAT,SAAA,CAClCC,EAACC,IAAAQ,cAA0C,CAAAV,SAAA,qBAC1CT,EAAMoB,WACNV,MAACW,EAAaA,cAAAd,OAAAC,OAAA,CACbS,MAAO,CAAEH,MAAOX,EAAAA,OAAOmB,QAAQC,UAAWC,UAAW,IAAG,CAAAf,SAEvD,4CAA4CT,EAAMoB,iBAGpDV,EAAAC,IAACU,gBAAad,OAAAC,OAAA,CACbS,MAAO,CAAEH,MAAOX,EAAAA,OAAOmB,QAAQC,UAAWC,UAAW,IAAG,CAAAf,SAEvD"}

package/dist/cjs/components/variable-picker-v3/searchVariables.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=function(a,s,t){let i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(a.toLowerCase())&&(void 0!==s[l].variables&&0===Object.keys(s[l].variables).length&&delete s[l].variables,t.push(s[l].isSubHeader?{[l]:Object.assign(Object.assign({},s[l]),{contextQ:i})}:Object.assign(Object.assign({},s[l]),{contextQ:i}))),s[l].variables&&Object.keys(s[l].variables).length&&e(a,s[l].variables,t,[...i,s[l].displayName])}))};exports.searchVariables=(a,s,t)=>{if(!a)return t.length>0?[t[t.length-1].variables]:s;const i=[];return s.forEach((s=>{if(t.length>0)if(s.displayName&&void 0!==s.variables)e(a,s.variables,i,[...s.contextQ||[],s.displayName]);else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,i,[...s.contextQ||[],s.displayName])}else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,i,[s.displayName])}})),i};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=(a,s,t,i=[])=>{Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(a.toLowerCase())&&(void 0!==s[l].variables&&0===Object.keys(s[l].variables).length&&delete s[l].variables,t.push(s[l].isSubHeader?{[l]:Object.assign(Object.assign({},s[l]),{contextQ:i})}:Object.assign(Object.assign({},s[l]),{contextQ:i}))),s[l].variables&&Object.keys(s[l].variables).length&&e(a,s[l].variables,t,[...i,s[l].displayName])}))};exports.searchVariables=(a,s,t)=>{if(!a)return t.length>0?[t[t.length-1].variables]:s;const i=[];return s.forEach((s=>{if(t.length>0)if(s.displayName&&void 0!==s.variables)e(a,s.variables,i,[...s.contextQ||[],s.displayName]);else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,i,[...s.contextQ||[],s.displayName])}else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,i,[s.displayName])}})),i};
 //# sourceMappingURL=searchVariables.js.map

package/dist/cjs/components/variable-picker-v3/searchVariables.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"searchVariables.js","sources":["../../../../src/components/variable-picker-v3/searchVariables.ts"],"sourcesContent":["import { VariableListInterfaceV3 } from './model';\n\nexport const searchVariables = (\n\ttext: string,\n\tdata: VariableListInterfaceV3[],\n\tsubHeaderStack: any[],\n) => {\n\tif (!text) {\n\t\tif (subHeaderStack.length > 0) {\n\t\t\treturn [subHeaderStack[subHeaderStack.length - 1].variables];\n\t\t} else {\n\t\t\treturn data;\n\t\t}\n\t}\n\tconst filteredData: VariableListInterfaceV3[] = [];\n\tdata.forEach((variable) => {\n\t\t// if inside a stack\n\t\tif (subHeaderStack.length > 0) {\n\t\t\t// dont show accordion level or zero level variables\n\t\t\tif (variable.displayName && typeof variable.variables !== 'undefined') {\n\t\t\t\trecursiveSearch(text, variable.variables, filteredData, [\n\t\t\t\t\t...(variable.contextQ \|\| []),\n\t\t\t\t\tvariable.displayName,\n\t\t\t\t]);\n\t\t\t} else {\n\t\t\t\t// non level zero\n\t\t\t\tif (variable.displayName.toLowerCase().includes(text.toLowerCase())) {\n\t\t\t\t\tfilteredData.push(variable);\n\t\t\t\t}\n\t\t\t\tif (!variable.variables \|\| !Object.keys(variable.variables).length) {\n\t\t\t\t\treturn;\n\t\t\t\t} else {\n\t\t\t\t\trecursiveSearch(text, variable.variables, filteredData, [\n\t\t\t\t\t\t...(variable.contextQ \|\| []),\n\t\t\t\t\t\tvariable.displayName,\n\t\t\t\t\t]);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\t// if level zero return everything\n\t\t\tif (variable.displayName.toLowerCase().includes(text.toLowerCase())) {\n\t\t\t\tfilteredData.push(variable);\n\t\t\t}\n\t\t\tif (!variable.variables \|\| !Object.keys(variable.variables).length) {\n\t\t\t\treturn;\n\t\t\t} else {\n\t\t\t\trecursiveSearch(text, variable.variables, filteredData, [\n\t\t\t\t\tvariable.displayName,\n\t\t\t\t]);\n\t\t\t}\n\t\t}\n\t});\n\treturn filteredData;\n};\n\nconst recursiveSearch = (\n\ttext: string,\n\tdata: any, // TODO: type this\n\tfilteredData: VariableListInterfaceV3[],\n\tcontextQ: string[] = [],\n) => {\n\tObject.keys(data).forEach((key) => {\n\t\tif (data[key].displayName.toLowerCase().includes(text.toLowerCase())) {\n\t\t\t// remove empty variables\n\t\t\tif (\n\t\t\t\ttypeof data[key].variables !== 'undefined' &&\n\t\t\t\tObject.keys(data[key].variables).length === 0\n\t\t\t) {\n\t\t\t\tdelete data[key].variables;\n\t\t\t}\n\t\t\t// if subHeader include the category for rendering in the UI as nested list item\n\t\t\tfilteredData.push(\n\t\t\t\tdata[key].isSubHeader\n\t\t\t\t\t? { [key]: { ...data[key], contextQ } }\n\t\t\t\t\t: { ...data[key], contextQ },\n\t\t\t);\n\t\t}\n\t\tif (!data[key].variables \|\| !Object.keys(data[key].variables).length) {\n\t\t\treturn;\n\t\t} else {\n\t\t\trecursiveSearch(text, data[key].variables, filteredData, [\n\t\t\t\t...contextQ,\n\t\t\t\tdata[key].displayName,\n\t\t\t]);\n\t\t}\n\t});\n};\n"],"names":["recursiveSearch","text","data","filteredData","contextQ","~~arguments","length","undefined","~~Object","keys","forEach","key","displayName","toLowerCase","includes","variables","push","isSubHeader","assign","searchVariables","subHeaderStack","variable"],"mappings":"oEAEO,MAqDDA,~~EAAkB~~,~~SACvBC~~,EACAC,EACAC,~~GAEG~~,~~IADHC~~,~~EAAAC~~,~~UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAqB,GAErBG,~~OAAOC,~~KAAKP~~,~~GAAMQ~~,SAASC,~~IACtBT~~,~~EAAKS~~,GAAKC,YAAYC,cAAcC,~~SAASb~~,~~EAAKY~~,sBAGrB,~~IAAxBX~~,~~EAAKS~~,GAAKI,WAC2B,IAA5CP,OAAOC,~~KAAKP~~,~~EAAKS~~,GAAKI,~~WAAWT~~,~~eAE1BJ~~,~~EAAKS~~,GAAKI,~~UAGlBZ~~,~~EAAaa~~,~~KACZd~~,~~EAAKS~~,~~GAAKM~~,YACP,~~CAAEN~~,CAACA,GAAIH,~~OAAAU~~,~~OAAAV~~,~~OAAAU~~,OAAA,~~GAAOhB~~,~~EAAKS~~,IAAM,~~CAAAP~~,~~cAC1BI~~,~~OAAAU~~,~~OAAAV~~,~~OAAAU~~,OAAA,CAAA,~~EAAMhB~~,~~EAAKS~~,IAAM,~~CAAAP~~,eAGhBF,~~EAAKS~~,GAAKI,WAAcP,OAAOC,~~KAAKP~~,~~EAAKS~~,GAAKI,~~WAAWT~~,~~QAG7DN~~,EAAgBC,EAAMC,~~EAAKS~~,GAAKI,~~UAAWZ~~,EAAc,IACrDC,EACHF,~~EAAKS~~,GAAKC,aAEX,~~GAEH~~,~~0BApF+BO~~,~~CAC9BlB~~,EACAC,~~EACAkB~~,KAEA,~~IAAKnB~~,EACJ,~~OAAImB~~,~~EAAed~~,OAAS,EACpB,~~CAACc~~,EAAeA,~~EAAed~~,OAAS,~~GAAGS~~,~~WAE3Cb~~,EAGT,MAAMC,EAA0C,GAsChD,OArCAD,~~EAAKQ~~,~~SAASW~~,IAEb,GAAID,~~EAAed~~,OAAS,EAE3B,~~GAAIe~~,~~EAAST~~,kBAA6C,~~IAAvBS~~,~~EAASN~~,~~UAC3Cf~~,EAAgBC,~~EAAMoB~~,~~EAASN~~,~~UAAWZ~~,EAAc,~~IACnDkB~~,~~EAASjB~~,UAAY,~~GACzBiB~~,~~EAAST~~,kBAEJ,CAKN,~~GAHIS~~,~~EAAST~~,YAAYC,cAAcC,~~SAASb~~,~~EAAKY~~,~~gBACpDV~~,~~EAAaa~~,KAAKK,IAEdA,~~EAASN~~,YAAcP,OAAOC,~~KAAKY~~,~~EAASN~~,~~WAAWT~~,OAC3D,~~OAEAN~~,EAAgBC,~~EAAMoB~~,~~EAASN~~,~~UAAWZ~~,EAAc,~~IACnDkB~~,~~EAASjB~~,UAAY,~~GACzBiB~~,~~EAAST~~,aAGX,KACK,CAKN,~~GAHIS~~,~~EAAST~~,YAAYC,cAAcC,~~SAASb~~,~~EAAKY~~,~~gBACpDV~~,~~EAAaa~~,KAAKK,IAEdA,~~EAASN~~,YAAcP,OAAOC,~~KAAKY~~,~~EAASN~~,~~WAAWT~~,OAC3D,~~OAEAN~~,EAAgBC,~~EAAMoB~~,~~EAASN~~,~~UAAWZ~~,EAAc,~~CACvDkB~~,~~EAAST~~,aAGX,~~KAEKT~~,CAAY"}
1	+ {"version":3,"file":"searchVariables.js","sources":["../../../../src/components/variable-picker-v3/searchVariables.ts"],"sourcesContent":["import { VariableListInterfaceV3 } from './model';\n\nexport const searchVariables = (\n\ttext: string,\n\tdata: VariableListInterfaceV3[],\n\tsubHeaderStack: any[],\n) => {\n\tif (!text) {\n\t\tif (subHeaderStack.length > 0) {\n\t\t\treturn [subHeaderStack[subHeaderStack.length - 1].variables];\n\t\t} else {\n\t\t\treturn data;\n\t\t}\n\t}\n\tconst filteredData: VariableListInterfaceV3[] = [];\n\tdata.forEach((variable) => {\n\t\t// if inside a stack\n\t\tif (subHeaderStack.length > 0) {\n\t\t\t// dont show accordion level or zero level variables\n\t\t\tif (variable.displayName && typeof variable.variables !== 'undefined') {\n\t\t\t\trecursiveSearch(text, variable.variables, filteredData, [\n\t\t\t\t\t...(variable.contextQ \|\| []),\n\t\t\t\t\tvariable.displayName,\n\t\t\t\t]);\n\t\t\t} else {\n\t\t\t\t// non level zero\n\t\t\t\tif (variable.displayName.toLowerCase().includes(text.toLowerCase())) {\n\t\t\t\t\tfilteredData.push(variable);\n\t\t\t\t}\n\t\t\t\tif (!variable.variables \|\| !Object.keys(variable.variables).length) {\n\t\t\t\t\treturn;\n\t\t\t\t} else {\n\t\t\t\t\trecursiveSearch(text, variable.variables, filteredData, [\n\t\t\t\t\t\t...(variable.contextQ \|\| []),\n\t\t\t\t\t\tvariable.displayName,\n\t\t\t\t\t]);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\t// if level zero return everything\n\t\t\tif (variable.displayName.toLowerCase().includes(text.toLowerCase())) {\n\t\t\t\tfilteredData.push(variable);\n\t\t\t}\n\t\t\tif (!variable.variables \|\| !Object.keys(variable.variables).length) {\n\t\t\t\treturn;\n\t\t\t} else {\n\t\t\t\trecursiveSearch(text, variable.variables, filteredData, [\n\t\t\t\t\tvariable.displayName,\n\t\t\t\t]);\n\t\t\t}\n\t\t}\n\t});\n\treturn filteredData;\n};\n\nconst recursiveSearch = (\n\ttext: string,\n\tdata: any, // TODO: type this\n\tfilteredData: VariableListInterfaceV3[],\n\tcontextQ: string[] = [],\n) => {\n\tObject.keys(data).forEach((key) => {\n\t\tif (data[key].displayName.toLowerCase().includes(text.toLowerCase())) {\n\t\t\t// remove empty variables\n\t\t\tif (\n\t\t\t\ttypeof data[key].variables !== 'undefined' &&\n\t\t\t\tObject.keys(data[key].variables).length === 0\n\t\t\t) {\n\t\t\t\tdelete data[key].variables;\n\t\t\t}\n\t\t\t// if subHeader include the category for rendering in the UI as nested list item\n\t\t\tfilteredData.push(\n\t\t\t\tdata[key].isSubHeader\n\t\t\t\t\t? { [key]: { ...data[key], contextQ } }\n\t\t\t\t\t: { ...data[key], contextQ },\n\t\t\t);\n\t\t}\n\t\tif (!data[key].variables \|\| !Object.keys(data[key].variables).length) {\n\t\t\treturn;\n\t\t} else {\n\t\t\trecursiveSearch(text, data[key].variables, filteredData, [\n\t\t\t\t...contextQ,\n\t\t\t\tdata[key].displayName,\n\t\t\t]);\n\t\t}\n\t});\n};\n"],"names":["recursiveSearch","text","data","filteredData","contextQ","Object","keys","forEach","key","displayName","toLowerCase","includes","variables","length","push","isSubHeader","assign","searchVariables","subHeaderStack","variable"],"mappings":"oEAEO,MAqDDA,EAAkBA,CACvBC,EACAC,EACAC,EACAC,EAAqB,MAErBC,OAAOC,KAAKJ,GAAMK,SAASC,IACtBN,EAAKM,GAAKC,YAAYC,cAAcC,SAASV,EAAKS,sBAGrB,IAAxBR,EAAKM,GAAKI,WAC2B,IAA5CP,OAAOC,KAAKJ,EAAKM,GAAKI,WAAWC,eAE1BX,EAAKM,GAAKI,UAGlBT,EAAaW,KACZZ,EAAKM,GAAKO,YACP,CAAEP,CAACA,GAAIH,OAAAW,OAAAX,OAAAW,OAAA,GAAOd,EAAKM,IAAM,CAAAJ,cAC1BC,OAAAW,OAAAX,OAAAW,OAAA,CAAA,EAAMd,EAAKM,IAAM,CAAAJ,eAGhBF,EAAKM,GAAKI,WAAcP,OAAOC,KAAKJ,EAAKM,GAAKI,WAAWC,QAG7Db,EAAgBC,EAAMC,EAAKM,GAAKI,UAAWT,EAAc,IACrDC,EACHF,EAAKM,GAAKC,aAEX,GACA,0BAnF4BQ,CAC9BhB,EACAC,EACAgB,KAEA,IAAKjB,EACJ,OAAIiB,EAAeL,OAAS,EACpB,CAACK,EAAeA,EAAeL,OAAS,GAAGD,WAE3CV,EAGT,MAAMC,EAA0C,GAsChD,OArCAD,EAAKK,SAASY,IAEb,GAAID,EAAeL,OAAS,EAE3B,GAAIM,EAASV,kBAA6C,IAAvBU,EAASP,UAC3CZ,EAAgBC,EAAMkB,EAASP,UAAWT,EAAc,IACnDgB,EAASf,UAAY,GACzBe,EAASV,kBAEJ,CAKN,GAHIU,EAASV,YAAYC,cAAcC,SAASV,EAAKS,gBACpDP,EAAaW,KAAKK,IAEdA,EAASP,YAAcP,OAAOC,KAAKa,EAASP,WAAWC,OAC3D,OAEAb,EAAgBC,EAAMkB,EAASP,UAAWT,EAAc,IACnDgB,EAASf,UAAY,GACzBe,EAASV,aAGX,KACK,CAKN,GAHIU,EAASV,YAAYC,cAAcC,SAASV,EAAKS,gBACpDP,EAAaW,KAAKK,IAEdA,EAASP,YAAcP,OAAOC,KAAKa,EAASP,WAAWC,OAC3D,OAEAb,EAAgBC,EAAMkB,EAASP,UAAWT,EAAc,CACvDgB,EAASV,aAGX,KAEKN,CAAY"}

package/dist/cjs/components/vertical-full-screen-modal/component.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/cross.svg.js"),o=require("../button/Button.js"),s=require("../icon-button/IconButton.js"),n=require("../TypographyStyle.js"),r=require("./styles.js");exports.default=i=>{let{headerText:a,body:l,primaryButtonTitle:c,onSave:d,secondaryButtonTitle:u="Cancel",secondaryButtonClick:j,hideSecondaryButton:x=!1,disablePrimaryButton:p=!1,onClose:y,width:b,className:h,modalOffsetPx:g}=i;const B=j||y;return t.jsx("div",Object.assign({style:{position:"fixed",top:0,right:g?`${g}px`:"-424px",bottom:0}},{children:t.jsxs(r.VerticalModalContainer,Object.assign({onClick:t=>t.stopPropagation(),onMouseDown:t=>t.stopPropagation(),width:b,className:h},{children:[t.jsxs(r.VerticalModalHeader,{children:[t.jsx(n.TitleRegular,{children:a}),t.jsx(s.IconButton,{Icon:e.default,onClick:y})]}),t.jsx(r.VerticalModalContent,{children:l}),t.jsxs(r.VerticalModalFooter,Object.assign({addGap:!x},{children:[!x&&t.jsx(o.Button,{buttonText:u,buttonType:"tertiaryGray",onClick:B}),t.jsx(o.Button,{style:{marginRight:12},buttonText:c,onClick:d,disabled:p})]}))]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/cross.svg.js"),o=require("../button/Button.js"),s=require("../icon-button/IconButton.js"),n=require("../TypographyStyle.js"),r=require("./styles.js");exports.default=({headerText:i,body:a,primaryButtonTitle:l,onSave:c,secondaryButtonTitle:d="Cancel",secondaryButtonClick:u,hideSecondaryButton:j=!1,disablePrimaryButton:x=!1,onClose:p,width:y,className:b,modalOffsetPx:h})=>{const g=u||p;return t.jsx("div",Object.assign({style:{position:"fixed",top:0,right:h?`${h}px`:"-424px",bottom:0}},{children:t.jsxs(r.VerticalModalContainer,Object.assign({onClick:t=>t.stopPropagation(),onMouseDown:t=>t.stopPropagation(),width:y,className:b},{children:[t.jsxs(r.VerticalModalHeader,{children:[t.jsx(n.TitleRegular,{children:i}),t.jsx(s.IconButton,{Icon:e.default,onClick:p})]}),t.jsx(r.VerticalModalContent,{children:a}),t.jsxs(r.VerticalModalFooter,Object.assign({addGap:!j},{children:[!j&&t.jsx(o.Button,{buttonText:d,buttonType:"tertiaryGray",onClick:g}),t.jsx(o.Button,{style:{marginRight:12},buttonText:l,onClick:c,disabled:x})]}))]}))}))};
 //# sourceMappingURL=component.js.map

package/dist/cjs/components/vertical-full-screen-modal/component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"component.js","sources":["../../../../src/components/vertical-full-screen-modal/component.tsx"],"sourcesContent":["import React from 'react';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport { IconButton } from '../icon-button';\nimport { TitleRegular } from '../TypographyStyle';\nimport {\n\tVerticalModalContainer,\n\tVerticalModalContent,\n\tVerticalModalFooter,\n\tVerticalModalHeader,\n} from './styles';\nimport { VerticalFullScreenModalProps } from './types';\n\nconst MODAL_OFFSET_PX = '-424px';\n\n/*\n VerticalFullScreenModal - A reusable full-screen modal component\n \n This component provides a common full-screen modal structure with:\n * - Fixed height (100vh)\n * - Header section with close button\n * - Scrollable body content\n * - Dynamic footer with configurable buttons\n \n @example\n * <VerticalFullScreenModal\n * headerText=\"My Modal\"\n * body={<div>Modal content here</div>}\n * primaryButtonTitle=\"Save\"\n * onSave={handleSave}\n * secondaryButtonTitle=\"Cancel\"\n * secondaryButtonClick={handleCancel}\n * onClose={handleClose}\n * />\n */\nconst VerticalFullScreenModal: React.FC<VerticalFullScreenModalProps> = ({\n\theaderText,\n\tbody,\n\tprimaryButtonTitle,\n\tonSave,\n\tsecondaryButtonTitle = 'Cancel',\n\tsecondaryButtonClick,\n\thideSecondaryButton = false,\n\tdisablePrimaryButton = false,\n\tonClose,\n\twidth,\n\tclassName,\n\tmodalOffsetPx,\n}) => {\n\tconst handleSecondaryClick = secondaryButtonClick \|\| onClose;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'fixed',\n\t\t\t\ttop: 0,\n\t\t\t\tright: modalOffsetPx ? `${modalOffsetPx}px` : MODAL_OFFSET_PX,\n\t\t\t\tbottom: 0,\n\t\t\t}}\n\t\t>\n\t\t\t<VerticalModalContainer\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\tonMouseDown={(e) => e.stopPropagation()}\n\t\t\t\twidth={width}\n\t\t\t\tclassName={className}\n\t\t\t>\n\t\t\t\t<VerticalModalHeader>\n\t\t\t\t\t<TitleRegular>{headerText}</TitleRegular>\n\n\t\t\t\t\t<IconButton Icon={CrossIcon} onClick={onClose} />\n\t\t\t\t</VerticalModalHeader>\n\n\t\t\t\t<VerticalModalContent>{body}</VerticalModalContent>\n\n\t\t\t\t<VerticalModalFooter addGap={!hideSecondaryButton}>\n\t\t\t\t\t{!hideSecondaryButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={secondaryButtonTitle}\n\t\t\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t\t\t\tonClick={handleSecondaryClick}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Button\n\t\t\t\t\t\tstyle={{ marginRight: 12 }}\n\t\t\t\t\t\tbuttonText={primaryButtonTitle}\n\t\t\t\t\t\tonClick={onSave}\n\t\t\t\t\t\tdisabled={disablePrimaryButton}\n\t\t\t\t\t/>\n\t\t\t\t</VerticalModalFooter>\n\t\t\t</VerticalModalContainer>\n\t\t</div>\n\t);\n};\n\nexport default VerticalFullScreenModal;\n"],"names":["~~_ref~~","headerText","body","primaryButtonTitle","onSave","secondaryButtonTitle","secondaryButtonClick","hideSecondaryButton","disablePrimaryButton","onClose","width","className","modalOffsetPx","handleSecondaryClick","_jsx","Object","assign","style","position","top","right","bottom","children","_jsxs","jsxs","VerticalModalContainer","onClick","e","stopPropagation","onMouseDown","VerticalModalHeader","jsx","TitleRegular","IconButton","Icon","CrossIcon","VerticalModalContent","VerticalModalFooter","addGap","Button","buttonText","buttonType","marginRight","disabled"],"mappings":"2SAmCwEA,~~IAanE~~,~~IAboEC~~,~~WACxEA~~,~~EAAUC~~,~~KACVA~~,~~EAAIC~~,~~mBACJA~~,~~EAAkBC~~,~~OAClBA~~,~~EAAMC~~,~~qBACNA~~,~~EAAuB~~,~~SAAQC~~,~~qBAC/BA~~,~~EAAoBC~~,~~oBACpBA~~,~~GAAsB~~,~~EAAKC,qBAC3BA,GAAuB,EAAKC,QAC5BA,EAAOC,MACPA,EAAKC,UACLA,EAASC,cACTA,GACAZ,EACA,MAAMa,~~EAAuBP,GAAwBG,EAErD,OACCK,MACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,SAAU,QACVC,IAAK,EACLC,MAAOR,~~EAAmB~~,~~GAAAA~~,MA3CN,SA4CpBS,OAAQ,IAGT,CAAAC,SAAAC,EAAAC,KAACC,yBAAsBV,OAAAC,OAAA,CACtBU,QAAUC,GAAMA,EAAEC,kBAClBC,YAAcF,GAAMA,EAAEC,kBACtBlB,MAAOA,EACPC,UAAWA,GAAS,CAAAW,SAAA,CAEpBC,EAACC,KAAAM,sBACA,CAAAR,SAAA,CAAAR,EAAAiB,IAACC,eAAY,CAAAV,SAAErB,IAEfa,EAAAiB,IAACE,aAAU,CAACC,KAAMC,EAAS,QAAET,QAASjB,OAGvCK,EAACiB,IAAAK,iCAAsBlC,IAEvBqB,EAAAC,KAACa,sBAAmBtB,OAAAC,OAAA,CAACsB,QAAS/B,GAC5B,CAAAe,SAAA,EAACf,GACDO,EAAAA,IAACyB,EAAAA,OAAM,CACNC,WAAYnC,EACZoC,WAAW,eACXf,QAASb,IAGXC,EAAAiB,IAACQ,SAAM,CACNtB,MAAO,CAAEyB,YAAa,IACtBF,WAAYrC,EACZuB,QAAStB,EACTuC,SAAUnC,cAIR"}
1	+ {"version":3,"file":"component.js","sources":["../../../../src/components/vertical-full-screen-modal/component.tsx"],"sourcesContent":["import React from 'react';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { Button } from '../button';\nimport { IconButton } from '../icon-button';\nimport { TitleRegular } from '../TypographyStyle';\nimport {\n\tVerticalModalContainer,\n\tVerticalModalContent,\n\tVerticalModalFooter,\n\tVerticalModalHeader,\n} from './styles';\nimport { VerticalFullScreenModalProps } from './types';\n\nconst MODAL_OFFSET_PX = '-424px';\n\n/*\n VerticalFullScreenModal - A reusable full-screen modal component\n \n This component provides a common full-screen modal structure with:\n * - Fixed height (100vh)\n * - Header section with close button\n * - Scrollable body content\n * - Dynamic footer with configurable buttons\n \n @example\n * <VerticalFullScreenModal\n * headerText=\"My Modal\"\n * body={<div>Modal content here</div>}\n * primaryButtonTitle=\"Save\"\n * onSave={handleSave}\n * secondaryButtonTitle=\"Cancel\"\n * secondaryButtonClick={handleCancel}\n * onClose={handleClose}\n * />\n */\nconst VerticalFullScreenModal: React.FC<VerticalFullScreenModalProps> = ({\n\theaderText,\n\tbody,\n\tprimaryButtonTitle,\n\tonSave,\n\tsecondaryButtonTitle = 'Cancel',\n\tsecondaryButtonClick,\n\thideSecondaryButton = false,\n\tdisablePrimaryButton = false,\n\tonClose,\n\twidth,\n\tclassName,\n\tmodalOffsetPx,\n}) => {\n\tconst handleSecondaryClick = secondaryButtonClick \|\| onClose;\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tposition: 'fixed',\n\t\t\t\ttop: 0,\n\t\t\t\tright: modalOffsetPx ? `${modalOffsetPx}px` : MODAL_OFFSET_PX,\n\t\t\t\tbottom: 0,\n\t\t\t}}\n\t\t>\n\t\t\t<VerticalModalContainer\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\tonMouseDown={(e) => e.stopPropagation()}\n\t\t\t\twidth={width}\n\t\t\t\tclassName={className}\n\t\t\t>\n\t\t\t\t<VerticalModalHeader>\n\t\t\t\t\t<TitleRegular>{headerText}</TitleRegular>\n\n\t\t\t\t\t<IconButton Icon={CrossIcon} onClick={onClose} />\n\t\t\t\t</VerticalModalHeader>\n\n\t\t\t\t<VerticalModalContent>{body}</VerticalModalContent>\n\n\t\t\t\t<VerticalModalFooter addGap={!hideSecondaryButton}>\n\t\t\t\t\t{!hideSecondaryButton && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonText={secondaryButtonTitle}\n\t\t\t\t\t\t\tbuttonType=\"tertiaryGray\"\n\t\t\t\t\t\t\tonClick={handleSecondaryClick}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t\t<Button\n\t\t\t\t\t\tstyle={{ marginRight: 12 }}\n\t\t\t\t\t\tbuttonText={primaryButtonTitle}\n\t\t\t\t\t\tonClick={onSave}\n\t\t\t\t\t\tdisabled={disablePrimaryButton}\n\t\t\t\t\t/>\n\t\t\t\t</VerticalModalFooter>\n\t\t\t</VerticalModalContainer>\n\t\t</div>\n\t);\n};\n\nexport default VerticalFullScreenModal;\n"],"names":["VerticalFullScreenModal","headerText","body","primaryButtonTitle","onSave","secondaryButtonTitle","secondaryButtonClick","hideSecondaryButton","disablePrimaryButton","onClose","width","className","modalOffsetPx","handleSecondaryClick","_jsx","Object","assign","style","position","top","right","bottom","children","_jsxs","jsxs","VerticalModalContainer","onClick","e","stopPropagation","onMouseDown","VerticalModalHeader","jsx","TitleRegular","IconButton","Icon","CrossIcon","VerticalModalContent","VerticalModalFooter","addGap","Button","buttonText","buttonType","marginRight","disabled"],"mappings":"2SAmCwEA,EACvEC,aACAC,OACAC,qBACAC,SACAC,uBAAuB,SACvBC,uBACAC,uBAAsB,EACtBC,wBAAuB,EACvBC,UACAC,QACAC,YACAC,oBAEA,MAAMC,EAAuBP,GAAwBG,EAErD,OACCK,MACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,SAAU,QACVC,IAAK,EACLC,MAAOR,EAAgB,GAAGA,MA3CN,SA4CpBS,OAAQ,IAGT,CAAAC,SAAAC,EAAAC,KAACC,yBAAsBV,OAAAC,OAAA,CACtBU,QAAUC,GAAMA,EAAEC,kBAClBC,YAAcF,GAAMA,EAAEC,kBACtBlB,MAAOA,EACPC,UAAWA,GAAS,CAAAW,SAAA,CAEpBC,EAACC,KAAAM,sBACA,CAAAR,SAAA,CAAAR,EAAAiB,IAACC,eAAY,CAAAV,SAAErB,IAEfa,EAAAiB,IAACE,aAAU,CAACC,KAAMC,EAAS,QAAET,QAASjB,OAGvCK,EAACiB,IAAAK,iCAAsBlC,IAEvBqB,EAAAC,KAACa,sBAAmBtB,OAAAC,OAAA,CAACsB,QAAS/B,GAC5B,CAAAe,SAAA,EAACf,GACDO,EAAAA,IAACyB,EAAAA,OAAM,CACNC,WAAYnC,EACZoC,WAAW,eACXf,QAASb,IAGXC,EAAAiB,IAACQ,SAAM,CACNtB,MAAO,CAAEyB,YAAa,IACtBF,WAAYrC,EACZuB,QAAStB,EACTuC,SAAUnC,cAIR"}

package/dist/cjs/components/whats-new/WhatsNew.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./WhatsNewButton.js"),o=require("./WhatsNewPanel.js"),s=require("./WhatsNewProvider.js");exports.WhatsNew=r=>{let{title:i="What's new",tooltip:a="What's new",searchPlaceholder:u="Search posts",emptyStateTitle:c="Nothing new!",emptyStateDescription:h="There are no new updates or features at the moment. Check back soon!",noResultsText:l="Sorry, no results found.",width:d="480px",onContentClick:w,renderCustomContent:C,buttonTestId:p="whats-new-button",iconWidth:m=32,iconHeight:W=32,customIcon:x}=r;const[N,j]=t.useState(!1),{whatsNewContent:g,isLoading:S,newContentCount:y}=s.useWhatsNewContext();return e.jsxs(e.Fragment,{children:[e.jsx(n.WhatsNewButton,{onClick:()=>j(!0),newContentCount:y,isOpen:N,isLoading:S,tooltip:a,testId:p,iconWidth:m,iconHeight:W,customIcon:x}),e.jsx(o.WhatsNewPanel,{isOpen:N,onClose:()=>j(!1),content:g,isLoading:S,title:i,searchPlaceholder:u,emptyStateTitle:c,emptyStateDescription:h,noResultsText:l,width:d,onContentClick:e=>{w&&w(e)},renderCustomContent:C})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./WhatsNewButton.js"),o=require("./WhatsNewPanel.js"),s=require("./WhatsNewProvider.js");exports.WhatsNew=({title:r="What's new",tooltip:i="What's new",searchPlaceholder:a="Search posts",emptyStateTitle:u="Nothing new!",emptyStateDescription:c="There are no new updates or features at the moment. Check back soon!",noResultsText:h="Sorry, no results found.",width:l="480px",onContentClick:d,renderCustomContent:w,buttonTestId:C="whats-new-button",iconWidth:p=32,iconHeight:m=32,customIcon:W})=>{const[x,N]=t.useState(!1),{whatsNewContent:j,isLoading:g,newContentCount:S}=s.useWhatsNewContext();return e.jsxs(e.Fragment,{children:[e.jsx(n.WhatsNewButton,{onClick:()=>N(!0),newContentCount:S,isOpen:x,isLoading:g,tooltip:i,testId:C,iconWidth:p,iconHeight:m,customIcon:W}),e.jsx(o.WhatsNewPanel,{isOpen:x,onClose:()=>N(!1),content:j,isLoading:g,title:r,searchPlaceholder:a,emptyStateTitle:u,emptyStateDescription:c,noResultsText:h,width:l,onContentClick:e=>{d&&d(e)},renderCustomContent:w})]})};
 //# sourceMappingURL=WhatsNew.js.map

package/dist/cjs/components/whats-new/WhatsNew.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WhatsNew.js","sources":["../../../../src/components/whats-new/WhatsNew.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { WhatsNewContent } from './WhatsNew.types';\nimport { WhatsNewButton } from './WhatsNewButton';\nimport { WhatsNewPanel } from './WhatsNewPanel';\nimport { useWhatsNewContext } from './WhatsNewProvider';\n\ninterface WhatsNewProps {\n\ttitle?: string;\n\ttooltip?: string;\n\tsearchPlaceholder?: string;\n\temptyStateTitle?: string;\n\temptyStateDescription?: string;\n\tnoResultsText?: string;\n\twidth?: string;\n\tonContentClick?: (content: WhatsNewContent) => void;\n\trenderCustomContent?: (content: WhatsNewContent) => React.ReactNode;\n\tbuttonTestId?: string;\n\ticonWidth?: number;\n\ticonHeight?: number;\n\tcustomIcon?: React.ComponentType<{\n\t\twidth?: number;\n\t\theight?: number;\n\t\tcolor?: string;\n\t}>;\n}\n\nexport const WhatsNew: React.FC<WhatsNewProps> = ({\n\ttitle = \"What's new\",\n\ttooltip = \"What's new\",\n\tsearchPlaceholder = 'Search posts',\n\temptyStateTitle = 'Nothing new!',\n\temptyStateDescription = 'There are no new updates or features at the moment. Check back soon!',\n\tnoResultsText = 'Sorry, no results found.',\n\twidth = '480px',\n\tonContentClick,\n\trenderCustomContent,\n\tbuttonTestId = 'whats-new-button',\n\ticonWidth = 32,\n\ticonHeight = 32,\n\tcustomIcon,\n}) => {\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst { whatsNewContent, isLoading, newContentCount } = useWhatsNewContext();\n\n\tconst handleOpen = () => setIsOpen(true);\n\tconst handleClose = () => setIsOpen(false);\n\n\tconst handleContentClick = (contentItem: WhatsNewContent) => {\n\t\t// WhatsNewPanel handles video/redirect logic directly\n\t\t// This handler is only for parent-level analytics/tracking\n\n\t\tif (onContentClick) {\n\t\t\tonContentClick(contentItem);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<WhatsNewButton\n\t\t\t\tonClick={handleOpen}\n\t\t\t\tnewContentCount={newContentCount}\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttooltip={tooltip}\n\t\t\t\ttestId={buttonTestId}\n\t\t\t\ticonWidth={iconWidth}\n\t\t\t\ticonHeight={iconHeight}\n\t\t\t\tcustomIcon={customIcon}\n\t\t\t/>\n\t\t\t<WhatsNewPanel\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tonClose={handleClose}\n\t\t\t\tcontent={whatsNewContent}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttitle={title}\n\t\t\t\tsearchPlaceholder={searchPlaceholder}\n\t\t\t\temptyStateTitle={emptyStateTitle}\n\t\t\t\temptyStateDescription={emptyStateDescription}\n\t\t\t\tnoResultsText={noResultsText}\n\t\t\t\twidth={width}\n\t\t\t\tonContentClick={handleContentClick}\n\t\t\t\trenderCustomContent={renderCustomContent}\n\t\t\t/>\n\t\t</>\n\t);\n};\n"],"names":["~~_ref~~","title","tooltip","searchPlaceholder","emptyStateTitle","emptyStateDescription","noResultsText","width","onContentClick","renderCustomContent","buttonTestId","iconWidth","iconHeight","customIcon","isOpen","setIsOpen","useState","whatsNewContent","isLoading","newContentCount","useWhatsNewContext","_jsxs","_jsx","jsx","WhatsNewButton","onClick","handleOpen","testId","WhatsNewPanel","onClose","handleClose","content","contentItem"],"mappings":"+OA0BiDA,~~IAc5C~~,~~IAd6CC~~,~~MACjDA~~,~~EAAQ~~,~~aAAYC~~,~~QACpBA~~,~~EAAU~~,~~aAAYC~~,~~kBACtBA~~,~~EAAoB~~,~~eAAcC~~,~~gBAClCA~~,~~EAAkB~~,~~eAAcC~~,~~sBAChCA~~,~~EAAwB~~,~~uEAAsEC~~,~~cAC9FA~~,~~EAAgB~~,~~2BAA0BC~~,~~MAC1CA~~,~~EAAQ~~,~~QAAOC~~,~~eACfA~~,~~EAAcC~~,~~oBACdA,EAAmBC,aACnBA,EAAe,mBAAkBC,UACjCA,EAAY,GAAEC,WACdA,EAAa,GAAEC,WACfA,GACAb,EACA,MAAOc,~~EAAQC,GAAaC,EAAQA,UAAC,IAC/BC,gBAAEA,EAAeC,UAAEA,EAASC,gBAAEA,GAAoBC,EAAkBA,qBAc1E,OACCC,EAAAA,2BACCC,EAACC,IAAAC,kBACAC,QAfgBC,IAAMX,GAAU,GAgBhCI,gBAAiBA,EACjBL,OAAQA,EACRI,UAAWA,EACXhB,QAASA,EACTyB,OAAQjB,EACRC,UAAWA,EACXC,WAAYA,EACZC,WAAYA,IAEbS,EAAAC,IAACK,gBAAa,CACbd,OAAQA,EACRe,QA1BiBC,IAAMf,GAAU,GA2BjCgB,QAASd,EACTC,UAAWA,EACXjB,MAAOA,EACPE,kBAAmBA,EACnBC,gBAAiBA,EACjBC,sBAAuBA,EACvBC,cAAeA,EACfC,MAAOA,EACPC,eAjCyBwB,IAIvBxB,GACHA,EAAewB,EACf,EA4BCvB,oBAAqBA,MAEpB"}
1	+ {"version":3,"file":"WhatsNew.js","sources":["../../../../src/components/whats-new/WhatsNew.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { WhatsNewContent } from './WhatsNew.types';\nimport { WhatsNewButton } from './WhatsNewButton';\nimport { WhatsNewPanel } from './WhatsNewPanel';\nimport { useWhatsNewContext } from './WhatsNewProvider';\n\ninterface WhatsNewProps {\n\ttitle?: string;\n\ttooltip?: string;\n\tsearchPlaceholder?: string;\n\temptyStateTitle?: string;\n\temptyStateDescription?: string;\n\tnoResultsText?: string;\n\twidth?: string;\n\tonContentClick?: (content: WhatsNewContent) => void;\n\trenderCustomContent?: (content: WhatsNewContent) => React.ReactNode;\n\tbuttonTestId?: string;\n\ticonWidth?: number;\n\ticonHeight?: number;\n\tcustomIcon?: React.ComponentType<{\n\t\twidth?: number;\n\t\theight?: number;\n\t\tcolor?: string;\n\t}>;\n}\n\nexport const WhatsNew: React.FC<WhatsNewProps> = ({\n\ttitle = \"What's new\",\n\ttooltip = \"What's new\",\n\tsearchPlaceholder = 'Search posts',\n\temptyStateTitle = 'Nothing new!',\n\temptyStateDescription = 'There are no new updates or features at the moment. Check back soon!',\n\tnoResultsText = 'Sorry, no results found.',\n\twidth = '480px',\n\tonContentClick,\n\trenderCustomContent,\n\tbuttonTestId = 'whats-new-button',\n\ticonWidth = 32,\n\ticonHeight = 32,\n\tcustomIcon,\n}) => {\n\tconst [isOpen, setIsOpen] = useState(false);\n\tconst { whatsNewContent, isLoading, newContentCount } = useWhatsNewContext();\n\n\tconst handleOpen = () => setIsOpen(true);\n\tconst handleClose = () => setIsOpen(false);\n\n\tconst handleContentClick = (contentItem: WhatsNewContent) => {\n\t\t// WhatsNewPanel handles video/redirect logic directly\n\t\t// This handler is only for parent-level analytics/tracking\n\n\t\tif (onContentClick) {\n\t\t\tonContentClick(contentItem);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<WhatsNewButton\n\t\t\t\tonClick={handleOpen}\n\t\t\t\tnewContentCount={newContentCount}\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttooltip={tooltip}\n\t\t\t\ttestId={buttonTestId}\n\t\t\t\ticonWidth={iconWidth}\n\t\t\t\ticonHeight={iconHeight}\n\t\t\t\tcustomIcon={customIcon}\n\t\t\t/>\n\t\t\t<WhatsNewPanel\n\t\t\t\tisOpen={isOpen}\n\t\t\t\tonClose={handleClose}\n\t\t\t\tcontent={whatsNewContent}\n\t\t\t\tisLoading={isLoading}\n\t\t\t\ttitle={title}\n\t\t\t\tsearchPlaceholder={searchPlaceholder}\n\t\t\t\temptyStateTitle={emptyStateTitle}\n\t\t\t\temptyStateDescription={emptyStateDescription}\n\t\t\t\tnoResultsText={noResultsText}\n\t\t\t\twidth={width}\n\t\t\t\tonContentClick={handleContentClick}\n\t\t\t\trenderCustomContent={renderCustomContent}\n\t\t\t/>\n\t\t</>\n\t);\n};\n"],"names":["WhatsNew","title","tooltip","searchPlaceholder","emptyStateTitle","emptyStateDescription","noResultsText","width","onContentClick","renderCustomContent","buttonTestId","iconWidth","iconHeight","customIcon","isOpen","setIsOpen","useState","whatsNewContent","isLoading","newContentCount","useWhatsNewContext","_jsxs","_jsx","jsx","WhatsNewButton","onClick","handleOpen","testId","WhatsNewPanel","onClose","handleClose","content","contentItem"],"mappings":"+OA0BiDA,EAChDC,QAAQ,aACRC,UAAU,aACVC,oBAAoB,eACpBC,kBAAkB,eAClBC,wBAAwB,uEACxBC,gBAAgB,2BAChBC,QAAQ,QACRC,iBACAC,sBACAC,eAAe,mBACfC,YAAY,GACZC,aAAa,GACbC,iBAEA,MAAOC,EAAQC,GAAaC,EAAQA,UAAC,IAC/BC,gBAAEA,EAAeC,UAAEA,EAASC,gBAAEA,GAAoBC,EAAkBA,qBAc1E,OACCC,EAAAA,2BACCC,EAACC,IAAAC,kBACAC,QAfgBC,IAAMX,GAAU,GAgBhCI,gBAAiBA,EACjBL,OAAQA,EACRI,UAAWA,EACXhB,QAASA,EACTyB,OAAQjB,EACRC,UAAWA,EACXC,WAAYA,EACZC,WAAYA,IAEbS,EAAAC,IAACK,gBAAa,CACbd,OAAQA,EACRe,QA1BiBC,IAAMf,GAAU,GA2BjCgB,QAASd,EACTC,UAAWA,EACXjB,MAAOA,EACPE,kBAAmBA,EACnBC,gBAAiBA,EACjBC,sBAAuBA,EACvBC,cAAeA,EACfC,MAAOA,EACPC,eAjCyBwB,IAIvBxB,GACHA,EAAewB,EACf,EA4BCvB,oBAAqBA,MAEpB"}

package/dist/cjs/components/whats-new/WhatsNewButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/whatsNew.svg.js"),s=require("../../constants/Theme.js"),n=require("../tooltips/Tooltip.js"),i=require("./WhatsNew.styles.js");exports.WhatsNewButton=o=>{let{onClick:r,newContentCount:a=0,isOpen:c=!1,isLoading:d=!1,tooltip:l="What's new",testId:h="whats-new-button",iconWidth:j=32,iconHeight:u=32,customIcon:x}=o;return d?t.jsxs("div",Object.assign({style:{margin:"0px 8px"}},{children:[t.jsx("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),t.jsx("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):t.jsx(i.WhatsNewIconContainer,Object.assign({count:a},{children:t.jsxs("div",Object.assign({className:"main-icon-class "+(c?"icon-active":""),style:{color:c?s.COLORS.content.brand:s.COLORS.content.primary},onClick:r,"data-testid":h},{children:[t.jsx(n.Tooltip,Object.assign({body:l,placement:"bottom"},{children:t.jsx("div",{children:x?t.jsx(x,{width:j,height:u,color:c?s.COLORS.content.brand:s.COLORS.content.primary}):t.jsx(e.default,{width:j,height:u})})})),a>0&&t.jsx("div",Object.assign({className:"notification--count"},{children:t.jsx("div",Object.assign({className:"count--text"},{children:a}))}))]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../../assets/icons/whatsNew.svg.js"),s=require("../../constants/Theme.js"),i=require("../tooltips/Tooltip.js"),n=require("./WhatsNew.styles.js");exports.WhatsNewButton=({onClick:o,newContentCount:r=0,isOpen:a=!1,isLoading:c=!1,tooltip:d="What's new",testId:l="whats-new-button",iconWidth:h=32,iconHeight:j=32,customIcon:x})=>c?t.jsxs("div",Object.assign({style:{margin:"0px 8px"}},{children:[t.jsx("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}}),t.jsx("style",{children:"\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t"})]})):t.jsx(n.WhatsNewIconContainer,Object.assign({count:r},{children:t.jsxs("div",Object.assign({className:"main-icon-class "+(a?"icon-active":""),style:{color:a?s.COLORS.content.brand:s.COLORS.content.primary},onClick:o,"data-testid":l},{children:[t.jsx(i.Tooltip,Object.assign({body:d,placement:"bottom"},{children:t.jsx("div",{children:x?t.jsx(x,{width:h,height:j,color:a?s.COLORS.content.brand:s.COLORS.content.primary}):t.jsx(e.default,{width:h,height:j})})})),r>0&&t.jsx("div",Object.assign({className:"notification--count"},{children:t.jsx("div",Object.assign({className:"count--text"},{children:r}))}))]}))}));
 //# sourceMappingURL=WhatsNewButton.js.map

package/dist/cjs/components/whats-new/WhatsNewButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WhatsNewButton.js","sources":["../../../../src/components/whats-new/WhatsNewButton.tsx"],"sourcesContent":["import React from 'react';\nimport WhatsNewIcon from '../../assets/icons/whatsNew.svg';\nimport { COLORS } from '../../constants/Theme';\nimport { Tooltip } from '../tooltips';\nimport { WhatsNewIconContainer } from './WhatsNew.styles';\nimport { WhatsNewButtonProps } from './WhatsNew.types';\n\nexport const WhatsNewButton: React.FC<WhatsNewButtonProps> = ({\n\tonClick,\n\tnewContentCount = 0,\n\tisOpen = false,\n\tisLoading = false,\n\ttooltip = \"What's new\",\n\ttestId = 'whats-new-button',\n\ticonWidth = 32,\n\ticonHeight = 32,\n\tcustomIcon: CustomIcon,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ margin: '0px 8px' }}>\n\t\t\t\t{/* Simple loading spinner */}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: 16,\n\t\t\t\t\t\theight: 16,\n\t\t\t\t\t\tborder: '2px solid #f3f3f3',\n\t\t\t\t\t\tborderTop: '2px solid #731DCF',\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tanimation: 'spin 1s linear infinite',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<style>\n\t\t\t\t\t{`\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t</style>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<WhatsNewIconContainer count={newContentCount}>\n\t\t\t<div\n\t\t\t\tclassName={`main-icon-class ${isOpen ? 'icon-active' : ''}`}\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: isOpen ? COLORS.content.brand : COLORS.content.primary,\n\t\t\t\t}}\n\t\t\t\tonClick={onClick}\n\t\t\t\tdata-testid={testId}\n\t\t\t>\n\t\t\t\t<Tooltip body={tooltip} placement={'bottom'}>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{CustomIcon ? (\n\t\t\t\t\t\t\t<CustomIcon\n\t\t\t\t\t\t\t\twidth={iconWidth}\n\t\t\t\t\t\t\t\theight={iconHeight}\n\t\t\t\t\t\t\t\tcolor={isOpen ? COLORS.content.brand : COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<WhatsNewIcon width={iconWidth} height={iconHeight} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</Tooltip>\n\t\t\t\t{newContentCount > 0 && (\n\t\t\t\t\t<div className=\"notification--count\">\n\t\t\t\t\t\t<div className=\"count--text\">{newContentCount}</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</WhatsNewIconContainer>\n\t);\n};\n"],"names":["~~_ref~~","onClick","newContentCount","isOpen","isLoading","tooltip","testId","iconWidth","iconHeight","customIcon","CustomIcon","_jsxs","Object","assign","style","margin","children","_jsx","jsx","width","height","border","borderTop","borderRadius","animation","WhatsNewIconContainer","count","jsxs","className","color","COLORS","content","brand","primary","Tooltip","body","placement","WhatsNewIcon"],"mappings":"0RAO6DA,~~IAUxD~~,~~IAVyDC~~,~~QAC7DA~~,~~EAAOC~~,~~gBACPA~~,~~EAAkB~~,~~EAACC~~,~~OACnBA~~,~~GAAS~~,~~EAAKC~~,~~UACdA~~,~~GAAY~~,~~EAAKC~~,~~QACjBA~~,~~EAAU~~,~~aAAYC,OACtBA,EAAS,mBAAkBC,UAC3BA,EAAY,GAAEC,WACdA,EAAa,~~GACbC,WAAYC,~~GACZV~~,~~EACA,OAAII,~~EAEFO,OAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,OAAQ,YAAW,CAAAC,SAAA,CAEhCC,EACCC,IAAA,MAAA,CAAAJ,MAAO,CACNK,MAAO,GACPC,OAAQ,GACRC,OAAQ,oBACRC,UAAW,oBACXC,aAAc,MACdC,UAAW,6BAGbP,EACEC,IAAA,QAAA,CAAAF,SAAA,qKAYJC,MAACQ,EAAAA,sBAAsBb,OAAAC,OAAA,CAAAa,MAAOxB,GAAe,CAAAc,SAC5CL,EACCgB,KAAA,MAAAf,OAAAC,OAAA,CAAAe,UAAW,oBAAmBzB,EAAS,cAAgB,IACvDW,MAAO,CACNe,MAAO1B,EAAS2B,SAAOC,QAAQC,MAAQF,EAAAA,OAAOC,QAAQE,SAEvDhC,QAASA,EAAO,cACHK,GAEb,CAAAU,SAAA,CAAAC,EAAAC,IAACgB,UAAQtB,OAAAC,OAAA,CAAAsB,KAAM9B,EAAS+B,UAAW,oBAClCnB,EACEC,IAAA,MAAA,CAAAF,SAAAN,EACAO,MAACP,EAAU,CACVS,MAAOZ,EACPa,OAAQZ,EACRqB,MAAO1B,EAAS2B,SAAOC,QAAQC,MAAQF,EAAAA,OAAOC,QAAQE,UAGvDhB,EAAAC,IAACmB,UAAa,CAAAlB,MAAOZ,EAAWa,OAAQZ,SAI1CN,EAAkB,GAClBe,2BAAKW,UAAU,uBACd,CAAAZ,SAAAC,EAAAC,IAAA,MAAAN,OAAAC,OAAA,CAAKe,UAAU,yBAAe1B~~,cAIV~~"}
1	+ {"version":3,"file":"WhatsNewButton.js","sources":["../../../../src/components/whats-new/WhatsNewButton.tsx"],"sourcesContent":["import React from 'react';\nimport WhatsNewIcon from '../../assets/icons/whatsNew.svg';\nimport { COLORS } from '../../constants/Theme';\nimport { Tooltip } from '../tooltips';\nimport { WhatsNewIconContainer } from './WhatsNew.styles';\nimport { WhatsNewButtonProps } from './WhatsNew.types';\n\nexport const WhatsNewButton: React.FC<WhatsNewButtonProps> = ({\n\tonClick,\n\tnewContentCount = 0,\n\tisOpen = false,\n\tisLoading = false,\n\ttooltip = \"What's new\",\n\ttestId = 'whats-new-button',\n\ticonWidth = 32,\n\ticonHeight = 32,\n\tcustomIcon: CustomIcon,\n}) => {\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div style={{ margin: '0px 8px' }}>\n\t\t\t\t{/* Simple loading spinner */}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\twidth: 16,\n\t\t\t\t\t\theight: 16,\n\t\t\t\t\t\tborder: '2px solid #f3f3f3',\n\t\t\t\t\t\tborderTop: '2px solid #731DCF',\n\t\t\t\t\t\tborderRadius: '50%',\n\t\t\t\t\t\tanimation: 'spin 1s linear infinite',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t<style>\n\t\t\t\t\t{`\n\t\t\t\t\t\t@keyframes spin {\n\t\t\t\t\t\t\t0% { transform: rotate(0deg); }\n\t\t\t\t\t\t\t100% { transform: rotate(360deg); }\n\t\t\t\t\t\t}\n\t\t\t\t\t`}\n\t\t\t\t</style>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<WhatsNewIconContainer count={newContentCount}>\n\t\t\t<div\n\t\t\t\tclassName={`main-icon-class ${isOpen ? 'icon-active' : ''}`}\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: isOpen ? COLORS.content.brand : COLORS.content.primary,\n\t\t\t\t}}\n\t\t\t\tonClick={onClick}\n\t\t\t\tdata-testid={testId}\n\t\t\t>\n\t\t\t\t<Tooltip body={tooltip} placement={'bottom'}>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t{CustomIcon ? (\n\t\t\t\t\t\t\t<CustomIcon\n\t\t\t\t\t\t\t\twidth={iconWidth}\n\t\t\t\t\t\t\t\theight={iconHeight}\n\t\t\t\t\t\t\t\tcolor={isOpen ? COLORS.content.brand : COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<WhatsNewIcon width={iconWidth} height={iconHeight} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</Tooltip>\n\t\t\t\t{newContentCount > 0 && (\n\t\t\t\t\t<div className=\"notification--count\">\n\t\t\t\t\t\t<div className=\"count--text\">{newContentCount}</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</WhatsNewIconContainer>\n\t);\n};\n"],"names":["WhatsNewButton","onClick","newContentCount","isOpen","isLoading","tooltip","testId","iconWidth","iconHeight","customIcon","CustomIcon","_jsxs","Object","assign","style","margin","children","_jsx","jsx","width","height","border","borderTop","borderRadius","animation","WhatsNewIconContainer","count","jsxs","className","color","COLORS","content","brand","primary","Tooltip","body","placement","WhatsNewIcon"],"mappings":"0RAO6DA,EAC5DC,UACAC,kBAAkB,EAClBC,UAAS,EACTC,aAAY,EACZC,UAAU,aACVC,SAAS,mBACTC,YAAY,GACZC,aAAa,GACbC,WAAYC,KAERN,EAEFO,OAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,OAAQ,YAAW,CAAAC,SAAA,CAEhCC,EACCC,IAAA,MAAA,CAAAJ,MAAO,CACNK,MAAO,GACPC,OAAQ,GACRC,OAAQ,oBACRC,UAAW,oBACXC,aAAc,MACdC,UAAW,6BAGbP,EACEC,IAAA,QAAA,CAAAF,SAAA,qKAYJC,MAACQ,EAAAA,sBAAsBb,OAAAC,OAAA,CAAAa,MAAOxB,GAAe,CAAAc,SAC5CL,EACCgB,KAAA,MAAAf,OAAAC,OAAA,CAAAe,UAAW,oBAAmBzB,EAAS,cAAgB,IACvDW,MAAO,CACNe,MAAO1B,EAAS2B,SAAOC,QAAQC,MAAQF,EAAAA,OAAOC,QAAQE,SAEvDhC,QAASA,EAAO,cACHK,GAEb,CAAAU,SAAA,CAAAC,EAAAC,IAACgB,UAAQtB,OAAAC,OAAA,CAAAsB,KAAM9B,EAAS+B,UAAW,oBAClCnB,EACEC,IAAA,MAAA,CAAAF,SAAAN,EACAO,MAACP,EAAU,CACVS,MAAOZ,EACPa,OAAQZ,EACRqB,MAAO1B,EAAS2B,SAAOC,QAAQC,MAAQF,EAAAA,OAAOC,QAAQE,UAGvDhB,EAAAC,IAACmB,UAAa,CAAAlB,MAAOZ,EAAWa,OAAQZ,SAI1CN,EAAkB,GAClBe,2BAAKW,UAAU,uBACd,CAAAZ,SAAAC,EAAAC,IAAA,MAAAN,OAAAC,OAAA,CAAKe,UAAU,yBAAe1B"}

package/dist/cjs/components/whats-new/WhatsNewPanel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("date-fns"),s=require("react"),r=require("../../assets/icons/searchIcon.svg.js"),a=require("../../assets/icons/whatsNew.svg.js"),n=require("../../constants/Theme.js"),i=require("../button/Button.js"),o=require("../feature-announcements/VideoModal.js"),d=require("../searchBar/searchBar.js"),c=require("../side-modal/SideModal.js"),l=require("../TypographyStyle.js"),h=require("./WhatsNew.styles.js");exports.WhatsNewPanel=u=>{let{isOpen:j,onClose:m,content:x,isLoading:g=!1,title:p="What's new on BIK",searchPlaceholder:w="Search posts",emptyStateTitle:y="Nothing new!",emptyStateDescription:b="There are no new updates or features at the moment. Check back soon!",noResultsText:C="Sorry, no results found.",width:O="480px",onContentClick:f,renderCustomContent:v}=u;const[N,S]=s.useState(""),[M,B]=s.useState(!1),[q,L]=s.useState(""),T=e=>{if(!e.createdAt)return!1;const s=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return t.differenceInBusinessDays(new Date,s)<7},k=s.useMemo((()=>{if(!N.trim())return x;const e=N.toLowerCase();return x.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[x,N]),D=0===x.length,W=0===k.length;return j?e.jsxs(c.SideModal,Object.assign({width:O,onClose:m,header:"",headerCustomComponent:e.jsx(l.TitleMedium,Object.assign({color:n.COLORS.background.inverse},{children:p})),headerStyle:{background:n.COLORS.background.brandLight},hideFooter:!0},{children:[e.jsxs(h.MainContainer,{children:[e.jsx("div",Object.assign({className:"mt-8"},{children:e.jsx(d.SearchBar,{width:"100%",isEnabled:!D,onChange:e=>{S(e)},onEnter:e=>{S(e)},placeholder:w,variant:"default",searchValue:N,onClickCross:()=>{S("")}})})),e.jsx(h.WhatsNewWrapper,{children:D||W?e.jsxs("div",Object.assign({className:"no--data--found"},{children:[e.jsx("div",Object.assign({className:"icon--wrapper"},{children:D?e.jsx(a.default,{width:32,height:32}):e.jsx(r.default,{width:32,height:32})})),D?e.jsxs(e.Fragment,{children:[e.jsx(l.TitleRegular,{children:y}),e.jsx(l.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:b}))]}):W?e.jsx(l.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:C})):null]})):e.jsx("div",Object.assign({className:"scroller"},{children:k.map(((s,r)=>{var a;return v?v(s):e.jsxs(h.MainCardContainer,Object.assign({className:"padding--16 mb-mt-8"},{children:[e.jsx(h.BackgroundImageContainer,{imageUrl:s.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e.jsx("div",Object.assign({className:"mt-20 full--width"},{children:e.jsxs("div",Object.assign({className:"created--at flex flex--row"},{children:[T(s)?e.jsx("div",Object.assign({className:"new--content--tag"},{children:e.jsx(l.Caption,{children:"New"})})):e.jsx(e.Fragment,{}),e.jsx(l.Caption,Object.assign({style:{color:n.COLORS.content.placeholder}},{children:s.createdAt?t.format(s.createdAt.toDate?s.createdAt.toDate():new Date(s.createdAt),"dd MMMM yyyy"):""}))]}))})),e.jsx("div",Object.assign({className:"mt--8"},{children:e.jsx(l.TitleSmall,{children:s.title})})),e.jsx("div",{dangerouslySetInnerHTML:{__html:s.body},className:"card--desc mt--12"}),e.jsx("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e.jsx(i.Button,{buttonText:(null===(a=s.primaryButton)||void 0===a?void 0:a.text)||s.buttonText||"Explore the feature",onClick:()=>(e=>{var t,s;const r=null===(t=e.primaryButton)||void 0===t?void 0:t.action;if("Play Video"===r||!r&&e.productVideo)e.productVideo&&(L(e.productVideo),B(!0));else{const t=(null===(s=e.primaryButton)||void 0===s?void 0:s.redirectionUrl)||e.redirectUrl;t&&(t.startsWith("http")?window.open(t,"_blank","noopener,noreferrer"):window.location.href=t)}f&&f(e)})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${r}`)}))}))})]}),e.jsx(o.VideoModal,{isOpen:M,videoUrl:q,onClose:()=>{B(!1)}})]})):e.jsx(e.Fragment,{})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("date-fns"),s=require("react"),r=require("../../assets/icons/searchIcon.svg.js"),a=require("../../assets/icons/whatsNew.svg.js"),n=require("../../constants/Theme.js"),i=require("../button/Button.js"),o=require("../feature-announcements/VideoModal.js"),d=require("../searchBar/searchBar.js"),c=require("../side-modal/SideModal.js"),l=require("../TypographyStyle.js"),h=require("./WhatsNew.styles.js");exports.WhatsNewPanel=({isOpen:u,onClose:j,content:m,isLoading:x=!1,title:g="What's new on BIK",searchPlaceholder:p="Search posts",emptyStateTitle:w="Nothing new!",emptyStateDescription:y="There are no new updates or features at the moment. Check back soon!",noResultsText:b="Sorry, no results found.",width:C="480px",onContentClick:O,renderCustomContent:f})=>{const[v,N]=s.useState(""),[S,M]=s.useState(!1),[B,q]=s.useState(""),L=e=>{if(!e.createdAt)return!1;const s=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return t.differenceInBusinessDays(new Date,s)<7},T=s.useMemo((()=>{if(!v.trim())return m;const e=v.toLowerCase();return m.filter((t=>t.title.toLowerCase().includes(e)||t.body.toLowerCase().includes(e)||t.content&&t.content.toLowerCase().includes(e)))}),[m,v]),k=0===m.length,D=0===T.length;return u?e.jsxs(c.SideModal,Object.assign({width:C,onClose:j,header:"",headerCustomComponent:e.jsx(l.TitleMedium,Object.assign({color:n.COLORS.background.inverse},{children:g})),headerStyle:{background:n.COLORS.background.brandLight},hideFooter:!0},{children:[e.jsxs(h.MainContainer,{children:[e.jsx("div",Object.assign({className:"mt-8"},{children:e.jsx(d.SearchBar,{width:"100%",isEnabled:!k,onChange:e=>{N(e)},onEnter:e=>{N(e)},placeholder:p,variant:"default",searchValue:v,onClickCross:()=>{N("")}})})),e.jsx(h.WhatsNewWrapper,{children:k||D?e.jsxs("div",Object.assign({className:"no--data--found"},{children:[e.jsx("div",Object.assign({className:"icon--wrapper"},{children:k?e.jsx(a.default,{width:32,height:32}):e.jsx(r.default,{width:32,height:32})})),k?e.jsxs(e.Fragment,{children:[e.jsx(l.TitleRegular,{children:w}),e.jsx(l.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:y}))]}):D?e.jsx(l.BodyPrimary,Object.assign({color:n.COLORS.content.secondary,className:"text--align",style:{maxWidth:300}},{children:b})):null]})):e.jsx("div",Object.assign({className:"scroller"},{children:T.map(((s,r)=>{var a;return f?f(s):e.jsxs(h.MainCardContainer,Object.assign({className:"padding--16 mb-mt-8"},{children:[e.jsx(h.BackgroundImageContainer,{imageUrl:s.image,height:"209px",width:"100%",style:{borderRadius:"4px"}}),e.jsx("div",Object.assign({className:"mt-20 full--width"},{children:e.jsxs("div",Object.assign({className:"created--at flex flex--row"},{children:[L(s)?e.jsx("div",Object.assign({className:"new--content--tag"},{children:e.jsx(l.Caption,{children:"New"})})):e.jsx(e.Fragment,{}),e.jsx(l.Caption,Object.assign({style:{color:n.COLORS.content.placeholder}},{children:s.createdAt?t.format(s.createdAt.toDate?s.createdAt.toDate():new Date(s.createdAt),"dd MMMM yyyy"):""}))]}))})),e.jsx("div",Object.assign({className:"mt--8"},{children:e.jsx(l.TitleSmall,{children:s.title})})),e.jsx("div",{dangerouslySetInnerHTML:{__html:s.body},className:"card--desc mt--12"}),e.jsx("div",Object.assign({className:"flex flex--row mt-20 full--width"},{children:e.jsx(i.Button,{buttonText:(null===(a=s.primaryButton)||void 0===a?void 0:a.text)||s.buttonText||"Explore the feature",onClick:()=>(e=>{var t,s;const r=null===(t=e.primaryButton)||void 0===t?void 0:t.action;if("Play Video"===r||!r&&e.productVideo)e.productVideo&&(q(e.productVideo),M(!0));else{const t=(null===(s=e.primaryButton)||void 0===s?void 0:s.redirectionUrl)||e.redirectUrl;t&&(t.startsWith("http")?window.open(t,"_blank","noopener,noreferrer"):window.location.href=t)}O&&O(e)})(s),matchParentWidth:!0,size:"medium"})}))]}),`whats-new-${r}`)}))}))})]}),e.jsx(o.VideoModal,{isOpen:S,videoUrl:B,onClose:()=>{M(!1)}})]})):e.jsx(e.Fragment,{})};
 //# sourceMappingURL=WhatsNewPanel.js.map

package/dist/cjs/components/whats-new/WhatsNewPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WhatsNewPanel.js","sources":["../../../../src/components/whats-new/WhatsNewPanel.tsx"],"sourcesContent":["import { differenceInBusinessDays, format } from 'date-fns';\nimport React, { useMemo, useState } from 'react';\nimport SearchIconSvg from '../../assets/icons/searchIcon.svg';\nimport WhatsNewIcon from '../../assets/icons/whatsNew.svg';\nimport { COLORS } from '../../constants/Theme';\nimport { Button } from '../button';\nimport { VideoModal } from '../feature-announcements/VideoModal';\nimport { SearchBar } from '../searchBar';\nimport { SideModal } from '../side-modal';\nimport {\n\tBodyPrimary,\n\tCaption,\n\tTitleMedium,\n\tTitleRegular,\n\tTitleSmall,\n} from '../TypographyStyle';\nimport {\n\tBackgroundImageContainer,\n\tMainCardContainer,\n\tMainContainer,\n\tWhatsNewWrapper,\n} from './WhatsNew.styles';\nimport { WhatsNewContent, WhatsNewPanelProps } from './WhatsNew.types';\n\nexport const WhatsNewPanel: React.FC<WhatsNewPanelProps> = ({\n\tisOpen,\n\tonClose,\n\tcontent,\n\tisLoading = false,\n\ttitle = \"What's new on BIK\",\n\tsearchPlaceholder = 'Search posts',\n\temptyStateTitle = 'Nothing new!',\n\temptyStateDescription = 'There are no new updates or features at the moment. Check back soon!',\n\tnoResultsText = 'Sorry, no results found.',\n\twidth = '480px',\n\tonContentClick,\n\trenderCustomContent,\n}) => {\n\tconst [searchText, setSearchText] = useState('');\n\tconst [isVideoModalOpen, setIsVideoModalOpen] = useState(false);\n\tconst [videoUrl, setVideoUrl] = useState('');\n\n\tconst ifNewContent = (contentItem: WhatsNewContent): boolean => {\n\t\tif (!contentItem.createdAt) return false;\n\t\tconst createdAt = contentItem.createdAt.toDate\n\t\t\t? contentItem.createdAt.toDate()\n\t\t\t: new Date(contentItem.createdAt);\n\t\treturn differenceInBusinessDays(new Date(), createdAt) < 7;\n\t};\n\n\tconst modifiedWhatsNewContent = useMemo(() => {\n\t\tif (!searchText.trim()) return content;\n\n\t\tconst searchLower = searchText.toLowerCase();\n\t\treturn content.filter(\n\t\t\t(item) =>\n\t\t\t\titem.title.toLowerCase().includes(searchLower) \|\|\n\t\t\t\titem.body.toLowerCase().includes(searchLower) \|\|\n\t\t\t\t(item.content && item.content.toLowerCase().includes(searchLower)),\n\t\t);\n\t}, [content, searchText]);\n\n\tconst handleContentClick = (contentItem: WhatsNewContent) => {\n\t\tconst action = contentItem.primaryButton?.action;\n\t\tif (action === 'Play Video' \|\| (!action && contentItem.productVideo)) {\n\t\t\tif (contentItem.productVideo) {\n\t\t\t\tsetVideoUrl(contentItem.productVideo);\n\t\t\t\tsetIsVideoModalOpen(true);\n\t\t\t}\n\t\t} else {\n\t\t\tconst redirectionUrl =\n\t\t\t\tcontentItem.primaryButton?.redirectionUrl \|\| contentItem.redirectUrl;\n\t\t\tif (redirectionUrl) {\n\t\t\t\tconst isExternal = redirectionUrl.startsWith('http');\n\t\t\t\tif (isExternal) {\n\t\t\t\t\twindow.open(redirectionUrl, '_blank', 'noopener,noreferrer');\n\t\t\t\t} else {\n\t\t\t\t\twindow.location.href = redirectionUrl;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (onContentClick) {\n\t\t\tonContentClick(contentItem);\n\t\t}\n\t};\n\n\tconst isWhatsNewContentEmpty = content.length === 0;\n\tconst isModifiedWhatsNewContentEmpty = modifiedWhatsNewContent.length === 0;\n\n\tif (!isOpen) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<SideModal\n\t\t\twidth={width}\n\t\t\tonClose={onClose}\n\t\t\theader=\"\"\n\t\t\theaderCustomComponent={\n\t\t\t\t<TitleMedium color={COLORS.background.inverse}>{title}</TitleMedium>\n\t\t\t}\n\t\t\theaderStyle={{ background: COLORS.background.brandLight }}\n\t\t\thideFooter={true}\n\t\t>\n\t\t\t<MainContainer>\n\t\t\t\t<div className=\"mt-8\">\n\t\t\t\t\t<SearchBar\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\tisEnabled={!isWhatsNewContentEmpty}\n\t\t\t\t\t\tonChange={(inputText: string) => {\n\t\t\t\t\t\t\tsetSearchText(inputText);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonEnter={(inputText: string) => {\n\t\t\t\t\t\t\tsetSearchText(inputText);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tplaceholder={searchPlaceholder}\n\t\t\t\t\t\tvariant=\"default\"\n\t\t\t\t\t\tsearchValue={searchText}\n\t\t\t\t\t\tonClickCross={() => {\n\t\t\t\t\t\t\tsetSearchText('');\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<WhatsNewWrapper>\n\t\t\t\t\t{isWhatsNewContentEmpty \|\| isModifiedWhatsNewContentEmpty ? (\n\t\t\t\t\t\t<div className=\"no--data--found\">\n\t\t\t\t\t\t\t<div className=\"icon--wrapper\">\n\t\t\t\t\t\t\t\t{isWhatsNewContentEmpty ? (\n\t\t\t\t\t\t\t\t\t<WhatsNewIcon width={32} height={32} />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<SearchIconSvg width={32} height={32} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{isWhatsNewContentEmpty ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<TitleRegular>{emptyStateTitle}</TitleRegular>\n\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\tclassName=\"text--align\"\n\t\t\t\t\t\t\t\t\t\tstyle={{ maxWidth: 300 }}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{emptyStateDescription}\n\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : isModifiedWhatsNewContentEmpty ? (\n\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\tclassName=\"text--align\"\n\t\t\t\t\t\t\t\t\tstyle={{ maxWidth: 300 }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{noResultsText}\n\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"scroller\">\n\t\t\t\t\t\t\t{modifiedWhatsNewContent.map((contentItem, index) => {\n\t\t\t\t\t\t\t\tif (renderCustomContent) {\n\t\t\t\t\t\t\t\t\treturn renderCustomContent(contentItem);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<MainCardContainer\n\t\t\t\t\t\t\t\t\t\tclassName=\"padding--16 mb-mt-8\"\n\t\t\t\t\t\t\t\t\t\tkey={`whats-new-${index}`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BackgroundImageContainer\n\t\t\t\t\t\t\t\t\t\t\timageUrl={contentItem.image}\n\t\t\t\t\t\t\t\t\t\t\theight=\"209px\"\n\t\t\t\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ borderRadius: '4px' }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"mt-20 full--width\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"created--at flex flex--row\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ifNewContent(contentItem) ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"new--content--tag\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Caption>New</Caption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t<Caption style={{ color: COLORS.content.placeholder }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{contentItem.createdAt\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? format(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontentItem.createdAt.toDate\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? contentItem.createdAt.toDate()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: new Date(contentItem.createdAt),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'dd MMMM yyyy',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t\t\t\t\t\t</Caption>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"mt--8\">\n\t\t\t\t\t\t\t\t\t\t\t<TitleSmall>{contentItem.title}</TitleSmall>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: contentItem.body }}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"card--desc mt--12\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex flex--row mt-20 full--width\">\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonText={\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontentItem.primaryButton?.text \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontentItem.buttonText \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Explore the feature'\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\tonClick={() => handleContentClick(contentItem)}\n\t\t\t\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\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</MainCardContainer>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</WhatsNewWrapper>\n\t\t\t</MainContainer>\n\t\t\t<VideoModal\n\t\t\t\tisOpen={isVideoModalOpen}\n\t\t\t\tvideoUrl={videoUrl}\n\t\t\t\tonClose={() => {\n\t\t\t\t\tsetIsVideoModalOpen(false);\n\t\t\t\t}}\n\t\t\t/>\n\t\t</SideModal>\n\t);\n};\n"],"names":["_ref","isOpen","onClose","content","isLoading","title","searchPlaceholder","emptyStateTitle","emptyStateDescription","noResultsText","width","onContentClick","renderCustomContent","searchText","setSearchText","useState","isVideoModalOpen","setIsVideoModalOpen","videoUrl","setVideoUrl","ifNewContent","contentItem","createdAt","toDate","Date","differenceInBusinessDays","modifiedWhatsNewContent","useMemo","trim","searchLower","toLowerCase","filter","item","includes","body","isWhatsNewContentEmpty","length","isModifiedWhatsNewContentEmpty","_jsxs","SideModal","Object","assign","header","headerCustomComponent","_jsx","jsx","TitleMedium","color","COLORS","background","inverse","headerStyle","brandLight","hideFooter","jsxs","MainContainer","children","className","SearchBar","isEnabled","onChange","inputText","onEnter","placeholder","variant","searchValue","onClickCross","WhatsNewWrapper","WhatsNewIcon","height","SearchIconSvg","_Fragment","TitleRegular","BodyPrimary","secondary","style","maxWidth","map","index","MainCardContainer","BackgroundImageContainer","imageUrl","image","borderRadius","Caption","format","TitleSmall","dangerouslySetInnerHTML","__html","Button","buttonText","primaryButton","_a","text","onClick","action","productVideo","redirectionUrl","_b","redirectUrl","startsWith","window","open","location","href","handleContentClick","matchParentWidth","size","VideoModal"],"mappings":"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"}
1	+ {"version":3,"file":"WhatsNewPanel.js","sources":["../../../../src/components/whats-new/WhatsNewPanel.tsx"],"sourcesContent":["import { differenceInBusinessDays, format } from 'date-fns';\nimport React, { useMemo, useState } from 'react';\nimport SearchIconSvg from '../../assets/icons/searchIcon.svg';\nimport WhatsNewIcon from '../../assets/icons/whatsNew.svg';\nimport { COLORS } from '../../constants/Theme';\nimport { Button } from '../button';\nimport { VideoModal } from '../feature-announcements/VideoModal';\nimport { SearchBar } from '../searchBar';\nimport { SideModal } from '../side-modal';\nimport {\n\tBodyPrimary,\n\tCaption,\n\tTitleMedium,\n\tTitleRegular,\n\tTitleSmall,\n} from '../TypographyStyle';\nimport {\n\tBackgroundImageContainer,\n\tMainCardContainer,\n\tMainContainer,\n\tWhatsNewWrapper,\n} from './WhatsNew.styles';\nimport { WhatsNewContent, WhatsNewPanelProps } from './WhatsNew.types';\n\nexport const WhatsNewPanel: React.FC<WhatsNewPanelProps> = ({\n\tisOpen,\n\tonClose,\n\tcontent,\n\tisLoading = false,\n\ttitle = \"What's new on BIK\",\n\tsearchPlaceholder = 'Search posts',\n\temptyStateTitle = 'Nothing new!',\n\temptyStateDescription = 'There are no new updates or features at the moment. Check back soon!',\n\tnoResultsText = 'Sorry, no results found.',\n\twidth = '480px',\n\tonContentClick,\n\trenderCustomContent,\n}) => {\n\tconst [searchText, setSearchText] = useState('');\n\tconst [isVideoModalOpen, setIsVideoModalOpen] = useState(false);\n\tconst [videoUrl, setVideoUrl] = useState('');\n\n\tconst ifNewContent = (contentItem: WhatsNewContent): boolean => {\n\t\tif (!contentItem.createdAt) return false;\n\t\tconst createdAt = contentItem.createdAt.toDate\n\t\t\t? contentItem.createdAt.toDate()\n\t\t\t: new Date(contentItem.createdAt);\n\t\treturn differenceInBusinessDays(new Date(), createdAt) < 7;\n\t};\n\n\tconst modifiedWhatsNewContent = useMemo(() => {\n\t\tif (!searchText.trim()) return content;\n\n\t\tconst searchLower = searchText.toLowerCase();\n\t\treturn content.filter(\n\t\t\t(item) =>\n\t\t\t\titem.title.toLowerCase().includes(searchLower) \|\|\n\t\t\t\titem.body.toLowerCase().includes(searchLower) \|\|\n\t\t\t\t(item.content && item.content.toLowerCase().includes(searchLower)),\n\t\t);\n\t}, [content, searchText]);\n\n\tconst handleContentClick = (contentItem: WhatsNewContent) => {\n\t\tconst action = contentItem.primaryButton?.action;\n\t\tif (action === 'Play Video' \|\| (!action && contentItem.productVideo)) {\n\t\t\tif (contentItem.productVideo) {\n\t\t\t\tsetVideoUrl(contentItem.productVideo);\n\t\t\t\tsetIsVideoModalOpen(true);\n\t\t\t}\n\t\t} else {\n\t\t\tconst redirectionUrl =\n\t\t\t\tcontentItem.primaryButton?.redirectionUrl \|\| contentItem.redirectUrl;\n\t\t\tif (redirectionUrl) {\n\t\t\t\tconst isExternal = redirectionUrl.startsWith('http');\n\t\t\t\tif (isExternal) {\n\t\t\t\t\twindow.open(redirectionUrl, '_blank', 'noopener,noreferrer');\n\t\t\t\t} else {\n\t\t\t\t\twindow.location.href = redirectionUrl;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (onContentClick) {\n\t\t\tonContentClick(contentItem);\n\t\t}\n\t};\n\n\tconst isWhatsNewContentEmpty = content.length === 0;\n\tconst isModifiedWhatsNewContentEmpty = modifiedWhatsNewContent.length === 0;\n\n\tif (!isOpen) {\n\t\treturn <></>;\n\t}\n\n\treturn (\n\t\t<SideModal\n\t\t\twidth={width}\n\t\t\tonClose={onClose}\n\t\t\theader=\"\"\n\t\t\theaderCustomComponent={\n\t\t\t\t<TitleMedium color={COLORS.background.inverse}>{title}</TitleMedium>\n\t\t\t}\n\t\t\theaderStyle={{ background: COLORS.background.brandLight }}\n\t\t\thideFooter={true}\n\t\t>\n\t\t\t<MainContainer>\n\t\t\t\t<div className=\"mt-8\">\n\t\t\t\t\t<SearchBar\n\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\tisEnabled={!isWhatsNewContentEmpty}\n\t\t\t\t\t\tonChange={(inputText: string) => {\n\t\t\t\t\t\t\tsetSearchText(inputText);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonEnter={(inputText: string) => {\n\t\t\t\t\t\t\tsetSearchText(inputText);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tplaceholder={searchPlaceholder}\n\t\t\t\t\t\tvariant=\"default\"\n\t\t\t\t\t\tsearchValue={searchText}\n\t\t\t\t\t\tonClickCross={() => {\n\t\t\t\t\t\t\tsetSearchText('');\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<WhatsNewWrapper>\n\t\t\t\t\t{isWhatsNewContentEmpty \|\| isModifiedWhatsNewContentEmpty ? (\n\t\t\t\t\t\t<div className=\"no--data--found\">\n\t\t\t\t\t\t\t<div className=\"icon--wrapper\">\n\t\t\t\t\t\t\t\t{isWhatsNewContentEmpty ? (\n\t\t\t\t\t\t\t\t\t<WhatsNewIcon width={32} height={32} />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<SearchIconSvg width={32} height={32} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{isWhatsNewContentEmpty ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<TitleRegular>{emptyStateTitle}</TitleRegular>\n\t\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\tclassName=\"text--align\"\n\t\t\t\t\t\t\t\t\t\tstyle={{ maxWidth: 300 }}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{emptyStateDescription}\n\t\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : isModifiedWhatsNewContentEmpty ? (\n\t\t\t\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\tclassName=\"text--align\"\n\t\t\t\t\t\t\t\t\tstyle={{ maxWidth: 300 }}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{noResultsText}\n\t\t\t\t\t\t\t\t</BodyPrimary>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div className=\"scroller\">\n\t\t\t\t\t\t\t{modifiedWhatsNewContent.map((contentItem, index) => {\n\t\t\t\t\t\t\t\tif (renderCustomContent) {\n\t\t\t\t\t\t\t\t\treturn renderCustomContent(contentItem);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<MainCardContainer\n\t\t\t\t\t\t\t\t\t\tclassName=\"padding--16 mb-mt-8\"\n\t\t\t\t\t\t\t\t\t\tkey={`whats-new-${index}`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BackgroundImageContainer\n\t\t\t\t\t\t\t\t\t\t\timageUrl={contentItem.image}\n\t\t\t\t\t\t\t\t\t\t\theight=\"209px\"\n\t\t\t\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ borderRadius: '4px' }}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"mt-20 full--width\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"created--at flex flex--row\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ifNewContent(contentItem) ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"new--content--tag\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Caption>New</Caption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t<Caption style={{ color: COLORS.content.placeholder }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{contentItem.createdAt\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? format(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcontentItem.createdAt.toDate\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? contentItem.createdAt.toDate()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: new Date(contentItem.createdAt),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'dd MMMM yyyy',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: ''}\n\t\t\t\t\t\t\t\t\t\t\t\t</Caption>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"mt--8\">\n\t\t\t\t\t\t\t\t\t\t\t<TitleSmall>{contentItem.title}</TitleSmall>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{ __html: contentItem.body }}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"card--desc mt--12\"\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t<div className=\"flex flex--row mt-20 full--width\">\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tbuttonText={\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontentItem.primaryButton?.text \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\tcontentItem.buttonText \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Explore the feature'\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\tonClick={() => handleContentClick(contentItem)}\n\t\t\t\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"medium\"\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</MainCardContainer>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</WhatsNewWrapper>\n\t\t\t</MainContainer>\n\t\t\t<VideoModal\n\t\t\t\tisOpen={isVideoModalOpen}\n\t\t\t\tvideoUrl={videoUrl}\n\t\t\t\tonClose={() => {\n\t\t\t\t\tsetIsVideoModalOpen(false);\n\t\t\t\t}}\n\t\t\t/>\n\t\t</SideModal>\n\t);\n};\n"],"names":["WhatsNewPanel","isOpen","onClose","content","isLoading","title","searchPlaceholder","emptyStateTitle","emptyStateDescription","noResultsText","width","onContentClick","renderCustomContent","searchText","setSearchText","useState","isVideoModalOpen","setIsVideoModalOpen","videoUrl","setVideoUrl","ifNewContent","contentItem","createdAt","toDate","Date","differenceInBusinessDays","modifiedWhatsNewContent","useMemo","trim","searchLower","toLowerCase","filter","item","includes","body","isWhatsNewContentEmpty","length","isModifiedWhatsNewContentEmpty","_jsxs","SideModal","Object","assign","header","headerCustomComponent","_jsx","jsx","TitleMedium","color","COLORS","background","inverse","headerStyle","brandLight","hideFooter","jsxs","MainContainer","children","className","SearchBar","isEnabled","onChange","inputText","onEnter","placeholder","variant","searchValue","onClickCross","WhatsNewWrapper","WhatsNewIcon","height","SearchIconSvg","_Fragment","TitleRegular","BodyPrimary","secondary","style","maxWidth","map","index","MainCardContainer","BackgroundImageContainer","imageUrl","image","borderRadius","Caption","format","TitleSmall","dangerouslySetInnerHTML","__html","Button","buttonText","primaryButton","_a","text","onClick","action","productVideo","redirectionUrl","_b","redirectUrl","startsWith","window","open","location","href","handleContentClick","matchParentWidth","size","VideoModal"],"mappings":"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"}

package/dist/cjs/components/whats-new/WhatsNewProvider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./useWhatsNew.js");const s=t.createContext(null);exports.WhatsNewProvider=t=>{let{children:n,fetchWhatsNewContent:o,markContentAsViewed:u,module:a}=t;const i=r.useWhatsNew({fetchWhatsNewContent:o,markContentAsViewed:u,module:a});return e.jsx(s.Provider,Object.assign({value:i},{children:n}))},exports.useWhatsNewContext=()=>{const e=t.useContext(s);if(!e)throw new Error("useWhatsNewContext must be used within a WhatsNewProvider");return e};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./useWhatsNew.js");const s=t.createContext(null);exports.WhatsNewProvider=({children:t,fetchWhatsNewContent:n,markContentAsViewed:o,module:u})=>{const a=r.useWhatsNew({fetchWhatsNewContent:n,markContentAsViewed:o,module:u});return e.jsx(s.Provider,Object.assign({value:a},{children:t}))},exports.useWhatsNewContext=()=>{const e=t.useContext(s);if(!e)throw new Error("useWhatsNewContext must be used within a WhatsNewProvider");return e};
 //# sourceMappingURL=WhatsNewProvider.js.map

package/dist/cjs/components/whats-new/WhatsNewProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"WhatsNewProvider.js","sources":["../../../../src/components/whats-new/WhatsNewProvider.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport { useWhatsNew } from './useWhatsNew';\nimport { WhatsNewProviderProps } from './WhatsNew.types';\n\nconst WhatsNewContext = createContext<ReturnType<typeof useWhatsNew> \| null>(\n\tnull,\n);\n\nexport const WhatsNewProvider: React.FC<WhatsNewProviderProps> = ({\n\tchildren,\n\tfetchWhatsNewContent,\n\tmarkContentAsViewed,\n\tmodule,\n}) => {\n\tconst whatsNewData = useWhatsNew({\n\t\tfetchWhatsNewContent,\n\t\tmarkContentAsViewed,\n\t\tmodule,\n\t});\n\n\treturn (\n\t\t<WhatsNewContext.Provider value={whatsNewData}>\n\t\t\t{children}\n\t\t</WhatsNewContext.Provider>\n\t);\n};\n\nexport const useWhatsNewContext = () => {\n\tconst context = useContext(WhatsNewContext);\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t'useWhatsNewContext must be used within a WhatsNewProvider',\n\t\t);\n\t}\n\treturn context;\n};\n"],"names":["WhatsNewContext","createContext","~~_ref~~","children","fetchWhatsNewContent","markContentAsViewed","module","whatsNewData","useWhatsNew","_jsx","jsx","Provider","Object","assign","value","useWhatsNewContext","context","useContext","Error"],"mappings":"wJAIA,MAAMA,EAAkBC,EAAAA,cACvB,+BAGgEC,~~IAK5D~~,~~IAL6DC~~,~~SACjEA~~,~~EAAQC~~,~~qBACRA~~,~~EAAoBC~~,~~oBACpBA,EAAmBC,OACnBA,GACAJ,EACA,MAAMK,~~EAAeC,EAAAA,YAAY,CAChCJ,uBACAC,sBACAC,WAGD,OACCG,EAAAC,IAACV,EAAgBW,SAAQC,OAAAC,OAAA,CAACC,MAAOP,GAAY,CAAAJ,SAC3CA,IACyB,6BAIKY,KACjC,MAAMC,EAAUC,aAAWjB,GAC3B,IAAKgB,EACJ,MAAM,IAAIE,MACT,6DAGF,OAAOF,CAAO"}
1	+ {"version":3,"file":"WhatsNewProvider.js","sources":["../../../../src/components/whats-new/WhatsNewProvider.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport { useWhatsNew } from './useWhatsNew';\nimport { WhatsNewProviderProps } from './WhatsNew.types';\n\nconst WhatsNewContext = createContext<ReturnType<typeof useWhatsNew> \| null>(\n\tnull,\n);\n\nexport const WhatsNewProvider: React.FC<WhatsNewProviderProps> = ({\n\tchildren,\n\tfetchWhatsNewContent,\n\tmarkContentAsViewed,\n\tmodule,\n}) => {\n\tconst whatsNewData = useWhatsNew({\n\t\tfetchWhatsNewContent,\n\t\tmarkContentAsViewed,\n\t\tmodule,\n\t});\n\n\treturn (\n\t\t<WhatsNewContext.Provider value={whatsNewData}>\n\t\t\t{children}\n\t\t</WhatsNewContext.Provider>\n\t);\n};\n\nexport const useWhatsNewContext = () => {\n\tconst context = useContext(WhatsNewContext);\n\tif (!context) {\n\t\tthrow new Error(\n\t\t\t'useWhatsNewContext must be used within a WhatsNewProvider',\n\t\t);\n\t}\n\treturn context;\n};\n"],"names":["WhatsNewContext","createContext","WhatsNewProvider","children","fetchWhatsNewContent","markContentAsViewed","module","whatsNewData","useWhatsNew","_jsx","jsx","Provider","Object","assign","value","useWhatsNewContext","context","useContext","Error"],"mappings":"wJAIA,MAAMA,EAAkBC,EAAAA,cACvB,+BAGgEC,EAChEC,WACAC,uBACAC,sBACAC,aAEA,MAAMC,EAAeC,EAAAA,YAAY,CAChCJ,uBACAC,sBACAC,WAGD,OACCG,EAAAC,IAACV,EAAgBW,SAAQC,OAAAC,OAAA,CAACC,MAAOP,GAAY,CAAAJ,SAC3CA,IACyB,6BAIKY,KACjC,MAAMC,EAAUC,aAAWjB,GAC3B,IAAKgB,EACJ,MAAM,IAAIE,MACT,6DAGF,OAAOF,CAAO"}

package/dist/cjs/components/whats-new/useWhatsNew.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("date-fns"),r=require("react");exports.useWhatsNew=a=>{let{fetchWhatsNewContent:n,markContentAsViewed:o,module:c,newContentThresholdDays:s=7}=a;const[i,d]=r.useState([]),[u,l]=r.useState(!0),f=r.useRef(n),w=r.useRef(o);r.useEffect((()=>{f.current=n}),[n]),r.useEffect((()=>{w.current=o}),[o]);const v=r.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){l(!0);try{const[e,t]=yield f.current();if(e)console.error("Failed to fetch what's new content:",e),d([]);else if(t){let e=t;c&&(e=t.filter((e=>Array.isArray(e.module)?e.module.includes(c):e.module===c))),e.sort(((e,t)=>{var r,a;const n=(null===(r=e.createdAt)||void 0===r?void 0:r.toDate)?e.createdAt.toDate():new Date(e.createdAt);return((null===(a=t.createdAt)||void 0===a?void 0:a.toDate)?t.createdAt.toDate():new Date(t.createdAt)).getTime()-n.getTime()})),d(e)}else d([])}catch(e){console.error("Failed to fetch what's new content:",e),d([])}finally{l(!1)}}))),[c]);r.useEffect((()=>{v()}),[v]);const A=r.useCallback((e=>{if(!e.createdAt)return!1;const r=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return t.differenceInBusinessDays(new Date,r)<s}),[s]),h=i.reduce(((e,t)=>A(t)?e+1:e),0);return{whatsNewContent:i,isLoading:u,newContentCount:h,markAsViewed:r.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(w.current)try{yield w.current(t)}catch(e){console.warn("Failed to mark content as viewed:",e)}}))),[]),refreshContent:r.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){yield v()}))),[v])}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("date-fns"),r=require("react");exports.useWhatsNew=({fetchWhatsNewContent:a,markContentAsViewed:n,module:o,newContentThresholdDays:c=7})=>{const[s,i]=r.useState([]),[d,u]=r.useState(!0),l=r.useRef(a),f=r.useRef(n);r.useEffect((()=>{l.current=a}),[a]),r.useEffect((()=>{f.current=n}),[n]);const w=r.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){u(!0);try{const[e,t]=yield l.current();if(e)console.error("Failed to fetch what's new content:",e),i([]);else if(t){let e=t;o&&(e=t.filter((e=>Array.isArray(e.module)?e.module.includes(o):e.module===o))),e.sort(((e,t)=>{var r,a;const n=(null===(r=e.createdAt)||void 0===r?void 0:r.toDate)?e.createdAt.toDate():new Date(e.createdAt);return((null===(a=t.createdAt)||void 0===a?void 0:a.toDate)?t.createdAt.toDate():new Date(t.createdAt)).getTime()-n.getTime()})),i(e)}else i([])}catch(e){console.error("Failed to fetch what's new content:",e),i([])}finally{u(!1)}}))),[o]);r.useEffect((()=>{w()}),[w]);const v=r.useCallback((e=>{if(!e.createdAt)return!1;const r=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return t.differenceInBusinessDays(new Date,r)<c}),[c]),A=s.reduce(((e,t)=>v(t)?e+1:e),0);return{whatsNewContent:s,isLoading:d,newContentCount:A,markAsViewed:r.useCallback((t=>e.__awaiter(void 0,void 0,void 0,(function*(){if(f.current)try{yield f.current(t)}catch(e){console.warn("Failed to mark content as viewed:",e)}}))),[]),refreshContent:r.useCallback((()=>e.__awaiter(void 0,void 0,void 0,(function*(){yield w()}))),[w])}};
 //# sourceMappingURL=useWhatsNew.js.map

package/dist/cjs/components/whats-new/useWhatsNew.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useWhatsNew.js","sources":["../../../../src/components/whats-new/useWhatsNew.ts"],"sourcesContent":["import { differenceInBusinessDays } from 'date-fns';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { WhatsNewContent, WhatsNewHookReturn } from './WhatsNew.types';\n\ninterface UseWhatsNewProps {\n\tfetchWhatsNewContent: () => Promise<[Error \| null, WhatsNewContent[] \| null]>;\n\tmarkContentAsViewed?: (contentId: string) => Promise<void>;\n\tmodule?: string;\n\tnewContentThresholdDays?: number;\n}\n\nexport const useWhatsNew = ({\n\tfetchWhatsNewContent,\n\tmarkContentAsViewed,\n\tmodule,\n\tnewContentThresholdDays = 7,\n}: UseWhatsNewProps): WhatsNewHookReturn => {\n\tconst [whatsNewContent, setWhatsNewContent] = useState<WhatsNewContent[]>([]);\n\tconst [isLoading, setIsLoading] = useState(true);\n\n\t// Use refs to store functions to prevent infinite loops when they're not memoized by consumers\n\tconst fetchFnRef = useRef(fetchWhatsNewContent);\n\tconst markViewedFnRef = useRef(markContentAsViewed);\n\n\t// Update refs when functions change\n\tuseEffect(() => {\n\t\tfetchFnRef.current = fetchWhatsNewContent;\n\t}, [fetchWhatsNewContent]);\n\n\tuseEffect(() => {\n\t\tmarkViewedFnRef.current = markContentAsViewed;\n\t}, [markContentAsViewed]);\n\n\tconst fetchContent = useCallback(async () => {\n\t\tsetIsLoading(true);\n\t\ttry {\n\t\t\tconst [error, content] = await fetchFnRef.current();\n\t\t\tif (error) {\n\t\t\t\tconsole.error(\"Failed to fetch what's new content:\", error);\n\t\t\t\tsetWhatsNewContent([]);\n\t\t\t} else if (content) {\n\t\t\t\t// Filter by module if specified\n\t\t\t\tlet filteredContent = content;\n\t\t\t\tif (module) {\n\t\t\t\t\tfilteredContent = content.filter((item) => {\n\t\t\t\t\t\tif (Array.isArray(item.module)) {\n\t\t\t\t\t\t\treturn item.module.includes(module);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn item.module === module;\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\t// Sort by creation date (newest first)\n\t\t\t\tfilteredContent.sort((a, b) => {\n\t\t\t\t\tconst aTime = a.createdAt?.toDate\n\t\t\t\t\t\t? a.createdAt.toDate()\n\t\t\t\t\t\t: new Date(a.createdAt);\n\t\t\t\t\tconst bTime = b.createdAt?.toDate\n\t\t\t\t\t\t? b.createdAt.toDate()\n\t\t\t\t\t\t: new Date(b.createdAt);\n\t\t\t\t\treturn bTime.getTime() - aTime.getTime();\n\t\t\t\t});\n\n\t\t\t\tsetWhatsNewContent(filteredContent);\n\t\t\t} else {\n\t\t\t\tsetWhatsNewContent([]);\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.error(\"Failed to fetch what's new content:\", error);\n\t\t\tsetWhatsNewContent([]);\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, [module]); // Only depend on module, not fetchWhatsNewContent\n\n\tuseEffect(() => {\n\t\tfetchContent();\n\t}, [fetchContent]);\n\n\tconst isNewContent = useCallback(\n\t\t(content: WhatsNewContent): boolean => {\n\t\t\tif (!content.createdAt) return false;\n\t\t\tconst createdAt = content.createdAt.toDate\n\t\t\t\t? content.createdAt.toDate()\n\t\t\t\t: new Date(content.createdAt);\n\t\t\treturn (\n\t\t\t\tdifferenceInBusinessDays(new Date(), createdAt) <\n\t\t\t\tnewContentThresholdDays\n\t\t\t);\n\t\t},\n\t\t[newContentThresholdDays],\n\t);\n\n\tconst newContentCount = whatsNewContent.reduce((count, content) => {\n\t\treturn isNewContent(content) ? count + 1 : count;\n\t}, 0);\n\n\tconst markAsViewed = useCallback(\n\t\tasync (contentId: string) => {\n\t\t\tif (markViewedFnRef.current) {\n\t\t\t\ttry {\n\t\t\t\t\tawait markViewedFnRef.current(contentId);\n\t\t\t\t} catch (error) {\n\t\t\t\t\tconsole.warn('Failed to mark content as viewed:', error);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[], // No dependencies needed since we use ref\n\t);\n\n\tconst refreshContent = useCallback(async () => {\n\t\tawait fetchContent();\n\t}, [fetchContent]);\n\n\treturn {\n\t\twhatsNewContent,\n\t\tisLoading,\n\t\tnewContentCount,\n\t\tmarkAsViewed,\n\t\trefreshContent,\n\t};\n};\n"],"names":["~~_ref~~","fetchWhatsNewContent","markContentAsViewed","module","newContentThresholdDays","whatsNewContent","setWhatsNewContent","useState","isLoading","setIsLoading","fetchFnRef","useRef","markViewedFnRef","useEffect","current","fetchContent","useCallback","__awaiter","error","content","console","filteredContent","filter","item","Array","isArray","includes","sort","a","b","aTime","_a","createdAt","toDate","Date","_b","getTime","isNewContent","differenceInBusinessDays","newContentCount","reduce","count","markAsViewed","contentId","warn","refreshContent"],"mappings":"2KAW2BA,~~IAKgB~~,~~IALfC~~,~~qBAC3BA~~,~~EAAoBC~~,~~oBACpBA~~,~~EAAmBC~~,~~OACnBA~~,~~EAAMC,wBACNA,EAA0B,GACRJ,EAClB,MAAOK,~~EAAiBC,GAAsBC,EAAQA,SAAoB,KACnEC,EAAWC,GAAgBF,EAAQA,UAAC,GAGrCG,EAAaC,SAAOV,GACpBW,EAAkBD,SAAOT,GAG/BW,EAAAA,WAAU,KACTH,EAAWI,QAAUb,CAAoB,GACvC,CAACA,IAEJY,EAAAA,WAAU,KACTD,EAAgBE,QAAUZ,CAAmB,GAC3C,CAACA,IAEJ,MAAMa,EAAeC,EAAWA,aAAC,IAAWC,EAAAA,eAAA,OAAA,OAAA,GAAA,YAC3CR,GAAa,GACb,IACC,MAAOS,EAAOC,SAAiBT,EAAWI,UAC1C,GAAII,EACHE,QAAQF,MAAM,sCAAuCA,GACrDZ,EAAmB,SACb,GAAIa,EAAS,CAEnB,IAAIE,EAAkBF,EAClBhB,IACHkB,EAAkBF,EAAQG,QAAQC,GAC7BC,MAAMC,QAAQF,EAAKpB,QACfoB,EAAKpB,OAAOuB,SAASvB,GAEtBoB,EAAKpB,SAAWA,KAKzBkB,EAAgBM,MAAK,CAACC,EAAGC,aACxB,MAAMC,WAAQC,EAAAH,EAAEI,gCAAWC,QACxBL,EAAEI,UAAUC,SACZ,IAAIC,KAAKN,EAAEI,WAId,gBAHcG,EAAAN,EAAEG,gCAAWC,QACxBJ,EAAEG,UAAUC,SACZ,IAAIC,KAAKL,EAAEG,YACDI,UAAYN,EAAMM,SAAS,IAGzC9B,EAAmBe,EACnB,MACAf,EAAmB,GAEpB,CAAC,MAAOY,GACRE,QAAQF,MAAM,sCAAuCA,GACrDZ,EAAmB,GACnB,CAAS,QACTG,GAAa,EACb,CACF,KAAG,CAACN,IAEJU,EAAAA,WAAU,KACTE,GAAc,GACZ,CAACA,IAEJ,MAAMsB,EAAerB,EAAWA,aAC9BG,IACA,IAAKA,EAAQa,UAAW,OAAO,EAC/B,MAAMA,EAAYb,EAAQa,UAAUC,OACjCd,EAAQa,UAAUC,SAClB,IAAIC,KAAKf,EAAQa,WACpB,OACCM,EAAwBA,yBAAC,IAAIJ,KAAQF,GACrC5B,CAAuB,GAGzB,CAACA,IAGImC,EAAkBlC,EAAgBmC,QAAO,CAACC,EAAOtB,IAC/CkB,EAAalB,GAAWsB,EAAQ,EAAIA,GACzC,GAmBH,MAAO,CACNpC,kBACAG,YACA+B,kBACAG,aArBoB1B,eACb2B,GAAqB1B,EAAAA,eAAA,OAAA,OAAA,GAAA,YAC3B,GAAIL,EAAgBE,QACnB,UACOF,EAAgBE,QAAQ6B,EAC9B,CAAC,MAAOzB,GACRE,QAAQwB,KAAK,oCAAqC1B,EAClD,MAGH,IAYA2B,eATsB7B,EAAWA,aAAC,IAAWC,EAAAA,eAAA,OAAA,OAAA,GAAA,kBACvCF,GACP,KAAG,CAACA,IAQH"}
1	+ {"version":3,"file":"useWhatsNew.js","sources":["../../../../src/components/whats-new/useWhatsNew.ts"],"sourcesContent":["import { differenceInBusinessDays } from 'date-fns';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { WhatsNewContent, WhatsNewHookReturn } from './WhatsNew.types';\n\ninterface UseWhatsNewProps {\n\tfetchWhatsNewContent: () => Promise<[Error \| null, WhatsNewContent[] \| null]>;\n\tmarkContentAsViewed?: (contentId: string) => Promise<void>;\n\tmodule?: string;\n\tnewContentThresholdDays?: number;\n}\n\nexport const useWhatsNew = ({\n\tfetchWhatsNewContent,\n\tmarkContentAsViewed,\n\tmodule,\n\tnewContentThresholdDays = 7,\n}: UseWhatsNewProps): WhatsNewHookReturn => {\n\tconst [whatsNewContent, setWhatsNewContent] = useState<WhatsNewContent[]>([]);\n\tconst [isLoading, setIsLoading] = useState(true);\n\n\t// Use refs to store functions to prevent infinite loops when they're not memoized by consumers\n\tconst fetchFnRef = useRef(fetchWhatsNewContent);\n\tconst markViewedFnRef = useRef(markContentAsViewed);\n\n\t// Update refs when functions change\n\tuseEffect(() => {\n\t\tfetchFnRef.current = fetchWhatsNewContent;\n\t}, [fetchWhatsNewContent]);\n\n\tuseEffect(() => {\n\t\tmarkViewedFnRef.current = markContentAsViewed;\n\t}, [markContentAsViewed]);\n\n\tconst fetchContent = useCallback(async () => {\n\t\tsetIsLoading(true);\n\t\ttry {\n\t\t\tconst [error, content] = await fetchFnRef.current();\n\t\t\tif (error) {\n\t\t\t\tconsole.error(\"Failed to fetch what's new content:\", error);\n\t\t\t\tsetWhatsNewContent([]);\n\t\t\t} else if (content) {\n\t\t\t\t// Filter by module if specified\n\t\t\t\tlet filteredContent = content;\n\t\t\t\tif (module) {\n\t\t\t\t\tfilteredContent = content.filter((item) => {\n\t\t\t\t\t\tif (Array.isArray(item.module)) {\n\t\t\t\t\t\t\treturn item.module.includes(module);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn item.module === module;\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\t// Sort by creation date (newest first)\n\t\t\t\tfilteredContent.sort((a, b) => {\n\t\t\t\t\tconst aTime = a.createdAt?.toDate\n\t\t\t\t\t\t? a.createdAt.toDate()\n\t\t\t\t\t\t: new Date(a.createdAt);\n\t\t\t\t\tconst bTime = b.createdAt?.toDate\n\t\t\t\t\t\t? b.createdAt.toDate()\n\t\t\t\t\t\t: new Date(b.createdAt);\n\t\t\t\t\treturn bTime.getTime() - aTime.getTime();\n\t\t\t\t});\n\n\t\t\t\tsetWhatsNewContent(filteredContent);\n\t\t\t} else {\n\t\t\t\tsetWhatsNewContent([]);\n\t\t\t}\n\t\t} catch (error) {\n\t\t\tconsole.error(\"Failed to fetch what's new content:\", error);\n\t\t\tsetWhatsNewContent([]);\n\t\t} finally {\n\t\t\tsetIsLoading(false);\n\t\t}\n\t}, [module]); // Only depend on module, not fetchWhatsNewContent\n\n\tuseEffect(() => {\n\t\tfetchContent();\n\t}, [fetchContent]);\n\n\tconst isNewContent = useCallback(\n\t\t(content: WhatsNewContent): boolean => {\n\t\t\tif (!content.createdAt) return false;\n\t\t\tconst createdAt = content.createdAt.toDate\n\t\t\t\t? content.createdAt.toDate()\n\t\t\t\t: new Date(content.createdAt);\n\t\t\treturn (\n\t\t\t\tdifferenceInBusinessDays(new Date(), createdAt) <\n\t\t\t\tnewContentThresholdDays\n\t\t\t);\n\t\t},\n\t\t[newContentThresholdDays],\n\t);\n\n\tconst newContentCount = whatsNewContent.reduce((count, content) => {\n\t\treturn isNewContent(content) ? count + 1 : count;\n\t}, 0);\n\n\tconst markAsViewed = useCallback(\n\t\tasync (contentId: string) => {\n\t\t\tif (markViewedFnRef.current) {\n\t\t\t\ttry {\n\t\t\t\t\tawait markViewedFnRef.current(contentId);\n\t\t\t\t} catch (error) {\n\t\t\t\t\tconsole.warn('Failed to mark content as viewed:', error);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[], // No dependencies needed since we use ref\n\t);\n\n\tconst refreshContent = useCallback(async () => {\n\t\tawait fetchContent();\n\t}, [fetchContent]);\n\n\treturn {\n\t\twhatsNewContent,\n\t\tisLoading,\n\t\tnewContentCount,\n\t\tmarkAsViewed,\n\t\trefreshContent,\n\t};\n};\n"],"names":["useWhatsNew","fetchWhatsNewContent","markContentAsViewed","module","newContentThresholdDays","whatsNewContent","setWhatsNewContent","useState","isLoading","setIsLoading","fetchFnRef","useRef","markViewedFnRef","useEffect","current","fetchContent","useCallback","__awaiter","error","content","console","filteredContent","filter","item","Array","isArray","includes","sort","a","b","aTime","_a","createdAt","toDate","Date","_b","getTime","isNewContent","differenceInBusinessDays","newContentCount","reduce","count","markAsViewed","contentId","warn","refreshContent"],"mappings":"2KAW2BA,EAC1BC,uBACAC,sBACAC,SACAC,0BAA0B,MAE1B,MAAOC,EAAiBC,GAAsBC,EAAQA,SAAoB,KACnEC,EAAWC,GAAgBF,EAAQA,UAAC,GAGrCG,EAAaC,SAAOV,GACpBW,EAAkBD,SAAOT,GAG/BW,EAAAA,WAAU,KACTH,EAAWI,QAAUb,CAAoB,GACvC,CAACA,IAEJY,EAAAA,WAAU,KACTD,EAAgBE,QAAUZ,CAAmB,GAC3C,CAACA,IAEJ,MAAMa,EAAeC,EAAWA,aAAC,IAAWC,EAAAA,eAAA,OAAA,OAAA,GAAA,YAC3CR,GAAa,GACb,IACC,MAAOS,EAAOC,SAAiBT,EAAWI,UAC1C,GAAII,EACHE,QAAQF,MAAM,sCAAuCA,GACrDZ,EAAmB,SACb,GAAIa,EAAS,CAEnB,IAAIE,EAAkBF,EAClBhB,IACHkB,EAAkBF,EAAQG,QAAQC,GAC7BC,MAAMC,QAAQF,EAAKpB,QACfoB,EAAKpB,OAAOuB,SAASvB,GAEtBoB,EAAKpB,SAAWA,KAKzBkB,EAAgBM,MAAK,CAACC,EAAGC,aACxB,MAAMC,WAAQC,EAAAH,EAAEI,gCAAWC,QACxBL,EAAEI,UAAUC,SACZ,IAAIC,KAAKN,EAAEI,WAId,gBAHcG,EAAAN,EAAEG,gCAAWC,QACxBJ,EAAEG,UAAUC,SACZ,IAAIC,KAAKL,EAAEG,YACDI,UAAYN,EAAMM,SAAS,IAGzC9B,EAAmBe,EACnB,MACAf,EAAmB,GAEpB,CAAC,MAAOY,GACRE,QAAQF,MAAM,sCAAuCA,GACrDZ,EAAmB,GACnB,CAAS,QACTG,GAAa,EACb,CACF,KAAG,CAACN,IAEJU,EAAAA,WAAU,KACTE,GAAc,GACZ,CAACA,IAEJ,MAAMsB,EAAerB,EAAWA,aAC9BG,IACA,IAAKA,EAAQa,UAAW,OAAO,EAC/B,MAAMA,EAAYb,EAAQa,UAAUC,OACjCd,EAAQa,UAAUC,SAClB,IAAIC,KAAKf,EAAQa,WACpB,OACCM,EAAwBA,yBAAC,IAAIJ,KAAQF,GACrC5B,CAAuB,GAGzB,CAACA,IAGImC,EAAkBlC,EAAgBmC,QAAO,CAACC,EAAOtB,IAC/CkB,EAAalB,GAAWsB,EAAQ,EAAIA,GACzC,GAmBH,MAAO,CACNpC,kBACAG,YACA+B,kBACAG,aArBoB1B,eACb2B,GAAqB1B,EAAAA,eAAA,OAAA,OAAA,GAAA,YAC3B,GAAIL,EAAgBE,QACnB,UACOF,EAAgBE,QAAQ6B,EAC9B,CAAC,MAAOzB,GACRE,QAAQwB,KAAK,oCAAqC1B,EAClD,MAGH,IAYA2B,eATsB7B,EAAWA,aAAC,IAAWC,EAAAA,eAAA,OAAA,OAAA,GAAA,kBACvCF,GACP,KAAG,CAACA,IAQH"}

package/dist/cjs/editor/BikEditor.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("../node_modules/@tiptap/core/dist/index.js"),n=require("@tiptap/react"),o=require("react"),i=require("./BikEditor.styles.js"),r=require("./BikEditor.types.js"),l=require("./BikEditor.utils.js"),s=require("./extensions/buildExtensions.js"),c=require("./floating/LinkBubbleMenu.js");function u(t){return Object.entries(t).map((t=>{let[e,n]=t;return`${e.replace(/([A-Z])/g,(t=>`-${t.toLowerCase()}`))}:${n}`})).join(";")}const a=(a,d)=>{var m,g,v,h,f,C,p;const{initialContent:S,sections:x,features:k,disabled:y,maxCharacters:H,shortcuts:B,sendShortcut:b,mentions:z,slashCommands:A,link:E,onPaste:I,onReady:R,onChange:j,onSend:L,onFocus:T,onBlur:F,onSelectionChange:M,minHeight:O,maxHeight:q,style:w,className:P,editorClassName:D,editorStyle:U}=a,N=(null==x?void 0:x.length)?l.buildSectionedContent(l.normalizeHtml(null!=S?S:""),x.map((t=>Object.assign(Object.assign({},t),{content:l.normalizeHtml(t.content)})))):l.normalizeHtml(null!=S?S:""),_=o.useRef([]),$=o.useRef(!1),J=o.useRef(R);J.current=R;const V=o.useRef(j);V.current=j;const W=o.useRef(M);W.current=M;const Z=o.useRef(T);Z.current=T;const G=o.useRef(F);G.current=F;const K=o.useRef(L);K.current=L;const Q=o.useRef(null!==(m=null==z?void 0:z.agents)&&void 0!==m?m:[]);Q.current=null!==(g=null==z?void 0:z.agents)&&void 0!==g?g:[];const X=o.useRef(null!==(v=null==z?void 0:z.teams)&&void 0!==v?v:[]);X.current=null!==(h=null==z?void 0:z.teams)&&void 0!==h?h:[];const Y=o.useRef(null!==(f=null==A?void 0:A.items)&&void 0!==f?f:[]);Y.current=null!==(C=null==A?void 0:A.items)&&void 0!==C?C:[];const tt=n.useEditor({extensions:s.buildExtensions({features:k,placeholder:a.placeholder,maxCharacters:H,hasSections:(null!==(p=null==x?void 0:x.length)&&void 0!==p?p:0)>0,mentions:{agents:z?Q:void 0,teams:z?X:void 0},slashCommands:A?Y:void 0,onPaste:I,onSend:L?t=>{var e;return null===(e=K.current)||void 0===e?void 0:e.call(K,t)}:void 0,sendShortcut:b,shortcuts:B,onMentionSelected:null==z?void 0:z.onSelect,onSlashCommandSelected:null==A?void 0:A.onSelect,renderMentionItem:null==z?void 0:z.renderItem,renderMentionDropdown:null==z?void 0:z.renderDropdown,renderSlashCommandItem:null==A?void 0:A.renderItem,renderSlashCommandDropdown:null==A?void 0:A.renderDropdown}),content:N,editable:!y,immediatelyRender:!1,editorProps:{attributes:Object.assign(Object.assign({},D?{class:D}:{}),U?{style:u(U)}:{})},onUpdate:t=>{let{editor:e}=t;var n;null===(n=V.current)||void 0===n||n.call(V,l.extractContent(e))},onTransaction:t=>{let{editor:e}=t;var n;null===(n=W.current)||void 0===n||n.call(W,l.extractActiveFormats(e))},onFocus:()=>{var t;return null===(t=Z.current)||void 0===t?void 0:t.call(Z)},onBlur:()=>{var t;return null===(t=G.current)||void 0===t?void 0:t.call(G)}});function et(t){tt?t(tt):_.current.push(t)}return o.useEffect((()=>{var t;if(tt){if(_.current.length>0){_.current.splice(0).forEach((t=>t(tt)))}$.current||($.current=!0,null===(t=J.current)||void 0===t||t.call(J))}}),[tt]),o.useImperativeHandle(d,(()=>({focus:t=>et((e=>e.commands.focus(t))),blur:()=>et((t=>t.commands.blur())),clearContent:()=>et((t=>t.commands.clearContent(!0))),setContent:t=>{const e=l.normalizeHtml(t);et((t=>t.commands.setContent(e,{emitUpdate:!0})))},insertContent:t=>{const e=l.normalizeHtml(t);et((t=>t.commands.insertContent(e)))},insertInlineContent:t=>{et((e=>l.insertInlineHtml(e,t)))},insertAtStart:t=>{const e=l.normalizeHtml(t);et((t=>t.commands.insertContentAt(1,e)))},insertBlock:t=>{const e=l.normalizeHtml(t);et((t=>t.commands.insertContentAt(t.state.doc.content.size,e)))},appendInline:t=>{const e=l.normalizeHtml(t);et((t=>t.commands.insertContentAt(t.state.doc.content.size-1,e)))},insertAtEnd(t){this.insertBlock(t)},appendContent(t){this.appendInline(t)},getContent:()=>tt?l.extractContent(tt):{html:"",text:"",isEmpty:!0,characterCount:0},getJSON:()=>{var t;return null!==(t=null==tt?void 0:tt.getJSON())&&void 0!==t?t:null},getMentions:()=>{const t=new Set,e=new Set;return tt?(tt.state.doc.descendants((n=>{"mentionAgent"===n.type.name&&null!=n.attrs.id?t.add(String(n.attrs.id)):"mentionTeam"===n.type.name&&null!=n.attrs.id&&e.add(String(n.attrs.id))})),{agentIds:Array.from(t),teamIds:Array.from(e)}):{agentIds:[],teamIds:[]}},getCursorPosition:()=>{if(!tt)return{from:0,to:0};const{from:t,to:e}=tt.state.selection;return{from:t,to:e}},insertAtPosition:(t,e)=>{const n=l.normalizeHtml(e);et((e=>e.commands.insertContentAt(t,n)))},getSelectedText:()=>{if(!tt)return"";const{state:t}=tt,{from:n,to:o,empty:i}=t.selection;if(!i)return t.doc.textBetween(n,o," ");const r=t.schema.marks.link;if(r){const o=e.getMarkRange(t.doc.resolve(n),r);if(o)return t.doc.textBetween(o.from,o.to," ")}return""},getCharacterCount:()=>{var t,e,n,o;return{count:null!==(o=null!==(n=null===(e=null===(t=null==tt?void 0:tt.storage.characterCount)||void 0===t?void 0:t.characters)||void 0===e?void 0:e.call(t))&&void 0!==n?n:null==tt?void 0:tt.getText().length)&&void 0!==o?o:0,limit:null!=H?H:null}},getSectionContent:t=>tt?l.extractSectionContent(tt,t):{html:"",text:"",isEmpty:!0,characterCount:0},setSectionContent:(t,e)=>{const n=l.normalizeHtml(e);et((e=>l.setSectionContentInEditor(e,t,n)))},focusSection:t=>{et((e=>{if("body"===t){let t=e.state.doc.content.size-1;return e.state.doc.descendants(((n,o)=>("sectionDivider"===n.type.name&&t===e.state.doc.content.size-1&&(t=o-1),t===e.state.doc.content.size-1))),t<1&&(t=1),void e.chain().focus().setTextSelection(t).run()}let n=-1;e.state.doc.descendants(((e,o)=>{if(-1!==n)return!1;"sectionDivider"===e.type.name&&e.attrs.sectionId===t&&(n=o+e.nodeSize+1)})),-1!==n&&e.chain().focus().setTextSelection(n).run()}))},clearSection:t=>{et((e=>l.setSectionContentInEditor(e,t,"<p></p>")))},getBodyContent:()=>tt?l.extractBodyContent(tt):{html:"",text:"",isEmpty:!0,characterCount:0},setBodyContent:t=>{const e=l.normalizeHtml(t);et((t=>l.setSectionContentInEditor(t,"body",e)))},setBodyAndSections:(t,e)=>{const n=l.buildSectionedContent(l.normalizeHtml(t),e.map((t=>({id:t.id,content:l.normalizeHtml(t.content)}))));et((t=>t.commands.setContent(n,{emitUpdate:!0})))},appendBodyContent:t=>{const e=l.normalizeHtml(t);et((t=>{const n=l.findSectionEndPos(t,"body");t.commands.insertContentAt(n-1,e)}))},insertAtSectionStart:(t,e)=>{const n=l.normalizeHtml(e);et((e=>{const o=l.findSectionStartPos(e,t);-1!==o&&e.commands.insertContentAt(o,n)}))},insertAtSectionEnd:(t,e)=>{const n=l.normalizeHtml(e);et((e=>{const o=l.findSectionEndPos(e,t);e.commands.insertContentAt(o,n)}))},getActiveFormats:()=>tt?l.extractActiveFormats(tt):r.DEFAULT_FORMAT_STATE,actions:{toggleBold:()=>null==tt?void 0:tt.chain().focus().toggleBold().run(),toggleItalic:()=>null==tt?void 0:tt.chain().focus().toggleItalic().run(),toggleUnderline:()=>null==tt?void 0:tt.chain().focus().toggleUnderline().run(),toggleStrike:()=>null==tt?void 0:tt.chain().focus().toggleStrike().run(),toggleBulletList:()=>null==tt?void 0:tt.chain().focus().toggleBulletList().run(),toggleOrderedList:()=>null==tt?void 0:tt.chain().focus().toggleOrderedList().run(),toggleBlockquote:()=>null==tt?void 0:tt.chain().focus().toggleBlockquote().run(),toggleCodeBlock:()=>null==tt?void 0:tt.chain().focus().toggleCodeBlock().run(),setTextAlign:t=>null==tt?void 0:tt.chain().focus().setTextAlign(t).run(),setFontFamily:t=>null==tt?void 0:tt.chain().focus().setFontFamily(t).run(),setFontSize:t=>null==tt?void 0:tt.chain().focus().setFontSize(t).run(),setColor:t=>null==tt?void 0:tt.chain().focus().setColor(t).run(),setHighlight:t=>null==tt?void 0:tt.chain().focus().toggleHighlight({color:t}).run(),unsetColor:()=>null==tt?void 0:tt.chain().focus().unsetColor().run(),unsetHighlight:()=>null==tt?void 0:tt.chain().focus().unsetHighlight().run(),setLink:(t,e)=>{tt&&(void 0!==e?tt.chain().focus().extendMarkRange("link").command((n=>{let{tr:o,state:i}=n;const{from:r,to:l}=o.selection,s=i.schema.marks.link;if(!s)return!1;const c=i.schema.text(e,[s.create({href:t})]),u=i.schema.text(" ");return o.replaceWith(r,l,[c,u]),!0})).run():tt.chain().focus().extendMarkRange("link").setLink({href:t}).insertContent(" ").run())},updateLink:t=>null==tt?void 0:tt.chain().focus().extendMarkRange("link").setLink({href:t}).run(),removeLink:()=>null==tt?void 0:tt.chain().focus().extendMarkRange("link").unsetLink().run(),insertEmoji:t=>null==tt?void 0:tt.chain().focus().insertContent(t).run(),insertVariable:t=>null==tt?void 0:tt.chain().focus().insertContent(`{{${t}}}`).run(),insertHtml:t=>null==tt?void 0:tt.commands.insertContent(l.normalizeHtml(t)),undo:()=>null==tt?void 0:tt.chain().focus().undo().run(),redo:()=>null==tt?void 0:tt.chain().focus().redo().run(),canUndo:()=>{var t;return null!==(t=null==tt?void 0:tt.can().undo())&&void 0!==t&&t},canRedo:()=>{var t;return null!==(t=null==tt?void 0:tt.can().redo())&&void 0!==t&&t},toggleSuperscript:()=>null==tt?void 0:tt.chain().focus().toggleSuperscript().run(),toggleSubscript:()=>null==tt?void 0:tt.chain().focus().toggleSubscript().run(),insertImage:t=>null==tt?void 0:tt.chain().focus().setImage({src:t}).run()}})),[tt]),tt?t.jsxs(i.BikEditorShell,Object.assign({minHeight:O,maxHeight:q,style:w,className:P},{children:[t.jsx(n.EditorContent,{editor:tt}),t.jsx(c.LinkBubbleMenu,{editor:tt,renderLinkTooltip:null==E?void 0:E.renderTooltip})]})):null},d=o.forwardRef(a);d.displayName="BikEditor",exports.BikEditor=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),n=require("../node_modules/@tiptap/core/dist/index.js"),e=require("@tiptap/react"),o=require("react"),i=require("./BikEditor.styles.js"),r=require("./BikEditor.types.js"),l=require("./BikEditor.utils.js"),s=require("./extensions/buildExtensions.js"),c=require("./floating/LinkBubbleMenu.js");function a(t){return Object.entries(t).map((([t,n])=>`${t.replace(/([A-Z])/g,(t=>`-${t.toLowerCase()}`))}:${n}`)).join(";")}const u=(u,d)=>{var m,g,v,h,f,C,p;const{initialContent:S,sections:x,features:k,disabled:y,maxCharacters:H,shortcuts:B,sendShortcut:b,mentions:z,slashCommands:A,link:E,onPaste:I,onReady:R,onChange:j,onSend:L,onFocus:T,onBlur:F,onSelectionChange:M,minHeight:O,maxHeight:q,style:w,className:P,editorClassName:D,editorStyle:U}=u,N=(null==x?void 0:x.length)?l.buildSectionedContent(l.normalizeHtml(null!=S?S:""),x.map((t=>Object.assign(Object.assign({},t),{content:l.normalizeHtml(t.content)})))):l.normalizeHtml(null!=S?S:""),_=o.useRef([]),$=o.useRef(!1),J=o.useRef(R);J.current=R;const V=o.useRef(j);V.current=j;const W=o.useRef(M);W.current=M;const Z=o.useRef(T);Z.current=T;const G=o.useRef(F);G.current=F;const K=o.useRef(L);K.current=L;const Q=o.useRef(null!==(m=null==z?void 0:z.agents)&&void 0!==m?m:[]);Q.current=null!==(g=null==z?void 0:z.agents)&&void 0!==g?g:[];const X=o.useRef(null!==(v=null==z?void 0:z.teams)&&void 0!==v?v:[]);X.current=null!==(h=null==z?void 0:z.teams)&&void 0!==h?h:[];const Y=o.useRef(null!==(f=null==A?void 0:A.items)&&void 0!==f?f:[]);Y.current=null!==(C=null==A?void 0:A.items)&&void 0!==C?C:[];const tt=e.useEditor({extensions:s.buildExtensions({features:k,placeholder:u.placeholder,maxCharacters:H,hasSections:(null!==(p=null==x?void 0:x.length)&&void 0!==p?p:0)>0,mentions:{agents:z?Q:void 0,teams:z?X:void 0},slashCommands:A?Y:void 0,onPaste:I,onSend:L?t=>{var n;return null===(n=K.current)||void 0===n?void 0:n.call(K,t)}:void 0,sendShortcut:b,shortcuts:B,onMentionSelected:null==z?void 0:z.onSelect,onSlashCommandSelected:null==A?void 0:A.onSelect,renderMentionItem:null==z?void 0:z.renderItem,renderMentionDropdown:null==z?void 0:z.renderDropdown,renderSlashCommandItem:null==A?void 0:A.renderItem,renderSlashCommandDropdown:null==A?void 0:A.renderDropdown}),content:N,editable:!y,immediatelyRender:!1,editorProps:{attributes:Object.assign(Object.assign({},D?{class:D}:{}),U?{style:a(U)}:{})},onUpdate:({editor:t})=>{var n;null===(n=V.current)||void 0===n||n.call(V,l.extractContent(t))},onTransaction:({editor:t})=>{var n;null===(n=W.current)||void 0===n||n.call(W,l.extractActiveFormats(t))},onFocus:()=>{var t;return null===(t=Z.current)||void 0===t?void 0:t.call(Z)},onBlur:()=>{var t;return null===(t=G.current)||void 0===t?void 0:t.call(G)}});function nt(t){tt?t(tt):_.current.push(t)}return o.useEffect((()=>{var t;if(tt){if(_.current.length>0){_.current.splice(0).forEach((t=>t(tt)))}$.current||($.current=!0,null===(t=J.current)||void 0===t||t.call(J))}}),[tt]),o.useImperativeHandle(d,(()=>({focus:t=>nt((n=>n.commands.focus(t))),blur:()=>nt((t=>t.commands.blur())),clearContent:()=>nt((t=>t.commands.clearContent(!0))),setContent:t=>{const n=l.normalizeHtml(t);nt((t=>t.commands.setContent(n,{emitUpdate:!0})))},insertContent:t=>{const n=l.normalizeHtml(t);nt((t=>t.commands.insertContent(n)))},insertInlineContent:t=>{nt((n=>l.insertInlineHtml(n,t)))},insertAtStart:t=>{const n=l.normalizeHtml(t);nt((t=>t.commands.insertContentAt(1,n)))},insertBlock:t=>{const n=l.normalizeHtml(t);nt((t=>t.commands.insertContentAt(t.state.doc.content.size,n)))},appendInline:t=>{const n=l.normalizeHtml(t);nt((t=>t.commands.insertContentAt(t.state.doc.content.size-1,n)))},insertAtEnd(t){this.insertBlock(t)},appendContent(t){this.appendInline(t)},getContent:()=>tt?l.extractContent(tt):{html:"",text:"",isEmpty:!0,characterCount:0},getJSON:()=>{var t;return null!==(t=null==tt?void 0:tt.getJSON())&&void 0!==t?t:null},getMentions:()=>{const t=new Set,n=new Set;return tt?(tt.state.doc.descendants((e=>{"mentionAgent"===e.type.name&&null!=e.attrs.id?t.add(String(e.attrs.id)):"mentionTeam"===e.type.name&&null!=e.attrs.id&&n.add(String(e.attrs.id))})),{agentIds:Array.from(t),teamIds:Array.from(n)}):{agentIds:[],teamIds:[]}},getCursorPosition:()=>{if(!tt)return{from:0,to:0};const{from:t,to:n}=tt.state.selection;return{from:t,to:n}},insertAtPosition:(t,n)=>{const e=l.normalizeHtml(n);nt((n=>n.commands.insertContentAt(t,e)))},getSelectedText:()=>{if(!tt)return"";const{state:t}=tt,{from:e,to:o,empty:i}=t.selection;if(!i)return t.doc.textBetween(e,o," ");const r=t.schema.marks.link;if(r){const o=n.getMarkRange(t.doc.resolve(e),r);if(o)return t.doc.textBetween(o.from,o.to," ")}return""},getCharacterCount:()=>{var t,n,e,o;return{count:null!==(o=null!==(e=null===(n=null===(t=null==tt?void 0:tt.storage.characterCount)||void 0===t?void 0:t.characters)||void 0===n?void 0:n.call(t))&&void 0!==e?e:null==tt?void 0:tt.getText().length)&&void 0!==o?o:0,limit:null!=H?H:null}},getSectionContent:t=>tt?l.extractSectionContent(tt,t):{html:"",text:"",isEmpty:!0,characterCount:0},setSectionContent:(t,n)=>{const e=l.normalizeHtml(n);nt((n=>l.setSectionContentInEditor(n,t,e)))},focusSection:t=>{nt((n=>{if("body"===t){let t=n.state.doc.content.size-1;return n.state.doc.descendants(((e,o)=>("sectionDivider"===e.type.name&&t===n.state.doc.content.size-1&&(t=o-1),t===n.state.doc.content.size-1))),t<1&&(t=1),void n.chain().focus().setTextSelection(t).run()}let e=-1;n.state.doc.descendants(((n,o)=>{if(-1!==e)return!1;"sectionDivider"===n.type.name&&n.attrs.sectionId===t&&(e=o+n.nodeSize+1)})),-1!==e&&n.chain().focus().setTextSelection(e).run()}))},clearSection:t=>{nt((n=>l.setSectionContentInEditor(n,t,"<p></p>")))},getBodyContent:()=>tt?l.extractBodyContent(tt):{html:"",text:"",isEmpty:!0,characterCount:0},setBodyContent:t=>{const n=l.normalizeHtml(t);nt((t=>l.setSectionContentInEditor(t,"body",n)))},setBodyAndSections:(t,n)=>{const e=l.buildSectionedContent(l.normalizeHtml(t),n.map((t=>({id:t.id,content:l.normalizeHtml(t.content)}))));nt((t=>t.commands.setContent(e,{emitUpdate:!0})))},appendBodyContent:t=>{const n=l.normalizeHtml(t);nt((t=>{const e=l.findSectionEndPos(t,"body");t.commands.insertContentAt(e-1,n)}))},insertAtSectionStart:(t,n)=>{const e=l.normalizeHtml(n);nt((n=>{const o=l.findSectionStartPos(n,t);-1!==o&&n.commands.insertContentAt(o,e)}))},insertAtSectionEnd:(t,n)=>{const e=l.normalizeHtml(n);nt((n=>{const o=l.findSectionEndPos(n,t);n.commands.insertContentAt(o,e)}))},getActiveFormats:()=>tt?l.extractActiveFormats(tt):r.DEFAULT_FORMAT_STATE,actions:{toggleBold:()=>null==tt?void 0:tt.chain().focus().toggleBold().run(),toggleItalic:()=>null==tt?void 0:tt.chain().focus().toggleItalic().run(),toggleUnderline:()=>null==tt?void 0:tt.chain().focus().toggleUnderline().run(),toggleStrike:()=>null==tt?void 0:tt.chain().focus().toggleStrike().run(),toggleBulletList:()=>null==tt?void 0:tt.chain().focus().toggleBulletList().run(),toggleOrderedList:()=>null==tt?void 0:tt.chain().focus().toggleOrderedList().run(),toggleBlockquote:()=>null==tt?void 0:tt.chain().focus().toggleBlockquote().run(),toggleCodeBlock:()=>null==tt?void 0:tt.chain().focus().toggleCodeBlock().run(),setTextAlign:t=>null==tt?void 0:tt.chain().focus().setTextAlign(t).run(),setFontFamily:t=>null==tt?void 0:tt.chain().focus().setFontFamily(t).run(),setFontSize:t=>null==tt?void 0:tt.chain().focus().setFontSize(t).run(),setColor:t=>null==tt?void 0:tt.chain().focus().setColor(t).run(),setHighlight:t=>null==tt?void 0:tt.chain().focus().toggleHighlight({color:t}).run(),unsetColor:()=>null==tt?void 0:tt.chain().focus().unsetColor().run(),unsetHighlight:()=>null==tt?void 0:tt.chain().focus().unsetHighlight().run(),setLink:(t,n)=>{tt&&(void 0!==n?tt.chain().focus().extendMarkRange("link").command((({tr:e,state:o})=>{const{from:i,to:r}=e.selection,l=o.schema.marks.link;if(!l)return!1;const s=o.schema.text(n,[l.create({href:t})]),c=o.schema.text(" ");return e.replaceWith(i,r,[s,c]),!0})).run():tt.chain().focus().extendMarkRange("link").setLink({href:t}).insertContent(" ").run())},updateLink:t=>null==tt?void 0:tt.chain().focus().extendMarkRange("link").setLink({href:t}).run(),removeLink:()=>null==tt?void 0:tt.chain().focus().extendMarkRange("link").unsetLink().run(),insertEmoji:t=>null==tt?void 0:tt.chain().focus().insertContent(t).run(),insertVariable:t=>null==tt?void 0:tt.chain().focus().insertContent(`{{${t}}}`).run(),insertHtml:t=>null==tt?void 0:tt.commands.insertContent(l.normalizeHtml(t)),undo:()=>null==tt?void 0:tt.chain().focus().undo().run(),redo:()=>null==tt?void 0:tt.chain().focus().redo().run(),canUndo:()=>{var t;return null!==(t=null==tt?void 0:tt.can().undo())&&void 0!==t&&t},canRedo:()=>{var t;return null!==(t=null==tt?void 0:tt.can().redo())&&void 0!==t&&t},toggleSuperscript:()=>null==tt?void 0:tt.chain().focus().toggleSuperscript().run(),toggleSubscript:()=>null==tt?void 0:tt.chain().focus().toggleSubscript().run(),insertImage:t=>null==tt?void 0:tt.chain().focus().setImage({src:t}).run()}})),[tt]),tt?t.jsxs(i.BikEditorShell,Object.assign({minHeight:O,maxHeight:q,style:w,className:P},{children:[t.jsx(e.EditorContent,{editor:tt}),t.jsx(c.LinkBubbleMenu,{editor:tt,renderLinkTooltip:null==E?void 0:E.renderTooltip})]})):null},d=o.forwardRef(u);d.displayName="BikEditor",exports.BikEditor=d;
 //# sourceMappingURL=BikEditor.js.map