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

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

@@ -1 +1 @@
-{"version":3,"file":"SubHeaderItems.js","sources":["../../../../src/components/variable-picker-v3/SubHeaderItems.tsx"],"sourcesContent":["import ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport AddIcon from '@src/assets/icons/plus.svg';\nimport SubCategoryIcon from '@src/assets/icons/sub_category.svg';\nimport WarnIcon from '@src/assets/icons/triangle_error.svg';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { COLORS } from '@src/constants/Theme';\nimport { ListItem } from '../list-item';\nimport { Tooltip } from '../tooltips';\nimport { BodySecondary } from '../TypographyStyle';\nimport { useVariablePickerContext } from './context';\nimport { highlightSearchText } from './highlightSearchText';\nimport { SubHeader, VariableListInterfaceV3, VariableV3 } from './model';\nimport { showOnlyRecommendedVariables } from './recommendVaribles';\n\ntype SubHeaderProps = {\n\tparentVariable?: VariableListInterfaceV3;\n\tdisabled: boolean;\n\tsearchText: string;\n\tonSelect: (variable: VariableV3) => void;\n\tvariable: { [key: string]: SubHeader | VariableV3 };\n};\n\nexport const renderTooltipBody = (variable: VariableV3) => {\n\treturn variable.contextQ?.join(' > ') || '';\n};\n\nconst SubHeaderItem: React.FC<SubHeaderProps> = (props: SubHeaderProps) => {\n\tconst { onSelect, variable, searchText, disabled, parentVariable } = props;\n\tconst {\n\t\tsubHeaderStack,\n\t\tsetSubHeaderStack,\n\t\tsetVariables,\n\t\tshowRecommended,\n\t\tcontainerRef,\n\t\tscrollPositionStack,\n\t} = useVariablePickerContext();\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n\t\t\t{Object.keys(variable).map((key, index) => {\n\t\t\t\tif (\n\t\t\t\t\ttypeof variable[key].variables === 'undefined' ||\n\t\t\t\t\tObject.keys(variable[key]?.variables || {}).length === 0\n\t\t\t\t) {\n\t\t\t\t\tconst variableV3 = variable[key] as VariableV3;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tbody={renderTooltipBody(variableV3)}\n\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t? 'readonly'\n\t\t\t\t\t\t\t\t\t\t: variableV3?.selected\n\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\t\t\tvariableV3?.selected || disabled ? (\n\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<div style={{ flexShrink: 0 }}>\n\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</div>\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\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\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\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(variableV3.displayName, searchText)}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t{!variableV3.isAvailable && (\n\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<div style={{ display: 'flex', marginTop: 2 }}>\n\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\twidth={16}\n\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\tcolor={COLORS.content.secondary}\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</div>\n\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\t\tlabel: variableV3.displayName,\n\t\t\t\t\t\t\t\t\tvalue: variableV3.displayName,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tsubText={variableV3.description || ''}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonSelect(variableV3);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tbody={renderTooltipBody(variable[key] as VariableV3)}\n\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\tvariant={'default'}\n\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\tlabel: variable[key].displayName,\n\t\t\t\t\t\t\t\tvalue: variable[key].displayName,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\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<BodySecondary\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\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}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{highlightSearchText(variable[key].displayName, searchText)}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tleadingIcon={<SubCategoryIcon width={14} height={14} />}\n\t\t\t\t\t\t\tsubText={variable[key].description || ''}\n\t\t\t\t\t\t\ttrailingIcon={\n\t\t\t\t\t\t\t\t<ChevronRight width={10} height={10} color=\"#212121\" />\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t// Save current scroll position before navigating into subcategory\n\t\t\t\t\t\t\t\tif (containerRef.current) {\n\t\t\t\t\t\t\t\t\tscrollPositionStack.current.push(\n\t\t\t\t\t\t\t\t\t\tcontainerRef.current.scrollTop,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tcontainerRef.current.scrollTop = 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst currentVariable = cloneDeep(variable[key]) as SubHeader;\n\t\t\t\t\t\t\t\tif (typeof parentVariable !== 'undefined') {\n\t\t\t\t\t\t\t\t\tcurrentVariable.contextQ = [parentVariable.displayName];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst stack = [...subHeaderStack, currentVariable];\n\t\t\t\t\t\t\t\tsetSubHeaderStack(stack);\n\t\t\t\t\t\t\t\tif (showRecommended) {\n\t\t\t\t\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\t\t\t\t\t[currentVariable.variables],\n\t\t\t\t\t\t\t\t\t\tstack,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetVariables([currentVariable.variables]);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default SubHeaderItem;\n"],"names":["renderTooltipBody","variable","SubHeaderItem","props","onSelect","searchText","disabled","parentVariable","subHeaderStack","setSubHeaderStack","setVariables","showRecommended","containerRef","scrollPositionStack","useVariablePickerContext","key","index","variableV3","jsxDEV","Tooltip","ListItem","Fragment","this","AddIcon","BodySecondary","COLORS","highlightSearchText","WarnIcon","SubCategoryIcon","ChevronRight","currentVariable","cloneDeep","stack","recommended","showOnlyRecommendedVariables"],"mappings":"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"}
+{"version":3,"file":"SubHeaderItems.js","sources":["../../../../src/components/variable-picker-v3/SubHeaderItems.tsx"],"sourcesContent":["import ChevronRight from '@src/assets/icons/chevronRight.svg';\nimport AddIcon from '@src/assets/icons/plus.svg';\nimport SubCategoryIcon from '@src/assets/icons/sub_category.svg';\nimport WarnIcon from '@src/assets/icons/triangle_error.svg';\nimport cloneDeep from 'lodash/cloneDeep';\nimport { COLORS } from '@src/constants/Theme';\nimport { ListItem } from '../list-item';\nimport { Tooltip } from '../tooltips';\nimport { BodySecondary } from '../TypographyStyle';\nimport { useVariablePickerContext } from './context';\nimport { highlightSearchText } from './highlightSearchText';\nimport { SubHeader, VariableListInterfaceV3, VariableV3 } from './model';\nimport { showOnlyRecommendedVariables } from './recommendVaribles';\n\ntype SubHeaderProps = {\n\tparentVariable?: VariableListInterfaceV3;\n\tdisabled: boolean;\n\tsearchText: string;\n\tonSelect: (variable: VariableV3) => void;\n\tvariable: { [key: string]: SubHeader | VariableV3 };\n};\n\nexport const renderTooltipBody = (variable: VariableV3) => {\n\treturn variable.contextQ?.join(' > ') || '';\n};\n\nconst SubHeaderItem: React.FC<SubHeaderProps> = (props: SubHeaderProps) => {\n\tconst { onSelect, variable, searchText, disabled, parentVariable } = props;\n\tconst {\n\t\tsubHeaderStack,\n\t\tsetSubHeaderStack,\n\t\tsetVariables,\n\t\tshowRecommended,\n\t\tcontainerRef,\n\t\tscrollPositionStack,\n\t} = useVariablePickerContext();\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n\t\t\t{Object.keys(variable).map((key, index) => {\n\t\t\t\tif (\n\t\t\t\t\ttypeof variable[key].variables === 'undefined' ||\n\t\t\t\t\tObject.keys(variable[key]?.variables || {}).length === 0\n\t\t\t\t) {\n\t\t\t\t\tconst variableV3 = variable[key] as VariableV3;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\tbody={renderTooltipBody(variableV3)}\n\t\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tdisabled\n\t\t\t\t\t\t\t\t\t\t? 'readonly'\n\t\t\t\t\t\t\t\t\t\t: variableV3?.selected\n\t\t\t\t\t\t\t\t\t\t? 'selected'\n\t\t\t\t\t\t\t\t\t\t: 'default'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\t\tleadingIcon={\n\t\t\t\t\t\t\t\t\tvariableV3?.selected || disabled ? (\n\t\t\t\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<div style={{ flexShrink: 0 }}>\n\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</div>\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\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\tgap: 4,\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\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\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{highlightSearchText(variableV3.displayName, searchText)}\n\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t{!variableV3.isAvailable && (\n\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<div style={{ display: 'flex', marginTop: 2 }}>\n\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\twidth={16}\n\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\tcolor={COLORS.content.secondary}\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</div>\n\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\t\tlabel: variableV3.displayName,\n\t\t\t\t\t\t\t\t\tvalue: variableV3.displayName,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tsubText={variableV3.description || ''}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tonSelect(variableV3);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip\n\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\tbody={renderTooltipBody(variable[key] as VariableV3)}\n\t\t\t\t\t\tplacement=\"bottom\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<ListItem\n\t\t\t\t\t\t\tvariant={'default'}\n\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\tlistItem={{\n\t\t\t\t\t\t\t\tlabel: variable[key].displayName,\n\t\t\t\t\t\t\t\tvalue: variable[key].displayName,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tcustomListItemLabel={\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\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<BodySecondary\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tfontSize: '14px',\n\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}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{highlightSearchText(variable[key].displayName, searchText)}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tleadingIcon={<SubCategoryIcon width={14} height={14} />}\n\t\t\t\t\t\t\tsubText={variable[key].description || ''}\n\t\t\t\t\t\t\ttrailingIcon={\n\t\t\t\t\t\t\t\t<ChevronRight width={10} height={10} color=\"#212121\" />\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t// Save current scroll position before navigating into subcategory\n\t\t\t\t\t\t\t\tif (containerRef.current) {\n\t\t\t\t\t\t\t\t\tscrollPositionStack.current.push(\n\t\t\t\t\t\t\t\t\t\tcontainerRef.current.scrollTop,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tcontainerRef.current.scrollTop = 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst currentVariable = cloneDeep(variable[key]) as SubHeader;\n\t\t\t\t\t\t\t\tif (typeof parentVariable !== 'undefined') {\n\t\t\t\t\t\t\t\t\tcurrentVariable.contextQ = [parentVariable.displayName];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tconst stack = [...subHeaderStack, currentVariable];\n\t\t\t\t\t\t\t\tsetSubHeaderStack(stack);\n\t\t\t\t\t\t\t\tif (showRecommended) {\n\t\t\t\t\t\t\t\t\tconst recommended = showOnlyRecommendedVariables(\n\t\t\t\t\t\t\t\t\t\t[currentVariable.variables],\n\t\t\t\t\t\t\t\t\t\tstack,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tsetVariables(recommended);\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tsetVariables([currentVariable.variables]);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t);\n\t\t\t})}\n\t\t</div>\n\t);\n};\n\nexport default SubHeaderItem;\n"],"names":["renderTooltipBody","variable","SubHeaderItem","props","onSelect","searchText","disabled","parentVariable","subHeaderStack","setSubHeaderStack","setVariables","showRecommended","containerRef","scrollPositionStack","useVariablePickerContext","key","index","variableV3","jsxDEV","Tooltip","ListItem","Fragment","this","AddIcon","BodySecondary","COLORS","highlightSearchText","WarnIcon","SubCategoryIcon","ChevronRight","currentVariable","cloneDeep","stack","recommended","showOnlyRecommendedVariables"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-dev-runtime"),o=require("../../assets/icons/cross.svg.js"),s=require("../../constants/Theme.js"),t=require("../modals/modal.styled.js"),r=require("./Content.js"),l=require("./model.js"),n=e=>{const{type:a}=e;return a==l.PickerType.FLOATER?i.jsxDEV("div",{style:{boxShadow:"0px 2px 8px 0px #0000001F",width:e.width?e.width:344,borderRadius:4,height:"100%"},children:[i.jsxDEV(r.VariablePickerContent,{...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:25,columnNumber:5},void 0),i.jsxDEV(t.CloseButtonContainer,{onClick:()=>{e.onClose&&e.onClose()},children:i.jsxDEV(o.default,{height:20,width:20,color:s.COLORS.content.secondary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:31,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:26,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:17,columnNumber:4},void 0):i.jsxDEV("div",{style:{width:e.width??"100%",height:"100%"},children:i.jsxDEV(r.VariablePickerContent,{...e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:38,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:37,columnNumber:3},void 0)};exports.VariablePicker=n;exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-dev-runtime"),a=require("../../assets/icons/cross.svg.js"),l=require("../../constants/Theme.js"),s=require("../modals/modal.styled.js"),r=require("./Content.js"),t=require("./model.js"),n=e=>{const{type:o}=e;return o==t.PickerType.FLOATER?i.jsxDEV("div",{style:{boxShadow:"0px 2px 8px 0px #0000001F",width:e.width?e.width:344,borderRadius:4,height:"100%"},children:[i.jsxDEV(r.VariablePickerContent,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:25,columnNumber:5},void 0),i.jsxDEV(s.CloseButtonContainer,{onClick:()=>{e.onClose&&e.onClose()},children:i.jsxDEV(a.default,{height:20,width:20,color:l.COLORS.content.secondary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:31,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:26,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:17,columnNumber:4},void 0):i.jsxDEV("div",{style:{width:e.width??"100%",height:"100%"},children:i.jsxDEV(r.VariablePickerContent,{...e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:38,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/VariablePicker.tsx",lineNumber:37,columnNumber:3},void 0)};exports.VariablePicker=n;exports.default=n;
 //# sourceMappingURL=VariablePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"VariablePicker.js","sources":["../../../../src/components/variable-picker-v3/VariablePicker.tsx"],"sourcesContent":["import CrossIcon from '@src/assets/icons/cross.svg';\nimport React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { CloseButtonContainer } from '../modals/modal.styled';\nimport { VariablePickerContent } from './Content';\nimport { PickerType, VariablePickerV3Props } from './model';\n\ntype Props = VariablePickerV3Props;\n\nexport const VariablePicker: React.FC<Props> = (\n\tprops: VariablePickerV3Props,\n) => {\n\tconst { type } = props;\n\n\tif (type == PickerType.FLOATER) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tboxShadow: '0px 2px 8px 0px #0000001F',\n\t\t\t\t\twidth: props.width ? props.width : 344,\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\theight: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<VariablePickerContent {...props} />\n\t\t\t\t<CloseButtonContainer\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tprops.onClose && props.onClose();\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<CrossIcon height={20} width={20} color={COLORS.content.secondary} />\n\t\t\t\t</CloseButtonContainer>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div style={{ width: props.width ?? '100%', height: '100%' }}>\n\t\t\t<VariablePickerContent {...props} />\n\t\t</div>\n\t);\n};\n\nexport default VariablePicker;\n"],"names":["VariablePicker","props","type","PickerType","jsxDEV","VariablePickerContent","this","CloseButtonContainer","CrossIcon","COLORS"],"mappings":"iUASaA,EACZC,GACI,CACJ,KAAM,CAAE,KAAAC,GAASD,EAEjB,OAAIC,GAAQC,EAAAA,WAAW,QAErBC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,UAAW,4BACX,MAAOH,EAAM,MAAQA,EAAM,MAAQ,IACnC,aAAc,EACd,OAAQ,MAAA,EAGT,SAAA,CAAAG,EAAAA,OAACC,EAAAA,sBAAA,CAAuB,GAAGJ,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAkC,EAClCF,EAAAA,OAACG,EAAAA,qBAAA,CACA,QAAS,IAAM,CACdN,EAAM,SAAWA,EAAM,QAAA,CACxB,EAEA,SAAAG,EAAAA,OAACI,EAAAA,SAAU,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAAA,OAAO,QAAQ,SAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAmE,CAAA,EALpE,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAMA,CAAA,EAfD,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAoBDF,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,MAAOH,EAAM,OAAS,OAAQ,OAAQ,QACnD,SAAAG,EAAAA,OAACC,EAAAA,sBAAA,CAAuB,GAAGJ,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAkC,CAAA,EADnC,OAAA,GAAA,CAAA,SAAA,0IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,CAEF"}
+{"version":3,"file":"VariablePicker.js","sources":["../../../../src/components/variable-picker-v3/VariablePicker.tsx"],"sourcesContent":["import CrossIcon from '@src/assets/icons/cross.svg';\nimport React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { CloseButtonContainer } from '../modals/modal.styled';\nimport { VariablePickerContent } from './Content';\nimport { PickerType, VariablePickerV3Props } from './model';\n\ntype Props = VariablePickerV3Props;\n\nexport const VariablePicker: React.FC<Props> = (\n\tprops: VariablePickerV3Props,\n) => {\n\tconst { type } = props;\n\n\tif (type == PickerType.FLOATER) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tboxShadow: '0px 2px 8px 0px #0000001F',\n\t\t\t\t\twidth: props.width ? props.width : 344,\n\t\t\t\t\tborderRadius: 4,\n\t\t\t\t\theight: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<VariablePickerContent {...props} />\n\t\t\t\t<CloseButtonContainer\n\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\tprops.onClose && props.onClose();\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<CrossIcon height={20} width={20} color={COLORS.content.secondary} />\n\t\t\t\t</CloseButtonContainer>\n\t\t\t</div>\n\t\t);\n\t}\n\treturn (\n\t\t<div style={{ width: props.width ?? '100%', height: '100%' }}>\n\t\t\t<VariablePickerContent {...props} />\n\t\t</div>\n\t);\n};\n\nexport default VariablePicker;\n"],"names":["VariablePicker","props","type","PickerType","jsxDEV","VariablePickerContent","this","CloseButtonContainer","CrossIcon","COLORS"],"mappings":"iUASaA,EACZC,GACI,CACJ,KAAM,CAAE,KAAAC,GAASD,EAEjB,OAAIC,GAAQC,EAAAA,WAAW,QAErBC,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,UAAW,4BACX,MAAOH,EAAM,MAAQA,EAAM,MAAQ,IACnC,aAAc,EACd,OAAQ,MAAA,EAGT,SAAA,CAAAG,EAAAA,OAACC,EAAAA,sBAAA,CAAuB,GAAGJ,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAkC,EAClCF,EAAAA,OAACG,EAAAA,qBAAA,CACA,QAAS,IAAM,CACdN,EAAM,SAAWA,EAAM,QAAA,CACxB,EAEA,SAAAG,EAAAA,OAACI,EAAAA,SAAU,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAAA,OAAO,QAAQ,SAAA,EAAxD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAH,MAAmE,CAAA,EALpE,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAMA,CAAA,EAfD,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAoBDF,EAAAA,OAAC,MAAA,CAAI,MAAO,CAAE,MAAOH,EAAM,OAAS,OAAQ,OAAQ,QACnD,SAAAG,EAAAA,OAACC,EAAAA,sBAAA,CAAuB,GAAGJ,CAAA,EAA3B,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAK,MAAkC,CAAA,EADnC,OAAA,GAAA,CAAA,SAAA,2GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,CAEF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),c=require("../../constants/Theme.js"),l=(e,i)=>{if(i.length===0)return e;const r=e.toLowerCase().indexOf(i.toLowerCase());if(r===-1)return e;const o=e.slice(0,r),t=e.slice(r,r+i.length),s=e.slice(r+i.length);return n.jsxDEV("span",{children:[o,n.jsxDEV("b",{style:{color:c.COLORS.content.primary},children:t},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/highlightSearchText.tsx",lineNumber:13,columnNumber:4},void 0),s]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/highlightSearchText.tsx",lineNumber:11,columnNumber:3},void 0)};exports.highlightSearchText=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),l=require("../../constants/Theme.js"),c=(e,r)=>{if(r.length===0)return e;const n=e.toLowerCase().indexOf(r.toLowerCase());if(n===-1)return e;const o=e.slice(0,n),s=e.slice(n,n+r.length),t=e.slice(n+r.length);return i.jsxDEV("span",{children:[o,i.jsxDEV("b",{style:{color:l.COLORS.content.primary},children:s},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/highlightSearchText.tsx",lineNumber:13,columnNumber:4},void 0),t]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/highlightSearchText.tsx",lineNumber:11,columnNumber:3},void 0)};exports.highlightSearchText=c;
 //# sourceMappingURL=highlightSearchText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"highlightSearchText.js","sources":["../../../../src/components/variable-picker-v3/highlightSearchText.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\n\nexport const highlightSearchText = (text: string, searchText: string) => {\n\tif (searchText.length === 0) return text;\n\tconst index = text.toLowerCase().indexOf(searchText.toLowerCase());\n\tif (index === -1) return text;\n\tconst firstPart = text.slice(0, index);\n\tconst secondPart = text.slice(index, index + searchText.length);\n\tconst thirdPart = text.slice(index + searchText.length);\n\treturn (\n\t\t<span>\n\t\t\t{firstPart}\n\t\t\t<b style={{ color: COLORS.content.primary }}>{secondPart}</b>\n\t\t\t{thirdPart}\n\t\t</span>\n\t);\n};\n"],"names":["highlightSearchText","text","searchText","index","firstPart","secondPart","thirdPart","jsxDEV","COLORS","this"],"mappings":"+JAEaA,EAAsB,CAACC,EAAcC,IAAuB,CACxE,GAAIA,EAAW,SAAW,EAAG,OAAOD,EACpC,MAAME,EAAQF,EAAK,YAAA,EAAc,QAAQC,EAAW,aAAa,EACjE,GAAIC,IAAU,GAAI,OAAOF,EACzB,MAAMG,EAAYH,EAAK,MAAM,EAAGE,CAAK,EAC/BE,EAAaJ,EAAK,MAAME,EAAOA,EAAQD,EAAW,MAAM,EACxDI,EAAYL,EAAK,MAAME,EAAQD,EAAW,MAAM,EACtD,gBACE,OAAA,CACC,SAAA,CAAAE,EACDG,EAAAA,OAAC,KAAE,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,OAAA,EAAY,SAAAH,CAAA,EAA9C,OAAA,GAAA,CAAA,SAAA,+IAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAyD,EACxDH,CAAA,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,+IAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAIA,CAEF"}
