npm - @viswa-test/test-citation - Versions diffs - 0.0.384 → 0.0.385 - Mend

@viswa-test/test-citation 0.0.384 → 0.0.385

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

package/dist/cjs/features/Bookemon/BookPreview/BookPreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BookPreview.js","sources":["../../../../../src/features/Bookemon/BookPreview/BookPreview.tsx"],"sourcesContent":["import React, { CSSProperties, useEffect, useRef, useState } from \"react\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport ArrowBackIcon from \"@mui/icons-material/ArrowBack\";\nimport BookCitation from \"../../BookCitation/BookCitation\";\nimport { IBookOverview } from \"../BookOverviewCard/BookOverviewCard\";\nimport \"./BookPreview.css\";\nimport { comingSoonStyles, defaultIcon } from \"../Bookemon\";\nimport Switch from \"@mui/material/Switch\";\nimport Tooltip from \"@mui/material/Tooltip\";\n// import {Switch, Tooltip } from \"@mui/material\";\n\ninterface BookPreviewProps {\n bookOverView: IBookOverview\n bookCoverImage: string;\n previewPage: number;\n setPreviewPage: (page: number) => void;\n onClose: () => void;\n quotesToHighLightData: {\n textToHighLight: string;\n content: string;\n };\n citationLoad: boolean;\n updateQuotesToHighLight: (textToHighLight: string,\n clickableElementCategory: string,\n chunkIds?: string[]) => void;\n customStyle?: {\n citationCustomStyle?: {\n citationButtonWrapper?: CSSProperties;\n arrow?: CSSProperties;\n citationButton?: CSSProperties;\n expandableContent?: CSSProperties;\n bookHeader?: CSSProperties;\n relative?: CSSProperties;\n pageColor?: CSSProperties;\n highlightedText?: CSSProperties;\n expandedWrapper?: CSSProperties;\n expandableContainer?: CSSProperties;\n bookBodyContent?: CSSProperties;\n customScrollbarClass?: CSSProperties;\n relativeWrapper?: CSSProperties;\n }\n dialogDimension?: CSSProperties\n leftPanel?: CSSProperties\n rightPanel?: CSSProperties\n previewWrapper?: CSSProperties\n coverImagePreview?: CSSProperties\n }\n comingSoonData?: {\n header?: string;\n subheader?: string;\n icon?: React.ReactNode;\n };\n clickableElementCategory?: string;\n isNonHighlightedBlur: boolean\n isBlurToggleVisible?: boolean\n noHtmlContent : boolean\n isBookemon : boolean\n}\n\nconst BookPreview: React.FC<BookPreviewProps> = ({\n bookOverView,\n bookCoverImage,\n onClose,\n customStyle,\n quotesToHighLightData,\n updateQuotesToHighLight,\n citationLoad,\n clickableElementCategory = \"\",\n comingSoonData,\n isNonHighlightedBlur=false,\n isBlurToggleVisible = false,\n noHtmlContent=false,\n isBookemon=true,\n}) => {\n const [hasError, setHasError] = useState(false);\n const [toggleBlur, setToggleBlur] = useState<boolean>(true);\n // Local state to toggle between image preview and citation view\n const showCitation = !!quotesToHighLightData.content;\n \n const defaultStyles: { [key: string]: CSSProperties } = {\n header: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n padding: \"16px\",\n },\n headerLeft: {\n display: \"flex\",\n alignItems: \"center\",\n gap: \"8px\",\n },\n closeButton: {\n padding: \"4px\",\n borderRadius: \"4px\",\n cursor: \"pointer\",\n backgroundColor: \"transparent\",\n },\n flexCenter: {\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n coverContainer: {\n width: \"100%\",\n maxWidth: \"300px\",\n borderRadius: \"12px\",\n padding: \"4px\",\n background: \"linear-gradient(135deg, #34D399, #3B82F6, #10B981)\",\n position: \"relative\",\n overflow: \"hidden\",\n boxShadow: \"0 10px 25px rgba(0,0,0,0.3)\",\n marginBottom: \"24px\",\n },\n bookCoverStyle: {\n width: \"100%\",\n height: \"auto\",\n objectFit: \"contain\",\n borderRadius: \"12px\",\n boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n },\n loadingStyle : {\n width : \"100%\",\n height : \"100%\",\n display : \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexDirection : \"column\",\n },\n rightPanel: {\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n overflow: \"hidden\",\n },\n clickableElementCategory: { fontSize: \"20px\", fontWeight: 600 },\n previewWrapper:{\n flex: 1,\n width: \"80%\",\n margin: \"0 auto\",\n display: \"flex\",\n flexDirection: \"column\",\n overflow: \"hidden\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n },\n coverImagePreview: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n aspectRatio: \"7 / 10\",\n background: \"\",\n padding: 0\n },\n toggleBlurContainer: {\n display: 'flex',\n alignItems: 'center',\n gap: '20px'\n },\n bookCoverPlaceholder: {\n width: '100%',\n height: 'calc(100% - 8px)',\n background: 'linear-gradient(to bottom, #22c55e, #14532d)',\n borderRadius: '4px',\n padding: '4px',\n color: 'white',\n fontSize: '10px',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n\n bookCoverInner: {\n border: '1px solid white',\n padding: '4px',\n width: 'calc(100% - 26px)',\n height: 'calc(100% - 26px)',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n justifyContent: 'space-around',\n },\n\n bookTitle: {\n fontWeight: 800,\n fontSize: '1.5rem',\n textTransform: 'uppercase',\n letterSpacing: '0.5px',\n lineHeight: 1.2,\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n padding: '0 8px',\n },\n\n bookAuthor: {\n fontSize: '1rem',\n fontWeight: 500,\n opacity: 0.9,\n marginTop: '8px',\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n },\n\n };\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n setToggleBlur(event.target.checked);\n console.log(event.target.checked, \"event.target.checked\")\n };\n\n useEffect(() => {\n setToggleBlur(true)\n console.log(citationLoad, \"citationLoad\")\n }, [citationLoad])\n\n\nreturn (\n<div\n style={{\n ...defaultStyles.rightPanel,\n ...(customStyle?.rightPanel \|\| {}),\n }}\n>\n {/* Header - Fixed at top /}\n <div style={defaultStyles.header}>\n <div style={defaultStyles.headerLeft}>\n {(showCitation \|\| noHtmlContent) && (\n <button\n style={defaultStyles.closeButton}\n onClick={() => updateQuotesToHighLight(\"\", \"Book Preview\")}\n onMouseOver={(e) =>\n (e.currentTarget.style.backgroundColor = \"#F3F4F6\")\n }\n onMouseOut={(e) =>\n (e.currentTarget.style.backgroundColor = \"transparent\")\n }\n >\n <ArrowBackIcon />\n </button>\n )}\n <h2 style={defaultStyles.clickableElementCategory}>\n {clickableElementCategory}\n </h2>\n </div>\n\n <div style={defaultStyles.toggleBlurContainer}>\n {(showCitation && isBlurToggleVisible) && <div style={{ display: \"flex\", alignItems: \"center\", gap: \"2px\" }}>\n <Switch\n checked={toggleBlur}\n onChange={handleChange}\n color=\"primary\"\n size=\"small\"\n />\n <span style={{ fontSize: \"0.75rem\", display: \"flex\", alignItems: \"center\", gap: \"4px\" }}>\n Blur\n <Tooltip title=\"Blur Text is enabled by default. Non-highlighted parts of the text will appear blurred to help you focus on the highlighted content. You can turn this off if you want to see all text clearly.\">\n <span\n style={{\n display: \"inline-flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n width: \"14px\",\n height: \"14px\",\n borderRadius: \"50%\",\n backgroundColor: \"#485468\",\n color: \"#fff\",\n fontSize: \"10px\",\n fontWeight: \"bold\",\n cursor: \"pointer\",\n lineHeight: \"14px\",\n userSelect: \"none\",\n }}\n >\n i\n </span>\n </Tooltip>\n </span>\n </div>\n }\n <button\n style={defaultStyles.closeButton}\n onClick={() => {\n onClose();\n updateQuotesToHighLight(\"\", \"Book Preview\");\n }}\n onMouseOver={(e) =>\n (e.currentTarget.style.backgroundColor = \"#F3F4F6\")\n }\n onMouseOut={(e) =>\n (e.currentTarget.style.backgroundColor = \"transparent\")\n }\n >\n <CloseIcon />\n </button>\n </div>\n </div>\n {/ Content Area */}\n <div style={{...defaultStyles.previewWrapper,...customStyle?.previewWrapper}}>\n {showCitation ? (\n <BookCitation\n citationNumber={1}\n defaultState={true}\n partialMatch={true}\n fixedWidth={false}\n citationTitle={\"Sample Citation\"}\n title={\"Sample Title\"}\n paragraphs={[quotesToHighLightData?.content]}\n textToHighlight={[quotesToHighLightData?.textToHighLight]}\n externalLinkComponent={\"\"}\n bookCoverImage={bookCoverImage}\n customStyle={customStyle?.citationCustomStyle}\n isNonHighlightedBlur={isNonHighlightedBlur}\n isBookemon={isBookemon}\n toggleBlur={toggleBlur}\n />\n ) : (citationLoad \|\| noHtmlContent) ? \n <div style={defaultStyles.loadingStyle}>\n <div style={comingSoonStyles.iconWrapper}>{comingSoonData?.icon\|\|defaultIcon}</div>\n {noHtmlContent ? <p style={comingSoonStyles.text}>No data found matching the selected {clickableElementCategory.toLowerCase()}</p> :<p style={comingSoonStyles.text}>fetching {clickableElementCategory.toLowerCase()}....</p>}\n </div>\n : (\n <div style={defaultStyles.flexCenter}>\n <div style={{\n ...defaultStyles.coverContainer,\n ...(hasError \|\| !bookCoverImage ? { ...defaultStyles.coverImagePreview,...customStyle?.coverImagePreview } : {})\n }} >\n {bookCoverImage && !hasError ? (\n <img\n onError={() => setHasError(true)}\n style={defaultStyles.bookCoverStyle} \n src={bookCoverImage} \n alt=\"Book Cover Image\" />\n ) : (\n <div style={defaultStyles.bookCoverPlaceholder}>\n <div style={defaultStyles.bookCoverInner}>\n <div style={defaultStyles.bookTitle}>{bookOverView?.title \|\| 'Unknown Title'}</div>\n <div style={defaultStyles.bookAuthor}>{bookOverView?.author \|\| 'Unknown Author'}</div>\n </div>\n </div>\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default BookPreview;\n"],"names":["bookOverView","bookCoverImage","onClose","customStyle","quotesToHighLightData","updateQuotesToHighLight","citationLoad","clickableElementCategory","comingSoonData","isNonHighlightedBlur","isBlurToggleVisible","noHtmlContent","isBookemon","hasError","setHasError","useState","toggleBlur","setToggleBlur","showCitation","content","defaultStyles","header","display","justifyContent","alignItems","padding","headerLeft","gap","closeButton","borderRadius","cursor","backgroundColor","flexCenter","width","height","coverContainer","maxWidth","background","position","overflow","boxShadow","marginBottom","bookCoverStyle","objectFit","loadingStyle","flexDirection","rightPanel","fontSize","fontWeight","previewWrapper","flex","margin","coverImagePreview","aspectRatio","toggleBlurContainer","bookCoverPlaceholder","color","bookCoverInner","border","textAlign","bookTitle","textTransform","letterSpacing","lineHeight","WebkitLineClamp","WebkitBoxOrient","bookAuthor","opacity","marginTop","useEffect","console","log","jsxs","style","children","jsx","onClick","onMouseOver","e","currentTarget","onMouseOut","ArrowBackIcon","Switch","checked","onChange","event","target","size","Tooltip","title","userSelect","CloseIcon","BookCitation","citationNumber","defaultState","partialMatch","fixedWidth","citationTitle","paragraphs","textToHighlight","textToHighLight","externalLinkComponent","citationCustomStyle","comingSoonStyles","iconWrapper","icon","defaultIcon","text","toLowerCase","onError","src","alt","author"],"mappings":"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"}
1	+ {"version":3,"file":"BookPreview.js","sources":["../../../../../src/features/Bookemon/BookPreview/BookPreview.tsx"],"sourcesContent":["import React, { CSSProperties, useEffect, useRef, useState } from \"react\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport ArrowBackIcon from \"@mui/icons-material/ArrowBack\";\nimport BookCitation from \"../../BookCitation/BookCitation\";\nimport { IBookOverview } from \"../BookOverviewCard/BookOverviewCard\";\nimport \"./BookPreview.css\";\nimport { comingSoonStyles, defaultIcon } from \"../Bookemon\";\nimport Switch from \"@mui/material/Switch\";\nimport Tooltip from \"@mui/material/Tooltip\";\n// import {Switch, Tooltip } from \"@mui/material\";\n\ninterface BookPreviewProps {\n bookOverView: IBookOverview\n bookCoverImage: string;\n previewPage: number;\n setPreviewPage: (page: number) => void;\n onClose: () => void;\n quotesToHighLightData: {\n textToHighLight: string;\n content: string;\n };\n citationLoad: boolean;\n updateQuotesToHighLight: (textToHighLight: string,\n clickableElementCategory: string,\n chunkIds?: string[]) => void;\n customStyle?: {\n citationCustomStyle?: {\n citationButtonWrapper?: CSSProperties;\n arrow?: CSSProperties;\n citationButton?: CSSProperties;\n expandableContent?: CSSProperties;\n bookHeader?: CSSProperties;\n relative?: CSSProperties;\n pageColor?: CSSProperties;\n highlightedText?: CSSProperties;\n expandedWrapper?: CSSProperties;\n expandableContainer?: CSSProperties;\n bookBodyContent?: CSSProperties;\n customScrollbarClass?: CSSProperties;\n relativeWrapper?: CSSProperties;\n }\n dialogDimension?: CSSProperties\n leftPanel?: CSSProperties\n rightPanel?: CSSProperties\n previewWrapper?: CSSProperties\n coverImagePreview?: CSSProperties\n }\n comingSoonData?: {\n header?: string;\n subheader?: string;\n icon?: React.ReactNode;\n };\n clickableElementCategory?: string;\n isNonHighlightedBlur: boolean\n isBlurToggleVisible?: boolean\n noHtmlContent : boolean\n isBookemon : boolean\n}\n\nconst BookPreview: React.FC<BookPreviewProps> = ({\n bookOverView,\n bookCoverImage,\n onClose,\n customStyle,\n quotesToHighLightData,\n updateQuotesToHighLight,\n citationLoad,\n clickableElementCategory = \"\",\n comingSoonData,\n isNonHighlightedBlur=false,\n isBlurToggleVisible = false,\n noHtmlContent=false,\n isBookemon=true,\n}) => {\n const [hasError, setHasError] = useState(false);\n const [toggleBlur, setToggleBlur] = useState<boolean>(true);\n // Local state to toggle between image preview and citation view\n const showCitation = !!quotesToHighLightData.content;\n \n const defaultStyles: { [key: string]: CSSProperties } = {\n header: {\n display: \"flex\",\n justifyContent: \"space-between\",\n alignItems: \"center\",\n padding: \"16px\",\n },\n headerLeft: {\n display: \"flex\",\n alignItems: \"center\",\n gap: \"8px\",\n },\n closeButton: {\n padding: \"4px\",\n borderRadius: \"4px\",\n cursor: \"pointer\",\n backgroundColor: \"transparent\",\n },\n flexCenter: {\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n },\n coverContainer: {\n width: \"100%\",\n maxWidth: \"300px\",\n borderRadius: \"12px\",\n padding: \"4px\",\n background: \"linear-gradient(135deg, #34D399, #3B82F6, #10B981)\",\n position: \"relative\",\n overflow: \"hidden\",\n boxShadow: \"0 10px 25px rgba(0,0,0,0.3)\",\n marginBottom: \"24px\",\n },\n bookCoverStyle: {\n width: \"100%\",\n height: \"auto\",\n objectFit: \"contain\",\n borderRadius: \"12px\",\n boxShadow: \"0 4px 12px rgba(0,0,0,0.1)\",\n },\n loadingStyle : {\n width : \"100%\",\n height : \"100%\",\n display : \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexDirection : \"column\",\n },\n rightPanel: {\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n overflow: \"hidden\",\n },\n clickableElementCategory: { fontSize: \"20px\", fontWeight: 600 },\n previewWrapper:{\n flex: 1,\n width: \"80%\",\n margin: \"0 auto\",\n display: \"flex\",\n flexDirection: \"column\",\n overflow: \"hidden\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n },\n coverImagePreview: {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n aspectRatio: \"7 / 10\",\n background: \"\",\n padding: 0\n },\n toggleBlurContainer: {\n display: 'flex',\n alignItems: 'center',\n gap: '20px'\n },\n bookCoverPlaceholder: {\n width: '100%',\n height: 'calc(100% - 8px)',\n background: 'linear-gradient(to bottom, #22c55e, #14532d)',\n borderRadius: '4px',\n padding: '4px',\n color: 'white',\n fontSize: '10px',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n\n bookCoverInner: {\n border: '1px solid white',\n padding: '4px',\n width: 'calc(100% - 26px)',\n height: 'calc(100% - 26px)',\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n textAlign: 'center',\n justifyContent: 'space-around',\n },\n\n bookTitle: {\n fontWeight: 800,\n fontSize: '1.5rem',\n textTransform: 'uppercase',\n letterSpacing: '0.5px',\n lineHeight: 1.2,\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n padding: '0 8px',\n },\n\n bookAuthor: {\n fontSize: '1rem',\n fontWeight: 500,\n opacity: 0.9,\n marginTop: '8px',\n display: '-webkit-box',\n WebkitLineClamp: 2,\n WebkitBoxOrient: 'vertical',\n overflow: 'hidden',\n },\n\n };\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n setToggleBlur(event.target.checked);\n console.log(event.target.checked, \"event.target.checked\")\n };\n\n useEffect(() => {\n setToggleBlur(true)\n console.log(citationLoad, \"citationLoad\")\n }, [citationLoad])\n\n\nreturn (\n<div\n style={{\n ...defaultStyles.rightPanel,\n ...(customStyle?.rightPanel \|\| {}),\n }}\n>\n {/* Header - Fixed at top /}\n <div style={defaultStyles.header}>\n <div style={defaultStyles.headerLeft}>\n {(showCitation \|\| noHtmlContent) && (\n <button\n style={defaultStyles.closeButton}\n onClick={() => updateQuotesToHighLight(\"\", \"Book Preview\")}\n onMouseOver={(e) =>\n (e.currentTarget.style.backgroundColor = \"#F3F4F6\")\n }\n onMouseOut={(e) =>\n (e.currentTarget.style.backgroundColor = \"transparent\")\n }\n >\n <ArrowBackIcon />\n </button>\n )}\n <h2 style={defaultStyles.clickableElementCategory}>\n {clickableElementCategory}\n </h2>\n </div>\n\n <div style={defaultStyles.toggleBlurContainer}>\n {(showCitation && isBlurToggleVisible) && <div style={{ display: \"flex\", alignItems: \"center\", gap: \"2px\" }}>\n <Switch\n checked={toggleBlur}\n onChange={handleChange}\n color=\"primary\"\n size=\"small\"\n />\n <span style={{ fontSize: \"0.75rem\", display: \"flex\", alignItems: \"center\", gap: \"4px\" }}>\n Blur\n <Tooltip title=\"Blur Text is enabled by default. Non-highlighted parts of the text will appear blurred to help you focus on the highlighted content. You can turn this off if you want to see all text clearly.\">\n <span\n style={{\n display: \"inline-flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n width: \"14px\",\n height: \"14px\",\n borderRadius: \"50%\",\n backgroundColor: \"#485468\",\n color: \"#fff\",\n fontSize: \"10px\",\n fontWeight: \"bold\",\n cursor: \"pointer\",\n lineHeight: \"14px\",\n userSelect: \"none\",\n }}\n >\n i\n </span>\n </Tooltip>\n </span>\n </div>\n }\n <button\n style={defaultStyles.closeButton}\n onClick={() => {\n onClose();\n updateQuotesToHighLight(\"\", \"Book Preview\");\n }}\n onMouseOver={(e) =>\n (e.currentTarget.style.backgroundColor = \"#F3F4F6\")\n }\n onMouseOut={(e) =>\n (e.currentTarget.style.backgroundColor = \"transparent\")\n }\n >\n <CloseIcon />\n </button>\n </div>\n </div>\n {/ Content Area */}\n <div style={{...defaultStyles.previewWrapper,...customStyle?.previewWrapper}}>\n {showCitation ? (\n <BookCitation\n citationNumber={1}\n defaultState={true}\n partialMatch={true}\n fixedWidth={false}\n citationTitle={\"Sample Citation\"}\n title={\"Sample Title\"}\n paragraphs={[quotesToHighLightData?.content]}\n textToHighlight={[quotesToHighLightData?.textToHighLight]}\n externalLinkComponent={\"\"}\n bookCoverImage={bookCoverImage}\n customStyle={customStyle?.citationCustomStyle}\n isNonHighlightedBlur={isNonHighlightedBlur}\n isBookemon={isBookemon}\n toggleBlur={toggleBlur}\n />\n ) : (citationLoad \|\| noHtmlContent) ? \n <div style={defaultStyles.loadingStyle}>\n <div style={comingSoonStyles.iconWrapper}>{comingSoonData?.icon\|\|defaultIcon}</div>\n {noHtmlContent ? <p style={comingSoonStyles.text}>No data found matching the selected {clickableElementCategory.toLowerCase()}</p> :<p style={comingSoonStyles.text}>fetching {clickableElementCategory.toLowerCase()}....</p>}\n </div>\n : (\n <div style={defaultStyles.flexCenter}>\n <div style={{\n ...defaultStyles.coverContainer,\n ...(hasError \|\| !bookCoverImage ? { ...defaultStyles.coverImagePreview,...customStyle?.coverImagePreview } : {})\n }} >\n {bookCoverImage && !hasError ? (\n <img\n onError={() => setHasError(true)}\n style={defaultStyles.bookCoverStyle} \n src={bookCoverImage} \n alt=\"Book Cover Image\" />\n ) : (\n <div style={defaultStyles.bookCoverPlaceholder}>\n <div style={defaultStyles.bookCoverInner}>\n <div style={defaultStyles.bookTitle}>{bookOverView?.title \|\| 'Unknown Title'}</div>\n <div style={defaultStyles.bookAuthor}>{bookOverView?.author \|\| 'Unknown Author'}</div>\n </div>\n </div>\n )}\n </div>\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default BookPreview;\n"],"names":["bookOverView","bookCoverImage","onClose","customStyle","quotesToHighLightData","updateQuotesToHighLight","citationLoad","clickableElementCategory","comingSoonData","isNonHighlightedBlur","isBlurToggleVisible","noHtmlContent","isBookemon","hasError","setHasError","useState","toggleBlur","setToggleBlur","showCitation","content","defaultStyles","header","display","justifyContent","alignItems","padding","headerLeft","gap","closeButton","borderRadius","cursor","backgroundColor","flexCenter","width","height","coverContainer","maxWidth","background","position","overflow","boxShadow","marginBottom","bookCoverStyle","objectFit","loadingStyle","flexDirection","rightPanel","fontSize","fontWeight","previewWrapper","flex","margin","coverImagePreview","aspectRatio","toggleBlurContainer","bookCoverPlaceholder","color","bookCoverInner","border","textAlign","bookTitle","textTransform","letterSpacing","lineHeight","WebkitLineClamp","WebkitBoxOrient","bookAuthor","opacity","marginTop","useEffect","console","log","jsxs","style","children","jsx","onClick","onMouseOver","e","currentTarget","onMouseOut","ArrowBackIcon","Switch","checked","onChange","event","target","size","Tooltip","title","userSelect","CloseIcon","BookCitation","citationNumber","defaultState","partialMatch","fixedWidth","citationTitle","paragraphs","textToHighlight","textToHighLight","externalLinkComponent","citationCustomStyle","comingSoonStyles","iconWrapper","icon","defaultIcon","text","toLowerCase","onError","src","alt","author"],"mappings":"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"}

