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

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

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

Files changed (1601) hide show

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

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

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

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

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

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

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

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

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BikEditor.js","sources":["../../../src/editor/BikEditor.tsx"],"sourcesContent":["'use client';\n\n/*\n IMPLEMENTATION LAYER — TipTap-specific.\n * If the underlying editor is swapped, this file changes; BikEditor.types.ts and\n * src/editor/index.ts (the consumer contract) do NOT change.\n /\nimport { Editor, getMarkRange } from '@tiptap/core';\nimport { EditorContent, useEditor } from '@tiptap/react';\nimport React, {\n\tforwardRef,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseRef,\n} from 'react';\nimport { BikEditorShell } from './BikEditor.styles';\nimport {\n\tBikEditorProps,\n\tBikEditorRef,\n\tDEFAULT_FORMAT_STATE,\n} from './BikEditor.types';\nimport {\n\tbuildSectionedContent,\n\textractActiveFormats,\n\textractBodyContent,\n\textractContent,\n\textractSectionContent,\n\tfindSectionEndPos,\n\tfindSectionStartPos,\n\tinsertInlineHtml,\n\tnormalizeHtml,\n\tsetSectionContentInEditor,\n} from './BikEditor.utils';\nimport { buildExtensions } from './extensions/buildExtensions';\nimport { LinkBubbleMenu } from './floating/LinkBubbleMenu';\n\n/* Convert React.CSSProperties to an inline CSS string for editorProps.attributes. */\nfunction cssToString(style: React.CSSProperties): string {\n\treturn Object.entries(style)\n\t\t.map(\n\t\t\t([k, v]) => `${k.replace(/([A-Z])/g, (c) => `-${c.toLowerCase()}`)}:${v}`,\n\t\t)\n\t\t.join(';');\n}\n\nconst BikEditorInner = (\n\tprops: BikEditorProps,\n\tref: React.Ref<BikEditorRef>,\n) => {\n\tconst {\n\t\tinitialContent,\n\t\tsections,\n\t\tfeatures,\n\t\tdisabled,\n\t\tmaxCharacters,\n\t\tshortcuts,\n\t\tsendShortcut,\n\t\tmentions,\n\t\tslashCommands,\n\t\tlink,\n\t\tonPaste,\n\t\tonReady,\n\t\tonChange,\n\t\tonSend,\n\t\tonFocus,\n\t\tonBlur,\n\t\tonSelectionChange,\n\t\tminHeight,\n\t\tmaxHeight,\n\t\tstyle,\n\t\tclassName,\n\t\teditorClassName,\n\t\teditorStyle,\n\t} = props;\n\n\tconst initialEditorContent = sections?.length\n\t\t? buildSectionedContent(\n\t\t\t\tnormalizeHtml(initialContent ?? ''),\n\t\t\t\tsections.map((s) => ({ ...s, content: normalizeHtml(s.content) })),\n\t\t )\n\t\t: normalizeHtml(initialContent ?? '');\n\n\t// ── Command queue ─────────────────────────────────────────────────────────\n\t// TipTap's useEditor initializes asynchronously; the editor instance is null\n\t// until the first commit. Any imperative method called before the editor is\n\t// ready is enqueued here and flushed automatically once it becomes non-null.\n\t// Consumers never need setTimeout or readiness guards.\n\tconst pendingQueue = useRef<Array<(e: Editor) => void>>([]);\n\tconst hasCalledOnReady = useRef(false);\n\t// Keep stable refs to all callbacks so useEditor receives the same function\n\t// identity on every render — prevents TipTap from re-registering event\n\t// handlers every time the parent re-renders with new inline function props.\n\tconst onReadyRef = useRef(onReady);\n\tonReadyRef.current = onReady;\n\tconst onChangeRef = useRef(onChange);\n\tonChangeRef.current = onChange;\n\tconst onSelectionChangeRef = useRef(onSelectionChange);\n\tonSelectionChangeRef.current = onSelectionChange;\n\tconst onFocusRef = useRef(onFocus);\n\tonFocusRef.current = onFocus;\n\tconst onBlurRef = useRef(onBlur);\n\tonBlurRef.current = onBlur;\n\tconst onSendRef = useRef(onSend);\n\tonSendRef.current = onSend;\n\tconst agentMentionsRef = useRef(mentions?.agents ?? []);\n\tagentMentionsRef.current = mentions?.agents ?? [];\n\tconst teamMentionsRef = useRef(mentions?.teams ?? []);\n\tteamMentionsRef.current = mentions?.teams ?? [];\n\tconst slashCommandsRef = useRef(slashCommands?.items ?? []);\n\tslashCommandsRef.current = slashCommands?.items ?? [];\n\n\tconst editor = useEditor({\n\t\textensions: buildExtensions({\n\t\t\tfeatures,\n\t\t\tplaceholder: props.placeholder,\n\t\t\tmaxCharacters,\n\t\t\thasSections: (sections?.length ?? 0) > 0,\n\t\t\tmentions: {\n\t\t\t\tagents: mentions ? agentMentionsRef : undefined,\n\t\t\t\tteams: mentions ? teamMentionsRef : undefined,\n\t\t\t},\n\t\t\tslashCommands: slashCommands ? slashCommandsRef : undefined,\n\t\t\tonPaste,\n\t\t\tonSend: onSend ? (snapshot) => onSendRef.current?.(snapshot) : undefined,\n\t\t\tsendShortcut,\n\t\t\tshortcuts,\n\t\t\tonMentionSelected: mentions?.onSelect,\n\t\t\tonSlashCommandSelected: slashCommands?.onSelect,\n\t\t\trenderMentionItem: mentions?.renderItem,\n\t\t\trenderMentionDropdown: mentions?.renderDropdown,\n\t\t\trenderSlashCommandItem: slashCommands?.renderItem,\n\t\t\trenderSlashCommandDropdown: slashCommands?.renderDropdown,\n\t\t}),\n\t\tcontent: initialEditorContent,\n\t\teditable: !disabled,\n\t\timmediatelyRender: false, // SSR-safe — NEVER remove this\n\t\teditorProps: {\n\t\t\tattributes: {\n\t\t\t\t...(editorClassName ? { class: editorClassName } : {}),\n\t\t\t\t...(editorStyle ? { style: cssToString(editorStyle) } : {}),\n\t\t\t},\n\t\t},\n\t\tonUpdate: ({ editor: e }) => {\n\t\t\tonChangeRef.current?.(extractContent(e));\n\t\t},\n\t\tonTransaction: ({ editor: e }) => {\n\t\t\tonSelectionChangeRef.current?.(extractActiveFormats(e));\n\t\t},\n\t\tonFocus: () => onFocusRef.current?.(),\n\t\tonBlur: () => onBlurRef.current?.(),\n\t});\n\n\t// ── enqueue ───────────────────────────────────────────────────────────────\n\t// Run immediately if the editor is ready; otherwise defer to the queue.\n\t// Closures passed to enqueue MUST capture all parameters explicitly —\n\t// they must NOT close over `editor` (which would be null at enqueue time).\n\tfunction enqueue(op: (e: Editor) => void): void {\n\t\tif (editor) {\n\t\t\top(editor);\n\t\t} else {\n\t\t\tpendingQueue.current.push(op);\n\t\t}\n\t}\n\n\t// Flush the pending queue and fire onReady when editor transitions null → ready.\n\tuseEffect(() => {\n\t\tif (!editor) return;\n\t\tif (pendingQueue.current.length > 0) {\n\t\t\tconst queue = pendingQueue.current.splice(0);\n\t\t\tqueue.forEach((op) => op(editor));\n\t\t}\n\t\tif (!hasCalledOnReady.current) {\n\t\t\thasCalledOnReady.current = true;\n\t\t\tonReadyRef.current?.();\n\t\t}\n\t}, [editor]);\n\n\tuseImperativeHandle(\n\t\tref,\n\t\t() => ({\n\t\t\t// ── Focus ────────────────────────────────────────────────────────\n\t\t\tfocus: (position) => enqueue((e) => e.commands.focus(position)),\n\t\t\tblur: () => enqueue((e) => e.commands.blur()),\n\n\t\t\t// ── Content ──────────────────────────────────────────────────────\n\t\t\tclearContent: () => enqueue((e) => e.commands.clearContent(true)),\n\t\t\tsetContent: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => e.commands.setContent(normalised, { emitUpdate: true }));\n\t\t\t},\n\t\t\tinsertContent: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => e.commands.insertContent(normalised));\n\t\t\t},\n\t\t\tinsertInlineContent: (html) => {\n\t\t\t\tenqueue((e) => insertInlineHtml(e, html));\n\t\t\t},\n\t\t\tinsertAtStart: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => e.commands.insertContentAt(1, normalised));\n\t\t\t},\n\t\t\tinsertBlock: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) =>\n\t\t\t\t\te.commands.insertContentAt(e.state.doc.content.size, normalised),\n\t\t\t\t);\n\t\t\t},\n\t\t\tappendInline: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\t// doc.content.size is after the last </p> (block boundary).\n\t\t\t\t// Subtract 1 to land inside the last paragraph so text appends\n\t\t\t\t// inline rather than being wrapped in a new paragraph each call.\n\t\t\t\tenqueue((e) =>\n\t\t\t\t\te.commands.insertContentAt(e.state.doc.content.size - 1, normalised),\n\t\t\t\t);\n\t\t\t},\n\t\t\t// Backwards-compatible aliases\n\t\t\tinsertAtEnd(html) {\n\t\t\t\tthis.insertBlock(html);\n\t\t\t},\n\t\t\tappendContent(html) {\n\t\t\t\tthis.appendInline(html);\n\t\t\t},\n\t\t\tgetContent: () =>\n\t\t\t\teditor\n\t\t\t\t\t? extractContent(editor)\n\t\t\t\t\t: { html: '', text: '', isEmpty: true, characterCount: 0 },\n\t\t\tgetJSON: () => editor?.getJSON() ?? null,\n\t\t\tgetMentions: () => {\n\t\t\t\tconst agentIds = new Set<string>();\n\t\t\t\tconst teamIds = new Set<string>();\n\t\t\t\tif (!editor) return { agentIds: [], teamIds: [] };\n\t\t\t\teditor.state.doc.descendants((node) => {\n\t\t\t\t\tif (node.type.name === 'mentionAgent' && node.attrs['id'] != null) {\n\t\t\t\t\t\tagentIds.add(String(node.attrs['id']));\n\t\t\t\t\t} else if (\n\t\t\t\t\t\tnode.type.name === 'mentionTeam' &&\n\t\t\t\t\t\tnode.attrs['id'] != null\n\t\t\t\t\t) {\n\t\t\t\t\t\tteamIds.add(String(node.attrs['id']));\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\treturn { agentIds: Array.from(agentIds), teamIds: Array.from(teamIds) };\n\t\t\t},\n\n\t\t\t// ── Selection ────────────────────────────────────────────────────\n\t\t\tgetCursorPosition: () => {\n\t\t\t\tif (!editor) return { from: 0, to: 0 };\n\t\t\t\tconst { from, to } = editor.state.selection;\n\t\t\t\treturn { from, to };\n\t\t\t},\n\t\t\tinsertAtPosition: (pos, html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => e.commands.insertContentAt(pos, normalised));\n\t\t\t},\n\t\t\tgetSelectedText: () => {\n\t\t\t\tif (!editor) return '';\n\t\t\t\tconst { state } = editor;\n\t\t\t\tconst { from, to, empty } = state.selection;\n\t\t\t\tif (!empty) {\n\t\t\t\t\treturn state.doc.textBetween(from, to, ' ');\n\t\t\t\t}\n\t\t\t\t// When the cursor is inside a link with nothing selected, return the\n\t\t\t\t// full link text — useful for pre-filling a link modal's text field.\n\t\t\t\tconst linkMarkType = state.schema.marks['link'];\n\t\t\t\tif (linkMarkType) {\n\t\t\t\t\tconst range = getMarkRange(state.doc.resolve(from), linkMarkType);\n\t\t\t\t\tif (range) {\n\t\t\t\t\t\treturn state.doc.textBetween(range.from, range.to, ' ');\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn '';\n\t\t\t},\n\n\t\t\t// ── Character count ───────────────────────────────────────────────\n\t\t\tgetCharacterCount: () => ({\n\t\t\t\tcount:\n\t\t\t\t\teditor?.storage.characterCount?.characters?.() ??\n\t\t\t\t\teditor?.getText().length ??\n\t\t\t\t\t0,\n\t\t\t\tlimit: maxCharacters ?? null,\n\t\t\t}),\n\n\t\t\t// ── Sections ─────────────────────────────────────────────────────\n\t\t\tgetSectionContent: (sectionId) =>\n\t\t\t\teditor\n\t\t\t\t\t? extractSectionContent(editor, sectionId)\n\t\t\t\t\t: { html: '', text: '', isEmpty: true, characterCount: 0 },\n\n\t\t\tsetSectionContent: (sectionId, html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => setSectionContentInEditor(e, sectionId, normalised));\n\t\t\t},\n\n\t\t\tfocusSection: (sectionId) => {\n\t\t\t\tenqueue((e) => {\n\t\t\t\t\tif (sectionId === 'body') {\n\t\t\t\t\t\tlet endOfBody = e.state.doc.content.size - 1;\n\t\t\t\t\t\te.state.doc.descendants((node, pos) => {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tnode.type.name === 'sectionDivider' &&\n\t\t\t\t\t\t\t\tendOfBody === e.state.doc.content.size - 1\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tendOfBody = pos - 1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn endOfBody === e.state.doc.content.size - 1;\n\t\t\t\t\t\t});\n\t\t\t\t\t\tif (endOfBody < 1) endOfBody = 1;\n\t\t\t\t\t\te.chain().focus().setTextSelection(endOfBody).run();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tlet targetPos = -1;\n\t\t\t\t\te.state.doc.descendants((node, pos) => {\n\t\t\t\t\t\tif (targetPos !== -1) return false;\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tnode.type.name === 'sectionDivider' &&\n\t\t\t\t\t\t\tnode.attrs['sectionId'] === sectionId\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// pos + nodeSize lands right after the divider;\n\t\t\t\t\t\t\t// +1 more puts us inside the first paragraph of that section.\n\t\t\t\t\t\t\ttargetPos = pos + node.nodeSize + 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tif (targetPos !== -1) {\n\t\t\t\t\t\te.chain().focus().setTextSelection(targetPos).run();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t},\n\n\t\t\tclearSection: (sectionId) => {\n\t\t\t\tenqueue((e) => setSectionContentInEditor(e, sectionId, '<p></p>'));\n\t\t\t},\n\n\t\t\t// ── Convenience body shorthands ───────────────────────────────────\n\t\t\tgetBodyContent: () =>\n\t\t\t\teditor\n\t\t\t\t\t? extractBodyContent(editor)\n\t\t\t\t\t: { html: '', text: '', isEmpty: true, characterCount: 0 },\n\t\t\tsetBodyContent: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => setSectionContentInEditor(e, 'body', normalised));\n\t\t\t},\n\t\t\tsetBodyAndSections: (body, sections) => {\n\t\t\t\tconst html = buildSectionedContent(\n\t\t\t\t\tnormalizeHtml(body),\n\t\t\t\t\tsections.map((s) => ({\n\t\t\t\t\t\tid: s.id,\n\t\t\t\t\t\tcontent: normalizeHtml(s.content),\n\t\t\t\t\t})),\n\t\t\t\t);\n\t\t\t\tenqueue((e) => e.commands.setContent(html, { emitUpdate: true }));\n\t\t\t},\n\t\t\tappendBodyContent: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\t// findSectionEndPos returns the position of the first divider (or\n\t\t\t\t// doc.content.size), which is the block boundary after the last </p>.\n\t\t\t\t// Subtract 1 to stay inside the last paragraph so successive calls\n\t\t\t\t// append inline text rather than creating a new paragraph each time.\n\t\t\t\tenqueue((e) => {\n\t\t\t\t\tconst boundaryPos = findSectionEndPos(e, 'body');\n\t\t\t\t\te.commands.insertContentAt(boundaryPos - 1, normalised);\n\t\t\t\t});\n\t\t\t},\n\t\t\tinsertAtSectionStart: (sectionId, html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => {\n\t\t\t\t\tconst pos = findSectionStartPos(e, sectionId);\n\t\t\t\t\tif (pos !== -1) e.commands.insertContentAt(pos, normalised);\n\t\t\t\t});\n\t\t\t},\n\t\t\tinsertAtSectionEnd: (sectionId, html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => {\n\t\t\t\t\tconst pos = findSectionEndPos(e, sectionId);\n\t\t\t\t\te.commands.insertContentAt(pos, normalised);\n\t\t\t\t});\n\t\t\t},\n\t\t\t// ── Formats & actions ─────────────────────────────────────────────\n\t\t\tgetActiveFormats: () =>\n\t\t\t\teditor ? extractActiveFormats(editor) : DEFAULT_FORMAT_STATE,\n\t\t\tactions: {\n\t\t\t\ttoggleBold: () => editor?.chain().focus().toggleBold().run(),\n\t\t\t\ttoggleItalic: () => editor?.chain().focus().toggleItalic().run(),\n\t\t\t\ttoggleUnderline: () => editor?.chain().focus().toggleUnderline().run(),\n\t\t\t\ttoggleStrike: () => editor?.chain().focus().toggleStrike().run(),\n\t\t\t\ttoggleBulletList: () =>\n\t\t\t\t\teditor?.chain().focus().toggleBulletList().run(),\n\t\t\t\ttoggleOrderedList: () =>\n\t\t\t\t\teditor?.chain().focus().toggleOrderedList().run(),\n\t\t\t\ttoggleBlockquote: () =>\n\t\t\t\t\teditor?.chain().focus().toggleBlockquote().run(),\n\t\t\t\ttoggleCodeBlock: () => editor?.chain().focus().toggleCodeBlock().run(),\n\t\t\t\tsetTextAlign: (align) =>\n\t\t\t\t\teditor?.chain().focus().setTextAlign(align).run(),\n\t\t\t\tsetFontFamily: (font) =>\n\t\t\t\t\teditor?.chain().focus().setFontFamily(font).run(),\n\t\t\t\tsetFontSize: (size) => editor?.chain().focus().setFontSize(size).run(),\n\t\t\t\tsetColor: (color) => editor?.chain().focus().setColor(color).run(),\n\t\t\t\tsetHighlight: (color) =>\n\t\t\t\t\teditor?.chain().focus().toggleHighlight({ color }).run(),\n\t\t\t\tunsetColor: () => editor?.chain().focus().unsetColor().run(),\n\t\t\t\tunsetHighlight: () => editor?.chain().focus().unsetHighlight().run(),\n\t\t\t\tsetLink: (href, text) => {\n\t\t\t\t\tif (!editor) return;\n\t\t\t\t\tif (text !== undefined) {\n\t\t\t\t\t\teditor\n\t\t\t\t\t\t\t.chain()\n\t\t\t\t\t\t\t.focus()\n\t\t\t\t\t\t\t.extendMarkRange('link')\n\t\t\t\t\t\t\t.command(({ tr, state }) => {\n\t\t\t\t\t\t\t\tconst { from, to } = tr.selection;\n\t\t\t\t\t\t\t\tconst linkMarkType = state.schema.marks['link'];\n\t\t\t\t\t\t\t\tif (!linkMarkType) return false;\n\t\t\t\t\t\t\t\tconst linkNode = state.schema.text(text, [\n\t\t\t\t\t\t\t\t\tlinkMarkType.create({ href }),\n\t\t\t\t\t\t\t\t]);\n\t\t\t\t\t\t\t\tconst space = state.schema.text(' ');\n\t\t\t\t\t\t\t\ttr.replaceWith(from, to, [linkNode, space]);\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.run();\n\t\t\t\t\t} else {\n\t\t\t\t\t\teditor\n\t\t\t\t\t\t\t.chain()\n\t\t\t\t\t\t\t.focus()\n\t\t\t\t\t\t\t.extendMarkRange('link')\n\t\t\t\t\t\t\t.setLink({ href })\n\t\t\t\t\t\t\t.insertContent(' ')\n\t\t\t\t\t\t\t.run();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tupdateLink: (href) =>\n\t\t\t\t\teditor\n\t\t\t\t\t\t?.chain()\n\t\t\t\t\t\t.focus()\n\t\t\t\t\t\t.extendMarkRange('link')\n\t\t\t\t\t\t.setLink({ href })\n\t\t\t\t\t\t.run(),\n\t\t\t\tremoveLink: () =>\n\t\t\t\t\teditor?.chain().focus().extendMarkRange('link').unsetLink().run(),\n\t\t\t\tinsertEmoji: (emoji) =>\n\t\t\t\t\teditor?.chain().focus().insertContent(emoji).run(),\n\t\t\t\tinsertVariable: (variableName) =>\n\t\t\t\t\teditor?.chain().focus().insertContent(`{{${variableName}}}`).run(),\n\t\t\t\tinsertHtml: (html) =>\n\t\t\t\t\teditor?.commands.insertContent(normalizeHtml(html)),\n\t\t\t\tundo: () => editor?.chain().focus().undo().run(),\n\t\t\t\tredo: () => editor?.chain().focus().redo().run(),\n\t\t\t\tcanUndo: () => editor?.can().undo() ?? false,\n\t\t\t\tcanRedo: () => editor?.can().redo() ?? false,\n\t\t\t\ttoggleSuperscript: () =>\n\t\t\t\t\teditor?.chain().focus().toggleSuperscript().run(),\n\t\t\t\ttoggleSubscript: () => editor?.chain().focus().toggleSubscript().run(),\n\t\t\t\tinsertImage: (src) => editor?.chain().focus().setImage({ src }).run(),\n\t\t\t},\n\t\t}),\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[editor],\n\t);\n\n\tif (!editor) return null;\n\n\treturn (\n\t\t<BikEditorShell\n\t\t\tminHeight={minHeight}\n\t\t\tmaxHeight={maxHeight}\n\t\t\tstyle={style}\n\t\t\tclassName={className}\n\t\t>\n\t\t\t<EditorContent editor={editor} />\n\t\t\t<LinkBubbleMenu editor={editor} renderLinkTooltip={link?.renderTooltip} />\n\t\t</BikEditorShell>\n\t);\n};\n\nexport const BikEditor = forwardRef<BikEditorRef, BikEditorProps>(\n\tBikEditorInner,\n);\nBikEditor.displayName = 'BikEditor';\n"],"names":["cssToString","style","Object","entries","map","k","v","replace","c","toLowerCase","join","BikEditorInner","props","ref","initialContent","sections","features","disabled","maxCharacters","shortcuts","sendShortcut","mentions","slashCommands","link","onPaste","onReady","onChange","onSend","onFocus","onBlur","onSelectionChange","minHeight","maxHeight","className","editorClassName","editorStyle","initialEditorContent","length","buildSectionedContent","normalizeHtml","s","assign","content","pendingQueue","useRef","hasCalledOnReady","onReadyRef","current","onChangeRef","onSelectionChangeRef","onFocusRef","onBlurRef","onSendRef","agentMentionsRef","agents","_a","_b","teamMentionsRef","teams","_c","_d","slashCommandsRef","items","_e","_f","editor","useEditor","extensions","buildExtensions","placeholder","hasSections","_g","undefined","snapshot","call","onMentionSelected","onSelect","onSlashCommandSelected","renderMentionItem","renderItem","renderMentionDropdown","renderDropdown","renderSlashCommandItem","renderSlashCommandDropdown","editable","immediatelyRender","editorProps","attributes","class","onUpdate","e","extractContent","onTransaction","extractActiveFormats","enqueue","op","push","useEffect","splice","forEach","useImperativeHandle","focus","position","commands","blur","clearContent","setContent","html","normalised","emitUpdate","insertContent","insertInlineContent","insertInlineHtml","insertAtStart","insertContentAt","insertBlock","state","doc","size","appendInline","insertAtEnd","this","appendContent","getContent","text","isEmpty","characterCount","getJSON","getMentions","agentIds","Set","teamIds","descendants","node","type","name","attrs","add","String","Array","from","getCursorPosition","to","selection","insertAtPosition","pos","getSelectedText","empty","textBetween","linkMarkType","schema","marks","range","getMarkRange","resolve","getCharacterCount","count","storage","characters","getText","limit","getSectionContent","sectionId","extractSectionContent","setSectionContent","setSectionContentInEditor","focusSection","endOfBody","chain","setTextSelection","run","targetPos","nodeSize","clearSection","getBodyContent","extractBodyContent","setBodyContent","setBodyAndSections","body","id","appendBodyContent","boundaryPos","findSectionEndPos","insertAtSectionStart","findSectionStartPos","insertAtSectionEnd","getActiveFormats","DEFAULT_FORMAT_STATE","actions","toggleBold","toggleItalic","toggleUnderline","toggleStrike","toggleBulletList","toggleOrderedList","toggleBlockquote","toggleCodeBlock","setTextAlign","align","setFontFamily","font","setFontSize","setColor","color","setHighlight","toggleHighlight","unsetColor","unsetHighlight","setLink","href","extendMarkRange","command","tr","linkNode","create","space","replaceWith","updateLink","removeLink","unsetLink","insertEmoji","emoji","insertVariable","variableName","insertHtml","undo","redo","canUndo","can","canRedo","toggleSuperscript","toggleSubscript","insertImage","src","setImage","_jsxs","BikEditorShell","children","_jsx","jsx","EditorContent","LinkBubbleMenu","renderLinkTooltip","renderTooltip","BikEditor","forwardRef","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"BikEditor.js","sources":["../../../src/editor/BikEditor.tsx"],"sourcesContent":["'use client';\n\n/*\n IMPLEMENTATION LAYER — TipTap-specific.\n * If the underlying editor is swapped, this file changes; BikEditor.types.ts and\n * src/editor/index.ts (the consumer contract) do NOT change.\n /\nimport { Editor, getMarkRange } from '@tiptap/core';\nimport { EditorContent, useEditor } from '@tiptap/react';\nimport React, {\n\tforwardRef,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseRef,\n} from 'react';\nimport { BikEditorShell } from './BikEditor.styles';\nimport {\n\tBikEditorProps,\n\tBikEditorRef,\n\tDEFAULT_FORMAT_STATE,\n} from './BikEditor.types';\nimport {\n\tbuildSectionedContent,\n\textractActiveFormats,\n\textractBodyContent,\n\textractContent,\n\textractSectionContent,\n\tfindSectionEndPos,\n\tfindSectionStartPos,\n\tinsertInlineHtml,\n\tnormalizeHtml,\n\tsetSectionContentInEditor,\n} from './BikEditor.utils';\nimport { buildExtensions } from './extensions/buildExtensions';\nimport { LinkBubbleMenu } from './floating/LinkBubbleMenu';\n\n/* Convert React.CSSProperties to an inline CSS string for editorProps.attributes. */\nfunction cssToString(style: React.CSSProperties): string {\n\treturn Object.entries(style)\n\t\t.map(\n\t\t\t([k, v]) => `${k.replace(/([A-Z])/g, (c) => `-${c.toLowerCase()}`)}:${v}`,\n\t\t)\n\t\t.join(';');\n}\n\nconst BikEditorInner = (\n\tprops: BikEditorProps,\n\tref: React.Ref<BikEditorRef>,\n) => {\n\tconst {\n\t\tinitialContent,\n\t\tsections,\n\t\tfeatures,\n\t\tdisabled,\n\t\tmaxCharacters,\n\t\tshortcuts,\n\t\tsendShortcut,\n\t\tmentions,\n\t\tslashCommands,\n\t\tlink,\n\t\tonPaste,\n\t\tonReady,\n\t\tonChange,\n\t\tonSend,\n\t\tonFocus,\n\t\tonBlur,\n\t\tonSelectionChange,\n\t\tminHeight,\n\t\tmaxHeight,\n\t\tstyle,\n\t\tclassName,\n\t\teditorClassName,\n\t\teditorStyle,\n\t} = props;\n\n\tconst initialEditorContent = sections?.length\n\t\t? buildSectionedContent(\n\t\t\t\tnormalizeHtml(initialContent ?? ''),\n\t\t\t\tsections.map((s) => ({ ...s, content: normalizeHtml(s.content) })),\n\t\t )\n\t\t: normalizeHtml(initialContent ?? '');\n\n\t// ── Command queue ─────────────────────────────────────────────────────────\n\t// TipTap's useEditor initializes asynchronously; the editor instance is null\n\t// until the first commit. Any imperative method called before the editor is\n\t// ready is enqueued here and flushed automatically once it becomes non-null.\n\t// Consumers never need setTimeout or readiness guards.\n\tconst pendingQueue = useRef<Array<(e: Editor) => void>>([]);\n\tconst hasCalledOnReady = useRef(false);\n\t// Keep stable refs to all callbacks so useEditor receives the same function\n\t// identity on every render — prevents TipTap from re-registering event\n\t// handlers every time the parent re-renders with new inline function props.\n\tconst onReadyRef = useRef(onReady);\n\tonReadyRef.current = onReady;\n\tconst onChangeRef = useRef(onChange);\n\tonChangeRef.current = onChange;\n\tconst onSelectionChangeRef = useRef(onSelectionChange);\n\tonSelectionChangeRef.current = onSelectionChange;\n\tconst onFocusRef = useRef(onFocus);\n\tonFocusRef.current = onFocus;\n\tconst onBlurRef = useRef(onBlur);\n\tonBlurRef.current = onBlur;\n\tconst onSendRef = useRef(onSend);\n\tonSendRef.current = onSend;\n\tconst agentMentionsRef = useRef(mentions?.agents ?? []);\n\tagentMentionsRef.current = mentions?.agents ?? [];\n\tconst teamMentionsRef = useRef(mentions?.teams ?? []);\n\tteamMentionsRef.current = mentions?.teams ?? [];\n\tconst slashCommandsRef = useRef(slashCommands?.items ?? []);\n\tslashCommandsRef.current = slashCommands?.items ?? [];\n\n\tconst editor = useEditor({\n\t\textensions: buildExtensions({\n\t\t\tfeatures,\n\t\t\tplaceholder: props.placeholder,\n\t\t\tmaxCharacters,\n\t\t\thasSections: (sections?.length ?? 0) > 0,\n\t\t\tmentions: {\n\t\t\t\tagents: mentions ? agentMentionsRef : undefined,\n\t\t\t\tteams: mentions ? teamMentionsRef : undefined,\n\t\t\t},\n\t\t\tslashCommands: slashCommands ? slashCommandsRef : undefined,\n\t\t\tonPaste,\n\t\t\tonSend: onSend ? (snapshot) => onSendRef.current?.(snapshot) : undefined,\n\t\t\tsendShortcut,\n\t\t\tshortcuts,\n\t\t\tonMentionSelected: mentions?.onSelect,\n\t\t\tonSlashCommandSelected: slashCommands?.onSelect,\n\t\t\trenderMentionItem: mentions?.renderItem,\n\t\t\trenderMentionDropdown: mentions?.renderDropdown,\n\t\t\trenderSlashCommandItem: slashCommands?.renderItem,\n\t\t\trenderSlashCommandDropdown: slashCommands?.renderDropdown,\n\t\t}),\n\t\tcontent: initialEditorContent,\n\t\teditable: !disabled,\n\t\timmediatelyRender: false, // SSR-safe — NEVER remove this\n\t\teditorProps: {\n\t\t\tattributes: {\n\t\t\t\t...(editorClassName ? { class: editorClassName } : {}),\n\t\t\t\t...(editorStyle ? { style: cssToString(editorStyle) } : {}),\n\t\t\t},\n\t\t},\n\t\tonUpdate: ({ editor: e }) => {\n\t\t\tonChangeRef.current?.(extractContent(e));\n\t\t},\n\t\tonTransaction: ({ editor: e }) => {\n\t\t\tonSelectionChangeRef.current?.(extractActiveFormats(e));\n\t\t},\n\t\tonFocus: () => onFocusRef.current?.(),\n\t\tonBlur: () => onBlurRef.current?.(),\n\t});\n\n\t// ── enqueue ───────────────────────────────────────────────────────────────\n\t// Run immediately if the editor is ready; otherwise defer to the queue.\n\t// Closures passed to enqueue MUST capture all parameters explicitly —\n\t// they must NOT close over `editor` (which would be null at enqueue time).\n\tfunction enqueue(op: (e: Editor) => void): void {\n\t\tif (editor) {\n\t\t\top(editor);\n\t\t} else {\n\t\t\tpendingQueue.current.push(op);\n\t\t}\n\t}\n\n\t// Flush the pending queue and fire onReady when editor transitions null → ready.\n\tuseEffect(() => {\n\t\tif (!editor) return;\n\t\tif (pendingQueue.current.length > 0) {\n\t\t\tconst queue = pendingQueue.current.splice(0);\n\t\t\tqueue.forEach((op) => op(editor));\n\t\t}\n\t\tif (!hasCalledOnReady.current) {\n\t\t\thasCalledOnReady.current = true;\n\t\t\tonReadyRef.current?.();\n\t\t}\n\t}, [editor]);\n\n\tuseImperativeHandle(\n\t\tref,\n\t\t() => ({\n\t\t\t// ── Focus ────────────────────────────────────────────────────────\n\t\t\tfocus: (position) => enqueue((e) => e.commands.focus(position)),\n\t\t\tblur: () => enqueue((e) => e.commands.blur()),\n\n\t\t\t// ── Content ──────────────────────────────────────────────────────\n\t\t\tclearContent: () => enqueue((e) => e.commands.clearContent(true)),\n\t\t\tsetContent: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => e.commands.setContent(normalised, { emitUpdate: true }));\n\t\t\t},\n\t\t\tinsertContent: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => e.commands.insertContent(normalised));\n\t\t\t},\n\t\t\tinsertInlineContent: (html) => {\n\t\t\t\tenqueue((e) => insertInlineHtml(e, html));\n\t\t\t},\n\t\t\tinsertAtStart: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => e.commands.insertContentAt(1, normalised));\n\t\t\t},\n\t\t\tinsertBlock: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) =>\n\t\t\t\t\te.commands.insertContentAt(e.state.doc.content.size, normalised),\n\t\t\t\t);\n\t\t\t},\n\t\t\tappendInline: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\t// doc.content.size is after the last </p> (block boundary).\n\t\t\t\t// Subtract 1 to land inside the last paragraph so text appends\n\t\t\t\t// inline rather than being wrapped in a new paragraph each call.\n\t\t\t\tenqueue((e) =>\n\t\t\t\t\te.commands.insertContentAt(e.state.doc.content.size - 1, normalised),\n\t\t\t\t);\n\t\t\t},\n\t\t\t// Backwards-compatible aliases\n\t\t\tinsertAtEnd(html) {\n\t\t\t\tthis.insertBlock(html);\n\t\t\t},\n\t\t\tappendContent(html) {\n\t\t\t\tthis.appendInline(html);\n\t\t\t},\n\t\t\tgetContent: () =>\n\t\t\t\teditor\n\t\t\t\t\t? extractContent(editor)\n\t\t\t\t\t: { html: '', text: '', isEmpty: true, characterCount: 0 },\n\t\t\tgetJSON: () => editor?.getJSON() ?? null,\n\t\t\tgetMentions: () => {\n\t\t\t\tconst agentIds = new Set<string>();\n\t\t\t\tconst teamIds = new Set<string>();\n\t\t\t\tif (!editor) return { agentIds: [], teamIds: [] };\n\t\t\t\teditor.state.doc.descendants((node) => {\n\t\t\t\t\tif (node.type.name === 'mentionAgent' && node.attrs['id'] != null) {\n\t\t\t\t\t\tagentIds.add(String(node.attrs['id']));\n\t\t\t\t\t} else if (\n\t\t\t\t\t\tnode.type.name === 'mentionTeam' &&\n\t\t\t\t\t\tnode.attrs['id'] != null\n\t\t\t\t\t) {\n\t\t\t\t\t\tteamIds.add(String(node.attrs['id']));\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\treturn { agentIds: Array.from(agentIds), teamIds: Array.from(teamIds) };\n\t\t\t},\n\n\t\t\t// ── Selection ────────────────────────────────────────────────────\n\t\t\tgetCursorPosition: () => {\n\t\t\t\tif (!editor) return { from: 0, to: 0 };\n\t\t\t\tconst { from, to } = editor.state.selection;\n\t\t\t\treturn { from, to };\n\t\t\t},\n\t\t\tinsertAtPosition: (pos, html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => e.commands.insertContentAt(pos, normalised));\n\t\t\t},\n\t\t\tgetSelectedText: () => {\n\t\t\t\tif (!editor) return '';\n\t\t\t\tconst { state } = editor;\n\t\t\t\tconst { from, to, empty } = state.selection;\n\t\t\t\tif (!empty) {\n\t\t\t\t\treturn state.doc.textBetween(from, to, ' ');\n\t\t\t\t}\n\t\t\t\t// When the cursor is inside a link with nothing selected, return the\n\t\t\t\t// full link text — useful for pre-filling a link modal's text field.\n\t\t\t\tconst linkMarkType = state.schema.marks['link'];\n\t\t\t\tif (linkMarkType) {\n\t\t\t\t\tconst range = getMarkRange(state.doc.resolve(from), linkMarkType);\n\t\t\t\t\tif (range) {\n\t\t\t\t\t\treturn state.doc.textBetween(range.from, range.to, ' ');\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn '';\n\t\t\t},\n\n\t\t\t// ── Character count ───────────────────────────────────────────────\n\t\t\tgetCharacterCount: () => ({\n\t\t\t\tcount:\n\t\t\t\t\teditor?.storage.characterCount?.characters?.() ??\n\t\t\t\t\teditor?.getText().length ??\n\t\t\t\t\t0,\n\t\t\t\tlimit: maxCharacters ?? null,\n\t\t\t}),\n\n\t\t\t// ── Sections ─────────────────────────────────────────────────────\n\t\t\tgetSectionContent: (sectionId) =>\n\t\t\t\teditor\n\t\t\t\t\t? extractSectionContent(editor, sectionId)\n\t\t\t\t\t: { html: '', text: '', isEmpty: true, characterCount: 0 },\n\n\t\t\tsetSectionContent: (sectionId, html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => setSectionContentInEditor(e, sectionId, normalised));\n\t\t\t},\n\n\t\t\tfocusSection: (sectionId) => {\n\t\t\t\tenqueue((e) => {\n\t\t\t\t\tif (sectionId === 'body') {\n\t\t\t\t\t\tlet endOfBody = e.state.doc.content.size - 1;\n\t\t\t\t\t\te.state.doc.descendants((node, pos) => {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tnode.type.name === 'sectionDivider' &&\n\t\t\t\t\t\t\t\tendOfBody === e.state.doc.content.size - 1\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tendOfBody = pos - 1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn endOfBody === e.state.doc.content.size - 1;\n\t\t\t\t\t\t});\n\t\t\t\t\t\tif (endOfBody < 1) endOfBody = 1;\n\t\t\t\t\t\te.chain().focus().setTextSelection(endOfBody).run();\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tlet targetPos = -1;\n\t\t\t\t\te.state.doc.descendants((node, pos) => {\n\t\t\t\t\t\tif (targetPos !== -1) return false;\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tnode.type.name === 'sectionDivider' &&\n\t\t\t\t\t\t\tnode.attrs['sectionId'] === sectionId\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// pos + nodeSize lands right after the divider;\n\t\t\t\t\t\t\t// +1 more puts us inside the first paragraph of that section.\n\t\t\t\t\t\t\ttargetPos = pos + node.nodeSize + 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\tif (targetPos !== -1) {\n\t\t\t\t\t\te.chain().focus().setTextSelection(targetPos).run();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t},\n\n\t\t\tclearSection: (sectionId) => {\n\t\t\t\tenqueue((e) => setSectionContentInEditor(e, sectionId, '<p></p>'));\n\t\t\t},\n\n\t\t\t// ── Convenience body shorthands ───────────────────────────────────\n\t\t\tgetBodyContent: () =>\n\t\t\t\teditor\n\t\t\t\t\t? extractBodyContent(editor)\n\t\t\t\t\t: { html: '', text: '', isEmpty: true, characterCount: 0 },\n\t\t\tsetBodyContent: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => setSectionContentInEditor(e, 'body', normalised));\n\t\t\t},\n\t\t\tsetBodyAndSections: (body, sections) => {\n\t\t\t\tconst html = buildSectionedContent(\n\t\t\t\t\tnormalizeHtml(body),\n\t\t\t\t\tsections.map((s) => ({\n\t\t\t\t\t\tid: s.id,\n\t\t\t\t\t\tcontent: normalizeHtml(s.content),\n\t\t\t\t\t})),\n\t\t\t\t);\n\t\t\t\tenqueue((e) => e.commands.setContent(html, { emitUpdate: true }));\n\t\t\t},\n\t\t\tappendBodyContent: (html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\t// findSectionEndPos returns the position of the first divider (or\n\t\t\t\t// doc.content.size), which is the block boundary after the last </p>.\n\t\t\t\t// Subtract 1 to stay inside the last paragraph so successive calls\n\t\t\t\t// append inline text rather than creating a new paragraph each time.\n\t\t\t\tenqueue((e) => {\n\t\t\t\t\tconst boundaryPos = findSectionEndPos(e, 'body');\n\t\t\t\t\te.commands.insertContentAt(boundaryPos - 1, normalised);\n\t\t\t\t});\n\t\t\t},\n\t\t\tinsertAtSectionStart: (sectionId, html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => {\n\t\t\t\t\tconst pos = findSectionStartPos(e, sectionId);\n\t\t\t\t\tif (pos !== -1) e.commands.insertContentAt(pos, normalised);\n\t\t\t\t});\n\t\t\t},\n\t\t\tinsertAtSectionEnd: (sectionId, html) => {\n\t\t\t\tconst normalised = normalizeHtml(html);\n\t\t\t\tenqueue((e) => {\n\t\t\t\t\tconst pos = findSectionEndPos(e, sectionId);\n\t\t\t\t\te.commands.insertContentAt(pos, normalised);\n\t\t\t\t});\n\t\t\t},\n\t\t\t// ── Formats & actions ─────────────────────────────────────────────\n\t\t\tgetActiveFormats: () =>\n\t\t\t\teditor ? extractActiveFormats(editor) : DEFAULT_FORMAT_STATE,\n\t\t\tactions: {\n\t\t\t\ttoggleBold: () => editor?.chain().focus().toggleBold().run(),\n\t\t\t\ttoggleItalic: () => editor?.chain().focus().toggleItalic().run(),\n\t\t\t\ttoggleUnderline: () => editor?.chain().focus().toggleUnderline().run(),\n\t\t\t\ttoggleStrike: () => editor?.chain().focus().toggleStrike().run(),\n\t\t\t\ttoggleBulletList: () =>\n\t\t\t\t\teditor?.chain().focus().toggleBulletList().run(),\n\t\t\t\ttoggleOrderedList: () =>\n\t\t\t\t\teditor?.chain().focus().toggleOrderedList().run(),\n\t\t\t\ttoggleBlockquote: () =>\n\t\t\t\t\teditor?.chain().focus().toggleBlockquote().run(),\n\t\t\t\ttoggleCodeBlock: () => editor?.chain().focus().toggleCodeBlock().run(),\n\t\t\t\tsetTextAlign: (align) =>\n\t\t\t\t\teditor?.chain().focus().setTextAlign(align).run(),\n\t\t\t\tsetFontFamily: (font) =>\n\t\t\t\t\teditor?.chain().focus().setFontFamily(font).run(),\n\t\t\t\tsetFontSize: (size) => editor?.chain().focus().setFontSize(size).run(),\n\t\t\t\tsetColor: (color) => editor?.chain().focus().setColor(color).run(),\n\t\t\t\tsetHighlight: (color) =>\n\t\t\t\t\teditor?.chain().focus().toggleHighlight({ color }).run(),\n\t\t\t\tunsetColor: () => editor?.chain().focus().unsetColor().run(),\n\t\t\t\tunsetHighlight: () => editor?.chain().focus().unsetHighlight().run(),\n\t\t\t\tsetLink: (href, text) => {\n\t\t\t\t\tif (!editor) return;\n\t\t\t\t\tif (text !== undefined) {\n\t\t\t\t\t\teditor\n\t\t\t\t\t\t\t.chain()\n\t\t\t\t\t\t\t.focus()\n\t\t\t\t\t\t\t.extendMarkRange('link')\n\t\t\t\t\t\t\t.command(({ tr, state }) => {\n\t\t\t\t\t\t\t\tconst { from, to } = tr.selection;\n\t\t\t\t\t\t\t\tconst linkMarkType = state.schema.marks['link'];\n\t\t\t\t\t\t\t\tif (!linkMarkType) return false;\n\t\t\t\t\t\t\t\tconst linkNode = state.schema.text(text, [\n\t\t\t\t\t\t\t\t\tlinkMarkType.create({ href }),\n\t\t\t\t\t\t\t\t]);\n\t\t\t\t\t\t\t\tconst space = state.schema.text(' ');\n\t\t\t\t\t\t\t\ttr.replaceWith(from, to, [linkNode, space]);\n\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t.run();\n\t\t\t\t\t} else {\n\t\t\t\t\t\teditor\n\t\t\t\t\t\t\t.chain()\n\t\t\t\t\t\t\t.focus()\n\t\t\t\t\t\t\t.extendMarkRange('link')\n\t\t\t\t\t\t\t.setLink({ href })\n\t\t\t\t\t\t\t.insertContent(' ')\n\t\t\t\t\t\t\t.run();\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tupdateLink: (href) =>\n\t\t\t\t\teditor\n\t\t\t\t\t\t?.chain()\n\t\t\t\t\t\t.focus()\n\t\t\t\t\t\t.extendMarkRange('link')\n\t\t\t\t\t\t.setLink({ href })\n\t\t\t\t\t\t.run(),\n\t\t\t\tremoveLink: () =>\n\t\t\t\t\teditor?.chain().focus().extendMarkRange('link').unsetLink().run(),\n\t\t\t\tinsertEmoji: (emoji) =>\n\t\t\t\t\teditor?.chain().focus().insertContent(emoji).run(),\n\t\t\t\tinsertVariable: (variableName) =>\n\t\t\t\t\teditor?.chain().focus().insertContent(`{{${variableName}}}`).run(),\n\t\t\t\tinsertHtml: (html) =>\n\t\t\t\t\teditor?.commands.insertContent(normalizeHtml(html)),\n\t\t\t\tundo: () => editor?.chain().focus().undo().run(),\n\t\t\t\tredo: () => editor?.chain().focus().redo().run(),\n\t\t\t\tcanUndo: () => editor?.can().undo() ?? false,\n\t\t\t\tcanRedo: () => editor?.can().redo() ?? false,\n\t\t\t\ttoggleSuperscript: () =>\n\t\t\t\t\teditor?.chain().focus().toggleSuperscript().run(),\n\t\t\t\ttoggleSubscript: () => editor?.chain().focus().toggleSubscript().run(),\n\t\t\t\tinsertImage: (src) => editor?.chain().focus().setImage({ src }).run(),\n\t\t\t},\n\t\t}),\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[editor],\n\t);\n\n\tif (!editor) return null;\n\n\treturn (\n\t\t<BikEditorShell\n\t\t\tminHeight={minHeight}\n\t\t\tmaxHeight={maxHeight}\n\t\t\tstyle={style}\n\t\t\tclassName={className}\n\t\t>\n\t\t\t<EditorContent editor={editor} />\n\t\t\t<LinkBubbleMenu editor={editor} renderLinkTooltip={link?.renderTooltip} />\n\t\t</BikEditorShell>\n\t);\n};\n\nexport const BikEditor = forwardRef<BikEditorRef, BikEditorProps>(\n\tBikEditorInner,\n);\nBikEditor.displayName = 'BikEditor';\n"],"names":["cssToString","style","Object","entries","map","_ref","k","v","replace","c","toLowerCase","join","BikEditorInner","props","ref","initialContent","sections","features","disabled","maxCharacters","shortcuts","sendShortcut","mentions","slashCommands","link","onPaste","onReady","onChange","onSend","onFocus","onBlur","onSelectionChange","minHeight","maxHeight","className","editorClassName","editorStyle","initialEditorContent","length","buildSectionedContent","normalizeHtml","s","assign","content","pendingQueue","useRef","hasCalledOnReady","onReadyRef","current","onChangeRef","onSelectionChangeRef","onFocusRef","onBlurRef","onSendRef","agentMentionsRef","agents","_a","_b","teamMentionsRef","teams","_c","_d","slashCommandsRef","items","_e","_f","editor","useEditor","extensions","buildExtensions","placeholder","hasSections","_g","undefined","snapshot","call","onMentionSelected","onSelect","onSlashCommandSelected","renderMentionItem","renderItem","renderMentionDropdown","renderDropdown","renderSlashCommandItem","renderSlashCommandDropdown","editable","immediatelyRender","editorProps","attributes","class","onUpdate","_ref2","e","extractContent","onTransaction","_ref3","extractActiveFormats","enqueue","op","push","useEffect","splice","forEach","useImperativeHandle","focus","position","commands","blur","clearContent","setContent","html","normalised","emitUpdate","insertContent","insertInlineContent","insertInlineHtml","insertAtStart","insertContentAt","insertBlock","state","doc","size","appendInline","insertAtEnd","this","appendContent","getContent","text","isEmpty","characterCount","getJSON","getMentions","agentIds","Set","teamIds","descendants","node","type","name","attrs","add","String","Array","from","getCursorPosition","to","selection","insertAtPosition","pos","getSelectedText","empty","textBetween","linkMarkType","schema","marks","range","getMarkRange","resolve","getCharacterCount","count","storage","characters","getText","limit","getSectionContent","sectionId","extractSectionContent","setSectionContent","setSectionContentInEditor","focusSection","endOfBody","chain","setTextSelection","run","targetPos","nodeSize","clearSection","getBodyContent","extractBodyContent","setBodyContent","setBodyAndSections","body","id","appendBodyContent","boundaryPos","findSectionEndPos","insertAtSectionStart","findSectionStartPos","insertAtSectionEnd","getActiveFormats","DEFAULT_FORMAT_STATE","actions","toggleBold","toggleItalic","toggleUnderline","toggleStrike","toggleBulletList","toggleOrderedList","toggleBlockquote","toggleCodeBlock","setTextAlign","align","setFontFamily","font","setFontSize","setColor","color","setHighlight","toggleHighlight","unsetColor","unsetHighlight","setLink","href","extendMarkRange","command","_ref4","tr","linkNode","create","space","replaceWith","updateLink","removeLink","unsetLink","insertEmoji","emoji","insertVariable","variableName","insertHtml","undo","redo","canUndo","can","canRedo","toggleSuperscript","toggleSubscript","insertImage","src","setImage","_jsxs","BikEditorShell","children","_jsx","jsx","EditorContent","LinkBubbleMenu","renderLinkTooltip","renderTooltip","BikEditor","forwardRef","displayName"],"mappings":"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"}

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

@@ -3,8 +3,8 @@
 	width: 100%;
 	.ProseMirror {
-		min-height: ${({minHeight:e})=>null!=e?e:"80px"};
-		max-height: ${({maxHeight:e})=>null!=e?e:"none"};
+		min-height: ${e=>{let{minHeight:t}=e;return null!=t?t:"80px"}};
+		max-height: ${e=>{let{maxHeight:t}=e;return null!=t?t:"none"}};
 		overflow-y: auto;
 		outline: none;
 		padding: 8px 12px;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BikEditor.styles.js","sources":["../../../src/editor/BikEditor.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '../constants/Theme';\n\nexport const BikEditorShell = styled.div<{\n\tminHeight?: string;\n\tmaxHeight?: string;\n}>`\n\tposition: relative;\n\twidth: 100%;\n\n\t.ProseMirror {\n\t\tmin-height: ${({ minHeight }) => minHeight ?? '80px'};\n\t\tmax-height: ${({ maxHeight }) => maxHeight ?? 'none'};\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t\tpadding: 8px 12px;\n\t\tfont-size: 14px;\n\t\tline-height: 1.5;\n\t\tword-break: break-word;\n\n\t\tp {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t/* Enter = new paragraph → visible gap. Shift+Enter = <br> inside\n\t\t the same paragraph → no gap. Matches Google Docs / Word behavior. */\n\t\tp + p {\n\t\t\tmargin-top: 4px;\n\t\t}\n\n\t\tul,\n\t\tol {\n\t\t\tmargin: 0;\n\t\t\tpadding-left: 1.5em;\n\t\t}\n\n\t\tli + li {\n\t\t\tmargin-top: 2px;\n\t\t}\n\n\t\tp.is-editor-empty:first-child::before {\n\t\t\tcontent: attr(data-placeholder);\n\t\t\tfloat: left;\n\t\t\tcolor: #adb5bd;\n\t\t\tpointer-events: none;\n\t\t\theight: 0;\n\t\t}\n\t}\n\n\t.bik-mention {\n\t\tcolor: ${COLORS.content.brand};\n\t\tpadding: 1px 4px;\n\t}\n\t.bik-mention--team {\n\t\tcolor: ${COLORS.content.brand};\n\t}\n\t.bik-variable {\n\t}\n\n\ta,\n\t.bik-link {\n\t\tcolor: #4f46e5;\n\t\ttext-decoration: underline;\n\t\ttext-decoration-color: #a5b4fc;\n\t\ttext-underline-offset: 2px;\n\t\tcursor: pointer;\n\t\t&:hover {\n\t\t\tcolor: #3730a3;\n\t\t\ttext-decoration-color: #6366f1;\n\t\t}\n\t}\n`;\n"],"names":["BikEditorShell","div","minHeight","maxHeight","COLORS","content","brand"],"mappings":"kNAGaA,MAAAA,OAAuB,QAACC,GAGnC;;;;;~~gBAKc~~,~~EAAGC~~,~~eAAgBA~~,QAAAA,EAAa;~~gBAChC~~,~~EAAGC~~,~~eAAgBA~~,QAAAA,EAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~WAuCrCC~~,EAAMA,OAACC,QAAQC;;;;WAIfF,EAAMA,OAACC,QAAQC;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"BikEditor.styles.js","sources":["../../../src/editor/BikEditor.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '../constants/Theme';\n\nexport const BikEditorShell = styled.div<{\n\tminHeight?: string;\n\tmaxHeight?: string;\n}>`\n\tposition: relative;\n\twidth: 100%;\n\n\t.ProseMirror {\n\t\tmin-height: ${({ minHeight }) => minHeight ?? '80px'};\n\t\tmax-height: ${({ maxHeight }) => maxHeight ?? 'none'};\n\t\toverflow-y: auto;\n\t\toutline: none;\n\t\tpadding: 8px 12px;\n\t\tfont-size: 14px;\n\t\tline-height: 1.5;\n\t\tword-break: break-word;\n\n\t\tp {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t/* Enter = new paragraph → visible gap. Shift+Enter = <br> inside\n\t\t the same paragraph → no gap. Matches Google Docs / Word behavior. */\n\t\tp + p {\n\t\t\tmargin-top: 4px;\n\t\t}\n\n\t\tul,\n\t\tol {\n\t\t\tmargin: 0;\n\t\t\tpadding-left: 1.5em;\n\t\t}\n\n\t\tli + li {\n\t\t\tmargin-top: 2px;\n\t\t}\n\n\t\tp.is-editor-empty:first-child::before {\n\t\t\tcontent: attr(data-placeholder);\n\t\t\tfloat: left;\n\t\t\tcolor: #adb5bd;\n\t\t\tpointer-events: none;\n\t\t\theight: 0;\n\t\t}\n\t}\n\n\t.bik-mention {\n\t\tcolor: ${COLORS.content.brand};\n\t\tpadding: 1px 4px;\n\t}\n\t.bik-mention--team {\n\t\tcolor: ${COLORS.content.brand};\n\t}\n\t.bik-variable {\n\t}\n\n\ta,\n\t.bik-link {\n\t\tcolor: #4f46e5;\n\t\ttext-decoration: underline;\n\t\ttext-decoration-color: #a5b4fc;\n\t\ttext-underline-offset: 2px;\n\t\tcursor: pointer;\n\t\t&:hover {\n\t\t\tcolor: #3730a3;\n\t\t\ttext-decoration-color: #6366f1;\n\t\t}\n\t}\n`;\n"],"names":["BikEditorShell","div","_ref","minHeight","_ref2","maxHeight","COLORS","content","brand"],"mappings":"kNAGaA,MAAAA,OAAuB,QAACC,GAGnC;;;;;gBAKcC,IAAA,IAACC,UAAEA,GAAWD,EAAA,OAAKC,QAAAA,EAAa,MAAM;gBACtCC,IAAA,IAACC,UAAEA,GAAWD,EAAA,OAAKC,QAAAA,EAAa,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAuC3CC,EAAMA,OAACC,QAAQC;;;;WAIfF,EAAMA,OAACC,QAAQC;;;;;;;;;;;;;;;;;"}

package/dist/cjs/editor/extensions/FontSizeExtension.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/@tiptap/core/dist/index.js");require("@tiptap/extension-text-style");const t=e.Extension.create({name:"fontSize",addOptions:()=>({types:["textStyle"]}),addGlobalAttributes(){return[{types:this.options.types,attributes:{fontSize:{default:null,parseHTML:e=>e.style.fontSize||null,renderHTML:e=>e.fontSize?{style:`font-size: ${e.fontSize}`}:{}}}}]},addCommands:()=>({setFontSize:e=>({chain:t})=>t().setMark("textStyle",{fontSize:e}).run(),unsetFontSize:()=>({chain:e})=>e().setMark("textStyle",{fontSize:null}).removeEmptyTextStyle().run()})});exports.FontSizeExtension=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/@tiptap/core/dist/index.js");require("@tiptap/extension-text-style");const t=e.Extension.create({name:"fontSize",addOptions:()=>({types:["textStyle"]}),addGlobalAttributes(){return[{types:this.options.types,attributes:{fontSize:{default:null,parseHTML:e=>e.style.fontSize||null,renderHTML:e=>e.fontSize?{style:`font-size: ${e.fontSize}`}:{}}}}]},addCommands:()=>({setFontSize:e=>t=>{let{chain:n}=t;return n().setMark("textStyle",{fontSize:e}).run()},unsetFontSize:()=>e=>{let{chain:t}=e;return t().setMark("textStyle",{fontSize:null}).removeEmptyTextStyle().run()}})});exports.FontSizeExtension=t;
 //# sourceMappingURL=FontSizeExtension.js.map