+{"version":3,"file":"highlightSearchText.js","sources":["../../../../src/components/variable-picker-v3/highlightSearchText.tsx"],"sourcesContent":["import { COLORS } from '@src/constants/Theme';\n\nexport const highlightSearchText = (text: string, searchText: string) => {\n\tif (searchText.length === 0) return text;\n\tconst index = text.toLowerCase().indexOf(searchText.toLowerCase());\n\tif (index === -1) return text;\n\tconst firstPart = text.slice(0, index);\n\tconst secondPart = text.slice(index, index + searchText.length);\n\tconst thirdPart = text.slice(index + searchText.length);\n\treturn (\n\t\t<span>\n\t\t\t{firstPart}\n\t\t\t<b style={{ color: COLORS.content.primary }}>{secondPart}</b>\n\t\t\t{thirdPart}\n\t\t</span>\n\t);\n};\n"],"names":["highlightSearchText","text","searchText","index","firstPart","secondPart","thirdPart","jsxDEV","COLORS","this"],"mappings":"+JAEaA,EAAsB,CAACC,EAAcC,IAAuB,CACxE,GAAIA,EAAW,SAAW,EAAG,OAAOD,EACpC,MAAME,EAAQF,EAAK,YAAA,EAAc,QAAQC,EAAW,aAAa,EACjE,GAAIC,IAAU,GAAI,OAAOF,EACzB,MAAMG,EAAYH,EAAK,MAAM,EAAGE,CAAK,EAC/BE,EAAaJ,EAAK,MAAME,EAAOA,EAAQD,EAAW,MAAM,EACxDI,EAAYL,EAAK,MAAME,EAAQD,EAAW,MAAM,EACtD,gBACE,OAAA,CACC,SAAA,CAAAE,EACDG,EAAAA,OAAC,KAAE,MAAO,CAAE,MAAOC,EAAAA,OAAO,QAAQ,OAAA,EAAY,SAAAH,CAAA,EAA9C,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAI,MAAyD,EACxDH,CAAA,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,gHAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAIA,CAEF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),f=require("../../assets/icons/cross.svg.js"),y=require("../TypographyStyle.js"),n=require("./styles.js"),h=require("../icon-button/IconButton.js"),s=require("../button/Button.js"),N="-424px",x=({headerText:l,body:a,primaryButtonTitle:c,onSave:m,secondaryButtonTitle:u="Cancel",secondaryButtonClick:b,hideSecondaryButton:r=!1,disablePrimaryButton:d=!1,onClose:i,width:p,className:k,modalOffsetPx:t})=>{const v=b||i;return e.jsxDEV("div",{style:{position:"fixed",top:0,right:t?`${t}px`:N,bottom:0},children:e.jsxDEV(n.VerticalModalContainer,{onClick:o=>o.stopPropagation(),onMouseDown:o=>o.stopPropagation(),width:p,className:k,children:[e.jsxDEV(n.VerticalModalHeader,{children:[e.jsxDEV(y.TitleRegular,{children:l},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:68,columnNumber:6},void 0),e.jsxDEV(h.IconButton,{Icon:f.default,onClick:i},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:70,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:67,columnNumber:5},void 0),e.jsxDEV(n.VerticalModalContent,{children:a},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:73,columnNumber:5},void 0),e.jsxDEV(n.VerticalModalFooter,{addGap:!r,children:[!r&&e.jsxDEV(s.Button,{buttonText:u,buttonType:"tertiaryGray",onClick:v},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:77,columnNumber:7},void 0),e.jsxDEV(s.Button,{style:{marginRight:12},buttonText:c,onClick:m,disabled:d},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:83,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:75,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:61,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:53,columnNumber:3},void 0)};exports.default=x;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-dev-runtime"),N=require("../../assets/icons/cross.svg.js"),x=require("../TypographyStyle.js"),n=require("./styles.js"),v=require("../icon-button/IconButton.js"),i=require("../button/Button.js"),D="-424px",k=({headerText:t,body:a,primaryButtonTitle:c,onSave:d,secondaryButtonTitle:m="Cancel",secondaryButtonClick:u,hideSecondaryButton:r=!1,disablePrimaryButton:b=!1,onClose:l,width:p,className:f,modalOffsetPx:s})=>{const y=u||l;return e.jsxDEV("div",{style:{position:"fixed",top:0,right:s?`${s}px`:D,bottom:0},children:e.jsxDEV(n.VerticalModalContainer,{onClick:o=>o.stopPropagation(),onMouseDown:o=>o.stopPropagation(),width:p,className:f,children:[e.jsxDEV(n.VerticalModalHeader,{children:[e.jsxDEV(x.TitleRegular,{children:t},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:68,columnNumber:6},void 0),e.jsxDEV(v.IconButton,{Icon:N.default,onClick:l},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:70,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:67,columnNumber:5},void 0),e.jsxDEV(n.VerticalModalContent,{children:a},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:73,columnNumber:5},void 0),e.jsxDEV(n.VerticalModalFooter,{addGap:!r,children:[!r&&e.jsxDEV(i.Button,{buttonText:m,buttonType:"tertiaryGray",onClick:y},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:77,columnNumber:7},void 0),e.jsxDEV(i.Button,{style:{marginRight:12},buttonText:c,onClick:d,disabled:b},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:83,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:75,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:61,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/vertical-full-screen-modal/component.tsx",lineNumber:53,columnNumber:3},void 0)};exports.default=k;
 //# sourceMappingURL=component.js.map

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

@@ -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":["MODAL_OFFSET_PX","VerticalFullScreenModal","headerText","body","primaryButtonTitle","onSave","secondaryButtonTitle","secondaryButtonClick","hideSecondaryButton","disablePrimaryButton","onClose","width","className","modalOffsetPx","handleSecondaryClick","jsxDEV","VerticalModalContainer","e","VerticalModalHeader","TitleRegular","this","IconButton","CrossIcon","VerticalModalContent","VerticalModalFooter","Button"],"mappings":"yUAaMA,EAAkB,SAsBlBC,EAAkE,CAAC,CACxE,WAAAC,EACA,KAAAC,EACA,mBAAAC,EACA,OAAAC,EACA,qBAAAC,EAAuB,SACvB,qBAAAC,EACA,oBAAAC,EAAsB,GACtB,qBAAAC,EAAuB,GACvB,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,cAAAC,CACD,IAAM,CACL,MAAMC,EAAuBP,GAAwBG,EAErD,OACCK,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,SAAU,QACV,IAAK,EACL,MAAOF,EAAgB,GAAGA,CAAa,KAAOb,EAC9C,OAAQ,CAAA,EAGT,SAAAe,EAAAA,OAACC,EAAAA,uBAAA,CACA,QAAUC,GAAMA,EAAE,gBAAA,EAClB,YAAcA,GAAMA,EAAE,gBAAA,EACtB,MAAAN,EACA,UAAAC,EAEA,SAAA,CAAAG,SAACG,EAAAA,oBAAA,CACA,SAAA,CAAAH,EAAAA,OAACI,EAAAA,cAAc,SAAAjB,CAAA,EAAf,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAkB,MAA0B,EAE1BL,SAACM,EAAAA,WAAA,CAAW,KAAMC,EAAAA,QAAW,QAASZ,CAAA,EAAtC,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAA+C,CAAA,CAAA,EAHhD,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAIA,EAEAL,EAAAA,OAACQ,EAAAA,sBAAsB,SAAApB,CAAA,EAAvB,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAA4B,EAE5BL,EAAAA,OAACS,EAAAA,oBAAA,CAAoB,OAAQ,CAAChB,EAC5B,SAAA,CAAA,CAACA,GACDO,EAAAA,OAACU,EAAAA,OAAA,CACA,WAAYnB,EACZ,WAAW,eACX,QAASQ,CAAA,EAHV,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,EAMDL,EAAAA,OAACU,EAAAA,OAAA,CACA,MAAO,CAAE,YAAa,EAAA,EACtB,WAAYrB,EACZ,QAASC,EACT,SAAUI,CAAA,EAJX,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,CAKA,CAAA,EAbD,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAcA,CAAA,CAAA,EA5BD,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA6BA,EArCD,OAAA,GAAA,CAAA,SAAA,6IAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwCF"}
+{"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":["MODAL_OFFSET_PX","VerticalFullScreenModal","headerText","body","primaryButtonTitle","onSave","secondaryButtonTitle","secondaryButtonClick","hideSecondaryButton","disablePrimaryButton","onClose","width","className","modalOffsetPx","handleSecondaryClick","jsxDEV","VerticalModalContainer","e","VerticalModalHeader","TitleRegular","this","IconButton","CrossIcon","VerticalModalContent","VerticalModalFooter","Button"],"mappings":"yUAaMA,EAAkB,SAsBlBC,EAAkE,CAAC,CACxE,WAAAC,EACA,KAAAC,EACA,mBAAAC,EACA,OAAAC,EACA,qBAAAC,EAAuB,SACvB,qBAAAC,EACA,oBAAAC,EAAsB,GACtB,qBAAAC,EAAuB,GACvB,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,cAAAC,CACD,IAAM,CACL,MAAMC,EAAuBP,GAAwBG,EAErD,OACCK,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,SAAU,QACV,IAAK,EACL,MAAOF,EAAgB,GAAGA,CAAa,KAAOb,EAC9C,OAAQ,CAAA,EAGT,SAAAe,EAAAA,OAACC,EAAAA,uBAAA,CACA,QAAUC,GAAMA,EAAE,gBAAA,EAClB,YAAcA,GAAMA,EAAE,gBAAA,EACtB,MAAAN,EACA,UAAAC,EAEA,SAAA,CAAAG,SAACG,EAAAA,oBAAA,CACA,SAAA,CAAAH,EAAAA,OAACI,EAAAA,cAAc,SAAAjB,CAAA,EAAf,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAkB,MAA0B,EAE1BL,SAACM,EAAAA,WAAA,CAAW,KAAMC,EAAAA,QAAW,QAASZ,CAAA,EAAtC,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAA+C,CAAA,CAAA,EAHhD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAIA,EAEAL,EAAAA,OAACQ,EAAAA,sBAAsB,SAAApB,CAAA,EAAvB,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAiB,MAA4B,EAE5BL,EAAAA,OAACS,EAAAA,oBAAA,CAAoB,OAAQ,CAAChB,EAC5B,SAAA,CAAA,CAACA,GACDO,EAAAA,OAACU,EAAAA,OAAA,CACA,WAAYnB,EACZ,WAAW,eACX,QAASQ,CAAA,EAHV,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAAA,EAMDL,EAAAA,OAACU,EAAAA,OAAA,CACA,MAAO,CAAE,YAAa,EAAA,EACtB,WAAYrB,EACZ,QAASC,EACT,SAAUI,CAAA,EAJX,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAW,MAAA,CAKA,CAAA,EAbD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAcA,CAAA,CAAA,EA5BD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA6BA,EArCD,OAAA,GAAA,CAAA,SAAA,8GAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwCF"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),x=require("react"),y=require("./WhatsNewButton.js"),D=require("./WhatsNewPanel.js"),g=require("./WhatsNewProvider.js"),j=({title:a="What's new",tooltip:r="What's new",searchPlaceholder:i="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:n,renderCustomContent:m,buttonTestId:w="whats-new-button",iconWidth:b=32,iconHeight:N=32,customIcon:d})=>{const[t,s]=x.useState(!1),{whatsNewContent:p,isLoading:o,newContentCount:k}=g.useWhatsNewContext(),W=()=>s(!0),f=()=>s(!1),v=C=>{n&&n(C)};return e.jsxDEV(e.Fragment,{children:[e.jsxDEV(y.WhatsNewButton,{onClick:W,newContentCount:k,isOpen:t,isLoading:o,tooltip:r,testId:w,iconWidth:b,iconHeight:N,customIcon:d},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNew.tsx",lineNumber:59,columnNumber:4},void 0),e.jsxDEV(D.WhatsNewPanel,{isOpen:t,onClose:f,content:p,isLoading:o,title:a,searchPlaceholder:i,emptyStateTitle:u,emptyStateDescription:c,noResultsText:h,width:l,onContentClick:v,renderCustomContent:m},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNew.tsx",lineNumber:70,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNew.tsx",lineNumber:58,columnNumber:3},void 0)};exports.WhatsNew=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),k=require("react"),D=require("./WhatsNewButton.js"),v=require("./WhatsNewPanel.js"),g=require("./WhatsNewProvider.js"),j=({title:a="What's new",tooltip:r="What's new",searchPlaceholder:i="Search posts",emptyStateTitle:u="Nothing new!",emptyStateDescription:c="There are no new updates or features at the moment. Check back soon!",noResultsText:l="Sorry, no results found.",width:w="480px",onContentClick:n,renderCustomContent:h,buttonTestId:d="whats-new-button",iconWidth:m=32,iconHeight:N=32,customIcon:b})=>{const[t,s]=k.useState(!1),{whatsNewContent:f,isLoading:o,newContentCount:p}=g.useWhatsNewContext(),W=()=>s(!0),C=()=>s(!1),x=y=>{n&&n(y)};return e.jsxDEV(e.Fragment,{children:[e.jsxDEV(D.WhatsNewButton,{onClick:W,newContentCount:p,isOpen:t,isLoading:o,tooltip:r,testId:d,iconWidth:m,iconHeight:N,customIcon:b},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNew.tsx",lineNumber:59,columnNumber:4},void 0),e.jsxDEV(v.WhatsNewPanel,{isOpen:t,onClose:C,content:f,isLoading:o,title:a,searchPlaceholder:i,emptyStateTitle:u,emptyStateDescription:c,noResultsText:l,width:w,onContentClick:x,renderCustomContent:h},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNew.tsx",lineNumber:70,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNew.tsx",lineNumber:58,columnNumber:3},void 0)};exports.WhatsNew=j;
 //# sourceMappingURL=WhatsNew.js.map

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

@@ -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":["WhatsNew","title","tooltip","searchPlaceholder","emptyStateTitle","emptyStateDescription","noResultsText","width","onContentClick","renderCustomContent","buttonTestId","iconWidth","iconHeight","customIcon","isOpen","setIsOpen","useState","whatsNewContent","isLoading","newContentCount","useWhatsNewContext","handleOpen","handleClose","handleContentClick","contentItem","jsxDEV","Fragment","WhatsNewButton","this","WhatsNewPanel"],"mappings":"gPA0BaA,EAAoC,CAAC,CACjD,MAAAC,EAAQ,aACR,QAAAC,EAAU,aACV,kBAAAC,EAAoB,eACpB,gBAAAC,EAAkB,eAClB,sBAAAC,EAAwB,uEACxB,cAAAC,EAAgB,2BAChB,MAAAC,EAAQ,QACR,eAAAC,EACA,oBAAAC,EACA,aAAAC,EAAe,mBACf,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,WAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpC,CAAE,gBAAAC,EAAiB,UAAAC,EAAW,gBAAAC,CAAA,EAAoBC,EAAAA,mBAAA,EAElDC,EAAa,IAAMN,EAAU,EAAI,EACjCO,EAAc,IAAMP,EAAU,EAAK,EAEnCQ,EAAsBC,GAAiC,CAIxDhB,GACHA,EAAegB,CAAW,CAE5B,EAEA,OACCC,EAAAA,OAAAC,WAAA,CACC,SAAA,CAAAD,EAAAA,OAACE,EAAAA,eAAA,CACA,QAASN,EACT,gBAAAF,EACA,OAAAL,EACA,UAAAI,EACA,QAAAhB,EACA,OAAQQ,EACR,UAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,EATD,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAe,MAAA,EAWAH,EAAAA,OAACI,EAAAA,cAAA,CACA,OAAAf,EACA,QAASQ,EACT,QAASL,EACT,UAAAC,EACA,MAAAjB,EACA,kBAAAE,EACA,gBAAAC,EACA,sBAAAC,EACA,cAAAC,EACA,MAAAC,EACA,eAAgBgB,EAChB,oBAAAd,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAmB,MAAA,CAaA,CAAA,EAzBD,OAAA,GAAA,CAAA,SAAA,2HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0BA,CAEF"}
+{"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","handleOpen","handleClose","handleContentClick","contentItem","jsxDEV","Fragment","WhatsNewButton","this","WhatsNewPanel"],"mappings":"gPA0BaA,EAAoC,CAAC,CACjD,MAAAC,EAAQ,aACR,QAAAC,EAAU,aACV,kBAAAC,EAAoB,eACpB,gBAAAC,EAAkB,eAClB,sBAAAC,EAAwB,uEACxB,cAAAC,EAAgB,2BAChB,MAAAC,EAAQ,QACR,eAAAC,EACA,oBAAAC,EACA,aAAAC,EAAe,mBACf,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,WAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpC,CAAE,gBAAAC,EAAiB,UAAAC,EAAW,gBAAAC,CAAA,EAAoBC,EAAAA,mBAAA,EAElDC,EAAa,IAAMN,EAAU,EAAI,EACjCO,EAAc,IAAMP,EAAU,EAAK,EAEnCQ,EAAsBC,GAAiC,CAIxDhB,GACHA,EAAegB,CAAW,CAE5B,EAEA,OACCC,EAAAA,OAAAC,WAAA,CACC,SAAA,CAAAD,EAAAA,OAACE,EAAAA,eAAA,CACA,QAASN,EACT,gBAAAF,EACA,OAAAL,EACA,UAAAI,EACA,QAAAhB,EACA,OAAQQ,EACR,UAAAC,EACA,WAAAC,EACA,WAAAC,CAAA,EATD,OAAA,GAAA,CAAA,SAAA,4FAAA,WAAA,GAAA,aAAA,CAAA,EAAAe,MAAA,EAWAH,EAAAA,OAACI,EAAAA,cAAA,CACA,OAAAf,EACA,QAASQ,EACT,QAASL,EACT,UAAAC,EACA,MAAAjB,EACA,kBAAAE,EACA,gBAAAC,EACA,sBAAAC,EACA,cAAAC,EACA,MAAAC,EACA,eAAgBgB,EAChB,oBAAAd,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,4FAAA,WAAA,GAAA,aAAA,CAAA,EAAAmB,MAAA,CAaA,CAAA,EAzBD,OAAA,GAAA,CAAA,SAAA,4FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0BA,CAEF"}

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

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),u=require("../../assets/icons/whatsNew.svg.js"),n=require("../../constants/Theme.js"),b=require("./WhatsNew.styles.js"),h=require("../tooltips/Tooltip.js"),d=({onClick:a,newContentCount:s=0,isOpen:t=!1,isLoading:m=!1,tooltip:l="What's new",testId:c="whats-new-button",iconWidth:o=32,iconHeight:r=32,customIcon:i})=>m?e.jsxDEV("div",{style:{margin:"0px 8px"},children:[e.jsxDEV("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:23,columnNumber:5},void 0),e.jsxDEV("style",{children:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),c=require("../../assets/icons/whatsNew.svg.js"),n=require("../../constants/Theme.js"),u=require("./WhatsNew.styles.js"),b=require("../tooltips/Tooltip.js"),w=({onClick:i,newContentCount:o=0,isOpen:s=!1,isLoading:l=!1,tooltip:d="What's new",testId:m="whats-new-button",iconWidth:t=32,iconHeight:r=32,customIcon:a})=>l?e.jsxDEV("div",{style:{margin:"0px 8px"},children:[e.jsxDEV("div",{style:{width:16,height:16,border:"2px solid #f3f3f3",borderTop:"2px solid #731DCF",borderRadius:"50%",animation:"spin 1s linear infinite"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:23,columnNumber:5},void 0),e.jsxDEV("style",{children:`
 						@keyframes spin {
 							0% { transform: rotate(0deg); }
 							100% { transform: rotate(360deg); }
 						}
-					`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:33,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:21,columnNumber:4},void 0):e.jsxDEV(b.WhatsNewIconContainer,{count:s,children:e.jsxDEV("div",{className:`main-icon-class ${t?"icon-active":""}`,style:{color:t?n.COLORS.content.brand:n.COLORS.content.primary},onClick:a,"data-testid":c,children:[e.jsxDEV(h.Tooltip,{body:l,placement:"bottom",children:e.jsxDEV("div",{children:i?e.jsxDEV(i,{width:o,height:r,color:t?n.COLORS.content.brand:n.COLORS.content.primary},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:58,columnNumber:8},void 0):e.jsxDEV(u.default,{width:o,height:r},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:64,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:56,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:55,columnNumber:5},void 0),s>0&&e.jsxDEV("div",{className:"notification--count",children:e.jsxDEV("div",{className:"count--text",children:s},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:70,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:69,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:47,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:46,columnNumber:3},void 0);exports.WhatsNewButton=d;
+					`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:33,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:21,columnNumber:4},void 0):e.jsxDEV(u.WhatsNewIconContainer,{count:o,children:e.jsxDEV("div",{className:`main-icon-class ${s?"icon-active":""}`,style:{color:s?n.COLORS.content.brand:n.COLORS.content.primary},onClick:i,"data-testid":m,children:[e.jsxDEV(b.Tooltip,{body:d,placement:"bottom",children:e.jsxDEV("div",{children:a?e.jsxDEV(a,{width:t,height:r,color:s?n.COLORS.content.brand:n.COLORS.content.primary},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:58,columnNumber:8},void 0):e.jsxDEV(c.default,{width:t,height:r},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:64,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:56,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:55,columnNumber:5},void 0),o>0&&e.jsxDEV("div",{className:"notification--count",children:e.jsxDEV("div",{className:"count--text",children:o},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:70,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:69,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:47,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewButton.tsx",lineNumber:46,columnNumber:3},void 0);exports.WhatsNewButton=w;
 //# sourceMappingURL=WhatsNewButton.js.map

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

@@ -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":["WhatsNewButton","onClick","newContentCount","isOpen","isLoading","tooltip","testId","iconWidth","iconHeight","CustomIcon","jsxDEV","this","WhatsNewIconContainer","COLORS","Tooltip","WhatsNewIcon"],"mappings":"qRAOaA,EAAgD,CAAC,CAC7D,QAAAC,EACA,gBAAAC,EAAkB,EAClB,OAAAC,EAAS,GACT,UAAAC,EAAY,GACZ,QAAAC,EAAU,aACV,OAAAC,EAAS,mBACT,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,WAAYC,CACb,IACKL,WAED,MAAA,CAAI,MAAO,CAAE,OAAQ,WAErB,SAAA,CAAAM,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,MAAO,GACP,OAAQ,GACR,OAAQ,oBACR,UAAW,oBACX,aAAc,MACd,UAAW,yBAAA,CACZ,EARD,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,WAUC,QAAA,CACC,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAA,EADF,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAOA,CAAA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA,EAKDD,EAAAA,OAACE,EAAAA,sBAAA,CAAsB,MAAOV,EAC7B,SAAAQ,EAAAA,OAAC,MAAA,CACA,UAAW,mBAAmBP,EAAS,cAAgB,EAAE,GACzD,MAAO,CACN,MAAOA,EAASU,EAAAA,OAAO,QAAQ,MAAQA,EAAAA,OAAO,QAAQ,OAAA,EAEvD,QAAAZ,EACA,cAAaK,EAEb,SAAA,CAAAI,EAAAA,OAACI,EAAAA,SAAQ,KAAMT,EAAS,UAAW,SAClC,SAAAK,EAAAA,OAAC,OACC,SAAAD,EACAC,EAAAA,OAACD,EAAA,CACA,MAAOF,EACP,OAAQC,EACR,MAAOL,EAASU,EAAAA,OAAO,QAAQ,MAAQA,EAAAA,OAAO,QAAQ,OAAA,EAHvD,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,EAMAD,EAAAA,OAACK,UAAA,CAAa,MAAOR,EAAW,OAAQC,CAAA,EAAxC,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAoD,CAAA,EARtD,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA,EACCT,EAAkB,GAClBQ,SAAC,MAAA,CAAI,UAAU,sBACd,SAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,cAAe,SAAAR,CAAA,EAA9B,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAA8C,CAAA,EAD/C,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,CAAA,EAxBF,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA0BA,EA3BD,OAAA,GAAA,CAAA,SAAA,iIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4BA"}
+{"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","jsxDEV","this","WhatsNewIconContainer","COLORS","Tooltip","WhatsNewIcon"],"mappings":"qRAOaA,EAAgD,CAAC,CAC7D,QAAAC,EACA,gBAAAC,EAAkB,EAClB,OAAAC,EAAS,GACT,UAAAC,EAAY,GACZ,QAAAC,EAAU,aACV,OAAAC,EAAS,mBACT,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,WAAYC,CACb,IACKL,WAED,MAAA,CAAI,MAAO,CAAE,OAAQ,WAErB,SAAA,CAAAM,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,MAAO,GACP,OAAQ,GACR,OAAQ,oBACR,UAAW,oBACX,aAAc,MACd,UAAW,yBAAA,CACZ,EARD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAC,MAAA,WAUC,QAAA,CACC,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAA,EADF,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAOA,CAAA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAoBA,EAKDD,EAAAA,OAACE,EAAAA,sBAAA,CAAsB,MAAOV,EAC7B,SAAAQ,EAAAA,OAAC,MAAA,CACA,UAAW,mBAAmBP,EAAS,cAAgB,EAAE,GACzD,MAAO,CACN,MAAOA,EAASU,EAAAA,OAAO,QAAQ,MAAQA,EAAAA,OAAO,QAAQ,OAAA,EAEvD,QAAAZ,EACA,cAAaK,EAEb,SAAA,CAAAI,EAAAA,OAACI,EAAAA,SAAQ,KAAMT,EAAS,UAAW,SAClC,SAAAK,EAAAA,OAAC,OACC,SAAAD,EACAC,EAAAA,OAACD,EAAA,CACA,MAAOF,EACP,OAAQC,EACR,MAAOL,EAASU,EAAAA,OAAO,QAAQ,MAAQA,EAAAA,OAAO,QAAQ,OAAA,EAHvD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAF,MAAA,EAMAD,EAAAA,OAACK,UAAA,CAAa,MAAOR,EAAW,OAAQC,CAAA,EAAxC,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAG,MAAoD,CAAA,EARtD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAUA,CAAA,EAXD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAYA,EACCT,EAAkB,GAClBQ,SAAC,MAAA,CAAI,UAAU,sBACd,SAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,cAAe,SAAAR,CAAA,EAA9B,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAS,MAA8C,CAAA,EAD/C,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,CAAA,EAxBF,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CA0BA,EA3BD,OAAA,GAAA,CAAA,SAAA,kGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4BA"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),k=require("date-fns"),m=require("react"),C=require("../../assets/icons/searchIcon.svg.js"),S=require("../../assets/icons/whatsNew.svg.js"),a=require("../../constants/Theme.js"),M=require("../feature-announcements/VideoModal.js"),r=require("../TypographyStyle.js"),c=require("./WhatsNew.styles.js"),O=require("../side-modal/SideModal.js"),L=require("../searchBar/searchBar.js"),q=require("../button/Button.js"),B=({isOpen:w,onClose:f,content:i,isLoading:T=!1,title:v="What's new on BIK",searchPlaceholder:y="Search posts",emptyStateTitle:x="Nothing new!",emptyStateDescription:W="There are no new updates or features at the moment. Check back soon!",noResultsText:D="Sorry, no results found.",width:V="480px",onContentClick:d,renderCustomContent:h})=>{const[o,u]=m.useState(""),[E,b]=m.useState(!1),[P,U]=m.useState(""),j=e=>{if(!e.createdAt)return!1;const s=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return k.differenceInBusinessDays(new Date,s)<7},p=m.useMemo(()=>{if(!o.trim())return i;const e=o.toLowerCase();return i.filter(s=>s.title.toLowerCase().includes(e)||s.body.toLowerCase().includes(e)||s.content&&s.content.toLowerCase().includes(e))},[i,o]),g=e=>{const s=e.primaryButton?.action;if(s==="Play Video"||!s&&e.productVideo)e.productVideo&&(U(e.productVideo),b(!0));else{const l=e.primaryButton?.redirectionUrl||e.redirectUrl;l&&(l.startsWith("http")?window.open(l,"_blank","noopener,noreferrer"):window.location.href=l)}d&&d(e)},t=i.length===0,N=p.length===0;return w?n.jsxDEV(O.SideModal,{width:V,onClose:f,header:"",headerCustomComponent:n.jsxDEV(r.TitleMedium,{color:a.COLORS.background.inverse,children:v},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:101,columnNumber:5},void 0),headerStyle:{background:a.COLORS.background.brandLight},hideFooter:!0,children:[n.jsxDEV(c.MainContainer,{children:[n.jsxDEV("div",{className:"mt-8",children:n.jsxDEV(L.SearchBar,{width:"100%",isEnabled:!t,onChange:e=>{u(e)},onEnter:e=>{u(e)},placeholder:y,variant:"default",searchValue:o,onClickCross:()=>{u("")}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:108,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:107,columnNumber:5},void 0),n.jsxDEV(c.WhatsNewWrapper,{children:t||N?n.jsxDEV("div",{className:"no--data--found",children:[n.jsxDEV("div",{className:"icon--wrapper",children:t?n.jsxDEV(S.default,{width:32,height:32},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:130,columnNumber:10},void 0):n.jsxDEV(C.default,{width:32,height:32},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:132,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:128,columnNumber:8},void 0),t?n.jsxDEV(n.Fragment,{children:[n.jsxDEV(r.TitleRegular,{children:x},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:137,columnNumber:10},void 0),n.jsxDEV(r.BodyPrimary,{color:a.COLORS.content.secondary,className:"text--align",style:{maxWidth:300},children:W},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:138,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:136,columnNumber:9},void 0):N?n.jsxDEV(r.BodyPrimary,{color:a.COLORS.content.secondary,className:"text--align",style:{maxWidth:300},children:D},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:147,columnNumber:9},void 0):null]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:127,columnNumber:7},void 0):n.jsxDEV("div",{className:"scroller",children:p.map((e,s)=>h?h(e):n.jsxDEV(c.MainCardContainer,{className:"padding--16 mb-mt-8",children:[n.jsxDEV(c.BackgroundImageContainer,{imageUrl:e.image,height:"209px",width:"100%",style:{borderRadius:"4px"}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:168,columnNumber:11},void 0),n.jsxDEV("div",{className:"mt-20 full--width",children:n.jsxDEV("div",{className:"created--at flex flex--row",children:[j(e)?n.jsxDEV("div",{className:"new--content--tag",children:n.jsxDEV(r.Caption,{children:"New"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:178,columnNumber:15},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:177,columnNumber:14},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:181,columnNumber:14},void 0),n.jsxDEV(r.Caption,{style:{color:a.COLORS.content.placeholder},children:e.createdAt?k.format(e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt),"dd MMMM yyyy"):""},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:183,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:175,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:174,columnNumber:11},void 0),n.jsxDEV("div",{className:"mt--8",children:n.jsxDEV(r.TitleSmall,{children:e.title},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:196,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:195,columnNumber:11},void 0),n.jsxDEV("div",{dangerouslySetInnerHTML:{__html:e.body},className:"card--desc mt--12"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:198,columnNumber:11},void 0),n.jsxDEV("div",{className:"flex flex--row mt-20 full--width",children:n.jsxDEV(q.Button,{buttonText:e.primaryButton?.text||e.buttonText||"Explore the feature",onClick:()=>g(e),matchParentWidth:!0,size:"medium"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:203,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:202,columnNumber:11},void 0)]},`whats-new-${s}`,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:164,columnNumber:10},void 0))},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:157,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:125,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:106,columnNumber:4},void 0),n.jsxDEV(M.VideoModal,{isOpen:E,videoUrl:P,onClose:()=>{b(!1)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:221,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:96,columnNumber:3},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:92,columnNumber:10},void 0)};exports.WhatsNewPanel=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),f=require("date-fns"),d=require("react"),C=require("../../assets/icons/searchIcon.svg.js"),S=require("../../assets/icons/whatsNew.svg.js"),a=require("../../constants/Theme.js"),M=require("../feature-announcements/VideoModal.js"),o=require("../TypographyStyle.js"),c=require("./WhatsNew.styles.js"),O=require("../side-modal/SideModal.js"),L=require("../searchBar/searchBar.js"),q=require("../button/Button.js"),B=({isOpen:p,onClose:y,content:r,isLoading:T=!1,title:x="What's new on BIK",searchPlaceholder:D="Search posts",emptyStateTitle:v="Nothing new!",emptyStateDescription:W="There are no new updates or features at the moment. Check back soon!",noResultsText:V="Sorry, no results found.",width:k="480px",onContentClick:u,renderCustomContent:w})=>{const[i,m]=d.useState(""),[E,N]=d.useState(!1),[P,U]=d.useState(""),j=e=>{if(!e.createdAt)return!1;const s=e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt);return f.differenceInBusinessDays(new Date,s)<7},h=d.useMemo(()=>{if(!i.trim())return r;const e=i.toLowerCase();return r.filter(s=>s.title.toLowerCase().includes(e)||s.body.toLowerCase().includes(e)||s.content&&s.content.toLowerCase().includes(e))},[r,i]),g=e=>{const s=e.primaryButton?.action;if(s==="Play Video"||!s&&e.productVideo)e.productVideo&&(U(e.productVideo),N(!0));else{const t=e.primaryButton?.redirectionUrl||e.redirectUrl;t&&(t.startsWith("http")?window.open(t,"_blank","noopener,noreferrer"):window.location.href=t)}u&&u(e)},l=r.length===0,b=h.length===0;return p?n.jsxDEV(O.SideModal,{width:k,onClose:y,header:"",headerCustomComponent:n.jsxDEV(o.TitleMedium,{color:a.COLORS.background.inverse,children:x},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:101,columnNumber:5},void 0),headerStyle:{background:a.COLORS.background.brandLight},hideFooter:!0,children:[n.jsxDEV(c.MainContainer,{children:[n.jsxDEV("div",{className:"mt-8",children:n.jsxDEV(L.SearchBar,{width:"100%",isEnabled:!l,onChange:e=>{m(e)},onEnter:e=>{m(e)},placeholder:D,variant:"default",searchValue:i,onClickCross:()=>{m("")}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:108,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:107,columnNumber:5},void 0),n.jsxDEV(c.WhatsNewWrapper,{children:l||b?n.jsxDEV("div",{className:"no--data--found",children:[n.jsxDEV("div",{className:"icon--wrapper",children:l?n.jsxDEV(S.default,{width:32,height:32},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:130,columnNumber:10},void 0):n.jsxDEV(C.default,{width:32,height:32},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:132,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:128,columnNumber:8},void 0),l?n.jsxDEV(n.Fragment,{children:[n.jsxDEV(o.TitleRegular,{children:v},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:137,columnNumber:10},void 0),n.jsxDEV(o.BodyPrimary,{color:a.COLORS.content.secondary,className:"text--align",style:{maxWidth:300},children:W},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:138,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:136,columnNumber:9},void 0):b?n.jsxDEV(o.BodyPrimary,{color:a.COLORS.content.secondary,className:"text--align",style:{maxWidth:300},children:V},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:147,columnNumber:9},void 0):null]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:127,columnNumber:7},void 0):n.jsxDEV("div",{className:"scroller",children:h.map((e,s)=>w?w(e):n.jsxDEV(c.MainCardContainer,{className:"padding--16 mb-mt-8",children:[n.jsxDEV(c.BackgroundImageContainer,{imageUrl:e.image,height:"209px",width:"100%",style:{borderRadius:"4px"}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:168,columnNumber:11},void 0),n.jsxDEV("div",{className:"mt-20 full--width",children:n.jsxDEV("div",{className:"created--at flex flex--row",children:[j(e)?n.jsxDEV("div",{className:"new--content--tag",children:n.jsxDEV(o.Caption,{children:"New"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:178,columnNumber:15},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:177,columnNumber:14},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:181,columnNumber:14},void 0),n.jsxDEV(o.Caption,{style:{color:a.COLORS.content.placeholder},children:e.createdAt?f.format(e.createdAt.toDate?e.createdAt.toDate():new Date(e.createdAt),"dd MMMM yyyy"):""},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:183,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:175,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:174,columnNumber:11},void 0),n.jsxDEV("div",{className:"mt--8",children:n.jsxDEV(o.TitleSmall,{children:e.title},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:196,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:195,columnNumber:11},void 0),n.jsxDEV("div",{dangerouslySetInnerHTML:{__html:e.body},className:"card--desc mt--12"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:198,columnNumber:11},void 0),n.jsxDEV("div",{className:"flex flex--row mt-20 full--width",children:n.jsxDEV(q.Button,{buttonText:e.primaryButton?.text||e.buttonText||"Explore the feature",onClick:()=>g(e),matchParentWidth:!0,size:"medium"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:203,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:202,columnNumber:11},void 0)]},`whats-new-${s}`,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:164,columnNumber:10},void 0))},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:157,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:125,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:106,columnNumber:4},void 0),n.jsxDEV(M.VideoModal,{isOpen:E,videoUrl:P,onClose:()=>{N(!1)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:221,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:96,columnNumber:3},void 0):n.jsxDEV(n.Fragment,{},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewPanel.tsx",lineNumber:92,columnNumber:10},void 0)};exports.WhatsNewPanel=B;
 //# sourceMappingURL=WhatsNewPanel.js.map

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

@@ -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\t\tcontentItem.createdAt.toDate\n\t\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\t: new Date(contentItem.createdAt),\n\t\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","differenceInBusinessDays","modifiedWhatsNewContent","useMemo","searchLower","item","handleContentClick","action","redirectionUrl","isWhatsNewContentEmpty","isModifiedWhatsNewContentEmpty","jsxDEV","SideModal","TitleMedium","COLORS","this","MainContainer","SearchBar","inputText","WhatsNewWrapper","WhatsNewIcon","SearchIconSvg","Fragment","TitleRegular","BodyPrimary","index","MainCardContainer","BackgroundImageContainer","Caption","format","TitleSmall","Button","VideoModal"],"mappings":"mhBAwBaA,EAA8C,CAAC,CAC3D,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EAAQ,oBACR,kBAAAC,EAAoB,eACpB,gBAAAC,EAAkB,eAClB,sBAAAC,EAAwB,uEACxB,cAAAC,EAAgB,2BAChB,MAAAC,EAAQ,QACR,eAAAC,EACA,oBAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAE,EACzC,CAACC,EAAkBC,CAAmB,EAAIF,EAAAA,SAAS,EAAK,EACxD,CAACG,EAAUC,CAAW,EAAIJ,EAAAA,SAAS,EAAE,EAErCK,EAAgBC,GAA0C,CAC/D,GAAI,CAACA,EAAY,UAAW,MAAO,GACnC,MAAMC,EAAYD,EAAY,UAAU,OACrCA,EAAY,UAAU,SACtB,IAAI,KAAKA,EAAY,SAAS,EACjC,OAAOE,EAAAA,yBAAyB,IAAI,KAAQD,CAAS,EAAI,CAC1D,EAEME,EAA0BC,EAAAA,QAAQ,IAAM,CAC7C,GAAI,CAACZ,EAAW,KAAA,EAAQ,OAAOV,EAE/B,MAAMuB,EAAcb,EAAW,YAAA,EAC/B,OAAOV,EAAQ,OACbwB,GACAA,EAAK,MAAM,cAAc,SAASD,CAAW,GAC7CC,EAAK,KAAK,cAAc,SAASD,CAAW,GAC3CC,EAAK,SAAWA,EAAK,QAAQ,cAAc,SAASD,CAAW,CAAA,CAEnE,EAAG,CAACvB,EAASU,CAAU,CAAC,EAElBe,EAAsBP,GAAiC,CAC5D,MAAMQ,EAASR,EAAY,eAAe,OAC1C,GAAIQ,IAAW,cAAiB,CAACA,GAAUR,EAAY,aAClDA,EAAY,eACfF,EAAYE,EAAY,YAAY,EACpCJ,EAAoB,EAAI,OAEnB,CACN,MAAMa,EACLT,EAAY,eAAe,gBAAkBA,EAAY,YACtDS,IACgBA,EAAe,WAAW,MAAM,EAElD,OAAO,KAAKA,EAAgB,SAAU,qBAAqB,EAE3D,OAAO,SAAS,KAAOA,EAG1B,CAEInB,GACHA,EAAeU,CAAW,CAE5B,EAEMU,EAAyB5B,EAAQ,SAAW,EAC5C6B,EAAiCR,EAAwB,SAAW,EAE1E,OAAKvB,EAKJgC,EAAAA,OAACC,EAAAA,UAAA,CACA,MAAAxB,EACA,QAAAR,EACA,OAAO,GACP,sBACC+B,EAAAA,OAACE,cAAA,CAAY,MAAOC,EAAAA,OAAO,WAAW,QAAU,SAAA/B,GAAhD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAAgC,MAAsD,EAEvD,YAAa,CAAE,WAAYD,SAAO,WAAW,UAAA,EAC7C,WAAY,GAEZ,SAAA,CAAAH,SAACK,EAAAA,cAAA,CACA,SAAA,CAAAL,EAAAA,OAAC,MAAA,CAAI,UAAU,OACd,SAAAA,EAAAA,OAACM,EAAAA,UAAA,CACA,MAAM,OACN,UAAW,CAACR,EACZ,SAAWS,GAAsB,CAChC1B,EAAc0B,CAAS,CACxB,EACA,QAAUA,GAAsB,CAC/B1B,EAAc0B,CAAS,CACxB,EACA,YAAalC,EACb,QAAQ,UACR,YAAaO,EACb,aAAc,IAAM,CACnBC,EAAc,EAAE,CACjB,CAAA,EAdD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAAuB,MAAA,CAeA,EAhBD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAiBA,WACCI,EAAAA,gBAAA,CACC,SAAAV,GAA0BC,EAC1BC,EAAAA,OAAC,MAAA,CAAI,UAAU,kBACd,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,gBACb,SAAAF,WACCW,EAAAA,QAAA,CAAa,MAAO,GAAI,OAAQ,EAAA,EAAjC,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAAL,MAAqC,EAErCJ,SAACU,EAAAA,QAAA,CAAc,MAAO,GAAI,OAAQ,IAAlC,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAAN,MAAsC,CAAA,EAJxC,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAMA,EACCN,EACAE,EAAAA,OAAAW,WAAA,CACC,SAAA,CAAAX,EAAAA,OAACY,EAAAA,cAAc,SAAAtC,CAAA,EAAf,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAA8B,MAA+B,EAC/BJ,EAAAA,OAACa,EAAAA,YAAA,CACA,MAAOV,EAAAA,OAAO,QAAQ,UACtB,UAAU,cACV,MAAO,CAAE,SAAU,GAAA,EAElB,SAAA5B,CAAA,EALF,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAA6B,MAAA,CAMA,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MASA,EACGL,EACHC,EAAAA,OAACa,EAAAA,YAAA,CACA,MAAOV,EAAAA,OAAO,QAAQ,UACtB,UAAU,cACV,MAAO,CAAE,SAAU,GAAA,EAElB,SAAA3B,CAAA,EALF,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAA4B,MAAA,EAOG,IAAA,CAAA,EA3BL,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA4BA,WAEC,MAAA,CAAI,UAAU,WACb,SAAAb,EAAwB,IAAI,CAACH,EAAa0B,IACtCnC,EACIA,EAAoBS,CAAW,EAItCY,EAAAA,OAACe,EAAAA,kBAAA,CACA,UAAU,sBAGV,SAAA,CAAAf,EAAAA,OAACgB,EAAAA,yBAAA,CACA,SAAU5B,EAAY,MACtB,OAAO,QACP,MAAM,OACN,MAAO,CAAE,aAAc,KAAA,CAAM,EAJ9B,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAAgB,MAAA,WAMC,MAAA,CAAI,UAAU,oBACd,SAAAJ,EAAAA,OAAC,MAAA,CAAI,UAAU,6BACb,SAAA,CAAAb,EAAaC,CAAW,EACxBY,EAAAA,OAAC,MAAA,CAAI,UAAU,oBACd,SAAAA,EAAAA,OAACiB,EAAAA,SAAQ,SAAA,KAAA,EAAT,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAAb,MAAY,CAAA,EADb,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAEA,EAEAJ,EAAAA,OAAAW,EAAAA,SAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAAP,MAAE,EAEHJ,EAAAA,OAACiB,EAAAA,QAAA,CAAQ,MAAO,CAAE,MAAOd,EAAAA,OAAO,QAAQ,WAAA,EACtC,SAAAf,EAAY,UACV8B,EAAAA,OACA9B,EAAY,UAAU,OACnBA,EAAY,UAAU,SACtB,IAAI,KAAKA,EAAY,SAAS,EACjC,cAAA,EAEA,EAAA,EARJ,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAAgB,MASA,CAAA,CAAA,EAjBD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAkBA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAoBA,WACC,MAAA,CAAI,UAAU,QACd,SAAAJ,EAAAA,OAACmB,aAAA,CAAY,WAAY,KAAA,EAAzB,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAAf,MAA+B,CAAA,EADhC,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAEA,EACAJ,EAAAA,OAAC,MAAA,CACA,wBAAyB,CAAE,OAAQZ,EAAY,IAAA,EAC/C,UAAU,mBAAA,EAFX,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAAgB,MAAA,EAIAJ,EAAAA,OAAC,MAAA,CAAI,UAAU,mCACd,SAAAA,EAAAA,OAACoB,EAAAA,OAAA,CACA,WACChC,EAAY,eAAe,MAC3BA,EAAY,YACZ,sBAED,QAAS,IAAMO,EAAmBP,CAAW,EAC7C,iBAAkB,GAClB,KAAK,QAAA,EARN,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAAgB,MAAA,CASA,EAVD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAWA,CAAA,CAAA,EA/CK,aAAaU,CAAK,GAFxB,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,EAAA,EAAAV,MAAA,CAoDD,CAAA,EA3DF,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA4DA,CAAA,EA5FF,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA8FA,CAAA,CAAA,EAjHD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAkHA,EACAJ,EAAAA,OAACqB,EAAAA,WAAA,CACA,OAAQtC,EACR,SAAAE,EACA,QAAS,IAAM,CACdD,EAAoB,EAAK,CAC1B,CAAA,EALD,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,IAAA,aAAA,CAAA,EAAAoB,MAAA,CAMA,CAAA,EAnID,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAJOJ,EAAAA,OAAAW,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,gIAAA,WAAA,GAAA,aAAA,EAAA,EAAAP,MAAE,CA0IX"}
+{"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","differenceInBusinessDays","modifiedWhatsNewContent","useMemo","searchLower","item","handleContentClick","action","redirectionUrl","isWhatsNewContentEmpty","isModifiedWhatsNewContentEmpty","jsxDEV","SideModal","TitleMedium","COLORS","this","MainContainer","SearchBar","inputText","WhatsNewWrapper","WhatsNewIcon","SearchIconSvg","Fragment","TitleRegular","BodyPrimary","index","MainCardContainer","BackgroundImageContainer","Caption","format","TitleSmall","Button","VideoModal"],"mappings":"mhBAwBaA,EAA8C,CAAC,CAC3D,OAAAC,EACA,QAAAC,EACA,QAAAC,EACA,UAAAC,EAAY,GACZ,MAAAC,EAAQ,oBACR,kBAAAC,EAAoB,eACpB,gBAAAC,EAAkB,eAClB,sBAAAC,EAAwB,uEACxB,cAAAC,EAAgB,2BAChB,MAAAC,EAAQ,QACR,eAAAC,EACA,oBAAAC,CACD,IAAM,CACL,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAAS,EAAE,EACzC,CAACC,EAAkBC,CAAmB,EAAIF,EAAAA,SAAS,EAAK,EACxD,CAACG,EAAUC,CAAW,EAAIJ,EAAAA,SAAS,EAAE,EAErCK,EAAgBC,GAA0C,CAC/D,GAAI,CAACA,EAAY,UAAW,MAAO,GACnC,MAAMC,EAAYD,EAAY,UAAU,OACrCA,EAAY,UAAU,SACtB,IAAI,KAAKA,EAAY,SAAS,EACjC,OAAOE,EAAAA,yBAAyB,IAAI,KAAQD,CAAS,EAAI,CAC1D,EAEME,EAA0BC,EAAAA,QAAQ,IAAM,CAC7C,GAAI,CAACZ,EAAW,KAAA,EAAQ,OAAOV,EAE/B,MAAMuB,EAAcb,EAAW,YAAA,EAC/B,OAAOV,EAAQ,OACbwB,GACAA,EAAK,MAAM,cAAc,SAASD,CAAW,GAC7CC,EAAK,KAAK,cAAc,SAASD,CAAW,GAC3CC,EAAK,SAAWA,EAAK,QAAQ,cAAc,SAASD,CAAW,CAAA,CAEnE,EAAG,CAACvB,EAASU,CAAU,CAAC,EAElBe,EAAsBP,GAAiC,CAC5D,MAAMQ,EAASR,EAAY,eAAe,OAC1C,GAAIQ,IAAW,cAAiB,CAACA,GAAUR,EAAY,aAClDA,EAAY,eACfF,EAAYE,EAAY,YAAY,EACpCJ,EAAoB,EAAI,OAEnB,CACN,MAAMa,EACLT,EAAY,eAAe,gBAAkBA,EAAY,YACtDS,IACgBA,EAAe,WAAW,MAAM,EAElD,OAAO,KAAKA,EAAgB,SAAU,qBAAqB,EAE3D,OAAO,SAAS,KAAOA,EAG1B,CAEInB,GACHA,EAAeU,CAAW,CAE5B,EAEMU,EAAyB5B,EAAQ,SAAW,EAC5C6B,EAAiCR,EAAwB,SAAW,EAE1E,OAAKvB,EAKJgC,EAAAA,OAACC,EAAAA,UAAA,CACA,MAAAxB,EACA,QAAAR,EACA,OAAO,GACP,sBACC+B,EAAAA,OAACE,cAAA,CAAY,MAAOC,EAAAA,OAAO,WAAW,QAAU,SAAA/B,GAAhD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAAA,EAAAgC,MAAsD,EAEvD,YAAa,CAAE,WAAYD,SAAO,WAAW,UAAA,EAC7C,WAAY,GAEZ,SAAA,CAAAH,SAACK,EAAAA,cAAA,CACA,SAAA,CAAAL,EAAAA,OAAC,MAAA,CAAI,UAAU,OACd,SAAAA,EAAAA,OAACM,EAAAA,UAAA,CACA,MAAM,OACN,UAAW,CAACR,EACZ,SAAWS,GAAsB,CAChC1B,EAAc0B,CAAS,CACxB,EACA,QAAUA,GAAsB,CAC/B1B,EAAc0B,CAAS,CACxB,EACA,YAAalC,EACb,QAAQ,UACR,YAAaO,EACb,aAAc,IAAM,CACnBC,EAAc,EAAE,CACjB,CAAA,EAdD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAAA,EAAAuB,MAAA,CAeA,EAhBD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAiBA,WACCI,EAAAA,gBAAA,CACC,SAAAV,GAA0BC,EAC1BC,EAAAA,OAAC,MAAA,CAAI,UAAU,kBACd,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,gBACb,SAAAF,WACCW,EAAAA,QAAA,CAAa,MAAO,GAAI,OAAQ,EAAA,EAAjC,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAL,MAAqC,EAErCJ,SAACU,EAAAA,QAAA,CAAc,MAAO,GAAI,OAAQ,IAAlC,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAN,MAAsC,CAAA,EAJxC,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAMA,EACCN,EACAE,EAAAA,OAAAW,WAAA,CACC,SAAA,CAAAX,EAAAA,OAACY,EAAAA,cAAc,SAAAtC,CAAA,EAAf,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAA8B,MAA+B,EAC/BJ,EAAAA,OAACa,EAAAA,YAAA,CACA,MAAOV,EAAAA,OAAO,QAAQ,UACtB,UAAU,cACV,MAAO,CAAE,SAAU,GAAA,EAElB,SAAA5B,CAAA,EALF,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAA6B,MAAA,CAMA,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MASA,EACGL,EACHC,EAAAA,OAACa,EAAAA,YAAA,CACA,MAAOV,EAAAA,OAAO,QAAQ,UACtB,UAAU,cACV,MAAO,CAAE,SAAU,GAAA,EAElB,SAAA3B,CAAA,EALF,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAAA,EAAA4B,MAAA,EAOG,IAAA,CAAA,EA3BL,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA4BA,WAEC,MAAA,CAAI,UAAU,WACb,SAAAb,EAAwB,IAAI,CAACH,EAAa0B,IACtCnC,EACIA,EAAoBS,CAAW,EAItCY,EAAAA,OAACe,EAAAA,kBAAA,CACA,UAAU,sBAGV,SAAA,CAAAf,EAAAA,OAACgB,EAAAA,yBAAA,CACA,SAAU5B,EAAY,MACtB,OAAO,QACP,MAAM,OACN,MAAO,CAAE,aAAc,KAAA,CAAM,EAJ9B,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAgB,MAAA,WAMC,MAAA,CAAI,UAAU,oBACd,SAAAJ,EAAAA,OAAC,MAAA,CAAI,UAAU,6BACb,SAAA,CAAAb,EAAaC,CAAW,EACxBY,EAAAA,OAAC,MAAA,CAAI,UAAU,oBACd,SAAAA,EAAAA,OAACiB,EAAAA,SAAQ,SAAA,KAAA,EAAT,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAb,MAAY,CAAA,EADb,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAEA,EAEAJ,EAAAA,OAAAW,EAAAA,SAAA,CAAA,EAAA,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAP,MAAE,EAEHJ,EAAAA,OAACiB,EAAAA,QAAA,CAAQ,MAAO,CAAE,MAAOd,EAAAA,OAAO,QAAQ,WAAA,EACtC,SAAAf,EAAY,UACV8B,EAAAA,OACD9B,EAAY,UAAU,OACnBA,EAAY,UAAU,SACtB,IAAI,KAAKA,EAAY,SAAS,EACjC,cAAA,EAEC,EAAA,EARJ,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAgB,MASA,CAAA,CAAA,EAjBD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAkBA,CAAA,EAnBD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAoBA,WACC,MAAA,CAAI,UAAU,QACd,SAAAJ,EAAAA,OAACmB,aAAA,CAAY,WAAY,KAAA,EAAzB,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAf,MAA+B,CAAA,EADhC,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAEA,EACAJ,EAAAA,OAAC,MAAA,CACA,wBAAyB,CAAE,OAAQZ,EAAY,IAAA,EAC/C,UAAU,mBAAA,EAFX,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAgB,MAAA,EAIAJ,EAAAA,OAAC,MAAA,CAAI,UAAU,mCACd,SAAAA,EAAAA,OAACoB,EAAAA,OAAA,CACA,WACChC,EAAY,eAAe,MAC3BA,EAAY,YACZ,sBAED,QAAS,IAAMO,EAAmBP,CAAW,EAC7C,iBAAkB,GAClB,KAAK,QAAA,EARN,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAgB,MAAA,CASA,EAVD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAWA,CAAA,CAAA,EA/CK,aAAaU,CAAK,GAFxB,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,EAAA,EAAAV,MAAA,CAoDD,CAAA,EA3DF,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA4DA,CAAA,EA5FF,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA8FA,CAAA,CAAA,EAjHD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAkHA,EACAJ,EAAAA,OAACqB,EAAAA,WAAA,CACA,OAAQtC,EACR,SAAAE,EACA,QAAS,IAAM,CACdD,EAAoB,EAAK,CAC1B,CAAA,EALD,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,IAAA,aAAA,CAAA,EAAAoB,MAAA,CAMA,CAAA,EAnID,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAJOJ,EAAAA,OAAAW,EAAAA,SAAA,GAAA,OAAA,GAAA,CAAA,SAAA,iGAAA,WAAA,GAAA,aAAA,EAAA,EAAAP,MAAE,CA0IX"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-dev-runtime"),t=require("react"),u=require("./useWhatsNew.js"),s=t.createContext(null),c=({children:e,fetchWhatsNewContent:r,markContentAsViewed:o,module:n})=>{const a=u.useWhatsNew({fetchWhatsNewContent:r,markContentAsViewed:o,module:n});return i.jsxDEV(s.Provider,{value:a,children:e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/whats-new/WhatsNewProvider.tsx",lineNumber:22,columnNumber:3},void 0)},w=()=>{const e=t.useContext(s);if(!e)throw new Error("useWhatsNewContext must be used within a WhatsNewProvider");return e};exports.WhatsNewProvider=c;exports.useWhatsNewContext=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-dev-runtime"),t=require("react"),i=require("./useWhatsNew.js"),s=t.createContext(null),w=({children:e,fetchWhatsNewContent:o,markContentAsViewed:r,module:n})=>{const a=i.useWhatsNew({fetchWhatsNewContent:o,markContentAsViewed:r,module:n});return u.jsxDEV(s.Provider,{value:a,children:e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/whats-new/WhatsNewProvider.tsx",lineNumber:22,columnNumber:3},void 0)},c=()=>{const e=t.useContext(s);if(!e)throw new Error("useWhatsNewContext must be used within a WhatsNewProvider");return e};exports.WhatsNewProvider=w;exports.useWhatsNewContext=c;
 //# sourceMappingURL=WhatsNewProvider.js.map

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

@@ -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","WhatsNewProvider","children","fetchWhatsNewContent","markContentAsViewed","module","whatsNewData","useWhatsNew","this","useWhatsNewContext","context","useContext"],"mappings":"0KAIMA,EAAkBC,EAAAA,cACvB,IACD,EAEaC,EAAoD,CAAC,CACjE,SAAAC,EACA,qBAAAC,EACA,oBAAAC,EACA,OAAAC,CACD,IAAM,CACL,MAAMC,EAAeC,EAAAA,YAAY,CAChC,qBAAAJ,EACA,oBAAAC,EACA,OAAAC,CAAA,CACA,EAED,gBACEN,EAAgB,SAAhB,CAAyB,MAAOO,EAC/B,SAAAJ,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAEA,CAEF,EAEaC,EAAqB,IAAM,CACvC,MAAMC,EAAUC,EAAAA,WAAWZ,CAAe,EAC1C,GAAI,CAACW,EACJ,MAAM,IAAI,MACT,2DAAA,EAGF,OAAOA,CACR"}
+{"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","this","useWhatsNewContext","context","useContext"],"mappings":"0KAIMA,EAAkBC,EAAAA,cACvB,IACD,EAEaC,EAAoD,CAAC,CACjE,SAAAC,EACA,qBAAAC,EACA,oBAAAC,EACA,OAAAC,CACD,IAAM,CACL,MAAMC,EAAeC,EAAAA,YAAY,CAChC,qBAAAJ,EACA,oBAAAC,EACA,OAAAC,CAAA,CACA,EAED,gBACEN,EAAgB,SAAhB,CAAyB,MAAOO,EAC/B,SAAAJ,CAAA,EADF,OAAA,GAAA,CAAA,SAAA,oGAAA,WAAA,GAAA,aAAA,CAAA,EAAAM,MAEA,CAEF,EAEaC,EAAqB,IAAM,CACvC,MAAMC,EAAUC,EAAAA,WAAWZ,CAAe,EAC1C,GAAI,CAACW,EACJ,MAAM,IAAI,MACT,2DAAA,EAGF,OAAOA,CACR"}

package/dist/cjs/components/zeroState/ZeroState.js

@@ -1,13 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-dev-runtime"),b=require("styled-components"),a=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),p=require("../../assets/icons/alert.svg.js"),f=require("../spinner/Spinner.js"),y=require("../button/Button.js"),k=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=k(b),h=c.default.div`
-	background: ${n.COLORS.surface.standard};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-dev-runtime"),f=require("styled-components"),a=require("../TypographyStyle.js"),o=require("../../constants/Theme.js"),b=require("../../assets/icons/alert.svg.js"),y=require("../spinner/Spinner.js"),p=require("../button/Button.js"),S=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=S(f),x=c.default.div`
+	background: ${o.COLORS.surface.standard};
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	justify-content: center;
 	flex: 1;
 	gap: 6px;
-`,S=c.default.div`
-	background: ${n.COLORS.background.base};
+`,N=c.default.div`
+	background: ${o.COLORS.background.base};
 	width: 48px;
 	height: 48px;
 	display: flex;
@@ -15,5 +15,5 @@
 	align-items: center;
 	justify-content: center;
 	border-radius: 24px;
-`,v=({subTitle:e,title:u,IconHolderStyle:m,style:d,isLoading:o,containerWidth:s,...r})=>{let l=a.TitleRegular;const i=s?parseFloat(s):0;return i&&!isNaN(i)&&i<=150&&(l=a.TitleSmall),t.jsxDEV(h,{style:d??{},children:[o?t.jsxDEV(f.Spinner,{size:"large",color:n.COLORS.stroke.brand},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:64,columnNumber:5},void 0):t.jsxDEV(S,{style:m??{},children:r?.Icon||t.jsxDEV(p.default,{color:n.COLORS.content.placeholder,height:24,width:24},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:68,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:66,columnNumber:5},void 0),t.jsxDEV(l,{style:{color:n.COLORS.content.primary},children:o?"Loading...":u||"No results found"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:77,columnNumber:4},void 0),!!e&&!o&&t.jsxDEV(a.BodyCaption,{style:{color:n.COLORS.content.secondary,textAlign:"center",maxWidth:184},children:e},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:85,columnNumber:5},void 0),!!r?.actionButton&&t.jsxDEV("div",{style:r?.buttonWidth?{width:r?.buttonWidth,display:"flex"}:{},children:t.jsxDEV(y.Button,{...r?.actionButton},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:103,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:96,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:62,columnNumber:3},void 0)};exports.ZeroState=v;
+`,D=({subTitle:e,title:d,IconHolderStyle:u,style:m,isLoading:r,containerWidth:s,...t})=>{let l=a.TitleRegular;const i=s?parseFloat(s):0;return i&&!isNaN(i)&&i<=150&&(l=a.TitleSmall),n.jsxDEV(x,{style:m??{},children:[r?n.jsxDEV(y.Spinner,{size:"large",color:o.COLORS.stroke.brand},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:64,columnNumber:5},void 0):n.jsxDEV(N,{style:u??{},children:t?.Icon||n.jsxDEV(b.default,{color:o.COLORS.content.placeholder,height:24,width:24},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:68,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:66,columnNumber:5},void 0),n.jsxDEV(l,{style:{color:o.COLORS.content.primary},children:r?"Loading...":d||"No results found"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:77,columnNumber:4},void 0),!!e&&!r&&n.jsxDEV(a.BodyCaption,{style:{color:o.COLORS.content.secondary,textAlign:"center",maxWidth:184},children:e},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:85,columnNumber:5},void 0),!!t?.actionButton&&n.jsxDEV("div",{style:t?.buttonWidth?{width:t?.buttonWidth,display:"flex"}:{},children:n.jsxDEV(p.Button,{...t?.actionButton},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:103,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:96,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/zeroState/ZeroState.tsx",lineNumber:62,columnNumber:3},void 0)};exports.ZeroState=D;
 //# sourceMappingURL=ZeroState.js.map

package/dist/cjs/components/zeroState/ZeroState.js.map

@@ -1 +1 @@
-{"version":3,"file":"ZeroState.js","sources":["../../../../src/components/zeroState/ZeroState.tsx"],"sourcesContent":["// import SearchIcon from '@bik-icons/search.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Spinner } from '@src/components/spinner';\nimport {\n\tBodyCaption,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport AlertIcon from '../../assets/icons/alert.svg';\nimport { Button } from '../button';\nimport { ButtonProps } from '../button/model';\n\nconst Container = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tflex: 1;\n\tgap: 6px;\n`;\n\nconst IconHolder = styled.div`\n\tbackground: ${COLORS.background.base};\n\twidth: 48px;\n\theight: 48px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 24px;\n`;\n\nexport const ZeroState: React.FC<{\n\tisLoading?: boolean;\n\ttitle: string;\n\tsubTitle?: string;\n\tIconHolderStyle?: React.CSSProperties;\n\tstyle?: React.CSSProperties /** now this component is extendable through styled-component */;\n\tactionButton?: ButtonProps;\n\tbuttonWidth?: number;\n\tIcon?: React.ReactNode;\n\tcontainerWidth?: string;\n}> = ({\n\tsubTitle,\n\ttitle,\n\tIconHolderStyle,\n\tstyle,\n\tisLoading,\n\tcontainerWidth,\n\t...otherProps\n}) => {\n\tlet TitleTypography = TitleRegular;\n\tconst numericWidth = containerWidth ? parseFloat(containerWidth) : 0;\n\n\tif (numericWidth && !isNaN(numericWidth) && numericWidth <= 150) {\n\t\tTitleTypography = TitleSmall;\n\t}\n\treturn (\n\t\t<Container style={style ?? {}}>\n\t\t\t{isLoading ? (\n\t\t\t\t<Spinner size={'large'} color={COLORS.stroke.brand} />\n\t\t\t) : (\n\t\t\t\t<IconHolder style={IconHolderStyle ?? {}}>\n\t\t\t\t\t{otherProps?.Icon || (\n\t\t\t\t\t\t<AlertIcon\n\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</IconHolder>\n\t\t\t)}\n\n\t\t\t<TitleTypography\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{isLoading ? 'Loading...' : title || 'No results found'}\n\t\t\t</TitleTypography>\n\t\t\t{!!subTitle && !isLoading && (\n\t\t\t\t<BodyCaption\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\tmaxWidth: 184,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{subTitle}\n\t\t\t\t</BodyCaption>\n\t\t\t)}\n\t\t\t{!!otherProps?.actionButton && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={\n\t\t\t\t\t\totherProps?.buttonWidth\n\t\t\t\t\t\t\t? { width: otherProps?.buttonWidth, display: 'flex' }\n\t\t\t\t\t\t\t: {}\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<Button {...otherProps?.actionButton} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["Container","styled","COLORS","IconHolder","ZeroState","subTitle","title","IconHolderStyle","style","isLoading","containerWidth","otherProps","TitleTypography","TitleRegular","numericWidth","TitleSmall","jsxDEV","Spinner","this","AlertIcon","BodyCaption","Button"],"mappings":"iZAcMA,EAAYC,EAAAA,QAAO;AAAA,eACVC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAShCC,EAAaF,EAAAA,QAAO;AAAA,eACXC,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUxBE,EAUR,CAAC,CACL,SAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,UAAAC,EACA,eAAAC,EACA,GAAGC,CACJ,IAAM,CACL,IAAIC,EAAkBC,EAAAA,aACtB,MAAMC,EAAeJ,EAAiB,WAAWA,CAAc,EAAI,EAEnE,OAAII,GAAgB,CAAC,MAAMA,CAAY,GAAKA,GAAgB,MAC3DF,EAAkBG,EAAAA,YAGlBC,EAAAA,OAAChB,EAAA,CAAU,MAAOQ,GAAS,CAAA,EACzB,SAAA,CAAAC,WACCQ,UAAA,CAAQ,KAAM,QAAS,MAAOf,EAAAA,OAAO,OAAO,OAA7C,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAAoD,WAEnDf,EAAA,CAAW,MAAOI,GAAmB,GACpC,YAAY,MACZS,EAAAA,OAACG,EAAAA,QAAA,CACA,MAAOjB,EAAAA,OAAO,QAAQ,YACtB,OAAQ,GACR,MAAO,EAAA,EAHR,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAAA,CAIA,EANF,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,EAGDF,EAAAA,OAACJ,EAAA,CACA,MAAO,CACN,MAAOV,EAAAA,OAAO,QAAQ,OAAA,EAGtB,SAAAO,EAAY,aAAeH,GAAS,kBAAA,EALtC,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAA,EAOC,CAAC,CAACb,GAAY,CAACI,GACfO,EAAAA,OAACI,EAAAA,YAAA,CACA,MAAO,CACN,MAAOlB,EAAAA,OAAO,QAAQ,UACtB,UAAW,SACX,SAAU,GAAA,EAGV,SAAAG,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAA,EAUA,CAAC,CAACP,GAAY,cACdK,EAAAA,OAAC,MAAA,CACA,MACCL,GAAY,YACT,CAAE,MAAOA,GAAY,YAAa,QAAS,MAAA,EAC3C,CAAA,EAGJ,SAAAK,EAAAA,OAACK,EAAAA,OAAA,CAAQ,GAAGV,GAAY,YAAA,EAAxB,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,IAAA,aAAA,CAAA,EAAAO,MAAsC,CAAA,EAPvC,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAQA,CAAA,EA1CF,OAAA,GAAA,CAAA,SAAA,4HAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4CA,CAEF"}
+{"version":3,"file":"ZeroState.js","sources":["../../../../src/components/zeroState/ZeroState.tsx"],"sourcesContent":["// import SearchIcon from '@bik-icons/search.svg';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { Spinner } from '@src/components/spinner';\nimport {\n\tBodyCaption,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport AlertIcon from '../../assets/icons/alert.svg';\nimport { Button } from '../button';\nimport { ButtonProps } from '../button/model';\n\nconst Container = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tflex: 1;\n\tgap: 6px;\n`;\n\nconst IconHolder = styled.div`\n\tbackground: ${COLORS.background.base};\n\twidth: 48px;\n\theight: 48px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 24px;\n`;\n\nexport const ZeroState: React.FC<{\n\tisLoading?: boolean;\n\ttitle: string;\n\tsubTitle?: string;\n\tIconHolderStyle?: React.CSSProperties;\n\tstyle?: React.CSSProperties /** now this component is extendable through styled-component */;\n\tactionButton?: ButtonProps;\n\tbuttonWidth?: number;\n\tIcon?: React.ReactNode;\n\tcontainerWidth?: string;\n}> = ({\n\tsubTitle,\n\ttitle,\n\tIconHolderStyle,\n\tstyle,\n\tisLoading,\n\tcontainerWidth,\n\t...otherProps\n}) => {\n\tlet TitleTypography = TitleRegular;\n\tconst numericWidth = containerWidth ? parseFloat(containerWidth) : 0;\n\n\tif (numericWidth && !isNaN(numericWidth) && numericWidth <= 150) {\n\t\tTitleTypography = TitleSmall;\n\t}\n\treturn (\n\t\t<Container style={style ?? {}}>\n\t\t\t{isLoading ? (\n\t\t\t\t<Spinner size={'large'} color={COLORS.stroke.brand} />\n\t\t\t) : (\n\t\t\t\t<IconHolder style={IconHolderStyle ?? {}}>\n\t\t\t\t\t{otherProps?.Icon || (\n\t\t\t\t\t\t<AlertIcon\n\t\t\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t\t\t\theight={24}\n\t\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</IconHolder>\n\t\t\t)}\n\n\t\t\t<TitleTypography\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{isLoading ? 'Loading...' : title || 'No results found'}\n\t\t\t</TitleTypography>\n\t\t\t{!!subTitle && !isLoading && (\n\t\t\t\t<BodyCaption\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t\tmaxWidth: 184,\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{subTitle}\n\t\t\t\t</BodyCaption>\n\t\t\t)}\n\t\t\t{!!otherProps?.actionButton && (\n\t\t\t\t<div\n\t\t\t\t\tstyle={\n\t\t\t\t\t\totherProps?.buttonWidth\n\t\t\t\t\t\t\t? { width: otherProps?.buttonWidth, display: 'flex' }\n\t\t\t\t\t\t\t: {}\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t<Button {...otherProps?.actionButton} />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</Container>\n\t);\n};\n"],"names":["Container","styled","COLORS","IconHolder","ZeroState","subTitle","title","IconHolderStyle","style","isLoading","containerWidth","otherProps","TitleTypography","TitleRegular","numericWidth","TitleSmall","jsxDEV","Spinner","this","AlertIcon","BodyCaption","Button"],"mappings":"iZAcMA,EAAYC,EAAAA,QAAO;AAAA,eACVC,EAAAA,OAAO,QAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAShCC,EAAaF,EAAAA,QAAO;AAAA,eACXC,EAAAA,OAAO,WAAW,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUxBE,EAUR,CAAC,CACL,SAAAC,EACA,MAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,UAAAC,EACA,eAAAC,EACA,GAAGC,CACJ,IAAM,CACL,IAAIC,EAAkBC,EAAAA,aACtB,MAAMC,EAAeJ,EAAiB,WAAWA,CAAc,EAAI,EAEnE,OAAII,GAAgB,CAAC,MAAMA,CAAY,GAAKA,GAAgB,MAC3DF,EAAkBG,EAAAA,YAGlBC,EAAAA,OAAChB,EAAA,CAAU,MAAOQ,GAAS,CAAA,EACzB,SAAA,CAAAC,WACCQ,UAAA,CAAQ,KAAM,QAAS,MAAOf,EAAAA,OAAO,OAAO,OAA7C,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAAoD,WAEnDf,EAAA,CAAW,MAAOI,GAAmB,GACpC,YAAY,MACZS,EAAAA,OAACG,EAAAA,QAAA,CACA,MAAOjB,EAAAA,OAAO,QAAQ,YACtB,OAAQ,GACR,MAAO,EAAA,EAHR,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAAA,CAIA,EANF,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAQA,EAGDF,EAAAA,OAACJ,EAAA,CACA,MAAO,CACN,MAAOV,EAAAA,OAAO,QAAQ,OAAA,EAGtB,SAAAO,EAAY,aAAeH,GAAS,kBAAA,EALtC,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAY,MAAA,EAOC,CAAC,CAACb,GAAY,CAACI,GACfO,EAAAA,OAACI,EAAAA,YAAA,CACA,MAAO,CACN,MAAOlB,EAAAA,OAAO,QAAQ,UACtB,UAAW,SACX,SAAU,GAAA,EAGV,SAAAG,CAAA,EAPF,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAa,MAAA,EAUA,CAAC,CAACP,GAAY,cACdK,EAAAA,OAAC,MAAA,CACA,MACCL,GAAY,YACT,CAAE,MAAOA,GAAY,YAAa,QAAS,MAAA,EAC3C,CAAA,EAGJ,SAAAK,EAAAA,OAACK,EAAAA,OAAA,CAAQ,GAAGV,GAAY,YAAA,EAAxB,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,IAAA,aAAA,CAAA,EAAAO,MAAsC,CAAA,EAPvC,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAQA,CAAA,EA1CF,OAAA,GAAA,CAAA,SAAA,6FAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA4CA,CAEF"}

package/dist/cjs/editor/BikEditor.js

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