package/dist/cjs/features/ChatCitation/InternalChatCitationRenderer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./components/ChatCitation.js"),r=require("./utils/helpers.js"),o=require("./components/Chip.js"),i=require("./assets/message-chat-square.svg.js");require("@mui/icons-material/KeyboardArrowDown"),require("@mui/icons-material/KeyboardArrowUp"),require("@mui/icons-material/Clear");var l=require("./components/InViewNavigation.js"),s=require("./components/DetailedView.js"),n=require("./components/SummarizedView.js"),a=require("./components/RuleBook.js"),c=require("react"),d=require("./constants/renderer.js");require("./styles/common.css.js");var u=require("./components/IconContainer.js"),h=require("lucide-react"),f=require("./BigQueryTable.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=p(require("@mui/icons-material/CloseOutlined"));const x=(e,t,r="smooth")=>{if(!t)return;let o=e.parentElement;for(;o;){const{overflowY:e}=window.getComputedStyle(o);if(("auto"===e||"scroll"===e)&&o.scrollHeight>o.clientHeight)break;if(o===t){o=null;break}o=o.parentElement}const i=o??t,l=e.getBoundingClientRect(),s=i.getBoundingClientRect(),n=i.scrollTop+l.top-s.top-(i.clientHeight-l.height)/2;i.scrollTo({top:Math.max(0,n),behavior:r})},b={chatData:[]};exports.default=function({rootContainer:p,chatContainer:g=b,ruleBookContainer:y,renderer:v,additionalData:C,tableComponent:w,closePreview:S,isRenderedCustomComponent:j=!1,showRootContainer:k=!0,reversePanels:A=!1}){const[q,T]=c.useState(0),[D,R]=c.useState(0),[F,E]=c.useState(0),[I,z]=c.useState(0),B=c.useRef(null),P=c.useRef(null),H=c.useRef(null),V=c.useMemo(()=>({...d.defaultRenderer,...v}),[v]),M=c.useMemo(()=>!!(w?.rows&&Object.keys(w.rows).length>0),[w]),N=c.useMemo(()=>C?.RuleBookDetailedViewVerticallyStacked??!1,[C?.RuleBookDetailedViewVerticallyStacked]);c.useEffect(()=>{if(y?.show&&B.current){const e=B.current?.querySelectorAll(".rule-book-highlight");if(T(e?.length||0),R(0),e&&e.length>0){const t=e[0];t.style.backgroundColor="#ffff5c",x(t,B.current)}}if(g?.show&&P?.current){const e=P.current?.querySelectorAll(".user-chat-highlight");if(E(e?.length||0),z(0),e&&e.length>0){const t=e[0];t.style.backgroundColor="#ffff5c";const r=requestAnimationFrame(()=>{x(t,H.current)});return()=>cancelAnimationFrame(r)}const t=C?.targetIndex;if(void 0!==t&&t>=0&&P.current?.firstElementChild){const e=P.current.firstElementChild.children[t];if(e){const t=requestAnimationFrame(()=>{x(e,H.current)});return()=>cancelAnimationFrame(t)}}}},[g?.show,y?.show,y?.data,g?.chatData,C?.targetIndex]);const W=c.useCallback(()=>{if(D+1<q){const e=B.current?.querySelectorAll(".rule-book-highlight");if(!e)return;e[D].style.backgroundColor="#ffffb8";const t=D+1;R(t);const r=e[t];r.style.backgroundColor="#ffff5c",x(r,B.current)}},[D,q]),Y=c.useCallback(()=>{if(D-1<0)return;const e=B.current?.querySelectorAll(".rule-book-highlight");if(!e)return;e[D].style.backgroundColor="#ffffb8";const t=D-1,r=e[t];r.style.backgroundColor="#ffff5c",R(t),x(r,B.current)},[D]),O=c.useCallback(()=>{if(I+1<F){const e=P.current?.querySelectorAll(".user-chat-highlight");if(!e)return;e[I].style.backgroundColor="#ffffb8";const t=I+1,r=e[t];r.style.backgroundColor="#ffff5c",z(t),x(r,H.current)}},[I,F]),K=c.useCallback(()=>{if(I-1<0)return;const e=P.current?.querySelectorAll(".user-chat-highlight");if(!e)return;e[I].style.backgroundColor="#ffffb8";const t=I-1,r=e[t];r.style.backgroundColor="#ffff5c",z(t),x(r,H.current)},[I]),Q=r.getColorCode(p?.relevanceScore||0),_=c.useMemo(()=>{const t=e.jsxs("span",{style:{display:"flex",border:"1px solid",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",borderColor:Q.border,backgroundColor:Q.background,color:Q.text,...p?.slotStyles?.relevanceScore},children:[p?.relevanceTitle||"Decision Strength",":"," ",p?.relevanceScore||0,"%"]},"relevance-score"),r=e.jsx("span",{style:{display:"flex",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",backgroundColor:"white",color:"black",cursor:"pointer"},onClick:S,children:e.jsx(m.default,{})},"close-preview");return j&&!C?.isExpanded?[t,r]:[t]},[j,Q.background,Q.border,Q.text,p?.relevanceScore,p?.slotStyles?.relevanceScore,p?.relevanceTitle]),U=c.useMemo(()=>[q>0&&e.jsx(l.default,{currentItemNumber:D+1,totalItems:q,disableNext:D+1>=q,onNext:W,onPrevious:Y,disablePrevious:D<=0},"rulebook-nav")],[D,W,Y,q]),G=c.useMemo(()=>C?.RuleBookContainerHeight?C.RuleBookContainerHeight:!(!N||C?.isExpanded)&&"600px",[C?.RuleBookContainerHeight,N]),J=c.useMemo(()=>[g?.detailedTab?.chip?.isActive&&F>0&&e.jsx(l.default,{currentItemNumber:I+1,totalItems:F,onNext:O,onPrevious:K,disableNext:I+1>=F,disablePrevious:I<=0},"chat-nav")],[g?.detailedTab?.chip?.isActive,I,O,K,F]),L=e.jsxs("div",{style:{display:"flex",flexDirection:A?N?"column-reverse":"row-reverse":N?"column":"row",gap:[g?.chatData&&g.chatData.length>0&&(g.show||void 0===g.show),y?.data&&(y.show||void 0===y.show),M].filter(Boolean).length>1?"12px":"0",height:G||"100%",minHeight:0,...p?.slotStyles?.container},children:[M&&e.jsx("span",{style:{flex:"1 1 0%",minWidth:0,...g?.slotStyles?.outerContainer},children:e.jsx(t.default,{title:"Invoice Data Preview",icon:e.jsx(u.default,{children:e.jsx(h.Table,{size:16})}),slotStyles:{title:{color:"#475569",fontWeight:500}},secondaryActions:[],children:e.jsx("div",{style:{height:"100%",maxHeight:C?.isExpanded?"none":"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",backgroundColor:"#FFFFFF",position:"relative",overflow:"hidden"},children:w?.rows&&e.jsx(f.BigQueryTable,{rows:w.rows,columns:w.columns||[]})})})}),y?.data&&(y.show||void 0===y.show)&&e.jsx("span",{style:{flex:"1 1 0%",minWidth:0,...y?.slotStyles?.outerContainer},children:e.jsx(t.default,{title:y?.title??"Rule book",icon:y?.ruleBookIcon,slotStyles:{title:{color:"#475569",fontWeight:500,...y?.slotStyles?.title},body:y?.slotStyles?.body},secondaryActions:y?.secondaryActions?y.secondaryActions(U):U,children:e.jsx("div",{style:{height:"100%",maxHeight:"275px",minHeight:0,border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto",...y?.slotStyles?.dataContainer},children:e.jsx("div",{style:{padding:"12px",height:"100%",overflowY:"auto"},ref:B,children:e.jsx(a.default,{data:y.data,renderers:y?.renderer??V})})})})}),g?.chatData&&g.chatData.length>0&&(g.show||void 0===g.show)&&e.jsx("span",{style:{flex:"1 1 0%",minWidth:0,...g?.slotStyles?.outerContainer},children:e.jsx(t.default,{title:g?.title??"Chat",icon:g?.chatIcon,containerStyles:g?.slotStyles?.container,slotStyles:{title:{color:"#475569",fontWeight:500,...g?.slotStyles?.title},body:g?.slotStyles?.body},primaryActions:[(g?.summarizedTab?.chip?.show||void 0===g?.summarizedTab?.chip?.show)&&e.jsx(o.default,{label:"Summarized",...g?.summarizedTab?.chip}),e.jsx(o.default,{label:"Detailed",...g?.detailedTab?.chip})],secondaryActions:g.secondaryActions?g?.secondaryActions(J):J,children:e.jsxs("div",{ref:H,style:{height:"100%",maxHeight:"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto",...g?.slotStyles?.chatDataContainer},children:[g?.detailedTab?.chip?.isActive&&e.jsx("div",{ref:P,style:{position:C?.isExpanded?"absolute":"relative",inset:0,padding:"12px",overflowY:"auto"},children:e.jsx(s.default,{chatData:g.chatData??[],assistantChatProps:{...g?.detailedTab?.view?.assistantChatProps,renderers:g?.detailedTab?.detailedViewRenderer?.assistantText??V},userChatItemProps:{...g?.detailedTab?.view?.userChatItemProps,renderers:g?.detailedTab?.detailedViewRenderer?.userText??V}})}),g?.summarizedTab?.chip?.show&&g?.summarizedTab?.chip?.isActive&&e.jsx(n.default,{chatData:g.chatData??[],...g?.summarizedTab?.view,renderer:g?.summarizedTab?.summarizedViewRenderer??V})]})})})]});return k?e.jsx(t.default,{title:p?.title,slotStyles:{title:p?.slotStyles?.title,body:p?.slotStyles?.body},containerStyles:p?.slotStyles?.container,icon:p?.icon??e.jsx(u.default,{children:e.jsx("img",{src:i.default,alt:"chat icon",style:{width:16,height:16}})}),secondaryActions:p?.secondaryActions?p.secondaryActions(_):_,children:L}):L};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./components/ChatCitation.js"),r=require("./utils/helpers.js"),o=require("./components/Chip.js"),i=require("./assets/message-chat-square.svg.js");require("@mui/icons-material/KeyboardArrowDown"),require("@mui/icons-material/KeyboardArrowUp"),require("@mui/icons-material/Clear");var l=require("./components/InViewNavigation.js"),s=require("./components/DetailedView.js"),n=require("./components/SummarizedView.js"),a=require("./components/RuleBook.js"),c=require("react"),d=require("./constants/renderer.js"),u=require("./components/IconContainer.js"),h=require("lucide-react"),f=require("./BigQueryTable.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=p(require("@mui/icons-material/CloseOutlined"));const x=(e,t,r="smooth")=>{if(!t)return;let o=e.parentElement;for(;o;){const{overflowY:e}=window.getComputedStyle(o);if(("auto"===e||"scroll"===e)&&o.scrollHeight>o.clientHeight)break;if(o===t){o=null;break}o=o.parentElement}const i=o??t,l=e.getBoundingClientRect(),s=i.getBoundingClientRect(),n=i.scrollTop+l.top-s.top-(i.clientHeight-l.height)/2;i.scrollTo({top:Math.max(0,n),behavior:r})},b={chatData:[]};exports.default=function({rootContainer:p,chatContainer:g=b,ruleBookContainer:y,renderer:v,additionalData:C,tableComponent:w,closePreview:S,isRenderedCustomComponent:j=!1,showRootContainer:k=!0,reversePanels:A=!1}){const[q,T]=c.useState(0),[D,R]=c.useState(0),[F,E]=c.useState(0),[I,z]=c.useState(0),B=c.useRef(null),P=c.useRef(null),H=c.useRef(null),V=c.useMemo(()=>({...d.defaultRenderer,...v}),[v]),M=c.useMemo(()=>!!(w?.rows&&Object.keys(w.rows).length>0),[w]),N=c.useMemo(()=>C?.RuleBookDetailedViewVerticallyStacked??!1,[C?.RuleBookDetailedViewVerticallyStacked]);c.useEffect(()=>{if(y?.show&&B.current){const e=B.current?.querySelectorAll(".rule-book-highlight");if(T(e?.length||0),R(0),e&&e.length>0){const t=e[0];t.style.backgroundColor="#ffff5c",x(t,B.current)}}if(g?.show&&P?.current){const e=P.current?.querySelectorAll(".user-chat-highlight");if(E(e?.length||0),z(0),e&&e.length>0){const t=e[0];t.style.backgroundColor="#ffff5c";const r=requestAnimationFrame(()=>{x(t,H.current)});return()=>cancelAnimationFrame(r)}const t=C?.targetIndex;if(void 0!==t&&t>=0&&P.current?.firstElementChild){const e=P.current.firstElementChild.children[t];if(e){const t=requestAnimationFrame(()=>{x(e,H.current)});return()=>cancelAnimationFrame(t)}}}},[g?.show,y?.show,y?.data,g?.chatData,C?.targetIndex]);const W=c.useCallback(()=>{if(D+1<q){const e=B.current?.querySelectorAll(".rule-book-highlight");if(!e)return;e[D].style.backgroundColor="#ffffb8";const t=D+1;R(t);const r=e[t];r.style.backgroundColor="#ffff5c",x(r,B.current)}},[D,q]),Y=c.useCallback(()=>{if(D-1<0)return;const e=B.current?.querySelectorAll(".rule-book-highlight");if(!e)return;e[D].style.backgroundColor="#ffffb8";const t=D-1,r=e[t];r.style.backgroundColor="#ffff5c",R(t),x(r,B.current)},[D]),O=c.useCallback(()=>{if(I+1<F){const e=P.current?.querySelectorAll(".user-chat-highlight");if(!e)return;e[I].style.backgroundColor="#ffffb8";const t=I+1,r=e[t];r.style.backgroundColor="#ffff5c",z(t),x(r,H.current)}},[I,F]),K=c.useCallback(()=>{if(I-1<0)return;const e=P.current?.querySelectorAll(".user-chat-highlight");if(!e)return;e[I].style.backgroundColor="#ffffb8";const t=I-1,r=e[t];r.style.backgroundColor="#ffff5c",z(t),x(r,H.current)},[I]),Q=r.getColorCode(p?.relevanceScore||0),_=c.useMemo(()=>{const t=e.jsxs("span",{style:{display:"flex",border:"1px solid",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",borderColor:Q.border,backgroundColor:Q.background,color:Q.text,...p?.slotStyles?.relevanceScore},children:[p?.relevanceTitle||"Decision Strength",":"," ",p?.relevanceScore||0,"%"]},"relevance-score"),r=e.jsx("span",{style:{display:"flex",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",backgroundColor:"white",color:"black",cursor:"pointer"},onClick:S,children:e.jsx(m.default,{})},"close-preview");return j&&!C?.isExpanded?[t,r]:[t]},[j,Q.background,Q.border,Q.text,p?.relevanceScore,p?.slotStyles?.relevanceScore,p?.relevanceTitle]),U=c.useMemo(()=>[q>0&&e.jsx(l.default,{currentItemNumber:D+1,totalItems:q,disableNext:D+1>=q,onNext:W,onPrevious:Y,disablePrevious:D<=0},"rulebook-nav")],[D,W,Y,q]),G=c.useMemo(()=>C?.RuleBookContainerHeight?C.RuleBookContainerHeight:!(!N||C?.isExpanded)&&"600px",[C?.RuleBookContainerHeight,N]),J=c.useMemo(()=>[g?.detailedTab?.chip?.isActive&&F>0&&e.jsx(l.default,{currentItemNumber:I+1,totalItems:F,onNext:O,onPrevious:K,disableNext:I+1>=F,disablePrevious:I<=0},"chat-nav")],[g?.detailedTab?.chip?.isActive,I,O,K,F]),L=e.jsxs("div",{style:{display:"flex",flexDirection:A?N?"column-reverse":"row-reverse":N?"column":"row",gap:[g?.chatData&&g.chatData.length>0&&(g.show||void 0===g.show),y?.data&&(y.show||void 0===y.show),M].filter(Boolean).length>1?"12px":"0",height:G||"100%",minHeight:0,...p?.slotStyles?.container},children:[M&&e.jsx("span",{style:{flex:"1 1 0%",minWidth:0,...g?.slotStyles?.outerContainer},children:e.jsx(t.default,{title:"Invoice Data Preview",icon:e.jsx(u.default,{children:e.jsx(h.Table,{size:16})}),slotStyles:{title:{color:"#475569",fontWeight:500}},secondaryActions:[],children:e.jsx("div",{style:{height:"100%",maxHeight:C?.isExpanded?"none":"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",backgroundColor:"#FFFFFF",position:"relative",overflow:"hidden"},children:w?.rows&&e.jsx(f.BigQueryTable,{rows:w.rows,columns:w.columns||[]})})})}),y?.data&&(y.show||void 0===y.show)&&e.jsx("span",{style:{flex:"1 1 0%",minWidth:0,...y?.slotStyles?.outerContainer},children:e.jsx(t.default,{title:y?.title??"Rule book",icon:y?.ruleBookIcon,slotStyles:{title:{color:"#475569",fontWeight:500,...y?.slotStyles?.title},body:y?.slotStyles?.body},secondaryActions:y?.secondaryActions?y.secondaryActions(U):U,children:e.jsx("div",{style:{height:"100%",maxHeight:"275px",minHeight:0,border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto",...y?.slotStyles?.dataContainer},children:e.jsx("div",{style:{padding:"12px",height:"100%",overflowY:"auto"},ref:B,children:e.jsx(a.default,{data:y.data,renderers:y?.renderer??V})})})})}),g?.chatData&&g.chatData.length>0&&(g.show||void 0===g.show)&&e.jsx("span",{style:{flex:"1 1 0%",minWidth:0,...g?.slotStyles?.outerContainer},children:e.jsx(t.default,{title:g?.title??"Chat",icon:g?.chatIcon,containerStyles:g?.slotStyles?.container,slotStyles:{title:{color:"#475569",fontWeight:500,...g?.slotStyles?.title},body:g?.slotStyles?.body},primaryActions:[(g?.summarizedTab?.chip?.show||void 0===g?.summarizedTab?.chip?.show)&&e.jsx(o.default,{label:"Summarized",...g?.summarizedTab?.chip}),e.jsx(o.default,{label:"Detailed",...g?.detailedTab?.chip})],secondaryActions:g.secondaryActions?g?.secondaryActions(J):J,children:e.jsxs("div",{ref:H,style:{height:"100%",maxHeight:"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto",...g?.slotStyles?.chatDataContainer},children:[g?.detailedTab?.chip?.isActive&&e.jsx("div",{ref:P,style:{position:C?.isExpanded?"absolute":"relative",inset:0,padding:"12px",overflowY:"auto"},children:e.jsx(s.default,{chatData:g.chatData??[],assistantChatProps:{...g?.detailedTab?.view?.assistantChatProps,renderers:g?.detailedTab?.detailedViewRenderer?.assistantText??V},userChatItemProps:{...g?.detailedTab?.view?.userChatItemProps,renderers:g?.detailedTab?.detailedViewRenderer?.userText??V}})}),g?.summarizedTab?.chip?.show&&g?.summarizedTab?.chip?.isActive&&e.jsx(n.default,{chatData:g.chatData??[],...g?.summarizedTab?.view,renderer:g?.summarizedTab?.summarizedViewRenderer??V})]})})})]});return k?e.jsx(t.default,{title:p?.title,slotStyles:{title:p?.slotStyles?.title,body:p?.slotStyles?.body},containerStyles:p?.slotStyles?.container,icon:p?.icon??e.jsx(u.default,{children:e.jsx("img",{src:i.default,alt:"chat icon",style:{width:16,height:16}})}),secondaryActions:p?.secondaryActions?p.secondaryActions(_):_,children:L}):L};
 //# sourceMappingURL=InternalChatCitationRenderer.js.map

package/dist/cjs/features/ChatCitation/InternalChatCitationRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InternalChatCitationRenderer.js","sources":["../../../../src/features/ChatCitation/InternalChatCitationRenderer.tsx"],"sourcesContent":["import ChatCitation from \"./components/ChatCitation\";\nimport { FeatureModMarkdownProps } from \"./components/MarkdownRenderer\";\nimport { ChatCitationProps } from \"./types/citations.types\";\nimport { getColorCode } from \"./utils/helpers\";\nimport Chip from \"./components/Chip\";\nimport { ChatIcon } from \"./constants/icons\";\nimport InViewNavigation from \"./components/InViewNavigation\";\nimport DetailedView from \"./components/DetailedView\";\nimport SummarizedView from \"./components/SummarizedView\";\nimport RuleBook from \"./components/RuleBook\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { defaultRenderer } from \"./constants/renderer\";\nimport \"./styles/common.css\";\nimport IconContainer from \"./components/IconContainer\";\nimport { Table } from \"lucide-react\";\nimport { BigQueryTable } from \"./BigQueryTable\";\nimport CloseOutlinedIcon from '@mui/icons-material/CloseOutlined';\n// BigQuery Table Data Interface\ninterface BigQueryTableData {\n rows: Record<string, any[]>;\n columns?: string[];\n}\n\n/*\n Scrolls the given element into view within the specified container boundary\n * instead of delegating the scrolling to browser's default behavior.\n */\nconst scrollHighlightIntoContainer = (\n element: HTMLElement,\n containerBoundary: HTMLElement \| null,\n behavior: ScrollBehavior = \"smooth\",\n) => {\n if (!containerBoundary) return;\n\n let scrollContainer: HTMLElement \| null = element.parentElement;\n\n while (scrollContainer) {\n const { overflowY } = window.getComputedStyle(scrollContainer);\n const canScroll =\n (overflowY === \"auto\" \|\| overflowY === \"scroll\") &&\n scrollContainer.scrollHeight > scrollContainer.clientHeight;\n\n if (canScroll) break;\n if (scrollContainer === containerBoundary) {\n scrollContainer = null;\n break;\n }\n\n scrollContainer = scrollContainer.parentElement;\n }\n\n const container = scrollContainer ?? containerBoundary;\n const elementRect = element.getBoundingClientRect();\n const containerRect = container.getBoundingClientRect();\n const top =\n container.scrollTop +\n elementRect.top -\n containerRect.top -\n (container.clientHeight - elementRect.height) / 2;\n\n container.scrollTo({\n top: Math.max(0, top),\n behavior,\n });\n};\n\n\ntype InternalChatCitationRendererProps = ChatCitationProps & {\n showRootContainer?: boolean; \n tableComponent?: BigQueryTableData; // Changed to BigQueryTableData\n};\n\nconst EMPTY_CHAT_CONTAINER = { chatData: [] };\n\nexport default function InternalChatCitationRenderer({\n rootContainer,\n chatContainer = EMPTY_CHAT_CONTAINER,\n ruleBookContainer,\n renderer,\n additionalData,\n tableComponent,\n closePreview,\n isRenderedCustomComponent = false,\n showRootContainer = true, \n reversePanels=false\n}: InternalChatCitationRendererProps) {\n const [\n totalNumberOfHighlightedItemsInRuleBook,\n setTotalNumberOfHighlightedItemsInRuleBook,\n ] = useState<number>(0);\n const [currentlyHighlightedInRuleBook, setCurrentlyHighlightedInRuleBook] =\n useState<number>(0);\n\n const [\n totalNumberOfHighlightedItemsInUserChat,\n setTotalNumberOfHighlightedItemsInUserChat,\n ] = useState<number>(0);\n const [currentlyHighlightedInUserChat, setCurrentlyHighlightedInUserChat] =\n useState<number>(0);\n\n const ruleBookRef = useRef<HTMLDivElement \| null>(null);\n const userChatRef = useRef<HTMLDivElement \| null>(null);\n const userChatScrollRef = useRef<HTMLDivElement \| null>(null);\n\n const rendererToUse: FeatureModMarkdownProps[\"renderers\"] = useMemo(() => {\n return { ...defaultRenderer, ...renderer };\n }, [renderer]);\n\n const isTableDataPresent = useMemo(() => {\n return !!(\n tableComponent?.rows &&\n Object.keys(tableComponent.rows).length > 0\n );\n }, [tableComponent]);\n\n // Determine if we're in vertical (column) or horizontal (row) layout\n const isVerticalLayout = useMemo(() => {\n return additionalData?.RuleBookDetailedViewVerticallyStacked ?? false;\n }, [additionalData?.RuleBookDetailedViewVerticallyStacked]);\n\n useEffect(() => {\n if (ruleBookContainer?.show && ruleBookRef.current) {\n const result = ruleBookRef.current?.querySelectorAll(\n \".rule-book-highlight\",\n );\n setTotalNumberOfHighlightedItemsInRuleBook(result?.length \|\| 0);\n setCurrentlyHighlightedInRuleBook(0);\n if (result && result.length > 0) {\n const element = result[0] as HTMLElement;\n element.style.backgroundColor = \"#ffff5c\";\n scrollHighlightIntoContainer(element, ruleBookRef.current);\n }\n }\n if (chatContainer?.show && userChatRef?.current) {\n const userChatHighlightsResult = userChatRef.current?.querySelectorAll(\n \".user-chat-highlight\",\n );\n setTotalNumberOfHighlightedItemsInUserChat(\n userChatHighlightsResult?.length \|\| 0,\n );\n setCurrentlyHighlightedInUserChat(0);\n if (userChatHighlightsResult && userChatHighlightsResult.length > 0) {\n const element = userChatHighlightsResult[0] as HTMLElement;\n element.style.backgroundColor = \"#ffff5c\";\n\n // request animation frame to ensure DOM has completely rendered before scrolling\n const animationFrame = requestAnimationFrame(() => {\n scrollHighlightIntoContainer(element, userChatScrollRef.current);\n });\n\n return () => cancelAnimationFrame(animationFrame);\n }\n // FALLBACK LOGIC IF THE HIGHLIGHTED_PHRASE is empty and we got the msgOrderNumber for CR_CITATION\n const targetIndex = (additionalData as any)?.targetIndex;\n if (targetIndex !== undefined && targetIndex >= 0 && userChatRef.current?.firstElementChild) {\n const messageNode = userChatRef.current.firstElementChild.children[targetIndex] as HTMLElement;\n if (messageNode) {\n const animationFrame = requestAnimationFrame(() => {\n scrollHighlightIntoContainer(messageNode, userChatScrollRef.current);\n });\n return () => cancelAnimationFrame(animationFrame);\n }\n }\n }\n }, [\n chatContainer?.show,\n ruleBookContainer?.show,\n ruleBookContainer?.data,\n chatContainer?.chatData,\n (additionalData as any)?.targetIndex\n ]);\n\n const handleRuleBookNextHighlight = useCallback(() => {\n if (\n currentlyHighlightedInRuleBook + 1 <\n totalNumberOfHighlightedItemsInRuleBook\n ) {\n const result = ruleBookRef.current?.querySelectorAll(\n \".rule-book-highlight\",\n );\n if (!result) return;\n const prevElement = result[currentlyHighlightedInRuleBook] as HTMLElement;\n prevElement.style.backgroundColor = \"#ffffb8\";\n const nextIndex = currentlyHighlightedInRuleBook + 1;\n setCurrentlyHighlightedInRuleBook(nextIndex);\n const element = result[nextIndex] as HTMLElement;\n element.style.backgroundColor = \"#ffff5c\";\n scrollHighlightIntoContainer(element, ruleBookRef.current);\n }\n }, [currentlyHighlightedInRuleBook, totalNumberOfHighlightedItemsInRuleBook]);\n\n const handleRuleBookPreviousHighlight = useCallback(() => {\n if (currentlyHighlightedInRuleBook - 1 < 0) return;\n const result = ruleBookRef.current?.querySelectorAll(\n \".rule-book-highlight\",\n );\n if (!result) return;\n const element = result[currentlyHighlightedInRuleBook] as HTMLElement;\n element.style.backgroundColor = \"#ffffb8\";\n const previousIndex = currentlyHighlightedInRuleBook - 1;\n const prevElement = result[previousIndex] as HTMLElement;\n prevElement.style.backgroundColor = \"#ffff5c\";\n setCurrentlyHighlightedInRuleBook(previousIndex);\n scrollHighlightIntoContainer(prevElement, ruleBookRef.current);\n }, [currentlyHighlightedInRuleBook]);\n\n const handleUserChatNextHighlight = useCallback(() => {\n if (\n currentlyHighlightedInUserChat + 1 <\n totalNumberOfHighlightedItemsInUserChat\n ) {\n const result = userChatRef.current?.querySelectorAll(\n \".user-chat-highlight\",\n );\n if (!result) return;\n const element = result[currentlyHighlightedInUserChat] as HTMLElement;\n element.style.backgroundColor = \"#ffffb8\";\n const nextIndex = currentlyHighlightedInUserChat + 1;\n const nextElement = result[nextIndex] as HTMLElement;\n nextElement.style.backgroundColor = \"#ffff5c\";\n setCurrentlyHighlightedInUserChat(nextIndex);\n scrollHighlightIntoContainer(nextElement, userChatScrollRef.current);\n }\n }, [currentlyHighlightedInUserChat, totalNumberOfHighlightedItemsInUserChat]);\n\n const handleUserChatPreviousHighlight = useCallback(() => {\n if (currentlyHighlightedInUserChat - 1 < 0) return;\n const result = userChatRef.current?.querySelectorAll(\n \".user-chat-highlight\",\n );\n if (!result) return;\n const element = result[currentlyHighlightedInUserChat] as HTMLElement;\n element.style.backgroundColor = \"#ffffb8\";\n const previousIndex = currentlyHighlightedInUserChat - 1;\n const prevElement = result[previousIndex] as HTMLElement;\n prevElement.style.backgroundColor = \"#ffff5c\";\n setCurrentlyHighlightedInUserChat(previousIndex);\n scrollHighlightIntoContainer(prevElement, userChatScrollRef.current);\n }, [currentlyHighlightedInUserChat]);\n\n const colorCodes = getColorCode(rootContainer?.relevanceScore \|\| 0);\n\nconst rootContainerSecondaryActions = useMemo(() => {\n const relevanceBadge = (\n <span\n key=\"relevance-score\"\n style={{\n display: \"flex\",\n border: \"1px solid\",\n alignItems: \"center\",\n gap: \"4px\",\n borderRadius: \"6px\",\n padding: \"2px 8px\",\n fontSize: \"12px\",\n borderColor: colorCodes.border,\n backgroundColor: colorCodes.background,\n color: colorCodes.text,\n ...rootContainer?.slotStyles?.relevanceScore,\n }}\n >\n {rootContainer?.relevanceTitle \|\| \"Decision Strength\"}:{\" \"}\n {rootContainer?.relevanceScore \|\| 0}%\n \n </span>\n );\n\n const closeButton = (\n <span\n key=\"close-preview\"\n style={{\n display: \"flex\",\n // border: \"1px solid black\",\n alignItems: \"center\",\n gap: \"4px\",\n borderRadius: \"6px\",\n padding: \"2px 8px\",\n fontSize: \"12px\",\n backgroundColor: \"white\",\n color: \"black\",\n cursor: \"pointer\",\n }}\n onClick={closePreview}\n >\n <CloseOutlinedIcon />\n </span>\n );\n\n return isRenderedCustomComponent && !additionalData?.isExpanded ? [relevanceBadge,closeButton] : [relevanceBadge];\n}, [\n isRenderedCustomComponent,\n colorCodes.background,\n colorCodes.border,\n colorCodes.text,\n rootContainer?.relevanceScore,\n rootContainer?.slotStyles?.relevanceScore,\n rootContainer?.relevanceTitle,\n]);\n\n const ruleBookContainerSecondaryActions = useMemo(() => {\n return [\n totalNumberOfHighlightedItemsInRuleBook > 0 && (\n <InViewNavigation\n key=\"rulebook-nav\"\n currentItemNumber={currentlyHighlightedInRuleBook + 1}\n totalItems={totalNumberOfHighlightedItemsInRuleBook}\n disableNext={\n currentlyHighlightedInRuleBook + 1 >=\n totalNumberOfHighlightedItemsInRuleBook\n }\n onNext={handleRuleBookNextHighlight}\n onPrevious={handleRuleBookPreviousHighlight}\n disablePrevious={currentlyHighlightedInRuleBook <= 0}\n />\n ),\n ];\n }, [\n currentlyHighlightedInRuleBook,\n handleRuleBookNextHighlight,\n handleRuleBookPreviousHighlight,\n totalNumberOfHighlightedItemsInRuleBook,\n ]);\n\n\n\n const containerHeight = useMemo(() => {\n if (additionalData?.RuleBookContainerHeight) {\n return additionalData.RuleBookContainerHeight;\n }\n\n if (isVerticalLayout) {\n if(!additionalData?.isExpanded){\n return \"600px\";\n }\n }\n\n return false;\n }, [additionalData?.RuleBookContainerHeight, isVerticalLayout]);\n\n const chatContainerSecondaryActions = useMemo(() => {\n return [\n chatContainer?.detailedTab?.chip?.isActive &&\n totalNumberOfHighlightedItemsInUserChat > 0 && (\n <InViewNavigation\n key=\"chat-nav\"\n currentItemNumber={currentlyHighlightedInUserChat + 1}\n totalItems={totalNumberOfHighlightedItemsInUserChat}\n onNext={handleUserChatNextHighlight}\n onPrevious={handleUserChatPreviousHighlight}\n disableNext={\n currentlyHighlightedInUserChat + 1 >=\n totalNumberOfHighlightedItemsInUserChat\n }\n disablePrevious={currentlyHighlightedInUserChat <= 0}\n />\n ),\n ];\n }, [\n chatContainer?.detailedTab?.chip?.isActive,\n currentlyHighlightedInUserChat,\n handleUserChatNextHighlight,\n handleUserChatPreviousHighlight,\n totalNumberOfHighlightedItemsInUserChat,\n ]);\n\n\n\n\n // Extract the inner content that's currently inside <ChatCitation>\nconst innerContent = (\n <div\n style={{\n display: \"flex\",\n flexDirection: reversePanels ? isVerticalLayout ? \"column-reverse\" : \"row-reverse\": isVerticalLayout ? \"column\" : \"row\",\n gap: (() => {\n const hasChat = chatContainer?.chatData && chatContainer.chatData.length > 0 && (chatContainer.show \|\| chatContainer.show === undefined);\n const hasRulebook = ruleBookContainer?.data && (ruleBookContainer.show \|\| ruleBookContainer.show === undefined);\n const hasTable = isTableDataPresent;\n \n // Count how many containers we have\n const containerCount = [hasChat, hasRulebook, hasTable].filter(Boolean).length;\n \n // Only add gap if we have more than 1 container\n return containerCount > 1 ? \"12px\" : \"0\";\n })(),\n height: containerHeight ? containerHeight : \"100%\",\n minHeight: 0,\n ...rootContainer?.slotStyles?.container, \n }}\n >\n {isTableDataPresent && (\n <span style={{ flex: \"1 1 0%\", minWidth: 0, ...chatContainer?.slotStyles?.outerContainer }}>\n <ChatCitation\n title=\"Invoice Data Preview\"\n icon={\n <IconContainer>\n <Table size={16} />\n </IconContainer>\n }\n slotStyles={{\n title: {\n color: \"#475569\",\n fontWeight: 500,\n },\n }}\n secondaryActions={[]}\n >\n <div\n style={{\n height: \"100%\",\n maxHeight: additionalData?.isExpanded ? \"none\" : \"275px\",\n border: \"2px solid #E2E8F0\",\n borderRadius: \"8px\",\n display: \"flex\",\n flexDirection: \"column\",\n backgroundColor: \"#FFFFFF\",\n position: \"relative\",\n overflow: \"hidden\",\n }}\n >\n {tableComponent?.rows && (\n <BigQueryTable\n rows={tableComponent.rows}\n columns={tableComponent.columns \|\| []}\n />\n )}\n </div>\n </ChatCitation>\n </span>\n )}\n\n {ruleBookContainer?.data &&\n (ruleBookContainer.show \|\| ruleBookContainer.show === undefined) && (\n <span style={{ flex: \"1 1 0%\", minWidth: 0, ...ruleBookContainer?.slotStyles?.outerContainer }}>\n <ChatCitation\n title={ruleBookContainer?.title ?? \"Rule book\"}\n icon={ruleBookContainer?.ruleBookIcon}\n slotStyles={{\n title: {\n color: \"#475569\",\n fontWeight: 500,\n ...ruleBookContainer?.slotStyles?.title,\n },\n body: ruleBookContainer?.slotStyles?.body,\n }}\n secondaryActions={\n ruleBookContainer?.secondaryActions\n ? ruleBookContainer.secondaryActions(\n ruleBookContainerSecondaryActions,\n )\n : ruleBookContainerSecondaryActions\n }\n >\n \n <div\n style={{\n height: \"100%\",\n maxHeight: \"275px\",\n minHeight: 0,\n border: \"2px solid #E2E8F0\",\n borderRadius: \"8px\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"12px\",\n backgroundColor: \"#F8FAFC\",\n position: \"relative\",\n overflowY: \"auto\",\n ...ruleBookContainer?.slotStyles?.dataContainer,\n }}\n >\n <div\n style={{\n padding: \"12px\",\n height: \"100%\",\n overflowY: \"auto\",\n }}\n ref={ruleBookRef}\n >\n <RuleBook\n data={ruleBookContainer.data}\n renderers={ruleBookContainer?.renderer ?? rendererToUse}\n />\n </div>\n </div>\n </ChatCitation>\n </span>\n )}\n\n {chatContainer?.chatData && chatContainer.chatData.length > 0 && (chatContainer.show \|\| chatContainer.show === undefined) && (\n <span style={{ flex: \"1 1 0%\", minWidth: 0, ...chatContainer?.slotStyles?.outerContainer }}>\n <ChatCitation\n title={chatContainer?.title ?? \"Chat\"}\n icon={chatContainer?.chatIcon}\n containerStyles={chatContainer?.slotStyles?.container}\n slotStyles={{\n title: {\n color: \"#475569\",\n fontWeight: 500,\n ...chatContainer?.slotStyles?.title,\n },\n body: chatContainer?.slotStyles?.body,\n }}\n primaryActions={[\n (chatContainer?.summarizedTab?.chip?.show \|\|\n chatContainer?.summarizedTab?.chip?.show === undefined) && (\n <Chip\n label=\"Summarized\"\n {...chatContainer?.summarizedTab?.chip}\n />\n ),\n <Chip label=\"Detailed\" {...chatContainer?.detailedTab?.chip} />,\n ]}\n secondaryActions={\n chatContainer.secondaryActions\n ? chatContainer?.secondaryActions(\n chatContainerSecondaryActions,\n )\n : chatContainerSecondaryActions\n }\n >\n <div\n ref={userChatScrollRef}\n style={{\n height: \"100%\",\n maxHeight: \"275px\",\n border: \"2px solid #E2E8F0\",\n borderRadius: \"8px\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"12px\",\n backgroundColor: \"#F8FAFC\",\n position: \"relative\",\n overflowY: \"auto\",\n ...chatContainer?.slotStyles?.chatDataContainer,\n }}\n >\n {chatContainer?.detailedTab?.chip?.isActive && (\n <div\n ref={userChatRef}\n style={{\n position: additionalData?.isExpanded\n ? \"absolute\"\n : \"relative\",\n inset: 0,\n padding: \"12px\",\n overflowY: \"auto\",\n }}\n >\n <DetailedView\n chatData={chatContainer.chatData ?? []}\n assistantChatProps={{\n ...chatContainer?.detailedTab?.view?.assistantChatProps,\n renderers:\n chatContainer?.detailedTab?.detailedViewRenderer\n ?.assistantText ?? rendererToUse,\n }}\n userChatItemProps={{\n ...chatContainer?.detailedTab?.view?.userChatItemProps,\n renderers:\n chatContainer?.detailedTab?.detailedViewRenderer\n ?.userText ?? rendererToUse,\n }}\n />\n </div>\n )}\n {chatContainer?.summarizedTab?.chip?.show &&\n chatContainer?.summarizedTab?.chip?.isActive && (\n <SummarizedView\n chatData={chatContainer.chatData ?? []}\n {...chatContainer?.summarizedTab?.view}\n renderer={\n chatContainer?.summarizedTab?.summarizedViewRenderer ??\n rendererToUse\n }\n />\n )}\n </div>\n </ChatCitation>\n </span>\n )}\n </div>\n);\n\n// Conditional wrapper\nif (!showRootContainer) {\n return innerContent;\n}\n\nreturn (\n <ChatCitation\n title={rootContainer?.title}\n slotStyles={{\n title: rootContainer?.slotStyles?.title,\n body: rootContainer?.slotStyles?.body,\n }}\n containerStyles={rootContainer?.slotStyles?.container}\n icon={\n rootContainer?.icon ?? (\n <IconContainer>\n <img\n src={ChatIcon}\n alt=\"chat icon\"\n style={{ width: 16, height: 16 }}\n />\n </IconContainer>\n )\n }\n secondaryActions={\n rootContainer?.secondaryActions\n ? rootContainer.secondaryActions(rootContainerSecondaryActions)\n : rootContainerSecondaryActions\n }\n >\n {innerContent}\n </ChatCitation>\n);\n}"],"names":["scrollHighlightIntoContainer","element","containerBoundary","behavior","scrollContainer","parentElement","overflowY","window","getComputedStyle","scrollHeight","clientHeight","container","elementRect","getBoundingClientRect","containerRect","top","scrollTop","height","scrollTo","Math","max","EMPTY_CHAT_CONTAINER","chatData","rootContainer","chatContainer","ruleBookContainer","renderer","additionalData","tableComponent","closePreview","isRenderedCustomComponent","showRootContainer","reversePanels","totalNumberOfHighlightedItemsInRuleBook","setTotalNumberOfHighlightedItemsInRuleBook","useState","currentlyHighlightedInRuleBook","setCurrentlyHighlightedInRuleBook","totalNumberOfHighlightedItemsInUserChat","setTotalNumberOfHighlightedItemsInUserChat","currentlyHighlightedInUserChat","setCurrentlyHighlightedInUserChat","ruleBookRef","useRef","userChatRef","userChatScrollRef","rendererToUse","useMemo","defaultRenderer","isTableDataPresent","rows","Object","keys","length","isVerticalLayout","RuleBookDetailedViewVerticallyStacked","useEffect","show","current","result","querySelectorAll","style","backgroundColor","userChatHighlightsResult","animationFrame","requestAnimationFrame","cancelAnimationFrame","targetIndex","firstElementChild","messageNode","children","data","handleRuleBookNextHighlight","useCallback","nextIndex","handleRuleBookPreviousHighlight","previousIndex","prevElement","handleUserChatNextHighlight","nextElement","handleUserChatPreviousHighlight","colorCodes","getColorCode","relevanceScore","rootContainerSecondaryActions","relevanceBadge","jsxs","display","border","alignItems","gap","borderRadius","padding","fontSize","borderColor","background","color","text","slotStyles","relevanceTitle","closeButton","jsx","cursor","onClick","CloseOutlinedIcon","isExpanded","ruleBookContainerSecondaryActions","InViewNavigation","currentItemNumber","totalItems","disableNext","onNext","onPrevious","disablePrevious","containerHeight","RuleBookContainerHeight","chatContainerSecondaryActions","detailedTab","chip","isActive","innerContent","flexDirection","filter","Boolean","minHeight","flex","minWidth","outerContainer","ChatCitation","title","icon","IconContainer","Table","size","fontWeight","secondaryActions","maxHeight","position","overflow","BigQueryTable","columns","ruleBookIcon","body","dataContainer","ref","RuleBook","renderers","chatIcon","containerStyles","primaryActions","summarizedTab","Chip","label","chatDataContainer","inset","DetailedView","assistantChatProps","view","detailedViewRenderer","assistantText","userChatItemProps","userText","SummarizedView","summarizedViewRenderer","src","ChatIcon","alt","width"],"mappings":"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"}
1	+ {"version":3,"file":"InternalChatCitationRenderer.js","sources":["../../../../src/features/ChatCitation/InternalChatCitationRenderer.tsx"],"sourcesContent":["import ChatCitation from \"./components/ChatCitation\";\nimport { FeatureModMarkdownProps } from \"./components/MarkdownRenderer\";\nimport { ChatCitationProps } from \"./types/citations.types\";\nimport { getColorCode } from \"./utils/helpers\";\nimport Chip from \"./components/Chip\";\nimport { ChatIcon } from \"./constants/icons\";\nimport InViewNavigation from \"./components/InViewNavigation\";\nimport DetailedView from \"./components/DetailedView\";\nimport SummarizedView from \"./components/SummarizedView\";\nimport RuleBook from \"./components/RuleBook\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { defaultRenderer } from \"./constants/renderer\";\nimport \"./styles/common.css\";\nimport IconContainer from \"./components/IconContainer\";\nimport { Table } from \"lucide-react\";\nimport { BigQueryTable } from \"./BigQueryTable\";\nimport CloseOutlinedIcon from '@mui/icons-material/CloseOutlined';\n// BigQuery Table Data Interface\ninterface BigQueryTableData {\n rows: Record<string, any[]>;\n columns?: string[];\n}\n\n/*\n Scrolls the given element into view within the specified container boundary\n * instead of delegating the scrolling to browser's default behavior.\n */\nconst scrollHighlightIntoContainer = (\n element: HTMLElement,\n containerBoundary: HTMLElement \| null,\n behavior: ScrollBehavior = \"smooth\",\n) => {\n if (!containerBoundary) return;\n\n let scrollContainer: HTMLElement \| null = element.parentElement;\n\n while (scrollContainer) {\n const { overflowY } = window.getComputedStyle(scrollContainer);\n const canScroll =\n (overflowY === \"auto\" \|\| overflowY === \"scroll\") &&\n scrollContainer.scrollHeight > scrollContainer.clientHeight;\n\n if (canScroll) break;\n if (scrollContainer === containerBoundary) {\n scrollContainer = null;\n break;\n }\n\n scrollContainer = scrollContainer.parentElement;\n }\n\n const container = scrollContainer ?? containerBoundary;\n const elementRect = element.getBoundingClientRect();\n const containerRect = container.getBoundingClientRect();\n const top =\n container.scrollTop +\n elementRect.top -\n containerRect.top -\n (container.clientHeight - elementRect.height) / 2;\n\n container.scrollTo({\n top: Math.max(0, top),\n behavior,\n });\n};\n\n\ntype InternalChatCitationRendererProps = ChatCitationProps & {\n showRootContainer?: boolean; \n tableComponent?: BigQueryTableData; // Changed to BigQueryTableData\n};\n\nconst EMPTY_CHAT_CONTAINER = { chatData: [] };\n\nexport default function InternalChatCitationRenderer({\n rootContainer,\n chatContainer = EMPTY_CHAT_CONTAINER,\n ruleBookContainer,\n renderer,\n additionalData,\n tableComponent,\n closePreview,\n isRenderedCustomComponent = false,\n showRootContainer = true, \n reversePanels=false\n}: InternalChatCitationRendererProps) {\n const [\n totalNumberOfHighlightedItemsInRuleBook,\n setTotalNumberOfHighlightedItemsInRuleBook,\n ] = useState<number>(0);\n const [currentlyHighlightedInRuleBook, setCurrentlyHighlightedInRuleBook] =\n useState<number>(0);\n\n const [\n totalNumberOfHighlightedItemsInUserChat,\n setTotalNumberOfHighlightedItemsInUserChat,\n ] = useState<number>(0);\n const [currentlyHighlightedInUserChat, setCurrentlyHighlightedInUserChat] =\n useState<number>(0);\n\n const ruleBookRef = useRef<HTMLDivElement \| null>(null);\n const userChatRef = useRef<HTMLDivElement \| null>(null);\n const userChatScrollRef = useRef<HTMLDivElement \| null>(null);\n\n const rendererToUse: FeatureModMarkdownProps[\"renderers\"] = useMemo(() => {\n return { ...defaultRenderer, ...renderer };\n }, [renderer]);\n\n const isTableDataPresent = useMemo(() => {\n return !!(\n tableComponent?.rows &&\n Object.keys(tableComponent.rows).length > 0\n );\n }, [tableComponent]);\n\n // Determine if we're in vertical (column) or horizontal (row) layout\n const isVerticalLayout = useMemo(() => {\n return additionalData?.RuleBookDetailedViewVerticallyStacked ?? false;\n }, [additionalData?.RuleBookDetailedViewVerticallyStacked]);\n\n useEffect(() => {\n if (ruleBookContainer?.show && ruleBookRef.current) {\n const result = ruleBookRef.current?.querySelectorAll(\n \".rule-book-highlight\",\n );\n setTotalNumberOfHighlightedItemsInRuleBook(result?.length \|\| 0);\n setCurrentlyHighlightedInRuleBook(0);\n if (result && result.length > 0) {\n const element = result[0] as HTMLElement;\n element.style.backgroundColor = \"#ffff5c\";\n scrollHighlightIntoContainer(element, ruleBookRef.current);\n }\n }\n if (chatContainer?.show && userChatRef?.current) {\n const userChatHighlightsResult = userChatRef.current?.querySelectorAll(\n \".user-chat-highlight\",\n );\n setTotalNumberOfHighlightedItemsInUserChat(\n userChatHighlightsResult?.length \|\| 0,\n );\n setCurrentlyHighlightedInUserChat(0);\n if (userChatHighlightsResult && userChatHighlightsResult.length > 0) {\n const element = userChatHighlightsResult[0] as HTMLElement;\n element.style.backgroundColor = \"#ffff5c\";\n\n // request animation frame to ensure DOM has completely rendered before scrolling\n const animationFrame = requestAnimationFrame(() => {\n scrollHighlightIntoContainer(element, userChatScrollRef.current);\n });\n\n return () => cancelAnimationFrame(animationFrame);\n }\n // FALLBACK LOGIC IF THE HIGHLIGHTED_PHRASE is empty and we got the msgOrderNumber for CR_CITATION\n const targetIndex = (additionalData as any)?.targetIndex;\n if (targetIndex !== undefined && targetIndex >= 0 && userChatRef.current?.firstElementChild) {\n const messageNode = userChatRef.current.firstElementChild.children[targetIndex] as HTMLElement;\n if (messageNode) {\n const animationFrame = requestAnimationFrame(() => {\n scrollHighlightIntoContainer(messageNode, userChatScrollRef.current);\n });\n return () => cancelAnimationFrame(animationFrame);\n }\n }\n }\n }, [\n chatContainer?.show,\n ruleBookContainer?.show,\n ruleBookContainer?.data,\n chatContainer?.chatData,\n (additionalData as any)?.targetIndex\n ]);\n\n const handleRuleBookNextHighlight = useCallback(() => {\n if (\n currentlyHighlightedInRuleBook + 1 <\n totalNumberOfHighlightedItemsInRuleBook\n ) {\n const result = ruleBookRef.current?.querySelectorAll(\n \".rule-book-highlight\",\n );\n if (!result) return;\n const prevElement = result[currentlyHighlightedInRuleBook] as HTMLElement;\n prevElement.style.backgroundColor = \"#ffffb8\";\n const nextIndex = currentlyHighlightedInRuleBook + 1;\n setCurrentlyHighlightedInRuleBook(nextIndex);\n const element = result[nextIndex] as HTMLElement;\n element.style.backgroundColor = \"#ffff5c\";\n scrollHighlightIntoContainer(element, ruleBookRef.current);\n }\n }, [currentlyHighlightedInRuleBook, totalNumberOfHighlightedItemsInRuleBook]);\n\n const handleRuleBookPreviousHighlight = useCallback(() => {\n if (currentlyHighlightedInRuleBook - 1 < 0) return;\n const result = ruleBookRef.current?.querySelectorAll(\n \".rule-book-highlight\",\n );\n if (!result) return;\n const element = result[currentlyHighlightedInRuleBook] as HTMLElement;\n element.style.backgroundColor = \"#ffffb8\";\n const previousIndex = currentlyHighlightedInRuleBook - 1;\n const prevElement = result[previousIndex] as HTMLElement;\n prevElement.style.backgroundColor = \"#ffff5c\";\n setCurrentlyHighlightedInRuleBook(previousIndex);\n scrollHighlightIntoContainer(prevElement, ruleBookRef.current);\n }, [currentlyHighlightedInRuleBook]);\n\n const handleUserChatNextHighlight = useCallback(() => {\n if (\n currentlyHighlightedInUserChat + 1 <\n totalNumberOfHighlightedItemsInUserChat\n ) {\n const result = userChatRef.current?.querySelectorAll(\n \".user-chat-highlight\",\n );\n if (!result) return;\n const element = result[currentlyHighlightedInUserChat] as HTMLElement;\n element.style.backgroundColor = \"#ffffb8\";\n const nextIndex = currentlyHighlightedInUserChat + 1;\n const nextElement = result[nextIndex] as HTMLElement;\n nextElement.style.backgroundColor = \"#ffff5c\";\n setCurrentlyHighlightedInUserChat(nextIndex);\n scrollHighlightIntoContainer(nextElement, userChatScrollRef.current);\n }\n }, [currentlyHighlightedInUserChat, totalNumberOfHighlightedItemsInUserChat]);\n\n const handleUserChatPreviousHighlight = useCallback(() => {\n if (currentlyHighlightedInUserChat - 1 < 0) return;\n const result = userChatRef.current?.querySelectorAll(\n \".user-chat-highlight\",\n );\n if (!result) return;\n const element = result[currentlyHighlightedInUserChat] as HTMLElement;\n element.style.backgroundColor = \"#ffffb8\";\n const previousIndex = currentlyHighlightedInUserChat - 1;\n const prevElement = result[previousIndex] as HTMLElement;\n prevElement.style.backgroundColor = \"#ffff5c\";\n setCurrentlyHighlightedInUserChat(previousIndex);\n scrollHighlightIntoContainer(prevElement, userChatScrollRef.current);\n }, [currentlyHighlightedInUserChat]);\n\n const colorCodes = getColorCode(rootContainer?.relevanceScore \|\| 0);\n\nconst rootContainerSecondaryActions = useMemo(() => {\n const relevanceBadge = (\n <span\n key=\"relevance-score\"\n style={{\n display: \"flex\",\n border: \"1px solid\",\n alignItems: \"center\",\n gap: \"4px\",\n borderRadius: \"6px\",\n padding: \"2px 8px\",\n fontSize: \"12px\",\n borderColor: colorCodes.border,\n backgroundColor: colorCodes.background,\n color: colorCodes.text,\n ...rootContainer?.slotStyles?.relevanceScore,\n }}\n >\n {rootContainer?.relevanceTitle \|\| \"Decision Strength\"}:{\" \"}\n {rootContainer?.relevanceScore \|\| 0}%\n \n </span>\n );\n\n const closeButton = (\n <span\n key=\"close-preview\"\n style={{\n display: \"flex\",\n // border: \"1px solid black\",\n alignItems: \"center\",\n gap: \"4px\",\n borderRadius: \"6px\",\n padding: \"2px 8px\",\n fontSize: \"12px\",\n backgroundColor: \"white\",\n color: \"black\",\n cursor: \"pointer\",\n }}\n onClick={closePreview}\n >\n <CloseOutlinedIcon />\n </span>\n );\n\n return isRenderedCustomComponent && !additionalData?.isExpanded ? [relevanceBadge,closeButton] : [relevanceBadge];\n}, [\n isRenderedCustomComponent,\n colorCodes.background,\n colorCodes.border,\n colorCodes.text,\n rootContainer?.relevanceScore,\n rootContainer?.slotStyles?.relevanceScore,\n rootContainer?.relevanceTitle,\n]);\n\n const ruleBookContainerSecondaryActions = useMemo(() => {\n return [\n totalNumberOfHighlightedItemsInRuleBook > 0 && (\n <InViewNavigation\n key=\"rulebook-nav\"\n currentItemNumber={currentlyHighlightedInRuleBook + 1}\n totalItems={totalNumberOfHighlightedItemsInRuleBook}\n disableNext={\n currentlyHighlightedInRuleBook + 1 >=\n totalNumberOfHighlightedItemsInRuleBook\n }\n onNext={handleRuleBookNextHighlight}\n onPrevious={handleRuleBookPreviousHighlight}\n disablePrevious={currentlyHighlightedInRuleBook <= 0}\n />\n ),\n ];\n }, [\n currentlyHighlightedInRuleBook,\n handleRuleBookNextHighlight,\n handleRuleBookPreviousHighlight,\n totalNumberOfHighlightedItemsInRuleBook,\n ]);\n\n\n\n const containerHeight = useMemo(() => {\n if (additionalData?.RuleBookContainerHeight) {\n return additionalData.RuleBookContainerHeight;\n }\n\n if (isVerticalLayout) {\n if(!additionalData?.isExpanded){\n return \"600px\";\n }\n }\n\n return false;\n }, [additionalData?.RuleBookContainerHeight, isVerticalLayout]);\n\n const chatContainerSecondaryActions = useMemo(() => {\n return [\n chatContainer?.detailedTab?.chip?.isActive &&\n totalNumberOfHighlightedItemsInUserChat > 0 && (\n <InViewNavigation\n key=\"chat-nav\"\n currentItemNumber={currentlyHighlightedInUserChat + 1}\n totalItems={totalNumberOfHighlightedItemsInUserChat}\n onNext={handleUserChatNextHighlight}\n onPrevious={handleUserChatPreviousHighlight}\n disableNext={\n currentlyHighlightedInUserChat + 1 >=\n totalNumberOfHighlightedItemsInUserChat\n }\n disablePrevious={currentlyHighlightedInUserChat <= 0}\n />\n ),\n ];\n }, [\n chatContainer?.detailedTab?.chip?.isActive,\n currentlyHighlightedInUserChat,\n handleUserChatNextHighlight,\n handleUserChatPreviousHighlight,\n totalNumberOfHighlightedItemsInUserChat,\n ]);\n\n\n\n\n // Extract the inner content that's currently inside <ChatCitation>\nconst innerContent = (\n <div\n style={{\n display: \"flex\",\n flexDirection: reversePanels ? isVerticalLayout ? \"column-reverse\" : \"row-reverse\": isVerticalLayout ? \"column\" : \"row\",\n gap: (() => {\n const hasChat = chatContainer?.chatData && chatContainer.chatData.length > 0 && (chatContainer.show \|\| chatContainer.show === undefined);\n const hasRulebook = ruleBookContainer?.data && (ruleBookContainer.show \|\| ruleBookContainer.show === undefined);\n const hasTable = isTableDataPresent;\n \n // Count how many containers we have\n const containerCount = [hasChat, hasRulebook, hasTable].filter(Boolean).length;\n \n // Only add gap if we have more than 1 container\n return containerCount > 1 ? \"12px\" : \"0\";\n })(),\n height: containerHeight ? containerHeight : \"100%\",\n minHeight: 0,\n ...rootContainer?.slotStyles?.container, \n }}\n >\n {isTableDataPresent && (\n <span style={{ flex: \"1 1 0%\", minWidth: 0, ...chatContainer?.slotStyles?.outerContainer }}>\n <ChatCitation\n title=\"Invoice Data Preview\"\n icon={\n <IconContainer>\n <Table size={16} />\n </IconContainer>\n }\n slotStyles={{\n title: {\n color: \"#475569\",\n fontWeight: 500,\n },\n }}\n secondaryActions={[]}\n >\n <div\n style={{\n height: \"100%\",\n maxHeight: additionalData?.isExpanded ? \"none\" : \"275px\",\n border: \"2px solid #E2E8F0\",\n borderRadius: \"8px\",\n display: \"flex\",\n flexDirection: \"column\",\n backgroundColor: \"#FFFFFF\",\n position: \"relative\",\n overflow: \"hidden\",\n }}\n >\n {tableComponent?.rows && (\n <BigQueryTable\n rows={tableComponent.rows}\n columns={tableComponent.columns \|\| []}\n />\n )}\n </div>\n </ChatCitation>\n </span>\n )}\n\n {ruleBookContainer?.data &&\n (ruleBookContainer.show \|\| ruleBookContainer.show === undefined) && (\n <span style={{ flex: \"1 1 0%\", minWidth: 0, ...ruleBookContainer?.slotStyles?.outerContainer }}>\n <ChatCitation\n title={ruleBookContainer?.title ?? \"Rule book\"}\n icon={ruleBookContainer?.ruleBookIcon}\n slotStyles={{\n title: {\n color: \"#475569\",\n fontWeight: 500,\n ...ruleBookContainer?.slotStyles?.title,\n },\n body: ruleBookContainer?.slotStyles?.body,\n }}\n secondaryActions={\n ruleBookContainer?.secondaryActions\n ? ruleBookContainer.secondaryActions(\n ruleBookContainerSecondaryActions,\n )\n : ruleBookContainerSecondaryActions\n }\n >\n \n <div\n style={{\n height: \"100%\",\n maxHeight: \"275px\",\n minHeight: 0,\n border: \"2px solid #E2E8F0\",\n borderRadius: \"8px\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"12px\",\n backgroundColor: \"#F8FAFC\",\n position: \"relative\",\n overflowY: \"auto\",\n ...ruleBookContainer?.slotStyles?.dataContainer,\n }}\n >\n <div\n style={{\n padding: \"12px\",\n height: \"100%\",\n overflowY: \"auto\",\n }}\n ref={ruleBookRef}\n >\n <RuleBook\n data={ruleBookContainer.data}\n renderers={ruleBookContainer?.renderer ?? rendererToUse}\n />\n </div>\n </div>\n </ChatCitation>\n </span>\n )}\n\n {chatContainer?.chatData && chatContainer.chatData.length > 0 && (chatContainer.show \|\| chatContainer.show === undefined) && (\n <span style={{ flex: \"1 1 0%\", minWidth: 0, ...chatContainer?.slotStyles?.outerContainer }}>\n <ChatCitation\n title={chatContainer?.title ?? \"Chat\"}\n icon={chatContainer?.chatIcon}\n containerStyles={chatContainer?.slotStyles?.container}\n slotStyles={{\n title: {\n color: \"#475569\",\n fontWeight: 500,\n ...chatContainer?.slotStyles?.title,\n },\n body: chatContainer?.slotStyles?.body,\n }}\n primaryActions={[\n (chatContainer?.summarizedTab?.chip?.show \|\|\n chatContainer?.summarizedTab?.chip?.show === undefined) && (\n <Chip\n label=\"Summarized\"\n {...chatContainer?.summarizedTab?.chip}\n />\n ),\n <Chip label=\"Detailed\" {...chatContainer?.detailedTab?.chip} />,\n ]}\n secondaryActions={\n chatContainer.secondaryActions\n ? chatContainer?.secondaryActions(\n chatContainerSecondaryActions,\n )\n : chatContainerSecondaryActions\n }\n >\n <div\n ref={userChatScrollRef}\n style={{\n height: \"100%\",\n maxHeight: \"275px\",\n border: \"2px solid #E2E8F0\",\n borderRadius: \"8px\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"12px\",\n backgroundColor: \"#F8FAFC\",\n position: \"relative\",\n overflowY: \"auto\",\n ...chatContainer?.slotStyles?.chatDataContainer,\n }}\n >\n {chatContainer?.detailedTab?.chip?.isActive && (\n <div\n ref={userChatRef}\n style={{\n position: additionalData?.isExpanded\n ? \"absolute\"\n : \"relative\",\n inset: 0,\n padding: \"12px\",\n overflowY: \"auto\",\n }}\n >\n <DetailedView\n chatData={chatContainer.chatData ?? []}\n assistantChatProps={{\n ...chatContainer?.detailedTab?.view?.assistantChatProps,\n renderers:\n chatContainer?.detailedTab?.detailedViewRenderer\n ?.assistantText ?? rendererToUse,\n }}\n userChatItemProps={{\n ...chatContainer?.detailedTab?.view?.userChatItemProps,\n renderers:\n chatContainer?.detailedTab?.detailedViewRenderer\n ?.userText ?? rendererToUse,\n }}\n />\n </div>\n )}\n {chatContainer?.summarizedTab?.chip?.show &&\n chatContainer?.summarizedTab?.chip?.isActive && (\n <SummarizedView\n chatData={chatContainer.chatData ?? []}\n {...chatContainer?.summarizedTab?.view}\n renderer={\n chatContainer?.summarizedTab?.summarizedViewRenderer ??\n rendererToUse\n }\n />\n )}\n </div>\n </ChatCitation>\n </span>\n )}\n </div>\n);\n\n// Conditional wrapper\nif (!showRootContainer) {\n return innerContent;\n}\n\nreturn (\n <ChatCitation\n title={rootContainer?.title}\n slotStyles={{\n title: rootContainer?.slotStyles?.title,\n body: rootContainer?.slotStyles?.body,\n }}\n containerStyles={rootContainer?.slotStyles?.container}\n icon={\n rootContainer?.icon ?? (\n <IconContainer>\n <img\n src={ChatIcon}\n alt=\"chat icon\"\n style={{ width: 16, height: 16 }}\n />\n </IconContainer>\n )\n }\n secondaryActions={\n rootContainer?.secondaryActions\n ? rootContainer.secondaryActions(rootContainerSecondaryActions)\n : rootContainerSecondaryActions\n }\n >\n {innerContent}\n </ChatCitation>\n);\n}"],"names":["scrollHighlightIntoContainer","element","containerBoundary","behavior","scrollContainer","parentElement","overflowY","window","getComputedStyle","scrollHeight","clientHeight","container","elementRect","getBoundingClientRect","containerRect","top","scrollTop","height","scrollTo","Math","max","EMPTY_CHAT_CONTAINER","chatData","rootContainer","chatContainer","ruleBookContainer","renderer","additionalData","tableComponent","closePreview","isRenderedCustomComponent","showRootContainer","reversePanels","totalNumberOfHighlightedItemsInRuleBook","setTotalNumberOfHighlightedItemsInRuleBook","useState","currentlyHighlightedInRuleBook","setCurrentlyHighlightedInRuleBook","totalNumberOfHighlightedItemsInUserChat","setTotalNumberOfHighlightedItemsInUserChat","currentlyHighlightedInUserChat","setCurrentlyHighlightedInUserChat","ruleBookRef","useRef","userChatRef","userChatScrollRef","rendererToUse","useMemo","defaultRenderer","isTableDataPresent","rows","Object","keys","length","isVerticalLayout","RuleBookDetailedViewVerticallyStacked","useEffect","show","current","result","querySelectorAll","style","backgroundColor","userChatHighlightsResult","animationFrame","requestAnimationFrame","cancelAnimationFrame","targetIndex","firstElementChild","messageNode","children","data","handleRuleBookNextHighlight","useCallback","nextIndex","handleRuleBookPreviousHighlight","previousIndex","prevElement","handleUserChatNextHighlight","nextElement","handleUserChatPreviousHighlight","colorCodes","getColorCode","relevanceScore","rootContainerSecondaryActions","relevanceBadge","jsxs","display","border","alignItems","gap","borderRadius","padding","fontSize","borderColor","background","color","text","slotStyles","relevanceTitle","closeButton","jsx","cursor","onClick","CloseOutlinedIcon","isExpanded","ruleBookContainerSecondaryActions","InViewNavigation","currentItemNumber","totalItems","disableNext","onNext","onPrevious","disablePrevious","containerHeight","RuleBookContainerHeight","chatContainerSecondaryActions","detailedTab","chip","isActive","innerContent","flexDirection","filter","Boolean","minHeight","flex","minWidth","outerContainer","ChatCitation","title","icon","IconContainer","Table","size","fontWeight","secondaryActions","maxHeight","position","overflow","BigQueryTable","columns","ruleBookIcon","body","dataContainer","ref","RuleBook","renderers","chatIcon","containerStyles","primaryActions","summarizedTab","Chip","label","chatDataContainer","inset","DetailedView","assistantChatProps","view","detailedViewRenderer","assistantText","userChatItemProps","userText","SummarizedView","summarizedViewRenderer","src","ChatIcon","alt","width"],"mappings":"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"}

package/dist/cjs/features/ChatCitation/assets/cw_chat.svg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cw_chat.svg.js","sources":["../../../../../src/features/ChatCitation/assets/cw_chat.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6228%206.98031C12.526%206.50656%2011.849%206.50656%2011.7522%206.98031C11.1582%209.88678%208.88678%2012.1582%205.98031%2012.7522C5.50656%2012.849%205.50656%2013.526%205.98031%2013.6228C8.88678%2014.2168%2011.1582%2016.4882%2011.7522%2019.3947C11.849%2019.8684%2012.526%2019.8684%2012.6228%2019.3947C13.2168%2016.4882%2015.4882%2014.2168%2018.3947%2013.6228C18.8684%2013.526%2018.8684%2012.849%2018.3947%2012.7522C15.4882%2012.1582%2013.2168%209.88678%2012.6228%206.98031Z%22%20fill%3D%22url%28%23paint0_linear_22023_3754%29%22%2F%3E%3Cpath%20d%3D%22M4.56003%202.2735C4.55363%202.24217%204.50887%202.24217%204.50247%202.2735C4.17013%203.89946%202.89946%205.17013%201.27349%205.50247C1.24217%205.50887%201.24217%205.55363%201.27349%205.56003C2.89946%205.89237%204.17013%207.16304%204.50247%208.789C4.50887%208.82033%204.55363%208.82033%204.56003%208.789C4.89237%207.16304%206.16304%205.89237%207.789%205.56003C7.82033%205.55363%207.82033%205.50887%207.789%205.50247C6.16304%205.17013%204.89237%203.89946%204.56003%202.2735Z%22%20fill%3D%22url%28%23paint1_linear_22023_3754%29%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_22023_3754%22%20x1%3D%2210.013%22%20y1%3D%22-4.76184%22%20x2%3D%2226.194%22%20y2%3D%2210.9087%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2333D2FF%22%2F%3E%3Cstop%20offset%3D%220.537474%22%20stop-color%3D%22%233D68DE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239845E8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_22023_3754%22%20x1%3D%2210.013%22%20y1%3D%22-4.76184%22%20x2%3D%2226.194%22%20y2%3D%2210.9087%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2333D2FF%22%2F%3E%3Cstop%20offset%3D%220.537474%22%20stop-color%3D%22%233D68DE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239845E8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\""],"names":[],"mappings":"~~qGA+Ce~~"}
1	+ {"version":3,"file":"cw_chat.svg.js","sources":["../../../../../src/features/ChatCitation/assets/cw_chat.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.6228%206.98031C12.526%206.50656%2011.849%206.50656%2011.7522%206.98031C11.1582%209.88678%208.88678%2012.1582%205.98031%2012.7522C5.50656%2012.849%205.50656%2013.526%205.98031%2013.6228C8.88678%2014.2168%2011.1582%2016.4882%2011.7522%2019.3947C11.849%2019.8684%2012.526%2019.8684%2012.6228%2019.3947C13.2168%2016.4882%2015.4882%2014.2168%2018.3947%2013.6228C18.8684%2013.526%2018.8684%2012.849%2018.3947%2012.7522C15.4882%2012.1582%2013.2168%209.88678%2012.6228%206.98031Z%22%20fill%3D%22url%28%23paint0_linear_22023_3754%29%22%2F%3E%3Cpath%20d%3D%22M4.56003%202.2735C4.55363%202.24217%204.50887%202.24217%204.50247%202.2735C4.17013%203.89946%202.89946%205.17013%201.27349%205.50247C1.24217%205.50887%201.24217%205.55363%201.27349%205.56003C2.89946%205.89237%204.17013%207.16304%204.50247%208.789C4.50887%208.82033%204.55363%208.82033%204.56003%208.789C4.89237%207.16304%206.16304%205.89237%207.789%205.56003C7.82033%205.55363%207.82033%205.50887%207.789%205.50247C6.16304%205.17013%204.89237%203.89946%204.56003%202.2735Z%22%20fill%3D%22url%28%23paint1_linear_22023_3754%29%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_22023_3754%22%20x1%3D%2210.013%22%20y1%3D%22-4.76184%22%20x2%3D%2226.194%22%20y2%3D%2210.9087%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2333D2FF%22%2F%3E%3Cstop%20offset%3D%220.537474%22%20stop-color%3D%22%233D68DE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239845E8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22paint1_linear_22023_3754%22%20x1%3D%2210.013%22%20y1%3D%22-4.76184%22%20x2%3D%2226.194%22%20y2%3D%2210.9087%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2333D2FF%22%2F%3E%3Cstop%20offset%3D%220.537474%22%20stop-color%3D%22%233D68DE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239845E8%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\""],"names":[],"mappings":"qGA6Ce"}

package/dist/cjs/features/ChatCitation/assets/message-chat-square.svg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"message-chat-square.svg.js","sources":["../../../../../src/features/ChatCitation/assets/message-chat-square.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_22708_25%29%22%3E%3Cpath%20d%3D%22M6.66732%2010.0026L4.61715%2012.0784C4.33117%2012.3679%204.18819%2012.5127%204.06529%2012.5229C3.95866%2012.5318%203.85426%2012.4889%203.78462%2012.4077C3.70435%2012.3141%203.70435%2012.1106%203.70435%2011.7036V10.6637C3.70435%2010.2986%203.40537%2010.0344%203.04412%209.98149C2.16981%209.85342%201.48317%209.16678%201.3551%208.29247C1.33398%208.14831%201.33398%207.97628%201.33398%207.63223V4.53594C1.33398%203.41583%201.33398%202.85578%201.55197%202.42796C1.74372%202.05163%202.04968%201.74567%202.426%201.55392C2.85383%201.33594%203.41388%201.33594%204.53398%201.33594H9.46732C10.5874%201.33594%2011.1475%201.33594%2011.5753%201.55392C11.9516%201.74567%2012.2576%202.05163%2012.4493%202.42796C12.6673%202.85578%2012.6673%203.41583%2012.6673%204.53594V7.33594M12.6673%2014.6693L11.2164%2013.6605C11.0124%2013.5187%2010.9104%2013.4478%2010.7995%2013.3976C10.7009%2013.3529%2010.5974%2013.3205%2010.491%2013.3009C10.3712%2013.2788%2010.247%2013.2788%209.9986%2013.2788H8.80065C8.05391%2013.2788%207.68055%2013.2788%207.39533%2013.1335C7.14445%2013.0056%206.94047%2012.8017%206.81264%2012.5508C6.66732%2012.2656%206.66732%2011.8922%206.66732%2011.1455V9.46927C6.66732%208.72253%206.66732%208.34917%206.81264%208.06395C6.94047%207.81307%207.14445%207.60909%207.39533%207.48126C7.68055%207.33594%208.05391%207.33594%208.80065%207.33594H12.534C13.2807%207.33594%2013.6541%207.33594%2013.9393%207.48126C14.1902%207.60909%2014.3942%207.81307%2014.522%208.06395C14.6673%208.34917%2014.6673%208.72253%2014.6673%209.46927V11.2788C14.6673%2011.9001%2014.6673%2012.2107%2014.5658%2012.4557C14.4305%2012.7824%2014.1709%2013.042%2013.8442%2013.1773C13.5992%2013.2788%2013.2886%2013.2788%2012.6673%2013.2788V14.6693Z%22%20stroke%3D%22%235928ED%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_22708_25%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\""],"names":[],"mappings":"~~qGAwBe~~"}
1	+ {"version":3,"file":"message-chat-square.svg.js","sources":["../../../../../src/features/ChatCitation/assets/message-chat-square.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_22708_25%29%22%3E%3Cpath%20d%3D%22M6.66732%2010.0026L4.61715%2012.0784C4.33117%2012.3679%204.18819%2012.5127%204.06529%2012.5229C3.95866%2012.5318%203.85426%2012.4889%203.78462%2012.4077C3.70435%2012.3141%203.70435%2012.1106%203.70435%2011.7036V10.6637C3.70435%2010.2986%203.40537%2010.0344%203.04412%209.98149C2.16981%209.85342%201.48317%209.16678%201.3551%208.29247C1.33398%208.14831%201.33398%207.97628%201.33398%207.63223V4.53594C1.33398%203.41583%201.33398%202.85578%201.55197%202.42796C1.74372%202.05163%202.04968%201.74567%202.426%201.55392C2.85383%201.33594%203.41388%201.33594%204.53398%201.33594H9.46732C10.5874%201.33594%2011.1475%201.33594%2011.5753%201.55392C11.9516%201.74567%2012.2576%202.05163%2012.4493%202.42796C12.6673%202.85578%2012.6673%203.41583%2012.6673%204.53594V7.33594M12.6673%2014.6693L11.2164%2013.6605C11.0124%2013.5187%2010.9104%2013.4478%2010.7995%2013.3976C10.7009%2013.3529%2010.5974%2013.3205%2010.491%2013.3009C10.3712%2013.2788%2010.247%2013.2788%209.9986%2013.2788H8.80065C8.05391%2013.2788%207.68055%2013.2788%207.39533%2013.1335C7.14445%2013.0056%206.94047%2012.8017%206.81264%2012.5508C6.66732%2012.2656%206.66732%2011.8922%206.66732%2011.1455V9.46927C6.66732%208.72253%206.66732%208.34917%206.81264%208.06395C6.94047%207.81307%207.14445%207.60909%207.39533%207.48126C7.68055%207.33594%208.05391%207.33594%208.80065%207.33594H12.534C13.2807%207.33594%2013.6541%207.33594%2013.9393%207.48126C14.1902%207.60909%2014.3942%207.81307%2014.522%208.06395C14.6673%208.34917%2014.6673%208.72253%2014.6673%209.46927V11.2788C14.6673%2011.9001%2014.6673%2012.2107%2014.5658%2012.4557C14.4305%2012.7824%2014.1709%2013.042%2013.8442%2013.1773C13.5992%2013.2788%2013.2886%2013.2788%2012.6673%2013.2788V14.6693Z%22%20stroke%3D%22%235928ED%22%20stroke-width%3D%221.33333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_22708_25%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\""],"names":[],"mappings":"qGAsBe"}

package/dist/cjs/features/CitationRenderer/MarkdownRenderer.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("react-markdown"),i=require("rehype-raw"),a=require("remark-gfm"),l=require("unist-util-visit"),n=require("./MarkdownRenderer.module.css.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t),p=s(r),u=s(i),c=s(a);function d(){return e=>{l.visit(e,"text",(e,t,r)=>{if(!r||"string"!=typeof e.value)return;if(!e.value.includes("✓"))return;const i=e.value.split("✓"),a=[];for(let e=0;e<i.length;e++){const t=i[e];t&&a.push({type:"text",value:t}),e<i.length-1&&a.push({type:"element",tagName:"span",properties:{"data-green-check":"true",className:[n.default.checkGreen]},children:[{type:"text",value:"✓"}]})}return r.children.splice(t,1,...a),t+a.length})}}function m(){return e=>{l.visit(e,"element",(e,t,r)=>{if(r&&"p"===e.tagName)return e.children&&1===e.children.length&&"element"===e.children[0].type&&"details"===e.children[0].tagName?(r.children.splice(t,1,e.children[0]),t):void 0})}}const h=e=>"text"===e?.type&&/^\s*$/.test(e.value??"");function f(){return e=>{l.visit(e,"element",e=>{if("details"!==e.tagName)return;if(!("data-target"in(e.properties||{})))return;const t=e.children||[];let r=0;"element"===t[0]?.type&&"summary"===t[0]?.tagName&&(r=1);const i=t.slice(r),a=i.filter(e=>!h(e));if(1===a.length&&"element"===a[0].type&&a[0].properties&&("data-popup"in a[0].properties||void 0!==a[0].properties["data-popup"]))return;if(a.some(e=>"element"===e?.type&&e?.properties&&("data-popup"in e.properties||void 0!==e.properties["data-popup"])))return;const l={type:"element",tagName:"div",properties:{"data-popup":""},children:i};e.children=t.slice(0,r).concat([l])})}}function g(){return e=>{l.visit(e,"element",e=>{if("details"!==e.tagName)return;const t=e.properties||{};if("data-inline"in t||"data-target"in t)return;const r=e.children||[];let i=0;"element"===r[0]?.type&&"summary"===r[0]?.tagName&&(i=1);const a=r.slice(i),l=a.filter(e=>!h(e));if(1===l.length&&"element"===l[0].type&&l[0].properties&&("data-popup"in l[0].properties||void 0!==l[0].properties["data-popup"]))return;if(l.some(e=>"element"===e?.type&&e?.properties&&("data-popup"in e.properties||void 0!==e.properties["data-popup"])))return;const n={type:"element",tagName:"div",properties:{"data-popup":""},children:a};e.children=r.slice(0,i).concat([n])})}}const y=(t,r,i)=>{if(!r||!r.trim())return t;const a=new RegExp(`(${l=r,l.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")})`,"gi");var l;return t.split(a).map((t,r)=>a.test(t)?e.jsx("mark",{className:n.default.customHighlight,id:"customHighlight",style:i,children:t},r):t)};exports.default=({value:r,highlightedText:i,scrollTo:a,styles:l={}})=>{const s=o.default.useRef(null),h=o.default.useRef(null);t.useEffect(()=>{if(i){const e=setTimeout(()=>{if(h.current){const e=h.current.querySelector("#customHighlight");e&&e.scrollIntoView({behavior:"smooth",block:a||"center"})}},225);return()=>clearTimeout(e)}},[i,r]);return e.jsx("div",{ref:s,className:n.default.containerWrapper,style:l.containerWrapper,children:e.jsx("div",{className:n.default.mainCard,style:l.mainCard,children:e.jsx("div",{ref:h,className:n.default.scrollArea,style:l.scrollArea,children:e.jsx(p.default,{remarkPlugins:[c.default],rehypePlugins:[u.default,m,d,f,g],components:{details:({node:t,...r})=>{const i=!!r["data-inline"],a=!!r["data-target"];let o=n.default.detailsBlock,p=l.detailsBlock;return i&&(o=n.default.detailsInline,p=l.detailsInline),a&&(o=n.default.detailsTarget,p=l.detailsTarget),e.jsxs("details",{...r,className:o,style:{...p,...r.style},onToggle:e=>{e.stopPropagation(),i&&(e=>{const t=e.currentTarget,r=t.getAttribute("data-inline");if(!r||!s.current)return;const i=s.current.querySelector(`details[data-target="${r}"]`);i&&(i.open=t.open)})(e)},children:[a&&e.jsx("summary",{className:n.default.targetDummySummary,"aria-hidden":"true"}),r.children]})},summary:({node:t,...r})=>e.jsx("summary",{className:n.default.summary,style:l.summary,onClick:e=>e.stopPropagation(),...r,children:r.children}),ul:t=>e.jsx("ul",{className:n.default.list,style:l.list,...t}),ol:t=>e.jsx("ol",{className:n.default.list,style:l.list,...t}),div:({node:t,...r})=>{const i=t?.properties&&"data-popup"in t.properties;return e.jsx("div",{...r,className:i?n.default.popup:r.className,style:i?l.popup:r.style})},span:({node:t,...r})=>"true"===t?.properties?.["data-green-check"]?e.jsx("span",{...r,style:l.checkGreen}):e.jsx("span",{...r}),p:function({children:t}){const r=Array.isArray(t)?t:[t];return e.jsx("p",{children:r.map((t,r)=>"string"==typeof t?y(t,i,l.customHighlight):e.jsx(o.default.Fragment,{children:t},r))})},li:({children:t})=>{try{const r=null==t?[]:Array.isArray(t)?t:[t];return e.jsx("li",{style:{marginBottom:"4px"},children:r?.map((t,r)=>"string"==typeof t?y(t,i,l.customHighlight):e.jsx(o.default.Fragment,{children:t},r))})}catch(r){return console.error("Error rendering <li>:",r),e.jsx("li",{children:t})}},code:({children:t,...r})=>e.jsx("code",{...r,children:o.default.Children.map(t,e=>"string"==typeof e?y(e,i,l.customHighlight):e)})},children:r})})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("react-markdown"),i=require("rehype-raw"),n=require("remark-gfm"),l=require("../../node_modules/.pnpm/unist-util-visit@5.1.0/node_modules/unist-util-visit/lib/index.js"),a=require("./MarkdownRenderer.module.css.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t),u=s(r),p=s(i),c=s(n);function d(){return e=>{l.visit(e,"text",(e,t,r)=>{if(!r||"string"!=typeof e.value)return;if(!e.value.includes("✓"))return;const i=e.value.split("✓"),n=[];for(let e=0;e<i.length;e++){const t=i[e];t&&n.push({type:"text",value:t}),e<i.length-1&&n.push({type:"element",tagName:"span",properties:{"data-green-check":"true",className:[a.default.checkGreen]},children:[{type:"text",value:"✓"}]})}return r.children.splice(t,1,...n),t+n.length})}}function m(){return e=>{l.visit(e,"element",(e,t,r)=>{if(r&&"p"===e.tagName)return e.children&&1===e.children.length&&"element"===e.children[0].type&&"details"===e.children[0].tagName?(r.children.splice(t,1,e.children[0]),t):void 0})}}const h=e=>"text"===e?.type&&/^\s*$/.test(e.value??"");function f(){return e=>{l.visit(e,"element",e=>{if("details"!==e.tagName)return;if(!("data-target"in(e.properties||{})))return;const t=e.children||[];let r=0;"element"===t[0]?.type&&"summary"===t[0]?.tagName&&(r=1);const i=t.slice(r),n=i.filter(e=>!h(e));if(1===n.length&&"element"===n[0].type&&n[0].properties&&("data-popup"in n[0].properties||void 0!==n[0].properties["data-popup"]))return;if(n.some(e=>"element"===e?.type&&e?.properties&&("data-popup"in e.properties||void 0!==e.properties["data-popup"])))return;const l={type:"element",tagName:"div",properties:{"data-popup":""},children:i};e.children=t.slice(0,r).concat([l])})}}function g(){return e=>{l.visit(e,"element",e=>{if("details"!==e.tagName)return;const t=e.properties||{};if("data-inline"in t||"data-target"in t)return;const r=e.children||[];let i=0;"element"===r[0]?.type&&"summary"===r[0]?.tagName&&(i=1);const n=r.slice(i),l=n.filter(e=>!h(e));if(1===l.length&&"element"===l[0].type&&l[0].properties&&("data-popup"in l[0].properties||void 0!==l[0].properties["data-popup"]))return;if(l.some(e=>"element"===e?.type&&e?.properties&&("data-popup"in e.properties||void 0!==e.properties["data-popup"])))return;const a={type:"element",tagName:"div",properties:{"data-popup":""},children:n};e.children=r.slice(0,i).concat([a])})}}const y=(t,r,i)=>{if(!r||!r.trim())return t;const n=new RegExp(`(${l=r,l.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")})`,"gi");var l;return t.split(n).map((t,r)=>n.test(t)?e.jsx("mark",{className:a.default.customHighlight,id:"customHighlight",style:i,children:t},r):t)};exports.default=({value:r,highlightedText:i,scrollTo:n,styles:l={}})=>{const s=o.default.useRef(null),h=o.default.useRef(null);t.useEffect(()=>{if(i){const e=setTimeout(()=>{if(h.current){const e=h.current.querySelector("#customHighlight");e&&e.scrollIntoView({behavior:"smooth",block:n||"center"})}},225);return()=>clearTimeout(e)}},[i,r]);return e.jsx("div",{ref:s,className:a.default.containerWrapper,style:l.containerWrapper,children:e.jsx("div",{className:a.default.mainCard,style:l.mainCard,children:e.jsx("div",{ref:h,className:a.default.scrollArea,style:l.scrollArea,children:e.jsx(u.default,{remarkPlugins:[c.default],rehypePlugins:[p.default,m,d,f,g],components:{details:({node:t,...r})=>{const i=!!r["data-inline"],n=!!r["data-target"];let o=a.default.detailsBlock,u=l.detailsBlock;return i&&(o=a.default.detailsInline,u=l.detailsInline),n&&(o=a.default.detailsTarget,u=l.detailsTarget),e.jsxs("details",{...r,className:o,style:{...u,...r.style},onToggle:e=>{e.stopPropagation(),i&&(e=>{const t=e.currentTarget,r=t.getAttribute("data-inline");if(!r||!s.current)return;const i=s.current.querySelector(`details[data-target="${r}"]`);i&&(i.open=t.open)})(e)},children:[n&&e.jsx("summary",{className:a.default.targetDummySummary,"aria-hidden":"true"}),r.children]})},summary:({node:t,...r})=>e.jsx("summary",{className:a.default.summary,style:l.summary,onClick:e=>e.stopPropagation(),...r,children:r.children}),ul:t=>e.jsx("ul",{className:a.default.list,style:l.list,...t}),ol:t=>e.jsx("ol",{className:a.default.list,style:l.list,...t}),div:({node:t,...r})=>{const i=t?.properties&&"data-popup"in t.properties;return e.jsx("div",{...r,className:i?a.default.popup:r.className,style:i?l.popup:r.style})},span:({node:t,...r})=>"true"===t?.properties?.["data-green-check"]?e.jsx("span",{...r,style:l.checkGreen}):e.jsx("span",{...r}),p:function({children:t}){const r=Array.isArray(t)?t:[t];return e.jsx("p",{children:r.map((t,r)=>"string"==typeof t?y(t,i,l.customHighlight):e.jsx(o.default.Fragment,{children:t},r))})},li:({children:t})=>{try{const r=null==t?[]:Array.isArray(t)?t:[t];return e.jsx("li",{style:{marginBottom:"4px"},children:r?.map((t,r)=>"string"==typeof t?y(t,i,l.customHighlight):e.jsx(o.default.Fragment,{children:t},r))})}catch(r){return console.error("Error rendering <li>:",r),e.jsx("li",{children:t})}},code:({children:t,...r})=>e.jsx("code",{...r,children:o.default.Children.map(t,e=>"string"==typeof e?y(e,i,l.customHighlight):e)})},children:r})})})})};
 //# sourceMappingURL=MarkdownRenderer.js.map

package/dist/cjs/features/CitationRenderer/MarkdownRenderer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownRenderer.js","sources":["../../../../src/features/CitationRenderer/MarkdownRenderer.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport Markdown from 'react-markdown';\nimport { CSSProperties } from 'react';\n\nimport rehypeRaw from 'rehype-raw';\nimport remarkGfm from 'remark-gfm';\nimport { visit } from 'unist-util-visit';\nimport defaultStyles from './MarkdownRenderer.module.css';\n\nexport interface MarkdownRendererStyles {\n containerWrapper?: CSSProperties;\n mainCard?: CSSProperties;\n scrollArea?: CSSProperties;\n customHighlight?: CSSProperties;\n popup?: CSSProperties;\n summary?: CSSProperties;\n list?: CSSProperties;\n detailsBlock?: CSSProperties;\n detailsInline?: CSSProperties;\n detailsTarget?: CSSProperties;\n checkGreen?: CSSProperties;\n}\n\ntype Props = {\n value: string;\n highlightedText?: string;\n highlightKeys?: any[];\n scrollTo?: 'center' \| 'start' \| 'end';\n styles?: MarkdownRendererStyles;\n};\n\n/** ✓ → green in preview (inline with following text) /\nfunction rehypeGreenChecks() {\n return (tree: any) => {\n // @ts-ignore\n visit(tree, 'text', (node: any, index: number, parent: any) => {\n if (!parent \|\| typeof node.value !== 'string') return;\n if (!node.value.includes('✓')) return;\n\n const parts = node.value.split('✓');\n const newChildren: any[] = [];\n for (let i = 0; i < parts.length; i++) {\n const text = parts[i];\n if (text) newChildren.push({ type: 'text', value: text });\n if (i < parts.length - 1) {\n newChildren.push({\n type: 'element',\n tagName: 'span',\n properties: {\n 'data-green-check': 'true',\n className: [defaultStyles.checkGreen],\n },\n children: [{ type: 'text', value: '✓' }],\n });\n }\n }\n parent.children.splice(index, 1, ...newChildren);\n return index + newChildren.length;\n });\n };\n}\n\n/* Unwrap <p><details>…</details></p> → <details>…</details> /\nfunction rehypeUnwrapParagraphDetails() {\n return (tree: any) => {\n // @ts-ignore\n visit(tree, 'element', (node: any, i: number, parent: any) => {\n if (!parent \|\| node.tagName !== 'p') return;\n if (\n node.children &&\n node.children.length === 1 &&\n node.children[0].type === 'element' &&\n node.children[0].tagName === 'details'\n ) {\n parent.children.splice(i, 1, node.children[0]);\n return i;\n }\n });\n };\n}\n\n/* helper: treat whitespace-only text as ignorable /\nconst isWhitespaceText = (n: any) => n?.type === 'text' && /^\\s$/.test(n.value ?? '');\n\nfunction rehypeWrapTargetContent() {\n return (tree: any) => {\n // @ts-ignore\n visit(tree, 'element', (node: any) => {\n if (node.tagName !== 'details') return;\n const props = node.properties \|\| {};\n if (!('data-target' in props)) return;\n\n const children = node.children \|\| [];\n let startIdx = 0;\n if (children[0]?.type === 'element' && children[0]?.tagName === 'summary') {\n startIdx = 1;\n }\n const rest = children.slice(startIdx);\n const meaningful = rest.filter((c: any) => !isWhitespaceText(c));\n\n if (\n meaningful.length === 1 &&\n meaningful[0].type === 'element' &&\n meaningful[0].properties &&\n ('data-popup' in meaningful[0].properties \|\|\n meaningful[0].properties['data-popup'] !== undefined)\n ) {\n return;\n }\n\n if (\n meaningful.some(\n (c: any) =>\n c?.type === 'element' &&\n c?.properties &&\n ('data-popup' in c.properties \|\| c.properties['data-popup'] !== undefined),\n )\n ) {\n return;\n }\n\n const popupDiv = {\n type: 'element',\n tagName: 'div',\n properties: { 'data-popup': '' },\n children: rest,\n };\n node.children = children.slice(0, startIdx).concat([popupDiv]);\n });\n };\n}\n\nfunction rehypeWrapAnyDetailsBody() {\n return (tree: any) => {\n // @ts-ignore\n visit(tree, 'element', (node: any) => {\n if (node.tagName !== 'details') return;\n const props = node.properties \|\| {};\n if ('data-inline' in props \|\| 'data-target' in props) return;\n\n const children = node.children \|\| [];\n let startIdx = 0;\n if (children[0]?.type === 'element' && children[0]?.tagName === 'summary') {\n startIdx = 1;\n }\n const rest = children.slice(startIdx);\n const meaningful = rest.filter((c: any) => !isWhitespaceText(c));\n\n if (\n meaningful.length === 1 &&\n meaningful[0].type === 'element' &&\n meaningful[0].properties &&\n ('data-popup' in meaningful[0].properties \|\|\n meaningful[0].properties['data-popup'] !== undefined)\n ) {\n return;\n }\n if (\n meaningful.some(\n (c: any) =>\n c?.type === 'element' &&\n c?.properties &&\n ('data-popup' in c.properties \|\| c.properties['data-popup'] !== undefined),\n )\n ) {\n return;\n }\n\n const popupDiv = {\n type: 'element',\n tagName: 'div',\n properties: { 'data-popup': '' },\n children: rest,\n };\n node.children = children.slice(0, startIdx).concat([popupDiv]);\n });\n };\n}\n\nconst renderWithHighlights = (\n text: string, \n highlightedText?: string, \n customHighlightStyle?: CSSProperties\n): React.ReactNode => {\n if (!highlightedText \|\| !highlightedText.trim()) return text;\n\n const escapeRegExp = (str: string) => str.replace(/[-[\\]/{}()*+?.\\\\^$\|]/g, '\\\\$&');\n const regex = new RegExp(`(${escapeRegExp(highlightedText)})`, 'gi');\n \n const parts = text.split(regex);\n\n return parts.map((part, i) => \n regex.test(part) ? (\n <mark \n key={i} \n className={defaultStyles.customHighlight} \n id=\"customHighlight\"\n style={customHighlightStyle} // Apply custom style\n >\n {part}\n </mark>\n ) : (\n part\n )\n );\n};\n\nconst MarkdownRenderer: React.FC<Props> = ({\n value,\n highlightedText,\n scrollTo,\n styles = {}, // Default to empty object\n}) => {\n const rootRef = React.useRef<HTMLDivElement \| null>(null);\n const scrollRef = React.useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (highlightedText) {\n const timer = setTimeout(() => {\n if (scrollRef.current) {\n const highlightElement = scrollRef.current.querySelector('#customHighlight');\n\n if (highlightElement) {\n highlightElement.scrollIntoView({\n behavior: 'smooth',\n block: scrollTo ? scrollTo : 'center',\n });\n }\n }\n }, 225);\n return () => clearTimeout(timer);\n }\n }, [highlightedText, value]);\n\n const handleInlineToggle = (e: React.SyntheticEvent<HTMLDetailsElement>) => {\n const trigger = e.currentTarget;\n const id = trigger.getAttribute('data-inline');\n if (!id \|\| !rootRef.current) return;\n\n const target = rootRef.current.querySelector<HTMLDetailsElement>(\n `details[data-target=\"${id}\"]`,\n );\n if (target) {\n target.open = trigger.open;\n }\n };\n\n return (\n <div \n ref={rootRef} // Attached to outer wrapper to help scope queries\n className={defaultStyles.containerWrapper} \n style={styles.containerWrapper}\n >\n <div \n className={defaultStyles.mainCard} \n style={styles.mainCard}\n >\n <div \n ref={scrollRef} \n className={defaultStyles.scrollArea} \n style={styles.scrollArea}\n >\n <Markdown\n remarkPlugins={[remarkGfm]}\n rehypePlugins={[\n rehypeRaw as any,\n rehypeUnwrapParagraphDetails,\n rehypeGreenChecks,\n rehypeWrapTargetContent,\n rehypeWrapAnyDetailsBody,\n ]}\n components={{\n details: ({ node, ...props }) => {\n const isInline = !!(props as any)['data-inline'];\n const isTarget = !!(props as any)['data-target'];\n \n let className = defaultStyles.detailsBlock;\n let style = styles.detailsBlock;\n\n if (isInline) {\n className = defaultStyles.detailsInline;\n style = styles.detailsInline;\n }\n if (isTarget) {\n className = defaultStyles.detailsTarget;\n style = styles.detailsTarget;\n }\n\n return (\n <details\n {...props}\n className={className}\n style={{ ...style, ...props.style }} // Merge with Markdown props if any\n onToggle={(e) => {\n e.stopPropagation();\n if (isInline) handleInlineToggle(e);\n }}\n >\n {isTarget && <summary className={defaultStyles.targetDummySummary} aria-hidden=\"true\" />}\n {props.children}\n </details>\n );\n },\n summary: ({ node, ...props }) => (\n <summary \n className={defaultStyles.summary} \n style={styles.summary}\n onClick={(e) => e.stopPropagation()} \n {...props}\n >\n {props.children}\n </summary>\n ),\n\n ul: (props) => <ul className={defaultStyles.list} style={styles.list} {...props} />,\n ol: (props) => <ol className={defaultStyles.list} style={styles.list} {...props} />,\n \n div: ({ node, ...props }) => {\n const isPopup = (node as any)?.properties && 'data-popup' in (node as any).properties;\n return (\n <div \n {...props} \n className={isPopup ? defaultStyles.popup : props.className} \n style={isPopup ? styles.popup : props.style}\n />\n );\n },\n \n // Handle the Green check that rehypeGreenChecks created\n span: ({node, ...props}) => {\n const isGreenCheck = (node as any)?.properties?.['data-green-check'] === 'true';\n if (isGreenCheck) {\n return <span {...props} style={styles.checkGreen} />;\n }\n return <span {...props} />;\n },\n\n p: function ({ children }) {\n const childArray = Array.isArray(children) ? children : [children];\n return (\n <p>\n {childArray.map((child, i) =>\n typeof child === 'string' ? (\n renderWithHighlights(child, highlightedText, styles.customHighlight)\n ) : (\n <React.Fragment key={i}>{child}</React.Fragment>\n ),\n )}\n </p>\n );\n },\n li: ({ children }) => {\n try {\n const childArray = children == null\n ? []\n : Array.isArray(children)\n ? children\n : [children];\n\n return (\n <li style={{ marginBottom: '4px' }}>\n {childArray?.map((child, index) =>\n typeof child === 'string'\n ? renderWithHighlights(child, highlightedText, styles.customHighlight)\n : <React.Fragment key={index}>{child}</React.Fragment>\n )}\n </li>\n );\n } catch (e) {\n console.error('Error rendering <li>:', e);\n return <li>{children}</li>;\n }\n },\n code: ({ children, ...props }) => (\n <code {...props}>\n {React.Children.map(children, (child) =>\n typeof child === 'string'\n ? renderWithHighlights(child, highlightedText, styles.customHighlight)\n : child,\n )}\n </code>\n ),\n }}\n >\n {value}\n </Markdown>\n </div>\n </div>\n </div>\n );\n};\n\nexport default MarkdownRenderer;\n"],"names":["rehypeGreenChecks","tree","visit","node","index","parent","value","includes","parts","split","newChildren","i","length","text","push","type","tagName","properties","className","defaultStyles","checkGreen","children","splice","rehypeUnwrapParagraphDetails","isWhitespaceText","n","test","rehypeWrapTargetContent","startIdx","rest","slice","meaningful","filter","c","some","popupDiv","concat","rehypeWrapAnyDetailsBody","props","renderWithHighlights","highlightedText","customHighlightStyle","trim","regex","RegExp","str","replace","map","part","jsx","customHighlight","id","style","scrollTo","styles","rootRef","React","useRef","scrollRef","useEffect","timer","setTimeout","current","highlightElement","querySelector","scrollIntoView","behavior","block","clearTimeout","ref","containerWrapper","mainCard","scrollArea","Markdown","remarkPlugins","remarkGfm","rehypePlugins","rehypeRaw","components","details","isInline","isTarget","detailsBlock","detailsInline","detailsTarget","jsxs","onToggle","e","stopPropagation","trigger","currentTarget","getAttribute","target","open","targetDummySummary","summary","onClick","ul","list","ol","div","isPopup","popup","span","p","childArray","Array","isArray","child","Fragment","li","marginBottom","console","error","code","Children"],"mappings":"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"}
1	+ {"version":3,"file":"MarkdownRenderer.js","sources":["../../../../src/features/CitationRenderer/MarkdownRenderer.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport Markdown from 'react-markdown';\nimport { CSSProperties } from 'react';\n\nimport rehypeRaw from 'rehype-raw';\nimport remarkGfm from 'remark-gfm';\nimport { visit } from 'unist-util-visit';\nimport defaultStyles from './MarkdownRenderer.module.css';\n\nexport interface MarkdownRendererStyles {\n containerWrapper?: CSSProperties;\n mainCard?: CSSProperties;\n scrollArea?: CSSProperties;\n customHighlight?: CSSProperties;\n popup?: CSSProperties;\n summary?: CSSProperties;\n list?: CSSProperties;\n detailsBlock?: CSSProperties;\n detailsInline?: CSSProperties;\n detailsTarget?: CSSProperties;\n checkGreen?: CSSProperties;\n}\n\ntype Props = {\n value: string;\n highlightedText?: string;\n highlightKeys?: any[];\n scrollTo?: 'center' \| 'start' \| 'end';\n styles?: MarkdownRendererStyles;\n};\n\n/** ✓ → green in preview (inline with following text) /\nfunction rehypeGreenChecks() {\n return (tree: any) => {\n // @ts-ignore\n visit(tree, 'text', (node: any, index: number, parent: any) => {\n if (!parent \|\| typeof node.value !== 'string') return;\n if (!node.value.includes('✓')) return;\n\n const parts = node.value.split('✓');\n const newChildren: any[] = [];\n for (let i = 0; i < parts.length; i++) {\n const text = parts[i];\n if (text) newChildren.push({ type: 'text', value: text });\n if (i < parts.length - 1) {\n newChildren.push({\n type: 'element',\n tagName: 'span',\n properties: {\n 'data-green-check': 'true',\n className: [defaultStyles.checkGreen],\n },\n children: [{ type: 'text', value: '✓' }],\n });\n }\n }\n parent.children.splice(index, 1, ...newChildren);\n return index + newChildren.length;\n });\n };\n}\n\n/* Unwrap <p><details>…</details></p> → <details>…</details> /\nfunction rehypeUnwrapParagraphDetails() {\n return (tree: any) => {\n // @ts-ignore\n visit(tree, 'element', (node: any, i: number, parent: any) => {\n if (!parent \|\| node.tagName !== 'p') return;\n if (\n node.children &&\n node.children.length === 1 &&\n node.children[0].type === 'element' &&\n node.children[0].tagName === 'details'\n ) {\n parent.children.splice(i, 1, node.children[0]);\n return i;\n }\n });\n };\n}\n\n/* helper: treat whitespace-only text as ignorable /\nconst isWhitespaceText = (n: any) => n?.type === 'text' && /^\\s$/.test(n.value ?? '');\n\nfunction rehypeWrapTargetContent() {\n return (tree: any) => {\n // @ts-ignore\n visit(tree, 'element', (node: any) => {\n if (node.tagName !== 'details') return;\n const props = node.properties \|\| {};\n if (!('data-target' in props)) return;\n\n const children = node.children \|\| [];\n let startIdx = 0;\n if (children[0]?.type === 'element' && children[0]?.tagName === 'summary') {\n startIdx = 1;\n }\n const rest = children.slice(startIdx);\n const meaningful = rest.filter((c: any) => !isWhitespaceText(c));\n\n if (\n meaningful.length === 1 &&\n meaningful[0].type === 'element' &&\n meaningful[0].properties &&\n ('data-popup' in meaningful[0].properties \|\|\n meaningful[0].properties['data-popup'] !== undefined)\n ) {\n return;\n }\n\n if (\n meaningful.some(\n (c: any) =>\n c?.type === 'element' &&\n c?.properties &&\n ('data-popup' in c.properties \|\| c.properties['data-popup'] !== undefined),\n )\n ) {\n return;\n }\n\n const popupDiv = {\n type: 'element',\n tagName: 'div',\n properties: { 'data-popup': '' },\n children: rest,\n };\n node.children = children.slice(0, startIdx).concat([popupDiv]);\n });\n };\n}\n\nfunction rehypeWrapAnyDetailsBody() {\n return (tree: any) => {\n // @ts-ignore\n visit(tree, 'element', (node: any) => {\n if (node.tagName !== 'details') return;\n const props = node.properties \|\| {};\n if ('data-inline' in props \|\| 'data-target' in props) return;\n\n const children = node.children \|\| [];\n let startIdx = 0;\n if (children[0]?.type === 'element' && children[0]?.tagName === 'summary') {\n startIdx = 1;\n }\n const rest = children.slice(startIdx);\n const meaningful = rest.filter((c: any) => !isWhitespaceText(c));\n\n if (\n meaningful.length === 1 &&\n meaningful[0].type === 'element' &&\n meaningful[0].properties &&\n ('data-popup' in meaningful[0].properties \|\|\n meaningful[0].properties['data-popup'] !== undefined)\n ) {\n return;\n }\n if (\n meaningful.some(\n (c: any) =>\n c?.type === 'element' &&\n c?.properties &&\n ('data-popup' in c.properties \|\| c.properties['data-popup'] !== undefined),\n )\n ) {\n return;\n }\n\n const popupDiv = {\n type: 'element',\n tagName: 'div',\n properties: { 'data-popup': '' },\n children: rest,\n };\n node.children = children.slice(0, startIdx).concat([popupDiv]);\n });\n };\n}\n\nconst renderWithHighlights = (\n text: string, \n highlightedText?: string, \n customHighlightStyle?: CSSProperties\n): React.ReactNode => {\n if (!highlightedText \|\| !highlightedText.trim()) return text;\n\n const escapeRegExp = (str: string) => str.replace(/[-[\\]/{}()*+?.\\\\^$\|]/g, '\\\\$&');\n const regex = new RegExp(`(${escapeRegExp(highlightedText)})`, 'gi');\n \n const parts = text.split(regex);\n\n return parts.map((part, i) => \n regex.test(part) ? (\n <mark \n key={i} \n className={defaultStyles.customHighlight} \n id=\"customHighlight\"\n style={customHighlightStyle} // Apply custom style\n >\n {part}\n </mark>\n ) : (\n part\n )\n );\n};\n\nconst MarkdownRenderer: React.FC<Props> = ({\n value,\n highlightedText,\n scrollTo,\n styles = {}, // Default to empty object\n}) => {\n const rootRef = React.useRef<HTMLDivElement \| null>(null);\n const scrollRef = React.useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (highlightedText) {\n const timer = setTimeout(() => {\n if (scrollRef.current) {\n const highlightElement = scrollRef.current.querySelector('#customHighlight');\n\n if (highlightElement) {\n highlightElement.scrollIntoView({\n behavior: 'smooth',\n block: scrollTo ? scrollTo : 'center',\n });\n }\n }\n }, 225);\n return () => clearTimeout(timer);\n }\n }, [highlightedText, value]);\n\n const handleInlineToggle = (e: React.SyntheticEvent<HTMLDetailsElement>) => {\n const trigger = e.currentTarget;\n const id = trigger.getAttribute('data-inline');\n if (!id \|\| !rootRef.current) return;\n\n const target = rootRef.current.querySelector<HTMLDetailsElement>(\n `details[data-target=\"${id}\"]`,\n );\n if (target) {\n target.open = trigger.open;\n }\n };\n\n return (\n <div \n ref={rootRef} // Attached to outer wrapper to help scope queries\n className={defaultStyles.containerWrapper} \n style={styles.containerWrapper}\n >\n <div \n className={defaultStyles.mainCard} \n style={styles.mainCard}\n >\n <div \n ref={scrollRef} \n className={defaultStyles.scrollArea} \n style={styles.scrollArea}\n >\n <Markdown\n remarkPlugins={[remarkGfm]}\n rehypePlugins={[\n rehypeRaw as any,\n rehypeUnwrapParagraphDetails,\n rehypeGreenChecks,\n rehypeWrapTargetContent,\n rehypeWrapAnyDetailsBody,\n ]}\n components={{\n details: ({ node, ...props }) => {\n const isInline = !!(props as any)['data-inline'];\n const isTarget = !!(props as any)['data-target'];\n \n let className = defaultStyles.detailsBlock;\n let style = styles.detailsBlock;\n\n if (isInline) {\n className = defaultStyles.detailsInline;\n style = styles.detailsInline;\n }\n if (isTarget) {\n className = defaultStyles.detailsTarget;\n style = styles.detailsTarget;\n }\n\n return (\n <details\n {...props}\n className={className}\n style={{ ...style, ...props.style }} // Merge with Markdown props if any\n onToggle={(e) => {\n e.stopPropagation();\n if (isInline) handleInlineToggle(e);\n }}\n >\n {isTarget && <summary className={defaultStyles.targetDummySummary} aria-hidden=\"true\" />}\n {props.children}\n </details>\n );\n },\n summary: ({ node, ...props }) => (\n <summary \n className={defaultStyles.summary} \n style={styles.summary}\n onClick={(e) => e.stopPropagation()} \n {...props}\n >\n {props.children}\n </summary>\n ),\n\n ul: (props) => <ul className={defaultStyles.list} style={styles.list} {...props} />,\n ol: (props) => <ol className={defaultStyles.list} style={styles.list} {...props} />,\n \n div: ({ node, ...props }) => {\n const isPopup = (node as any)?.properties && 'data-popup' in (node as any).properties;\n return (\n <div \n {...props} \n className={isPopup ? defaultStyles.popup : props.className} \n style={isPopup ? styles.popup : props.style}\n />\n );\n },\n \n // Handle the Green check that rehypeGreenChecks created\n span: ({node, ...props}) => {\n const isGreenCheck = (node as any)?.properties?.['data-green-check'] === 'true';\n if (isGreenCheck) {\n return <span {...props} style={styles.checkGreen} />;\n }\n return <span {...props} />;\n },\n\n p: function ({ children }) {\n const childArray = Array.isArray(children) ? children : [children];\n return (\n <p>\n {childArray.map((child, i) =>\n typeof child === 'string' ? (\n renderWithHighlights(child, highlightedText, styles.customHighlight)\n ) : (\n <React.Fragment key={i}>{child}</React.Fragment>\n ),\n )}\n </p>\n );\n },\n li: ({ children }) => {\n try {\n const childArray = children == null\n ? []\n : Array.isArray(children)\n ? children\n : [children];\n\n return (\n <li style={{ marginBottom: '4px' }}>\n {childArray?.map((child, index) =>\n typeof child === 'string'\n ? renderWithHighlights(child, highlightedText, styles.customHighlight)\n : <React.Fragment key={index}>{child}</React.Fragment>\n )}\n </li>\n );\n } catch (e) {\n console.error('Error rendering <li>:', e);\n return <li>{children}</li>;\n }\n },\n code: ({ children, ...props }) => (\n <code {...props}>\n {React.Children.map(children, (child) =>\n typeof child === 'string'\n ? renderWithHighlights(child, highlightedText, styles.customHighlight)\n : child,\n )}\n </code>\n ),\n }}\n >\n {value}\n </Markdown>\n </div>\n </div>\n </div>\n );\n};\n\nexport default MarkdownRenderer;\n"],"names":["rehypeGreenChecks","tree","visit","node","index","parent","value","includes","parts","split","newChildren","i","length","text","push","type","tagName","properties","className","defaultStyles","checkGreen","children","splice","rehypeUnwrapParagraphDetails","isWhitespaceText","n","test","rehypeWrapTargetContent","startIdx","rest","slice","meaningful","filter","c","some","popupDiv","concat","rehypeWrapAnyDetailsBody","props","renderWithHighlights","highlightedText","customHighlightStyle","trim","regex","RegExp","str","replace","map","part","jsx","customHighlight","id","style","scrollTo","styles","rootRef","React","useRef","scrollRef","useEffect","timer","setTimeout","current","highlightElement","querySelector","scrollIntoView","behavior","block","clearTimeout","ref","containerWrapper","mainCard","scrollArea","Markdown","remarkPlugins","remarkGfm","rehypePlugins","rehypeRaw","components","details","isInline","isTarget","detailsBlock","detailsInline","detailsTarget","jsxs","onToggle","e","stopPropagation","trigger","currentTarget","getAttribute","target","open","targetDummySummary","summary","onClick","ul","list","ol","div","isPopup","popup","span","p","childArray","Array","isArray","child","Fragment","li","marginBottom","console","error","code","Children"],"mappings":"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"}

package/dist/cjs/features/ExcelCitation/ExcelCitations.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./utils/helper.js");require("./css/excel-citation.css.js");exports.default=({data:o,highlightRow:i,loading:n,highlightText:l,isErrored:s})=>{const d=r.useRef(null);if(r.useEffect(()=>{if(!i||!l||n)return;const e=setTimeout(()=>{const e=d.current;if(!e)return;const r=e.querySelector('[data-highlight="true"]');r&&r.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},200);return()=>clearTimeout(e)},[i,l,n,o]),n)return e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.7)",backdropFilter:"blur(4px)"},children:[e.jsx("div",{style:{height:"2rem",width:"2rem",borderRadius:"9999px",border:"3px solid #d1d5db",borderTopColor:"#3b82f6",animation:"excel-citation-loader-spin 1s linear infinite"}}),e.jsx("span",{style:{marginTop:"0.5rem",fontSize:"0.875rem",color:"#4b5563"},children:"Fetching citations…"})]});if(s)return e.jsx("div",{style:{padding:"0.75rem 1rem",fontSize:"0.875rem",color:"#4b5563",backgroundColor:"white",border:"1px solid #e5e7eb",borderRadius:"2px"},children:"We are having trouble fetching the citations."});const a=Object.values(o??{}).reduce((e,r)=>Math.max(e,r.length),0);return e.jsx("div",{style:{padding:"0.5rem 1rem",backgroundColor:"white"},children:e.jsx("div",{ref:d,style:{position:"relative",maxHeight:"500px",overflow:"auto",border:"1px solid #d1d5db",borderRadius:"2px",boxShadow:"0 1px 2px 0 rgba(0, 0, 0, 0.05)"},children:e.jsx("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:"0.875rem"},children:e.jsx("tbody",{children:Object.entries(o??{}).map(([r,o])=>{const n=Number(r),s=1===n,d=n===i,c=d&&!!l&&o.some(e=>e.toLowerCase().includes(l.toLowerCase()));return e.jsxs("tr",{"data-highlight":d?"true":"false",style:{transition:"background-color 0.2s",position:s?"sticky":"static",top:s?0:"auto",zIndex:s?9:"auto",fontWeight:s?"bold":"normal",backgroundColor:s?"white":"transparent",boxShadow:s?"0 1px 2px 0 rgba(0, 0, 0, 0.05)":"none"},children:[e.jsx("td",{style:{position:"sticky",left:0,zIndex:8,width:"3rem",textAlign:"center",border:"1px solid #e5e7eb",minWidth:"0.5rem",padding:"0 0.5rem",backgroundColor:n!==i||c?"#f1f5f9":"#fef08a"},children:s?null:n}),o.map((r,o)=>e.jsx("td",{style:{padding:"0.5rem 0.75rem",border:"1px solid #e5e7eb",color:"#374151",whiteSpace:"nowrap",backgroundColor:!c&&d?"#fef08a":"transparent"},children:l&&d&&c?t.highlightMatch(r,l):r},o)),o.length<a&&Array.from({length:a-o.length}).map((r,t)=>e.jsx("td",{style:{border:"1px solid #e5e7eb",backgroundColor:"rgba(249, 250, 251, 0.3)"}},`empty-${t}`))]},n)})})})})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./utils/helper.js");exports.default=({data:o,highlightRow:i,loading:n,highlightText:l,isErrored:d})=>{const s=r.useRef(null);if(r.useEffect(()=>{if(!i||!l||n)return;const e=setTimeout(()=>{const e=s.current;if(!e)return;const r=e.querySelector('[data-highlight="true"]');r&&r.scrollIntoView({behavior:"smooth",block:"center",inline:"center"})},200);return()=>clearTimeout(e)},[i,l,n,o]),n)return e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(255, 255, 255, 0.7)",backdropFilter:"blur(4px)"},children:[e.jsx("div",{style:{height:"2rem",width:"2rem",borderRadius:"9999px",border:"3px solid #d1d5db",borderTopColor:"#3b82f6",animation:"excel-citation-loader-spin 1s linear infinite"}}),e.jsx("span",{style:{marginTop:"0.5rem",fontSize:"0.875rem",color:"#4b5563"},children:"Fetching citations…"})]});if(d)return e.jsx("div",{style:{padding:"0.75rem 1rem",fontSize:"0.875rem",color:"#4b5563",backgroundColor:"white",border:"1px solid #e5e7eb",borderRadius:"2px"},children:"We are having trouble fetching the citations."});const a=Object.values(o??{}).reduce((e,r)=>Math.max(e,r.length),0);return e.jsx("div",{style:{padding:"0.5rem 1rem",backgroundColor:"white"},children:e.jsx("div",{ref:s,style:{position:"relative",maxHeight:"500px",overflow:"auto",border:"1px solid #d1d5db",borderRadius:"2px",boxShadow:"0 1px 2px 0 rgba(0, 0, 0, 0.05)"},children:e.jsx("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:"0.875rem"},children:e.jsx("tbody",{children:Object.entries(o??{}).map(([r,o])=>{const n=Number(r),d=1===n,s=n===i,c=s&&!!l&&o.some(e=>e.toLowerCase().includes(l.toLowerCase()));return e.jsxs("tr",{"data-highlight":s?"true":"false",style:{transition:"background-color 0.2s",position:d?"sticky":"static",top:d?0:"auto",zIndex:d?9:"auto",fontWeight:d?"bold":"normal",backgroundColor:d?"white":"transparent",boxShadow:d?"0 1px 2px 0 rgba(0, 0, 0, 0.05)":"none"},children:[e.jsx("td",{style:{position:"sticky",left:0,zIndex:8,width:"3rem",textAlign:"center",border:"1px solid #e5e7eb",minWidth:"0.5rem",padding:"0 0.5rem",backgroundColor:n!==i||c?"#f1f5f9":"#fef08a"},children:d?null:n}),o.map((r,o)=>e.jsx("td",{style:{padding:"0.5rem 0.75rem",border:"1px solid #e5e7eb",color:"#374151",whiteSpace:"nowrap",backgroundColor:!c&&s?"#fef08a":"transparent"},children:l&&s&&c?t.highlightMatch(r,l):r},o)),o.length<a&&Array.from({length:a-o.length}).map((r,t)=>e.jsx("td",{style:{border:"1px solid #e5e7eb",backgroundColor:"rgba(249, 250, 251, 0.3)"}},`empty-${t}`))]},n)})})})})})};
 //# sourceMappingURL=ExcelCitations.js.map

package/dist/cjs/features/ExcelCitation/ExcelCitations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExcelCitations.js","sources":["../../../../src/features/ExcelCitation/ExcelCitations.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { highlightMatch } from \"./utils/helper\";\nimport \"./css/excel-citation.css\";\n\nexport interface DataDict {\n [key: number]: string[];\n}\n\ninterface ExcelCitationProps {\n data: DataDict;\n highlightRow?: number;\n loading: boolean;\n isErrored: boolean;\n highlightText?: string \| null;\n}\n\nconst ExcelCitation: React.FC<ExcelCitationProps> = ({\n data,\n highlightRow,\n loading,\n highlightText,\n isErrored,\n}) => {\n const containerRef = useRef<HTMLDivElement \| null>(null);\n\n useEffect(() => {\n if (!highlightRow \|\| !highlightText \|\| loading) return;\n\n const timeout = setTimeout(() => {\n const container = containerRef.current;\n if (!container) return;\n\n const highlightedEl = container.querySelector(\n '[data-highlight=\"true\"]',\n ) as HTMLElement \| null;\n\n if (highlightedEl) {\n highlightedEl.scrollIntoView({\n behavior: \"smooth\",\n block: \"center\",\n inline: \"center\",\n });\n }\n }, 200);\n\n return () => clearTimeout(timeout);\n }, [highlightRow, highlightText, loading, data]);\n\n // Loading State\n if (loading) {\n return (\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: \"rgba(255, 255, 255, 0.7)\",\n backdropFilter: \"blur(4px)\",\n }}\n >\n <div\n style={{\n height: \"2rem\",\n width: \"2rem\",\n borderRadius: \"9999px\",\n border: \"3px solid #d1d5db\",\n borderTopColor: \"#3b82f6\",\n animation: \"excel-citation-loader-spin 1s linear infinite\",\n }}\n />\n\n <span\n style={{\n marginTop: \"0.5rem\",\n fontSize: \"0.875rem\",\n color: \"#4b5563\",\n }}\n >\n Fetching citations…\n </span>\n </div>\n );\n }\n\n // Error State\n if (isErrored) {\n return (\n <div\n style={{\n padding: \"0.75rem 1rem\",\n fontSize: \"0.875rem\",\n color: \"#4b5563\",\n backgroundColor: \"white\",\n border: \"1px solid #e5e7eb\",\n borderRadius: \"2px\",\n }}\n >\n We are having trouble fetching the citations.\n </div>\n );\n }\n\n const maxCols = Object.values(data ?? {}).reduce(\n (max, arr) => Math.max(max, arr.length),\n 0,\n );\n\n return (\n <div style={{ padding: \"0.5rem 1rem\", backgroundColor: \"white\" }}>\n <div\n ref={containerRef}\n style={{\n position: \"relative\",\n maxHeight: \"500px\",\n overflow: \"auto\",\n border: \"1px solid #d1d5db\",\n borderRadius: \"2px\",\n boxShadow: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n }}\n >\n <table\n style={{\n width: \"100%\",\n borderCollapse: \"collapse\",\n fontSize: \"0.875rem\",\n }}\n >\n <tbody>\n {Object.entries(data ?? {}).map(([key, values]) => {\n const rowId = Number(key);\n const isHeaderRow = rowId === 1;\n const isHighlighted = rowId === highlightRow;\n const rowHasMatch =\n isHighlighted &&\n !!highlightText &&\n values.some((cell: string) =>\n cell.toLowerCase().includes(highlightText.toLowerCase()),\n );\n\n return (\n <tr\n key={rowId}\n data-highlight={isHighlighted ? \"true\" : \"false\"}\n style={{\n transition: \"background-color 0.2s\",\n position: isHeaderRow ? \"sticky\" : \"static\",\n top: isHeaderRow ? 0 : \"auto\",\n zIndex: isHeaderRow ? 9 : \"auto\",\n fontWeight: isHeaderRow ? \"bold\" : \"normal\",\n backgroundColor: isHeaderRow ? \"white\" : \"transparent\",\n boxShadow: isHeaderRow\n ? \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\"\n : \"none\",\n }}\n >\n {/* Row Number Column /}\n <td\n style={{\n position: \"sticky\",\n left: 0,\n zIndex: 8,\n width: \"3rem\",\n textAlign: \"center\",\n border: \"1px solid #e5e7eb\",\n minWidth: \"0.5rem\",\n padding: \"0 0.5rem\",\n backgroundColor:\n rowId === highlightRow && !rowHasMatch\n ? \"#fef08a\"\n : \"#f1f5f9\",\n }}\n >\n {isHeaderRow ? null : rowId}\n </td>\n\n {/ Data Cells /}\n {values.map((cell: string, idx: number) => (\n <td\n key={idx}\n style={{\n padding: \"0.5rem 0.75rem\",\n border: \"1px solid #e5e7eb\",\n color: \"#374151\",\n whiteSpace: \"nowrap\",\n backgroundColor:\n !rowHasMatch && isHighlighted\n ? \"#fef08a\"\n : \"transparent\",\n }}\n >\n {!highlightText \|\| !isHighlighted \|\| !rowHasMatch\n ? cell\n : highlightMatch(cell, highlightText)}\n </td>\n ))}\n\n {/ Fill empty columns if row is shorter than max */}\n {values.length < maxCols &&\n Array.from({ length: maxCols - values.length }).map(\n (_, i) => (\n <td\n key={`empty-${i}`}\n style={{\n border: \"1px solid #e5e7eb\",\n backgroundColor: \"rgba(249, 250, 251, 0.3)\",\n }}\n />\n ),\n )}\n </tr>\n );\n })}\n </tbody>\n </table>\n </div>\n </div>\n );\n};\n\nexport default ExcelCitation;\n"],"names":["data","highlightRow","loading","highlightText","isErrored","containerRef","useRef","useEffect","timeout","setTimeout","container","current","highlightedEl","querySelector","scrollIntoView","behavior","block","inline","clearTimeout","jsxs","style","display","flexDirection","alignItems","justifyContent","backgroundColor","backdropFilter","children","jsx","height","width","borderRadius","border","borderTopColor","animation","marginTop","fontSize","color","padding","maxCols","Object","values","reduce","max","arr","Math","length","ref","position","maxHeight","overflow","boxShadow","borderCollapse","entries","map","key","rowId","Number","isHeaderRow","isHighlighted","rowHasMatch","some","cell","toLowerCase","includes","transition","top","zIndex","fontWeight","left","textAlign","minWidth","idx","whiteSpace","highlightMatch","Array","from","_","i"],"mappings":"~~gNAgBoD~~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"}
1	+ {"version":3,"file":"ExcelCitations.js","sources":["../../../../src/features/ExcelCitation/ExcelCitations.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { highlightMatch } from \"./utils/helper\";\nimport \"./css/excel-citation.css\";\n\nexport interface DataDict {\n [key: number]: string[];\n}\n\ninterface ExcelCitationProps {\n data: DataDict;\n highlightRow?: number;\n loading: boolean;\n isErrored: boolean;\n highlightText?: string \| null;\n}\n\nconst ExcelCitation: React.FC<ExcelCitationProps> = ({\n data,\n highlightRow,\n loading,\n highlightText,\n isErrored,\n}) => {\n const containerRef = useRef<HTMLDivElement \| null>(null);\n\n useEffect(() => {\n if (!highlightRow \|\| !highlightText \|\| loading) return;\n\n const timeout = setTimeout(() => {\n const container = containerRef.current;\n if (!container) return;\n\n const highlightedEl = container.querySelector(\n '[data-highlight=\"true\"]',\n ) as HTMLElement \| null;\n\n if (highlightedEl) {\n highlightedEl.scrollIntoView({\n behavior: \"smooth\",\n block: \"center\",\n inline: \"center\",\n });\n }\n }, 200);\n\n return () => clearTimeout(timeout);\n }, [highlightRow, highlightText, loading, data]);\n\n // Loading State\n if (loading) {\n return (\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: \"rgba(255, 255, 255, 0.7)\",\n backdropFilter: \"blur(4px)\",\n }}\n >\n <div\n style={{\n height: \"2rem\",\n width: \"2rem\",\n borderRadius: \"9999px\",\n border: \"3px solid #d1d5db\",\n borderTopColor: \"#3b82f6\",\n animation: \"excel-citation-loader-spin 1s linear infinite\",\n }}\n />\n\n <span\n style={{\n marginTop: \"0.5rem\",\n fontSize: \"0.875rem\",\n color: \"#4b5563\",\n }}\n >\n Fetching citations…\n </span>\n </div>\n );\n }\n\n // Error State\n if (isErrored) {\n return (\n <div\n style={{\n padding: \"0.75rem 1rem\",\n fontSize: \"0.875rem\",\n color: \"#4b5563\",\n backgroundColor: \"white\",\n border: \"1px solid #e5e7eb\",\n borderRadius: \"2px\",\n }}\n >\n We are having trouble fetching the citations.\n </div>\n );\n }\n\n const maxCols = Object.values(data ?? {}).reduce(\n (max, arr) => Math.max(max, arr.length),\n 0,\n );\n\n return (\n <div style={{ padding: \"0.5rem 1rem\", backgroundColor: \"white\" }}>\n <div\n ref={containerRef}\n style={{\n position: \"relative\",\n maxHeight: \"500px\",\n overflow: \"auto\",\n border: \"1px solid #d1d5db\",\n borderRadius: \"2px\",\n boxShadow: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n }}\n >\n <table\n style={{\n width: \"100%\",\n borderCollapse: \"collapse\",\n fontSize: \"0.875rem\",\n }}\n >\n <tbody>\n {Object.entries(data ?? {}).map(([key, values]) => {\n const rowId = Number(key);\n const isHeaderRow = rowId === 1;\n const isHighlighted = rowId === highlightRow;\n const rowHasMatch =\n isHighlighted &&\n !!highlightText &&\n values.some((cell: string) =>\n cell.toLowerCase().includes(highlightText.toLowerCase()),\n );\n\n return (\n <tr\n key={rowId}\n data-highlight={isHighlighted ? \"true\" : \"false\"}\n style={{\n transition: \"background-color 0.2s\",\n position: isHeaderRow ? \"sticky\" : \"static\",\n top: isHeaderRow ? 0 : \"auto\",\n zIndex: isHeaderRow ? 9 : \"auto\",\n fontWeight: isHeaderRow ? \"bold\" : \"normal\",\n backgroundColor: isHeaderRow ? \"white\" : \"transparent\",\n boxShadow: isHeaderRow\n ? \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\"\n : \"none\",\n }}\n >\n {/* Row Number Column /}\n <td\n style={{\n position: \"sticky\",\n left: 0,\n zIndex: 8,\n width: \"3rem\",\n textAlign: \"center\",\n border: \"1px solid #e5e7eb\",\n minWidth: \"0.5rem\",\n padding: \"0 0.5rem\",\n backgroundColor:\n rowId === highlightRow && !rowHasMatch\n ? \"#fef08a\"\n : \"#f1f5f9\",\n }}\n >\n {isHeaderRow ? null : rowId}\n </td>\n\n {/ Data Cells /}\n {values.map((cell: string, idx: number) => (\n <td\n key={idx}\n style={{\n padding: \"0.5rem 0.75rem\",\n border: \"1px solid #e5e7eb\",\n color: \"#374151\",\n whiteSpace: \"nowrap\",\n backgroundColor:\n !rowHasMatch && isHighlighted\n ? \"#fef08a\"\n : \"transparent\",\n }}\n >\n {!highlightText \|\| !isHighlighted \|\| !rowHasMatch\n ? cell\n : highlightMatch(cell, highlightText)}\n </td>\n ))}\n\n {/ Fill empty columns if row is shorter than max */}\n {values.length < maxCols &&\n Array.from({ length: maxCols - values.length }).map(\n (_, i) => (\n <td\n key={`empty-${i}`}\n style={{\n border: \"1px solid #e5e7eb\",\n backgroundColor: \"rgba(249, 250, 251, 0.3)\",\n }}\n />\n ),\n )}\n </tr>\n );\n })}\n </tbody>\n </table>\n </div>\n </div>\n );\n};\n\nexport default ExcelCitation;\n"],"names":["data","highlightRow","loading","highlightText","isErrored","containerRef","useRef","useEffect","timeout","setTimeout","container","current","highlightedEl","querySelector","scrollIntoView","behavior","block","inline","clearTimeout","jsxs","style","display","flexDirection","alignItems","justifyContent","backgroundColor","backdropFilter","children","jsx","height","width","borderRadius","border","borderTopColor","animation","marginTop","fontSize","color","padding","maxCols","Object","values","reduce","max","arr","Math","length","ref","position","maxHeight","overflow","boxShadow","borderCollapse","entries","map","key","rowId","Number","isHeaderRow","isHighlighted","rowHasMatch","some","cell","toLowerCase","includes","transition","top","zIndex","fontWeight","left","textAlign","minWidth","idx","whiteSpace","highlightMatch","Array","from","_","i"],"mappings":"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"}