package/dist/cjs/editor/extensions/FontSizeExtension.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FontSizeExtension.js","sources":["../../../../src/editor/extensions/FontSizeExtension.ts"],"sourcesContent":["import { Extension } from '@tiptap/core';\nimport '@tiptap/extension-text-style';\n\nexport const FontSizeExtension = Extension.create({\n\tname: 'fontSize',\n\taddOptions() {\n\t\treturn { types: ['textStyle'] };\n\t},\n\taddGlobalAttributes() {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttypes: this.options.types,\n\t\t\t\tattributes: {\n\t\t\t\t\tfontSize: {\n\t\t\t\t\t\tdefault: null,\n\t\t\t\t\t\tparseHTML: (el) => (el as HTMLElement).style.fontSize \|\| null,\n\t\t\t\t\t\trenderHTML: (attrs) =>\n\t\t\t\t\t\t\tattrs['fontSize']\n\t\t\t\t\t\t\t\t? { style: `font-size: ${attrs['fontSize']}` }\n\t\t\t\t\t\t\t\t: {},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t},\n\taddCommands() {\n\t\treturn {\n\t\t\tsetFontSize:\n\t\t\t\t(fontSize: string) =>\n\t\t\t\t({ chain }: any) =>\n\t\t\t\t\tchain().setMark('textStyle', { fontSize }).run(),\n\t\t\tunsetFontSize:\n\t\t\t\t() =>\n\t\t\t\t({ chain }: any) =>\n\t\t\t\t\tchain()\n\t\t\t\t\t\t.setMark('textStyle', { fontSize: null })\n\t\t\t\t\t\t.removeEmptyTextStyle()\n\t\t\t\t\t\t.run(),\n\t\t} as any;\n\t},\n});\n"],"names":["FontSizeExtension","Extension","create","name","addOptions","types","addGlobalAttributes","this","options","attributes","fontSize","default","parseHTML","el","style","renderHTML","attrs","addCommands","setFontSize","chain","setMark","run","unsetFontSize","removeEmptyTextStyle"],"mappings":"iLAGaA,EAAoBC,EAASA,UAACC,OAAO,CACjDC,KAAM,WACNC,WAAUA,KACF,CAAEC,MAAO,CAAC,eAElBC,sBACC,MAAO,CACN,CACCD,MAAOE,KAAKC,QAAQH,MACpBI,WAAY,CACXC,SAAU,CACTC,QAAS,KACTC,UAAYC,GAAQA,EAAmBC,MAAMJ,UAAY,KACzDK,WAAaC,GACZA,EAAgB,SACb,CAAEF,MAAO,cAAcE,EAAgB,YACvC,CAAE,KAKV,EACDC,YAAWA,KACH,CACNC,YACER,~~GACD~~,~~EAAGS~~,~~WACFA~~,IAAQC,QAAQ,YAAa,~~CAAEV~~,~~aAAYW~~,~~MAC7CC~~,cACCA,~~IACA~~,~~EAAGH~~,~~WACFA~~,IACEC,QAAQ,YAAa,~~CAAEV~~,SAAU,~~OACjCa~~,~~uBACAF~~"}
1	+ {"version":3,"file":"FontSizeExtension.js","sources":["../../../../src/editor/extensions/FontSizeExtension.ts"],"sourcesContent":["import { Extension } from '@tiptap/core';\nimport '@tiptap/extension-text-style';\n\nexport const FontSizeExtension = Extension.create({\n\tname: 'fontSize',\n\taddOptions() {\n\t\treturn { types: ['textStyle'] };\n\t},\n\taddGlobalAttributes() {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttypes: this.options.types,\n\t\t\t\tattributes: {\n\t\t\t\t\tfontSize: {\n\t\t\t\t\t\tdefault: null,\n\t\t\t\t\t\tparseHTML: (el) => (el as HTMLElement).style.fontSize \|\| null,\n\t\t\t\t\t\trenderHTML: (attrs) =>\n\t\t\t\t\t\t\tattrs['fontSize']\n\t\t\t\t\t\t\t\t? { style: `font-size: ${attrs['fontSize']}` }\n\t\t\t\t\t\t\t\t: {},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t];\n\t},\n\taddCommands() {\n\t\treturn {\n\t\t\tsetFontSize:\n\t\t\t\t(fontSize: string) =>\n\t\t\t\t({ chain }: any) =>\n\t\t\t\t\tchain().setMark('textStyle', { fontSize }).run(),\n\t\t\tunsetFontSize:\n\t\t\t\t() =>\n\t\t\t\t({ chain }: any) =>\n\t\t\t\t\tchain()\n\t\t\t\t\t\t.setMark('textStyle', { fontSize: null })\n\t\t\t\t\t\t.removeEmptyTextStyle()\n\t\t\t\t\t\t.run(),\n\t\t} as any;\n\t},\n});\n"],"names":["FontSizeExtension","Extension","create","name","addOptions","types","addGlobalAttributes","this","options","attributes","fontSize","default","parseHTML","el","style","renderHTML","attrs","addCommands","setFontSize","_ref","chain","setMark","run","unsetFontSize","_ref2","removeEmptyTextStyle"],"mappings":"iLAGaA,EAAoBC,EAASA,UAACC,OAAO,CACjDC,KAAM,WACNC,WAAUA,KACF,CAAEC,MAAO,CAAC,eAElBC,sBACC,MAAO,CACN,CACCD,MAAOE,KAAKC,QAAQH,MACpBI,WAAY,CACXC,SAAU,CACTC,QAAS,KACTC,UAAYC,GAAQA,EAAmBC,MAAMJ,UAAY,KACzDK,WAAaC,GACZA,EAAgB,SACb,CAAEF,MAAO,cAAcE,EAAgB,YACvC,CAAE,KAKV,EACDC,YAAWA,KACH,CACNC,YACER,GACDS,IAAA,IAACC,MAAEA,GAAYD,EAAA,OACdC,IAAQC,QAAQ,YAAa,CAAEX,aAAYY,KAAK,EAClDC,cACCA,IACAC,IAAA,IAACJ,MAAEA,GAAYI,EAAA,OACdJ,IACEC,QAAQ,YAAa,CAAEX,SAAU,OACjCe,uBACAH,KAAK"}

package/dist/cjs/editor/extensions/editorDropdown.styles.js CHANGED Viewed

@@ -18,7 +18,7 @@
 	border-radius: 6px;
 	cursor: pointer;
 	color: ${t.COLORS.content.primary};
-	background: ${({$isActive:e})=>e?t.COLORS.surface.hovered:"transparent"};
+	background: ${e=>{let{$isActive:r}=e;return r?t.COLORS.surface.hovered:"transparent"}};
 `,i=o.default.img`
 	width: 24px;
 	height: 24px;
@@ -44,15 +44,15 @@
 	width: 8px;
 	height: 8px;
 	border-radius: 50%;
-	background: ${({$online:e})=>e?t.COLORS.content.positive:t.COLORS.content.placeholder};
+	background: ${e=>{let{$online:r}=e;return r?t.COLORS.content.positive:t.COLORS.content.placeholder}};
 	margin-left: auto;
 	flex-shrink: 0;
-`,c=o.default.span`
+`,l=o.default.span`
 	font-weight: 500;
 	color: ${t.COLORS.content.primary};
-`,l=o.default.span`
+`,c=o.default.span`
 	font-size: 12px;
 	color: ${t.COLORS.content.secondary};
 	margin-left: auto;
-`;exports.DropdownContainer=n,exports.DropdownItem=a,exports.MentionAvatar=i,exports.MentionAvatarFallback=p,exports.MentionLabel=s,exports.MentionPresenceDot=d,exports.SlashDescription=l,exports.SlashLabel=c;
+`;exports.DropdownContainer=n,exports.DropdownItem=a,exports.MentionAvatar=i,exports.MentionAvatarFallback=p,exports.MentionLabel=s,exports.MentionPresenceDot=d,exports.SlashDescription=c,exports.SlashLabel=l;
 //# sourceMappingURL=editorDropdown.styles.js.map

package/dist/cjs/editor/extensions/editorDropdown.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"editorDropdown.styles.js","sources":["../../../../src/editor/extensions/editorDropdown.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DropdownContainer = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tbox-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n\tpadding: 4px;\n\tmin-width: 330px;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\tfont-size: 14px;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const DropdownItem = styled.div<{ $isActive?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 12px 16px;\n\tmin-height: 43px;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\tcolor: ${COLORS.content.primary};\n\tbackground: ${({ $isActive }) =>\n\t\t$isActive ? COLORS.surface.hovered : 'transparent'};\n`;\n\nexport const MentionAvatar = styled.img`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tobject-fit: cover;\n\tflex-shrink: 0;\n`;\n\nexport const MentionAvatarFallback = styled.div`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tbackground: ${COLORS.surface.hovered};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tcolor: ${COLORS.content.primary};\n\tflex-shrink: 0;\n`;\n\nexport const MentionLabel = styled.span`\n\tfont-weight: 500;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const MentionPresenceDot = styled.span<{ $online?: boolean }>`\n\twidth: 8px;\n\theight: 8px;\n\tborder-radius: 50%;\n\tbackground: ${({ $online }) =>\n\t\t$online ? COLORS.content.positive : COLORS.content.placeholder};\n\tmargin-left: auto;\n\tflex-shrink: 0;\n`;\n\nexport const SlashLabel = styled.span`\n\tfont-weight: 500;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const SlashDescription = styled.span`\n\tfont-size: 12px;\n\tcolor: ${COLORS.content.secondary};\n\tmargin-left: auto;\n`;\n"],"names":["DropdownContainer","styled","div","COLORS","surface","standard","stroke","primary","content","DropdownItem","$isActive","hovered","MentionAvatar","img","MentionAvatarFallback","MentionLabel","span","MentionPresenceDot","$online","positive","placeholder","SlashLabel","SlashDescription","secondary"],"mappings":"gOAGaA,MAAAA,EAAoBC,EAAM,QAACC,GAAG;eAC5BC,EAAMA,OAACC,QAAQC;qBACTF,EAAMA,OAACG,OAAOC;;;;;;;;UAQzBJ,EAAMA,OAACK,QAAQD;EAGZE,EAAeR,EAAM,QAACC,GAA4B;;;;;;;;UAQrDC,EAAMA,OAACK,QAAQD;~~eACV~~,~~EAAGG~~,~~eAChBA~~,~~EAAYP~~,EAAMA,OAACC,~~QAAQO~~,QAAU;~~EAG1BC~~,~~EAAgBX~~,EAAM,~~QAACY~~,GAAG;;;;;;EAQ1BC,~~EAAwBb~~,EAAM,QAACC,GAAG;;;;eAIhCC,EAAMA,OAACC,~~QAAQO~~;;;;;;~~UAMpBR~~,EAAMA,OAACK,QAAQD;;~~EAIZQ~~,~~EAAed~~,EAAM,~~QAACe~~,IAAI;;~~UAE7Bb~~,EAAMA,OAACK,QAAQD;~~EAGZU~~,~~EAAqBhB~~,EAAM,~~QAACe~~,IAA2B;;;;~~eAIrD~~,~~EAAGE~~,~~aAChBA~~,~~EAAUf~~,EAAAA,OAAOK,~~QAAQW~~,~~SAAWhB~~,EAAMA,OAACK,~~QAAQY~~;;;~~EAKxCC~~,~~EAAapB~~,EAAM,~~QAACe~~,IAAI;;~~UAE3Bb~~,EAAMA,OAACK,QAAQD;~~EAGZe~~,~~EAAmBrB~~,EAAM,~~QAACe~~,IAAI;;~~UAEjCb~~,EAAMA,OAACK,~~QAAQe~~;;"}
1	+ {"version":3,"file":"editorDropdown.styles.js","sources":["../../../../src/editor/extensions/editorDropdown.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const DropdownContainer = styled.div`\n\tbackground: ${COLORS.surface.standard};\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tborder-radius: 8px;\n\tbox-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n\tpadding: 4px;\n\tmin-width: 330px;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\tfont-size: 14px;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const DropdownItem = styled.div<{ $isActive?: boolean }>`\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 8px;\n\tpadding: 12px 16px;\n\tmin-height: 43px;\n\tborder-radius: 6px;\n\tcursor: pointer;\n\tcolor: ${COLORS.content.primary};\n\tbackground: ${({ $isActive }) =>\n\t\t$isActive ? COLORS.surface.hovered : 'transparent'};\n`;\n\nexport const MentionAvatar = styled.img`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tobject-fit: cover;\n\tflex-shrink: 0;\n`;\n\nexport const MentionAvatarFallback = styled.div`\n\twidth: 24px;\n\theight: 24px;\n\tborder-radius: 50%;\n\tbackground: ${COLORS.surface.hovered};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tfont-size: 12px;\n\tfont-weight: 600;\n\tcolor: ${COLORS.content.primary};\n\tflex-shrink: 0;\n`;\n\nexport const MentionLabel = styled.span`\n\tfont-weight: 500;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const MentionPresenceDot = styled.span<{ $online?: boolean }>`\n\twidth: 8px;\n\theight: 8px;\n\tborder-radius: 50%;\n\tbackground: ${({ $online }) =>\n\t\t$online ? COLORS.content.positive : COLORS.content.placeholder};\n\tmargin-left: auto;\n\tflex-shrink: 0;\n`;\n\nexport const SlashLabel = styled.span`\n\tfont-weight: 500;\n\tcolor: ${COLORS.content.primary};\n`;\n\nexport const SlashDescription = styled.span`\n\tfont-size: 12px;\n\tcolor: ${COLORS.content.secondary};\n\tmargin-left: auto;\n`;\n"],"names":["DropdownContainer","styled","div","COLORS","surface","standard","stroke","primary","content","DropdownItem","_ref","$isActive","hovered","MentionAvatar","img","MentionAvatarFallback","MentionLabel","span","MentionPresenceDot","_ref2","$online","positive","placeholder","SlashLabel","SlashDescription","secondary"],"mappings":"gOAGaA,MAAAA,EAAoBC,EAAM,QAACC,GAAG;eAC5BC,EAAMA,OAACC,QAAQC;qBACTF,EAAMA,OAACG,OAAOC;;;;;;;;UAQzBJ,EAAMA,OAACK,QAAQD;EAGZE,EAAeR,EAAM,QAACC,GAA4B;;;;;;;;UAQrDC,EAAMA,OAACK,QAAQD;eACVG,IAAA,IAACC,UAAEA,GAAWD,EAAA,OAC3BC,EAAYR,EAAMA,OAACC,QAAQQ,QAAU,aAAa;EAGvCC,EAAgBZ,EAAM,QAACa,GAAG;;;;;;EAQ1BC,EAAwBd,EAAM,QAACC,GAAG;;;;eAIhCC,EAAMA,OAACC,QAAQQ;;;;;;UAMpBT,EAAMA,OAACK,QAAQD;;EAIZS,EAAef,EAAM,QAACgB,IAAI;;UAE7Bd,EAAMA,OAACK,QAAQD;EAGZW,EAAqBjB,EAAM,QAACgB,IAA2B;;;;eAIrDE,IAAA,IAACC,QAAEA,GAASD,EAAA,OACzBC,EAAUjB,EAAAA,OAAOK,QAAQa,SAAWlB,EAAMA,OAACK,QAAQc,WAAW;;;EAKnDC,EAAatB,EAAM,QAACgB,IAAI;;UAE3Bd,EAAMA,OAACK,QAAQD;EAGZiB,EAAmBvB,EAAM,QAACgB,IAAI;;UAEjCd,EAAMA,OAACK,QAAQiB;;"}

package/dist/cjs/editor/extensions/mention/MentionDropdown.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),r=require("../editorDropdown.styles.js");const t=n.forwardRef((({items:t,query:o,command:s,renderItem:l,renderDropdown:i},a)=>{const[c,d]=n.useState(0),u=n.useRef(null),p=n.useCallback((e=>{const n=u.current;if(!n)return;const r=n.children[e];null==r||r.scrollIntoView({block:"nearest"})}),[]),h=e=>{t[e]&&s(t[e])};return n.useImperativeHandle(a,(()=>({onKeyDown:({event:e})=>!!t.length&&("ArrowUp"===e.key?(d((e=>{const n=(e+t.length-1)%t.length;return p(n),n})),!0):"ArrowDown"===e.key?(d((e=>{const n=(e+1)%t.length;return p(n),n})),!0):"Enter"===e.key&&(h(c),!0))}))),n.useEffect((()=>d(0)),[t]),t.length?i?e.jsx(e.Fragment,{children:i({items:t,query:o,activeIndex:c,onSelect:e=>s(e)})}):e.jsx(r.DropdownContainer,Object.assign({ref:u},{children:t.map(((n,t)=>e.jsx(r.DropdownItem,Object.assign({$isActive:t===c,onMouseEnter:()=>d(t),onClick:()=>h(t)},{children:l?l(n,t===c):e.jsxs(e.Fragment,{children:[n.avatarUrl?e.jsx(r.MentionAvatar,{src:n.avatarUrl,alt:""}):e.jsx(r.MentionAvatarFallback,{children:n.label.charAt(0).toUpperCase()}),e.jsx(r.MentionLabel,{children:n.label}),void 0!==n.isOnline&&e.jsx(r.MentionPresenceDot,{$online:n.isOnline})]})}),n.id)))})):null}));t.displayName="MentionDropdown",exports.MentionDropdown=t;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),r=require("../editorDropdown.styles.js");const t=n.forwardRef(((t,o)=>{let{items:l,query:s,command:i,renderItem:a,renderDropdown:c}=t;const[d,u]=n.useState(0),p=n.useRef(null),h=n.useCallback((e=>{const n=p.current;if(!n)return;const r=n.children[e];null==r||r.scrollIntoView({block:"nearest"})}),[]),j=e=>{l[e]&&i(l[e])};return n.useImperativeHandle(o,(()=>({onKeyDown:e=>{let{event:n}=e;return!!l.length&&("ArrowUp"===n.key?(u((e=>{const n=(e+l.length-1)%l.length;return h(n),n})),!0):"ArrowDown"===n.key?(u((e=>{const n=(e+1)%l.length;return h(n),n})),!0):"Enter"===n.key&&(j(d),!0))}}))),n.useEffect((()=>u(0)),[l]),l.length?c?e.jsx(e.Fragment,{children:c({items:l,query:s,activeIndex:d,onSelect:e=>i(e)})}):e.jsx(r.DropdownContainer,Object.assign({ref:p},{children:l.map(((n,t)=>e.jsx(r.DropdownItem,Object.assign({$isActive:t===d,onMouseEnter:()=>u(t),onClick:()=>j(t)},{children:a?a(n,t===d):e.jsxs(e.Fragment,{children:[n.avatarUrl?e.jsx(r.MentionAvatar,{src:n.avatarUrl,alt:""}):e.jsx(r.MentionAvatarFallback,{children:n.label.charAt(0).toUpperCase()}),e.jsx(r.MentionLabel,{children:n.label}),void 0!==n.isOnline&&e.jsx(r.MentionPresenceDot,{$online:n.isOnline})]})}),n.id)))})):null}));t.displayName="MentionDropdown",exports.MentionDropdown=t;
 //# sourceMappingURL=MentionDropdown.js.map

package/dist/cjs/editor/extensions/mention/MentionDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MentionDropdown.js","sources":["../../../../../src/editor/extensions/mention/MentionDropdown.tsx"],"sourcesContent":["import React, {\n\tforwardRef,\n\tuseCallback,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport type {\n\tMentionDropdownRenderProps,\n\tMentionItem,\n} from '../../BikEditor.types';\nimport {\n\tDropdownContainer,\n\tDropdownItem,\n\tMentionAvatar,\n\tMentionAvatarFallback,\n\tMentionLabel,\n\tMentionPresenceDot,\n} from '../editorDropdown.styles';\n\ninterface Props {\n\titems: MentionItem[];\n\tquery: string;\n\tcommand: (item: MentionItem) => void;\n\t/** Custom per-row renderer. Receives the item and whether it is the active row. /\n\trenderItem?: (item: MentionItem, isActive: boolean) => React.ReactNode;\n\t/\n\t Full custom dropdown renderer. Takes priority over renderItem.\n\t * The editor passes activeIndex and onSelect — you handle all the visual rendering.\n\t */\n\trenderDropdown?: (props: MentionDropdownRenderProps) => React.ReactNode;\n}\n\nexport const MentionDropdown = forwardRef<any, Props>(\n\t({ items, query, command, renderItem, renderDropdown }, ref) => {\n\t\tconst [selectedIndex, setSelectedIndex] = useState(0);\n\t\tconst containerRef = useRef<HTMLDivElement>(null);\n\n\t\tconst scrollToIndex = useCallback((index: number) => {\n\t\t\tconst container = containerRef.current;\n\t\t\tif (!container) return;\n\t\t\tconst item = container.children[index] as HTMLElement \| undefined;\n\t\t\titem?.scrollIntoView({ block: 'nearest' });\n\t\t}, []);\n\n\t\tconst select = (i: number) => {\n\t\t\tif (items[i]) command(items[i]);\n\t\t};\n\n\t\tuseImperativeHandle(ref, () => ({\n\t\t\tonKeyDown: ({ event }: { event: KeyboardEvent }) => {\n\t\t\t\tif (!items.length) return false;\n\t\t\t\tif (event.key === 'ArrowUp') {\n\t\t\t\t\tsetSelectedIndex((prev) => {\n\t\t\t\t\t\tconst next = (prev + items.length - 1) % items.length;\n\t\t\t\t\t\tscrollToIndex(next);\n\t\t\t\t\t\treturn next;\n\t\t\t\t\t});\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tif (event.key === 'ArrowDown') {\n\t\t\t\t\tsetSelectedIndex((prev) => {\n\t\t\t\t\t\tconst next = (prev + 1) % items.length;\n\t\t\t\t\t\tscrollToIndex(next);\n\t\t\t\t\t\treturn next;\n\t\t\t\t\t});\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tif (event.key === 'Enter') {\n\t\t\t\t\tselect(selectedIndex);\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t},\n\t\t}));\n\n\t\tuseEffect(() => setSelectedIndex(0), [items]);\n\n\t\tif (!items.length) return null;\n\n\t\t// Full custom dropdown — editor still manages keyboard nav via selectedIndex\n\t\tif (renderDropdown) {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t{renderDropdown({\n\t\t\t\t\t\titems,\n\t\t\t\t\t\tquery,\n\t\t\t\t\t\tactiveIndex: selectedIndex,\n\t\t\t\t\t\tonSelect: (item) => command(item),\n\t\t\t\t\t})}\n\t\t\t\t</>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<DropdownContainer ref={containerRef}>\n\t\t\t\t{items.map((item, i) => (\n\t\t\t\t\t<DropdownItem\n\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t$isActive={i === selectedIndex}\n\t\t\t\t\t\tonMouseEnter={() => setSelectedIndex(i)}\n\t\t\t\t\t\tonClick={() => select(i)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderItem ? (\n\t\t\t\t\t\t\trenderItem(item, i === selectedIndex)\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{item.avatarUrl ? (\n\t\t\t\t\t\t\t\t\t<MentionAvatar src={item.avatarUrl} alt=\"\" />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<MentionAvatarFallback>\n\t\t\t\t\t\t\t\t\t\t{item.label.charAt(0).toUpperCase()}\n\t\t\t\t\t\t\t\t\t</MentionAvatarFallback>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<MentionLabel>{item.label}</MentionLabel>\n\t\t\t\t\t\t\t\t{item.isOnline !== undefined && (\n\t\t\t\t\t\t\t\t\t<MentionPresenceDot $online={item.isOnline} />\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</DropdownItem>\n\t\t\t\t))}\n\t\t\t</DropdownContainer>\n\t\t);\n\t},\n);\nMentionDropdown.displayName = 'MentionDropdown';\n"],"names":["MentionDropdown","forwardRef","items","query","command","renderItem","renderDropdown","~~ref","~~selectedIndex","setSelectedIndex","useState","containerRef","useRef","scrollToIndex","useCallback","index","container","current","item","children","scrollIntoView","block","select","i","useImperativeHandle","onKeyDown","event","length","key","prev","next","useEffect","_jsx","_Fragment","activeIndex","onSelect","DropdownContainer","Object","assign","map","DropdownItem","onMouseEnter","onClick","_jsxs","jsxs","avatarUrl","MentionAvatar","src","alt","jsx","MentionAvatarFallback","label","charAt","toUpperCase","MentionLabel","undefined","isOnline","MentionPresenceDot","$online","id","displayName"],"mappings":"~~mKAkCaA~~,~~MAAAA~~,EAAkBC,EAAUA,YACxC,~~EAAGC~~,~~QAAOC~~,~~QAAOC~~,~~UAASC~~,~~aAAYC~~,~~kBAAkBC~~,~~KACvD~~,~~MAAOC~~,EAAeC,GAAoBC,EAAQA,SAAC,GAC7CC,EAAeC,SAAuB,MAEtCC,EAAgBC,EAAWA,aAAEC,IAClC,MAAMC,EAAYL,EAAaM,QAC/B,IAAKD,EAAW,OAChB,MAAME,EAAOF,EAAUG,SAASJ,GAChCG,SAAAA,EAAME,eAAe,CAAEC,MAAO,WAAY,GACxC,IAEGC,EAAUC,~~IACXrB~~,~~EAAMqB~~,~~IAAInB~~,EAAQF,~~EAAMqB~~,GAAG,EAgChC,OA7BAC,EAAmBA,~~oBAACjB~~,GAAK,KAAO,CAC/~~BkB~~,~~UAAWA~~,~~EAAGC~~,~~aACRxB~~,EAAMyB,SACO,YAAdD,EAAME,~~KACTnB~~,~~GAAkBoB~~,IACjB,MAAMC,GAAQD,EAAO3B,EAAMyB,OAAS,GAAKzB,EAAMyB,OAE/C,~~OADAd~~,~~EAAciB~~,GACPA,CAAI,KAEL,GAEU,cAAdJ,EAAME,~~KACTnB~~,~~GAAkBoB~~,IACjB,MAAMC,GAAQD,EAAO,GAAK3B,EAAMyB,OAEhC,~~OADAd~~,~~EAAciB~~,GACPA,CAAI,KAEL,GAEU,UAAdJ,EAAME,~~MACTN~~,EAAOd,IACA,~~QAMVuB~~,EAASA,WAAC,~~IAAMtB~~,EAAiB,IAAI,~~CAACP~~,IAEjCA,EAAMyB,OAGPrB,EAEF0B,EAAAA,IACEC,EAAAA,SAAA,~~CAAAd~~,~~SAAAb~~,EAAe,CACfJ,QACAC,QACA+B,~~YAAa1B~~,~~EACb2B~~,~~SAAWjB~~,~~GAASd~~,~~EAAQc~~,OAO/Bc,MAACI,EAAAA,kBAAiBC,OAAAC,OAAA,~~CAAC/B~~,~~IAAKI~~,GACtB,CAAAQ,~~SAAAjB~~,EAAMqC,KAAI,~~CAACrB~~,EAAMK,~~IACjBS~~,MAACQ,EAAAA,~~sCAEWjB~~,IAAMf,~~EACjBiC~~,aAAcA,~~IAAMhC~~,EAAiBc,~~GACrCmB~~,QAASA,~~IAAMpB~~,EAAOC,IAAE,CAAAJ,~~SAEvBd~~,EACAA,~~EAAWa~~,EAAMK,IAAMf,~~GAEvBmC~~,EAAAC,KAAAX,WAAA,~~CAAAd~~,SAAA,CACED,~~EAAK2B~~,UACLb,EAAAA,IAACc,EAAAA,cAAc,CAAAC,~~IAAK7B~~,~~EAAK2B~~,UAAWG,IAAI,KAExChB,EAACiB,IAAAC,wBACC,~~CAAA/B~~,SAAAD,~~EAAKiC~~,MAAMC,OAAO,GAAGC,gBAGxBrB,EAAAiB,IAACK,eAAY,~~CAAAnC~~,SAAED,~~EAAKiC~~,aACDI,~~IAAlBrC~~,~~EAAKsC~~,UACLxB,EAAAA,IAACyB,EAAAA,mBAA4B,CAAAC,~~QAAAxC~~,~~EAAKsC~~,~~gBAlBhCtC~~,~~EAAKyC~~,SApBY,IA4CL,~~IAIvB3D~~,~~EAAgB4D~~,YAAc"}
1	+ {"version":3,"file":"MentionDropdown.js","sources":["../../../../../src/editor/extensions/mention/MentionDropdown.tsx"],"sourcesContent":["import React, {\n\tforwardRef,\n\tuseCallback,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport type {\n\tMentionDropdownRenderProps,\n\tMentionItem,\n} from '../../BikEditor.types';\nimport {\n\tDropdownContainer,\n\tDropdownItem,\n\tMentionAvatar,\n\tMentionAvatarFallback,\n\tMentionLabel,\n\tMentionPresenceDot,\n} from '../editorDropdown.styles';\n\ninterface Props {\n\titems: MentionItem[];\n\tquery: string;\n\tcommand: (item: MentionItem) => void;\n\t/** Custom per-row renderer. Receives the item and whether it is the active row. /\n\trenderItem?: (item: MentionItem, isActive: boolean) => React.ReactNode;\n\t/\n\t Full custom dropdown renderer. Takes priority over renderItem.\n\t * The editor passes activeIndex and onSelect — you handle all the visual rendering.\n\t */\n\trenderDropdown?: (props: MentionDropdownRenderProps) => React.ReactNode;\n}\n\nexport const MentionDropdown = forwardRef<any, Props>(\n\t({ items, query, command, renderItem, renderDropdown }, ref) => {\n\t\tconst [selectedIndex, setSelectedIndex] = useState(0);\n\t\tconst containerRef = useRef<HTMLDivElement>(null);\n\n\t\tconst scrollToIndex = useCallback((index: number) => {\n\t\t\tconst container = containerRef.current;\n\t\t\tif (!container) return;\n\t\t\tconst item = container.children[index] as HTMLElement \| undefined;\n\t\t\titem?.scrollIntoView({ block: 'nearest' });\n\t\t}, []);\n\n\t\tconst select = (i: number) => {\n\t\t\tif (items[i]) command(items[i]);\n\t\t};\n\n\t\tuseImperativeHandle(ref, () => ({\n\t\t\tonKeyDown: ({ event }: { event: KeyboardEvent }) => {\n\t\t\t\tif (!items.length) return false;\n\t\t\t\tif (event.key === 'ArrowUp') {\n\t\t\t\t\tsetSelectedIndex((prev) => {\n\t\t\t\t\t\tconst next = (prev + items.length - 1) % items.length;\n\t\t\t\t\t\tscrollToIndex(next);\n\t\t\t\t\t\treturn next;\n\t\t\t\t\t});\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tif (event.key === 'ArrowDown') {\n\t\t\t\t\tsetSelectedIndex((prev) => {\n\t\t\t\t\t\tconst next = (prev + 1) % items.length;\n\t\t\t\t\t\tscrollToIndex(next);\n\t\t\t\t\t\treturn next;\n\t\t\t\t\t});\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\tif (event.key === 'Enter') {\n\t\t\t\t\tselect(selectedIndex);\n\t\t\t\t\treturn true;\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t},\n\t\t}));\n\n\t\tuseEffect(() => setSelectedIndex(0), [items]);\n\n\t\tif (!items.length) return null;\n\n\t\t// Full custom dropdown — editor still manages keyboard nav via selectedIndex\n\t\tif (renderDropdown) {\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t{renderDropdown({\n\t\t\t\t\t\titems,\n\t\t\t\t\t\tquery,\n\t\t\t\t\t\tactiveIndex: selectedIndex,\n\t\t\t\t\t\tonSelect: (item) => command(item),\n\t\t\t\t\t})}\n\t\t\t\t</>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<DropdownContainer ref={containerRef}>\n\t\t\t\t{items.map((item, i) => (\n\t\t\t\t\t<DropdownItem\n\t\t\t\t\t\tkey={item.id}\n\t\t\t\t\t\t$isActive={i === selectedIndex}\n\t\t\t\t\t\tonMouseEnter={() => setSelectedIndex(i)}\n\t\t\t\t\t\tonClick={() => select(i)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{renderItem ? (\n\t\t\t\t\t\t\trenderItem(item, i === selectedIndex)\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{item.avatarUrl ? (\n\t\t\t\t\t\t\t\t\t<MentionAvatar src={item.avatarUrl} alt=\"\" />\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<MentionAvatarFallback>\n\t\t\t\t\t\t\t\t\t\t{item.label.charAt(0).toUpperCase()}\n\t\t\t\t\t\t\t\t\t</MentionAvatarFallback>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t<MentionLabel>{item.label}</MentionLabel>\n\t\t\t\t\t\t\t\t{item.isOnline !== undefined && (\n\t\t\t\t\t\t\t\t\t<MentionPresenceDot $online={item.isOnline} />\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</DropdownItem>\n\t\t\t\t))}\n\t\t\t</DropdownContainer>\n\t\t);\n\t},\n);\nMentionDropdown.displayName = 'MentionDropdown';\n"],"names":["MentionDropdown","forwardRef","_ref","ref","items","query","command","renderItem","renderDropdown","selectedIndex","setSelectedIndex","useState","containerRef","useRef","scrollToIndex","useCallback","index","container","current","item","children","scrollIntoView","block","select","i","useImperativeHandle","onKeyDown","_ref2","event","length","key","prev","next","useEffect","_jsx","_Fragment","activeIndex","onSelect","DropdownContainer","Object","assign","map","DropdownItem","onMouseEnter","onClick","_jsxs","jsxs","avatarUrl","MentionAvatar","src","alt","jsx","MentionAvatarFallback","label","charAt","toUpperCase","MentionLabel","undefined","isOnline","MentionPresenceDot","$online","id","displayName"],"mappings":"mKAkCO,MAAMA,EAAkBC,EAAUA,YACxC,CAAAC,EAAwDC,KAAO,IAA9DC,MAAEA,EAAKC,MAAEA,EAAKC,QAAEA,EAAOC,WAAEA,EAAUC,eAAEA,GAAgBN,EACrD,MAAOO,EAAeC,GAAoBC,EAAQA,SAAC,GAC7CC,EAAeC,SAAuB,MAEtCC,EAAgBC,EAAWA,aAAEC,IAClC,MAAMC,EAAYL,EAAaM,QAC/B,IAAKD,EAAW,OAChB,MAAME,EAAOF,EAAUG,SAASJ,GAChCG,SAAAA,EAAME,eAAe,CAAEC,MAAO,WAAY,GACxC,IAEGC,EAAUC,IACXpB,EAAMoB,IAAIlB,EAAQF,EAAMoB,GAAG,EAgChC,OA7BAC,EAAmBA,oBAACtB,GAAK,KAAO,CAC/BuB,UAAWC,IAAwC,IAAvCC,MAAEA,GAAiCD,EAC9C,QAAKvB,EAAMyB,SACO,YAAdD,EAAME,KACTpB,GAAkBqB,IACjB,MAAMC,GAAQD,EAAO3B,EAAMyB,OAAS,GAAKzB,EAAMyB,OAE/C,OADAf,EAAckB,GACPA,CAAI,KAEL,GAEU,cAAdJ,EAAME,KACTpB,GAAkBqB,IACjB,MAAMC,GAAQD,EAAO,GAAK3B,EAAMyB,OAEhC,OADAf,EAAckB,GACPA,CAAI,KAEL,GAEU,UAAdJ,EAAME,MACTP,EAAOd,IACA,GAEI,MAIdwB,EAASA,WAAC,IAAMvB,EAAiB,IAAI,CAACN,IAEjCA,EAAMyB,OAGPrB,EAEF0B,EAAAA,IACEC,EAAAA,SAAA,CAAAf,SAAAZ,EAAe,CACfJ,QACAC,QACA+B,YAAa3B,EACb4B,SAAWlB,GAASb,EAAQa,OAO/Be,MAACI,EAAAA,kBAAiBC,OAAAC,OAAA,CAACrC,IAAKS,GACtB,CAAAQ,SAAAhB,EAAMqC,KAAI,CAACtB,EAAMK,IACjBU,MAACQ,EAAAA,sCAEWlB,IAAMf,EACjBkC,aAAcA,IAAMjC,EAAiBc,GACrCoB,QAASA,IAAMrB,EAAOC,IAAE,CAAAJ,SAEvBb,EACAA,EAAWY,EAAMK,IAAMf,GAEvBoC,EAAAC,KAAAX,WAAA,CAAAf,SAAA,CACED,EAAK4B,UACLb,EAAAA,IAACc,EAAAA,cAAc,CAAAC,IAAK9B,EAAK4B,UAAWG,IAAI,KAExChB,EAACiB,IAAAC,wBACC,CAAAhC,SAAAD,EAAKkC,MAAMC,OAAO,GAAGC,gBAGxBrB,EAAAiB,IAACK,eAAY,CAAApC,SAAED,EAAKkC,aACDI,IAAlBtC,EAAKuC,UACLxB,EAAAA,IAACyB,EAAAA,mBAA4B,CAAAC,QAAAzC,EAAKuC,gBAlBhCvC,EAAK0C,SApBY,IA4CL,IAIvB7D,EAAgB8D,YAAc"}

package/dist/cjs/editor/extensions/mention/MentionExtension.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/@tiptap/core/dist/index.js"),t=require("@tiptap/extension-mention"),n=require("@tiptap/react"),r=require("../suggestionPopup.js"),o=require("./MentionDropdown.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t);function a(e,t="@",i,s){return()=>{let e,t;return{onStart:a=>{e=new n.ReactRenderer(o.MentionDropdown,{props:Object.assign(Object.assign({},a),{renderItem:i,renderDropdown:s}),editor:a.editor}),t=r.createSuggestionPopup(e.element,a.clientRect)},onUpdate:n=>{var r;e.updateProps(Object.assign(Object.assign({},n),{renderItem:i,renderDropdown:s})),(null===(r=n.items)||void 0===r?void 0:r.length)?(t.show(),t.updatePosition(n.clientRect)):t.hide()},onKeyDown:n=>{var r,o;return"Escape"===n.event.key?(t.hide(),!0):null!==(o=null===(r=e.ref)||void 0===r?void 0:r.onKeyDown(n))&&void 0!==o&&o},onExit:()=>{t.destroy(),e.destroy()}}}}exports.buildAgentMentionExtension=function(t,n,r,o){return s.default.extend({name:"mentionAgent"}).configure({HTMLAttributes:{class:"bik-mention bik-mention--agent"},renderText:({options:e,node:t})=>`${e.suggestion.char}${t.attrs.label}`,renderHTML:({options:t,node:n})=>["span",e.mergeAttributes(t.HTMLAttributes),`${t.suggestion.char}${n.attrs.label}`],suggestion:{char:"@",allowSpaces:!0,items:({query:e})=>t.current.filter((t=>t.label.toLowerCase().includes(e.toLowerCase()))),command:({editor:e,range:t,props:r})=>{e.chain().focus().deleteRange(t).insertContent({type:"mentionAgent",attrs:{id:r.id,label:r.label}}).run(),null==n||n(r,"@")},render:a(0,"@",r,o)}})},exports.buildTeamMentionExtension=function(t,n,r,o){return s.default.extend({name:"mentionTeam"}).configure({HTMLAttributes:{class:"bik-mention bik-mention--team"},renderText:({options:e,node:t})=>`${e.suggestion.char}${t.attrs.label}`,renderHTML:({options:t,node:n})=>["span",e.mergeAttributes(t.HTMLAttributes),`${t.suggestion.char}${n.attrs.label}`],suggestion:{char:"#",allowSpaces:!0,items:({query:e})=>t.current.filter((t=>t.label.toLowerCase().includes(e.toLowerCase()))),command:({editor:e,range:t,props:r})=>{e.chain().focus().deleteRange(t).insertContent({type:"mentionTeam",attrs:{id:r.id,label:r.label}}).run(),null==n||n(r,"#")},render:a(0,"#",r,o)}})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/@tiptap/core/dist/index.js"),t=require("@tiptap/extension-mention"),n=require("@tiptap/react"),r=require("../suggestionPopup.js"),o=require("./MentionDropdown.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t);function a(e){let t=arguments.length>2?arguments[2]:void 0,i=arguments.length>3?arguments[3]:void 0;return()=>{let e,s;return{onStart:a=>{e=new n.ReactRenderer(o.MentionDropdown,{props:Object.assign(Object.assign({},a),{renderItem:t,renderDropdown:i}),editor:a.editor}),s=r.createSuggestionPopup(e.element,a.clientRect)},onUpdate:n=>{var r;e.updateProps(Object.assign(Object.assign({},n),{renderItem:t,renderDropdown:i})),(null===(r=n.items)||void 0===r?void 0:r.length)?(s.show(),s.updatePosition(n.clientRect)):s.hide()},onKeyDown:t=>{var n,r;return"Escape"===t.event.key?(s.hide(),!0):null!==(r=null===(n=e.ref)||void 0===n?void 0:n.onKeyDown(t))&&void 0!==r&&r},onExit:()=>{s.destroy(),e.destroy()}}}}exports.buildAgentMentionExtension=function(t,n,r,o){return s.default.extend({name:"mentionAgent"}).configure({HTMLAttributes:{class:"bik-mention bik-mention--agent"},renderText:e=>{let{options:t,node:n}=e;return`${t.suggestion.char}${n.attrs.label}`},renderHTML:t=>{let{options:n,node:r}=t;return["span",e.mergeAttributes(n.HTMLAttributes),`${n.suggestion.char}${r.attrs.label}`]},suggestion:{char:"@",allowSpaces:!0,items:e=>{let{query:n}=e;return t.current.filter((e=>e.label.toLowerCase().includes(n.toLowerCase())))},command:e=>{let{editor:t,range:r,props:o}=e;t.chain().focus().deleteRange(r).insertContent({type:"mentionAgent",attrs:{id:o.id,label:o.label}}).run(),null==n||n(o,"@")},render:a(n,"@",r,o)}})},exports.buildTeamMentionExtension=function(t,n,r,o){return s.default.extend({name:"mentionTeam"}).configure({HTMLAttributes:{class:"bik-mention bik-mention--team"},renderText:e=>{let{options:t,node:n}=e;return`${t.suggestion.char}${n.attrs.label}`},renderHTML:t=>{let{options:n,node:r}=t;return["span",e.mergeAttributes(n.HTMLAttributes),`${n.suggestion.char}${r.attrs.label}`]},suggestion:{char:"#",allowSpaces:!0,items:e=>{let{query:n}=e;return t.current.filter((e=>e.label.toLowerCase().includes(n.toLowerCase())))},command:e=>{let{editor:t,range:r,props:o}=e;t.chain().focus().deleteRange(r).insertContent({type:"mentionTeam",attrs:{id:o.id,label:o.label}}).run(),null==n||n(o,"#")},render:a(n,"#",r,o)}})};
 //# sourceMappingURL=MentionExtension.js.map